/* ######### CSS for Shade Tabs. Remove if not using ######### */
/* ------------- tabcontent.css ---*/
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; 
}

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

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}


.shadetabs li a.selected{ 
position: relative;
top: 1px;
}

.shadetabs li a.selected{ 
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ 
text-decoration: none;
}


.tabcontent{
display:none;
clear:both;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
margin:0;

border-top: 0px solid #B5B5A7; 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 0px; 
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 1px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: #FFF;
text-decoration: none;
margin: 0 1px 0 0; 
padding: 4px 5px;
background-color: #B5B5A7; 
border-top: 0px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #336799; 
color: white;
}

.modernbricksmenu2 a.selected{ 
background-color: #FFF; 
color: #2d2b2b;
border-color: #000; 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; 
}

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

border-top: 1px solid navy; 
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; 
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; 
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; 
padding-bottom: 4px;
background: black center center repeat-x;
}


.tabcontentstyle{ 
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/*URL: http://www.dynamicdrive.com/style/ */

.pointermenu2{
margin: 0px;
margin-left: 0px; 
padding: 0;
}

.pointermenu2 ul{
margin: 0;
margin-left: 0px; 
padding-left: 0px; 
float: left;
font: bold 12px arial;
background-color:#B62B0E;
}

* html .pointermenu2 ul{ 
margin-bottom: 1em;
margin-left: 0px; 
}

.pointermenu2 ul li{
display: inline;
}


.pointermenu2 ul li a{
float: left;
color: white;
font-weight: bold;
padding: 5px 7px;
text-decoration: none;
}

.pointermenu2 ul li a:visited{
color: #FFF;
}


.pointermenu2 ul li a:hover { 
color: #000;
background-color: #EA811A;
background-image: url(../data/images/pointer.gif);
background-repeat:no-repeat;
background-position:bottom center;
}

.pointermenu2 ul li a.selected{
color: #000;
background-color: #E76651;
background-image: url(../data/images/pointer.gif);
background-repeat:no-repeat;
background-position:bottom center;
}

/* ######### CSS for Agenda Tabs ######### */

.agendamenu{
padding: 0;
margin:0;
width: 100%;
border-top: 0px solid #B5B5A7; 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
background-color:#225199;
}

.agendamenu ul{
margin:0;
margin-left: 0px; 
padding: 0;
list-style: none;
}

.agendamenu li{
display: inline;
margin: 0 1px 0 0;
padding: 0;
}

.agendamenu a{
float: left;
display: block;
font: normal 12px Arial;
color: #FFF;
text-decoration: none;
margin: 0 0px 0 0; 
padding: 5px 10px;
background-color: #2A4264; 
border-right:1px solid #F0F0F0;
}

.agendamenu a:hover{
background-color: #FF6600; 
color: white;
}

.agendamenu a.selected{ 
background-color: #F0F0F0; 
color: #2d2b2b;
border-color: #000; 
}

.linkindexagendamenu { 
float: right;
font: bold 12px Arial;
color:#FFF;
margin: 0;
padding: 10px;
}

.linkindexagendamenu a { 
font: bold 12px Arial;
border-right: 0px solid #CCC;
color:#FFCC00;
background-color:#225199;
}
.linkindexagendamenu a:hover { 
color:#FFF;
background-color:#225199;
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.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;

}

.tabcontentstyle{ 
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/*----------------- P7exp.css --------------------*/
#menuwrapper {

}

#p7menubar, #p7menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font: normal 11px arial;
	color:#FFFFFF;
}

#p7menubar a {
	display: block;
	text-decoration: none;
	padding: 5px 8px 6px 8px;
	border-right: 1px solid #4A5969;
	color: #FFF;
}

#p7menubar a.trigger {
	background-image: url(../data/images/bgtabmenuhover.gif);
	color: #000;
	background-repeat: repeat-x;
}

/* for kompas green only */
#p7menubar a.triggergreen {
	background-image: url(../data/images/bgtabmenuhover.gif);
	color: #000;
	background-repeat: repeat-x;
}

#p7menubar li {
	float: left;
	width: 9em;
}

#p7menubar li ul, #p7menubar ul li  {
	width: 13em;
}

#p7menubar ul li a  {
	color: #565656;
	border-right: 0;
	padding: 5px 10px 5px 5px;
}

#p7menubar li ul {
	position: absolute;
	display: none;
	background-color: #02254C;
	z-index:200;
	border-right: 1px solid #D3D3D3;
	border-left: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3; 
	margin-left:-2px;
}

#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #FFF;
	background-color: #F0F0F0;
	background-image:url(../data/images/bg_menu_hover_biru.gif); background-repeat:repeat-x;

}

#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
	
}

#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #003366;
	border-top:1px solid #D3D3D3;
	background-image:none;
}

#p7menubar ul a:hover {
	background-color: #02254C!important;
	color: #FFF!important;
}

#p7menubar li {width: auto;}

/*--------------- mega.css -----------------*/
body { margin: 0px;	margin-left:5px; margin-top:5px; font:normal 12px arial; color:#000; line-height:16px;}
form {margin:0; padding:0;}
p {margin-top:0; line-height:20px;}

a {text-decoration:underline; color:#333;}

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

#barticker {background:#E8E8E8 url(../data/images/barticker_bgabu.gif) repeat-x; border-bottom:1px solid #CCC; border-top:1px solid #CCC; height:28px;} 

#barticker_new {background:#E8E8E8 url(../data/images/barticker_bgabu.gif) repeat-x; border-bottom:1px solid #CCC; border-top:1px solid #CCC; height:28px; padding-top:4px;} 
#barticker_new .menuabu { font: normal 11px arial; color:#333333;}
#barticker_new .menuabu a { color:#333333; text-decoration:none; margin-left:10px;}
#barticker_new .menuabu a:hover { color:#000000; text-decoration:underline;}


.breaknews {vertical-align:top; padding-top:5px; padding-left:10px;}

.clearit { clear: both; height: 0; line-height: 0.0; font-size: 0; padding:0; margin:0; }

.tanggal {font:normal 10px arial; color: #3399CC; margin-bottom:2px; text-transform:uppercase;}
.tanggalindex {font:normal 10px arial; color:#666; margin-right:20px; text-transform:uppercase;}

.judulindexrubrik {font:bold 30px trebuchet MS; color:#333; text-transform: capitalize;}

#beritaleading {width:320px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #F0F0F0;}

#beritaleadinglipsus {padding-bottom:15px; margin-bottom:15px;}

.judulisiberita {font:bold 18pt arial; color: #336699; letter-spacing:-1px; line-height:21pt; margin-bottom:14px; margin-top:20px; width:500px;}

.textputih {font:normal 12px arial; color: #FFF;}

#head { width:990px; height:85px; background-image:url(../data/images/bg_head.jpg); margin-bottom:5px;}
.logo {float:left; margin-left:10px;}
.bntop { float:right; padding-right: 10px; padding-top:13px;}

#search{font:normal 11px arial; color:#333; }
#search a {font:normal 11px arial; color:#666; text-decoration:underline; margin-left:5px;}

.inputsearch { float:left; font: normal 11px Arial; width:80px; margin-left: 0px; padding:0 3px; border:1px solid #CCC;}
.butsearch { float:left; margin-left: 5px;}
.inputbiasa { font: normal 11px Arial; margin-left: 0px; padding:0 4px; border:1px solid #999;}
select { font: normal 11px Arial; margin-left: 0px; padding:0px; border:1px solid #CCC;}
.butinput { font: normal 11px Arial; margin-left: 0px; padding:0 4px; border:1px solid #666; background: #D6D6D6 url(../data/images/bg_input.gif) repeat-x top;}

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

#toplinkcore	{ padding:0; margin:0; font: normal 11px arial; white-space:nowrap; height:25px;}
#toplinkcore li	{ display:inline; }
#toplinkcore li a	{ padding:5px 7px; color:#FFF; text-decoration:none; float:left; border-right:1px solid #88D5F4; border-top:1px solid #DDD;  background:url(../data/images/bgtopnav_coklat.gif) repeat-x; }
#toplinkcore li a:hover	{ background:#F5F5F5; color:#000; }
#toplinkcore li.diselect a { background-image:url(../data/images/bgtopnav.gif); background-repeat:repeat-x; color:#000; }
#toplinkcore li.diselect a:hover { background-image:url(../data/images/bgtopnav.gif); background-repeat:repeat-x; }



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



#kolomkiri {width:320px; padding-right:20px; float:left;}
#kolomtengahdepan {width:320px; padding-right:20px; float:left;}
#kolomkanandepan {width:300px; float:left;}
#kolomtengah {width:320px; padding-right:18px; padding-top:10px;}
#kolomkanan {width:310px; padding-top:10px;}
#kolomkiridalam {width:640px; padding-right:40px; padding-left:10px; padding-top:0px; margin-top:0px; }
#kolomkiridalamkhusus {width:650px; padding-right:20px; padding-left:10px; padding-top:0px; }
#kolomkiridalampodcast {width:660px; padding-top:0px; float:left; margin-right:20px; }
#kolomkiridalamartikel {width:650px; padding-left:10px; padding-bottom:10px; padding-top:0px; float:left; margin-right:20px; }
#kolomkirinempel {padding-right:20px; margin-top:0px;}

#kolomberitabawah {width:850px; float:left; margin-left:0px; padding-left:10px; padding-right:0px;}
#kolomiklanbawah {width:130px; float:right; margin:0px;}

#box260 {width:260px; padding-top:5px; margin-top:20px; border-top:1px solid #CCC;}
#box2602 {width:260px; padding-top:5px; margin-top:20px; border-top:1px solid #CCC;}


#boxbalong {width:260px; padding-top:0px; margin-bottom:10px;}
#boxbalong2 {width:260px; float:left; padding-right:20px;}

#boxkolombalongkiri {width:260px; float:left; padding-right:20px;}
#boxkolombalongkanan {width:560px; float:left;}


.ads {margin:10px 0; font:normal 10px arial; color:#999999;}
.ads2 {float:left; width:470px; font:normal 10px arial; color:#999999;}
.ads3 {float:left; width:240px; font:normal 10px arial; color:#999999; margin-left:86px;}

/*
#beritaterkini { margin-left: 0px; margin-top: 0px; padding-left: 0; list-style: none;}
#beritaterkini li { padding-left: 0px; background-image: url(../data/images/bullet.gif); background-repeat: no-repeat; background-position: 0 .5em; border-bottom:1px solid #EEE; padding-top:3px; padding-bottom:3px; }
#beritaterkini a { font:bold 12px arial; color:#336699; text-decoration:none;}
#beritaterkini a:hover { color:#003366; text-decoration:none;}
#beritaterkini span {font:normal 10px arial; color:#999; margin-right:7px;}
*/

#beritaterkini { margin-left: 0px; margin-top: 0px; padding-left: 0; list-style: none;}
#beritaterkini li { clear:both; padding-left: 0px; border-bottom:1px solid #EEE; display:block; float:left; width:320px; padding:3px 0;  }
#beritaterkini a { font:bold 12px arial; color:#336699; text-decoration:none; float:left;}
#beritaterkini a:hover { color:#003366; text-decoration:none;}
#beritaterkini span {font:normal 10px arial; color:#999; margin-right:5px; float:left;}
#beritaterkini img {float:right; margin-left:2px;}




#beritalist { margin-left: 0px; margin-top: 0px; padding-left: 0; list-style: none;}
#beritalist li { padding-left: 10px; background-image: url(../data/images/bullet.gif); background-repeat: no-repeat; background-position: 0 .7em;  border-bottom:1px solid #EEE; padding-top:3px; padding-bottom:3px; }
#beritalist a { font:bold 12px arial; color:#336699; text-decoration:none;}
#beritalist a:hover { color:#003366; text-decoration:underline;}
#beritalist span {font:normal 11px arial; color:#666; margin-right:7px;}

#beritalistad { margin-left: 0px; margin-top: 0px; padding-left: 0; list-style: none;}
#beritalistad li { padding-left: 10px; background-image: url(../data/images/bullet.gif); background-repeat: no-repeat; background-position: 0 .7em;  border-bottom:1px solid #EEE; padding-top:3px; padding-bottom:3px; }
#beritalistad a { font:bold 12px arial; color:#CC3333; text-decoration:none;}
#beritalistad a:hover { color:#003366; text-decoration:underline;}
#beritalistad span {font:normal 11px arial; color:#F60; margin-right:7px;}

#navlist { margin-left: 0; margin-top: 5px; margin-bottom:0;  padding-left: 0; list-style: none;/* border-top:1px solid #EEE;*/}
#navlist li { padding-left: 10px; background-image: url(../data/images/bullet.gif); background-repeat: no-repeat; background-position: 0 .6em;  padding-top:2px; padding-bottom: 2px;  border-bottom:1px solid #EEE;  }
#navlist a { font:normal 12px arial; color:#336699; text-decoration:none;}
#navlist a:hover { color:#003366; text-decoration:underline;}
#navlist span {font:bold 11px arial; color:#F60; margin-right:5px; text-transform:uppercase;}

#anlist { margin-left: 0; margin-top: 5px; margin-bottom:0;  padding-left: 0; list-style: none;/* border-top:1px solid #EEE;*/}
#anlist li { padding-left: 10px; background-image: url(../data/images/bullet.gif); background-repeat: no-repeat; background-position: 0 .6em;  padding-top:2px; padding-bottom: 2px;  border-bottom:1px solid #EEE;  }
#anlist a { font:bold 12px arial; color:#336699; text-decoration:none;}
#anlist a:hover { color:#003366; text-decoration:underline;}
#anlist span {font:normal 10px arial; color:#666; margin-right:5px; text-transform:uppercase;}



#navlistnoline { margin-left: 0; margin-top: 5px; margin-bottom:0;  padding-left: 0; list-style: none;}
#navlistnoline li { padding-left: 10px; background-image: url(../data/images/bullet.gif); background-repeat: no-repeat; background-position: 0 .6em;  padding-top:2px; padding-bottom: 2px; }
#navlistnoline a { font:normal 12px arial; color:#336699; text-decoration:none;}
#navlistnoline a:hover { color:#003366; text-decoration:underline;}

#forumlist { margin-left: 0; margin-top: 5px; margin-bottom:0;  padding-left: 0; list-style: none; border-top:1px solid #EEE;}
#forumlist li { padding-top:2px; padding-bottom: 2px;  border-bottom:1px solid #EEE;  }
#forumlist a { font:normal 12px arial; color:#336699; text-decoration:none;}
#forumlist a:hover { color:#003366; text-decoration:underline;}
#forumlist span {font:bold 12px arial; color:#036; margin-right:7px;}

#vidlist { margin-left: 0; margin-top: 5px; margin-bottom:0px; padding-left: 0; list-style: none; border-top:1px solid #EEE;}
#vidlist li.listvid { padding-left: 20px; background-image: url(../data/images/icon_video.gif); background-repeat: no-repeat; background-position: 0 .4em;  border-bottom:1px solid #EEE; padding-top:3px; padding-bottom:3px; }
#vidlist li.listimage { padding-left: 20px; background-image: url(../data/images/icon_kamera.gif); background-repeat: no-repeat; background-position: 0 .4em;  border-bottom:1px solid #EEE; padding-top:3px; padding-bottom:3px; }
#vidlist li.listpod { padding-left: 20px; background-image: url(../data/images/icon_podcast.gif); background-repeat: no-repeat; background-position: 0 .4em;  border-bottom:1px solid #EEE; padding-top:3px; padding-bottom:3px; }
#vidlist a { font:normal 11px arial; color:#036; letter-spacing:0.02em; text-decoration:none;}
#vidlist a:hover { text-decoration:underline;}
#vidlist span {font:normal 11px arial; color:#666; letter-spacing:0.02em; margin-right:7px;}

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

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

.balongmerah {font:bold 14px arial; color:#C00;}
.balongmerah a {font:bold 14px arial; color:#C00; text-decoration:none;}

.textbesar {font:bold 13px arial; color:#000;}
.textbesar a {font:bold 13px arial; color:#C00; text-decoration:none;}

#kelengkapan { float:left; width:300px; margin:10px 0; padding:5px 0;}
#kelengkapan a {margin-right:5px; font:normal 11px arial; color:#666; text-decoration:none; float:left; border:1px solid #CCC; padding:1px 5px; background-color:#F0F0F0; }
#kelengkapan a:hover { text-decoration:undeline;  background-color:#DDD; }
#kelengkapan img {margin-right:5px; border:none;}

#boxbelt {float:left; width:280px; height:94px; background-color:#FFFFFF; padding:10px; border:1px solid #CCC; margin: 0 2px;}
#boxbelt span {margin-right:10px;}

.thumb {float:left; margin-right:5px; margin-top:3px;}
.thumb img {width:80px; height:60px; border:1px solid #DDD; margin:0; padding:2px;}

.thumbgede {float:left; margin-right:10px;}
.thumbgede img {width:100px; height:75px; border:1px solid #CCC; margin:0; padding:1px;}

.thumbseleb {float:left; margin-right:10px;}
.thumbseleb img {width:133px; height:100px; margin:0; border:1px solid #EEE;}


.teaserdepan {font:normal 12px arial; color:#333;}

.thumbmulti img {float:left; width:65px; height:49px; padding:1px; border:1px solid #CCC; margin-right:5px;}

.thumbmultix {float:left;}
.thumbmultix img {width:80px; height:60px; border:1px solid #CCC;}

.thumbima {float:left; margin-right:3px;}
.thumbima img {width:65px; height:49px; border:1px solid #CCC;}

.thumbkecil {float:left; margin-right:5px;}
.thumbkecil img {width:45px; height:45px; border:1px solid #CCC;}

.judul {font:bold 13px arial; color: #336699;}
.judul a {color:#336699; text-decoration:none; padding:0; margin:0;}
.judul a:hover {color:#003366; text-decoration:underline;}

.judulnolead {font:bold 12px arial; color: #336699; margin-bottom:1px;}
.judulnolead a {color:#336699; text-decoration:none;}
.judulnolead a:hover {color:#003366; text-decoration:underline;}

.judulputih {font:bold 13px arial; color: #FFF;}
.judulputih a {color:#FFF; text-decoration:none;}
.judulputih a:hover {text-decoration:underline;}

.judulnoleadmerah {font:bold 13px arial; color: #F60; margin-bottom:1px;}
.judulnoleadmerah a {color:#F60; text-decoration:none;}
.judulnoleadmerah a:hover {color:#C00; text-decoration:underline;}

.judulmerahkecil {font:bold 11px arial; color: #F60; text-transform:uppercase; /*margin-bottom:2px; margin-top:3px;*/}
.judulmerahkecil a {color:#F60; text-decoration:none;}
.judulmerahkecil a:hover {text-decoration:underline;}

.judulsehatrubrik {font:bold 16px arial; color: #000; margin-bottom:10px;margin-top:10px;text-transform:uppercase;}
.judulsehatrubrik a {color:#000; text-decoration:none;}
.judulsehatrubrik a:hover {text-decoration:underline;}

.judul033 {font:bold 13px arial; color: #336699;letter-spacing:-0.5px;}
.judul033 a {color:#336699; text-decoration:none;}
.judul033 a:hover {color:#003366; text-decoration:underline;}

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

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

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

.linkroot {font:normal 11px arial; color:#333;}
.linkroot a {color:#333; text-decoration:underline; margin-left:5px; margin-right:5px;}
.linkroot a:hover {color:#FF6600; text-decoration:none;}

.linkabukecil {font:normal 11px arial; color:#888; margin-top:5px;}
.linkabukecil a {color:#777; text-decoration:underline;}
.linkabukecil a:hover {text-decoration:none;}


.boxartikel {float:left; width:302px; margin-right:20px; margin-bottom:20px;}

.boximgheadline { width:300px; margin-top:0px; font:normal 9px arial; color:#666;}
.boximgheadline img {width:300px; height:225px;}
.boximgheadline span { float:right; font:normal 9px arial; color:#000; padding-top:0; }
.boximgheadline a { font:normal 9px arial; color:#666; text-decoration:none; padding:0;}
.boximgheadline a:hover {color:#999; }

.boximgartikel { width:300px; padding:1px; margin-top:0px; font:normal 9px arial; color:#666; background-color:#F2F2F2;}
.boximgartikel img {width:300px; height:225px;}
.boximgartikel span { float:left; font:normal 11px arial; color:#000; padding:4px; padding-top:0; }
.boximgartikel a { float:right; font:normal 9px arial; color:#666; text-decoration:none; padding:0;}
.boximgartikel a:hover {color:#999; }

#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;}

#headline2 {width:320px; padding:0px; 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; }


.judulheadline {font:bold 18pt arial; color: #336699; margin-bottom:4px; letter-spacing:-1px; line-height:21pt;}
.judulheadline a {color:#336699; text-decoration:none;}
.judulheadline a:hover {color:#003366; text-decoration:underline;}
.imgheadline {margin-bottom:10px; width:298px; height:225px; border:1px solid #CCC;}

#article_body a {color:#336699; text-decoration:underline; }
#article_body a:hover {text-decoration:none;}


#boxterkait { border-top:2px solid #DDD; padding:0px; margin-top:10px; padding:5px 0;}
#boxterkait select { font:normal 11px arial; color:#003366; text-decoration:none;}


.boximgartikeldepan {width:300px; height:14px; margin-top:0px; margin-bottom:10px; font:normal 11px arial; color:#666;}
.boximgartikeldepan a { float:right; font:normal 9px arial; color:#666; text-decoration:none;}
.boximgartikeldepan a:hover {color:#333; text-decoration:underline; }

.toolartikel {float:right;}
.toolartikel span {font:normal 11px arial; color:#333; margin-right:5px;}
.toolartikel b {margin-left:5px; margin-right:5px;}
.toolartikel a { text-decoration:none; margin-left:2px; margin-right:2px; }
.toolartikel input { font:normal 11px arial; color:#333;}

.toolartikelkiri {float:left;}
.toolartikelkiri a { text-decoration:none; margin-right:5px; }


.box_ads_title {background:url(../data/images/kotak_kiri.gif) no-repeat left top;}
.box_ads_title span {background:url(../data/images/kotak_kanan.gif) no-repeat right top; display:block; padding:8px; margin:0;}
.box_ads_title b { font:normal 10px arial; text-decoration: none; color:#999; background:#FFF; padding:0 8px;}
.box_ads_title b a { color:#666;}
.box_ads { padding:8px; padding-top:0; border:1px solid #e1e1e1; border-top:none;}
.box_ads ul { margin-left: 0; margin-top: 0px; margin-bottom:0px; padding-left: 0; list-style: none; }
.box_ads li { padding-left: 0px; /*background: url(../data/images/bullet.gif) no-repeat 0px 5px ;*/ font:normal 11px arial; color:#333; padding-bottom:5px; }
.box_ads li a {font:bold 12px arial; color:#003366; }
.box_ads li span a {font:bold 11px arial; color:#666; text-decoration:none; }


/*.artikeltools {float:right; font:normal 11px arial; color:#333;}
.artikeltools a {margin:5px; float:left; border:1px solid #EEE; background-color:#F5F5F5;  font:normal 11px arial; color:#555;  text-decoration:none;}
.artikeltools a:hover {border:none;}
.artikeltools span {margin-left:5px; float:left; padding:0px 2px; font:normal 11px arial; color:#999; text-decoration:none; vertical-align: middle;}
.artikeltools span img {margin-left:0px; margin-right:0px; float:left; vertical-align:middle;}
.artikeltools img {margin-right:5px; float:left; border:none;}
.artikeltools select { border:1px solid #CCC; font:normal 11px arial; color:#333; text-decoration:none; float:left; margin-left:5px; }
.artikeltools input { font:normal 11px arial; float:left; margin-left:5px; }
.artikeltools b {margin:0 5px; float:left; font:bold 11px arial; color:#333; text-decoration:none;}
*/
.artikelkiriman {float:left; font:normal 11px arial; color:#333;}
.artikelkiriman img {border:0; vertical-align:middle; margin-left:0px;}

.cuaca {float:right; font:normal 11px arial; color:#999; width:250px;}
.cuaca b {margin-left:10px; float:left; font:bold 12px arial; color:#666; text-decoration:none; padding-top:2px;}
.cuaca img {margin-left:10px; float:left; padding-top:2px; }
.cuaca span {margin-left:10px; float:left; font:bold 12px arial; color:#C00; text-decoration:none; padding-top:2px;}
.cuaca select { border:1px solid #CCC; font:normal 11px arial; color:#666; text-decoration:none; float:left; margin-left:10px; }

/* site map */
.sitemaproot { padding-left: 15px; background: url(../data/images/co_icon_04.gif) no-repeat 0 .2em; font:bold 12px arial; color:#036; text-transform:uppercase;}
.sitemaproot a { font:bold 12px arial; color:#036; text-decoration:none; }
.sitemaproot a:hover { text-decoration:underline; }

#sitemaplist { margin-left: 3px; margin-top: 0px; margin-bottom:0;  padding-left: 0; list-style: none; font:normal 11px arial; }
#sitemaplist li { padding-left: 15px; background: url(../data/images/co_icon_05.gif) no-repeat; background-position:0 .0em; padding-top:0px; padding-bottom: 2px; }
#sitemaplist li.lengkung{ padding-left: 15px; background: url(../data/images/co_icon_06.gif) no-repeat; background-position:0 .0em; padding-top:0px; padding-bottom: 2px; }
#sitemaplist a { font:normal 11px arial; color:#000; text-decoration:none;}
#sitemaplist a:hover { text-decoration:underline;}

.gotoindex {font:normal 9px arial; color:#666; padding-top:3px;}
.gotoindex a {color:#F60; text-decoration: none;}
.gotoindex a:hover {text-decoration:none; color:#FFF; background-color:#003366;}

.gotoindexputih {font:normal 9px arial; color:#666; padding-top:3px;}
.gotoindexputih a {color:#FFF; text-decoration: none;}
.gotoindexputih a:hover {text-decoration:none; color:#CCC;}

.keciiil {font:normal 9px arial; color:#999;}

.linktopartikel {font:bold 11px arial; color:#666; letter-spacing:0.02em; margin-bottom:10px;}
.linktopartikel a {color:#666; text-decoration:none; margin-right:7px; margin-left:7px;}
.linktopartikel a:hover {color:#333; text-decoration:underline;}

.titlekecil {font:bold 1.1em arial; color: #333; text-transform:uppercase;}
.titlekecil a {color:#333; text-decoration:none;}
.titlekecil a:hover {text-decoration:underline;}

/* blogs */
.blogheadline {font:normal 18px arial; color: #000; margin-bottom:5px;}
.blogheadline a {color: #000; text-decoration:none;}
.blogheadline a:hover {text-decoration:underline;}

.blogtext {font:normal 12px arial; color: #000; margin-bottom:5px; line-height:18px; padding-right:75px; background:url(../data/images/quote_end.gif) no-repeat top right;}
.blogtext a {color: #000; text-decoration:none;}
.blogtext a:hover {text-decoration:underline;}
.blogtext span {margin-left:5px;}
.blogtext span a {font:bold 12px arial; color: #F60; text-decoration:none; margin-left:5px;}
.blogtext b {font:normal 18px arial; color: #000;}
.blogtext b a {font:bold 18px arial; color: #000; text-decoration:none;}

#bloglist { margin-left: 0; margin-top: 0px; margin-bottom:0;  padding-left: 0; list-style: none;}
#bloglist li { padding-top:2px; padding-bottom: 2px; }
#bloglist a { font:normal 12px arial; color:#336699; text-decoration:none;}
#bloglist a:hover { color:#003366; text-decoration:underline;}
#bloglist span {font:normal 11px arial; color:#F60;}
#bloglist b { font:normal 18px arial; color:#000; text-decoration:none;}

#boxnomor { font: bold 11px verdana; margin-top:0;}
#boxnomor a {display:block; float:left; border:1px solid #CCC; padding:4px; margin:0px 3px 10px 0px; text-decoration:none; color:#333; background-color:#f0f0f0; }
#boxnomor a:hover { background-color:#336699; border:1px solid #000; color:#FFFFFF;}
#boxnomor a.dipilih { background-color:#003366; border:1px solid #000; color:#FFFFFF;}

.boxnomordaerah { font: bold 11px verdana; margin-top:0;}
.boxnomordaerah a {display:block; float:left; border:1px solid #CCC; padding:4px; margin:0px 3px 10px 0px; text-decoration:none; color:#333; background-color:#f0f0f0; }
.boxnomordaerah a:hover { background-color:#336699; border:1px solid #000; color:#FFFFFF;}
.boxnomordaerah a.dipilih { background-color:#003366; border:1px solid #000; color:#FFFFFF;}

.nomorklasemen {padding:3px; background:#666; width:20px; height:15px; text-align:center; font:bold 13px arial; color:#FFF;}



.agenda { font:normal 11px arial; color:#003366;}
.agenda a { font:bold 11px arial; color:#003366; text-decoration:none; }
.agenda a:hover { text-decoration:underline;}
.agendalist { margin-left: 0; margin-top: 5px; margin-bottom:0;  padding-left: 0; list-style: none;}
.agendalist li { padding-left: 10px; background-image: url(../data/images/bullet.gif); background-repeat: no-repeat; background-position: 0 .5em; }
.agendalist a { font:normal 11px arial; color:#003366; text-decoration:none;}
.agendalist a:hover { text-decoration:underline;}
.agendaist span {font:normal 11px arial; color:#666; margin-right:7px;}

#drop {padding:15px 10px; font:normal 12px arial; color:#333; background-color:#F5F5F5; border-top:1px solid #E4E4E4; border-bottom:1px solid #DDD;}
#drop select {font:normal 11px arial; color:#333; width:150px; background-color:#FFF; border:1px solid #999;}
.linkdrop { float:left; margin-top:0px; margin-right:10px; width:150px;}

.menufooter {font:bold 11px arial; color:#036; padding:15px 10px; line-height:22px; background-color:#FFFFFF; border-top:1px solid #CCC; }
.menufooter a { text-decoration:underline; color:#036; font:normal 11px arial; margin-left:2px; margin-right:2px;}
.menufooter a:hover {text-decoration:none;} 

.menufooterlayanan {font:normal 12px arial; color:#036; padding:15px 10px; background-color:#EBEBEB;}
.menufooterlayanan a { font:bold 12px arial; text-decoration:none; color:#036; margin-right:15px;}
.menufooterlayanan img { border:0; margin-right:10px; vertical-align:middle; }
.menufooterlayanan a:hover {text-decoration:underline;} 

.menuclosing {font:normal 11px arial; color:#333; padding:10px; line-height:20px; background-color:#F1F1F1; border-top:1px solid #FFF; border-bottom:30px solid #D8D8D8; }
.menuclosing a { text-decoration:underline; color:#333; margin-left:5px; margin-right:5px;}
.menuclosing a:hover {text-decoration:none;} 


#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #333;
padding:0px;
background: #FFF url(../data/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}

/* -------------------tab.css */
.basictab{
padding: 3px 0;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-left:5px;
font: bold 11px Arial;
text-transform:uppercase;
border-bottom: 1px solid #999;
list-style-type: none;
}

.basictab li{
display: inline;
margin: 0;

}

.basictab li a{
text-decoration: none;
padding: 3px 5px;
border: 1px solid #999;
border-bottom: none;
background-color: #DDD;
color: #2d2b2b;
background-image:url(../data/images/tabs.gif); background-repeat:repeat-x;

}

.basictab li a:visited{
color: #2d2b2b;
}

.basictab li a:hover{
background-image:none;
background-color: #FCA20F;
color: white;
}

.basictab li a:active{
color: black;
}


.basictab li a.selected{ 
position: relative;
top: 1px;
}

.basictab li a.selected{ 
background-color: #FFF;
background-image: url(../data/images/shadeactive.gif);
border-bottom-color: white;
}

.basictab li a.selected:hover{ 
text-decoration: none;
color: black;
}

/* tab headline */

.basictabdepan {
padding: 0px 0;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-left:5px;
font: bold 11px Arial;
text-transform:uppercase;
border-bottom: 1px solid #999;
list-style-type: none;
float:left;
}

.basictabdepan li{
display: inline;
float:left;
margin: 0;
margin-right:2px;

}

.basictabdepan li a{
text-decoration: none;
padding: 3px 5px;
border: 1px solid #999;
border-bottom: none;
background-color: #DDD;
color: #2d2b2b;
background-image:url(../data/images/tabs.gif); background-repeat:repeat-x;
float:left;

}

.basictabdepan li a:visited{
color: #2d2b2b;
}

.basictabdepan li a:hover{
background-image:none;
background-color: #FCA20F;
color: white;
}

.basictabdepan li a:active{
color: black;
}


.basictabdepan li a.selected{ 
position: relative;
top: 1px;
}

.basictabdepan li a.selected{ 
background-color: #FFF;
background-image: url(../data/images/shadeactive.gif);
border-bottom-color: white;
}

.basictabdepan li a.selected:hover{ 
text-decoration: none;
color: black;
}

.basictabdepan li.linkindex {
float:right;
font: normal 9px arial;
color:#F60;
text-transform:lowercase;
}

.basictabdepan li.linkindex a {
color:#F60;
text-decoration:none;
background:none;
border:none;
margin:0;
padding:0;
vertical-align:bottom;
}

.basictabdepan li.linkindex a:hover {
color:#F60;
text-decoration:none;
background: #EEE;
border:none;
margin:0;
padding:0;
vertical-align:bottom;
}









/* tab dua */
.tabdepan{
padding: 3px 0;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-left:5px;
font: bold 11px Arial;
text-transform: capitalize;
border-bottom: 1px solid #999;
list-style-type: none;
}

.tabdepan li{
display: inline;
margin: 0;

}

.tabdepan li a{
text-decoration: none;
padding: 3px 5px;
border: 1px solid #999;
border-bottom: none;
background-color: #DDD;
color: #2d2b2b;
background-image:url(../data/images/tabs.gif); background-repeat:repeat-x;

}

.tabdepan li a:visited{
color: #2d2b2b;
}

.tabdepan li a:hover{
background-image:none;
background-color: #FCA20F;
color: white;
}

.tabdepan li a:active{
color: black;
}

.tabdepan li a.selected{ 
position: relative;
top: 1px;
}

.tabdepan li a.selected{ 
background-color: #FFF;
background-image: url(../data/images/shadeactive.gif);
border-bottom-color: white;
}

.tabdepan li a.selected:hover{ 
text-decoration: none;
color: black;
}


/* Travel only */
.traveltab{
padding: 3px 0;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-left:5px;
font: bold 11px Arial;
text-transform:uppercase;
border-bottom: 1px solid #B62B0E;
list-style-type: none;
}

.traveltab li{
display: inline;
margin: 0;

}

.traveltab li a{
text-decoration: none;
padding: 3px 5px;
border: 1px solid #B62B0E;
border-bottom: none;
background-color: #DDD;
color: #666;
background-image:url(../data/images/tabs.gif); background-repeat:repeat-x;

}


.traveltab li a:hover{
background-image:none;
background-color: #FC0;
color: black;

}

.traveltab li a:active{
color: black;
}

.traveltab li a.selected{ 
position: relative;
color: black;
top: 1px;
}

.traveltab li a.selected{ 
background-color: #FBEAE0;
/*background-image: url(shadeactive.gif);*/
border-bottom-color: white;
color: black;
}

.traveltab li a.selected:hover{ 
text-decoration: none;
}

.balong11 {font:bold 14px arial; text-transform:uppercase; color:#5B8D3A;}
.balong11 a {font:bold 14px arial; color:#5B8D3A; text-decoration:none;}

.balong12 {font:bold 14px arial; text-transform:uppercase; color:#0162AE;}
.balong12 a {font:bold 14px arial; color:#12B4FF; text-decoration:none;}

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


/*------------------ menu.css----------*/
#nav {width:980px; height:50px; background:url(../data/images/tabgab.gif); border-top:1px solid #666; padding-left:10px; margin-bottom:0px;}
.selectsub { background-image:url(../data/images/bgtabmenuorenselect.gif); background-repeat:repeat-x; }


.menubawah {
padding-left:0;
margin-left:0;
height:25px;
}

.menubawah ul{
list-style-type:none;
padding:0;
margin:0;
}

.menubawah li{
padding:0; margin:0;
float:left;
}

.menubawah li a {
display:block; 
font:normal 11px arial;
height:15px; 
width:auto; 
float:left; 
color:#000; 
padding:5px 6px;
text-decoration:none
}

.menubawah li a:hover {
color:#C00;
}




.menukiri {
float:right;
background: url(../data/images/bg_menukiri_awal.gif) no-repeat;
padding-left:11px;
margin-left:0;
height:25px;
}

.menukiri ul{
list-style-type:none;
padding:0;
margin:0;
}

.menukiri li{
padding:0; margin:0;
background: url(../data/images/bg_menukiri.gif) repeat-x;
float:left;
}

.menukiri li a {
display:block; 
font:normal 11px arial;
height:15px; 
width:auto; 
float:left; 
color:#333; 
padding:7px 8px 3px 8px;
background: url(../data/images/bg_menukiri_batas.gif) no-repeat right;
text-decoration:none
}

.menukiri li a:hover {
color:#C00;
}

.menukiri li form {
padding:6px 15px 3px 8px;
background: url(../data/images/bg_menukiri_akhir.gif) no-repeat right;
float:left; 
}



.menukiridua {
float:right;
background: url(../data/images/bg_menukiri_awal.gif) no-repeat left;
padding-left:11px;
margin-left:0;
height:25px;
}

.menukiridua span{
float:left;
background: url(../data/images/bg_menukiri_akhir.gif) no-repeat right;
margin:0; padding:0; padding-right:11px;
}

.menukiridua ul{
list-style-type:none;
padding:0;
margin:0;
}

.menukiridua li{
padding:0; margin:0;
background: url(../data/images/bg_menukiri.gif) repeat-x;
float:left;
}

.menukiridua li a {
display:block; 
font:normal 11px arial;
height:15px; 
width:auto; 
float:left; 
color:#333; 
padding:7px 5px 3px 5px;
background: url(../data/images/bg_menukiri_batas.gif) no-repeat right;
text-decoration:none
}

.menukiridua li a:hover {
color:#C00;
}

.menukiridua li form {
padding:6px 15px 3px 8px;
background: url(../data/images/bg_menukiri_akhir.gif) no-repeat right;
float:left; 
}




.menukanankedua1 {background:url(../data/images/bg_menukiri_awal.gif) no-repeat left top; float:right; width:145px; padding-left:11px;}
.menukanankedua2 {background:url(../data/images/bg_menukiri_akhir.gif) no-repeat right top; padding-right:11px;}
.menukanankedua { background:url(../data/images/bg_menukiri.gif) repeat-x; height:25px;}

.menukanankedua ul{
list-style-type:none;
padding:0;
margin:0;
}

.menukanankedua li{
padding:0; margin:0;
float:left;
}

.menukanankedua li a {
display:block; 
font:normal 11px arial;
height:15px; 
float:left; 
color:#333; 
padding:7px 8px 3px 8px;
background: url(../data/images/bg_menukiri_batas.gif) no-repeat right;
text-decoration:none
}

.menukanankedua li.tutupan a {
display:block; 
font:normal 11px arial;
height:15px; 
float:left; 
color:#333; 
padding:7px 8px 3px 8px;
background: none;
text-decoration:none
}


.menukanankedua li a:hover {
color:#C00;
}


/*---------- ticker ----------*/
#ticker {
	position: absolute; 
	overflow: hidden; 
	width: 500px; 
	height: 18px; 
	font:bold 12px arial;
	color:#FF6600;
}

#ticker_content {
	position: absolute;
	top: 0px;
	left: 0px;
}

#ticker a {
	display: block;
	padding: 0 0px;
	text-decoration: none;
	padding-left:75px;
	font:bold 12px arial;
	color:#369;
}
#ticker a:hover {color: #C00; text-decoration:underline;}


/*--------------- belt ---*/
		html { font-size: 13px; font-family: Verdana, Arial, sans-serif; }
		#heading {
			display: block;
			text-align: right;
			margin-bottom: 1em;
		}
		#heading * {
			display: inline;
			padding: 4px;
			user-select: none;
			cursor: pointer;
			vertical-align: middle;
		}
		#heading li.active {
			background-color: #cccccc;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		#panes {
			float: left;
			text-align: left;
			border-style: none;
			width: 925px;
			margin: 0 auto 0 auto;
		}
		
		#previous { float: none; cursor: pointer; }
		#next { float: none; cursor: pointer; }



.stepcarousel{
position: relative; /*leave this value alone*/
background:#F5F5F5;
overflow: scroll; /*leave this value alone*/
width: 510px;
height: 170px; /*Height should enough to fit largest content's height*/
float:left;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 6px; /*margin around each panel*/
width: 120px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
font:normal 12px arial;
color:#336699;
}

.stepcarousel .panel img {
width: 120px; 
height: 90px;
}


p.samplebuttons{
width: 320px;
text-align: center;
}

p.samplebuttons a{
color: #2e6ab1;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}
.advertbalong {font:bold 11px arial; text-transform:uppercase; color:#F60;}
#advlist { margin-left: 0; margin-top: 5px; margin-bottom:0;  padding-left: 0; list-style: none; border-top:1px solid #EEE; width:300px;}
#advlist li { padding-left: 10px; background-image: url(../data/images/bullet.gif); background-repeat: no-repeat; background-position: 0 .6em;  padding-top:2px; padding-bottom: 2px;  border-bottom:1px solid #EEE;  }
#advlist a { font:bold 12px arial; color: #CC3333 ; text-decoration:none;}
#advlist a:hover { color:#003366; text-decoration:underline;}
#advlist span {font:bold 11px arial; color:#F60; margin-right:5px; text-transform:uppercase;}

/* KOMPASE CSS Document */

#front_bungkus {background:url(/data/images/front-bg.jpg) repeat-x black; width:258px; color:white; font:normal 12px arial; border:1px solid black;}
.front_linkindex {font-size:9px; color:white; background:url(/data/images/front-logo.gif) no-repeat; width:258px; height:57px;}
.front_linkindex a { margin-left:210px;  color:white; text-decoration:none; }
.front_linkindex a:hover {text-decoration:underline;}

.front_judul {font:bold 12px arial; color:#70c9ff;}
.front_judul a {text-decoration:none;color:#70c9ff;}
.front_judul a:hover {text-decoration:underline;}
.front_image {border:1px solid white; padding:1px; float: left; margin-right:10px; width:80px; height:60px;}

.front_sub {color:#70c9ff; font:bold 11px arial;}
.front_list {background:url(/data/images/front-bullet.gif) no-repeat 3px; padding-left:10px; padding-top:2px; padding-bottom:2px;} 
.front_list a {color:white; text-decoration:none; }
.bukapuasa {
	position:absolute;
	left:344px;
	top:349px;
	width:300px;
	height:250px;
	z-index:1;
}