/* @override http://local.gamepro.com/lib/css/comments.css */

div#comment_container {
margin: 20px 0 0 0;
position: relative;
}

div#comment_container h2.main {
border: solid 1px #b2b2b2;
border-width: 1px 0;
padding: 5px 0;
}

div#comment_container h2 span {
font-weight: normal;
font-size: .8em;
}

#content #mid_content #fea_content div#comment_container p.post-link {
position: absolute;
top:  15px;
right: 10px;
background: transparent url(/lib/img/comment_icon.jpg) no-repeat scroll 0% 50%;
text-indent: -9999px;
width: 36px;
height: 36px;
padding: 0;
margin: 0;
}

#content #mid_content #fea_content div#comment_container ul li {
list-style-type: none;
list-style-image: none;
}

#content #mid_content #fea_content div#comment_container p.post-link a {
display: block;
color: #333;
text-decoration: none;
padding: 10px 2px;
width: 36px;
height: 36px;
}

#content #mid_content #fea_content div#comment_container p.post-link a:hover {
color: #8F0000;
border-color: #8F0000;
}

/* @group comment post */
#content #mid_content #fea_content div#comment_posts {
border-bottom: solid 1px #b2b2b2;
}

#content #mid_content #fea_content div.comment {
background: #eee;
border: solid 1px #b2b2b2;
margin: 0 10px 10px 24px;
padding: 0;
}

#content #mid_content #fea_content div.comment ul li {
list-style-image: none;
list-style: none;
}

/* @group comment toolbar */

#content #mid_content #fea_content div.comment dl.comment-tools {
background: #ddd;
border-bottom: solid 1px #b2b2b2;
position: relative;
height: 35px;
}

#content #mid_content #fea_content div.comment.hilite dl.comment-tools.hide {
background: #FFE69A;
}

#content #mid_content #fea_content div.comment dl.comment-tools.hide {
border-bottom: none;
}

#content #mid_content #fea_content div.comment dl.comment-tools dd.title {
padding: 10px;
}

#content #mid_content #fea_content div.comment dl.comment-tools dd.title ul {
position: relative;
top: 0;
padding: 0;
margin: 0;
}

#content #mid_content #fea_content div.comment dl.comment-tools dd.title ul li {

}

#content #mid_content #fea_content div.comment dl.comment-tools dd.title ul li.author {
position: absolute;
left: 0;
text-align: left;
margin: 0;
padding: 0;
font-weight: bold;
}

#content #mid_content #fea_content div.comment dl.comment-tools dd.title ul li.date-posted {
position: absolute;
left: 90px;
text-align: left;
margin: 0;
padding: 0;
}

#content #mid_content #fea_content div.comment dl.comment-tools dd.title li.author a {
color: #333;	
text-decoration: none;
font-size: 1.2em;
font-weight: bold;
padding: 0 5px 0 0;
}

#content #mid_content #fea_content div.comment dl.comment-tools dd.title li.date-posted a {
color: #333;
font-weight: normal;
}

#content #mid_content #fea_content div.comment dl.comment-tools dd.title li.author a:hover,
div.comment dl.comment-tools dd.title li.date-posted a:hover {
color: #8F0000;
}

#content #mid_content #fea_content div.comment dl.comment-tools ul li {
display: inline;	
}

#content #mid_content #fea_content div.comment dl.comment-tools ul li a.button {
display: block;
color: #333;
text-decoration: none;
text-align: center;
padding: 2px;
text-indent: -9999px;
width: 27px;
height: 28px;
}

#content #mid_content #fea_content div.comment dl.comment-tools ul li a.button:hover {
color: #8F0000;
border-color: #8F0000;
}

#content #mid_content #fea_content div.comment dd.reply-tools {
position: absolute;
right: 10px;
top:  -6px;
}

#content #mid_content #fea_content div.comment dd.reply-tools ul li.reply {
border: none;
background: transparent url(/lib/img/reply_icon.jpg) no-repeat scroll left top;
width: 27px;
height: 28px;
padding: 0;
margin: 5px 0;
}

#content #mid_content #fea_content div.comment dd.reply-tools ul li.quote {
border: none;
background: transparent url(/lib/img/quote_icon.jpg) no-repeat scroll left top;
width: 27px;
height: 28px;
margin: 5px -4px 0 0;
}

#content #mid_content #fea_content div.comment dd.reply-tools.hide {
display: none;	
}

#content #mid_content #fea_content div.comment dl.comment-tools li.reply,
#content #mid_content #fea_content div.comment dl.comment-tools li.quote,
div.comment dl.comment-tools li.show-post,
div.comment dl.comment-tools li.hide-post {
position: absolute;
right: 0px;
top: 5px;
}

#content #mid_content #fea_content div.comment dl.comment-tools li.quote  {
right: 40px;
}

#content #mid_content #fea_content div.comment dl.comment-tools dd.threads {
position: absolute;
top:  3px;
right: 5px;
}

#content #mid_content #fea_content div.comment dl.comment-tools dd.threads li a {
width: 100px;	
}


#content #mid_content #fea_content div.comment dl.comment-tools li.thread-hide,
div.comment dl.comment-tools li.thread-show,
div.comment dl.comment-tools li.thread-get {
display: none;
position: absolute;
right: 85px;
top:  5px;
}

#content #mid_content #fea_content div.comment dl.comment-tools li.thread-get {
right: 197px;
}

#content #mid_content #fea_content div.comment dl.comment-tools li.hide-post {
top:  80px;
}

#content #mid_content #fea_content div.comment dl.comment-tools dd.show-hide {
position: absolute;
right: 5px;
top: 3px;
width: 100px;
z-index: 2;
}

#content #mid_content #fea_content div.comment dl.comment-tools li.thread-hide.show,
#content #mid_content #fea_content div.comment dl.comment-tools li.thread-show.show,
#content #mid_content #fea_content div.comment dl.comment-tools li.thread-get.show,
#content #mid_content #fea_content div.comment dl.comment-tools li.show-post.show {
display: block;
}

#content #mid_content #fea_content div.comment dl.comment-tools li.show-post,
#content #mid_content #fea_content div.comment dl.comment-tools li.reply.hide,
#content #mid_content #fea_content div.comment dl.comment-tools li.quote.hide,
#content #mid_content #fea_content div.comment dl.comment-tools li.hide-post.hide {
display: none;
}

/* @end */

#content #mid_content #fea_content div.comment div.comment-main {
position: relative;
min-height: 100px;
}

#content #mid_content #fea_content div.comment div.comment-main img {
border: solid 1px #b2b2b2;
margin: 0;
position: absolute;
top: 10px;
right: 10px;
}

#content #mid_content #fea_content div.comment div.comment-main div.comment-body {
margin: 0;
padding: 0;
width: 400px;
line-height: 1.5;
}

#content #mid_content #fea_content div.comment div.comment-main div.comment-body blockquote {
background: #ddd;
padding: 5px;
border: solid 1px #b2b2b2;
font-style: italic;
margin: 0 0 10px 24px;
}

#content #mid_content #fea_content div.comment div.comment-main div.comment-body span.error {
color: #8F0000;	
}

#content #mid_content #fea_content div.comment div.comment-main a.avatar {
position: absolute;
top: 0px;
left: 5px;
display: block;
border: solid 1px #b2b2b2;
}

#content #mid_content #fea_content div.comment div.comment-main a.avatar:hover {
border-color: #8F0000;
}

#content #mid_content #fea_content div.comment div.comment-main img.avatar {
border: solid 1px #b2b2b2;
margin: 0;
position: absolute;
top: 10px;
right: 10px;
}

#content #mid_content #fea_content div.comment div.related_list {
display: none;
}

#content #mid_content #fea_content div.comment.hilite {
background: #FFE69A;
}

#content #mid_content #fea_content div.comment ul.vote {
background: transparent url(/lib/img/vote_bg.jpg) no-repeat scroll left top;
background: none;
height: 80px;
position: absolute;
right: -15px;
top: 10px;
width: 101px;
}

#content #mid_content #fea_content div.comment ul.vote li {
display: block;
float: left;
margin: 0 0 0 5px;
}

#content #mid_content #fea_content div.comment ul.vote li.label {
color: #FFFFFF;
font-size: 0.9em;
font-weight: bold;
height: 25px;
padding: 3px 5px 0;
}

#content #mid_content #fea_content div.comment ul.vote li a,
div.comment ul.vote li span {
border: medium none;
display: block;
font-size: 0.8em;
height: 40px;
text-align: center;
text-decoration: none;
text-indent: -9999px;
width: 40px;
}

#content #mid_content #fea_content div.comment ul.vote li a:hover,
div.comment ul.vote li a.voted,
div.comment ul.vote li span.voted {
color: #8F0000;
border-color: #8F0000;
}

#content #mid_content #fea_content div.comment ul.vote li.score {
color: #FFFFFF;
left: 62px;
position: absolute;
right: 5px;
top: 3px;
width: auto;
}

#content #mid_content #fea_content div.comment ul.vote li.vote.up a,
#content #mid_content #fea_content div.comment ul.vote li.vote.up span {
background: url(/lib/img/vote_yes_down.jpg) no-repeat top left;
position: absolute;
left: 7px;
top: 28px;
}

#content #mid_content #fea_content div.comment ul.vote li.vote.down a,
#content #mid_content #fea_content div.comment ul.vote li.vote.down span {
background: url(/lib/img/vote_no_down.jpg) no-repeat top left;
position: absolute;
right: 32px;
top: 27px;
}


#content #mid_content #fea_content div.comment ul.vote li.vote.up a:hover,
#content #mid_content #fea_content div.comment ul.vote li.vote.up a.voted {
background: url(/lib/img/vote_yes.jpg) no-repeat top left;
}

#content #mid_content #fea_content div.comment ul.vote li.vote.down a:hover,
#content #mid_content #fea_content div.comment ul.vote li.vote.down a.voted {
background: url(/lib/img/vote_no.jpg) no-repeat top left;
}

#content #mid_content #fea_content div.comment ul.vote li.vote.down.voted span {
background: url(/lib/img/vote_no.jpg) no-repeat top left;
}

#content #mid_content #fea_content div.comment ul.vote li.vote.up.voted span {
background: url(/lib/img/vote_yes.jpg) no-repeat top left;
}

#content #mid_content #fea_content div.comment ul.vote li.vote span.voted,
#content #mid_content #fea_content div.comment ul.vote li.vote a.voted {
color: #8F0000;
}

#content #mid_content #fea_content div.comment-main ul.vote li.report {
background: transparent url(/lib/img/report_icon.jpg) no-repeat scroll 0% 50%;
border: medium none;
height: 29px;
position: absolute;
right: 97px;
text-indent: -9999px;
top: -42px;
width: 28px;
}

#content #mid_content #fea_content div.comment ul.vote li.report a {
background: transparent none repeat scroll 0%;
border: medium none;
display: block;
width: 28px;
height: 29px;
}

#content #mid_content #fea_content div.comment ul.vote li.show-post {
position: absolute;	
}

#content #mid_content #fea_content div.comment ul.admin {
position: absolute;
width: 62px;
height: 25px;
right: 10px;
top:  0;
text-align: center;
}

#content #mid_content #fea_content div.comment ul.admin li a {
color: #8F0000;	
}

#content #mid_content #fea_content div.comment ul.admin li.delete {
background: transparent url(/lib/img/text-edit/close.png) no-repeat scroll 0% 50%;
border: medium none;
height: 28px;
position: absolute;
right: 51px;
text-indent: -9999px;
top: -38px;
width: 27px;
}

#content #mid_content #fea_content div.comment ul.admin li.delete a {
color: #333333;
display: block;
height: 28px;
padding: 2px;
text-align: center;
text-decoration: none;
text-indent: -9999px;
width: 27px;
}

#content #mid_content #fea_content div.comment ul.admin li.get-info {
position: absolute;
left: auto;
width: 62px;
top:  70px;
}

/* @end */

/* @group edit bar */

#content #mid_content #fea_content div#comment_posts div#edit_bar {
margin: -10px 10px 10px 24px;
padding: 5px 5px 5px 10px;
background: #FFE69A;
color: #333;
border: solid 1px #b2b2b2;
border-top: 0;
}

#content #mid_content #fea_content div#comment_posts div#edit_bar a {
padding: 0 10px 0 0;
color: #8F0000;
}

#content #mid_content #fea_content div#comment_posts div#edit_bar div {
display: inline;
}

/* @end */

/* @group comment form */

form#commentPostForm {
width: 550px;
height: 300px;
margin: 0 17px 0 24px;
}

form#commentPostForm label {
margin: 10px 0 0 0;	
}

form#commentPostForm label span.error {
color: #8F0000;
}

form#commentPostForm button {
background: #FFF;
color: #333;
border: solid 1px #b2b2b2;
display: inline;
width: 100px;
margin: 2px 2px 0 0;
font-size: 1em;
cursor: pointer;
position: relative;
}

form#commentPostForm button:hover {
color: #8F0000;
border-color: #8F0000;
}

form#commentPostForm button#commentSubmit.disabled:hover {
color: #333;
border-color: #b2b2b2;
cursor: auto;
}

form#commentPostForm textarea.text-edit {
width: 558px;
height: 150px;
margin: 5px 0 10px 0;
border: solid 1px #b2b2b2;
padding: 5px;
font: 1em "Lucida Grande", Lucida, Verdana, sans-serif;
}

form#commentPostForm textarea.text-edit.disabled {
background: #ccc;
/*color: #ddd;*/
}

#content #mid_content #fea_content div.text-preview-parent {
margin: 10px 0 0 0;

}

#content #mid_content #fea_content div.text-preview-parent h3 {
font-size: 1.2em;	
font-weight: bold;
margin: 10px 0 0 0;
padding: 0;
}

#content #mid_content #fea_content div.text-preview-parent div.comment {
margin: 0;
width: 566px;
padding: 0;
}

button#commentSubmit span.loading {
position: absolute;
white-space: nowrap;
left: 130px;
top:  2px;
color: #333;
}

p.reg-prompt {
border: solid 1px #b2b2b2;
background: #eee;
padding: 5px;
text-align: center;
font-size: 1.3em;
}

p.reg-prompt a {
color: #8F0000;
}
/* @end */

/* @group Buttons */
form#commentPostForm button#edit_strong{
background:transparent url(/lib/img/text-edit/b.png) no-repeat scroll left top;
border:medium none;
height:27px;
padding:0;

width:30px;
}
form#commentPostForm button#edit_em{
background:transparent url(/lib/img/text-edit/i.png) no-repeat scroll left top;
border:medium none;
height:27px;
width:30px;
}
form#commentPostForm button#edit_strike{
background:transparent url(/lib/img/text-edit/strike.png) no-repeat scroll left top;
border:medium none;
height:27px;
width:30px;
}
form#commentPostForm button#edit_underline{
background:transparent url(/lib/img/text-edit/uline.png) no-repeat scroll left top;
border:medium none;
height:27px;
width:30px;
}
form#commentPostForm button#edit_link{
background:transparent url(/lib/img/text-edit/link.png) no-repeat scroll left top;
border:medium none;
height:27px;
width:30px;
}
form#commentPostForm button#edit_quote{
background:transparent url(/lib/img/text-edit/quote.png) no-repeat scroll left top;
border:medium none;
height:27px;
width:30px;
}
form#commentPostForm button#edit_close{
background:transparent url(/lib/img/text-edit/close.png) no-repeat scroll left top;
border:medium none;
height:27px;
width:30px;
}
form#commentPostForm button#edit_preview{
background:transparent url(/lib/img/text-edit/preview.png) no-repeat scroll left top;
border:medium none;
height:27px;
width:30px;
}
form#commentPostForm button#commentSubmit{
background:transparent url(/lib/img/text-edit/submit.png) no-repeat scroll left top;
border:medium none;
height:27px;
width:74px;
text-indent:-9999px;
}
form#commentPostForm button#commentCancel{
background:transparent url(/lib/img/text-edit/cancel.png) no-repeat scroll left top;
border:medium none;
height:27px;
width:74px;
text-indent:-9999px;
}

/* @end */