.kepalamobile {margin:0;padding:0 10px; height:75px; background:url(../images/bg_kepalamobile.gif) repeat-x;}
.navmobile {margin:0; padding:0; height:35px; background:url(../images/bg_navmobile.gif) repeat-x;}
.batasan {background:url(../images/batasan.gif) repeat-x; height:5px;}

.cakupmob {width:990px; border:1px solid #DDD; border-top:0; float:left; padding:0; margin:0;}

.kon {width:970px; margin-left:10px;}

.konkiri { float:left; width:465px; margin-right:20px;}
.kontengah { float:left; width:245px; margin-right:20px;}
.konkanan { float:left; width:220px;}

.kondalamkiri { float:left; width:650px; margin-right:20px;}
.kondalamkanan { float:left; width:300px;}

.konmenudalam { float:left; width:175px; margin-right:10px;}
.kondalamisi { float:left; width:465px;}

.adsmob {font:normal 10px arial; color:#999999;}

.judulindexmob {font:normal 30px arial; color:#666; text-transform: capitalize;}

.teks, .teks p {font:normal 12px arial; color:#000; line-height:16px;}
.teks a {font:bold 12px arial; color:#C00; text-decoration:underline;}
.teks a:hover {text-decoration:none;}
.teks u {font:normal 11px arial; color:#333; text-decoration:none;}


input { font: normal 11px Arial;}
select { font: normal 11px Arial; border:1px solid #CCC;}

#headline {width:300px; padding:10px; padding-top:10px; border-bottom:1px solid #CCC; border-right:1px solid #CCC; background-image:url(../data/images/bg_headlines.jpg); background-repeat:repeat-x;}
#headlinedalam {width:300px; padding:10px; padding-top:10px; border-bottom:1px solid #CCC; border-right:1px solid #CCC; border-top:1px solid #CCC; }

.slidemenu{
font: bold 11px verdana;
margin-bottom:10px;

}

.slidemenu ul{
margin: 0;
padding: 0;
float: left;

}

.slidemenu ul li{
display: inline;
}

.slidemenu ul li a{
float: left;
color: black; /*text color*/
padding: 4px 6px;
text-decoration: none;
border: 1px solid #CCC;
margin-right:2px;
background: #F0F0F0;
}

.slidemenu ul li a:visited {
color: #000;
}

.slidemenu ul li a:hover {
background: #CCC;
}


.slidemenu ul li a.selected {
color: white !important;
padding-top: 6px; 
padding: 4px 6px;
background: #003366 center center repeat-x;
border: 1px solid #003366;

}

/* begin tooltip */
#dhtmltooltip{  
position: absolute;  
left: -300px;      
width: 150px;      
border: 1px solid #333;   
padding:0px;         
background: #FFF url(../images/grad_tooltip01.gif) repeat-x;  
visibility: hidden; 
z-index: 100;    
}    

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

#tooltip { padding:10px; font: normal 12px arial; color:#333;   }   
#tooltip b {font:bold 1.2em arial; color: #336699; *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}       
/* end tooltip */ 

.thumbmob {float:left; margin:4px; width:83px; height:130px; font:normal 11px arial; color:#666666; text-align:center;}
.thumbmob img { width:78px; height:78px; padding:1px; border:1px solid #CCC;}
.thumbmob b {font:bold 11px arial; color:#F90;}
.thumbmob a { text-decoration:none;}
.thumbmob a:hover { color:#C00; }

.thumbmobkecil {float:left; margin:2px; width:52px; height:110px; font:normal 11px arial; color:#666666; text-align:center;}
.thumbmobkecil img { width:50px; height:50px; padding:1px; border:1px solid #CCC;}
.thumbmobkecil b {font:bold 11px arial; color:#F90;}
.thumbmobkecil a { text-decoration:none;}
.thumbmobkecil a:hover { color:#C00; }

.thumbmobno {float:left; margin:4px; width:83px;}
.thumbmobno img { width:78px; height:78px; padding:1px; border:1px solid #CCC;}
.thumbmobno a { text-decoration:none;}

#topnavmob {width:987px; height:24px; border-left:1px solid #CCC; }
#toplinkmob	{ padding:0; margin:0; font: normal 11px arial; white-space:nowrap; height:24px; }
#toplinkmob li	{ display:inline; }
#toplinkmob li a	{ padding:5px 8px; color:#000; text-decoration:none; float:left; border-right:1px solid #CCC; border-top:1px solid #CCC;}
#toplinkmob li a:hover	{ background:#F5F5F5; color:#000; }
#toplinkmob li.diselect a { background:#D63D3D; color:#FFF; /*background-image:url(../../images/bgtopnav.gif); background-repeat:repeat-x;*/ }
/* #toplinkmob li.diselect a:hover { background:#F5F5F5; color:#000;} */



.listring {border-top:0px solid #DDD;}
.listring td {border-bottom:1px solid #DDD; padding:5px; background:#FFF;}
.listring b {font:bold 11px arial; color:#F90; float:right;}
.listring img { float:right;}
.listring a {font:normal 11px arial; color:000; text-decoration:none;}
.listring a:hover {text-decoration:underline;}

.balongmob {font:bold 14px arial; text-transform:uppercase; color:#900;}
.balongmob a {font:bold 14px arial; text-transform:uppercase; color:#900; text-decoration:none;}

.balonggradasi { padding-right:290px;border: 1px solid #E0E0E0; padding:1px;}
.balonggradasi span {background:#F3F3F3 url(../images/balonggradasi.gif) repeat-x; display:block;}

#boxnomormob { font: bold 12px arial; float:right; }
#boxnomormob a { display:block; float:left; border:1px solid #DDD; padding:3px; margin:0px 3px 0px 0px; text-decoration:none; color:#555; background-color:#f0f0f0;}
#boxnomormob a:hover { background-color:#C00; border:1px solid #900; color:#FFFFFF;}
#boxnomormob_select { display:block; float:left; border:1px solid #DDD; padding:3px; margin:0px 3px 0px 0px; text-decoration:none; color:#555; background-color:#CCC;}


#listkat { margin-left: 0; margin-top: 0px; margin-bottom:0;  padding-left: 0; list-style: none;}
#listkat li {float:left;}
#listkat a { width:161px; float:left; padding:7px 5px; background-color:#F3F3F3; font:normal 12px arial; color:#333; text-decoration:none; border-bottom:1px solid #CCC;  border-top:1px solid #FFF; }
#listkat a:hover { padding-left:7px; padding-right:3px; color:#C00; text-decoration:none; background-color:#E0E0E0;}

#listkatiklan { margin-left: 0; margin-top: 0px; margin-bottom:0;  padding-left: 0; list-style: none;}
#listkatiklan li {float:left;}
#listkatiklan a { width:161px; float:left; padding:3px 5px; background-color:#F3F3F3; font:bold 11px arial; color:#333; text-decoration:none; border-bottom:1px solid #CCC;  border-top:1px solid #FFF; }
#listkatiklan a:hover { padding-left:7px; padding-right:3px; color:#C00; text-decoration:none; background-color:#E0E0E0;}

#listtopic { margin-left: 0; margin-top: 0px; margin-bottom:0;  padding-left: 0; list-style: none;}
#listtopic li {float:left;}
#listtopic a { width:161px; float:left; padding:3px 5px; background-color:#F3F3F3; font:none 11px arial; color:#333; text-decoration:none; border-bottom:1px solid #CCC;  border-top:1px solid #FFF; }
#listtopic a:hover { padding-left:7px; padding-right:3px; color:#C00; text-decoration:none; background-color:#E0E0E0;}


#moblist { margin-left: 0; margin-top: 0px; margin-bottom:0;  padding-left: 0; list-style: none;}
#moblist li { padding-left: 10px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0 .6em;  padding-top:2px; padding-bottom:2px; }
#moblist a { font:normal 12px arial; color:#000; text-decoration:none;}
#moblist a:hover { color:#333; text-decoration:underline;}
#moblist span {font:normal 11px arial; color:#666; margin-right:7px;}
#moblist li ul { list-style: none; margin-left: 0; margin-top: 0px; margin-bottom:0;  padding-left: 0;  }
#moblist li ul li { background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0 .6em;  padding-top:2px; padding-bottom:2px;}

.iklanmini {border:1px solid #666; background-color:#FC0; margin-bottom:20px;}
.iklanminiid {background-color:#000000; color:#FFFFFF; padding:3px 10px; font:bold 11px arial; float:left;}
.iklanminipengirim {background-color:#FC0; color:#000; padding:3px 10px; font:bold 11px arial; float:left;}
.iklanminikategori {background-color:#f60; color:#FFF; padding:3px 10px; font:bold 11px arial; float:right; text-transform:uppercase;}
.iklanminiisi{background-color:#F0F0F0; color:#000; padding:10px; font:normal 12px arial; border-top:1px solid #CCC;}
.iklanminitanggal{background-color:#DDD; color:#333; padding:5px 10px; font:normal 11px arial; border-top:1px solid #CCC;}


/* tabs */
.mobiletab{
padding: 6px 0;
margin: 0px;
padding-left:5px;
font: normal 11px tahoma;
border-bottom: 1px solid #CCC;
list-style-type: none;
}

.mobiletab li{
display: inline;
margin: 0;
}

.mobiletab li a{
text-decoration: none;
margin-right:0px;
padding: 6px 10px;
border: 1px solid #CCC;
border-bottom: none;
background-color: #DDD;
color: #FFF;
background:url(../images/taboren_bg.gif) repeat-x; 

}



.mobiletab li a:hover{
background-image:none;
background-color: #F90;
color: black;
}


.mobiletab li a.selected{ /*selected main tab style */
background-color: #FFF;
/* background-image: url(../images/shadeactive.gif); */
border-bottom-color: white;
position: relative;
color:#000000;
top: 1px;
}

.mobiletab li a.selected:hover{ /*selected main tab style */
background-image:none;
background-color: #F90;
color: black;
}


/* tabdalam */

.tabdalam {
	margin-left: 5px;
	padding: 0;
}
.tabdalam ul {
	text-decoration: none;
	list-style:none;	
}
.tabdalam li {
	display: inline;
	background:  url(../images/taboren_bg2.gif) repeat-x center top;
	text-align: center;
	padding: 0;
	margin-right: 3px;	
	float: left;
}
.tabdalam li a {
	font: bold 12px arial;
	color: #333;
	background: url(../images/taboren_kiri.gif) no-repeat left top;
	float: left;
	margin:	0;
	padding-left:7px;
	text-decoration: none;
}
.tabdalam li a:hover {
	color: #C00;
}
.tabdalam li a span {
	background: url(../images/taboren_kanan.gif) no-repeat right top;
	display: block;
	padding:7px 13px 4px 5px;
}
.tabdalam li a span {
	float: none;
}

.tabdalam li .selected {
	display: inline;
	background:  url(../images/tabputih_bg.gif) repeat-x center top;
	text-align: center;
	padding: 0;
	margin-right: 4px;	
	float: left;

}
.tabdalam li a.selected{
	font: bold 12px arial;
	color: #000;
	background: url(../images/tabputih_kiri.gif) no-repeat left top;
	float: left;
	margin:	0;
	padding-left:7px;
	text-decoration: none;

}
.tabdalam li a.selected span{
	background: url(../images/tabputih_kanan.gif) no-repeat right top;
	display: block;
	padding:8px 13px 4px 5px;

}
.tabdalam li a.selected span{
	float: none;
}