/* CSS Document : poskupang  Desember 2009 */

body { 
	font-family:tahoma,verdana,arial,sans-serif;
	font-size:12px;
	color:#323233; 
	line-height:1.466; 
	background-color:#fff;
	width:998px;
	margin: 0 auto;
	border:2px solid #ddd;
	
	}



a { 
font-weight:bold; 
color:#3266af; 
text-decoration:none;
outline:none }
a:hover { text-decoration:underline }

/*Clears all Assigned to a BR tag placed just before menuwrapper's closing DIV tag*/
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
	padding:0;
	margin:0;
	background:none;
}

.spacer {margin-top:7px;}

/* Header */
#tf { position: fixed; left: 0px; top: 0px; text-align:center; width:100%;}
#tb { position: fixed; left: 0px; right:auto; bottom: 0px;text-align:center; width: 100%; z-index:1000; } 
div > div#tf { position: fixed; }
div > div#tb { position: fixed; }
pre.fixit { overflow:auto;border-left:1px dashed #000; border-right:1px dashed #000;padding-left:2px; }
#topnav {padding:0; margin:0; }
#nav {width:998px; height:28px; background: url(../images/index.gif);}
#head { 
	width:998px; 
	height:90px; 
	}
.logo {float:left; margin-left:5px; text-align:left; }
.bntop {float:right; margin-right:20px; padding-top:20px; text-align:right;}
#nav {width:998px; height:28px;  background:#0076b6 url(../images/index.gif) repeat-x;}

/* from tnews */

.ktnews
{
padding-right:7px;
padding-left:3px;
padding-bottom:7px;
margin-left:5px;
text-align:left;
border:1px solid #ddd;
-moz-border-radius: 4px; -webkit-border-radius: 4px;
background:#fff url(..//css/bg_border.gif) repeat-x;
}


/*- Menu Tabs J--------------------------- */

    #tabsJ {
	  float:left;
	  width:100%;
	  margin:0px ;
      background:#f0f0f0;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #24618E;
	  }
    #tabsJ ul {
	margin:0;
	padding:5px 10px 0 130px;
	list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url(..//gambar/tableftJ.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url(../gambar/tabrightJ.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

#menu { width:998px; height:27px; background:url(../images/bg.png) repeat-x;}
#submenu {width:998px; height:28px; background:#0076b6 url(../images/index_01.jpg) repeat-x;}
.subflash { float:left; margin-left:7px;}

.subflash ul{ list-style-type:none; padding:0; margin:0; }
.subflash li{float:left; height:14px; margin-top:4px; }
.subflash li a {float:left; display:block; font:normal 11px arial; color:#fff; padding:5px; margin-right:3px; text-decoration:none; }
.subflash li a.selected {background-color:#fff; padding:5px; color:#003399;}
.subflash li a:hover { text-decoration:underline;}

.subsubmenu { float:right; background: url(../images/left_tab_blue.png) no-repeat ; height:25px; margin-left:0; padding-left:11px; padding-bottom:3px; }
.subsubmenu ul{ list-style-type:none; padding:0; margin:0; margin-right:10px; }
.subsubmenu li{padding:0; margin:0; float:left; background:url(../images/tab_blue.png) repeat-x; }
.subsubmenu li a { display:block; font:normal 11px arial; height:16px; width:auto; float:left; color:#003399; padding:9px 3px 3px 3px; text-decoration:none; }
.subsubmenu li a img {margin:0; padding:0; }
.subsubmenu li a:hover { color:#C00; }
.subsubmenu li form { padding:0 15px 0 8px; float:left; height:28px; background: url(../images/right_tab_blue.png) no-repeat right top;}

/* Search */
.inputsearch { float:left; font: normal 11px tahoma; width:90px; border:1px solid #CCC; margin:0 8px; padding:0; margin-top:7px; }
.butsearch { float:left; margin-right:15px; margin-top:8px; }

/* Alamat */
.alamat {color:#000;}
.alamat a {color:#666; text-decoration:none;}
.alamat a:hover {color:red; text-decoration:underline;}

/************************ 
--- Content Template ----
************************/
.rules{ border:2px solid #FF6600;}
#newsBola {width:692px; float:left; background:#f0f0f0; padding-bottom:5px; }
#contentBola1 {
	width:265px;
	height:100%;
	line-height:0.100;
	float:left;
	margin-left:5px;
	margin-top:5px;
	padding-left:5px;
	padding-right:2px;
	border:1px solid #ddd;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background:#fff;
}
#contentBola2{
	width:406px; 
	height:451px;
	margin:0px 0px;
	margin-top:5px;t
	padding-top:5px;
	float:right; 
	background:#fff; 
	padding-left:-3px;
	border:1px solid #ddd;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;}
	
#contentBola3{
	width:265px;
	height:415px;
	float:left;
	margin-left:5px;
	padding-left:5px; 
	border:1px solid #ddd;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background:#fff ;
	}
#contentBola4 {
	width:337px;
	float:left;
	margin-left:5px; 
	margin-top:4px;
	border:1px solid #ddd;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background:#fff; 
	 }
#contentBola5 {
	width:337px;
	float:right;
	margin-top:4px;   
	border:1px solid #ddd;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background:#fff; 
	}
 

#content1 {width:692px; float:left; background-color:#F0F0F0; padding-bottom:4px; }
#content1a {
	width:265px;
	height:100%;
	line-height:0.166;
	float:left;
	margin-left:5px;
	margin-top:5px;
	padding-left:5px;
	padding-right:2px;
	border:1px solid #ddd;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background:#fff;
}
#content1b {
	width:406px; 
	height:451px;
	margin:0px 0px;
	margin-top:5px;t
	padding-top:5px;
	float:right; 
	background:#fff; 
	padding-left:-3px;
	border:1px solid #ddd;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;}
#content1c{
	width:265px;
	height:415px;
	float:left;
	margin-left:5px;
	padding-left:5px; 
	border:1px solid #ddd;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background:#fff ;
	}
#content1d {
	width:401px; 
	height:414px;
	float:right; 
	margin:0px 0px;
	padding-left:5px;
	border:1px solid #ddd;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background:#fff }

#content1e {
	width:960px; 
	float:left; 
	padding:5px; 
	margin-top:5px;
	margin-left:5px;
	padding-left:5px;
	border:1px solid #ddd;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background:#fff;}

#content2 {
	width:310px;
	float:left;
	height:221px; 
	float:left;
	margin-left:5px;
	padding-left:5px;
	padding-top:4px;
	padding-right:5px;
	border:1px solid #ddd;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background:#fff; 
	}
#content3 {width:335px; float:right;}

#content4 {width:120px; float:left;background:#fff; padding:10px 5px; }
#content5 {width:520px; float:left; background:#fff; padding:10px; }
#content5a {width:253px; float:left; background:none; }
#content5b {width:253px; float:right; background:none; }

#contentCitizen {
	width:310px; 
	float:left;
	margin-left:5px;
	padding-left:5px;
	padding-top:4px;
	padding-right:5px;
	border:1px solid #ddd;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background:#fff; 
	}
#contentHotline {width:660px;float:left; margin-right:5px; }
#contentRead {width:660px;float:left; margin-right:5px; padding-top:5px; padding-left:5px; }
#contentNews {width:673px;float:left; background:#f0f0f0; }
#contentNews1  {
	width:330px;
	height:100%; 
	float:left;
	margin-left:5px; 
	margin-top:4px;
	border:1px solid #ddd;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background:#fff; 
	 }
	
#contentNews2 {
	width:328px;
	float:right;   
	margin-top:4px;
	border:1px solid #ddd;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background:#fff; 
	}
#contentNews3 {width:310px; float:right; background:none; padding-bottom:10px; }
#contentNews4 {
	width:330px;
	height:100%; 
	float:left;
	margin-left:5px; 
	margin-top:4px;
	margin-bottom:5px;
	border:1px solid #ddd;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background:#fff; 
	 }
#contentNews5 {
	width:328px;
	float:right;   
	margin-top:4px;
	margin-bottom:5px;
	border:1px solid #ddd;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background:#fff; 
	}
#contentLoker1  {
	width:328px;
	height:225px; 
	float:left;
	margin-left:5px; 
	margin-top:4px;
	border:1px solid #ddd;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background:url(../images/icon/skh_poskpg.png) no-repeat; 
	 }

#contentLoker2 {
	width:328px;
	float:left;   
	margin-top:4px;
	border:1px solid #ddd;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background:#fff; 
	}
	
#contentLoker3  {
	width:328px; 
	float:left;
	margin-left:5px; 
	margin-top:4px;
	border:1px solid #ddd;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background:#fff; 
	 }

#contentnews {width:290px; height:20px; float:left; padding:3px 10px; font-size:14px; background-color:#0066CC; float:}

#contentbxft {background:url(../images/bg.jpg) repeat-x ; padding:10px;color:#FFCC00; }

#ADV {width:306px;float:right; background: #f0f0f0;}
#bolaADV {width:306px; float:right; background:#f0f0f0; padding-top:5px;}
#ADV2 {width:325px; float:right; background: #f0f0f0;}
#contentADV {width:300px; float:right; background:#FOFOFO; /*url(../images/bg.jpg) repeat-x*/ }

#advert {width:300px;float:right; background:#fff; padding:10px;color :#FFCC00; }
.adv {text-align:center; padding:10px;}
.sideadv {border-bottom:1px solid #ddd; padding-bottom:10px;}
<!--.sidebox {border-bottom:1px solid #ddd; padding-bottom:10px; font-style:normal; color:black;}-->
.sidebox { 
	width:290px; 
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	border:1px solid #ddd; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	background-color:#fff;
	text-align:left;
	}
#opini {width:988px; height:170px; float:left; background: url(../images/grad_tengah.gif) repeat-x; padding:0 5px; color:#000; margin:0; border-bottom:2px solid #FF6600;}


/************************ 
--- Background facebook----
************************/
.latar_fb { float:right; width:300px; background-color:#f0f0f0; }
#ADV3 {width:300px; float:right; background:#f0f0f0;}
#comments_fb { width:315px; float:right; background:#f0f0f0; padding-left:10px; }
.adv_rubrik { 
	width:660px;
	overflow:auto;
	margin-left:5px; 
	margin-bottom:5px;
	margin-top:5px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px; 
	background-color:#fff ;
	text-align:center;
	}
#latar_tnews {
	float:right;
	width:401px;
	overflow:auto; 
	margin-bottom:5px;
	padding-left:5px;
	padding-bottom:5px;
	border:1px solid #ddd; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	background-color:#fff ;
	text-align:left;
	}	
#latar_hotline {
	float:left;
	width:310px;
	height:285px;
	overflow:auto; 
	margin-left:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	border:1px solid #ddd; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	background-color:#fff;
	text-align:left;
	}
#latar_kuping {
	width:390px;
	float:right;
	margin-right:5px; 
	margin-left:1px;
	padding-left:1px;
	padding-right:1px;
	padding-bottom:1px;
	border:1px solid #ddd; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	background-color:F2F2F2 url(../css/bg_border.gif) repeat-x;
	}
#latar_citizen {
	float:right;
	width:330px; 
	height:220px;
	overflow:auto; 
	margin-left:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	border:1px solid #ddd; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	background-color:#fff;
	text-align:left;
	}
	
#latar_adv{
	widht:300px;
	margin-right:5px;
	border:1px solid #ddd; 
	background-color:#fff;
	}
	
#latar_adv2{
	widht:300px;
	margin-left:5px;
	margin-right:5px;
	border:1px solid #ddd;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	background-color:#fff;
	}

	

#fb_comment {width:295px; height:400px; overflow:auto; margin:auto; padding:5px; border:1px solid #cccccc; background-color:#eeeeee; text-align:left;}


/************************ 
--- News ----
************************/

/* Headline Foto */
.imgheadline {padding:5 5 5 5; width:340px; height:300px; border:solid 1px #DADADA;}
#sumberfoto01 { float:right;font:normal 9px tahoma;text-decoration:none;color:#666;padding-left:5px;padding-right:5px;text-transform:uppercase;}
#sumberfoto01 a{ font:normal 8px tahoma;text-decoration:none;color:#666;padding-left:5px;text-transform:uppercase;}
#sumberfoto01 a:hover{text-decoration:underline;}

.headline { padding-left:5px; float:left; font:bold 16px tahoma; color:#336699; text-transform:capitalize;}
.judulheadline {padding-left:5px; font:bold 24px tahoma; line-height:28px; text-decoration:none; color:#fff; background-color:#000; padding-bottom:5px;}
.judulheadline a{font:bold 24px tahoma; text-decoration:none; color:#fff;}
.judulheadline a:hover{text-decoration:none;color:#FF6600;}
.tanggalheadline { padding-left:5px; font:normal 11px tahoma; color:#FF6600; text-transform:none;}
.leadheadline { padding-left:5px; padding-right:5px; padding-bottom:10px; padding-top:5px; font: normal 12px tahoma; text-decoration:none; color:#000; }
.author {float:right; font:normal 9px tahoma; color:#FF6600; text-transform:lowercase;}
.caption {text-align:justify; font: tahoma; font-size:11px; color:#666; margin:0 10px; margin-bottom:10px; padding-top:15px;}




/* News Update */
#beritaterkini { margin:0px;padding-left: 0; list-style: none; }
#beritaterkini li { padding-left: 0px;/* background-image: url(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 tahoma; color:#336699; text-decoration:none;}
#beritaterkini a:hover { color:red; text-decoration:none;}
#beritaterkini span {font:normal 10px tahoma; color:red; margin-right:7px;}

#judulheadline { font:normal 30px tahoma;line-height:32px;text-decoration:none;color:#000;padding-left:5px;}
#judulheadline a{ font:normal 30px tahoma;line-height:32px;text-decoration:none;color:#000;padding-left:5px;}
#judulheadline a:hover{text-decoration:none;}

/* Berita Terpopuler */
#beritalist { margin:5px 5px 5px 5px; padding:0; list-style: none;}
#beritalist li { padding:3px 0; padding-left: 15px; background: url(..//images/bullet.gif) no-repeat; background-position: 0 .7em;  border-bottom:1px solid #EEE; }
#beritalist a { font:bold 12px tahoma; color:#336699; text-decoration:none;}
#beritalist a:hover { color:red; text-decoration:none;}
#beritalist span {font:normal 11px tahoma; color:#666; margin-right:7px;}

/* SectionTerkini root*/
#jdlkini {font:bold 18px tahoma; color:#A80000; text-decoration:none; float:left; margin-left:5px; margin-bottom:1px;}
#sjdul{font:bold 14px serif; color:#FF6600; text-decoration:none; float:right}
#sectionterkini { margin:0; padding:0; list-style: none;}
#sectionterkini li { padding:3px 0; padding-left: 10px; background: url(..//images/bullet.gif) no-repeat; background-position:0 .7em; border-bottom:1px solid #EEE; }
.judulsectionterkini a { font:normal 12px tahoma; color:#336699; text-decoration:none;}
#sectionterkini a:hover { color:red; text-decoration:none;}

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

/***** Opini *****/
#opiniterkini { margin:0;padding:10px;}
.judulopini a { font:bold 14px tahoma; color:#336699; text-decoration:none;}
.judulopini a:hover { color:red; text-decoration:none;}

.opinithumb {float:left; margin-right:5px; margin-top:3px;}
.opinithumb img {border:1px solid #CCC; margin:0; padding:1px;}

/***** Lyfestyle *****/
#lifestyleterkini { margin:0;padding:10px;}
.judullifestyle a { font:bold 16px tahoma; color:red; text-decoration:none;}
.judullifestyle a:hover { color:blue; text-decoration:none;}

.lifestylethumb {float:left; margin-right:5px; margin-top:3px;}
.lifestylethumb img {border:1px solid #CCC; margin:0; padding:1px;}

/***** All For Use *****/
.section{ font:bold 10px tahoma;color:#666666; text-transform:none; }
.tanggal{ font:normal 10px tahoma;color:#0099CC; text-transform:none; }
.tglan{ font:bold 16px tahoma;color:#666; text-transform:none; }
.tanggalsection{ font:normal 10px tahoma;color:#0099CC; text-transform:none; margin-left:5px; }
.teaser { font:normal 12px tahoma; text-decoration:none; color:#000; }
#tkfoto{ font:normal 10px tahoma;color:#000;text-align: right;width:322px;margin-top:0px;} 

/***** Gramedia Shop *****/
.thm_gshop_besar { width:100px; height:150px; padding-bottom:5px; border:none; }
.thm_gshop_kecil {width:70px; height:100px; padding-bottom:5px; border:none;}
.box_gshop_buku { font:bold 11px tahoma; text-decoration:none;}
.box_gshop_buku a { text-decoration:none;}
.box_gshop_buku a:hover { color:#C00; text-decoration:none;}
	
	
/******************** 
--- Read Artikel ----
********************/

/****** rubrikasi *****/
/* Rubrikasi */
#fitur {font:bold 14px arial;color:#333333;text-transform:uppercase;text-decoration:none;}
#fiturku {font:bold 14px arial; color:#A80000; text-transform:uppercase;text-decoration:none; background-color:#F0F0F0; width:320px; padding-left:5px; }
.judulfitur {font:bold 14px tahoma;color:#2D2D2D;text-decoration:none;}
.judulfitur a{font:bold 14px tahoma;color:#134692;text-decoration:none;}
.judulfitur a:hover{text-decoration:none;color:red;}

.sidejudulfitur {font:bold 14px tahoma;text-decoration:none; color:#000000;}
.sidejudulfitur a{font:bold 14px tahoma;text-decoration:none; color:#000000;}
.sidejudulfitur a:hover{text-decoration:none;color:blue;}

.judulhotline {font:bold 14px tahoma;text-decoration:none; color:#134692;}
.judulhotline a{font:bold 14px tahoma;text-decoration:none; color:#EB891B;}
.judulhotline a:hover{text-decoration:underline;}

.thumb {float:left; margin-right:5px; margin-top:3px;}
.thumb img {width:80px; height:60px; border:1px solid #CCC; margin:0; padding:1px;}
.thumb1 {float:left; margin-right:5px; margin-top:3px;}
.thumb1 img {width:70px; height:50px; border:1px solid #fff; margin:0; padding:1px;}

/* index or berita lainnya */
#keindex {font:normal 11px tahoma;color:#FF9900; text-decoration:none; margin-right:3px; }
#keindex a{font:normal 11px tahoma;color:#FF9900; text-decoration:none; }
#keindex a:hover{text-decoration:underline;}


/***** Section View *****/
#JuDuLsection {
	font:bold 16px tahoma; 
	color:#FF6600;
	padding-left:5px;
	padding-bottom:2px;
	margin-left:5px;
	border:1px solid #ddd;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	background-color:#333;}

#JuDuLsectionleft {
	width:337px;
	font:bold 16px tahoma;
	float:left; 
	color:#FF6600;
	padding-left:70px;
	padding-bottom:2px;
	margin-left:5px;
	background-color:#333;
	}

#judulrubrik {font:bold 20px tahoma; text-align:left; color:#20608B; margin-left:5px; margin-top:5px; padding-bottom:2px; text-align:left; background:#fff;}
#beritaleading {padding:10px 0; margin:0; border-bottom:1px solid #CCC; }
.judul {font:bold 15px verdana; color: #EB891B; margin-top:3px;}
.judul a {color:#134692; text-decoration:none;}
.judul a:hover {color:red; text-decoration:none;}


/* Rubrikasi artikel lainnya */
#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(../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 tahoma; color:#336699; text-decoration:none;}
#navlist a:hover { color:red; text-decoration:none;}
#navlist span {font:normal 11px tahoma; color:#666; margin-right:7px;}


/*******************************
-------- Isi Artikel  ----------
*******************************/
/* linkto */
.linkto {font:bold 11px verdana; color:#666; letter-spacing:0.02em; }
.linkto a {color:#134692; text-decoration:none; margin:0 7px;}
.linkto a:hover {color:red; text-decoration:none;}

.linkabukecil {font:normal 11px tahoma; color:#333; letter-spacing:0.02em; margin-top:5px;}
.linkabukecil a {color:#333; text-decoration:none;}
.linkabukecil a:hover {color:red;text-decoration:underline;}

/*** Read & Section View ***/
#judulartikel {font:bold 24px tahoma ; color:333333;  }
#isiartikel {font-size:12px; text-align:left; }

/***** Isi Artikel *****/
#batasartikel {border-bottom:1px solid #CCC; padding:5px 0; padding-bottom:20px; }
.judulartikel {font-size:22px; color:#666666; margin:0; line-height:28px; }
.supjudulartikel {font-size:16px; text-align:left; color:#666666; }
.subjudulartikel {font-size:16px; text-align:left; color:#666666;}
.penulis {font-size:12px; text-align:left; color:#666666;}
#kutipan {font-size:14px; text-align:left; color:#FF9900;}
.isiartikel {font-size:13px; text-align:left;}

/***** artikel terkait *****/
.boxartikel {float:left; width:300px; border:none; margin-right:10px; }
.boxloadarea { margin-bottom:5px; width:300px; border:none; }
.boxloadarea img {width:300px; height:200px; border:none;}
.boximgartikel {background-color:#F2F2F2;}
.boximgartikel span { float:left; font:normal 11px verdana; color:#000; padding:0; }
.boximgartikel a { float:right; font:normal 9px verdana; color:red; text-decoration:none; padding:0;}
.boximgartikel a:hover {color:red; }

.kutipan {float:left; width:250px; border:none; margin-left:20px; margin-top:4px; padding-bottom:5px; }
.boxkutipan {
	font:normal 20px "arial"; text-align:center; font-style:inherit; font-size-adjust:inherit ; color:#FF9900;
	width:240px;
	float:left; 
	margin-left:4px; 
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background:#fff url(..//css/bg_border.gif) repeat-x; }
	
#boxterkait {border-top:2px solid #DDD; padding:5px 0; }
#boxterkait select { font:normal 11px verdana; color:#003366; text-decoration:none;}
#tkfoto{ font:normal 10px verdana;text-align: right;}


/****************************************** 
--- artikeltools (Font, Print & Email) ----
******************************************/
#dibaca {padding:5px 0;}
.artikeltools {float:right; }
.artikeltools a {color:#fff; text-decoration:none;}
.artikeltools span {font:normal 8px verdana; color:none; text-decoration:none; }
.artikeltools img {margin-right:0px; }

.balong {font:bold 14px tahoma; text-transform:uppercase; color:black;}
.balong a {font:bold 14px tahoma; color:black; text-decoration:none;}

.comment {font:normal 11px tahoma; color:#333; letter-spacing:0.02em; }
.comment a {color:#333; text-decoration:none;}
.comment a:hover {color:red; text-decoration:underline;}


/****************************************** 
---------- list artikel lainnya -----------
******************************************/
#beritalainnya { margin-left: 0; margin-top: 5px; margin-bottom:0;  padding-left: 0;}
.tanggallainnya {font:normal 10px verdana; color:green; text-transform:uppercase; margin-bottom:2px;}
.judullainnya {font:bold 14px verdana; color:#336699;}
.judullainnya a {color:#134692; text-decoration:none;}
.judullainnya a:hover {color:red; text-decoration:none;}

/****** Artikel Lainnya ******/
.artikellainnya { font: bold 11px tahoma; text-transform:uppercase; padding: 3px 0;
padding-left:5px; margin: 5px; border-bottom: 1px solid #999; list-style-type: none; }

.artikellainnya li{ display: inline; margin: 0; }
.artikellainnya li a{ text-decoration: none; color: #2d2b2b; padding: 3px 5px; border: 1px solid #999; border-bottom: none; background: #DDD url(../images/tabs.gif) repeat-x; } 

.artikellainnya li a:visited{ color: #2d2b2b; }
.artikellainnya li a:hover{ background-image:none; background-color: #F90; color: black; }
.artikellainnya li a:active{ color: black; }

.artikellainnya li a.selected{ position: relative; top: 1px; } /*selected main tab style */
.artikellainnya li a.selected{ background:#F3F4F7 url(../images/menu_bg1.gif); border-bottom-color: white; color:#000; } /*selected main tab style */
.artikellainnya li a.selected:hover{ text-decoration: none; } /*selected main tab style */


/****************************** 
--- Box Nomor (Pagination) ----
******************************/
#boxnomor { font: bold 11px verdana; padding:0; margin-top:10px;}
#boxnomor a { display:block; float:left; border:1px solid #DDD; padding:3px; margin:0 3px 0 0; text-decoration:none; color:#555; background-color:#f0f0f0;}
#boxnomor a:hover { background-color:#003366; border:1px solid #000; color:#FFF;}
#boxnomor a.dipilih { background-color:#003366; border:1px solid #000; color:#FFF;}


#latest {margin:15px; text-align:center; color:#fff;}
.fotomaster img {text-decoration:none; border: 1px solid #FFF; width:600px; margin:10px 0;}
.foto img {text-decoration:none; border:0; width:110px; margin-top:10px;}
.tgl {text-align:left; font: boldtahoma; font-size:12px; color:#ccc; margin:0 15px;}
.jdl {text-align:left; font: bold tahoma; font-size:12x; color:#ccc; margin:0 15px;}


/* 
  ------------------------------------
  PVII Menu CSS Express Drop-Down Menu
  by Project Seven Development
  www.projectseven.com
  ------------------------------------
*/
#p7menubar, #p7menubar ul {padding: 0;margin: 0;list-style: none;font: bold 11px tahoma;color:#FFF; text-align:left; }
#p7menubar a {display: block;text-decoration: none;padding:7px 10px;border-right: 1px solid #0C397D;color: #FFF; }
#p7menubar a.trigger {color: #fff;background-image:url(../images/menupilih.jpg) repeat-x; }
#p7menubar a.selected {color: #D8C51F; }
#p7menubar li {float: left;	width:36px;  }
#p7menubar li ul, #p7menubar ul li  {width:100px; }
#p7menubar ul li a  {color: black;border-right: 0;padding: 5px 3px 5px 5px; }
#p7menubar li ul {position: absolute;display: none;background-color: #E4F5FA;z-index:200;border: 1px solid #7B90AF; border-top:none;margin-left:0px;margin-top:0px;}
#p7menubar li:hover a, #p7menubar a:focus,#p7menubar a:active, #p7menubar li.p7hvr a {color: #990000;}
#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 #959595;background-image:none;}
#p7menubar ul a:hover {background-color: #02254C!important;	color: #FFF!important;}
#p7menubar li {width: auto; }

/* Menuku 
#p7menubarku, #p7menubarku ul {padding: 0;margin: 0;list-style: none;font: bold 11px tahoma;color:#FFF; text-align:left; }
#p7menubarku a {display: block;text-decoration: none;padding:7px 10px;border-right: 1px;color: #006699; }
#p7menubarku a.triggerku {color: #fff;background-image:url(../images/menupilih.jpg) repeat-x; }
#p7menubarku a.selected {color: #D8C51F; }
#p7menubarku li {float: left;	width:36px;  }
#p7menubarku li ul, #p7menubarku ul li  {width: 118px; }
#p7menubarku ul li a  {color: black;border-right: 0;padding: 5px 3px 5px 5px; }
#p7menubarku li ul {position: absolute;display: none;background-color: #E4F5FA;z-index:200;border: 1px solid #7B90AF; border-top:none;margin-left:0px;margin-top:0px;}
#p7menubarku li:hover a, #p7menubarku a:focus,#p7menubarku a:active, #p7menubarku li.p7hvr a {color: #A4CEFF;}
#p7menubarku li:hover ul, #p7menubarku li.p7hvr ul {display: block;}
#p7menubarku li:hover ul a, #p7menubarku li.p7hvr ul a {color: #003366;border-top:1px solid #959595;background-image:none;}
#p7menubarku ul a:hover {background-color: #02254C!important;	color: #FFF!important;}
#p7menubarku li {width: auto; }*/

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

/* Footer Copyright */
.menuclosing {font:normal 11px tahoma; color:#333; padding:10px; line-height:20px; background-color:#fff; border-top:1px solid #FFF;}
.menuclosing a { text-decoration:none; color:#333; margin-left:5px; margin-right:5px;}
.menuclosing a:hover {text-decoration:underline; color:red} 

.blokcopy {font:normal 11px tahoma; color:#FFF; padding:10px; line-height:15px; background-color:#20608B;height:15px; text-align:center;}

#menufooter {width:998px; height:100px; text-align:center; bottom:60px; padding-bottom:60px;} 

/* CSS standar kompas.com 
.menufooter {font:bold 12px tahoma; color:#134692; padding:15px 10px; line-height:22px; background-color:#FFF; border-top:1px solid #CCC; }
.menufooter a { text-decoration:underline; color:#134692; font:normal 11px tahoma; margin-left:2px; margin-right:2px;}
.menufooter a:hover {text-decoration:none;} */


/************************ 
--- FOTO MASTER SLIDE ----
************************/
.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width:330px;
padding:6px 5px;
text-align:left; /*How to align pagination links: "left", "center", or "right" */
/*background: #000 url(../images/left.gif) no-repeat;
background: #000 url(../images/left.gif) no-repeat;*/
/*always declare an explicit background color for fade effect to properly render in IE*/
overflow:hidden;}

.glidecontenttoggler img{border:0 solid red;}
.glidecontenttoggler a img {text-decoration: none; }

.glidecontenttoggler a:visited img{border:1px solid #666; width:60px; height:45px; margin-right:3px; }
.glidecontenttoggler a.selected img{border:1px solid #fff; width:60px; height:45px; }
.glidecontenttoggler a:hover img{ border:1px solid red; width:60px; height:45px; }

.glidecontenttoggler a.toc{}
.glidecontenttoggler a.prev, .glidecontenttoggler a.next{color: #000; font-size:9px }
.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{ color: #000; }

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 330px;
height: 390px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
text-align:left;
color:#fff;
}

.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
visibility:  hidden; 
background-color:#666;
overflow:hidden;
width: 318px;
padding:0 5px;
}

.glidecontentwrapper img{ width:318px; border:1px solid #fff; }
.authormaster {text-align:right; font: 10px tahoma; color:#FF9900;}
.judulmaster a {font:24px bold tahoma; color:#fff; margin-top:5px;}
.tanggalmaster {font:11px boldtahoma; color:green; text-transform:uppercase;}
.captionmaster {text-align:justify; font: tahoma; font-size:12px;}


/************************ 
----- dhtmltooltip ------
************************/
/* http://www.dynamicdrive.com/  */
#dhtmltooltip{
position: absolute;
left: -300px;
width: 235px;
border: 1px solid #666;
padding: 5px;
background:#fff url(../images/tooltipbg.png) repeat-x;
visibility: hidden;
z-index: 100;
opacity: 0.79;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
font-size:11px;
}

#dhtmltootip img {opacity :none;}
#dhtmltooltip h1{ color : #000; font-size:14px; margin:0; padding:0; }
#dhtmltooltip small{ font-size:12px;}
#dhtmlpointer{ position:absolute; left:-300px;z-index:101; visibility:hidden; opacity:0.5;}


/************************ 
----- Slider ------
************************/
.slider{
position: relative; /*leave this value alone*/
/*border: 10px solid navy;*/
overflow: scroll; /*leave this value alone*/
width: 924px; /* 270px; (default) Width of Carousel Viewer itself*/
height: 140px; /*Height should enough to fit largest content's height*/
padding:0; margin:0;
}

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

.slider .isi{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
/* margin: 10px; margin around each panel*/
width:934px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}

.slider .isi .subisi{
background-color:#fff;
width:300px;
height:130px;
float:left;
margin-right:9px;
border:1px solid #ddd;
}


/************************ 
----- NewsScroller ------
************************/
#bodiscroll_pjk{
font-size:12px;
width: 286px; /*marquee width */
height: 100px; /*marquee height */
padding:7px;
background-color: white;
color:#000;
overflow: hidden; 
position: relative;
}
#news_jpk {background:#ddd; margin:0 auto; }
#news_pjk a { color:#000; }
#news_pjk ul {margin:0 .5em 0 1em; padding:0; }
#news_pjk li{ line-height:2em; }
/* the news box when JavaScript is available */
#news.hasJS {height:100px; overflow:hidden; position:relative; }
/* The nested UL when JavaScript is available */
#news.hasJS ul {position:absolute; top:100px; left:0; margin:0 .5em 0 .5em; padding:0; }


#bodiscroll{
font-size:12px;
width: 286px; /*marquee width */
height: 100px; /*marquee height */
padding:7px;
background-color: white;
color:#000;
overflow: hidden; 
position: relative;
}

#news {background:#ddd; margin:0 auto; }
#news a { color:#000; }
#news ul {margin:0 .5em 0 1em; padding:0; }
#news li{ line-height:2em; }
/* the news box when JavaScript is available */
#news.hasJS {height:100px; overflow:hidden; position:relative; }
/* The nested UL when JavaScript is available */
#news.hasJS ul {position:absolute; top:100px; left:0; margin:0 .5em 0 .5em; padding:0; }


/************************ 
--- banner rotator ----
************************/
#banners_container { display:block; position:relative; width:510px; height:123px; margin:0px auto 0px; border:1px #CCCCCC solid; padding:0 10px; }
#banner_container { position:relative ; overflow:hidden ; width:510px ; height:123px ; margin:3px auto 0px;  }
#banners { white-space:nowrap; display:block; position:relative; }
#banners a img { border:none; width:485px; }


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#modernbricksmenu_nav{
padding: 0;
/*width: 100%;*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
margin-left:0;
}

#modernbricksmenu_nav ul{
font: bold 10px tahoma;
margin:0;
margin-left: 13px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu_nav li{ display: inline; margin:0; padding:0; text-transform:uppercase;}

#modernbricksmenu_nav a{
float: left;
display: block;
color: white;
margin:0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: .1em;
/*
background-color: #C5CFD0; Default menu color*/
border-bottom: 0 solid white;
font-weight:normal;
border-left:0 solid #C5CFD0;
}

#modernbricksmenu_nav a:hover{
/*background-color: CornflowerBlue; Menu hover bgcolor*/
color:White;
text-decoration:underline;
}

#modernbricksmenu_nav #current_nav a{ /*currently selected tab*/
background-color: white; /*Brown color theme*/ 
border-color: white; /*Brown color theme*/ 
color : #003399 ;
text-decoration:none;
font-weight:bold;
}

#modernbricksmenu_navline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: brown; /*Brown color theme*/ 
}

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

/************************
----- Box Life Style-----
************************/
#boxlfstyle {border:solid 1px #BAC8DA; padding:5px 5px 5px 5px; background-color:#fff;}

/************************
----- Box TV ------------
************************/
#boxktv {border:solid 1px #BAC8DA; background-color:#DDE9F8;padding:5px 5px 5px 5px; }
.titlebox { text-align:left; font:bold 13px tahoma;text-decoration:none;color:#fff;text-transform:uppercase;}
#boxtv1 {width:80px;height:110px;border:solid 1px #DDD;background-color:#FFF;padding:6px 5px 6px 5px;}
#boxtv1 img{border:solid 1px #DDD;}
#boxtv1 a{font:normal 11px tahoma; color:#003366; text-decoration:none;}
#boxtv1 a:hover{color:red;text-decoration:none;}

#boxselebtv {border:solid 1px #BAC8DA; background: url (../images/bg.jpg); padding:6px 6px 6px 6px; }
#judulselebtv {font:bold 13px tahoma;color:#fff;text-decoration:none;}
#judulselebtv a{font:bold 13px tahoma;color:#134692;text-decoration:none;}
#judulselebtv a:hover{text-decoration:underline;}
#hubungselebtv {font:normal 14px tahoma;color:#fff;text-decoration:none;}
#hubungselebtv a{font:bold 12px tahoma;color:#fff;text-decoration:underline;}
#hubungselebtv a:hover{text-decoration:underline;}


/************************ 
----- Unused ------
************************/

#marqueecontainer{
font-size:12px;
position: relative;
width: 286px; /*marquee width */
height: 150px; /*marquee height */
background-color: white;
overflow: hidden;
color:#000;
}
#vmarquee {position:absolute; width: 95%; top:5px;}

#marqueecontainerX{
font-size:12px;
position: relative;
width: 286px; /*marquee width */
height: 150px; /*marquee height */
background-color: white;
overflow: hidden;
}
#vmarqueeX {position:absolute; width: 95%; top:5px;}


/************************ 
----- Qscroller ------
************************/
/*#qscroller1 { width:350px; height:100px; border:1px solid #c0c0c0; background:#f0f0f0;}
.hide { visibility: hidden; position: absolute; top: -400px; }
.qslide { background: #f0f0f0; font-size: 10pt; padding: 3px;}

#qscroller2 { width:320px; height:185px; border:1px solid #c0c0c0; background:#fff; }
.qscroller2-nav { font-size: 9pt; width:320px; height: 15px; background:#f0f0f0; border:1px solid #c0c0c0; }
.qscroller2-nav a { text-decoration: none; }
.qscroller2-nav div { float: right; }
.qslide2 img { float: left; padding: 1px; border: 1px solid #00ffff; margin: 3px 15px 0 3px; }
.qslide2 h1 { margin:0 0 5px; font-size: 110%; color: #16387c; }

#qscroller3 { position: relative; width:205px; height:137px; background: #000; }
#qscroller3-nav { position:absolute; height:18px; visibility: hidden; background: #f0f0f0; 	z-index: 1; width: 100%; }
#qscroller3-nav a { text-decoration: none; }
#qscroller3-nav div { float: right; }
#qscroller3-nav img { border: none; padding: 3px 2px 0; }
*/

/* read_view root
.linkto {font:bold 11px tahoma; color:#666; letter-spacing:0.02em; margin-bottom:10px;}
.linkto a {color:green; text-decoration:none; margin-right:7px; margin-left:7px;}
.linkto a:hover {color:red; text-decoration:none;} */

/* Isi Artikel 
#batasartikel {padding-bottom:5px; border-bottom:1px solid #CCC;}
.boxartikel {float:left; width:302px; margin-right:20px; margin-bottom:20px;}
.boximgartikel { width:300px; padding:1px; margin:0px; font:normal 9px tahoma; color:#666; background-color:#F2F2F2;}
.boximgartikel span {float:left; font:normal 11px tahoma; color:#000; padding:4px; padding-top:0;}
.boximgartikel a{float:right; font:normal 9px tahoma; color:red; text-decoration:none; padding:0;}
.boximgartikel a:hover {color:red; }*/


/********************************* 
----- Persib Mania ------
*********************************/
.klasemen { font: normal 11px verdana; line-height:12px;}
.klasemen p{ margin:0; padding:0; text-transform:capitalize}
.klasemen h1{ color:#fff; font-size:16px; font-weight:bold; margin:0; padding:0; text-align:center; }
.klasemen em{ color:#f00; font-size:14px; font-weight:bold }

#scoreboard { background: url(../images/score/tanding.png) no-repeat; width:300px; height:150px; border:none; }
#scoreboard img { height:55px; border:none; margin:0; padding:0;}

.home {float:left; text-align:center; width:150px; margin-top:45px;}
.home img { height:37px; border:none; margin:0; padding:0;}
.away {float:right; text-align:center; width:150px; margin-top:45px;}
.away img { height:37px; border:none; margin:0; padding:0;}
.pertandingan {border-bottom:1px solid #ddd; padding:5px 0; text-align:right;}

#statistik {width:650px; padding:10px; background:#fff; margin:0; margin-right:8px; }
#statistik_HL {font:bold 18px Verdana; color:#bbb; text-align:center; text-transform:uppercase; border-bottom:1px solid #ddd; padding-bottom:5px;}

#panpel_HL {height:80px; margin:5px 0; padding:0;}
.panpel_home {width:250px; float:left;margin-right:10px; text-align:left;}
.panpel_detail {width:130px; float:left;background:#fff; text-align:center; font-weight:bold;}
.panpel_away{width:250px; float:right;text-align:right;}

#tim_HL {margin:5px 0; font:bold 20px Verdana; text-transform:uppercase;}
.tim_home {width:250px; float:left; margin-right:10px; text-align:right;}
.tim_home_name { margin-top:10px; text-align:center;}
.tim_home_logo {float:left; text-align:left;}
.tim_detail {width:130px; float:left; text-align:center; font:bold 32px Verdana;}
.tim_detail_HT {color:#bbb; font:bold 12px Verdana; text-align:center;}
.tim_away{width:250px; float:right; text-align:left;}
.tim_away_name{margin-top:10px; text-align:center;}
.tim_away_logo{float:right; text-align:right;}

.statistik_home {width:250px; margin:5px 0; float:left; margin-right:10px; text-align:right;}
.statistik_detail {width:130px; margin:5px 0; float:left; font:bold 12px Verdana; text-align:center; text-transform:uppercase;}
.statistik_away{width:250px; margin:5px 0; float:right; text-align:left;}

#lineup {border:none; margin:0; padding:0;}

/*---POJOK----*/
.pojok { font:bold 14px tahoma; color:#000000; text-decoration:none;}
.pojok1 { font:bold 12px tahoma; color:#FF6600; text-decoration:none;}

#bodiscrollpojok{
margin-left:10px;
border:solid 1px #BAC8DA; background-color:#F2F2F2;
padding:5px 5px 5px 5px;
font-size:10px;
width: 300px; /*marquee width */
height: 273px; /*marquee height */
color:#FF9900;
overflow: hidden; 
position: relative;
}
#newspojok {background:#ddd; margin:0 auto; }
#newspojok a { color:#000; }
#newspojok ul {margin:0 .5em 0 1em; padding:0; }
#newspojok li{ line-height:2em; }
/* the news box when JavaScript is available */
#newspojok.hasJS {height:100px; overflow:hidden; position:relative; }
/* The nested UL when JavaScript is available */
#newspojok.hasJS ul {position:absolute; top:100px; left:0; margin:0 .5em 0 .5em; padding:0; }

#domscroll{
font-size:10px;
width: 258px; /*marquee width */
height: 180px; /*marquee height */
padding:8px 8px 8px 8px;
background-color: white;
color:#000;
overflow: hidden; 
position: relative;
border-left : 2px solid #ccc;
border-right : 2px solid #ccc;
border-bottom : 2px solid #ccc;
}

#domnews {background:#fff; margin:0 auto; }
#domnews a { color:#000; }
#domnews ul {margin:0; padding:0; }
#domnews li{ padding: 8px 0; list-style:none; }
/* the news box when JavaScript is available */
#domnews.hasJS {height:300px; overflow:hidden; position:relative; }
/* The nested UL when JavaScript is available */
#domnews.hasJS ul {position:absolute; top:100px; left:0; margin:0 .5em 0 .5em; padding:0; }


 	
/* BACKGROUND )*/
#tearshape{
background: #B73A28;
padding: 3px 5px;
color: white;
font-weight: bold;
text-decoration: none;
-moz-border-radius: 9px 3px 9px 3px;
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 9px;
-webkit-border-bottom-right-radius: 9px;
}

#curve{
background: url(../images/bg.jpg);
width: 250px;
height: 120px;
-webkit-box-shadow: 5px 5px 8px #818181;
-moz-box-shadow: 5px 5px 8px #818181;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;
-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
}