body { font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.articleshare { padding: 0; margin: 0 0 3px 0; clear:both;}
.sharethis {}
.floatright {float: right;}
.floatleft {float: left;}
.small-share-btn {display: inline;clear: none;}
.small-share-btn .inner {padding: 4px 0 4px 10px;float: left;clear: none;margin: 0 0 0 5px;}
.share-item {padding: 4px 0 0;}

/* Detikshare */
#detikshare{width:auto; border-top:0; margin:0; background-color:#b8f4b0;}
.sharemenu {position:relative;vertical-align:middle;padding:0;border:1px solid #999;margin-bottom:10px;margin-top:10px}
.sharemenu h3 { color: #000 !important; margin:0 auto !important; float:left !important; clear:none !important; width:auto !important; margin:2px 5px 0 !important; padding:4px 0 4px 24px !important; height:auto !important; background-color: transparent !important; background-image:url(../images/bgnew_detiksharesprites1.png) !important; background-repeat:no-repeat !important; background-position:-60px 0;border: none !important;text-transform: none !important;text-align: left !important}
.sharemenu ul, .sharemenu ul li{margin:0 !important; padding:0 !important; clear:none !important; float:left !important; list-style:none none outside}
.sharemenu ul{display:block}
.sharemenu ul li{display:block !important;clear:none !important;width:20px !important;height:20px !important;padding:5px !important;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:18px;width:18px;display:block}
.sharecontent a.sharefacebook, .sharemenu a.sharefacebook{background-image:url(../images/detiksharesprites.gif); background-repeat:no-repeat; background-position:0 0}
.sharecontent a.sharetwitter, .sharemenu a.sharetwitter{background:url(../images/detiksharesprites.gif) 0 -18px no-repeat}
.sharecontent a.sharewordpress, .sharemenu a.sharewordpress{background:url(../images/detiksharesprites.gif) 0 -80px no-repeat}
.sharecontent a.shareblogger, .sharemenu a.shareblogger{background:url(../images/detiksharesprites.gif) 0 -120px no-repeat}
.sharecontent a.shareymail, .sharemenu a.shareymail{background:url(../images/detiksharesprites.gif) 0 -160px no-repeat}
.sharecontent a.sharegmail, .sharemenu a.sharegmail{background:url(../images/detiksharesprites.gif) 0 -200px no-repeat}
.sharecontent a.shareemail, .sharemenu a.shareemail{background:url(../images/detiksharesprites.gif) 0 -150px no-repeat}
.sharecontent a.sharefacebook:hover, .sharemenu a.sharefacebook:hover{background-image:url(../images/detiksharespritesh.gif);background-repeat:no-repeat;background-position:0 0}
.sharecontent a.sharetwitter:hover, .sharemenu a.sharetwitter:hover{background:url(../images/detiksharespritesh.gif) 0 -18px no-repeat}
.sharecontent a.sharewordpress:hover, .sharemenu a.sharewordpress:hover{background:url(../images/detiksharespritesh.gif) 0 -80px no-repeat}
.sharecontent a.shareblogger:hover, .sharemenu a.shareblogger:hover{background:url(../images/detiksharespritesh.gif) 0 -120px no-repeat}
.sharecontent a.shareymail:hover, .sharemenu a.shareymail:hover{background:url(../images/detiksharespritesh.gif) 0 -160px no-repeat}
.sharecontent a.sharegmail:hover, .sharemenu a.sharegmail:hover{background:url(../images/detiksharespritesh.gif) 0 -200px no-repeat}
.sharecontent a.shareemail:hover, .sharemenu a.shareemail:hover{background:url(../images/detiksharespritesh.gif) 0 -150px  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(../images/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 !important; border:none !important; text-align:left !important; padding:0 0 5px 0 !important; margin:0 0 -8px !important; position:relative !important; font:bold 12px arial !important; color:#000 !important;border: none !important;text-align: left !important; background:transparent !important;}
.sharecontents h4{text-transform:none !important; border:none !important; border-top:1px solid #ccc !important; text-align:right !important; margin:10px 0 0 !important; position:relative !important; 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}
#contentisi #kananisi #isiberita .commentbar {margin: 0;}
#contentisi #kananisi #isiberita .selengkapnya {text-align:right; }



/* Clearfix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}/* Clearfix IE6 */ * html .clearfix{height:1%}/* Clearfix IE7 */*:first-child+html .clearfix{min-height:1px}
#content #kananisi #isiberita .commentbar {margin: 0;}

.articleshare .sharemenu {vertical-align:top;margin: 0 !important;padding: 2px 0 0 5px !important;border:0 !important;float:left !important;}
.articleshare .sharemenu a.shareemail{height:20px;background:url(../images/detiksharesprites.gif) 0 -150px no-repeat !important}
.articleshare .sharemenu a.shareemail:hover {background:url(../images/detiksharespritesh.gif) 0 -150px  no-repeat !important}