@charset "utf-8";
/* CSS Document */

/*#contentisi #kananisi #isiberita .commenttext {
	padding: 6px 20px 10px 5px;
}
*/
#detiksharebutton {
	background: url(../image/detiksharebutton-bluematte.gif) 10px 2px no-repeat;
	padding-left: 35px !important;
	cursor: pointer;
}
#detiksharebutton.hover {
	border-top: 2px solid #ccc;
	background: #eeeeee url(../image/detiksharebutton-greymatte.gif) 10px 0 no-repeat;
	padding-top: 4px !important;
}
#detiksharebutton.hover a {
	color: #009 !important;
}
#detikshare * {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
}
#detikshare {
	background: #ccc url(../image/bgdetikshare.gif) 0 0 repeat-x;
	border: 1px solid #ccc;
	border-top: none;
	padding: 10px;
	display: block;
	width: 508px;
	position: relative;
	color: #009;
	font: bold 12px Arial, Helvetica, sans-serif;
}
html>body #detikshare {
	width: 486px;
}
/* IE Bug */
#detikshare label, #detikshare p, #detikshare small {
	position: relative;
}
#detikshare small {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
}
#detikshare .detiksharecontent {
	border: 1px solid #ccc;
	padding: 10px;
	background: #fff;
}
#detikshare #closeshare {
	width: 20px;
	height: 20px;
	float: right;
	top: 10px;
	right: 10px;
	text-align: center;
	border: 1px solid #ccc;
	background: #eee;
	font-size: 16px;
	position: absolute !important;
}
#detikshare #closeshare:hover {
	text-decoration: none !important;
	background-color: #ffc;
}
#detikshare h3 {
	text-transform: none !important;
	border: none !important;
	border-bottom: 1px solid #ccc !important;
	text-align: left !important;
	margin: 0 0 10px 0 !important;
	position: relative;
	font: bold 12px Georgia, "Times New Roman", Times, serif !important;
}
#detikshare h4 {
	text-transform: none !important;
	border: none !important;
	border-top: 1px solid #ccc !important;
	text-align: right !important;
	margin: 10px 0 0 0 !important;
	position: relative;
	font: bold 12px Arial, Helvetica, sans-serif !important;
}
#detikshare h4 a {
	font-size: 11px !important;
}
#detikshare a:link, #detikshare a:visited {
	color: #009 !important;
}
#detikshare a:hover {
	text-decoration: none !important;
	color: #f00 !important;
}
#detikshare table#sharemenu {
	background: #fff;
	margin-top: 10px;
}
#detikshare table#sharemenu td {
	background: #fff;
	padding: 5px 10px;
}
#detikshare table#sharemenu thead td {
	background: #ccc url(../image/bgdetikshare.gif) 0 0 repeat-x;
	text-align: center;
	border: 1px solid #ccc;
	padding: 5px;
	color: #000;
	font-weight: bold;
}
#detikshare a.sharefacebook, #detikshare a.sharetwitter, #detikshare a.sharelintas,
#detikshare a.shareblogdetik, #detikshare a.sharewordpress, #detikshare a.shareblogger,
#detikshare a.sharegmail, #detikshare a.shareymail, #detikshare a.shareemail,
#detikshare a.sharegtalk, #detikshare a.shareym, #detikshare a.sharelivem {
	padding-left: 18px;
	line-height: 19px;
	height: 19px;
	font-size:11px;
}
html>body #detikshare a.sharefacebook, html>body #detikshare a.sharetwitter, html>body #detikshare a.sharelintas,
html>body #detikshare a.shareblogdetik, html>body #detikshare a.sharewordpress, html>body #detikshare a.shareblogger,
html>body #detikshare a.sharegmail, html>body #detikshare a.shareymail, html>body #detikshare a.shareemail,
html>body #detikshare a.sharegtalk, html>body #detikshare a.shareym, html>body #detikshare a.sharelivem {
	padding-top: 2px;
	padding-bottom: 2px;
}
#detikshare a.sharefacebook {
	background: url(../image/detiksharesprites.gif) 0 0 no-repeat;
}
#detikshare a.sharetwitter {
	background: url(../image/detiksharesprites.gif) 0 -19px no-repeat;
}
#detikshare a.sharelintas {
	background: url(../image/detiksharesprites.gif) 0 -38px no-repeat;
}
#detikshare a.shareblogdetik {
	background: url(../image/detiksharesprites.gif) 0 -57px no-repeat;
}
#detikshare a.sharewordpress {
	background: url(../image/detiksharesprites.gif) 0 -76px no-repeat;
}
#detikshare a.shareblogger {
	background: url(../image/detiksharesprites.gif) 0 -95px no-repeat;
}
#detikshare a.sharegmail {
	background: url(../image/detiksharesprites.gif) 0 -114px no-repeat;
}
#detikshare a.shareymail {
	background: url(../image/detiksharesprites.gif) 0 -133px no-repeat;
}
#detikshare a.shareemail {
	background: url(../image/detiksharesprites.gif) 0 -152px no-repeat;
}
#detikshare a.sharegtalk {
	background: url(../image/detiksharesprites.gif) 0 -171px no-repeat;
}
#detikshare a.shareym {
	background: url(../image/detiksharesprites.gif) 0 -190px no-repeat;
}
#detikshare a.sharelivem {
	background: url(../image/detiksharesprites.gif) 0 -209px no-repeat;
}
#detikshare .floatleft {
	float: left;
	width: 100px;
	margin: 0 0 10px 0;
}
#detikshare .shareleft {
	float: left;
	width: auto;
	margin: 0 0 10px 0;
}
#detikshare .shareinput {
	float: left;
	width: 200px;
	height: 24px;
	border: 1px solid #ccc;
	margin: 0 5px 10px 0;
	padding: 3px;
}
#detikshare .shareselect {
	float: left;
	width: 200px;
	height: 28px;
	border: 1px solid #ccc;
	margin: 0 5px 10px 0;
	padding: 3px;
}
#detikshare .sharemsg {
	float: left;
	width: 350px;
	height: 150px;
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
	padding: 3px;
}
#detikshare .sharesubmit {
	float: left;
	width: auto;
	height: 24px;
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
	background: #000066;
	color: #fff;
	padding: 2px 5px;
}
#detikshare .importcontacts {
	float: left;
	width: 350px;
	height: 200px;
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
	padding: 0px;
	overflow: auto;
}
#detikshare .importcontacts ul {
	margin: 0 !important;
}
#detikshare .importcontacts ul li {
	padding: 3px 5px; !important;
	background: #eee;
	margin: 0 !important;
	list-style: none none outside;
}
#detikshare .importcontacts ul li.alt {
	background: #fff;
}
/* notification */
.error, .notice, .success { position:relative; padding: 10px !important; background-image:url(../image/infoicon.gif); background-position: 10px center; background-repeat: no-repeat; padding:.8em .8em .8em 3em;margin-bottom:1em;border:2px solid #ddd;}
.error {background-color:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background-color:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background-color:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}