/*=====================ELEMEN UTAMA====================*/
body {
   background: White; 
	scrollbar-arrow-color: Navy; 
	scrollbar-face-color: E7E7E7 ; 
	scrollbar-highlight-color: Navy; 
	scrollbar-shadow-color: 000000; 
	scrollbar-track-color: E7E7E7 
 }
a:link {
  font-size        : 8pt;
  color            : navy;
  text-decoration  : underline;
}
a:visited {
  font-size        : 8pt;
  color            : #A9A9A9;
  text-decoration  : underline;
    }
a:hover {
  font-size        : 8pt;
  color            : #FB2600;
  text-decoration  : none;
} 
td, tr, p, div {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  color            : #000144;
}
hr {
  color            : Silver;
  height           : 1px;
  width            : 100%;
}
div > input {
  border           : 1px solid #FEA405;
  background-color : #FFFBF6;
  margin-bottom    : 1px;
  color			   : #660000;
  font-size: 11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-left: 3px;
}
td > input {
  border           : 1px solid #FEA405;
  background-color : #FFFBF6;
  margin-bottom    : 1px;
  color			   : #000157;
  font-size: 11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-left: 3px;
}
textarea {
	border           : 1px solid #A9A9A9;
  background-color : #FDFDFD;
  margin-bottom    : 1px;
  color			   : #444444;
  font-size: 11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-left: 3px;
}
select {
	border           : 1px solid #FF8D00;
  background-color : #FFFBF6;
  margin-bottom    : 1px;
  color			   : #660000;
  font-size: 11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-left: 3px;
}

.default         { color: #4d4d4d; font-size: 8pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
H1{ 
	color: Navy; 
	font-weight: bold; 
	font-size: 12px; 
	line-height: 10pt; 
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	margin-top: 2px; 
	margin-bottom: 2px; 
	margin-right: 5px; 
	margin-left: 5px }
H2             { color: #4d4d4d; font-weight: bold; font-size: 10pt; line-height: 10pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; clear: right; margin-right: 6px; margin-left: 20px }


li { 
	line-height: 17px; 
	text-indent: 0px; 
	list-style-position: outside; 
	clear: left; 
	margin-left: 0px; 
	padding-left: 0px; 
	padding-right: 10px;}
		
p  { 
margin-right: 15px; 
margin-left: 6px ;
text-indent: 20px;
line-height: 17px;
}





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

/* ========================GENERAL============================*/
/*-----------------Untuk Breadcumb-------------*/
.breadcumb, .breadcumb a, .breadcumb a:link, .breadcumb a:visited {
	background-color: #dadada;
	color: #454545;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 0px;
}
.breadcumb a:hover{
	color: #00008B;
} 
/*-----------------Untuk Kolom Kiri------------*/
.menuTable{
	border: 1px solid #666666;
	background-color: #EAEAEA;
	padding: 0px 0px;
}
.menuHeader{
	color: #454545;
	background: url(../images/index_09.gif) no-repeat;
	padding: 0 0 0 22px;
	display: block;
	font-size: 10pt;
	font-weight: bold;
	vertical-align: middle;
}
a.mainlevel {
	color: #000148;
	background: #FCFCFC url(../images/navbar_on.gif) no-repeat ;
	border: 1px solid #e4e4e4;
	padding: 1px 0 1px 20px;
	display: block;
	text-decoration: none;
	}

a.mainlevel:hover {
	background: #DADADA url(../images/navbar.gif) no-repeat ;
	display: block;
	border: 1px solid #e4e4e4;
	color: #E63F00;
	text-decoration: none;
	}	

.inputbox {
  border           : 1px solid #A9A9A9;
  background-color : #FDFDFD;
  margin-bottom    : 1px;
  color			   : #444444;
  font-size: 11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-left: 2px;
}
.button{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	padding-left: 6px;
	padding-right: 6px;
	cursor: hand;
	border           : 2px solid Silver;
   background-color : #EEEEEE;
}
.back_button a, .back_button a:link, .back_button a:visited {
  color            : #4d4d4d;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background       : #f1f3f5 url(../images/bb.gif);
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : normal;
  border           : 1px solid #ccc;
  padding-bottom   : 2px;
  padding-left     : 20px;
  padding-right    : 2px;
  padding-top      : 0px;
  margin-right     : 10px;
  float            : right;
  font-weight      : normal;
  line-height      : 12px;
  text-decoration  : none; 	
  font-weight: bold;
}
.back_button a:hover{
	color            : #00008B;
}
/*-----------------Untuk Menu Atas-------------*/

/*-----------------Untuk Menu Kanan------------*/
.nameHeader{
	color: #4d4d4d;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 2px solid silver;
	line-height: 15px;
	background-attachment: scroll; 
   text-transform   : capitalize;
	text-indent      : 8px;
 	background: #eeeeee url(../images/dots.png) top right no-repeat;
	text-align: left;
	display: block;
}
.nameHeader2{
	color: #4d4d4d;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 2px solid silver;
	line-height: 15px;
	background-attachment: scroll; 
   text-transform   : capitalize;
	text-indent      : 8px;
 	background: #eeeeee url(../images/dots.png) top right no-repeat;
	text-align: center;
	}
.nameHeader3{
	background-color:#eeeeee; 
	border-bottom:2px solid silver;
	font-weight: bold;
	text-align: center;
}	
.list_row2{
	border-bottom: 1px dotted silver;
	padding: 2px 2px 2px 6px;
	color: #333333;
	line-height: 15px;
	display: block;
	text-align: left;


}
/*-----------------Untuk Content---------------*/
.judul{
	background: url(../images/judul.gif) no-repeat ;
	color: Navy; 
	font-weight: bold; 
	font-size: 10pt; 
	line-height: 14pt; 
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	margin-top: 5px; 
	margin-right: 10px; 
	margin-left: 5px;
	text-align: right;
	display: block;
 }
.viewTable{
	border: 1px solid #DADADA;
	background-color: #FDFDFD;
	margin-right: 5px; 
	margin-left: 5px;
	line-height: 17px;
	text-align: justify;
	color: black;
}
.contentheading {
	font-size:8pt;
	font-weight: bold;
	font-family: verdana,arial,sans-serif;
 	color: #666;
 	background: #fff url(../images/gradient.jpg) no-repeat;
	text-align:left;
	margin: 1.5em 1.5em 0em -3px;
   border: 1px solid #e4e4e4;
	display: block;
	line-height: 20px;
	padding-left: 10px;
	}
.subkategori, .subkategori a
, .subkategori a:link, .subkategori a:visited {
	font-size:8pt;
	font-weight: bold;
	font-family: verdana,arial,sans-serif;
 	color: #666;
 	background: #fff url(../images/gradient.jpg) no-repeat;
	text-align:left;
	margin: 1.5em 1.5em 0em 0px;
   border: 1px solid #e4e4e4;
	display: block;
	line-height: 20px;
	padding-left: 28px;
	text-decoration: none;
	}	
.subkategori a:hover{
	text-decoration: underline;	
}
.tablekategori{
	border: 1px solid #e4e4e4;
	line-height: 15px;
	margin: 0 1.5em 0em 0px;
	padding: 2px 5px 2px 5px;
	text-align: justify;
	display: block;
}
.selengkapnya, .selengkapnya a,
.selengkapnya a:link, .selengkapnya a:visited{
	font-size: 7pt;
	display: block;
	text-align: right;
	text-decoration: none;
	border-top	: 1px dashed #ECECEC;	
	color            : #4d4d4d;
}
.selengkapnya a:hover{
	text-decoration: underline;
	color: #00008B;
}
.cat_headline a, .cat_headline a:link, 
.cat_headline a:visited{
		color: #666;
    text-align: left;
 	background: #f1f3f5 url(../images/dots.png) top right no-repeat;
   	font-size: 8pt;
   	font-weight: bold;
   	padding: 0 0 0 .2em;
    border: 1px solid #ccc;
	 display: block;
	 text-decoration: none;
}
.cat_headline a:hover{
	text-decoration: underline;
	color: #00008B;
}
.cat_content1{
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;	
	margin-bottom: 10px;
	padding-left: 15px;
	padding-right: 10px;
	text-align: justify;
}

p > span {
	width: 100%;
	font-size:8pt;
	font-weight: bold;
	font-family: verdana,arial,sans-serif;
 	color: #666;
 	background: #fff url(../images/gradient.jpg) no-repeat;
	text-align:left;
	margin: 1.5em 1.5em 0em -10px;
   border: 1px solid #e4e4e4;
	display: block;
	line-height: 20px;
	padding-left: 10px;
}

.cat_content2{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 10px;
	text-align: justify;
	text-indent: 0px;
	line-height: 17px;
}
/*-----------------Bwat di Window Komentar dan Tell A frien -------------*/
.judul_utama2{
	border: 1px solid #454545;
	background-color: #A2A2A2;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color:#FFFFFF;
	text-transform: uppercase;
	padding: 3px 6px 4px 40px;
}

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

/* -------------Untuk Di Cat.php dan Art.php----------- */
/* -----------Untuk Daftar Kategori dan Isinya--------- */

.cat_subcat_info {
	color : Gray;
	font-size : 10px;
	margin-top: 5px;
	padding-right: 15px;
	border-top: 1px dotted silver;
}

/* ---------------Untuk Quick-Search dan Pencarian Cepat----------------*/
.info_row_bottom {
	 font-size: 11px;
	 padding-top: 5px;
    color : #000000;
	 margin-top: 5px;
	 width: 100%;
	 text-align: right;
}

a#active_menu {
	color: #6666FF;
	background: url(../images/navbar_on.gif) -5px 0 no-repeat;
	border: 1px solid #e4e4e4;
	padding: 0 0 0 20px;
	display: block;
	margin: 3px 0 -4px 0;
	}	

#search {
  float            : left;
  width´           : 100% !important;
  width            : 100%;
  height           : 30px !important;
  height           : 30px;
 overflow         : hidden;
 }
 .menu_content {
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background       : #f1f3f5 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; 
}
.list_row{
	border-bottom: 1px dotted #5B3200;
	padding: 2px 5px 2px 10px;
	color: #333333;
}
.list_row_headline{
	border-bottom: 1px dotted #5B3200;
	padding: 2px 2px 2px 2px;
	color: #333333;
}
.tgl_berita{
	font-size: 7pt;
	display: block;
	text-align: left;
	text-decoration: none;
	border-bottom	: 1px dashed #ECECEC;	
	color            : #999999;
}
#search {
	float: inherit;
	margin-top: 5px;
	padding: 0px;
	width´: 95% !important;
	width: 95%;
	height: 25px !important;
	height: 25px;
	overflow: hidden;
	float: left;
}