﻿/******************     
*      FORM       *
******************/
.pf_comment_form_container  { border: solid 1px #6B6A6A; margin-bottom: 20px; }
.pf_comments_form .pf_comments_alert, .pf_comments_form .pf_comments_alert span  { color: Red; font-weight: bold; }

.pf_comments_form, .pf_comments_form span, .pf_comments_form th, .pf_comments_form td ,  .pf_comments_form div{ color:#4D4D4D; }


.pf_comments_form  { width: 100%; margin: 20px; }

.pf_comments_form  table { width: 97%; }
.pf_comments_form th { font-size: 11px; font-weight: bold; text-align: left; padding-top: 10px; }
.pf_comments_form .pf_comments_full { width: 98%; }

.pf_comment_rating_label { margin: 10px 0; font-size: 11px; font-weight: bold; }
.pf_comment_rating_container { margin-left: 10px; margin-bottom: 10px; }

.pf_comments_header, .pf_comments_header span {}
.pf_comment_form_header, .pf_comment_form_header span { color: #ebebeb; font-size: 14px; font-weight: bold; width: 100%; float: left; }
.pf_comments_view_link { float: left; margin-bottom:8px;}
.pf_comments_view_link  a, .pf_comments_view_link  a:hover { color: #ff6600;  }
.pf_comments_view_link  a:hover { text-decoration: underline;}
.pf_comments_errors { color: Red; width: 50%; }
.pf_comments_errors span { color: Red; font-weight: normal; }
.pf_comments_errors li { list-style-type: none; }
#pf_comment_submitted { color: #28B249; padding: 10px; border: solid 1px #28B249; width: 50%; text-align:center; margin: 10px; }



/******************     
*      LIST       *
******************/
.pf_comments_comment_ratings {float:left; display:inline;}

.pf_comments_comment_container  a , .pf_comments_viewAllLink a, .pf_comments_view_all_links  a , .pf_comments_view_link a {  text-decoration: none; font-weight: bold; }
.pf_comments_viewAllLink { margin: 10px; }
.pf_comments_viewAllLink a { color: #ff6600; }

/* Header */
.pf_comments_header_container { padding: 10px; background: #6B6A6A url('../../../DesktopModules/PackFlashComments/themesimages/grey_header_bg.png') repeat-x top left; height: 15px; }
.pf_comments_header_container h2 {padding:0px;}
.pf_comments_header, .pf_comment_form_header { color: #ebebeb; margin: 0; font-size:12px; font-weight:bold;}

.pf_comments_comment_container_viewalllinks {border-bottom:0px ! important; padding-bottom:0px ! important;}

.pf_comments_comment_container  a:hover { text-decoration: underline; }
.pf_comments_comment_container { padding: 10px; }
.pf_comments_comment_container.alt { background-color: #ebebeb; }

/* View all / recommended / editor recommended */
.pf_comments_view_all_links { padding-bottom:7px; }
.pf_comments_view_all_links, .pf_comments_view_all_links  a { color: #ebebeb; font-size:12px;}
.pf_comments_comment_container .pf_comments_view_all_links  a { font-size:12px;}
.pf_comments_view_all_links a:hover { text-decoration: underline; }
 
/* Recommend comment, Flag comment links, Expand thread */
.pf_comments_comment_actions { float: right; height:100%; display:inline;}
.pf_comments_comment_actions div { display: inline; }
.pf_comments_comment_container div { color: #4D4D4D; }
.pf_comments_comment_container  a { font-size: 10px; color: #ff6600; }

.pf_comments_comment_thread_action { margin-top: 10px; }

.pf_comments_comment_actions a img, .pf_comments_comment_thread_action a img { border: none; margin-right: 4px; vertical-align: bottom; }
.pf_comments_comment_actions a:hover, .pf_comments_comment_thread_action a:hover { text-decoration: none; }
.pf_comments_comment_actions .inactive { color: #B3B3B3; font-size: 10px; }


.pf_comments_comment { height:100%; }
.pf_comments_comment_rating { height: 20px; margin: 0px; display:inline;}
.pf_comments_headline { color: #4D4D4D; font-weight: bold; height:100%; margin-top:3px;}
.pf_comments_dateAndAuthor { margin: 5px 0; }
.pf_comments_date { float: left; margin-right: 20px; }
.pf_comments_author { float: left; font-weight: bold; }
.pf_comments_reply { width: 100%; padding-top: 20px; }
.pf_comments_reply a, .pf_comments_reply a:hover { text-decoration: none; }
.pf_comments_reply a img { vertical-align: bottom; border: none; }

/* Threading */
.pf_comments_thread { border-bottom: solid 1px #ccc; margin: 0 0 10px 0; padding: 10px 0; }
.pf_comments_thread_hr { color: #ccc; background-color: #ccc; border: none; margin: 10px 0 0 0; }

/* Paging */
.PagingTable { border: solid 1px #6B6A6A; margin-top: 10px; background-color: #ebebeb }
.PagingTable .Normal, .PagingTable .NormalDisabled {  color: #4D4D4D; }
.PagingTable a.CommandButton { color: #ff6600;  }

/******************     
*     TEASER      *
******************/
.pf_comments_teaser_link { display: inline; }
.pf_comments_teaser_link a { color: #ff6600; line-height: 34px; font-weight: bold; }
.pf_comments_teaser .rating { margin: 10px 5px 0px 10px; display: inline; float:left;}
.pf_comments_teaser {
    border: solid 1px #6B6A6A;
    background-color: #EBEBEB;
    display: block;
}