/* CSS Document */
/****Created by Designer Swan ****/
/***Date:2012.08.01****/


/***Comment***/

#comment_cmc { width:100%; float:left; margin: 40px 0;}
#comment_cmc .postingcmt_box {padding-bottom:10px;}
#comment_cmc .label {font-size: 12pt; margin:0; float: left; font-weight: bold;}
#comment_cmc .commentlogin {float:right;font-size:12px;color:#5b5b5b;margin:0;}
#comment_cmc .commentlogin li{float:left;}
#comment_cmc a{ font-weight:bold;}
#comment_cmc a.red{color:#C20000;}
#comment_cmc .commentinputbox { float: left; clear: both; width: 100%; margin: 15px 0;}
#comment_cmc .commentinputbox .text{float:left;color:#666666;padding-top:7px;margin-left: 11px;	}
#comment_cmc .commentinputbox ul {float:left;padding:4px 0 0 5px}
#comment_cmc .commentinputbox ul,#comment_cmc li{display:inline;}
#comment_cmc .commentinputbox .avatar { display:none; border: 1px solid #afa89c;float:left;margin:10px 0 0 10px;}
#comment_cmc .commentinputbox .textarea { width: 100%;-moz-box-sizing: border-box; background-color: #F6F6F6; border: 1px solid gray; border-radius: 5px 5px 0 0; box-shadow: 0 1px 2px #999999 inset; height: 100px; position: relative; width: 100%; box-shadow: inset 3px 3px 8px -3px rgba(0,0,0,0.1) !important; background: #fff !important; border: 1px solid #e4e4e4 !important; border-radius: 0px !important;}
#comment_cmc .commentinputbox .commentbtn { float: right; background: #118dd5; width: 70px; height: 30px; cursor: pointer; position: relative; margin-right: -2px; text-align: center;}
#comment_cmc .commentinputbox .close {position:absolute;top:-18px;left:58px;}
#comment_cmc .commentinputbox .commentbtn p{color: #fff; font-size: 13px; text-transform: uppercase; margin: 9px 0 0 0;}
#comment_cmc .top_part { position: relative; clear: both; width: 100%; float: left; border-bottom: 1px solid #e5e5e5;}
#comment_cmc .top_part .small {position:absolute;top:0px;left:380px;}
#comment_cmc .cmt_no { float: left; text-align: left; margin: 0 0 10px 0; font-weight: normal;}
#comment_cmc .cmt_no li {padding:3px 3px; color: #a8a8aa; font-size: 0.95em;}
#comment_cmc .cmt_no li.selected {color:#525252; }
#comment_cmc .cmt_no li a{ color: #a8a8aa; font-size: 0.85em; font-weight: normal; }
#comment_cmc .cmt_no li a:hover{color:#118ccf; text-decoration:none; }
#comment_cmc .currentpagetext { float: right; text-align: right; color: #a8a8aa; margin: 2px 0 0 0; font-size: 0.80em;}
#comment_cmc .commentwrap { width:100%; float:left; padding:0; border-bottom:none;}
#comment_cmc .bg { float:left; width:100%; }
#comment_cmc .highlighted {border:5px solid #0071b7;}
#comment_cmc .moderator,#comment_cmc .friendB {}
#comment_cmc .commentwrap .leadcomment_open{padding:15px 0;}
#comment_cmc .commentwrap .avatar{float:left;border: 1px solid #AFA89C;}
#comment_cmc .commentwrap .avatar img { display:block; }
#comment_cmc .commentwrap .inner_wrap{ border-bottom: 1px solid #ededed; float: right; width:89%; margin-left: 10px; padding: 0 0 10px 0; }
#comment_cmc .user_id {float:left; margin-right: 10px; color: #9b9b9b; font-size: 0.8em; }
#comment_cmc .user_id a{ color: #9b9b9b;}
#comment_cmc .comment_btn {float:right;}
#comment_cmc .inner_wrap .cmt_date {font-size:11px;color:#999999;padding:2px 0 5px 0;}
#comment_cmc .commentwrap .inner_wrap .cmt_date {font-size:11px;color:#999999;padding:2px 0 5px 0;}
#comment_cmc .commentwrap .inner_wrap .cmt_text { color: #4c4c4c; font-size: 0.8em; margin: 5px 0 15px 0; }
#comment_cmc .commentwrap .inner_wrap .cmt_text a { color:#118ed1; }
#comment_cmc .commentwrap .inner_wrap .cmt_text2 {color:#4c4c4c; font-size: 0.8em; margin: 5px 0 15px 0;display:none;}
#comment_cmc .commentwrap .inner_wrap .cmt_text2 a { color:#118ed1; }
#comment_cmc .inner_wrap .btns { width:100%; float:left; clear:both;margin-top:10px;}
#comment_cmc .inner_wrap .replybtn {cursor:pointer; font-size:11px;}
#comment_cmc .inner_wrap .replybtn img{float:left;	}
#comment_cmc .inner_wrap .replybtn p{float:left;padding: 3px 10px 3px 10px;font-weight:bold;margin: 0 2px;}
#comment_cmc .inner_wrap .replybtn p a{color:#4E4E4E; text-transform: uppercase; }
#comment_cmc .inner_wrap .others {float:right;padding-top:5px;font-size:11px;font-weight:bold;}
#comment_cmc .inner_wrap .others ul{display:inline;color:#3a66dd;}
#comment_cmc .inner_wrap .others li{float:left;padding-right:5px;	}
#comment_cmc .inner_wrap .others a{ color: #535458; font-weight: normal;}
#comment_cmc .commentwrap .following_cmt { float:right; margin-left:61px; padding: 14px 0 0 9px; width: 89%;}
#comment_cmc .last {}
#comment_cmc .cmt_pagenum_bottom { clear:both; text-align:center;margin:10px 10px;position:relative; margin: 15px 0; float: right;}
#comment_cmc .cmt_pagenum_bottom .small {position:absolute;top:23px;}
#comment_cmc .cmt_pagenum_bottom li {background: url("http://graphic.christianpost.com/images/comment/pageno_bg.gif") repeat-x scroll 0 0 transparent;border: 1px solid #DEDEDE;cursor: pointer;padding: 2px 5px; margin-right:3px; font-size: 0.8em;}
#comment_cmc .cmt_pagenum_bottom li a{color:#828282;}
#comment_cmc .cmt_pagenum_bottom li.selected { background: #118ed1; border: 1px solid #0f81d9; padding: 2px 5px;}
#comment_cmc .cmt_pagenum_bottom li.selected a{color:#fff;}
#comment_cmc .inner_wrap .replybtn p.replyB { margin: 4px 10px 0 0; padding:0; font-size: 1em; }
#comment_cmc .inner_wrap .replybtn p.high { border:0;background-color:#60C0F7; }
#comment_cmc .inner_wrap .replybtn p.high a { color:#fff; }
#comment_cmc .inner_wrap .replybtn p.delB { border:0;background-color:#c4c4c4; }
#comment_cmc .inner_wrap .replybtn p.delB a { color:#fff; }
#comment_cmc .inner_wrap .replybtn p.editB {border:1px solid #000;background-color:#f1f4f2;border:1px solid #333;border-radius:5px;}
#comment_cmc .editText {display:block;background-color:#fff;margin: 0 0 10px 0;padding: 2px 8px;border:1px solid #E7E7E7;color:#333;font-family:Arial, Helvetica, sans-serif;}
#comment_cmc .editbtn {padding: 3px 10px 3px 10px;font-weight:bold;color:#4E4E4E;font-size:8pt;}

.commentwrap .muteB {color:#fff;}
.commentwrap .muteB .inner_wrap {}
.commentwrap .mute { float: left; padding: 3px 3px; color: #9b9b9b; margin-right: 5px; font-size: 8pt; cursor: pointer; font-weight: bold; text-transform: uppercase;}
.commentwrap .friend { float: left; padding: 3px 3px; color: #9b9b9b; margin-right: 5px; font-size: 8pt; cursor: pointer; font-weight: bold; text-transform: uppercase; }
.commentwrap .unmute {float:left;color:#fff;margin-right:5px;font-size:9pt;cursor:pointer;}
.commentwrap .unfriend {float:left;color:#005287;margin-right:5px;font-size:9pt;cursor:pointer;}
.commentwrap .unfriend span {margin-right:10px;}

.commentnote { margin: 20px 0 30px 0; clear: both; color: #a8a8aa; font-size: 0.75em; font-weight: normal;}
#comment_cmc .commentnote a { font-weight:normal; color: #a8a8aa; }