#detikshare{
	width:608px;
	border-top:0;
	margin: 0;
	background-color: #FCFCFC;
}
.sharemenu{
	position:relative;
	vertical-align:middle;
	padding: 10px 10px 15px 10px;
	border: 1px solid #ccc;
	margin-bottom: 3px;
	margin-top: 15px;
}
.sharemenu h3{
	margin: 0 auto;
	float:left;
	clear:none;
	width:auto;
	margin:2px 5px 0;
	padding:4px 0 4px 24px;
	height:auto;
	background-image:url(../image/bgnew_detiksharesprites1.png);
	background-repeat:no-repeat;
	background-position:-60px 0
}
.sharemenu ul, .sharemenu ul li{margin:0; padding:0; clear:none; float:left; list-style:none none outside}
.sharemenu ul{display:block}
.sharemenu ul li{
	display:block;
	clear:none;
	width:35px;
	height:30px;
	padding:4px 10px;
	background:none;
}
.sharemenu ul li.selected{background:none; padding-bottom:3px}
.sharemenu a:link, .sharemenu a:hover{text-decoration:none}
.sharemenu .class-0{}
.clearfix ul li p{font-size:10px;padding:0 5px;text-align:center;}
.sharemenu a.sharefacebook, a.sharetwitter, a.sharelintas, a.shareblogdetik, a.sharewordpress, a.shareblogger, a.sharegmail, a.shareymail, a.shareemail, a.sharegtalk, a.shareym, a.sharelivem{height:40px; width:40px; display:block}
.sharecontent a.sharefacebook, .sharemenu a.sharefacebook{background-image:url(../image/bgnew_detiksharesprites1.png); background-repeat:no-repeat; background-position:0 0}
.sharecontent a.sharetwitter, .sharemenu a.sharetwitter{background:url(../image/bgnew_detiksharesprites1.png) 0 -40px no-repeat}
.sharecontent a.sharewordpress, .sharemenu a.sharewordpress{background:url(../image/bgnew_detiksharesprites1.png) 0 -80px no-repeat}
.sharecontent a.shareblogger, .sharemenu a.shareblogger{background:url(../image/bgnew_detiksharesprites1.png) 0 -120px no-repeat}
.sharecontent a.shareymail, .sharemenu a.shareymail{background:url(../image/bgnew_detiksharesprites1.png) 0 -160px no-repeat}
.sharecontent a.sharegmail, .sharemenu a.sharegmail{background:url(../image/bgnew_detiksharesprites1.png) 0 -200px no-repeat}
.sharecontent a.shareemail, .sharemenu a.shareemail{background:url(../image/bgnew_detiksharesprites1.png) 0 -240px no-repeat}
.sharecontent a.sharefacebook:hover, .sharemenu a.sharefacebook:hover{ background-image:url(../image/bgnew_detiksharespritesclick1.png); background-repeat:no-repeat; background-position:0 0}
.sharecontent a.sharetwitter:hover, .sharemenu a.sharetwitter:hover{ background:url(../image/bgnew_detiksharespritesclick1.png) 0 -40px no-repeat}
.sharecontent a.sharewordpress:hover, .sharemenu a.sharewordpress:hover{ background:url(../image/bgnew_detiksharespritesclick1.png) 0 -80px no-repeat}
.sharecontent a.shareblogger:hover, .sharemenu a.shareblogger:hover{ background:url(../image/bgnew_detiksharespritesclick1.png) 0 -120px no-repeat}
.sharecontent a.shareymail:hover, .sharemenu a.shareymail:hover{ background:url(../image/bgnew_detiksharespritesclick1.png) 0 -160px no-repeat}
.sharecontent a.sharegmail:hover, .sharemenu a.sharegmail:hover{ background:url(../image/bgnew_detiksharespritesclick1.png) 0 -200px no-repeat}
.sharecontent a.shareemail:hover, .sharemenu a.shareemail:hover{ background:url(../image/bgnew_detiksharespritesclick1.png) 0 -240px no-repeat}
.sharecontents *{margin:0; padding:0; font-size:12px; line-height:normal; font-family:Arial,Helvetica,sans-serif}
.sharecontents{background:none 0 0 repeat-x; border:1px solid #ccc; padding:10px; display:block; width:auto; top:-1px; position:relative; color:#009; font:bold 12px Arial,Helvetica,sans-serif}
.sharecontents label, .sharecontents input, .sharecontents p, .sharecontents small{position:relative}
.sharecontents small{font:normal 11px Arial,Helvetica,sans-serif; color:#666}
.sharecontents .sharecontent{border:1px solid #333; padding:10px; background:#CCC;}
.sharecontents .sharecontent:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
* html .sharecontents .sharecontent{height:1%}
:first-child+html .sharecontents .sharecontent{min-height:1px}
.sharecontents #closeshare{width:40px; padding:5px 0 0 20px; height:20px; float:right; right:5px; background:url(../image/bg_detiksharesprites.gif) no-repeat -19px -22px; font-size:12px; position:absolute; z-index:99; color:#000;}
.sharecontents #closeshare:hover{text-decoration:none}
.sharecontents h3{text-transform:none; border:none; text-align:left; padding:0 0 5px 0; margin:0 0 -8px; position:relative; font:bold 12px arial; color:#000}
.sharecontents h4{text-transform:none; border:none; border-top:1px solid #ccc; text-align:right; margin:10px 0 0; position:relative; font:bold 12px Arial,Helvetica,sans-serif}
.sharecontents h4 a{font-size:11px}
.sharecontents br{clear:both}
.sharecontents p{color:#000; padding: 0 0 0 5px;}
.sharecontents img{margin:0 0 0 0;}
.sharecontents a:link, .sharecontents a:visited{color:#000; float:left}
.sharecontents a:hover{text-decoration:none; color:#f00}
.sharecontents .error, .sharecontents .notice, .sharecontents .success{padding:10px; margin:5px 0;}
.sharecontents .floatleft{float:left;width:100px; margin:0 0 10px color:#000;	color: #000;}
.sharecontents .shareleft{float:left; width:auto; margin:0 0 10px}
.sharecontents .shareinput{float:left; width:200px; height:20px; border:1px solid #ccc; margin:0 5px 10px 0; padding:3px}
.sharecontents .shareselect{float:left; width:200px; height:28px; border:1px solid #ccc; margin:0 5px 10px 0; padding:3px}
.sharecontents .sharemsg{float:left; width:350px; height:150px; border:1px solid #ccc; margin:0 0 10px; padding:3px}
.sharecontents .sharesubmit{float:left; width:auto; height:24px; border:1px solid #ccc; margin:0 0 10px; background:#000; color:#FFF; padding:2px 5px}
.sharecontents .importcontacts{float:left; width:350px; height:200px; border:1px solid #ccc; margin:0 0 10px; padding:0; overflow:auto}
.sharecontents .importcontacts ul{margin:0}
.sharecontents .importcontacts ul li{padding:3px 5px; background:#eee; margin:0; list-style:none none outside}
.sharecontents .importcontacts ul li.alt{background:#fff}
#comment-status{clear:both; border:1px solid #ccc; border-top:3px solid #ccc; padding:5px 0; margin:20px 0; background:#f4f4f4}
#comment-status .comment{background:url(../image/icon_comment.gif) 0 0 no-repeat}
#comment-status .disclaimer{background:url(../image/icon_disclaimer.gif) 0 0 no-repeat}
#comment-status ul, #comment-status li{list-style:none none outside; margin:0; padding:0}
#comment-status li{display:inline}
#comment-status a{padding:3px 15px 2px 20px; height:18px; line-height:18px; font-weight:bold}
#relatednews{
	border:1px solid #ccc;
	border-top:3px solid #ccc;
	padding:5px;
	background:#f4f4f4;
	margin:20px 0
}
#relatednews h4{margin:0px 0 10px 0}
#relatednews h3{ font-size:14px;  margin:0;  line-height:150%}
#adtext-a{width:100%; height:auto; margin:15px 0 0; border:0}
#related-media{border:1px solid #ccc; border-top:3px solid #474747; width:180px; float:left; margin:3px 0 0 0; background:#f4f4f4}
#related-media h3{font:bold 14px Georgia,serif; color:#A72E5F; margin:0; padding:0 0 5px 24px; clear:both}
#related-media h2{font:normal 12px Georgia,serif; margin:0}
#related-media img{margin:0; padding:0; float:left; margin:3px 5px 5px 0}
#related-media h3.video{background:url(../image/icon_tv.gif) 0 0 no-repeat}
#related-media h3.foto{background:url(../image/icon_foto.gif) 0 0 no-repeat}
#related-media ul, #related-media li{ list-style:none none outside;  margin:0;  padding:0}
#related-media li{padding:5px; margin-bottom:1px; border-bottom:1px solid #ccc}
.giverating{
	padding:5px 5px 15px 5px;
	background:#fff;
	margin:5px  auto;
	height:25px;
	border:1px solid #ccc;
	width: auto;
}
.giverating h3{font-size:12px; text-transform:none; font-weight:bold; margin:0 0 5px; padding:5px 0 0 0}
.giverating p{margin:0}
.giverating .coderating{margin:5px 0 0}
.star-rate{margin:0 0 5px; padding:0}
.star-rate .radio{margin:0px 10px}
.star-rate .biasa{margin:3px 5px}
.star-rate img{vertical-align:middle; margin-bottom:5px; background:#fff}
#komentar{border:1px solid #ccc; background:#eee; padding:5px}
#navkomentar ul{margin:0; padding:0; width:100%; height:30px; clear:both}
#navkomentar ul li{display:inline; clear:none; float:left; list-style:none outside; margin:0; padding:0}
#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}
#komentar .formkomentar{display:none; clear:both; border:1px solid #ccc; border-top:none; padding:5px; background:#fff; position:relative}
.formkomentar img{position:relative}
#navkomentar ul li a.facebook, #komentar .facebook{background:url(../image/facebook.gif) #D8DFEA no-repeat 5px 7px; color:#3B5998}
#navkomentar ul li a.detikid, #komentar .detikid{background:url(../image/detikid.gif) #fff no-repeat 5px 7px; color:#000}
#navkomentar ul li a.guest, #komentar .guest{background:url(../image/anonymus.gif) #e4ffd5 no-repeat 5px 7px; color:#2f4e1e}
#navkomentar ul li a:hover{background-color:#FC9; color:#f00}
#komentar .guest, #komentar .detikid, #komentar .facebook{background-image:none}
#komentar .formkomentar .input{background-color:#fff; border:1px solid #ccc}
#komentar .formkomentar .comentteks{background-color:#fff; border:1px solid #ccc; width:350px}
#komentar .formkomentar .inputsubmit{width:auto; background:#992749; margin:auto; padding:5px 7px; border:0; color:white; font-size:12px; text-transform:uppercase}
.inputteks{font-family:Arial,Helvetica,sans-serif; font-size:12px; text-align:left; background-color:#f4f4f9; width:450px; border:1px solid #ccc}
.paging{font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; text-align:center; background-color:#f1e4eb; padding:10px; margin:2px 0 5px 0; border:1px solid #e3ced4; clear:both}
.paging a{padding:4px 6px; text-decoration:none; color:#066; border:1px solid #e3ced4; background-color:#fff; -moz-border-radius:3px}
.paging a:link{color:#066}
.paging a:hover{color:#fff; background-color:#066}
.paging a.selected{color:#fff; background-color:#603; border:1px solid #fff}
.comment{margin:0 0 20px 0; padding:0; font-size:11px}
.comment strong{color:#A91B45}
.commentdetails{border:1px solid #bee0e0; background:url(../image/bg_coment_biru.gif) repeat; margin:3px 0 0 0; padding:8px 9px}
.commentdetails img, .commentdetails2 img{vertical-align:middle; margin:0 5px}
 .togglecomments{font-size:11px; margin-left:5px; font-weight:bold}
.thecomment{padding:0px; margin:2px 0 4px; display:block; border-top:1px solid #fff}
 .childcomments{display:none}
.commentdetails2{font-weight:normal; margin:3px 0 0 0; padding:8px 9px; border:1px solid #e3ced4; background:url(../image/bg_coment_pink.gif) repeat}
.commentdetails-child{margin:2px 0; background:#effff8; border:1px solid #c9e7da; padding:8px 9px}
.commentdetails-child .thecomment{border-top:1px solid #c9e7da}
.commentdetails-child2{margin:2px 0; background:#fff4d5; border:1px solid #ede0b7; padding:8px 9px}
.togglereplychild{text-align:right; margin-bottom:5px; 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)}
.childpaging{font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; text-align:left; background-color:#F1E4EB; padding:10px; margin:2px 0 5px 0; border:1px solid #e3ced4; clear:both}
.childpaging a{padding:2px 4px; text-decoration:none; color:#e00; border:1px solid #e3ced4; 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}
.redaksi{border:1px solid #dee1b0; background:#7e0134; color:white}
.redaksi strong, .redaksi a{color:yellow}
UL.tabNavigation{list-style:none; margin:10px 0 0 0; padding:0}
UL.tabNavigation LI{display:inline}
UL.tabNavigation LI A{padding:10px; color:#000; text-decoration:none}
UL.tabNavigation LI A.selected, 
UL.tabNavigation LI A:hover{color:#fff; background:#992749}
UL.tabNavigation LI A:focus{outline:0}
div.tabs >div{padding:10px 0 0 0; margin-top:10px}
div.tabs >div h2{margin-top:0}
table.jCalendar{border:1px solid #000; background:#aaa;     border-collapse:separate;     border-spacing:2px; width:225px}
table.jCalendar th{background:#333; color:#fff; font-weight:bold; padding:3px 5px}
table.jCalendar td{background:#ccc; color:#000; padding:3px 5px; text-align:center}
table.jCalendar td.other-month{background:#ddd; color:#aaa}
table.jCalendar td.today{background:#666; color:#fff}
table.jCalendar td.selected{background:#f66; color:#fff}
table.jCalendar td.selected.dp-hover{background:#f33; color:#fff}
table.jCalendar td.dp-hover, 
table.jCalendar tr.activeWeekHover td{background:#fff; color:#000}
table.jCalendar tr.selectedWeek td{background:#f66; color:#fff}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover{background:#bbb; color:#888}
table.jCalendar td.unselectable, 
table.jCalendar td.unselectable:hover, 
table.jCalendar td.unselectable.dp-hover{background:#bbb; color:#888}
a.dp-choose-date{float:left; width:24px; height:24px; padding:0; margin:0 15px 0 3px; display:block; text-indent:-2000px; overflow:hidden; background:url(../image/calendar.gif) no-repeat}
a.dp-choose-date.dp-disabled{background-position:0 -20px; cursor:default}
div.dp-popup{
	position:relative;
	background:#992749;
	font-size:10px;
	font-family:arial,sans-serif;
	padding:2px;
	width:225px;
	line-height:1.2em;
	border:1px solid #992749
}
div#dp-popup{position:absolute; z-index:199}
div.dp-popup h2{font-size:12px; text-align:center; margin:2px 0; padding:0; color:#fff}
a#dp-close{font-size:11px; padding:4px 0; text-align:center; display:block}
a#dp-close:hover{text-decoration:underline}
div.dp-popup a{color:#000; text-decoration:none; padding:3px 2px 0}
div.dp-popup div.dp-nav-prev{position:absolute; top:2px; left:4px; width:100px}
div.dp-popup div.dp-nav-prev a{float:left; font-weight:bold}
div.dp-popup a.dp-nav-next-year, div.dp-popup a.dp-nav-prev-year{
	color:#fff;
	padding:2px 6px;
	background-color: #660033;
}
div.dp-popup a.dp-nav-next-month, div.dp-popup a.dp-nav-prev-month{
	background:#660033;
	color:#fff;
	padding:2px 6px
}
div.dp-popup a.dp-nav-next-year:hover, div.dp-popup a.dp-nav-prev-year:hover, div.dp-popup a.dp-nav-next-month:hover, div.dp-popup a.dp-nav-prev-month:hover{
	color:#ff0;
	background:#660033
}
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a{cursor:pointer}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled{cursor:default}
div.dp-popup div.dp-nav-next{position:absolute; top:2px; right:4px; width:100px}
div.dp-popup div.dp-nav-next a{float:right}
div.dp-popup a.disabled{
	cursor:default;
	color:#CCCCCC
}
div.dp-popup td{cursor:pointer}
div.dp-popup td.disabled{cursor:default}
