/* globals */
.clear { clear: both; float: none!important; overflow:hidden; }
.flRight { float: right;}
.flLeft {float: left;}

/* overall */
.comZone { width:625px;float:left;padding-bottom:35px}
.comZone input,
.comZone textarea,
.comZone select,
.comZone button,
.popupWindow button {font-family: Arial, sans-serif; color: #111}
.comZone h2.mainHeader, .loginPopup h2 { color:#C01F25; font-size:14px; text-transform: uppercase; margin-top: 8px; }
.comZone i,
.popupWindow i{ color: #C01F25; }
.comZone a,
.commentsAsideBox a,
.popupWindow a {color:#0F639E;text-decoration:none}
.comZone a:hover,
.comZone u:hover,
.commentsAsideBox a:hover,
.popupWindow a:hover{text-decoration:underline}
.comZone u,
.commentsAsideBox u {text-decoration:none}
.comZone .communicate { background: #FFFBF6; border: 3px solid #f3f3f3; bottom: -10px; padding: 15px; position: relative; color: #475310; text-align:center}


.comZone :-moz-placeholder {color:#979797!important}
.comZone ::-webkit-input-placeholder{color:#979797!important}

.popupWindow { background: #fafafa; border: 1px solid #E7E5DC; border-radius: 5px; box-shadow: 2px 2px 2px #9f9f9f; padding: 5px; position: fixed; width: 430px; z-index: 500}
.popupWindow .closePopup { background: url("images/s.png") no-repeat -48px 0; display: block; height: 11px; overflow: hidden; position: absolute; right: 7px; text-indent: 200px; top: 7px; width: 11px }
.popupWindowOverlay { background: #FFF; filter: alpha(opacity=70); height: 100%; left: 0; opacity: 0.7; overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 499}
.popupWindow.loginPopup {padding:10px 20px 20px;text-align:left;width:500px!important;overflow:hidden}
.loginPopup h2 {margin-bottom: 15px;}
.loginPopup .buttonGroup {clear:both; margin-top:20px;text-align:center;display:block}
.loginPopup img {border:1px solid #d7d7d7;margin-right:17px;float:left;}
.loginPopup h3{font-size:14px; margin-bottom: 10px;color:#545454}
.loginPopup strong{font-weight:bold}
.loginPopup .messageWrapper {display:block;width:350px;float:left}


/* icons */
.comZone span.msgIcon,
.comZone span.addFriendIcon,
.comZone .trash,
.comZone .vote { display: inline-block; height: 12px; vertical-align: baseline; width: 13px; overflow: hidden; text-indent: -200px;}

.comZone span.msgIcon { background: url("images/s.png") no-repeat scroll -9px 0px transparent;}
.comZone span.addFriendIcon { background: url("images/s.png") no-repeat scroll -22px 0px transparent; }

*:first-child+html .comZone span.msgIcon, *:first-child+html .comZone span.addFriendIcon {height:1px;padding-top:11px;text-indent:0px}

.comZone .trash { background: url("images/s.png") no-repeat scroll 0px -9px transparent !important; height: 8px; width: 7px;  margin-right: 3px;}
.comZone .vote { background: url("images/s.png") no-repeat scroll -59px -0px transparent; height: 17px; vertical-align: middle; width: 17px; }
.comZone .vote.vote-minus { background-position:-76px 0px; }

.comZone .arrow, .comZone .linkArrow {display:inline-block;width:0px; height: 0px;border: 4px solid transparent;border-left-color:#C01F25; overflow: hidden; vertical-align: middle;margin:0 0 2px 0}
.comZone .linkArrow{border-left-color:#e78875;margin-left:5px}
.comZone .arrowDown {width:0px;height:0px;border: 4px solid transparent;border-top: 4px solid #C01F25; display:inline-block; overflow: hidden; vertical-align: middle;margin:0 -2px 0 0}

/* buttons */
.comZone button,
.comZone .button,
.popupWindow button,
.popupWindow .button{border:0;cursor:pointer;background: transparent url("images/s.png") no-repeat scroll 0 -17px;font-weight: bold;height:33px;line-height:33px;font-weight:normal;position:relative;padding:0 10px 0 13px;z-index:1;overflow:visible}
.comZone .button, .comZone .button:hover {color: #666058; text-decoration: none}
.comZone button[type="reset"],
.popupWindow button[type="reset"],
.popupWindow button[type="submit"].otherSubmit{color: #3F3F41}
.comZone button[type="submit"],
.comZone .button,
.popupWindow button[type="submit"],
.popupWindow .button{font-weight:bold}
.comZone button[type="submit"],
.popupWindow button[type="submit"]{color:#0F639E}
.comZone .button .endButton,
.comZone button .endButton,
.popupWindow .button .endButton,
.popupWindow button .endButton{display: block;height:33px; background: url("images/s.png") no-repeat scroll -241px -17px;position:absolute; right: -2px; top: 0; width: 5px;z-index:10}

.buttonGroup{margin:10px 1px 0 0;display:inline-block}
*:first-child+html .comZone .buttonGroup {display:inline;margin-right:6px}


/* overall - comment */
.comZone .comment { margin-top: 20px; position: relative}
.comZone .comment .flRight /* commentcontent */{  width: 557px; }
.comZone .commentWrapper, #mainCommentsZoneList .commentThreadReplies .comment {position: relative; margin-top: 20px; border-bottom: 1px dotted #DFDFDF; padding-bottom: 15px; }
.comZone.hideMe .comment .commHeader div.flRight {display:none !important}
.comZone.hideMe .comment:hover .commHeader div.flRight {display:block !important}
.comZone.hideMe .comment.windowOpened .commHeader div.flRight, .comZone.hideMe .comment.windowOpened:hover .commHeader div.flRight {
    display: block !important
}

.comZone .comment .getLink {display:inline-block;margin-left:3px;padding-left:3px;border-left:1px solid #ccc;}

.comZone .commHeader { position: relative; }
.comZone h2.firstComment {text-align:center;font-size:22px}

.comZone .desc {color:#979797;padding:20px 0 0;clear:both; display:block;font-size: 11px}
.comZone .comment i {color: #3C3C3C; }

#mainCommentsZoneList .commHeader .flLeft { text-align: left; width: 345px; float: left; }
#mainCommentsZoneList .commentWrapper .commentReply span.arrow { font-weight: bold }


.comZone h2.firstComment, .comZone .abuseFormAjax #reason-label { color: #C01F25; font-size: 18px; text-transform: none; clear: both; padding-top: 16px; text-align: center }

.comZone .abuseFormAjax, .comZone .comment .notice{ border:3px solid #F3F3F3 !important;  color:#545454;  margin:20px 0 0 75px;  padding:18px 18px 13px;position:relative}
.comZone .abuseFormAjax textarea{ width:500px}
.comZone .commentThreadReplies .abuseFormAjax textarea {width: 430px}
.comZone .abuseFormAjax #reason-label {text-align:left;font-weight:bold;padding-top:1px}

/* voting */

.comZone .voteCountPlus {color:#48AD37;margin-left:10px}
.comZone .voteCountMinus {color:#D67764}

/* filter */
.comZone .filter { border: 1px solid #D5D5D5; background: #F7F5F5; clear: both; margin-top: 5px; padding: 8px 0 9px;text-align:center }
.comZone .filter form,
.comZone .filter ul,
.comZone .filter ul li { display: inline-block }

*:first-child+html .comZone .filter form,
*:first-child+html .comZone .filter ul,
*:first-child+html .comZone .filter ul li { display: inline }

.comZone .filter a.active {color:#111;font-weight:bold;text-decoration:none}
.comZone .filter form { margin-right: 10px }
.comZone .filter ul.links li { border-left: 1px solid #CFCFCF; padding: 0 7px 0 10px }
.comZone .filter ul.links li:first-child { border: 0 }
.comZone .filter label { color: #3F3F41; }
.comZone .filter select {border:1px solid #979797;padding: 2px}

.comZone .contentLoader{position: absolute; height: 100%; width:100%;top:0;left:0;background: rgb(255, 255, 255);background:rgba(255,255,255,0.7);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}

/* reply form */
.comZone .replyForm { background: #fff; border: 3px solid #F3F3F3; margin-top: 20px; padding: 18px 18px 13px 18px; color: #545454; position:relative }
.comZone .replyForm.threadMain {margin-bottom: 15px}
.comZone .replyForm .flRight { width: 512px }
.comZone .commentThreadReplies .replyForm .flRight{width:446px}
.comZone .replyForm fieldset { clear: both }
.comZone .replyForm .flleft { width: 52px }
.comZone .replyForm textarea,
.comZone .replyForm input { border: 1px solid #A39689; font-size: 12px; line-height: 14px }
.comZone .replyForm input { height: 19px; padding: 4px 2px; width: 190px; display: block; }
.comZone .replyForm textarea { float: none; height: 127px; overflow: auto; padding: 3px 4px; resize: vertical; width: 502px; margin-bottom: 15px;clear:both; }
.comZone .commentThreadReplies .replyForm textarea {width: 435px}
.comZone .replyForm .loggedUser {color: #3F3F41}
.comZone .replyForm .loggedUser strong{font-weight:bold}

.comZone .replyForm label {margin:15px 0 5px;}

.comZone .replyForm .zend_form { overflow:hidden; display:block; }
.comZone .replyForm .zend_form > label:first-child {display:block;margin:15px 0 5px;width:220px;float:left}
.comZone .replyForm .zend_form label + input { margin: 5px 0}

.comZone .replyForm .counter {float: right;display:inline-block;margin-top:18px;color: #979797;font-size: 11px; text-align: right; width: 200px }
.comZone .replyForm .counter.warning {color:#C01F25}
.comZone .replyForm .counter .value{font-weight:bold}

.comZone .comment .notice {text-align:center;padding-top:13px}
.comZone .replyForm.commentAdded .notice { padding: 4px 0 0 10px; text-align: center }
.comZone .replyForm.commentAdded .notice h3, .comZone .comment .notice h3 { text-align: center}
.comZone .comment .notice h3 {font-size: 16px}
.comZone .replyForm.commentAdded { background: transparent!important; border: 5px solid #f2f2f2 }
.comZone .replyForm.commentAdded .flRight, .comZone .replyForm.commentAdded .flLeft { display: none }

.comZone #mainCommentsZoneList .replyForm.commentAdded .notice h3, .comZone .comment .notice h3 { color: #2D8800 }
.comZone .commentThreadReplies .replyForm .flRight { width: 446px}

.comZone .replyForm input.nickNameComment { margin-top: 2px; width: 200px }
.comZone #mainCommentsZoneList .replyForm h3 { color: #545454; font-size: 16px; line-height: 1.5em }

/* form errors */

.comZone .replyForm input[type=text].error,
.comZone .replyForm textarea.error{ border: 1px solid #C01F25!important }
.comZone .replyForm label.error { color: #C01F25!important; display: block; font-size: 11px;margin: -5px 0 5px}
.comZone .replyForm .zend_form textarea + label.error {margin:-15px 0 5px}
.comZone .replyForm label.error.text { top: 0; }

/* unknown */
 *:first-child+html  #mainCommentsZoneList *{zoom:1}
#mainCommentsZoneList {margin-bottom: 5px;position:relative}
#mainCommentsZoneList .commentThreadReplies{border-bottom:1px dotted #E7E5DC;padding-bottom:20px;padding-left:75px;position:relative}
#mainCommentsZoneList .commentWrapper .commentReply{font-size:11px;text-decoration:none}
#mainCommentsZoneList .commentReplyForm span.arrow{margin:0}
#mainCommentsZoneList .commentWrapper .commentReply span.arrowDown{margin-right:8px}
#mainCommentsZoneList .commentThreadReplies .commentReply,#mainCommentsZoneList .commentThreadReplies .commentReplyForm{display:inline-block;font-size:11px;margin-top:10px}
#mainCommentsZoneList .commentThreadReplies .commentReply span.arrowDown{margin-left:5px}
#mainCommentsZoneList .commentThreadReplies .commentReplyForm{float:right}
#mainCommentsZoneList .comment .aside{float:left!important;padding:0;text-align:center;width:55px}
#mainCommentsZoneList .commHeader .flLeft h2{color:#979797;font-size:12px;padding-bottom:2px;text-transform:none}

#mainCommentsZoneList .commentContent{font-size:14px;line-height:19px;word-wrap:break-word}
#mainCommentsZoneList .commentHidden{color:#979797;font-style:italic}
#mainCommentsZoneList .commHeader{position:relative}
#mainCommentsZoneList .commHeader .flLeft p,
#mainCommentsZoneList .commHeader .flRight{color:#979797;font-size:11px}
#mainCommentsZoneList .commHeader .flRight a{color:#979797}
#mainCommentsZoneList .commHeader .flRight,
#mainCommentsZoneList .commentThreadReplies .comment .commHeader .flRight{text-align:right;width:170px;position:relative}

.comZone .commHeader .flRight .popupWindow{position:absolute!important;top:18px;right:0px;width:200px}
.comZone .commHeader .flRight .popupWindow .popupContent{text-align:left; padding-right:15px}
.comZone .commHeader .flRight .popupWindow input {padding:3px;width:170px;border:1px solid #ccc}


#mainCommentsZoneList .commentContent{clear:both;color:#3F3F41;padding:15px 0 10px}
#mainCommentsZoneList .commentThreadReplies .commentContent{min-height:20px}
#mainCommentsZoneList .commentContent p{padding-bottom:6px}
#mainCommentsZoneList .comment .footer  {position:relative}
#mainCommentsZoneList .comment .footer .flLeft,
#mainCommentsZoneList .comment .footer .flRight{font-size:11px;padding:0}
#mainCommentsZoneList .comment .footer .flLeft{color:#979797;width:140px}
#mainCommentsZoneList .commentThreadReplies .comment .flRight{width:480px}
#mainCommentsZoneList .comment .flRight .footer .flRight{padding:1px 3px;width:auto}
#mainCommentsZoneList .comment .aside img{height:50px;width:50px}
#mainCommentsZoneList .comment .aside img.noavatar{border:0}
#mainCommentsZoneList .comment .aside p{margin:4px 0 6px}
#mainCommentsZoneList .comment .postMood{margin-right:5px;vertical-align:middle}
#mainCommentsZoneList .commentThreadReplies .comment .commHeader .flLeft{text-align:left;width:270px}
#mainCommentsZoneList .commentWrapper .commentReply span.count,
#mainCommentsZoneList .commHeader .flLeft p span.guest{color:#545454}

/* abuse form */
.abuseForm { background: #fff; border: 3px solid #F3F3F3; display: block; padding: 22px; margin-bottom: 20px}
.abuseForm form {color: #545454; display: block}
#reason-label label { font-size: 14px; text-transform: uppercase; }
.abuseForm textarea, .abuseFormAjax textarea { resize: vertical; width: 575px;margin-top:15px;border:1px solid #A39689}

.comZone.abuse h1 {color: #C01F25; font-size: 18px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; word-wrap: break-word; }
.comZone.abuse h1 .abuseHighlight {color: #3f3f41;font-size: 20px;font-weight: bold;text-transform: none;}
.comZone.abuse .comment {border: #E7E5DC solid 1px;border-left:0;border-right:0;margin:20px 0;padding:20px 0 14px;position: relative}
.comZone.abuse .comment .flRight{width: 535px}
.comZone.abuse #mainCommentsZoneList .commentContent {padding-bottom: 0}

.comZone #reason-label {font-weight: bold;display: block; margin-bottom: 15px}
.comZone #reason-element label {display: inline-block;margin-right:10px;font-weight: normal!important;margin-bottom:1px}
.comZone #reason-element label input {margin-right:2px;vertical-align:middle}
.comZone #application-label, .comZone #token-label, .comZone #token-label {display: none;}

#leftCommentPagination {display: block;float:left;border-top: none; clear: both; color: #5B5B5A; font-weight: normal;padding:0; position: static;  text-align: center !important; width:460px;margin-bottom:0}
#leftCommentPagination a:hover {text-decoration:none}
#leftCommentPagination ul{position:static;float:none;display:inline-block;width:auto;}
#leftCommentPagination li , #leftCommentPagination  .current {position:static;display:inline-block;float: none;vertical-align:middle}
#leftCommentPagination  .current {padding:0;margin:0}
#leftCommentPagination  .current span{min-width: 13px; padding: 5px 3px;}

.dignGroup, .noticeContentDing  {background: #FAF7F4;padding: 11px; margin-bottom: 5px;font-size: 11px}
.dignGroup .dingCheckbox {background: url("images/dingCheckbox.png") no-repeat; width: 18px; height: 23px; padding: 0 0 0 22px; margin-right: 15px; float: left}
.dignGroup .dingCheckbox .dingCheck {margin: 0 !important; padding: 0 !important; width: auto; height: auto; margin-top: 4px !important}
.dignGroup .dingLabel {min-height: 18px}
.dignGroup .dingLabel label {margin: 0 !important; padding: 0 !important}
.dignGroup .dingLabel label a, .noticeContentDing a {color: #003D98; background: url("images/raquo.png") 100% 5px no-repeat; padding-right: 10px}
.noticeContentDing {margin: 15px 0; text-align: left;}
.noticeContentDing span {background: url("images/dingCheckbox.png") 0 -24px no-repeat; width: 49px; height: 23px; float: left; margin-top: -3px}

/* aside boxes */
.commentsAsideBox {float:right;clear:right;width:274px;margin:9px 0 15px;padding:0 12px 12px;font-size:12px;border:1px solid #D9D9D9}
.commentsAsideBox h3 {border:4px solid #fff;border-radius:7px;background:#3F3F41;text-transform:uppercase;font-weight:normal;color:#fff;font-size:13px;padding:6px 12px;position:relative;top:-14px;z-index:1}
.commentsAsideBox h3.hot {background:#C01F25}

.commentsAsideBox ol {padding-left:20px}
.commentsAsideBox ol li {color:#b7b7b7;list-style:decimal!important;margin-bottom:8px}
.commentsAsideBox ol a {color:#3F3F41}
.commentsAsideBox ol a:first-child, .commentsAsideBox ol a:first-child:hover {text-decoration:none}
.commentsAsideBox ol a:hover u{text-decoration:underline}


.commentsAsideBox ol a span {font-weight:bold;color:#0F639E}

.commentsAsideBox ol, .commentsAsideBox ul {margin-top:-5px;}
.commentsAsideBox ul li {overflow:hidden;margin-bottom:4px}
.commentsAsideBox ul i.cloud{display:block;width:13px;height:13px;margin-right:10px;float:left;background:url("images/s.png") no-repeat -93px 0;margin-top:3px}
.commentsAsideBox ul i.cloud + a {width:251px;display:inline-block}

/* loaders and error messages*/
.comZone .loader, .popupWindow .loader {display:inline-block;width:16px;height:16px;background:url("images/load.gif");overflow:hidden;margin-left:4px;vertical-align:middle}

.comZone .errorMessage {background: #FFF; border: 2px solid #aaa; border-radius: 5px; color: #333; display: inline-block; padding: 5px; position: absolute;z-index: 10}
.comZone .errorMessage.errVoting {top:-5px; left: 130px;width: auto;}

.comZone .errorMessage.errFormLoad {width:175px;bottom:auto;top:-60px;right:-0px}
.comZone .commentThreadReplies .errorMessage.errFormLoad {width:175px;top:auto;right: -200px;bottom:15px}
.comZone .commHeader .errorMessage.errFormLoad {top:20px;right:0px;bottom:auto;}

.comZone .errorMessage.errFormSend {bottom: 14px;left: 18px;}
.comZone .replyForm .errorMessage.errFormSend{left:80px}

.comZone .errorMessage.errLoadThread {width:175px;right:-200px;bottom:-10px}