/* ------------------------------------------------------------------------------------------ */
/* -------------------------------             ACP            ------------------------------- */
/* -------------------------                 COMMENT                ------------------------- */
/* -------------------------------        Version  0.1        ------------------------------- */
/* ------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------ */
/*                                            FORM                                            */
/* ------------------------------------------------------------------------------------------ */

/* ============        GENERAL       ============ */

.commentForm {
	float: right;
	width: 360px;
	padding: 0 0 0 10px;
}
.ltr .commentForm{float: left;padding: 0 10px 0 0;}
.commentForm > div {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font: 16px/33px Yekan,Tahoma,Geneva,sans-serif;
	color: #cc0000;
}
.commentError { color:red;}
.commentForm > form {}
.commentForm > form > fieldset {
	margin: 0;
	padding: 0 0 5px;
	border: medium none;
	outline: medium none;
}
.commentForm > form > fieldset > label {
	display: block;
	float: right;
	width: 115px;
	margin: 0;
	padding: 0 0 0 15px;
	text-align: left;
	text-indent: 0;
	font: 13px/27px Yekan,Tahoma,Geneva,sans-serif;
	color: #616161;
}
.ltr .commentForm > form > fieldset > label{float: left;padding-left: 0;}
.commentForm > form > fieldset > input[type="text"] {
	display: block;
	float: right;
	width: 235px;
	margin: 0;
	padding: 0 5px;
	border: 1px solid #cccccc;
	-webkit-border-radius: 4px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius: 4px; /* FireFox 1-3.6 */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
	border-radius: 4px; /* Opera 10.5, IE 9, Safari 5, Chrome, FireFox 4, iOS 4, Android 2.1+ */
	outline: medium none;
	font: 11px/27px tahoma;
	color: #616161;
}
@media screen and (max-width: 440px) {
	.commentForm > form > fieldset > input[type="text"] {
		width: 177px;
	}
	.commentForm > form > fieldset > textarea {
		width: 177px!important;
	}
	.commentForm > form > fieldset.captcha>p {
		padding-left: 0;
	}
	.commentForm > form > fieldset > input[type="submit"] {
		width: auto!important;
		padding: 0 20px!important;
		margin: -22px 164px 0 0!important;
	}
	.commentForm > form > fieldset > label{
		width:45px;
	}
	.commentForm > form > fieldset.captcha input {
		width: 64px;
		margin: 4px 50px 0;
		float: right!important;
	}
}
fieldset.captcha span {
	float: right;
}
.commentForm > form > fieldset.captcha input{width: 64px;float: left;}
.ltr .commentForm > form > fieldset.captcha input{width: 51px;}

.commentForm > form > fieldset.captcha>p{float: right;padding-left: 10px; font-family: irsans;font-size: 12;text-align: right;color: black;}
.ltr .commentForm > form > fieldset.captcha>p{float: right;padding-left: 0;padding-right: 10px;}
li.commentdes{
	background-color: rgb(238, 238, 238);
}
li.commentdes.active{
	background-color: #FFF;
}
.commentForm > form > fieldset > input[type="submit"] {
	display: block;
	width: 235px;
	margin: 0 115px 0 0;
	padding: 0;
	-moz-box-shadow: inset 0px 1px 0px 0px #f7c5c0;
	-webkit-box-shadow: inset 0px 1px 0px 0px #f7c5c0;
	box-shadow: inset 0px 1px 0px 0px #f7c5c0;
	background: none repeat scroll 0 0 #fc8d83;
	-webkit-border-radius: 6px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius: 6px; /* FireFox 1-3.6 */
	-khtml-border-radius: 6px; /* for old Konqueror browsers */
	border-radius: 6px; /* Opera 10.5, IE 9, Safari 5, Chrome, FireFox 4, iOS 4, Android 2.1+ */
	border: 1px solid #d83526;
	text-align: center;
	font: 13px/27px Yekan,Tahoma,Geneva,sans-serif;
	color: #ffffff;
	text-shadow: 0 1px 0 #b23e35;
}
.ltr .commentForm > form > fieldset > input[type="submit"] {margin: 0 0 0 115px}
.commentForm > form > fieldset > input[type="submit"]:hover {
	background-color:#e4685d;
}
.commentForm > form > fieldset > textarea {
	display: block;
	float: right;
	width: 235px;
	min-height: 200px;
	margin: 0;
	padding: 10px 5px;
	border: 1px solid #cccccc;
	-webkit-border-radius: 4px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius: 4px; /* FireFox 1-3.6 */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
	border-radius: 4px; /* Opera 10.5, IE 9, Safari 5, Chrome, FireFox 4, iOS 4, Android 2.1+ */
	outline: medium none;
	font: 11px/15px tahoma;
	color: red;
	resize: vertical;
}
.commentForm > form > fieldset > ::-webkit-input-placeholder { color: #ff0000; /* WebKit browsers */ }
.commentForm > form > fieldset > :-moz-placeholder           { color: #ff0000; opacity: 1; /* Mozilla Firefox 4 to 18 */ }
.commentForm > form > fieldset > ::-moz-placeholder          { color: #ff0000; opacity: 1; /* Mozilla Firefox 19+ */ }
.commentForm > form > fieldset > :-ms-input-placeholder      { color: #ff0000; /* Internet Explorer 10+ */ }


/* ------------------------------------------------------------------------------------------ */
/*                                            LIST                                            */
/* ------------------------------------------------------------------------------------------ */

/* ============        GENERAL       ============ */
.commentList {
	float: left;
	width: 360px;
	padding: 0 10px 0 0;
}
.ltr .commentList{float: right;padding: 0 0 0 10px;}
.commentList > ul {
	margin: 0 0 10px;
	padding: 4px 0 4px 10px;
	background: none repeat scroll 0 0 #fcfcfc;
	-webkit-border-radius: 10px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius: 10px; /* FireFox 1-3.6 */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	border-radius: 10px; /* Opera 10.5, IE 9, Safari 5, Chrome, FireFox 4, iOS 4, Android 2.1+ */
}
.commentList > ul > li {
	margin: 0;
	padding: 0;
	list-style: none outside none;
}
.commentList > ul > li > span {
	display: block;
	float: right;
	width: 80px;
	padding: 0 0 0 15px;
	text-align: left;
	text-indent: 0;
	font: 13px/23px Yekan,Tahoma,Geneva,sans-serif;
	color: #616161;
}
.ltr .commentList > ul > li > span {
	float: left;
	padding: 0 15px 0 0;
}
.commentList > ul > li > p {
	display: block;
	float: right;
	width: 260px;
	margin: 0;
	padding: 0;
	text-align: justify;
	text-indent: 0;
	font: 11px/23px tahoma;
	color: #616161;
}
.commentList > ul > li > p > img {
	display: block;
	margin: 0;
	padding: 6px 0 0;
}
.commentForm input#name{color: red}
.commentForm label[for=name],.commentForm label[for=comment],.commentForm fieldset.captcha>label{position: relative;}
.commentForm label[for=name]:before,.commentForm label[for=comment]:before,.commentForm fieldset.captcha>label:before{position: absolute;content:"*";color: red;left: 0;top: 0;}
.ltr .commentForm label[for=name]:before,.ltr .commentForm label[for=comment]:before,.ltr .commentForm fieldset.captcha>label:before{right: 0;left: auto}
.commentForm .captachaEr{position: relative;right: 125px;}
.ltr .commentForm .captachaEr{right: auto;left: 160px;font:14px "tahoma";}
/* ------------------------------------------------------------------------------------------ */
/* -------------------------------                            ------------------------------- */
/* ------------------------                    END                   ------------------------ */
/* -------------------------------                            ------------------------------- */
/* ------------------------------------------------------------------------------------------ */