﻿#comments_wrap {
    font: 12px Arial;
    /*width: 625px;*/
}

#comments_wrap a {
    text-decoration:underline;
}

#comments_wrap a:hover {
    text-decoration:none;
}

#comment_on_story {
    padding: 14.5px 10px;
    padding-left:25px;
    background:#e5e5e5 url(../Images/down_arrow.gif) no-repeat 10px center;
    color:#494949;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    cursor:pointer;
    margin-bottom: 10px;
}

#comment_count_wrap {
    margin-left:12px;
    margin-top: 1px;
}

.comment {
    border-top:1px solid #cfcfcf;
    padding-top: 4px;
    margin-bottom: 15px;
}

.comment .avatar_wrap {
    margin-left: 4px;
}

.reply_form_wrap .avatar_wrap {
    margin-left:0;
}

.avatar_wrap div {
    border:1px solid #cfcfcf;
}

.avatar_wrap img {
    border:1px solid #FFF;
    width:25px;
    height:25px;
}

.comment_info {
    margin: 7px;
    width:90%;
}

.comment_posted_date {
    color:#8C8E8E;
}

a.author_link {
    font-size:13px;
}

a.policy_link, .comment_footer a, a.logout_link {
    font-weight:normal;
}
a.policy_link
{
	 text-decoration: none!important;
	 float:right;
}
a.policy_link:hover
{
	 text-decoration: underline!important;
}
a.report_link
{
   display: block;
	float: right;
	background-color: #B60006;
	color: white!important;
	font-weight: 700;
	text-decoration: none!important;
	border: solid 1px #FF8E92;
	margin-left: 10px;
	margin-top: -4px;
	padding: 4px 5px;
}
.comment_text {
    color:#373737;
    padding-top: 7px;
    padding-bottom: 8px;
    word-wrap: break-word;
}

.comment_footer {
    /*color:#0E2E5E;*/
}

.comment_replies {
    margin-left:39px;
}

.comment_replies .child {
    border-top-style:dotted;
    margin-top:10px;
    margin-bottom:0;
}

.comment_replies .child .comment_info {
    width:89%;
}

.comment_form_wrap {
    margin-bottom:10px;
    background-color:#F5F5F5;
    border:1px solid #E5E5E5;
}

.comment_form_header {
    color:#3A3735;
    background-color:#E5E5E5;
    padding: 6px;
    margin-bottom:5px;
}

.comment_form_user {
    background-color:#ECECEC;
    padding: 3px 11px;
    margin-bottom:8px;
    display:none;
}

.comment_form_user .avatar_wrap {
    margin-right:10px;
}

.comment_form_user .author_name {
    margin-top:5px;
}

.comment_form_user .logout_wrap {
    margin-top:7px;
}

.comment_form_result_msg {
    color:#858382;
    font-size:18px;
    padding:5px 6px 10px 6px;
    
}

.comment_form_inner {
    padding: 0 10px 10px;
}

.comment_form_label {
    color:#3A3735;
}

.comment_form_remaining_text {
    color:#7C7C7C;
}

.comment_form_wrap textarea {
    width:100%;
    background-color:#FFF;
    border:1px solid #D9D9D9;
}

.textarea_wrap {
    margin-bottom:10px;
}

.button_submit {
    text-align:center;
}

#comments_wrap .comment_form_inner .button_submit { 
    background: url(../images/facebook_comments_button.png) no-repeat left top !important;
    font-family:Arial !important;
    padding:1px!important;
    text-align:center!important;
    text-transform:uppercase!important;
    width:135px!important;
    border:none!important;
    height:20px!important;
    padding-left:25px!important;
    color:#fff!important;
    font-size:11px!important;
  }

.reply_form_wrap .comment_form_wrap {
    margin-top:10px;
}

.ajax-loader {
    background:transparent url(../Images/ajax-loader.gif) no-repeat;
    width: 16px;
    height: 16px;
}

.comment_status_message {
    display:block;
    padding:10px;
    font-weight:bold;
    text-align:center;
    background-color:#e5e5e5;
}

a.disabled {
    color:#AAA !important;
}

.facebook_checkbox,.twitter_checkbox {
    display: none;
    margin-top:-5px;
    margin-bottom: 5px;
    color:#555555;
}

.facebook_checkbox input,.twitter_checkbox input {
    vertical-align:middle;
}

#comment_loader {
    padding: 10px;
    text-align: center;
    background-color: #F5F5F5;
}

#comment_loader img {
    vertical-align: middle;
    margin-right: 10px;
}

#btn_load_more {
    width: 100%;
    font-size: 95%;
    margin: 10px 0 10px 0;
    padding: 5px;
    display: none;
}

/* ------------ generic ------------- */
.smlr {
    font-size: 11px;
}

.small {
    font-size: 10px;
}

.xsmall {
    font-size: x-small;
}

.normal {
    font-weight:normal;
}

.bold {
    font-weight:700;
}

.italic {
 font-style:italic;
}

.to_upper {
    text-transform:uppercase;
}

.to_lower {
    text-transform:lowercase;
}

.to_normal {
    text-transform:none;
}

.fl {
    float:left;
}

.fr {
    float:right;
}

.clr {
    clear:left;
}

.hidden {
    display:none;
}

/* ------------ likes/dislikes ------------- */

a.comment_vote { 
	float: left;
	text-decoration:none !important;
}

a.comment_vote span {
    float:left;
    color:#555 !important;
}

a.comment_vote div {
    height: 16px; 
    width: 16px; 
    float: left;
    margin: 0 4px;
}

a.comment_vote.like div {
	background-image: url("../images/like_default.png"); 
}

a.comment_vote.dislike div {
	background-image: url("../images/dislike_default.png"); 
}

a.comment_vote.like:hover > div
{
	background-image: url("../images/like_hover.png"); 
}

a.comment_vote.dislike:hover > div
{
	background-image: url("../images/dislike_hover.png"); 
}

.liked {
	background-image: url("../images/like_liked.png") !important; 
}

.disliked {
	background-image: url("../images/disliked.png") !important; 
}

#like_hover_preload {
	background-image: url("../images/like_hover.png"); 
	margin-left: -1000px;
}

#dislike_hover_preload {
	background-image: url("../images/dislike_hover.png"); 
	margin-left: -1000px;
}

/* ------------ modal ------------- */

#comment_mask { 
    position: absolute;
    background-color:#dadada;
    left: 0;
    -khtml-opacity:.50; 
    -moz-opacity:.50; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
    filter:alpha(opacity=50); 
    opacity:.50;
    z-index: 1000;
}

#comment_modal {
    position: absolute;
    padding: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #FFF;
    z-index: 1001;
}
