/* CSS class for styles shared among multiple sections of site */

/* Moderation */
.moderator-options, .topic-moderator-options, .moderator-controls { background-color: #021A28; border: 1px solid #07314B !important; } /* important to override all the gold borders from cms-overlay */

/* Like/dislike */
.view-topic .topic-post .break-down { background:none; border: none; }
.rate-post-wrapper { position:relative; white-space:nowrap; margin-top:28px; padding:1px 0 40px; clear:both; }
.ie67  .rate-post-wrapper { zoom: 1; }
.rate-post-wrapper .rate-up { float: right; margin-left: 5px; }
.rate-post-wrapper .rate-up .button-left,
.rate-post-wrapper .rate-up .button-right { display: block; height: 21px; line-height: 21px; background: url(../images/layout/cms/icon-rating.gif) no-repeat; }
.rate-post-wrapper .rate-up .button-left { background-position:0 -29px; padding-left:24px }
.rate-post-wrapper .rate-up .button-right { background-position: 100% -122px; padding-right: 10px; }
.rate-post-wrapper .rate-up:hover .button-left { background-position: 0 -60px; }
.rate-post-wrapper .rate-up:hover .button-right { background-position: 100% -153px; }

.rate-post-wrapper .downvote-wrapper { position:relative; float:right; background-color: #0D324B; }
.rate-post-wrapper .rate-down { display:block; width:37px; height:21px; background:url("../images/layout/cms/icon-rating.gif"); }
.rate-post-wrapper .rate-down:hover { background-position: -37px 0; }
.rate-post-wrapper .downvote-menu { position:absolute; right:0; top:0; font-size:12px; }
.rate-post-wrapper .downvote-menu .ui-dropdown { width:auto; min-width:100px; }
.ie6 .rate-post-wrapper .downvote-menu .ui-dropdown { width: 130px; zoom: 1; }
.rate-post-wrapper .downvote-menu .ui-dropdown .dropdown-wrapper { width: auto; min-width: 100px; }
.ie6 .rate-post-wrapper .downvote-menu .ui-dropdown .dropdown-wrapper { width: 130px; zoom: 1; }
.rate-post-wrapper .downvote-menu a { padding: 3px 10px; display: block; text-align: right; }
.bnet-comments .rate-post-wrapper { float: right; margin-top: 0; padding: 0; top: -4px; }

.rate-post-wrapper .downvote-menu .report-comment { border-top: 1px solid #0D324B; padding: 5px 0; margin-top: 3px; }
.rate-post-wrapper .downvote-menu .report-comment a:hover { color: #FFF; }
.rate-post-wrapper .downvote-menu .report-comment a:before { content: " "; display: inline-block; width: 20px; height: 17px; background: url("../images/layout/cms/forums/alert-icon.png") no-repeat scroll transparent; float: left; }
.rate-post-wrapper .downvote-menu .report-comment a:hover:before { opacity: 0.9; }

.rate-post-wrapper.downvoted .rate-down,
.rate-post-wrapper.downvoted .rate-down:hover { background-position:-74px 0; }

.rate-post-wrapper.upvoted .rate-up .button-left,
.rate-post-wrapper.upvoted .rate-up:hover .button-left { background-position: 0 -91px; }
.rate-post-wrapper.upvoted .rate-up .button-right,
.rate-post-wrapper.upvoted .rate-up:hover .button-right { background-position: 100% -184px; color:#6B4F3D; }

.rate-post-wrapper .downvote-wrapper,
.rate-post-wrapper .rate-up { visibility: hidden; }

.rate-post-wrapper .downvote-wrapper.keep-shown,
.rate-post-wrapper .rate-up.keep-shown { visibility: visible; }

.rate-post-wrapper.rate-post-login { visibility: hidden; }

.ie67 .rate-post-wrapper .downvote-wrapper,
.ie67 .rate-post-wrapper .rate-up { visibility: visible; }
.ie67 .rate-post-wrapper.rate-post-login { visibility: visible; }

/* Report */
#report-post { display: none;  padding: 0; }
#report-post .report-desc, #report-post .report-detail { padding: 10px 15px 0 0; }
#report-post .report-desc, #report-post .report-detail { padding-top: 15px; }
#report-post .report-desc { font-size: 14px; text-align: right; }
#report-post .report-desc { width: 261px; }
#report-post td { vertical-align: top; }
#report-post #report-detail { border-radius: 8px 8px 8px 8px; width: 90%; }
#report-post .report-desc small { display: block; font-size: 10px; }
#report-post .button1 { padding-top: 12px; padding-bottom: 10px; }

/* Polls */
.poll { background-color: #021A28; padding: 10px 10px 55px; width: 550px; font-size: 12px; box-shadow: 0 0 5px black; margin:20px 20px 50px; border: 1px solid #07314B; position:relative; }
.poll .poll-interior { background: #021A28; padding: 15px; position: relative; }
.poll .poll-options { padding-top: 20px; }
.poll.results-only .poll-options { display: none; }
.poll .poll-options .poll-option { display: block; line-height: 24px; }
.poll .poll-options .poll-option:hover { color: #FFF; cursor: pointer; }
.poll .poll-options .poll-option input { margin: 0 10px; position: relative; top: 1px; }

.poll .poll-actions { position:absolute; bottom: 10px; right: 10px; z-index: 2; }
.poll .poll-actions .button2 { background-color: #002D46; line-height: 32px; margin-left: 5px; border-radius: 5px; text-align: center; text-transform: uppercase; height: 32px; min-width: 83px; display:block; float:left; }
.poll .poll-actions .button2 span { background-image: none; font-size: 12px; }
.poll .poll-actions .button2:hover span { color: #FFF; }
.poll .poll-actions .button2.selected { background-color: #094363 !important; }
.poll .poll-actions .button2.selected span { color:#FFF; }
.poll .poll-actions .button2:hover { background-color: #0C5A85; }
.poll .poll-actions .button2.disabled { background-color: #002D46 !important; }

.poll .poll-stats { top: 8px; left: 2px; padding: 0; color: #7EADC1; font-size: 12px; position: relative; z-index: 1; display: block; float: left; }

.poll .results { display:none; padding-top:20px; }
.poll.results-only .results { display: block; }
.poll .results td { padding:5px; }
.poll .results td.result-label { white-space: nowrap; text-align: right; max-width: 50%; }
.poll .results td.result-bar { width: 100%; }
.poll .results .result-container { background: #00000; border: 1px solid #07314B; }
.poll .results .result { text-shadow: 1px 1px #000; background-color: #56C702; height: 16px }
.poll .results .result span { text-align: center; color: #FFF; font-weight: bold; font-size: 11px; display: block; }
.cjk .poll .results .result span { font-weight: normal; font-size: 12px; }

/* Comments */
.bnet-comments .comments-form-wrapper { margin: 0 0 30px 0; }
.bnet-comments .comments-error-gate { background-color: #06131C; border-radius: 5px 5px 5px 5px; padding: 20px; }
.bnet-comments .moderator-controls { padding: 8px 10px; }
.control-label { padding-right: 3px; }
.bnet-comments .comments-form, .bnet-comments .comment-tile { background-color: #06131C; border-radius: 5px 5px 5px 5px; border-top: 1px solid #040C12; }
.bnet-comments .report-post { display: none; }
.bnet-comments .bnet-avatar { border: 1px solid #0A78BE; border-radius: 3px 3px 3px 3px; }
.bnet-comments .bnet-avatar img { border-radius: 3px 3px 3px 3px; }
.bnet-comments .rate-post-wrapper { float: right; margin-top: 0; padding: 0; top: -4px; }
.bnet-comments #report-post .report-desc { width: 120px; }
.bnet-comments .comment-rating { color: #FFFFFF; font-size: 17px;visibility: visible !important; }
.bnet-comments .moderator-review { border: 1px solid #07314B; margin-right: 3px; }

/* Tabs  */
#comments-sorting-wrapper { background: url("../images/homepage/blog-divider.png")  repeat-x scroll 0 100% transparent; margin: 0 4px; }
.tab-menu { padding-left: 20px; }
.tab-menu li { display: inline-block; height: 35px; margin-right: 1px; }
.tab-menu li a.tab-active { color: #FFFFFF; }
.tab-menu li a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom: 0 none !important; border-image: none; border-left: 1px solid #051F30; border-right: 1px solid #051F30; border-top: 1px solid #051F30; border-top-left-radius: 5px; border-top-right-radius: 5px; display: block; font: 13px/33px "Palatino Linotype","Times",serif; height: 33px; position: relative;  text-transform: uppercase; top: -1px; }
.tab-menu li a span { background-color: #02131C; border-top-left-radius: 4px; border-top-right-radius: 4px; display: inline-block; height: 33px;letter-spacing: -1px; padding: 0 15px; }
.tab-menu li a.tab-active span, .tab-menu li a.tab-active:hover span { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom: 0 none !important; border-image: none; border-left: 2px solid #0D324B; border-right: 2px solid #0D324B; border-top: 2px solid #0D324B; background: url("../images/homepage/blog-bg.jpg") repeat-y scroll -20px 40px transparent;  cursor: default; height: 34px; text-decoration: none; }