.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
/*border: 1px solid #F7F9FB ;
border-bottom-width: 6px;*/
width: 340px; /*width of featured content slider*/
height: 350px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 7px;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
/*background: #F7F9FB;*/
width: 328px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 350px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 338px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
margin-top:4px;
margin-right:10px;
font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333333;
/*background-color: #F7F9FB;*/
padding: 2px 2px 2px 2px;
}

.pagination a{
padding: 1px 5px;
text-decoration: none; 
color:#00007D;
border:1px solid;
background: #227328;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #B7DCB6;
}

.page-ination {
/*width: 338px; Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)
text-align: right;*/
margin-top:4px;
margin-right:10px;
font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333333;
/*background-color: #F7F9FB;*/
padding: 2px 2px 2px 2px;
}
.page-ination a
{
padding: 1px 5px;
text-decoration: none; 
color:#00007D;
border:1px solid;
background: #F0F9F1;
}
/*========================================================*/
#nav {width:980px; height:26px; background:url(../img/bg-menu.gif); background-position:top; order-top:0px solid #000; padding-left:0px; margin-bottom:0px;}

body { margin: 0px;	margin-left:5px; margin-top:5px; font:normal 12px arial; color:#000; line-height:16px;}
/*========================================================*/
#beritaterkini { margin-left: 0px; margin-top: 0px; padding-left: 0; list-style: none;}
#beritaterkini li { padding-left: 0px;  background-image: /*url(../image/bullet_plus.gif);*/ background-repeat: no-repeat; background-position: 0 .5em; border-bottom:1px solid #F3F3F3; padding-top:0px; padding-bottom:3px; padding-top:2px; }
#beritaterkini a { font:12px arial; color:#304374; text-decoration:none; /*text-transform:uppercase*/ font-weight:bold;}
#beritaterkini a:hover { color:#D7D7D7; text-decoration:none;}
#beritaterkini span {font:normal 11px arial; color:#4B4B4B; margin-right:7px;}

/*========================================================*/
#content-kota { margin-left: 0px; margin-top: 2px; padding-left: 0; list-style: none;}
#content-kota li { padding-left: 0px;  background-image: /*url(../image/bullet_plus.gif);*/ background-repeat: no-repeat; background-position: 0 .5em; border-bottom:1px solid #E7F2FE; padding-top:2px; padding-bottom:2px; }
#content-kota a { font:12px arial; color:#292929; text-decoration:none;}
#content-kota a:hover { color:#000000;}
#content-kota span {font:normal 11px arial; color:#4B4B4B; margin-right:7px;}

/*========================================================*/
.judul {font:bold 14px Arial; color: #336699;}
.judul a {color:#336699; text-decoration:none; padding:0; margin:0;}
.judul a:hover {color:#003366; text-decoration:underline;}

/*========================================================*/
.linkindex {font:normal 9px arial; color:#CEFAC7; }
.linkindex a {color: #CEFAC7; text-decoration: none;}
.linkindex a:hover {text-decoration:underline; background-color:#000000; color: #FFFFFF;}

.linkbirukecil {font:normal 11px arial; color:#036; }
.linkbirukecil a {color:#036; text-decoration: none;}
.linkbirukecil a:hover {text-decoration:underline;}

.linkabukecil {font:normal 11px arial; color:#333;}
.linkabukecil a {color:#333; text-decoration:underline;}
.linkabukecil a:hover {text-decoration:none;}

/*========================================================*/
.judulheadline {font:bold 16pt arial; color: #336699; margin-bottom:4px; letter-spacing:0px; line-height:19pt;}
.judulheadline a {color:#336699; text-decoration:none;}
.judulheadline a:hover {color:#003366; text-decoration:underline;}

.textputih {font:normal 12px arial; color:#ffffff; font-weight:bold;}
.textputih a {font:normal 12px arial; color: #ffffff; font-weight:bold;}
.textputih a:hover {font:normal 12px arial; color:#F3F3F3; font-weight:bold;}

.dateputih {
font-size:14px; font-family: arial; color: #FFFFFF;
}
.datehitam {
font-size:12px; font-family: arial; color: #000000;
}
.date {
font-size:11px; font-family: arial; color: #003366; font-weight:bold; text-transform:uppercase;
}
.tech {
font-size:12px; font-family: arial; color: #FF6600; font-weight:bold; text-transform:uppercase;
}
.hdl {
	FONT-WEIGHT: bold; FONT-SIZE: 22px; color:#57056B; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.hdl:hover {
	FONT-WEIGHT: bold; text-decoration:underline;
}

#read_box {float:left; margin:0px 10px 10px 0px; background-color:#FFF; padding:2px 0; font:normal 11px arial; width:300px; border-bottom:2px solid #9FC6F0; color:black;}
#image_box {float:left; margin:0px 10px 5px 0px; background-color: #ffffff; padding:2px; width:90px; border:1px solid #666666; color:black;}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #333;
padding:0px;
background: #FFF;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=120);*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#tooltip { padding:10px; font: normal 12px arial; color:#333333; text-align:left;}
#tooltip b {font:bold 1.3em arial; color: GREEN; letter-spacing:-0.03em; }
#tooltip span { margin:0; padding:0; background:#FFF;}
#tooltipx { background-color:#FFFFFF; height:31px; float:right; font: normal 9px arial; color:#999999; padding:3px;}
#tooltipx img { vertical-align:middle;}

.tooltipicon {clear:left; padding:10px; font:normal 11px arial; color:#333; border-top:1px solid #666;}
.tooltipicon img {margin-right:5px}

/*===========================================================
TOOLTIPS CSS=================================================
============================================================*/
.balloonstyle{
text-align:left;
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 275px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}

/*===========================================================
END TOOLTIPS CSS=================================================
============================================================*/
	/* untuk link grup cuk */
	.grup {
	
	border-left:1px solid #D6D6FF;
	border-right:1px solid #D6D6FF;
	/*background:url(../../images/bp/bg_mod_bot.gif) repeat-x left bottom ;*/
	border-bottom:1px solid #D8D7D7;
	border-top:1px solid #D8D7D7;
	
	font: normal 11px arial;
	color: #003366;
	padding-left: 5px;
	padding-top: 10px;
	border-top: 1px solid #D6D6FF;
	padding-bottom: 50px;
}

.grup select {
	font: normal 11px arial;
	color: #003366;
	/*width: 149px;*/
	background-color: #FFF;
	border: 1px solid #D6D6FF;
}

.linkgrup {
float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	margin-top: 0px;
	margin-right: 3px;
	margin-left: 8px;
	/*width: 140px;*/
	text-align: left;
}

/*////////BLITZ! */
.judul_blitz {font:bold 16pt arial; color: #fff; margin-bottom:4px; letter-spacing:0px; line-height:17pt;}
.judul_blitz a {color:#fff; text-decoration:none;}
.judul_blitz a:hover {color:#ccc; text-decoration:underline;}

.isi_blitz {font:10pt arial; color: #fff; margin-bottom:4px; letter-spacing:0px;}