a.logtest, a.logout {
	color: #fff;
	border: 1px solid #D52D33;
	background-color: #D52D33;
	padding: 3px 5px;
	font-weight: bold;
}

strong.crc {
	float: none;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	background-color: #afa;
	padding: 2px 7px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#uidg {
	position: relative;
}

.dhide {
	display: none;
}

.writebox {
	float: left;
	width: 96%;
	padding: 2%;
	background-color: #F5F5F5;
	border-bottom: 1px solid #c0c0c0;
}

.writebox span.green {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	font-weight: bold;
	color: #0a0;
	line-height: 22px;
	font-size: 15px;
}

.writebox div.profile {
	float: left;
	width: 187px;
	height: 119px;
	background: url("/images/bck_profile.png") no-repeat center center;
	text-align: center;
	overflow: hidden;
}

.writebox div.profile img {
	height: 90px;
	margin-bottom: 5px;
}

.writebox div.profile strong {
	font-size: 16px;
	font-weight: bold;
}

.writebox div.editor {
	float: right;
	width: calc(100% - 205px);
}

.writebox div.editor textarea {
	float: left;
	width: 96%;
	resize: none;
	height: 91px;
	margin: 0px;
	padding: 2%;
	font-size: 15px;
	border: 1px solid #C0C0C0;
	outline: none;
}

ul#comments li div textarea {
	float: left;
	width: 98%;
	resize: none;
	height: 91px;
	margin: 0px;
	padding: 1%;
	font-size: 15px;
	border: 1px solid #C0C0C0;
	outline: none;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.writebox div.editor textarea:focus, ul#comments li div textarea:focus {
	background-color: #f0faff;
}

.writebox div.editor a.sndcmt, ul#comments li div a.sndcmt {
	float: right;
	margin-top: 10px;
	background-color: #335577;
	color: #fff;
	padding: 10px 15px;
	font-weight: bold;
	font-size: 16px;
}

ul#comments {
	float: left;
	width: 96%;
	margin: 2%;
}

ul#comments li {
	float: left;
	width: 100%;
	margin: 0px 0px;
}

ul#comments li.load {
	text-align: center;
}

ul#comments li div {
	float: left;
	width: 97%;
	background-color: #f0f0f0;
	padding: 1%;
	margin: 2px 0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

ul#comments li div.now {
	background-color: #f0f0fa;
}

ul#comments li.view > div {
	background-color: #def !important;
}
	
ul#comments li div strong {
	float: left;
	color: #335577; 
	font-size: 15px;
	font-weight: bold;
}

ul#comments li div small {
	color: #707070;
	float: right;
	font-size: 13px;
	font-weight: bold;
}

ul#comments li div.now small {
	color: #303030;
}

ul#comments li div p {
	float: left;
	width: 100%;
	margin: 7px 0px;
	font-size: 15px;
	line-height: 18px;
	color: #000;
	word-wrap: break-word;
  overflow: hidden;
}

ul#comments li div p a {
	float: none;
	color: #357;
	font-size: 15px;
}

ul#comments li div p em {
	font-weight: bold;
	color: #D52D33;
	font-style: italic;
	margin-right: 3px;
}

ul#comments li div a {
	float: left;
	color: #777777;
	font-size: 13px;
	font-weight: normal;
}

ul#comments li div a:hover {
	text-decoration: underline;
	color: #D52D33;
}

ul#comments li div a.sndcmt:hover {
	text-decoration: none;
	color: #fff;
}

ul#comments li ul {
	float: right;
	width: 95%;
	margin: 0px !important;
	padding: 0px !important;
}

div.fclear {
	float: left;
	width: 100%;
	height: 0px;
}

div.fclear20 {
	float: left;
	width: 100%;
	height: 30px;
}

div.fleft {
	float: left;
	width: 60%;
	margin-top: 10px;
	padding-top: 10px;
}

div.fright {
	width: 40%;
	float: right;
	margin-top: 53px;
	text-align: right;
}

div.frightr {
	width: 40%;
	float: right;
	margin-top: 23px;
	text-align: right;
}

div.frightrp {
	width: 100%;
	float: right;
	margin-top: 23px;
	text-align: right;
}

div.fleft input[type="checkbox"] {
	float: left;
	width: none;
}

div.userpanel {
	float: left;
	width: calc(100% - 30px);
	padding: 10px 12px;
}

div.userpanel h3 {
	font-family: "Ubuntu", "Open sans";
	font-size: 20px;
	color: #505050;
}

div.userpanel label {
	float: left;
	width: 100%;
	font-family: "Ubuntu", "Open sans";
	font-size:  16px;
	color: #707070;
	margin-top: 20px;
	margin-bottom: 5px;
	font-weight: bold;
}

div.userpanel label i {
	font-size: 14px;
	font-weight: normal;
}

div.userpanel div.fleft label, section.content article div.body label {
	float: left;
	width: auto;
	font-size: 14px;
	font-weight: normal;
	margin-top: 2px;
	margin-left: 5px;
}

section.content article div.body label { 
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin-left: 0px;
}

div.userpanel input[type="text"], div.userpanel input[type="password"], section.content article div.body input {
	float: left;
	width: 95%;
	padding: 7px 2%;
	font-size: 16px;
	outline: none;
	background-color: #fff5f5;
	border: 1px solid #ccc;
	-webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

section.content article div.body input { 
	width: 50%;
	background-color: #f5f5f5;
}

div.userpanel input[type="text"]:focus, div.userpanel input[type="password"]:focus {
	background-color: #fff;
}

div.regform {
	float: left;
	width: 69.5%;
	min-height: 200px;
	border-right: 1px solid #d5d5d5;
}

div.regform div.third {
	float: left;
	width: 48%;
	margin-right: 2%;
}

div.prfform {
	float: left;
	width: 70%;
	min-height: 200px;
}

div.prfform div.third {
	float: right;
	width: 38%;
	margin-right: 2%;
}

div.prfform div.quart {
	float: left;
	width: 17%;
}

div.prfform div.quart div.mypht {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 22px;
	background: url("/images/bck_profile.png") no-repeat center center;
	border: 1px solid #ccc;
}

div.clr {
	float: left;
	width: 100%;
	display: block;
	height: 10px;
}

a#clsb {
	float: right;
	color: #f00;
	font-size: 16px;
	font-weight: bold;
}

div.loginform {
	float: right;
	width: 30%;
}

div.userpanel a.frmbtn, section.content article div.body a.frmbtn {
	background-color: #CB080E;
	color: #fff;
	padding: 10px 20px;
}

section.content article div.body a.frmbtn {
	float: left;
}

div.userpanel a.frmbtn:hover {
	background-color: #000;
}

div.userpanel a.link, a.lostpwd {
	font-size: 14px;
	color: #505050;
}

div.userpanel a.link:hover, a.lostpwd:hover {
	text-decoration: underline;
	color: #CB080E;
}

.err {
	border: 1px solid #ff0000 !important;
	background-color: #ffdede !important;
}

.nodef {
	border: 1px solid #ffa000 !important;
	background-color: #ffffde !important;
}

.red {
	color: #ff0000;
}

div.msgBox {
	float: left;
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(255, 255, 255, 0.9);	
/*	background-color: #fff;
	opacity: 0.7; */
	z-index: 10000;
	text-align: center;	
	padding-top: 0%;
	display: none;
}


div.msgBox div.center {
	display: table;
  position: absolute;
  height: 90%;
  width: 100%;
  line-height: 1;
}

div.msgBox div.inner {
	display: table-cell;
  vertical-align: middle;
}

div.msgBox div.inner a.frmbtn {
	display: inline-block;
	background-color: #CB080E;
	color: #fff;
	padding: 10px 20px;
}

div.msgBox div.inner h3 {
	float: left;
	width: 100%;
	font-size: 26px;
	font-weight: bold;
	color: #CB080E;
	padding: 20px 0px;
}

div.msgBox div.inner p {
	float: left;
	width: 80%;
	font-size: 20px;
	font-weight: normal;
	color: #000;
	margin: 0px 10% 20px 10%;
	line-height: 28px;
	padding-bottom: 20px;
	border-bottom: 1px solid #909090;
	text-align: center;
}

div.loginform h3 a.cls {
	float: right;
	background-color: #CB080E;
	color: #fff;
	padding: 5px 10px;
	margin-top: -10px;
}

div.loginform h3 a.cls:hover {
	background-color: #000;
}

ul#ntflist {
	float: left;
	width: 100%;
	height: 250px;
	overflow: auto;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}

ul#ntflist li {
	float: left;
	width: 100%;
	border-top: 1px solid #fff;
	font-size: 14px;
}

ul#ntflist li:first-child {
	border-top: none;
}

ul#ntflist li a {
	float: left;
	width: 94%;
	padding: 5px 3%;
	background-color: #eee;
	color: #000;
}

ul#ntflist li a.new {
	background-color: #def;
}

ul#ntflist li a strong {
	font-weight: bold;
}

ul#ntflist li a small {
	float: right;
}

ul#ntflist li a:hover {
	background-color: #CB080E;
	color: #fff;
}

.phide {
	display: none;
	width: 3%;
}

div.src {
}

div.scr a.slnk {
	float: left;
	color: #555;
	font-size: 14px;
}

div.scr span {
	float: left;
	font-size: 14px;
	color: #707070;
}

div.scr a.slnk:last-child {
	float: right;
}

div.scr a.slnk:hover {
	color: #CB080E;
	text-decoration: underline;
}

div.pntf {
	float: right;
	width: 30%;
	background: -webkit-linear-gradient(rgba(253,246,246,0.95) 10%, rgba(245, 245, 245, 0.95) 90%);
	border-top: 5px solid #CB080E;
	margin: 0px;
	padding: 5px 0px 10px 0px;
	box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.55);
}

.lf {
	width: 100% !important;
}


@media screen and (min-width: 300px) and (max-width: 819px) {

	#profile {
		float: left;
		width: 80% !important;
	}
	
	div.pntf {
		width: 100%;
	}
	
	.prfform {
		width: 100% !important;
		float: left;
	}
	
	.loginform {
		width: 100% !important;
		float: left;
	}
	
	div.quart {
		display: none;
	}
}


@media screen and (min-width: 300px) and (max-width: 750px) {
	.writebox div.profile {
		display: none;
	}
	
	.writebox div.editor {
		width: 100%;
		float: left;
	}
}

article aside#ldsqs h4 {
	margin: 0px !important;
}

span.warning {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

span.warning strong {
	font-size: 15px;
	font-weight: bold;
}

span.warning p {
	font-size: 14px;
	margin-top: 3px;
}

ul#comments li div p a.prsdpg {
	float: left;
	display: block;
	width: 92%;
	max-width: 540px;
	padding: 1% 1%;
	margin: 1% 0%;
	background-color: #fff;
	border: 1px solid #a5a5a5;
}

ul#comments li div a.prsdpg p.title {
	font-size:16px;
	color:#900;
	font-weight:normal;
	margin: 3px 0px 10px 0px;
}

ul#comments li div p a.prsdpg img {
	float: left;
	width: 100%;
}

ul#comments li div p a.prsdpg img.sml {
	float: none;
	clear: both;
	width: 32px;
	height: 32px;
}

ul#comments li div a.prsdpg p.dsc {
	font-size:15px;
	color:#424242;
	margin-top:10px;
}

ul#comments li div span.shrs {
  float: left;
  width: 100%;
}