/* Content plugn link styles */
.comment-link, .readmore-link{padding: 0 5px 5px 14px;background-image: url(images/jc_blog.gif);background-repeat: no-repeat;}
.comment-link {background-position: 0 -29px;}
.readmore-link {background-position: 0 2px;}
	
/* Common JComments styles */
#jc {
margin: 10px 0 0 0;padding: 10px 0 0 20px;background:#fff;
}
#jc a:link, #jc a:visited, #jc a:hover {outline: none;} 
#jc .clear {
	clear: left;
	height: 1px;
	overflow: hidden;
}
#jc .busy { display:none; margin: 3px auto; padding: 0; width: 16px; height: 16px; background: url(images/jc_busy.gif) no-repeat; }

#jc h2 {margin-bottom:10px;}
/* title h4
#jc h4 {
	font-size:14px;
	color: #555;
	background-color: inherit;
	font-weight: bolder;
	text-align: left;
	border-bottom: 0px solid #D2DADB;
	padding: 0 0 2px 0;
	margin-bottom: 10px;
}*/

/*message*/
#jc p.message {color: #777;background-color: inherit;text-align: center;text-decoration: none;text-transform: none;text-indent: 0;padding: 5px 0 0 0;border-top: 1px solid #D2DADB;}

/*comment*/
#comments {margin: 0;padding: 0;text-align: left;text-indent: 0;}
#comments a {color: #2171ae;background-color: inherit;font-weight: normal;}
#comments a:active, #comments a:focus, #comments a:hover {background-color: inherit;}
#comments a[rel*=external] {background: url(images/jc_link.gif) no-repeat center right;padding: 0 10px 0 0;margin: 0 2px;}
	
/*rss / refresh*/
#comments a.rss, #comments a.refresh, #comments a.subscribe {padding: 0 0 0 14px;margin: 0 0 0 2px;border: none;}
#comments a.rss {background: url(images/jc_rss.gif) no-repeat center left;}
#comments a.refresh {background: url(images/jc_refresh.gif) no-repeat center left;}
#comments a.subscribe {background: url(images/jc_subscribe.gif) no-repeat center left;}
#comments h4 a.rss, #comments h4 a.refresh {padding: 0 0 0 10px;margin: 0 0 0 5px;display: inline;}

/*list footer*/
#comments-list-footer {margin: 0 0 10px 20px;}

/*show/hide form*/
#comments-form-link a.showform {
margin: 5px 0 0 22px;
padding: 0 0 5px 14px;
background: url(images/jc_blog.gif) no-repeat 0 -28px;
border: none;
font-weight: bold;
display: block;
}

#comments .comment-box {margin: 0;padding: 0; color: #999; position:relative;}
#comments .comment-avatar {float: left;margin: 3px 0 0 0;padding: 0px;width: 25px; height: 25px;}

#comments a.comment-anchor { background: url(images/icons.gif) no-repeat scroll -10px -225px;  width: 12px; height: 12px; text-decoration: none; line-height: 12px;padding:0 2px; margin:0 0 0 10px;}
#comments a.comment-anchor:hover {background-position:  0px -225px;}

#comments span.comment-author, 
#comments span.comment-author a, 
#comments a.author-homepage {background-color: inherit;margin: 0;padding: 0 5px 0 5px;}
#comments span.comment-author a {margin: 0; font-weight:bold;}
#comments a.author-homepage {text-decoration: none; border-bottom: 1px dotted #3c452d;}

/*avatar
#comments .comment-avatar img {width: 32px; height: 32px;}
*/
/*date and time*/	
#comments span.comment-date {font-size: 12px;color: #999;line-height: 12px;padding: 0 0 0 12px; margin:0px 0 0 10px; background: url(images/jc_date.gif) no-repeat center left;}
#comments span.comment-body {background: #fff; color: #000;border-top: 1px solid #ddd;display: block;margin: 2px 0 20px 0;padding: 2px 0;}
#comments span.comment-body img {max-width:550px;}


#comments span.comment-body.bad{
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
#comments span.comment-body.bad5 { opacity: 0.2;background:#fff;  }
#comments span.comment-body.bad4 { opacity: 0.35;background:#fff; }
#comments span.comment-body.bad3 { opacity: 0.5;background:#fff;  }
#comments span.comment-body.bad2 { opacity: 0.65;background:#fff; }
#comments span.comment-body.bad1 { opacity: 0.8;background:#fff;  }
#comments span.comment-body.bad:hover{opacity:1;}

/* Quote, Code and Hidden block styles */
#comments span.quote, #comments blockquote {margin: 5px 0 0px 5px; display: block; clear: left; }
#comments blockquote, #comments span.hidden {
	color: #849B9F;
	background-color: inherit;
	text-align: left;
	padding: 2px;
	border: 1px dashed #849B9F;
	margin-bottom: 0px;
}
#comments span.quote {color: #777;}
#comments span.hidden {left: both;display: block;margin: 5px 0;}

/* Quote and Reply to buttons panel */
#comments span.comments-buttons {margin: 0 0 0 10px; padding:0; font-size: 12px;/*height: 15px;float: right;*/}


#comments .comments-pathhistory { padding:0 0px; margin: 0 0 5px; 0 }
#comments .comments-pathhistory a.section { color: #00224b; font-weight: normal; }
#comments .comments-pathhistory a.cat { color: #00224b; font-weight: normal; }
#comments .comments-pathhistory .comment { padding: 3px 0px 0px 0px; margin: 7px 0px 0px 5px; text-align: center; text-decoration: none;  color: #00224b; }
#comments .comments-pathhistory a.comment { background: url(images/comment.gif) no-repeat bottom left; padding:0 0 0 15px;color: #00224b; }
#comments .comments-pathhistory a.topic { color: #00224b; font-size: 16px; }
#comments .comments-pathhistory .line { border-bottom: 1px solid #cfe4ac; clear: left; }

#comments span.comment-toolbar {clear: left;color: #ccc;margin: 0px 0 0 0;padding: 0px 0 0 0;height:20px;float:right;position:absolute; top:5px; right:95px;}
#comments span.comment-toolbar img{cursor: pointer;}

#comments span.email, #comments span.emailactive {
	text-decoration : none;
	white-space	: normal;
	margin		: 0;
	padding		: 0;
	cursor		: pointer;
	border-bottom	: 1px dotted #999;
}

#comments span.email {
	color		: #444;
	background-color: inherit;
}
#comments span.emailactive {
	color		: #cc0000;
	background-color: inherit;
}

#comments span.email img, #comments span.emailactive img {padding: 0;}

#comments p {
	margin		: 5px 5px 5px 0;
	padding		: 0;
	text-decoration	: none; 
	text-transform	: none;
	text-indent	: 0;
}

#comments p img{padding: 4px 0;}


/* comments list styles */
#comments div.comments-list {margin-left: 15px;height: 1%;clear: left;font-size: 14px;border: 0px solid #000;}
#comments div#comments-list-0 {margin:0 20px 0 0px;}
#comments .even, #comments .odd {background-image: none;color: #3c452d; margin-left: 0px;margin-bottom: 10px;padding: 0;}

#comments-list div.comments-inline-edit {padding: 0px; margin: 5px 0; color: inherit;border: 1px solid #ccc;}

#comments-form {}
/* comment form styles */
#comments-form, #comments-form p, #comments-form div.comments-policy, #comments-form span, #comments-form .counter {text-align: left;text-decoration: none;text-transform: none;text-indent: 0;}
#comments-form p, #comments-form span, #comments-form .counter {color: #777;background-color: inherit;}
#comments-form p, #comments-form #comments-form-buttons, #comments-form #comments-form-error {
	margin-left: 0px !important;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0;
	clear: left;
}

#comments-inline-edit {border: 1px solid #ccc;margin: 5px 0 0 0;background-color: #fff;}
#comments-inline-edit #comments-form p, #comments-inline-edit #comments-form #comments-form-buttons,
#comments-inline-edit #comments-form-error {margin-left: 5px !important;margin-left: 5px;margin-top: 5px;margin-bottom: 2px;padding: 0;}

#comments-form div.comments-policy {color: #777; background-color: inherit; border: 1px dotted #ccc; margin-left: 20px !important; margin-left: 20px; margin-top: 5px; margin-bottom: 5px; padding: 5px;}
#comments-form div.comments-policy ol, #comments-form div.comments-policy ul {margin: 0;padding: 5px 0 0 20px;line-height: 5px;}
#comments-form div.comments-policy ol li,
#comments-form div.comments-policy ul li { margin: 0;padding: 0;border: none;line-height: 5px;}

#comments-form img.smile {margin: 0 3px 3px 0;padding: 0;border: none;cursor: pointer;}
#comments-form img.captcha {padding: 0;margin: 0 0 3px 0;border: 1px solid #ccc;}
#comments-form span.captcha {padding: 0 0 0 12px; color: #777; background: url(images/jc_refreshg.gif) no-repeat 0 2px;cursor: pointer;}
#comments-form label {color: #777; background-color: inherit; line-height: 1.2em; vertical-align: baseline;}
#comments-form input, #comments-form textarea {color: #444; background-color: #fff; padding: 0; border: 1px solid #ccc;}
#comments-form input {width: 170px;margin-bottom: 2px;height: 1.5em;}
#comments-form input.selected, #comments-form textarea.selected {color: #777;background-color: #ffffe0;border: 1px solid #849B9F;}
#comments-form input.error, #comments-form textarea.error {border: 1px solid #f00;text-decoration:none;text-transform:none;background-color: #ffffe0;}

#comments-form input.checkbox {width: 16px;padding: 0;margin: 0 0 5px 0;border: none;}
#comments-form input.captcha {width: 116px;margin: 3px 0 5px 0;}
#comments-form textarea {max-width: 500px !important;width: 500px;margin:0;}

#comments-form #comments-form-message, #comments-inline-edit #comments-form-message {padding: 5px 5px 5px 25px;margin-right: 5px;display: block;}
.comments-form-message-error {background: #FFD86F url(images/jc_error.gif) no-repeat 4px 50%;}
.comments-form-message-info {background: #DFEEFF url(images/jc_info.gif) no-repeat 4px 50%;}

#comments-form .counterpanel {height:13px;display:block;overflow:hidden;color: #ccc;padding: 0;margin:0;border:1px solid #ddd;border-top-width:0;max-width: 500px !important;width: 500px;background-color: #eee;}

#comments-form .grippie {height:13px;display:block;overflow:hidden;color: #ccc;padding: 0;margin:0;border:1px solid #ddd;border-top-width:0;max-width: 500px !important;width: 500px;cursor:s-resize;background: #eee url(images/resize.gif) no-repeat right center;}
#comments-form .grippie .counter {padding: 0; margin: 0;}
#comments-form .grippie span {display:block;float:left;}
#comments-form .grippie span span {display:inline;float:none;}

#comments-form .btn {float: left;}
#comments-form .btn {background: url(images/jc_btnl.gif) no-repeat; margin-right: 5px;}
#comments-form .btn div {margin: 0px; float: left;background: url(images/jc_btnr.gif) 100% 0 no-repeat;}
#comments-form .btn a {height: 22px;line-height: 22px;font-weight: bold;padding: 0px 5px;border: none;}
#comments-form .btn a:hover {text-decoration: none; }
#comments-form .smilespanel {display: none;cursor: pointer;padding: 2px;width: 200px;height: 50px;background-color: #fff;border: 1px solid #ccc;overflow: auto;left: 0px;top: 0px;}


#comments-footer, #comments-footer a {color: #ccc; background-color: inherit; }
#comments-footer {clear: left;display: block;height: 14px;border-top: 0px solid #ccc;padding-top: 1px;margin-top: 4px;text-align: right;}
#comments-footer a {text-decoration: none;text-transform: none;padding: 0;margin: 0;border: none;float: right;}

/* comments pagination styles */
body #jc #nav-bottom, body #jc #nav-top {line-height: 19px !important;line-height: 17px;height: auto !important;text-align: center;}
#jc #nav-bottom span.page, #jc #nav-top span.page {color: #777;background-color: #eee;border: 1px solid #d6dadd;}
#jc #nav-bottom span.hoverpage, #jc #nav-top span.hoverpage {color: #777;background-color: #e8e9ea;border: 1px solid #d6dadd;}
#jc #nav-bottom span, #jc #nav-top span {color: #777;background-color: inherit;margin: 0 2px;height: 15px;padding: 2px 8px;cursor: pointer;vertical-align: top;}
#jc #nav-bottom span.activepage, #jc #nav-top span.activepage {color: inherit;background-color: white;}
#jc div#nav-bottom, #jc div#nav-top {position: relative;z-index: 2;width: 100%;}
#jc div#nav-bottom {margin: 10px 0 0 0;padding: 0;background: url(images/jc_dot.gif) repeat-x top left;}
#jc #nav-bottom span.activepage {border-bottom: 1px solid #d6dadd;border-left: 1px solid #d6dadd;border-right: 1px solid #d6dadd;border-top: 1px solid white;}
#jc div#nav-top {margin: 10px 0;background: url(images/jc_dot.gif) repeat-x bottom;}
#jc #nav-top span.activepage {border-top: 1px solid #d6dadd;border-left: 1px solid #d6dadd;border-right: 1px solid #d6dadd;border-bottom: 1px solid white;}

/* Vote *//*
#jc span.comments-vote {width: 58px;height: 15px;float: right;}
#jc span.comments-vote a{width: 15px;height: 14px;float: left;margin: 0 3px 0 0;display: block;background-repeat: no-repeat;background-image: url(images/jc_vote.gif);border: none !important; text-decoration: none;}
#jc span.comments-vote .busy{margin: 0;float: right;}
#jc a.vote-good{background-position: 0 0;}
#jc a.vote-poor{background-position: -35px 0;}
#jc span.vote-good,span.vote-poor,span.vote-none{margin: 0;float: right;font: bold 1em Verdana, Arial, Sans-Serif;line-height: 14px;}
#jc span.vote-good{color: #339900;background-color: inherit;}
#jc span.vote-poor{color: #CC0000;background-color: inherit;}
#jc span.vote-none{color: #A9A9A9;background-color: inherit;}
*/
#jc span.comments-vote {width: 90px;height: 30px;float: right;}
#jc span.comments-vote a {background-image: url(images/vote_arrow.gif);background-repeat: no-repeat;width: 18px;height: 30px;float: right;margin: 0 0px 0 0;display: block; text-decoration: none;}
#jc span.comments-vote .busy {margin: 0;float: right;}
#jc a.vote-good {background-position: -54px 0;}
#jc a.vote-good:hover {background-position: -36px 0;}
#jc a.vote-good-none {background-position: -36px 0;}
#jc a.vote-poor {background-position: -18px 0;}
#jc a.vote-poor:hover {background-position: 0px 0;}
#jc a.vote-poor-none {background-position: 0px 0;}
#jc span.vote-good, span.vote-poor, span.vote-none {margin: 0;float: right;line-height:30px;font-size: 14px;font-weight:bold;text-align:center;}
#jc span.vote-good {color: #CC0000;}
#jc span.vote-poor {color: #0000CC;}
#jc span.vote-none {color: #000;}


/* BBCode */
#jc span.bbcode{border: 0px solid #000; background: #e6e6e6;width: 500px;height: 20px;clear: left;display: block;margin-bottom: 0px;}
#jc .bbcode a, #jc .bbcode a:focus, #jc .bbcode a:active, #jc .bbcode a:hover{width: 20px;height: 20px;float: left;margin: 0 2px 0 0;display: block;background: url(images/jc_bbcode2.gif) no-repeat;text-decoration:none;}
#jc a.bbcode-b{background-position: 0 0;}
#jc a.bbcode-i{background-position: -20px 0;}
#jc a.bbcode-u{background-position: -40px 0;}
#jc a.bbcode-s{background-position: -60px 0;}
#jc a.bbcode-url{background-position: -80px 0;}
#jc a.bbcode-img{background-position: -100px 0;}
#jc a.bbcode-list{background-position: -180px 0;}
#jc a.bbcode-hide{background-position: -120px 0;}
#jc a.bbcode-quote{background-position: -140px 0;}
#jc a.bbcode-smile{background-position: -270px 0;}
#jc a.bbcode-video{background-position: -160px 0;}
#jc .imagespanel iframe { border: 0px; height: 50px;width: 500px; }
#jc .imagespanel .filename { line-height: 30px; }
#jc .imagespanel .fileadd { line-height: 30px; text-decoration: underline; cursor: pointer; font-weight: bold; }

/* rounded comments 
.rbox {margin: 0;width: auto;}
.rbox div {text-align: left;margin: 0px;}
.rbox_t {margin: 0;border-top: 1px solid #ccc;background-color: #FFF;}
.rbox_tl {background: url(images/jc_rb_tl.gif) 0 0 no-repeat;padding-left: 13px;}
.rbox_tr {height: 10px;overflow: hidden;background: url(images/jc_rb_tr.gif) 100% 0 no-repeat;padding-right: 13px;}
.rbox_m {border-left: 1px solid #ccc;border-right: 1px solid #ccc;width: auto;padding: 1px 8px; background-color:#fff;line-height: 100%;}
.rbox_b {margin-top: -5px;border-bottom: 1px solid #ccc;background-color: #FFF;height: 12px;line-height: 12px;}
.rbox_bl {background: url(images/jc_rb_bl.gif) 0 100% no-repeat;padding-left: 13px;}
.rbox_br {height: 13px;background: url(images/jc_rb_br.gif) 100% 100% no-repeat;padding-right: 13px;}
*/
.rbox {margin: 0px;width: auto;border: 0px solid #ccc;padding:0;}
.rbox div {text-align: left;margin: 0px;}
.rbox_t {display:none;}
.rbox_m {width: auto;padding: 0px;}
.rbox_b {display:none;}