/* CSS Document */
body {
margin:0px;
}
td { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; text-decoration:none;}
td a:link{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#434E67; font-weight:bold; text-decoration:none;}
td a:active{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#333333; font-weight:bold; text-decoration:none;}
td a:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#434E67; font-weight:bold; text-decoration:underline;}
td a:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#434E67; font-weight:bold; text-decoration:none;}
td a:visited:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#434E67; font-weight:bold; text-decoration:underline;}

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

.ctime { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; }
.ctime a:link{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; }
.ctime a:active{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000;}
.tctime a:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000;}
.ctime a:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000;}

.title_text { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#000066; font-weight:bold;}
.title_text a:link{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#000066; font-weight:bold;}
.title_text a:active{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#000066; font-weight:bold;}
.title_text a:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#000066; font-weight:bold;}
.title_text a:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#000066; font-weight:bold;}


.intro_text { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color:#CCCCCC;}
.intro_text a:link{ font-family: Arial, Helvetica, sans-serif; font-size: 9px; color:#CCCCCC;}
.intro_text a:active{ font-family: Arial, Helvetica, sans-serif; font-size: 9px; color:#CCCCCC;}
.intro_text a:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 9px; color:#CCCCCC;}
.intro_text a:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 9px; color:#CCCCCC;}

.article_date { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#434E67; font-weight:bold; text-decoration:none;}

.article_title { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color:#434E67; font-weight:bold;}
.article_title a:link{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#434E67; font-weight:bold;}
.article_title a:active{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#434E67; font-weight:bold;}
.article_title a:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#434E67; font-weight:bold;}
.article_title a:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#434E67; font-weight:bold;}

.article_content {font: 12px Arial, Helvetica, sans-serif; color:#000000; line-height:22px;}

.last_article_title { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#000066;}
.last_article_title a:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000066; font-weight:bold;}

.menu_berita { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#434E67; font-weight:lighter; text-decoration:none;}
.menu_berita a:link{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#434E67; font-weight:lighter; text-decoration:none;}
.menu_berita a:active{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#434E67; font-weight:lighter; text-decoration:none;}
.menu_berita a:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; font-weight:bold; text-decoration:none;}
.menu_berita a:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#434E67; font-weight:lighter; text-decoration:none;}
.menu_berita a:visited:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; font-weight:bold; text-decoration:none;}

.menu_link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#434E67; font-weight:lighter; text-decoration:none;}
.menu_link a:link{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#434E67; font-weight:lighter; text-decoration:none;}
.menu_link a:active{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#434E67; font-weight:lighter; text-decoration:none;}
.menu_link a:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; font-weight:bold; text-decoration:none;}
.menu_link a:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#434E67; font-weight:lighter; text-decoration:none;}
.menu_link a:visited:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; font-weight:bold; text-decoration:none;}

.menu_polling { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#434E67; font-weight:lighter; text-decoration:none;}
.menu_polling a:link{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#434E67; font-weight:lighter; text-decoration:none;}
.menu_polling a:active{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#434E67; font-weight:lighter; text-decoration:none;}
.menu_polling a:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; font-weight:bold; text-decoration:none;}
.menu_polling a:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#434E67; font-weight:lighter; text-decoration:none;}
.menu_polling a:visited:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; font-weight:bold; text-decoration:none;}

.judul_wawancara { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#434E67; font-weight:bold; text-decoration:none;}
.judul_wawancara a:link{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#434E67; font-weight:bold; text-decoration:none;}
.judul_wawancara a:active{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#434E67; font-weight:bold; text-decoration:none;}
.judul_wawancara a:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#434E67; font-weight:bold; text-decoration:underline;}
.judul_wawancara a:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#434E67; font-weight:bold; text-decoration:none;}
.judul_wawancara a:visited:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#434E67; font-weight:bold; text-decoration:underline;}

.isi_wawancara { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; text-decoration:none;}
.isi_wawancara a:link{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; font-weight:bold; text-decoration:none;}
.isi_wawancara a:active{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; font-weight:bold; text-decoration:none;}
.isi_wawancara a:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; font-weight:bold; text-decoration:underline;}
.isi_wawancara a:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; font-weight:bold; text-decoration:none;}
.isi_wawancara a:visited:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; font-weight:bold; text-decoration:underline;}

.menu_statistik {font: 12px Arial, Helvetica, sans-serif; color:#000000; line-height:22px;}

.header {
	background-color:#EEEEEE;border-color:#FFF #C1C1C1 #C1C1C1 #FFF;color:#333;
	border : 1px solid #F9F9F9;
	border-bottom: 1px solid #CCCCCC;	
}


.fieldarea {
	background: #e0e0e0;
	text-align: right;
}

.errorbox {
	border: 1px dashed #cc0000;
	font-weight: bold;
	background: #FBEEEB;
	text-align: center;
	width: 96%;
	padding: 10px;
	color: #cc0000;
}

.button {
	color:#000000;
	cursor:crosshair;
	height:20px;
	font-weight:bold;
	background:#808080;
	border: 1px solid #505050;
}

input,select,textarea {
	font: 11px Arial, Helvetica, sans-serif;
	padding-left:2px;
}


.arrowlistmenu{
	width: 200px; /*width of menu*/
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#666666; font-weight:bold; text-decoration:none;
}

.arrowlistmenu .headerbar{
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#666666; font-weight:bold; text-decoration:none;
	background: black url(/template/default/images/titlebar.png) repeat-x center left;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#666666; font-weight:bold; text-decoration:none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
	width:204px;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#666666; font-weight:bold; text-decoration:none;
	/*background: url(/template/default/images/001_25.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 7px 0;
	padding-left: 15px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #dadada;
	font-size: 90%;
}

.arrowlistmenu ul li a:visited{
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#666666; font-weight:bold; text-decoration:none;
	color:#666666;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; font-weight:bold; text-decoration:none;
	background-color:#FFFFCC;
}


/*-----------------------------------------------*/

.basictab{
	padding: 3px 0;
	margin-left: 0;
	font: bold 11px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid gray;
	list-style-type: none;
	text-align: center; /*set to left, center, or right to align the menu as desired*/
}

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

.basictab li a{
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid gray;
	border-bottom: none;
	background-color: #666666;
	color: #CCCCCC;
}

.basictab li a:visited{
	color: #CCCCCC;
}

.basictab li a:hover{
	background-color: #FF9900;
	color: #FFFFFF;
}

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

.basictab li.selected a{ /*selected tab effect*/
	position: relative;
	top: 1px;
	padding-top: 4px;
	background-color: #FFFFFF;
	color: black;
}




.border_bottom {
	border-bottom: 1px solid #D3D3D3;
}


.solidblockmenu{
	margin: 0;
	padding: 0;
	float: left;
	font: bold 13px Arial, Helvetica, sans-serif;
	width: 100%;
	overflow: hidden;
	margin-bottom: 1em;
	border: 1px solid #625e00;
	border-width: 1px 0;
	background: black url(/template/default/images/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
	float: left;
	color: white;
	padding: 9px 11px;
	text-decoration: none;
	border-right: 1px solid white;
}

.solidblockmenu li a:visited{
	color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
	color: white;
	background: transparent url(/template/default/images/blockactive.gif) center center repeat-x;
}

.errorbox {
	border: 1px dashed #cc0000;
	font-weight: bold;
	background: #FBEEEB;
	text-align: center;
	width: 97%;
	padding: 10px;
	color: #cc0000;
}

.box{
	background-color:#E6E6E6;
	border-bottom-color:#FFFFFF;
	border-right-width:0;
	border-right-style:none;
 }

.dataRow  { 
	color: #000000; 
	text-decoration:none;
	border : 1px solid #CCCCCC;
	width: 16px; height: 16px;
	
}

tr.dataRow:hover { 
	background: #FFFFCC; 
	color: #000000; 
	text-decoration:none;
	
}
.dataRow_marked         { 
	background: #999999; 
	color: #000000; 
	text-decoration:none;
}
tr.dataRow_marked:hover { 
	background: #AAAAAA; 
	color: #FFFFFF; 
	text-decoration:none;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
	margin: 0;
	padding: 0;
	padding-left: 10px; /*offset of tabs relative to browser left edge*/
	font: bold 12px Verdana;
	list-style-type: none;
}

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

.mattblacktabs li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 7px 8px; /*padding inside each tab*/
	border-right: 1px solid white; /*right divider between tabs*/
	color: white;
	background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
	color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
	background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}


.kotak_luar {	
	border: 1px solid #D3D3D3;
}

.kotak_promosi {	
	border: 1px solid #D3D3D3;
}

.kotak_menu {	
	border: 1px solid #D3D3D3;
}
.bingkai_photo {	
	border: 1px solid #A4C4FF;
}
.kotak_polling {	
	border: 1px solid #D3D3D3;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 350px;
border: 1px solid black;
padding: 10px;
background-color: lightyellow;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

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