/* ===== STYLE ===== */
.comZone { margin-top: -10px}

.comZone a,
.commentsAsideBox a,
.popupWindow a,
.commentsZoneTeaser a { 
    color: #648D2B;
}

.comZone .filter ul {
    padding-left: 5px;
}

.wideBottom {
    background: 0;
    margin-top: 0;
    padding-top: 0;
}

.commentsZoneTeaser h2 span,
.comZone .popupWindow.linkBoxShare a,
.comZone .commHeader a.userName,
.comZone .loginComunicate a {
    color: #31629D;
}

/* Buttons */
 
.comZone .button:hover, 
.popupWindow .button:hover{
    color: white !important;
}

.comZone button[type=submit] .loader, 
.popupWindow button[type=submit] .loader,
.comZone .button.submit .loader, 
.popupWindow .button.submit .loader{
    background-image: url(load.gif)
}


.commentsIe .comZone button, 
.commentsIe .comZone .button, 
.commentsIe .popupWindow button, 
.commentsIe .popupWindow .button {
    background-image: url(s.png);
}

.commentsIe .comZone button[type=submit], 
.commentsIe .popupWindow button[type=submit],
.commentsIe .comZone .button.submit, 
.commentsIe .popupWindow .button.submit {
    background-image: url(s.png);
}

.commentsIe .comZone button[type=submit] .endButton, 
.commentsIe .popupWindow button[type=submit] .endButton,
.commentsIe .comZone .button.submit .endButton, 
.commentsIe .popupWindow .button.submit .endButton{
    background-image: url(s.png);
}

.commentsAsideBox ul i.cloud {
    background-image: url(s.png);
}

.comZone button[type=submit], 
.comZone .button.submit, 
.popupWindow button[type=submit], 
.popupWindow .button.submit {
    background: #3b87cb; /* Old browsers */
    background: -moz-linear-gradient(top, #3b87cb 0%, #276daa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b87cb), color-stop(100%,#276daa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3b87cb 0%,#276daa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3b87cb 0%,#276daa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3b87cb 0%,#276daa 100%); /* IE10+ */
    background: linear-gradient(top, #3b87cb 0%,#276daa 100%); /* W3C */
    
    border-color: #22659F;
    color: white;
}

.loginPopup h2,
.comZone.abuse h1,
.comZone .abuseFormAjax .zend_form > dt > label {
    color:#31629D;
}

.comZone h2.mainHeader, 
.commentsZoneTeaser h2 {
    color: #648D2B;
}

.comZone .arrowUp {
    border-bottom-color: #E80000;
}
.comZone .arrowDown {
    border-top-color: #E80000;
}

.comZone i, .popupWindow i, .commentsZoneTeaser i, .comZone .hiddenCommentInfo i {
    color: #E80000;
}

#leftCommentPagination {
    clear: none;
}

#leftCommentPagination span {
    font-size: 12px;
    color: #31629D;
}

#leftCommentPagination .next span,
#leftCommentPagination .prev span {
    font-size: 11px;
    color: #619A14;
}

#leftCommentPagination .next span:after {
    content: '\00a0\00bb';
    color: #1D448D;
    font-weight: 700;
    font-size: 12px;
}

#leftCommentPagination .prev span:before {
    content: '\00ab\00a0';
    color: #1D448D;
    font-weight: 700;
    font-size: 12px;
}

#leftCommentPagination .current span {
    color: #323232;
    font-weight: 700;
}

#leftCommentPagination li {
    padding-left: 2px;
    padding-right: 2px;
}

#leftCommentPagination li:before {
    content: '| ';
    color: #605155;
    font-size: 11px;
}

#leftCommentPagination li.prev:before,
#leftCommentPagination li.next:before,
#leftCommentPagination li.first:before {
    content: '';
}

.comZone .replyForm .popupWindow.popupHint {
    left: 135px
}

.comZone .replyForm, .comZone .abuseForm, .comZone .abuseFormAjax {
    border-color: #DDE9FF;
}

textarea#commentContent,
input#nickName {
    background-color: #FCFCFC;
    border-color: #BDBDBD;
}

.comZone .replyForm.commentAdded,
.comZone .comment .notice{
    border: 1px solid #DCDCDC !important;
}


.comZone .replyForm.commentAdded .notice h3,
.comZone .comment .notice h3,
.comZone .replyForm.commentAdded .notice,
.comZone .comment .notice {
    text-align: left;
}

.comZone .commentAdded .notice p.noticeContentDing {
    background-color: transparent;
    border-top: 1px dotted #BDBDBD;
    margin-top: 15px;
    padding-left: 0;
    padding-top: 15px;
}

.comZone #mainCommentsZoneList .replyForm.commentAdded .notice h3,
.comZone .comment .notice h3,
.comZone .commentAdded .notice h3 {
    color: #648424;
    font-size: 14px;
    text-align: left;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 1em;
}

.comZone .commentAdded .notice p {
    color: #515151;
}

.comZone .commentAdded .notice p.lawNote {
    color: #979797;
    margin-top: 5px;
}

.comZone .commentAdded {
    margin-top: 30px;
}

.wideBottom .commentsRightBox a {
    text-decoration: none;
    color: #323232;
}

.wideBottom .commentsRightBox b {
    color: #31629D;
}

.wideBottom .commentsRightBox {
    width: 300px;
    text-align: left;
    background-color: #FAFAFA;
}

.wideBottom .commentsRightBox ol {
    color: #B2B2B2;
    padding-left: 27px;
    margin-left: 15px;
    font-weight: bold;
}

.wideBottom .commentsRightBox ol li {
    margin: 13px 0 13px;
}

.wideBottom .commentsRightBox ol span {
    color: #323232;
    font-weight: normal;
}

.wideBottom .commentsRightBox {
    margin-bottom: 30px;
    clear: both;
    border-left: 1px solid #E8E8E8;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}

.wideBottom .commentsRightBox h3 {
    background-color: #F7F7F7;
    border-bottom: 1px solid #E8E8E8;
    display: block;
    font-size: 16px;
    font-weight: 700;
    height: 36px;
    margin: 0px 0px 3px;
    padding: 0px;
    text-transform: none;
    width: 300px;
}

.wideBottom .commentsRightBox h3 span {
    color: #648D2B;
    float: left;
    height: 26px;
    padding: 10px 0px 0px 12px;
    text-decoration: none;
}

.wideBottom .commentsRightBox .interestingTopic {
    padding: 0;
    padding-left: 20px;
    margin: 13px 8px 13px;
}

.wideBottom .commentsRightBox .interestingTopic span {
    padding-left: 13px;
    margin-right: 5px;
    background: url(s.png) no-repeat -128px 0px;
}

.wideBottom .commentsRightBox .interestingTopic a {
    color: #31629D;
}


.comZone .abuseFormAjax #reason-label {
    color: #54A805;
    font-size: 20px;
}

.comZone h2.firstComment {
    color: #4D7204;
    font-size: 22px;
}

.wideBottom .commentsRightBox a:hover,
.commentsZoneTeaser a:hover {
    text-decoration: underline;
}

/* ATTACHMENTS */

.attachmentsList .attachmentHint h2,
.attachmentsList .attachmentHint a,
#attachmentsBox .addAttachment button,
.attachmentLightbox h2,
.comZone .commentContent a { 
    color: #31629D;
}

#attachmentsBox .attachment.attachmentPage .attachmentTypeIcon,
#attachmentsBox .attachment.attachmentVideo .attachmentTypeIcon, 
.comZone .showAttachment.attachmentPage .attachmentTypeIcon,
.comZone .showAttachment.attachmentVideo .attachmentTypeIcon,
.comZone .linkIcon::before { 
    background-color: #31629D;
}

#attachmentsBox #showAttachImage,
#attachmentsBox #showAttachVideo,
#attachmentsBox #showAttachPage,
.attachmentLightbox a,
.comZone .commHeader a, 
.comZone .footer a {
    color: #648D2B;
}

#interestingTopicsPhoto ul{
	padding:0 10px;
}

#interestingTopicsPhoto ul li{
	border-bottom:solid 1px #E7E7E7;
    padding: 10px 0;
    list-style:none;
    overflow: hidden;
}

#interestingTopicsPhoto ul li:last-child{
	border-bottom:none;	
	margin-bottom: 0;
    padding-bottom: 0;
}

#interestingTopicsPhoto .title{
	padding-bottom:10px;
	font-weight:bold;
}
#interestingTopicsPhoto .title a{
	color:#2F5E97;
}

#interestingTopicsPhoto .description a{
	line-height:15px;
	color:#3C3D37;
}

#interestingTopicsPhoto .thumbnail{
	float:left;
	margin-right:10px;
}