/*
 *  Article's and Image's Comments Page Styles
 */
#comments {
 float: left;
 margin: 0px;
 padding: 10px 5px 15px 5px;
 border-top: 1px solid #e2001a;
 width: 630px;
}

#comments #new_post {
 float: left;
 margin: 0px;
 padding: 5px 0 10px 0;
 width: 630px;
}

#new_post #newPostFormContainer {
 clear: both;
 margin-bottom: 7px !important;
 padding: 7px 0 10px 0;
 border-bottom: 1px solid #999;
 width: 630px;
}

#new_post #newPostFormContainer #prev_post {
 float: left;
 margin: 0px;
 padding: 0px;
 width: 630px;
}

#new_post #newPostFormContainer #prev_post #prev_post_content {
 float: left;
 margin: 0px;
 padding: 0 0 5px 0;
 width: 630px;
}
#new_post #newPostFormContainer #prev_post #prev_post_content p.error { margin: 0px; padding: 0px; font-weight: bold; color: #e2001a; }

#new_post #newPostFormContainer #prev_post #prev_post_content_loader {
 float: left;
 margin: 0px;
 padding: 0 0 10px 60px;
 width: 570px;
}

#comments .cheader {
 float: left;
 margin: 0px;
 padding: 0px;
 width: 628px;
 height: 22px;
}

#comments .title {
 float: left;
 margin: 0px;
 padding: 0px;
 min-width: 160px;
 height: 22px;
}

#comments .title .bt_header {
 float: left;
 margin: 0px;
 padding: 2px 3px 2px 3px;
 min-width: 80px;
 height: 12px;
 font-size: 11px;
 font-weight: normal;
 color: #fff;
 background: #e2001a;
 line-height: 100%;
}

#comments .title .bt_header a { font-size: 11px; font-weight: normal; color: #fff; line-height: 100%; cursor: default; text-decoration: none; }
#comments .title .bt_header a:hover { font-size: 11px; font-weight: normal; color: #fff; line-height: 100%; cursor: default; text-decoration: none; }

#comments .title .bt_arrow {
 float: left;
 clear: both;
 margin: 0px;
 padding: 0px;
 width: 10px;
 height: 5px;
 font-size: 1px;
 background: url('../images/box_elements/bta_red.png') no-repeat top;
}

#comments .cheader .navi {
 float: right;
 margin: 0px;
 padding: 0px;
 width: 400px;
 height: 22px;
 text-align: right;
}

#comments div.commentbox {
 float: left;
 clear: both;
 margin: 0px;
 padding: 15px 0 10px 0;
 border-bottom: 1px solid #ccc;
 width: 630px;
}

#comments div.avatar {
 float: left;
 margin: 0px;
 padding: 0 10px 0 0;
 width: 85px;
 height: 82px;
}

#comments div.post {
 float: left;
 margin: 0px;
 padding: 0px;
 width: 535px;
}

#comments .post_title {
 margin: 0 0 5px 0;
 padding: 0px;
 border: 0px;
 border-collapse: collapsed;
 border-spacing: 0px;
 width: 535px;
 table-layout: fixed;
 empty-cells: show;
}
#comments .post_title a.postanchor       { font-weight: bold; color: #221f1f; cursor: default; text-decoration: none; }
#comments .post_title a.postanchor:hover { font-weight: bold; color: #221f1f; cursor: default; text-decoration: none; }
#comments .post_title a.device {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
 filter: alpha(opacity=50);
 opacity: .50;
 -moz-opacity: .50;
 background-color: #fff;
}
#comments .post_title a.device:hover {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter: alpha(opacity=100);
 opacity: 1;
 -moz-opacity: 1;
}
#comments .post_title a.device:visited {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
 filter: alpha(opacity=50);
 opacity: .50;
 -moz-opacity: .50;
 background-color: #fff;
}

#comments font.user_nickname { font-size: 12px; font-weight: bold; color: #e2001a; }
#comments font.comment_date  { font-size: 12px; font-weight: normal; color: #787878; }

#comments div.post_content {
 float: left;
 margin: 0px;
 padding: 0px;
 width: 535px;
}
#comments div.post_content p { margin: 0px; padding: 0px; }
#comments div.post_content p.modify_date { padding-top: 15px; font-size: 10px; color: #787878; }

#comments .answer_comment_content {
 float: bottom;
 margin: 0 0 10px 0 !important;
 padding: 3px 5px 3px 5px;
 width: 515px;
 border: 1px dotted #c0c0c0;
 background: #f9f9f9;
}
#comments .answer_comment_content p { font-size: 11px; color: #666; }
#comments .answer_comment_content p.empty { font-size: 3px; }
#comments .answer_comment_content span { color: #666; }
#comments .answer_comment_content a { font-size: 10px; color: #666; text-decoration: none; }

#comments #comments_pager {
 float: left;
 clear: both;
 margin: 0px;
 padding: 10px 0 0 95px;
 width: 535px;
}

#comments #comments_pager span.arrow_left {
 float: left;
 margin: 0px;
 margin-top: 1px;
 padding: 0px;
 width: 20px;
 height: 20px;
 cursor: pointer;
 background: url('../images/article_elements/comments_pager_arrow_left.png') no-repeat;
}
#comments #comments_pager span.arrow_left_inactive {
 float: left;
 margin: 0px;
 margin-top: 1px;
 padding: 0px;
 width: 20px;
 height: 20px;
 background: url('../images/article_elements/comments_pager_arrow_left_inactive.png') no-repeat;
}

#comments #comments_pager span.arrow_right {
 float: left;
 margin: 0px;
 margin-top: 1px;
 padding: 0px;
 width: 20px;
 height: 20px;
 cursor: pointer;
 background: url('../images/article_elements/comments_pager_arrow_right.png') no-repeat;
}
#comments #comments_pager span.arrow_right_inactive {
 float: left;
 margin: 0px;
 margin-top: 1px;
 padding: 0px;
 width: 20px;
 height: 20px;
 background: url('../images/article_elements/comments_pager_arrow_right_inactive.png') no-repeat;
}

#comments #comments_pager span.list_pages_form {
 float: left;
 margin: 0px;
 padding: 0 10px 0 10px;
 height: 22px;
 text-align: center;
}

#comments #comments_pager select.pages_select {
 font-size: 12px;
 height: 20px;
}