/*=====================ELEMEN UTAMA====================*/
body {
	color: #173B46;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: transparent url(../images/body_back.gif) repeat-x;
	}
.radio{
	border: none;
}
pre{
/*	font-family:  "MS Sans Serif", sans-serif, "Sans Serif", "Book Antiqua", "Lucida Console", Verdana, Arial, Helvetica ;
	*/
	/*font-family: Verdana, "Courier New", Courier, monospace;*/
	font-size: 12px;
	line-height: 9px;
	background-color: #FFFFFF;
}

a:link {
  font-size        : 11px;
  color            : #326697;
  text-decoration  : none;
  font-weight      : bold;
}
a:visited {
  font-size        : 11px;
  color            : #6DA6BB;
  text-decoration  : none;
  font-weight      : bold;
  }
a:hover {
  font-size        : 11px;
  color            : #ff3e3e;
  text-decoration  : underline;
  font-weight      : bold;
} 
td, tr, p, div {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;

}
hr {
	border:1px #1C7495 solid;
}
div > input {
  border           : 1px solid #336699;
  background-color : #FFFBF6;
  margin-bottom    : 1px;
  color			   : #1F3F5E;
  font-size: 11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-left: 3px;
}
td > input {
  border           : 1px solid #336699;
  
  font-size: 10px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-left: 1px;
	margin-bottom: 1px;
	background: transparent;
}
input {
  border           : 1px solid #336699;
  background-color : #FFFBF6;
  font-size: 10px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-left: 1px;
  margin-bottom:1px;
}
textarea {
	border           : 1px solid #336699;
  background-color : #FFFBF6;
  margin-bottom    : 1px;
  color			   : #1F3F5E;
  font-size: 11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-left: 3px;
}
image {
	border: none;
}
select {
  border           : 1px solid #336699;
  background-color : #FFFBF6;
  margin-bottom    : 1px;
  color			   : #1F3F5E;
  font-size: 11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-left: 3px;
}
/*============================================================*/


/* ========================GENERAL============================*/
/*--------Untuk kolom Kanan---------*/
.rightrow {
	background-color: #D9E3F2;
	
	margin: 0px 0px 0px 0px;
	border-right: 2px solid #D6D6D6;
	float: none;
}
/*--------Untuk Menu Kanan---------*/
#LeftMNav {
z-index : 100000; 
width:100%;
} 
#LeftMNav UL {
padding-right : 0; 
padding-left : 0; 
padding-bottom : 0; 
margin : 0; 
width : auto; 
color : #ffffff; 
padding-top : 0; 
background-color : #bacee0; 
} 
#LeftMNav LI {
padding-right : 0; 
padding-left : 0; 
padding-bottom : 0; 
margin : 0; 
padding-top : 0; 
list-style-type : none; 
} 
#LeftMNav a {
	border-right: 1px solid #c3c8cb;
	padding-right: 0;
	background-position: 100% 50%;
	border-top: 1px solid #fefefe;
	display: block;
	padding-left: 20px;
	font-weight: normal;
	padding-bottom: 3px;
	border-left: 1px solid #fefefe;
	padding-top: 3px;
	border-bottom: 1px solid #c3c8cb;
	background-color: #eaeeee;
	font-size: 11px;
	color: #048;
	font-family: verdana, Ms Sans Serif, Times New Roman;
	text-decoration: none;
	font-weight: bold;
	text-transform: capitalize;
	background: url(../images/box.png) #eaeeee 2% 55% no-repeat;
} 
#LeftMNav a:hover {
border-left-color : #fefefe;
border-bottom-color : #c3c8cb; 
border-top-color : #fefefe; 
background-color: #f8fafc;
border-right : 3px solid #ff3e3e; 
font-size : 11px; 
color : #ff3e3e; 
font-family : verdana, Ms Sans Serif, Times New Roman; 
text-decoration : none; 
font-weight:bold;
background: url(../images/box_on.png) #eaeeee 2% 55% no-repeat;
} 
#LeftMNav a:active {
border-left-color : #fefefe; 
border-bottom-color : #c3c8cb; 
border-top-color : #fefefe; 
background-color : #f8fafc; 
border-right-color : #c3c8cb; 
font-size : 11px; 
color : #048; 
font-family : verdana,Ms Sans Serif, Times New Roman; 
text-decoration : none; 
font-weight:bold;
} 

/*==========*/
.menuheader{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	color: #fff;
	background: #6898d0 url(../images/Logo-20.gif) no-repeat center left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	border-bottom: 1px solid #3a6081;
	display: block;

} 
/*--------------untuk Footer -------------*/
.footer {
  font-family      : Geneva, Verdana,Arial, Helvetica, sans-serif;
  color            : #FFFFFF;
  font-size        : 10px;
  font-weight      : normal;
 }
.footer a:link, .footer a:visited {
  font-size        : 10px;
  color            : #FFFFFF;
  text-decoration  : none;
  font-weight      : bold;
}
.footer a:hover {
  font-size        : 10px;
  color            : #242424;
  text-decoration  : none;
  font-weight      : bold;
}
/*---------------Untuk Menu Atas--------------*/
/* Menu Utama Atas dari ortax  begin*/
#menu_atas { 
	height:25px;
	margin:5px auto;
	border: 5px solid #C3C2C2;
	padding: 0px;
	background: url("../images/menu_bg.gif") repeat-x;
}

#menu_atas ul {list-style-type:none;}
#menu_atas ul li {
	float:left; 
	position:relative; 
	z-index:auto !important /*Non-IE6*/; 
	z-index:1000 /*IE6*/; 
	border-right:solid 1px rgb(175,175,175);}
#menu_atas ul li a {
	float:none !important /*Non-IE6*/; 
	float:left /*IE-6*/;
	 display:block; 
	 height:2.0em; 
	 line-height:2.0em; 
	 padding:0 10px 0 10px; 
	 text-decoration:none; 
	 font-weight:bold; 
	 color: #f0f0f0;}
#menu_atas ul li ul {display:none; border:none;}

/*Non-IE6 Menu Utama hovering*/
#menu_atas ul li:hover a {background-color:#006AAD; text-decoration:none;} /*Color main cells hovering mode*/
#menu_atas ul li:hover a:hover {background-color:#006AAD; text-decoration:none;} /*Color main cells hovering mode*/
#menu_atas ul li:hover ul {display:block; width:165px; position:absolute; z-index:999; top:1.9em; margin-top:0.1em; left:0;}
#menu_atas ul li:hover ul li a {display:block; width:165px; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:#4CBEEF; font-weight:bold; color: #f0f0f0;} /*Color subcells normal mode*/
#menu_atas ul li:hover ul li a:hover {background-color:#006AAD; text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 Menu Utama hovering*/
#menu_atas ul li a:hover {background-color:#006AAD; text-decoration:none;} /*Color main cells hovering mode*/
#menu_atas ul li:hover a:hover {background-color:#006AAD; text-decoration:none;} /*Color main cells hovering mode*/
#menu_atas ul li a:hover ul {display:block; width:165px; position:absolute; z-index:999; top:1.9em; t\op:1.9em; left:0; marg\in-top:0.1em;}
#menu_atas ul li a:hover ul li a {display:block; w\idth:165px; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:#4CBEEF; font-weight:bold; color: #f0f0f0;} /*Color subcells normal mode*/
#menu_atas ul li a:hover ul li a:hover {background-color:#006AAD; text-decoration:none;}
/* Menu Utama  end*/



.mainlevel-nav {
}

.mainlevel-nav a {
	text-decoration: ;
	color: white;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px 7px 2px 7px;
	margin-bottom: 2px;
	text-transform: capilatlize;
	font-weight: bold;
	margin-left:3px;
	margin-right:3px;
	}
.mainlevel-nav a {
float: none;
}
.mainlevel-nav a:hover {
 color: #323685;
 font-size: 12px;
 text-decoration: none;
}
.mainlevel-nav a:visited {
 color: White;
 text-decoration: none;
 font-size: 12px;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.mainlevel-sub{
background:url(../images/index_sub.gif);
background-repeat:no-repeat;
height: 26px;
}
/*---------------------Untuk Menu Kanan---------------------*/
.mainmenukanan a:visited, .mainmenukanan a{
display: block;
color: #ffffff;
font-weight: bold;
background-image: url(../images/menu_bgr.gif);
background-repeat: no-repeat;
width: 95%;
text-indent: 15px;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 20px;
margin-bottom: 1px;	
}
.mainmenukanan a:hover{
color: #333333;
background-image: url(../images/menu_bgr2.gif);
background-repeat: no-repeat;
}

/*-------------Untuk Breadcumb---------------------*/
.date {
  font-size        : 10px;
  color            : #205266;
  padding-right    : 10px;
  display: block;
}
.breadcumb {
	border-bottom: 1px solid #c3c8cb; 
	background-color:#eaeeee;
	padding-left: 20px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-top: 4px;
	text-decoration: none;
	color: #048;
	background: #eaeeee url(../images/box.png) no-repeat 5px;
	display: block;
}
.breadcumb a, .breadcumb a:link, .breadcumb a:visited  {
	text-decoration: none;
	color: #048;
}
.breadcumb a:hover {
	color            : #ff3e3e;
	text-decoration: underline;
}

.judul_utama{
	background-repeat: no-repeat;
	background-position: 15px;
	font-size: 14px;
	font-weight: bolder;
	font-family: Geneva, Verdana, Arial, tahoma,Helvetica, sans-serif;
	letter-spacing: 0px;
	text-align: left;
	color: #FFF;
	padding: 2px 6px 2px 5px;
	background: #FF0000 url(../images/judul_merah.gif) repeat-x right;
	border-bottom: 1px solid #FF6600;	
}

/*-----------------Untuk Content---------------*/
.main_headline{
	background: url(../images/triangle.png) no-repeat right;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	word-spacing: 2px;
	text-align: left;
	margin:5px 15px 2px 20px;
	padding:3px;
	color: navy;
	background-color : #96b7de; 
	border-bottom: 1px solid #C8D8EB; 
	border-left: 1px solid #C8D8EB; 
}
.main_content {
	font-size : 11px;
	text-align: justify;
	padding: 3px 25px 2px 20px;
	color            	: #01135D;
	line-height: 20px;;
}
.author{
	color : Gray;
	font-size : 10px;
	margin: 3px 25px 2px 20px;
	padding-bottom: 3px;
	font-family: verdana,arial,tahoma,arial;
	text-align: right; 
	border-bottom: #DEE7F4 1px solid;
}
.main_intro {
	font-size : 11px;
	text-align: justify;
	line-height: 20px;
	color 	: #01135D;
	padding: 3px 25px 2px 2px;
}

.gambar {
	background-color: #E3EBF5;
	border: 1px solid #B2C8E4;
	padding: 2px;
	float: left; 
	margin: 0 9px 3px 0;
}
.gambar2 {
	background-color: #E3EBF5;
	border: 1px solid #B2C8E4;
	padding: 2px;
	margin: 0 9px 3px 0;
}
.main { 
  padding-left: 6px;
  padding-top: 6px;
  color            	: #01135D;
}
.intro_image { 
  padding-left: 20px;
  padding-top: 6px;
  color            	: #01135D;
}
#buttons {
  float            : right;
  margin           : 0px;
  padding          : 0px;
  width            : 50%;
}
#search {
  float            : left;
  padding          : 0px;
  width´           : 100%px !important;
  width            : 100%px;
  height           : 20px !important;
  height           : 20px;
  overflow         : hidden;
 }
 #view_peraturan {
  float            : left;
  padding          : 0px;
  width´           : 800px !important;
  width            : 800px;
  height           : 100%px !important;
  height           : 100%px;
	overflow         : hidden;
	font-size: 12px;
	line-height: 9px;
	display: block;
 }
 #search_instansi {
  float            : left;
  padding          : 0px;
  width´           : 100%px !important;
  width            : 100%px;
  height           : 33px !important;
  height           : 33px;
  overflow         : hidden;
 }
.ul {
  margin           : 2px;
  padding-left     : 20px;
  list-style       : none;
}
.li {  
  line-height      : 15px;
  padding-left     : 0px;
  padding-top      : 0px;
  background-image : url(../images/bullet.png) ;
  background-repeat: no-repeat;
  background-position: 20px;  
}
.inputbox {
  border           : 1px solid #336699;
  background-color : #FCFEFE;
  margin-bottom    : 1px;
  color			   : #1F3F5E;
  font-size: 11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-left: 2px;
}
.inputbox2 {
  border           : 1px solid silver;
  background-color : #FCFEFE;
  margin-bottom    : 1px;
  color			   : #1F3F5E;
  font-size: 11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-left: 3px;
}

.buttons{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	cursor: hand;
	border           : 2px solid #336699;
   background-color : #E6F3F6;
   color			   : #2E5F8D;
}
.button_cari{
	border: none;
	margin-top: 1px;
}
/* Bwat button dobawah up dan back */
.back_button a, .back_button a:link, .back_button a:visited {
  color            : #336699;
  font-family      : Arial,Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(../images/back.png) 2px;
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : normal;
  border           : 1px solid #c2ceda;
  padding-bottom   : 1px;
  padding-left     : 20px;
  padding-right    : 2px;
  padding-top      : 1px;
  margin-right     : 10px;
  font-weight      : normal;
  text-decoration  : none; 	
  font-weight: bold;
  float: right;
}
.back_button a:hover{
	color            : #ff3e3e
}
.up_button a, .up_button a:link, .up_button a:visited {
  color            : #336699;
  font-family      : Arial,Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(../images/up.png) 2px;
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : normal;
  border           : 1px solid #c2ceda;
  padding-bottom   : 1px;
  padding-left     : 20px;
  padding-right    : 2px;
  padding-top      : 1px;
  margin-right     : 10px;
  font-weight      : normal;
  text-decoration  : none; 	
  font-weight: bold;
  float: right;
  }
.up_button a:hover{
	color            : #ff3e3e
}  
/*------------------------*/


.baris_spasi{
		background-color: #F1F1F1;	
}
.li {
  line-height      : 15px;
  padding-left     : 15px;
  padding-top      : 0px;
  background-image : url(../images/bullet.png) ;
  background-repeat: no-repeat;
  background-position: 0px 3px;
}
.viewTable{
	border: 1px solid #c2ceda;
	background-color: #FFFFFF;
}
.viewTable_orange{
	border: 1px solid #FFB646;
	background: url(../images/gradasi_orange.gif) repeat-y;
}
.viewTable_ungu{
	border: 1px solid #666699;
	background: url(../images/gradasi_ungu.gif) #9999CC repeat-x;
}
.viewTable_green{
	border: 1px solid #66CC33;
	background: url(../images/gradasi_ijo.gif) repeat-x;
}
.viewTable_blue{
	border: 1px solid #9999CC;
	background: White url(../images/gradasi_biru.gif) repeat-x;
	
}
.viewTable_blue2{
	border: 1px solid #0000CD;
	background: #0066CC url(../images/gradasi_biru2.gif) repeat-x;
	color: #FFF;
}
.viewTable_yellow{
	border: 1px solid #FFCC66;
	background: url(../images/gradasi_kuning.gif) repeat-x;
}
.viewTable_green2{
	border: 1px solid #9ACD32;
	background: url(../images/gradasi_ijo2.gif) repeat-x;
}
.viewTable_red{
	border: 1px solid #FFCCCC;
	background: url(../images/gradasi_merah.gif) repeat-x;
}
.viewTable_red2{
	border: 1px solid #FFCCCC;
	color: #FFF;
	background: #990000 url(../images/gradasi_merah2.gif) repeat-x;
}
.list_row{
	border-bottom: 1px solid #DEE7F4; 
	padding: 4px 5px 4px 3px;
}
.list_row_orange {
	border-bottom: 1px solid #FFF; 
	padding: 4px 5px 4px 3px;
}
.list_row_ungu {
	border-bottom: 1px dotted #9999FF ;
	padding: 4px 5px 4px 3px;
}
.list_row_yellow {
	border-bottom: 1px dotted yellow ;
	padding: 4px 5px 4px 3px;
}
.list_row_green2 {
	border-bottom: 1px dotted Green;
	padding: 4px 5px 4px 3px;
}
.list_row_red {
	border-bottom: 1px dotted #FF9999 ;
	padding: 4px 5px 4px 3px;
}
.list_row_orange a, .list_row_orange a:visited{
	color: #333333;
}
.list_row_orange a:hover{
	color: Red;
}
.list_row_artikel{
	border-bottom: 1px solid #DEE7F4; 
	border-right: 1px solid #DEE7F4; 
	padding: 4px 5px 4px 3px;
	line-height: 15px;
}
.list_kurs{
	border-bottom: 1px solid #DEE7F4; 
	padding: 2px 2px 2px 5px;
}
.list_kurs_index{
	border-bottom: 1px dotted #66CC33; 
	padding: 2px 2px 2px 5px;
}
.nameHeader,.nameHeader a, .nameHeader a:link, .nameHeader a:visited{
	color: Navy;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #1C7495;
	border-top: 1px solid #1C7495;
	line-height: 15px;
	text-indent      : 8px;
	text-align: center;
	background-color : #96b7de; 
}
}
.nameHeader a:hover{
	text-decoration: none;
	color: Black;
}

fieldset {
	border: 1px solid #336699;
	padding: 2px 5px 2px 7px;
	background-color:  #F4F8FB; 
}
legend {
	font-weight: bold;
	color: #048;
	text-transform: capitalize;
}
li { 
	line-height: 18px; 
	text-indent: 0px; 
	list-style-position: outside; 
	clear: left; 
	margin-left: 0px; 
	padding-left: 0px; 
	padding-right: 10px;
	padding-bottom: 5px;
	}
label {
	padding: 2px 5px 2px 5px;
}

.menuHeader_atas{
	background-color: #6898d0;
	border-bottom: 2px solid #7388AC;
	border-top :1px solid #7388AC;
	border-left : 2px solid #555F9A;
}
/*------------------------Bwat Menu Bawah----------------------*/
.menu_bawah{
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	font-size: 11px;
	text-align: center;
	padding: 1px;
	color: White;
}
.menu_bawah a, .menu_bawah a:link, .menu_bawah a:visited{
	font-size: 11px;
	color: White;
}
/*------------------------Bwat Menu Content----------------------*/
.menu_content {
  color            : #336699;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(../images/read.gif) ;
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : bold;
  border           : 1px solid Silver;
  padding-bottom   : 2px;
  padding-left     : 21px;
  padding-right    : 2px;
  padding-top      : 1px;
  line-height      : 20px;
  text-decoration  : none; 

}
/*======================================================*/


/* =============Ini untuk Engine Kurs ==================*/
.label{
	text-align: left;
	font-size: 11px;
	padding-left: 5px;
}
.label2 {
	text-align: right;
	font-size: 11px;
	padding-right: 5px;
}
.label3 {
	color: #336699;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	border-bottom: 1px solid #DEE7F4; 
	border-top: 1px solid #DEE7F4;
	padding-left: 5px;
}
.label3r {
	color: #336699;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	border-bottom: 1px solid #DEE7F4; 
	border-top: 1px solid #DEE7F4;
	padding-right: 5px;
	text-align: right;
}
.label4 {
	padding-left: 5px;
}
.label4r {
	text-align: right;
}

/* ============================================================*/

/* =============Ini untuk Engine Ensiklopedi ==================*/
.rolodex{
	text-align: center;
	padding: 5px;
	color: #336699;
}
.rolodex a,.rolodex a:visited{
	color: #336699;
	text-decoration: none;
	padding: 0px;
	font-size: 13px;
	font-family: Geneva, Verdana,"MS Sans Serif", Geneva, sans-serif;
}
.rolodex a:hover{
	color: Black;
	padding: 0px;
	border-bottom: 2px solid Black;
}
.rolodex_sel{
	font-weight: bold;
	color: White;
	background-color: #6898d0;
	border: 1px solid #3F79BE;
	font-size: 13px;
	font-family: Geneva, Verdana,"MS Sans Serif", Geneva, sans-serif;
}
.dimed{
	color: #666666;
	padding: 4px;
	text-align: right;
}
.info {
	padding-left: 13px;
   padding-bottom: 4px;
}
.list_row3{
	border-bottom: 1px solid #DEE7F4; 
	margin:5px 12px 2px 0px;
	color: #333333;
}
.selengkapnya{
	border-bottom: 1px solid #DEE7F4; 
	margin:5px 12px 2px 20px;
	padding-bottom: 3px;
	padding-right: 20px;
	color: #333333;
}
/*============================Engine Artikel==========================*/
/*-------------------Untuk Pop Box, BARU! dan HOT!*/
.kanan_archive a, .kanan_archive a:link, .kanan_archive a:visited {
	color            : #326697;
  font-family      : Verdana, Arial,Tahoma, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  border           : 1px solid #c2ceda;
  padding-bottom   : 3px;
  padding-left     : 25px;
  padding-right    : 2px;
  padding-top      : 3px;
	 text-decoration  : none; 	
  font-weight: bold;
  display: block;
	background: url(../images/archive.png) no-repeat 5px 2px;
	margin: 8px 0px 4px 0px;
	text-transform: uppercase;
	background-color: #F4F8FB;
}  
.kanan_archive a:hover {
	background-color: #B0C5E5;
	color            : #048;
	border: 1px solid #336699;
}
.kanan_search a, .kanan_search a:link, .kanan_searcha:visited {
	color            : #326697;
  font-family      : Verdana, Arial,Tahoma, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  border           : 1px solid #c2ceda;
  padding-bottom   : 3px;
  padding-left     : 25px;
  padding-right    : 2px;
  padding-top      : 3px;
  text-decoration  : none; 	
  font-weight: bold;
  display: block;
	background: url(../images/search_16.png) no-repeat 5px 2px;;
		margin-bottom: 4px;
	text-transform: uppercase;
	background-color: #F4F8FB;
}  
.kanan_search a:hover {
	background-color: #B0C5E5;
	color            : #048;
	border: 1px solid #336699;
}
 .bawah_art_comment a, .bawah_art_comment a:visited {
	color            : #326697;
	border           : 1px solid #c2ceda;
  padding   : 2px 2px 2px 2px;
  text-decoration  : none; 	
	text-transform: capitalize;
	background-color: #F4F8FB;
	height: auto;
	margin: 0px 5px 0px 5px;
}
.bawah_art_comment a:hover {
	background-color: #B0C5E5;
	color            : #048;
	border: 1px solid #336699;
	text-decoration: none;
}

.fieldset{
	border: 1px solid silver;
	padding: 2px 2px 2px 2px;
	background-color:  #F4F8FB; 
}
.pop_box_headline a:hover {
	font-size : 11px;
	color : #FF8C00;
	background-color : #FFFFFF;
}
.pop_box_headline {
	font-size : 11px;
	color : #048;
   background : url(../images/pop_back.png)  #B0C5E5 repeat-x;
	text-transform: uppercase;
	font-weight: bold;
}
.pop_box_headline_index {
	font-size : 11px;
	color : #048;
   background : #F2F6FB url(../images/pop_back.png) repeat-x;
	text-transform: capitalize;
	font-weight: bold;
	border-bottom: 1px solid #B3C8E6;
}
.pop_box_headline_index_green {
	font-size : 11px;
	color : #FFF;
   background : #66CC33;
	text-transform: capitalize;
	font-weight: bold;
	border-bottom: 1px solid #9ACD32;
}
.pop_box_headline_index_blue2 {
	font-size : 11px;
	color : #FFF;
   background : #003399;
	text-transform: capitalize;
	font-weight: bold;
	border-bottom: 1px solid #0048D7;
}
.pop_box_headline_index_orange {
	font-size : 11px;
	color : #FFF;
   background : #FF9900;
	text-transform: capitalize;
	font-weight: bold;
	border-bottom: 1px solid #FF8C00;
}
.pop_box_headline_index_ungu {
	font-size : 11px;
	color : #FFF;
   background : #666699;
	text-transform: capitalize;
	font-weight: bold;
	border-bottom: 1px solid #9370DB;
}
.pop_box_headline_index_yellow{
	font-size : 11px;
	color : #333;
   background : #FFCC33;
	text-transform: capitalize;
	font-weight: bold;
	border-bottom: 1px solid Yellow;
}
.pop_box_headline_index_red{
	font-size : 11px;
	color : #333;
   background : #FF9999;
	text-transform: capitalize;
	font-weight: bold;
	border-bottom: 1px solid tomato;
}
.pop_box_headline_index_red2{
	font-size : 11px;
	color : #FFF;
   background : #C60000;
	text-transform: capitalize;
	font-weight: bold;
	border-bottom: 1px solid #751200;
}
.pop_box_headline_index_blue {
	font-size : 11px;
	color : #FFF;
	text-transform: capitalize;
	font-weight: bold;
	border-bottom: 1px solid #9EBEDA;
}
.pop_box_headline_index_green2 {
	font-size : 11px;
	color : #333;
	text-transform: capitalize;
	font-weight: bold;
	border-bottom: 1px solid #9ACD32;
}
.pop_box_content {
	font-size : 10px;
	color : #336699;
	
	border-bottom: 1px dotted #CFCFCF; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 1px 1px 2px 2px;

}
.pop_box_content a,.pop_box_content a:link{
	font-size : 10px;
	text-decoration : none;
	color : #336699;
}
.pop_box_content a:visited{
	font-size : 10px;
}
.pop_box_content a:hover{
	font-size : 10px;
	text-decoration : underline;
	color : #ff3e3e;
}

.pop_box_art a, .pop_box_art a:link, .pop_box_art a:visited {
	font-size : 10px;
	color : #336699;
	border-bottom: 1px solid #DEE7F4; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 1px 1px 2px 10px;
	text-decoration : none;
	color : #336699;
	display: block;
	background:;
	background:  url(../images/bullet.png) no-repeat left #F4F8FB 4px;
}
.pop_box_art a:hover{
	font-size : 10px;
	text-decoration : underline;
	color : #ff3e3e;
}

/* -------------Untuk Di Cat.php dan Art.php----------- */
/* -----------Untuk Daftar Kategori dan Isinya--------- */
.cat_main_headline {
	font-size : 14px;
	font-weight : bold;
   padding-bottom : 0px;
	padding-left: 2px;

}
.cat_linkart{
	background: url(../images/bullet.png) no-repeat left;
	padding-left: 14px;
	font-family: "tahoma", Arial, Verdana;
	font-size: 10pt;
	margin-top: 3px;
}
.cat_linkart a, .cat_linkart a:visited, .cat_linkart a:hover{
	font-family:"tahoma", Arial, Verdana;
	font-size: 13px;	
}
.cat_headline {
	font-size : 12px;
	font-weight : bold;
}
.cat_headline2 {
	font-size : 14px;
	font-weight : bold;
}
.cat_subcat_info {
	color : #565656;
	font-size : 11px;
	padding-left: 15px;
	font-family: Tahoma, verdana,tahoma,arial;
}
.cat_subcat_info_art {
	color : #616161;
	font-size : 11px;
	margin-top: 0px;
	font-family: tahoma, verdana,arial;
	text-align: right;
}

.cat_content {
	font-size : 11px;
	text-align: justify;
	padding-top: 2px;
   padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 10px;
	line-height: 15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color			: #01135D;

	
}
.info_row_bottom {
	 font-size: 11px;
	 padding-top: 5px;
    color : #000000;
	 padding-right: 5px;
	 margin-top: 2px;
	 width: 93%;
	 text-align: right;
}
.search_foot{
	border-bottom:#DEE7F4 solid 1px; 
	border-top:#DEE7F4 solid 1px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:16px;
	padding-right: 5px;
	line-height: 20px;
}

.page_active{
  font-family      : Tahoma,  Arial,Verdana,Arial, Helvetica, sans-serif;
  font-size        : 11px;
  border           : 1px solid #336699;
  padding : 1px 3px 1px 3px;
  font-weight: bold;
		background-color: #B0C5E5;
	color            : #FFF;
	border: 1px solid #336699;
}
/*================================================================*/

/*==============Engine Buku Tamu dan Testi dan Form===============*/
.id_tanggal{	
	background-color: #F1f1f1;
	font-size        : 10px;
   color            : Gray;
   padding-left     : 8px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.list_row2{
	border-bottom: 1px dotted #5B3200;
	padding: 1px 5px 1px 10px;
	color: #333333;
}
/*================================================================*/
/*=========================Bwat FAQ Engine========================*/

.subHeader{	
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #6DA6BB;
	color: #FFFFFF;
	border-bottom: 1px solid #336699;
	border-top: 1px solid #336699;
	padding: 2px 2px 2px 2px;
}

/* Style tambahan Modif Pertama*/
.li_terkait{
	padding: 1px 0 1px 10px;
	display: block;
	background: url(../images/indent1.png) no-repeat left;
	line-height: 15px;
	font-family:  Tahoma, Helvetica,Verdana;
}
.li_terkait a, .li_terkait a:active{ 
	background: none;
	}
/*=========================Bwat Kurs========================*/

#kurs .th { 
	color: #FFF;
	font-weight: bold;
	background-color: Navy;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
}
#kurs .kiri { 
	padding-left: 15px;
	text-align: left;
	border-bottom: 1px solid #ddd;
	font-family: Verdana;
	font-size: 11px;
	
}
#kurs .tengah { 
	padding-right: 15px;
	text-align: right;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	font-family: Verdana;
	font-size: 11px;
}
#kurs .kanan { 
	padding-right: 15px;
	border-bottom: 1px solid #ddd;
	text-align: right;
	font-family: Verdana;
	font-size: 11px;
}
.kurs_input { 
	padding: 1px;
	border: 1px solid #CCC;
	font-family: Tahoma;
	font-size: 11px;
}
.kurs_input2 { 
	padding: 1px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
}

#topbar{
	position:absolute;
	border: 0px;
	width: 93px;
	height: 150px;
	visibility: hidden;
	z-index: 100;
	background-image: url();
	background-repeat: no-repeat;
}

.dockclass{
position:relative;
float:right;
top:300px;
}