#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:#603}
div.dp-popup a.dp-nav-next-month, div.dp-popup a.dp-nav-prev-month{background:#603; 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:#603}
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:#CCC}
div.dp-popup td{cursor:pointer}
div.dp-popup td.disabled{cursor:default}

.love_calc{background:url(../image/lovecalc.jpg) no-repeat top left; width:300px; height:213px}
.male, .female{background:none; border:0; margin-top:85px; width:100px; float:left; color:#aa215c}
.male{margin-left:37px}
.female{margin-left:39px}
.submit_calc{text-align:center; margin:40px 0 0 0}
.love_result{background:url(../image/therm.gif) no-repeat top left; width:281px; padding:0; height:91px}
.number{font-size:20px; font-weight:bold; color:white; padding:35px 0 0 10px; margin:0; width:60px}
.loverate{padding:40px 0 0 10px; margin:0}

#filter{display:none; position:absolute; top:0%; left:0%; width:100%; height:100%; background-color:#000; z-index:10; opacity:0.5; filter:alpha(opacity=90)}

#box{display:none; position:absolute; top:40%; left:40%; width:300px; height:210px; padding:0; margin:0; background-color:white; z-index:101; overflow:none; border:4px solid #a1325e; border-bottom:8px solid #a1325e}

#boxtitle{position:absolute; float:center; top:-28px; left:-4px; width:300px; height:26px; padding:0; padding-top:4px; left-padding:8px; margin:0; border:4px solid #a1325e; border-bottom:0 solid #890e3f; background-color:#890e3f; color:white; text-align:center; font-family:Georgia,"Times New Roman",Times,serif; font-size:24px}


.details_kanan .googleads {
  clear:both;
  margin:5px 0 20px;
  padding:0;
  text-align:center;
}

/*-------------------- shoppingqueen ------------------------*/
#shoppingqueen {padding: 40px 2px 2px 2px;margin:20px 0 0 0;background-color: #ccc;background-image: url(../image/bgShoppingQueen.gif);background-repeat: no-repeat;background-position: left top;clear: both;}  
#shoppingqueen .beritalain { padding: 0 8px; margin: 0;}
#shoppingqueen .beritalain ul { padding: 5px 0 1px 0px; margin: 5px 0 0 15px;}
#shoppingqueen .beritalain ul li { margin: 0; padding: 0; list-style-type: circle; list-style-position: outside; color:#333  }
#shoppingqueen .beritalain ul li a:link { font-weight:bold; color: #ef008e; }
#shoppingqueen .beritalain ul li a:visited { color: #ef008e !important; font-weight:bold; }
#shoppingqueen .beritalain ul li a:hover  { color: #333 !important; font-weight:bold;  }
#shoppingqueen .isi2 {width:280px; height:76px; background:#BF0752;  margin:5px 0 0px 8px; padding:0px 0 0 0; overflow:hidden;}
#shoppingqueen .isi2 .header {background:#be3c71; border-bottom:none; border-top:none; color:#fff;  height:15px; margin:0px 0 5px 0; padding:3px 0 3px 0; } 
#shoppingqueen .isi2 .header .h1x { font-size:12px;  padding: 0; margin: 0 0 0 6px; float: left; color:#fff; }
#shoppingqueen .isi2 .header .h2x a:link, #shoppingqueen .isi2 .header .h2x a:visited {font-size: 14px; font-weight:bold;  text-align: right; padding: 0; margin: 0 6px 0 0; float: right; color:#fff !important; }
#shoppingqueen .isi2 .header .h2x a:hover { color: #fff000 !important; } 
#shoppingqueen .isi2 .wrap2  {padding: 1px; clear: both; vertical-align:middle; padding:0 0 0 2px }
#shoppingqueen .isi2 .image2 {border:#fff solid 2px; padding: 0; margin: 0px 4px 0px 4px; float: left;} 
#shoppingqueen .isi2 .wrap2 .list {float:left; text-align:center}
#shoppingqueen .isi2 .wrap2 .list span {clear:both; font-size:11px; color:#662900 }

/* untuk foto proporsional */
#shoppingqueen .isi2 .wrap2 .thumb img { border:none; width:40px; margin:0px; }
#shoppingqueen .isi2 .wrap2 .thumb {background:#fff;  border: 2px solid #fff;  overflow: hidden; padding:0px; overflow:hidden; padding:0px; width: 40px; height: 40px;float:left;margin:0 4px 10px 6px;}
#shoppingqueen .isi2 .wrap2 .thumb:hover {border: 2px solid #fccce0; cursor:pointer} 
#shoppingqueen .flashsp { text-align:center; clear: both; margin:5px 0 3px 0px;}

/*-------------------------------- end shoppingqueen ------------------------------*/