


 
/* Content plugin styles */
.jcomments-links {margin-top: 10px; clear:both; text-align: left;}
.comment-link, .readmore-link{padding: 0 5px 5px 14px;background-image: url(../icons/jc_blog.gif);background-repeat: no-repeat;}
.comment-link {background-position: 0 -27px;}
.readmore-link {background-position: 0 2px;}
	
/* Core */
#jc a:link, #jc a:visited, #jc a:hover {outline: none;} 
#jc .clear {clear: both; height: 1px; overflow: hidden;}
#jc .busy { display:none; margin: 3px auto; padding: 0; width: 16px; height: 16px; background: url(../icons/jc_busy.gif) no-repeat;}
#jc h4 {color: #555;background-color: inherit;font-weight: bold;text-align: left;border-bottom: 1px solid #D2DADB;padding: 0 0 2px 0;margin-bottom: 10px;}
#jc p.message {color: #777;background-color: inherit; background-image: none; text-align: center;text-decoration: none;text-transform: none;text-indent: 0;padding: 5px 0 0 0;border-top: 1px solid #D2DADB;}
#comments {margin: 0;padding: 0;width: 100%;text-align: left;text-decoration: none;text-transform: none;text-indent: 0;}
#comments a[rel*=external] {background: url(../icons/jc_link.gif) no-repeat center right;padding: 0 10px 0 0;margin: 0 2px;}
	
/* RSS and Refresh*/
#comments .rss, #comments .refresh, #comments .subscribe {padding: 0 0 0 14px;margin: 0 0 0 2px;border: none;}
#comments .rss {background: url(../icons/jc_rss.gif) no-repeat center left;}
#comments .refresh {background: url(../icons/jc_refresh.gif) no-repeat center left;}
#comments h4 .rss, #comments h4 .refresh {padding: 0 0 0 10px;margin: 0 0 0 5px;display: inline;}

/* List footer */
#comments-list-footer {margin: 0;float:right;}

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

/* Comment */
#comments .comment-box {margin: 0;padding: 0; color: #999;}
#comments .comment-info { width:100px;float:left;text-align:right;}
#comments .comment-avatar {float: right;margin: 0;padding: 0;}
#comments h5 {text-transform:uppercase;font-size:95%;margin:10px 0 0;line-height:20px;}
#comments .avatar-indent {padding-left: 110px;}
#comments .comment-anchor {color: #777; text-decoration: none; border: none;}
#comments .comment-author, #comments .author-homepage {font-weight:bold;margin: 0;padding: 0;}
#comments .author-homepage {;}
#comments .comment-title {margin: 0;padding: 0;font-weight:bold;text-transform:uppercase;}

/* Avatar */
#comments .comment-avatar img {width: 100px;}

/* Date and Time*/	
#comments .comment-date {font-size: 10px;color: #999;margin: 0;padding: 0 0 0 12px;background: url(../icons/jc_date.gif) no-repeat center left;}

/* Quote, Code and Hidden block styles */
#quoteMessage, #comments .quote, #comments blockquote, #comments .code, #comments code, #comments pre {margin: 0; display: block; background-image: none;}
#comments blockquote, #comments .hidden, #comments code, #comments pre {text-align: left;padding: 8px;margin-bottom: 8px;}
#quoteMessage, #comments blockquote, #comments .hidden {border: 1px dotted #ccc; font-size:110%;}
#comments code, #comments pre, #codeMessage {border: 1px solid #dedede;overflow: hidden;white-space:normal;}
#comments .code {background: none; border: none; padding:0;}
#comments .quote {;}
#comments .hidden {clear: both;display: block;margin: 5px 0;} 

/* Quote and Reply to buttons panel */
#comments .comments-buttons {height: 27px;z-index:100;margin-right:-10px;overflow:hidden;position:absolute;bottom:-4px;right:10px;}
#comments .email, #comments .emailactive {font: normal 1em Verdana, Arial, Sans-Serif; text-decoration: none; white-space: normal; margin: 0; padding: 0; line-height: 10px; cursor: pointer; border-bottom: 1px dotted #999;}
#comments .email {color: #444; background-color: inherit;}
#comments .emailactive {color: #106D98; background-color: inherit;}
#comments .email img, #comments .emailactive img {padding: 0;}
#comments p {font: normal 1em Verdana, Arial, Sans-Serif;margin: 5px 5px 5px 0;	padding: 0; text-decoration: none; text-transform: none; text-indent: 0;}
#comments .comment-body img {padding: 0; border: 0 none;}
#comments .comment-body .img {padding: 4px 0 !important; max-width: 500px;}
#comments .toolbar {clear: both;color: #ccc;border-top: 1px solid #ccc;margin: 8px 0 0 0;padding: 5px 0 0 0;}
#comments .toolbar img{cursor: pointer; padding: 0; margin: 0;}

/* Comments list */
#comments .comments-list {height: 1%;}
#comments .comments-list .comments-list {margin-left:20px;}
#comments .even, #comments .odd {;}
#comments-list .comments-inline-edit {padding: 5px; margin: 5px 0; color: inherit;background-color: #fff;border: 1px solid #ccc;}

/* Comment form */
#comments-form {margin-left:0px;}
#comments-form, #comments-form p, #comments-form .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 {font: normal 1em Verdana, Arial, Sans-Serif;}
#comments-form p, #comments-form #comments-form-buttons, #comments-form #comments-form-error {font: normal 1em Verdana, Arial, Sans-Serif;margin-top: 10px;margin-bottom: 8px;overflow: hidden;padding: 0;}
#comments-inline-edit {margin: 5px 0 15px;}
#comments-inline-edit #comments-form p, #comments-inline-edit #comments-form #comments-form-buttons,
#comments-inline-edit #comments-form-error {font: normal 1em Verdana, Arial, Sans-Serif;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 {font: normal 1em Verdana, Arial, Sans-Serif; 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.5em; padding: 0; margin: 0; vertical-align: middle;}
#comments-form input, #comments-form textarea {padding: 0;}
#comments-form input {width: 170px;margin-bottom: 2px;height: 1.5em;}
#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; line-height: 1.5em; padding: 0; margin: 0; vertical-align: middle; border: none;}
#comments-form input.captcha {width: 116px; margin: 3px 0 5px 0;}
#comments-form textarea {max-width: 460px;min-width: 460px;max-height:170px;min-height:170px;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(../icons/jc_error.gif) no-repeat 4px 50%;}
.comments-form-message-info {background: #DFEEFF url(../icons/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: 400px !important;width: 350px;background-color: #eee;}
#comments-form .grippie {height:13px;display:block;overflow:hidden;color: #ccc;padding: 0;margin:0;max-width: 400px !important;width: 350px;cursor:s-resize;background: url(../icons/resize.gif) no-repeat right center;}
#comments-form .grippie .counter {font-size: 10px;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(../icons/jc_btnl.gif) no-repeat; margin-right: 5px;}
#comments-form .btn div {margin:0 -1px 0 0; float: left;background: url(../images/jc_btnr.gif) 100% 0 no-repeat;}
#comments-form .btn a {text-decoration: none; height: 22px;line-height: 22px;font-size: 12px;font-weight: bold;color: #777;padding: 0px 5px;border: none;}
#comments-form .btn a:hover {text-decoration: none; color: #0B55C4;}
#comments-form-smilespanel {display: none;cursor: pointer;padding: 2px;max-width: 200px;background-color: #fff;border: 1px solid #ccc;overflow: auto;left: 0;top: 0;position:absolute;}
#comments-footer, #comments-footer a {color: #ccc !important; background-color: inherit; font: normal 9px Verdana, Arial, Sans-Serif !important;}
#comments-footer {display: block;height: 14px;padding-top: 10px;text-align: right;clear: both;margin-bottom: 4px;}
#comments-footer a {text-decoration: none !important;text-transform: none;padding: 0;margin: 0;border: none !important;float: right; background: none !important;}

/* Pagination */
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;font-size: 10px;font-family: Arial, sans-serif;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(../icons/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(../icons/jc_dot.gif) bottom repeat-x;}
#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: 60px;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;border: none !important; text-decoration: none;}
#jc span.comments-vote .busy{margin: 0; float: right; width: 16px;}
#jc .vote-good{background-position: -22px 0;}
#jc .vote-poor{background-position: -37px 0;}
#jc span.vote-good,#jc span.vote-poor,#jc span.vote-none{margin: 0;float: right;font: bold 1em Verdana, Arial, Sans-Serif;line-height: 14px;}

/* Comments */
#jc .comment-body-top {position:relative;}
#jc .comment-body-middle {margin-left:6px;padding: 1px 10px 50px 10px;position:relative;z-index:2;}
#jc .comment-body-top .cbt-1 {background-position: 0 0;position:absolute;height:15px;width:6px;left:0;top:0;}
#jc .comment-body-top .cbt-2 {background-position: -13px 0;position:absolute;height:15px;width:4px;right:0;top:0;}
#jc .comment-body-top .cbt-3 {height:15px;margin:0 4px 0 6px;}
#jc .comment-body-bottom {margin-left:6px;position:relative;z-index:1;}
#jc .comment-body-bottom .cbt-1 {background-position: -6px -11px;position:absolute;height:4px;width:4px;left:0;top:0;}
#jc .comment-body-bottom .cbt-2 {height:4px;margin-left:4px;}
#jc .cbutton {display:block;float:left;line-height:27px;position:relative;margin-left:3px;}
#jc .cbutton .cbutton-end {display:block;position:absolute;width:3px;height:27px;background-position: -18px 0;}
#jc .cbutton a {display:block;margin-left:3px;height:27px;padding: 0 10px 0 7px;}
#jc h2.comments-title {margin-top:30px;}