/*
article comments page
*/

#commentspage {
padding-bottom: 10px;
border-bottom: 1px solid #CCC;
}

#commentspage h4,
#commentspage p,
#commentspage textarea,
#commentspage label,
#commentspage input {
margin: 0 0 5px 0;
padding: 0;
font-family: Verdana, sans-serif;
font-size: .88em;
}

#commentspage .details,
#commentspage .recommend,
#commentspage .reportabuse,
#commentspage label {
color: #666;
}

#commentspage .header {
background: #EFEFEF;
padding: 15px 15px 10px 15px;
border-bottom: 1px solid #CCC;
}
#commentspage .header2 {
background: #FFFFFF;
padding: 15px 15px 10px 15px; padding: 0px 15px 0px 15px;
height: 3em;
line-height: 3em;
background: url('/templates/types/article/graphics/tools_dashline.gif') bottom left repeat-x;
}

#commentspage .alertmsg {
    margin: 0 0 8px 15px;
    font-family: Verdana, sans-serif;
    font-weight: bold;
}

#commentspage .header h1 {
    display: inline;
    float: left;
    width:80px;
    height: 11px;
    margin:0 0 10px 0;
    padding: 0;
    text-indent: -1024px;
    background: url('/templates/types/article/graphics/comments_heading.gif') no-repeat;
}

#commentspage .header h1,
#commentspage .header #sfgate_topCnt {
    font-size: .88em;
}

#commentspage .header #sfgate_topCnt {
    display: inline;
    float: left;
    width: 120px;
    margin:-2px 0 10px 7px;
    font-family: Verdana, sans-serif;
    font-weight: bold;
}

#commentspage .header h2,
#commentspage .header h3 {
    clear: both;
    margin: 0 0 0;
    padding: 0;
    font-size: 1.02em;
}

#commentspage .header .details {
margin: 7px 0;
}

#commentspage .header .desc {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.02em;
margin-bottom:10px;
}

#commentspage .header p {
margin-top: 5px;
}

#commentspage .header #sfgate_addlink {
margin-right: 20px;
}

#commentspage .header2 P {
margin: 0;
}

#commentspage .header2 .commentsAddYourCommentLink {
vertical-align: middle;
font-weight: bold;
}

#commentspage .header2 .sortCommentsTogglePara {
float: right;
text-align: right;
vertical-align: middle;
margin: 0;
font-size: 0.785em;
padding-top: 1px;
}

#commentspage .commentslist {
	background: url('/templates/types/article/graphics/tools_dashline.gif') bottom left repeat-x;
    padding-bottom: 1px;
}

#commentspage #commentslist {
  background-image: none;
}

#commentspage #commentslist-page2 {
  ;
}

#commentspage .commentslist .item {
height: 1%; /* Holly Hack */
padding: 7px 15px 2px 15px;
padding: 10px 15px;
background: #EFEFEF;
}

#commentspage .commentslist .item h4 {
font-weight: normal;
}
#commentspage .commentslist .item h4 a {
font-weight: bold;
}

#commentspage .commentslist .item p { line-height: 16px;}

#commentspage .commentslist .item .details,
#commentspage .commentslist .item .recommend,
#commentspage .commentslist .item .recommended,
#commentspage .commentslist .item .recommendlabel,
#commentspage .commentslist .item .disapprove,
#commentspage .commentslist .item .disapproved,
#commentspage .commentslist .item .disapprovelabel,
#commentspage .commentslist .item .reportabuse,
#commentspage .commentslist .item .recommendlinelabel,
#commentspage .commentslist .item .reportabuselabel {
display:inline;
float:left;
height:16px;
font-family: Verdana, Arial, sans-serif;
font-size: .86em; font-size: .79em;
}

#commentspage .commentslist .item .recommendlinelabel {
padding-top: 2px;
}

#commentspage .commentslist .item .details {
width: 286px;
padding: 1px 0 0 0;
}

#commentspage .commentslist .item .recommend,
#commentspage .commentslist .item .recommended,
#commentspage .commentslist .item .disapprove,
#commentspage .commentslist .item .disapproved,
#commentspage .commentslist .item .reportabuse {
width: 16px;
display: block;
}

#commentspage .commentslist .item .recommend {
background: url('/templates/types/article/graphics/thumbs_up.gif') no-repeat;
}

#commentspage .commentslist .item .disapprove {
background: url('/templates/types/article/graphics/thumbs_down.gif') no-repeat;
}

#commentspage .commentslist .item .reportabuse {
background: url('/templates/types/article/graphics/comments_alert.gif') no-repeat;
}

#commentspage .commentslist .item .checked, #commentspage .commentslist .item .recommended {
background: url('/templates/types/article/graphics/thumbs_up_select.gif') no-repeat;
}

#commentspage .commentslist .item .disapproved {
background: url('/templates/types/article/graphics/thumbs_down_select.gif') no-repeat;
}

#commentspage .commentslist .item .recommendlabel,
#commentspage .commentslist .item .disapprovelabel,
#commentspage .commentslist .item .reportabuselabel {
padding-left: 4px;
}

#commentspage .commentslist .item .disapprovelabel,
#commentspage .commentslist .item .recommendlabel {
width: 35px;
}

#commentspage .commentslist .odd {
background: #FFF;
}

#commentspage div.pagenav {
width: 561px;
margin: 0 0 10px 0;
background: url('/templates/types/article/graphics/tools_dashline.gif') bottom left repeat-x;
padding: 10px 15px 11px 15px;
font-family: Verdana, sans-serif;
font-size: .86em;
line-height: 16px;
}
#commentspage .pagenav strong,
#commentspage .pagenav a {
padding-right: 5px;
}

#commentspage .commentform {
margin:0;
padding: 0 15px;
}

#sfg_article FORM.commentform {
padding-left: 0px 15px;
}

#sfg_article #articlePageCommentBoxWrapper FORM.commentform {
margin:0;
padding: 0 15px 0 0;
}

#commentspage .commentform .alertmsg {
    margin: 0;
    font-family: Verdana, sans-serif;
    font-weight: bold;
}

#commentspage .error { color: #900; } 
#commentspage .commentform p.error { color: #c00; }

#commentspage .commentform textarea,
#commentspage .commentform input.count {
border-right:   1px solid #CCC;
border-bottom: 1px solid #CCC;
}

#commentspage .commentform textarea {
width: 400px;
height: 7.35em;
}

#commentspage .commentform input.submit,
#commentspage .commentform label,
#commentspage .commentform input.count {
display:inline;
float: left;
}

#commentspage .commentform input.submit {
width: 58px;
}

#commentspage .commentform label {
margin: 0 7px 0 190px;
width: 100px;
text-align:right;
}

#commentspage .commentform input.count {
width: 45px;
}

/* Report Abuse */

#commentspage div.ReportAbuse_Container {
margin: 15px 0 0 0;
background-color:#cccccc;
width:170px;
border:1px solid #000000;
font-family:Verdana;
text-align:left;
z-index:4;
position:absolute;
font-weight:bold;
font-size:10px;
}

#commentspage div.ReportAbuse_SectionHead {
padding:2px;
height:15px;
}

#commentspage div.ReportAbuse_SectionHead a {
float:right;
border:1px solid #000000;
color:#000000;
background-color:#FFFFFF;
padding:1px;
text-decoration:none;
}

#commentspage div.ReportAbuse_SectionHead a:hover {
background-color:#000000;
color:#FFFFFF;
}

#commentspage div.ReportAbuse_Interior {
width:170px;
padding-bottom:3px;
clear:both;
}

#commentspage div.ReportAbuse_Interior a {
float:left;
font-weight:bold;
height:15px;
border-bottom:1px solid #000000;
color:#000000;
padding:2px 0px 0px 10px;
width:160px;
background-color:#FFFFFF;
text-decoration:none;
}

#commentspage div.ReportAbuse_Interior a:hover {
background-color:#CCCCCC;
}

#commentspage div.ReportAbuse_Interior select {
width: 162px;
margin:2px 0 0 5px;
font-size:11px;
}

#commentspage div.ReportAbuse_Comment {
width:170px;
}

#commentspage div.ReportAbuse_Comment textarea {
width:90%;
height:70px;
margin-left:5px;
font-size:11px;
}

#commentspage div.ReportAbuse_Comment input {
padding:1px;
margin:1px 0px 3px 5px;
font-size:10px;
}