/* 
 * Content plugin styles 
 */

.jcomments-links { margin-top: 10px; text-align: left; }
.comment-link,
 .readmore-link { padding: 0 10px 5px 0; font-weight: bold }
/* 
 * JComments common styles 
 */

#jc { clear: both; margin-top:-10px;
	padding: 10px }
#jc .clear { clear: both; 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 h4 {margin: 0 0 18px 2px }
#jc h4 span { }
#jc p.message { color: #222; text-align: center; padding: 5px 0 0 0; }
/* RSS and Refresh*/
#comments .rss,
 #comments .refresh,
 #comments .subscribe { padding: 0 0 0 20px; margin: 0 0 0 10px; background: url('images/jc_icons.png') no-repeat 0 0; }
#comments .refresh { background-position: 0 -16px; }
#comments .subscribe { background-position: 0 -128px; }
#comments .buttonheading { height: 18px; line-height:18px; margin-top: 8px; float:right; display: none;}
#comments h4 .rss,
 #comments h4 .refresh { display: block; padding: 0; margin: 0 0 0 8px; height: 16px; width: 16px; float: left; }
/* 
 * List footer
 */

#comments-list-footer { margin: 0 0 10px 20px; font-size: 90%; text-align: right; margin: 6px 0 20px 0; }
#comments-list-footer br { display: none; }
/* Show/hide form */
#comments-form-link .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 }
/* 
 * Comment 
 */
#comments .comment-box { 
padding-left: 87px;
 }
 
#comments .comment-avatar { float: left; margin: 0 0 0 -90px; padding: 0; font-weight: bold; }

/* 
 * Avatar 
 */
#comments .comment-avatar img { 
height: auto;
width: 55px;
padding: 3px;
margin: 0px 0 0 15px;
border: 1px solid #E7ECF0;
border-radius: 50%;}
/* Date and Time*/	

#comments .comment-author, #comments .author-homepage, #comments .comment-date  { font-size: 18px; }
#comments .comment-body { width:100%; }
#comments .comment-comment { margin: 10px 0 0 0;}
#comments .comment-anchor,
#comments .comment-date {font-size: 10px; font-weight: normal; color: #a4a4a4;padding-bottom:5px;}
#comments .comment-anchor {color: #36b0e4;}
.comments-buttons { font-size: 11px; line-height:25px;}
#comments .nameit {font-weight:bold;}
/* 
 * Quote, Code and Hidden block styles 
 */
#comments li {
margin: 3px 0 !important;
line-height: 1.8 !important;
list-style-position: inside;
overflow: inherit;
float: none !important;
padding-left: 30px;
list-style-image: url('/templates/gk_appsite/images/style1/typography/bullet3ul.png') !important;
}
 
#comments .quote,
 #comments blockquote,
 #comments .code,
 #comments code,
 #comments pre { margin: 5px 0 0 0; font-style:italic; }
#comments blockquote,
 #comments .hidden,
 #comments code,
 #comments pre {font-style: italic;
font-size: 90%;
padding: 8px;
width: 98%;
background: #fff;
background-color: whitesmoke;
border-radius: 10px;
border: 1px solid #dadada;
background-image:
}
#comments blockquote,
 #comments .hidden { }
#comments code,
 #comments pre { overflow: hidden; white-space:normal }
#comments .quote { font-size: 90%; font-style:normal; }
#comments .hidden {display: block; margin: 5px 0 }
#comments blockquote {margin-bottom: 0;
margin-top: 5px;}
/* 
 * Quote and Reply to buttons panel 
 */
 

#comments .email,
 #comments .emailactive { line-height: 10px; cursor: pointer; border-bottom: 1px dotted #999; }
#comments .email { background-color: inherit; }
#comments .emailactive { background-color: inherit; }
#comments .email img,
 #comments .emailactive img { padding: 0; }
#comments .comment-body .img { padding: 4px 0 !important; max-width: 600px }
#comments .toolbar { clear: both; background:#FFFDF2; border-bottom:1px solid #f0f0f0; border-top:1px solid #f0f0f0; margin: 16px 0 0; padding: 8px 0; font-size: 80%; }
#comments .toolbar a { cursor: pointer; margin-right: 12px; padding: 2px 2px 2px 24px; background: url('images/jc_icons.png') no-repeat 0 -64px; }
#comments .toolbar a:hover { }
#comments .toolbar a.delete { background-position: 0 -79px; }
#comments .toolbar a.publish { background-position: 0 -111px; }
#comments .toolbar a.unpublish { background-position: 0 -95px; }
#comments .toolbar a.ip { background-position: 0 -155px; }
/* 
 * Comments list 
 */

#comments .comments-list > div { margin: 0 0 5px;
border-bottom: 1px solid #F1F1F1;
padding:0 0 8px 0; }

#comments-list .comments-inline-edit { padding: 5px; margin: 5px 0; color: inherit; border: 1px solid #EAE8CC }
/* 
 * Comment form 
 */

#comments-form { }
#comments-form label { clear:both; display:block; font-size: 11px; padding: 0 0 4px; }
#comments-form p { float:left; margin:0 20px 0 0; }
.clearbox,
 #comments-form-buttons { clear:both; float: none !important }
.clearbox label { display: inline !important }
#comments-form p,
 #comments-form span,
 #comments-form .counter { }
#comments-form p,
 #comments-form #comments-form-error { margin: 8px 0 20px 0; padding: 0;clear:both; }
#comments-inline-edit { border: 1px solid #3d3d3d; margin: 5px 0 0 0; background: #2d2d2d }
#comments-form #comments-form-buttons { margin-left: 0 !important; margin-top: 10px; margin-bottom: 8px; }
#comments-form #comments-form-cancel a { float: left }
#comments-inline-edit #comments-form p,
 #comments-inline-edit #comments-form #comments-form-buttons,
 #comments-inline-edit #comments-form-error { margin: 5px 5px 2px; }
#comments-form div.comments-policy { color: #222; background-color: inherit; border: 1px dotted #3d3d3d; margin-left: 0 !important; margin-left: 0; 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 20px 0 0;  height: 36px; float: left; }
#comments-form span.captcha { padding: 0 0 0 12px; font-size: 11px; background: url('images/jc_refreshg.gif') no-repeat 0 2px; cursor: pointer; }
#comments-form span:hover.captcha { color: #222;}
#comments-form input,
 #comments-form textarea { padding: 0; }
#comments-form input { width: 130px; margin: 0 10px 2px 0; padding: 5px 12px; }
#comments-form input.selected,
 #comments-form textarea.selected { }
#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; padding: 7px 10px; margin: 0 0 5px 0 }
#comments-form textarea { margin:0; width:100%; }
#comments-form #comments-form-message,
 #comments-inline-edit #comments-form-message { padding: 5px; margin: 0 5px 15px 0; display: block; text-align:center; color:white; background-color:#FF6621;border-radius:5px;}
#comments-form .counterpanel { height:13px; display:block; overflow:hidden; padding: 0; margin:0; border-top-width:0; max-width: 400px !important; width: 350px; }
#comments-form .grippie { float: left; font-size: 90%; margin: 6px 0; }
#comments-form .grippie .counter { float: none; font-size: 11px; }
.comments-form-message-error {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
border-radius:5px;
margin-top:5px !important;
}

#comments-form .btn,
#comments-report-form .btn { float: left;  margin-right: 5px }
#comments-form .btn div,
#comments-report-form .btn div { margin:0 -1px 0 0; float: left; }
#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; z-index: 999999 !important; }
#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; font-size: 90%; }
#comments-footer { display: block; height: 14px; padding-top: 3px; margin: 20px 0 0; text-align: center; }
/* 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: #36b0e4; border: 1px solid #36b0e4;}
#jc #nav-bottom span.hoverpage,
 #jc #nav-top span.hoverpage { color: #fff; border: 1px solid #e45b36; background-color:#e45b36; }
#jc #nav-bottom span,
 #jc #nav-top span { color: #666; background-color: inherit; font-size: 10px; font-family: Arial, sans-serif; margin: 0 2px; height: 15px; padding: 1px 8px; cursor: pointer; vertical-align: top }
#jc #nav-bottom span.activepage,
 #jc #nav-top span.activepage { color: #ccc; }
#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; }
#jc #nav-bottom span.activepage,
 #jc #nav-top span.activepage { }
#jc div#nav-top { margin: 10px 0; }
/* 
 * Vote 
 */

#jc span.comments-vote { width: 6em; height: 15px; }
#jc span.comments-vote a {
width: 25px;
height: 16px;
float: left;
margin: 5px 1px 0 0;
display: block;
background: url('images/goodno.png') no-repeat 0 0px;
opacity: .5; }
#jc span.comments-vote a:hover{
opacity: 1; 
}
#jc span.comments-vote .busy { margin: 0; float: right; width: 16px; }
#jc .vote-poor { background-position: -24px 0!important; }
#jc span.vote-good,
 #jc span.vote-poor,
 #jc span.vote-none { line-height: 29px;
margin-left: 5px;
 }
#jc span.vote-good {color: white;
background-color: #7dc473;
padding: 1px 4px;
border-radius: 3px; margin-right: 5px;}
#jc span.vote-poor { color: white;
background-color: #f16c4d;
padding: 1px 4px;
border-radius: 3px; margin-right: 5px;}
#jc span.vote-none { color: grey; margin-right: 5px;}
/* 
 * BBCode 
 */

#jc span.bbcode { width: auto; height: 23px; display: block; margin-bottom: 5px }
#jc .bbcode a,
 #jc .bbcode a:focus,
 #jc .bbcode a:active,
 #jc .bbcode a:hover { width: 23px; height: 23px; float: left; margin: 0 2px 0 0; display: block; background-color:transparent !important; background-repeat: no-repeat; background-image: url(images/jc_bbcode.gif); text-decoration:none; border:none !important }
#jc a.bbcode-empty { background-position: 0 0 }
#jc a.bbcode-b { background-position: -30px 0 !important }
#jc a.bbcode-i { background-position: -60px 0 !important }
#jc a.bbcode-u { background-position: -90px 0 !important }
#jc a.bbcode-s { background-position: -120px 0 !important }
#jc a.bbcode-url { background-position: -150px 0 !important }
#jc a.bbcode-img { background-position: -180px 0 !important }
#jc a.bbcode-list { background-position: -210px 0 !important }
#jc a.bbcode-hide { background-position: -240px 0 !important }
#jc a.bbcode-quote { background-position: -270px 0 !important }
#jc a.bbcode-smile { background-position: -300px 0 !important }
#jc a.bbcode-youtube { background-position: -330px 0 !important }
#jc a.bbcode-google { background-position: -360px 0 !important }
#jc a.bbcode-wiki { background-position: -390px 0 !important }
#jc span.bbcode img { width: 23px; height: 23px; float: left; margin: 0 2px 0 0 }
#jc .custombbcode { width: 23px; height: 23px; float: left; margin: 0 2px 0 0; display: block; text-decoration:none; cursor: pointer }