/* content plugin styles */ .jcomments-links { color:#999; float:right; padding-top:19px;} .jcomments-links a { color:#999!important; font-style:italic} .jcomments-links a:hover { color:#444!important} /* JComments common styles */ #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(../../../../components/com_jcomments/tpl/automag/images/jc_busy.gif) no-repeat; } #jc h4 { color: #555; padding-bottom:.2em; border-bottom:3px solid #E6E6E6; line-height:1.4;} #jc h4 a { text-align:right; float:right;} #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 {color: #849B9F;background-color: inherit;font-weight: normal;text-decoration: none} #comments a[rel*=external] {background: url(../../../../components/com_jcomments/tpl/automag/images/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; margin: 0 0 0 8px; border: none; width:16px; height:16px;} #comments .rss {background: url(../../../../components/com_jcomments/tpl/automag/images/jc_rss.png) no-repeat center left} #comments .refresh {background: url(../../../../components/com_jcomments/tpl/automag/images/jc_refresh.png) no-repeat center left} #comments .subscribe {background: url(../../../../components/com_jcomments/tpl/automag/images/jc_subscribe.gif) no-repeat center left} /* List footer */ #comments-list-footer {margin: 0; text-align:right;} #comments-list-footer a { padding-left:25px!important; line-height:30px; } /* Show/hide form */ #comments-form-link .showform {margin: 5px 0 0 22px;padding: 0 0 5px 14px;background: url(../../../../components/com_jcomments/tpl/automag/images/jc_blog.gif) no-repeat 0 -28px;border: none;font-weight: bold;display: block} /* Comment */ #comments .comment-avatar { margin: 0; position:relative; overflow:hidden; padding: 0} #comments .comment-avatar img { float:right!important; margin:0 0 10px!important; text-align:right} #comments .comment-anchor { color: #D9D9D9; font-size:1.5em; text-decoration: none; border: none; position:absolute; left:5px; top:0px; background:none;} #comments .comment-anchor:hover { color:#999} #comments .comment-author, #comments .author-homepage { font: bold 1em Verdana, Arial, Sans-Serif; font-style:italic; margin: 0 0 10px 10px; color:#777; display:block; text-align:right; padding: 0 0 10px; border-bottom:1px solid #DEDEDE} #comments .author-homepage {text-decoration: none; border-bottom: 1px dotted #3c452d} #comments .comment-title { color: #777; font: bold 1.2em Georgia, "Times New Roman", Times, serif;margin: 0;padding: 0;;} /* Avatar */ #comments .comment-avatar img {width: 32px} /* Date and Time*/ #comments .comment-date { color: #999; margin: 0; padding: 0; display:block; text-align:right;} #comments .comment-body {color: #777;margin: 6px 0 0;padding:0 0 2px} /* Quote, Code and Hidden block styles */ #comments .quote, #comments blockquote, #comments .code, #comments code, #comments pre {margin: 5px 0 5px 10px; display: block; clear: both; background-image: none} #comments blockquote, #comments .hidden, #comments code, #comments pre {color: #849B9F;text-align: left;padding: 8px;margin-bottom: 8px} #comments blockquote, #comments .hidden {border: 1px dashed #849B9F} #comments code, #comments pre {border: 1px solid #dedede;overflow: hidden;white-space:normal} #comments .code {background: none; border: none; padding:0} #comments .quote {color: #777} #comments .hidden {clear: both;display: block;margin: 5px 0} /* Quote and Reply to buttons panel */ #comments-form p { text-indent: 0; } span.captcha { display: none; } #comments div.comments-buttons { clear:both;} #comments div.comments-buttons a { padding:3px 10px; float:right; text-align:center; background:#fff; color:#999;} #comments div.comments-buttons a:hover { color:#444} #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: #cc0000; 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 {} #comments .even, #comments .odd {background-image: none;color: #3c452d; margin-left: 0px;margin-bottom: 10px;padding: 0} #comments-list .comments-inline-edit {padding: 5px; margin: 5px 0; color: inherit;background-color: #fff;border: 1px solid #ccc} /* Comment form */ #comments-form p, #comments-form span, #comments-form .counter {color: #777;font: normal 1em Verdana, Arial, Sans-Serif} #comments-form p, #comments-form #comments-form-buttons, #comments-form #comments-form-error {} #comments-form-buttons { clear:both; position:relative; overflow:hidden; margin-top:20px; margin-bottom:20px;} #comments-form-buttons span span { display: block; width: 150px; padding-top:7px;} #comments-inline-edit {border: 1px solid #ccc;margin: 5px 0 0 0;background: #fff} #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; float: right; background: #d05600;} #comments-form span.captcha {padding: 0 0 0 12px; color: #777; background: url(../../../../components/com_jcomments/tpl/automag/images/jc_refreshg.gif) no-repeat 0 2px;cursor: pointer; float: right;} #comments-form label {color: #000; background-color: inherit; line-height: 1.5em; padding: 0; margin: 0 0 0 10px; vertical-align: middle} #comments-form input, #comments-form textarea {color: #999; background-color: #F5F5F5; padding: 3px 7px 0; border: 1px solid #DEDEDE; height: 120px;} #comments-form input {width: 335px;margin-bottom: 2px;height: 1.5em} #comments-form input.selected, #comments-form textarea.selected {color: #777;background-color: #fff;border: 1px solid #DEDEDE} #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; float: left; margin-left: 30px;} #comments-form input.captcha {width: 150px; margin: 3px 0 5px 0; float: left; margin-left: 30px;} #comments-form textarea {max-width: 500px !important;width: 340px;margin:0; border-radius: 20px;} #comments-form #comments-form-message, #comments-inline-edit #comments-form-message {padding: 5px 5px 5px 25px;margin-right: 5px; margin-bottom:15px; display: block} .comments-form-message-error {background: #FFD86F url(../../../../components/com_jcomments/tpl/automag/images/jc_error.gif) no-repeat 4px 50%} .comments-form-message-info {background: #DFEEFF url(../../../../components/com_jcomments/tpl/automag/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: 400px !important;width: 500px;background-color: #eee} #comments-form .grippie {height:15px;display:none;overflow:hidden;color: #ccc;padding: 2px 7px 0;margin:0;border:1px solid #ddd;border-top-width:0;max-width: 400px !important;width: 500px;cursor:s-resize;background: #eee url(../../../../components/com_jcomments/tpl/automag/images/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(../../../../components/com_jcomments/tpl/automag/images/jc_btnl.gif) no-repeat; margin-right: 5px} #comments-form .btn div {margin:0 -1px 0 0; float: left;background: url(../../../../components/com_jcomments/tpl/automag/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;border-top: 1px solid #ddd;padding-top: 1px;margin-top: 4px;text-align: right; clear:both;} #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(../../../../components/com_jcomments/tpl/automag/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(../../../../components/com_jcomments/tpl/automag/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 { position:absolute; top:10px; right:10px;} #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(../../../../components/com_jcomments/tpl/automag/images/jc_vote.gif);border: none !important; text-decoration: none} #jc span.comments-vote .busy{margin: 0; float: right; width: 16px} #jc .vote-good{background-position: 0 0} #jc .vote-poor{background-position: -15px 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} #jc span.vote-good{color: #339900} #jc span.vote-poor{color: #CC0000} #jc span.vote-none{color: #A9A9A9} /* 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(../../../../components/com_jcomments/tpl/automag/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 a.bbcode-facebook{background-position: -420px 0 !important} #jc a.bbcode-flickr{background-position: -450px 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} .left-field { float: left; } .right-field { float: left; margin-left: 16px; } #comments-form { margin-left: 40px; } #comments-form-buttons a.go-btn { width: 150px; margin-left: 300px; display: block; } /* Rounded comments */ .rbox { position:relative; overflow:hidden; clear:both; padding:10px 0 0; background:#fff url(../../../../components/com_jcomments/tpl/automag/images/rbox.png) repeat-x top} .rbox .rbox_left { float:left; width:25%; font-style:italic; text-align:center;} .rbox .rbox_right { float:right; width:72%;} .rbox .rbox_right img { float:none!important; margin:0!important; background:none!important; padding:0!important; border:0!important}