/* Komentar dengan Tab */
#content #kananisi #isiberita #komentar {
	border: 1px solid #ccc;
	background: #ffc;
	padding: 5px;
}
#content #kananisi #isiberita #navkomentar ul {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 30px;
	clear: both;
}
#content #kananisi #isiberita #navkomentar ul li{
	display: inline;
	clear: none;
	float: left;
	list-style: none outside;
	margin: 0;
	padding: 0;
}
#content #kananisi #isiberita #navkomentar ul li a {
	padding: 0 20px 0 30px;
	height: 28px;
	display: block;
	float: left;
	line-height: 28px;
	margin: 2px 4px 0 0;
	border: 1px solid #ccc;
	border-bottom: none;
	font-weight: bold;
}
#content #kananisi #isiberita #komentar .formkomentar {
	display: none; 
	clear: both;
	border: 1px solid #ccc;
	border-top: none;
	padding: 5px;
	background: #fff;
	position: relative;
}
.formkomentar img {
	position: relative;
}
#content #kananisi #isiberita #navkomentar ul li a.facebook, #content #kananisi #isiberita #komentar .facebook { background:url(../image/facebook.gif) #D8DFEA no-repeat 5px 7px; color: #3B5998;}
#content #kananisi #isiberita #navkomentar ul li a.detikid, #content #kananisi #isiberita #komentar .detikid { background:url(../image/detikid.gif) #fff no-repeat 5px 7px; color: #000; }
#content #kananisi #isiberita #navkomentar ul li a.guest, #content #kananisi #isiberita #komentar .guest { background:url(../image/anonymus.gif) #e4ffd5 no-repeat 5px 7px; color: #2f4e1e;}
#content #kananisi #isiberita #navkomentar ul li a:hover { background-color: #FFCC99; color: #f00;}
#content #kananisi #isiberita #komentar .guest, #content #kananisi #isiberita #komentar .detikid, #content #kananisi #isiberita #komentar .facebook {background-image:none;}
#content #kananisi #isiberita #komentar .formkomentar .input {
	background-color: #fff;
	border: 1px solid #ccc;
}
#content #kananisi #isiberita #komentar .formkomentar .comentteks {
	background-color: #fff;
	border: 1px solid #ccc;
	width: 350px;
}
#content #kananisi #isiberita #komentar .formkomentar .inputsubmit {
	font-family: Arial, Helvetica-Normal, sans-serif;
	text-align: center;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #d80000;
	border: 1px solid #d80000;
	margin: 0;
	width: 80px;
}
#content #kananisi #isiberita .inputteks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	background-color: #f4f4f9;
	width: 450px;
	border: 1px solid #ccc;
}
#content #kananisi #isiberita .paging {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #6c6;
	padding: 10px;
	margin: 2px 0 5px 0;
	border: 1px solid #ccc;
	clear: both;
}
#content #kananisi #isiberita .paging a {
	padding: 4px 6px;
	text-decoration: none;
	color: #e00;
	border: 1px solid #ccc;
	background-color: #fff;
}
#content #kananisi #isiberita .paging a:link {
	color: #e00;
}
#content #kananisi #isiberita .paging a:hover {
	color: #fff;
	background-color: #e00;
}
#content #kananisi #isiberita .paging a.selected {
	color: #fff;
	background-color: #e00;
	border: 1px solid #fff;
}
/* Komentar dengan Parent - Child */
.commentdetails {background-color: #F4FFE5;margin: 3px 0 0 0;padding: 8px 9px 2px 9px;border: 1px solid #ccc;}
.commentdetails img, .commentdetails2 img {vertical-align: middle;margin: 0 5px;}
.togglecomments {font-size: 11px;margin-left: 5px;font-weight: bold;}
.thecomment {padding-top: 5px;margin: 2px 0 4px;display: block;border-top: 1px solid #E1E1E1;}
.childcomments {display: none;}
.commentdetails2 {background-color: #DDFFCF;font-weight: normal;margin: 3px 0 0 0;padding: 8px 9px 2px 9px;border: 1px solid #ccc;}
.commentdetails-child {margin: 2px 0;background: #FEFFFB;border: 1px solid #E1E1E1;padding: 8px 9px;}
.commentdetails-child .thecomment {border-top: 1px solid #E1E1E1;}
.commentdetails-child2 {margin: 2px 0;background: #FFFEEB;border: 1px solid #E1E1E1;padding: 8px 9px;}
.togglereplychild {text-align: right;margin: 4px 0 2px 0;font-size: 11px;font-weight: bold;}
.togglereply {background: url(../image/komentar-reply.gif) 0 0 no-repeat;padding-left: 20px;}
.togglechild {background: url(../image/komentar-buka.gif) 0 0 no-repeat;padding-left: 18px;}
.childclose {background-image: url(../image/komentar-tutup.gif)}
.likeThis {background: url(../image/komentar-like.gif) 0 0 no-repeat;padding-left: 20px; padding-bottom:2px}
.nolike {background: url(../image/komentar-nolike.gif) 0 0 no-repeat;padding-left: 20px; padding-bottom:2px}
.reportSpam {background: url(../image/komentar-laporkan.gif) 0 0 no-repeat;padding-left: 18px; padding-bottom:2px}

.childpaging {font-size: 11px;font-weight: bold;background-color: #fcc;padding: 10px;margin: 2px 0 5px 0;border: 1px solid #ccc;clear: both;}
.childpaging a {padding: 2px 4px;text-decoration: none;color: #e00;border: 1px solid #ccc;background-color: #fff;}
.childpaging a:link {color: #e00;}
.childpaging a:hover {color: #fff;background-color: #e00;}
.childpaging a.selected {color: #fff;background-color: #e00;border: 1px solid #fff;}
.childpaginglengkap {font-size: 12px;font-weight: bold; text-align:right;background-color: #ff6;padding: 5px 10px;margin: 2px 0 5px 0;border: 1px solid #ccc;clear: both;}

.isicomment {padding: 0x;margin: 0 0 5px 0;clear: both;}
.isicomment h2 {padding: 0x;margin: 5px 0;font-size: 20px;font-weight: normal;text-transform: capitalize;}
.isicomment a:link, .isicomment a:visited {color: #e00 !important;}
.isicomment a:hover {color: #060 !important;}
.isicomment .image { background-color:#fff;padding:3px 0 !important;margin: 0 8px 5px 0; border: 1px solid #ccc;float:left}