/* ===============================================
  Author        : Asril
  Diskripsi Fungsi:
  " stylesheet untuk sites SI DPC PKS BJGEDE "
  ================================================
  */

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }

BODY {
  background: #FFFFFF;
  margin: 0px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
        line-height: 1.5;
        MARGIN-TOP: 0;
        MARGIN-LEFT: 0;
        MARGIN-RIGHT: 0;
        MARGIN-BOTTOM: 0;
        scrollbar-face-color: #000000;
        scrollbar-highlight-color: #FFCC01;
        scrollbar-shadow-color: #FFCC01;
        scrollbar-arrow-color: #FFCC01;
}

TD {
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:left;
}

TD.login_box {
  background: #ffffff;
  border-left: #DBAF00 1px solid;
  border-right: #DBAF00 1px solid;
  border-top: #DBAF00 1px solid;
  border-bottom: #DBAF00 1px solid;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TR.headertop {
  background: #345116;
}

A.headertop {
  color: #ffffff;
  text-decoration: none;
}

A.headertop:hover {
  color: #EEED95;
}

A.headertop_on {
  color: #ff0000;
  text-decoration: none;
}

A.headertop_on:hover {
  color: #EEED95;
}

A.author {
  color: #ff0000;
  text-decoration: none;
}

A.author:hover {
  color: #EEED95;
}

TD.topmenu {
  background: #345116;
  color: #ffffff;
  font-weight : bold;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  line-height: 1.5;
  text-align:center;
}

TD.banner {
	border-bottom: #000000 1px solid;
}

TD.menu {
  background: #345116;
  border-bottom: #000000 1px solid;
  border-right: #B0CF90 1px dotted;
  color: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
  font-weight : bold;
}

TD.menu_on {
  background: #ffffff;
  border-bottom: #000000 1px solid;
  border-right: #B0CF90 1px dotted;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
  font-weight : bold;
  line-height: 1.5;
}

TD.date {
  background: #E92D2C;
  border-bottom: #000000 1px solid;
  border-right: #000000 1px solid;
  color: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
  line-height: 1.5;
}

A.menu {
  color: #ffffff;
  text-decoration: none;
}

A.menu_on {
  color: #000000;
  text-decoration: none;
}

A.menu:hover {
  color: #EEB507;
}

TD.box_submenu {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  background: #DFF1CC;
  border-left: #B0CF90 1px dotted;
  border-right: #B0CF90 1px dotted;
  PADDING-top: 5px;
  PADDING-left: 5px;
  PADDING-right: 5px;
}

TD.submenu {
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:left;
}

TD.submenu_on {
  background: #ffffff;
  border-right: #cdcdcd 1px solid;
  border-left: #cdcdcd 1px solid;
  border-top: #cdcdcd 1px solid;
  border-bottom: #cdcdcd 1px solid;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight : bold;
  line-height: 1.5;
  text-align:left;
}

TR.box_submenu {
  font-family: Verdana, Arial, sans-serif;
  background: #EAEDE5;
  border-top: #E92D2C 1px solid;
  border-bottom: #E92D2C 1px solid;
  border-left: #E92D2C 1px solid;
  border-right: #E92D2C 1px solid;
  PADDING-top: 5px;
  PADDING-left: 5px;
  PADDING-right: 5px;
}

A.submenu {
  color: #E92D2C;
  text-decoration: none;
}

A.submenu:hover {
  color: #DBAF00;
}

TD.box_content {
  background: #FFFFFF;
  border-right: #DBAF00 1px solid;
  color: #333333;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight : bold;
  line-height: 1.5;
  text-align:left;
}

.footerbox {
	background: #345116;
	border-top: #000000 2px solid; 
	color: #ffffff;
	font-size: 9px;
	font-family: Arial;
	text-align:center;
	PADDING-top: 5px;
}

TD.detmenu {
  background: #FBF0B7;
  border-top: #DBAF00 1px solid; 
  border-left: #DBAF00 1px solid;
  border-right: #DBAF00 1px solid;
  border-bottom: #DBAF00 1px solid;
  color: #666666;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight : bold;
  line-height: 1.5;
  text-align:center;
  width: 100;
}

TD.detmenu_on {
  border-top: #DBAF00 1px solid; 
  border-left: #DBAF00 1px solid;
  border-right: #DBAF00 1px solid;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight : bold;
  line-height: 1.5;
  text-align:center;
  width: 100;
}

TD.nonmenu {
  border-bottom: #DBAF00 1px solid;
}

TD.isimap {
  border-left: #DBAF00 1px solid;
  border-right: #DBAF00 1px solid;
  border-bottom: #DBAF00 1px solid;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.isititel {
  border-bottom: #cdcdcd 1px solid;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  text-align:center;
}

TD.isi {
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:left;
}

TD.box_kanan {
  background: #FBF9F0;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight : bold;
  line-height: 1.5;
  text-align:left;
}

TD.index_menu {
  border-bottom: #B0CF90 1px solid;
}

TD.searchmenu {
  background: #FBF0B7;
  border-top: #DBAF00 1px solid; 
  border-left: #DBAF00 1px solid;
  border-right: #DBAF00 1px solid;
  border-bottom: #DBAF00 1px solid;
  color: #666666;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight : bold;
  line-height: 1.5;
  text-align:center;
  width: 100;
}

TD.searchmenu_on {
  background: #ffffff;
  border-top: #DBAF00 1px solid; 
  border-left: #DBAF00 1px solid;
  border-right: #DBAF00 1px solid;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight : bold;
  line-height: 1.5;
  text-align:center;
  width: 100;
}

TD.isisearch {
  background: #ffffff;
  border-left: #DBAF00 1px solid;
  border-right: #DBAF00 1px solid;
  border-bottom: #DBAF00 1px solid;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

.smalltext {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  line-height: 1.5;
}

A.smalllink {
  color: #E92D2C;
  text-decoration: none;
}

A.smalllink:hover {
  color: #666666;
}

TH.data {
  background: #000000;
  border-top: #B0CF90 1px solid; 
  border-bottom: #B0CF90 1px solid;
  color: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight : bold;
  text-align:left;
}

TD.data {
  border-bottom: #B0CF90 1px solid;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  text-align:left;
}

TD.form {
  color: #666666;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  text-align:left;
}

.field {
	BORDER-RIGHT: #9eb6d6 1px solid; 
	BORDER-TOP: #9eb6d6 1px solid; 
	PADDING-LEFT: 3px; 
	FONT-SIZE: 9px; 
	BORDER-LEFT: #9eb6d6 1px solid; 
	BORDER-BOTTOM: #9eb6d6 1px solid; 
	FONT-FAMILY: Arial
}

TD.submit {
  BORDER-TOP: #9eb6d6 1px solid; 
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  text-align:right;
  PADDING-TOP: 3px; 
}

TD.login {
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  text-align:right;
  PADDING-TOP: 3px; 
  PADDING-RIGHT: 20px; 
}

.fieldsubmit {
	BORDER-RIGHT: #9eb6d6 1px solid; 
	BORDER-TOP: #9eb6d6 1px solid; 
	PADDING-LEFT: 3px; 
	FONT-SIZE: 100%; 
	BORDER-LEFT: #9eb6d6 1px solid; 
	BORDER-BOTTOM: #9eb6d6 1px solid; 
	FONT-FAMILY: Arial;
	font-weight : bold;
	background: #efefef;
	text-align:center;
}

TD.formpart {
  BORDER-BOTTOM: #9eb6d6 1px solid; 
  color: #003366;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  text-align:left;
  font-weight : bold;
  PADDING-BOTTOM: 3px; 
}

TD.boxiklan {
  background: #666666;
  border-top: #DBAF00 1px solid;
  border-bottom: #DBAF00 1px solid;
  font-family: Verdana, Arial, sans-serif;
  color: #ffffff;
  font-size: 11px;
  font-weight : bold;
  line-height: 1.5;
  text-align:center;
}

TD.isi_iklan {
  background: #ffffff;
  border-bottom: #DBAF00 1px solid;
  font-family: Verdana, Arial, sans-serif;
  color: #000000;
  font-size: 10px;
  font-weight : bold;
  line-height: 1.5;
  text-align:center;
}

.news_tgl {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  line-height: 1.5;
}

.judul {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight : bold;
  color: #003366;
  line-height: 1.5;
}

.news_isi {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  line-height: 1.5;
}

A.news {
  color: #003366;
  font-weight : bold;
  text-decoration: none;
}

A.news:hover {
  color: #ff0000;
  text-decoration: underline;
}

TD.sttk_kategori {
  border-bottom: #cdcdcd 1px solid;
  color: #ff0000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight : bold;
  line-height: 1.5;
}

TD.gal_titel {
  border-top: #DBAF00 1px solid;
  background: #FFD11A;
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  line-height: 1.5;
}

TD.gal_isi {
  border-bottom: #DBAF00 1px solid;
  background: #ffffff;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  line-height: 1.5;
}

.foto_tgl {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8px;
  line-height: 1.5;
  color: #666666;
}

.foto_judul {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight : bold;
  color: #7C3F00;
  line-height: 1.5;
}

.foto_intro {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8px;
  line-height: 1.5;
}

TD.agtitel {
  background: #7C3F00;
  color: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-weight : bold;
  font-size: 10px;
  line-height: 1.5;
}

TD.l_dotted {
  border-left: #B0CF90 1px dotted;
}

TD.r_dotted {
  border-right: #B0CF90 1px dotted;
}

TD.dotted {
  border-right: #B0CF90 1px dotted;
}

TD.lr_dotted {
  border-left: #B0CF90 1px dotted;
  border-right: #B0CF90 1px dotted;
}


TD.maintitel {
  border-bottom: #B0CF90 1px solid;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-weight : bold;
  font-size: 12px;
  text-align:left;
}

TD.view {
  border-bottom: #B0CF90 1px solid;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  text-align:right;
}

h3.propname {
  font-family: Verdana, Arial, sans-serif;
  font-weight : bold;
  font-size: 14px;
  text-align:center;
}

TH.dataprofil {
  background: #D4F1B5;
  border-top: #B0CF90 1px solid; 
  border-bottom: #B0CF90 1px solid;
  border-left: #B0CF90 1px dotted; 
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight : bold;
  text-align:left;
}

TD.dataprofil {
  border-bottom: #B0CF90 1px solid;
  border-left: #B0CF90 1px dotted; 
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TD.menuprop {
  border-bottom: #FBF0B7 1px solid;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  text-align:left;
}

div.overall {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  text-align:right;
  font-weight : bold;
}

/*collapsible h3*/
h3.show {
	background: url(images/arrow2.png) no-repeat 90% 60%;
	cursor: pointer;
}

h3.hide {
	background: url(images/arrow3.png) no-repeat 90% 60%;
	cursor: pointer;
}

TH.indikator {
  background: #000000;
  border-top: #B0CF90 1px solid; 
  border-bottom: #B0CF90 1px solid;
  border-left: #B0CF90 1px dotted; 
  color: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight : bold;
  text-align:left;
}

TD.indikator {
  border-bottom: #B0CF90 1px solid;
  border-left: #B0CF90 1px dotted; 
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  text-align:left;
}

TD.br_titel {
  border-top: #B0CF90 1px solid;
  background: #DFF1CC;
  border-bottom: #B0CF90 1px dotted;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  line-height: 1.5;
  text-align:center;
}

TD.br_isi {
  background: #F0FBE3;
  border-bottom: #B0CF90 1px dotted;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:left;
}

TD.boxtitel {
  border-top: #2A1802 1px solid;
  background: #E28F27;
  border-bottom: #CA9B5F 1px dotted;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  line-height: 1.5;
  text-align:left;
}

TD.boxisi {
  background: #F4E6A6;
  border-bottom: #CA9B5F 1px dotted;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:left;
}

TD.br2_titel {
  background: #9FBAC2;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight : bold;
  BORDER-TOP: #618C98 1px solid; 
  BORDER-BOTTOM: #618C98 1px dotted; 
  BORDER-LEFT: #618C98 1px dotted; 
  BORDER-RIGHT: #618C98 1px dotted; 
  text-align:center;
}

TD.br2_isi {
  background: #E3F1F5;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  line-height: 1.5;
  BORDER-LEFT: #618C98 1px dotted; 
  BORDER-RIGHT: #618C98 1px dotted; 
  BORDER-BOTTOM: #618C98 1px dotted; 
}

TD.redboxtitel {
  background: #FFA6A6;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight : bold;
  BORDER-TOP: #EAAEAD 1px solid; 
  BORDER-BOTTOM: #EAAEAD 1px dotted; 
  BORDER-LEFT: #EAAEAD 1px dotted; 
  BORDER-RIGHT: #EAAEAD 1px dotted; 
}

TD.redboxisi {
  background: #FEE0E0;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  line-height: 1.5;
  BORDER-LEFT: #EAAEAD 1px dotted; 
  BORDER-RIGHT: #EAAEAD 1px dotted; 
  BORDER-BOTTOM: #EAAEAD 1px dotted; 
}

.searchsubmit {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 100%; BACKGROUND: #f6f6ff; BORDER-LEFT: 0px; COLOR: #345116; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Arial
}
.detailfield {
	BORDER-RIGHT: #9eb6d6 1px solid; BORDER-TOP: #9eb6d6 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 100%; BORDER-LEFT: #9eb6d6 1px solid; WIDTH: 200px; BORDER-BOTTOM: #9eb6d6 1px solid; FONT-FAMILY: Arial
}

div.printsection {
  background: #F2FCE8;
  PADDING-top: 3px;
  PADDING-bottom: 3px;
  PADDING-right: 3px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  text-align:right;
  font-weight : bold;
  BORDER-bottom: #B0CF90 1px dotted;
}

div.dloadsection {
  background: #F2FCE8;
  PADDING-top: 3px;
  PADDING-bottom: 3px;
  PADDING-right: 3px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  text-align:right;
  BORDER-top: #B0CF90 1px dotted;
}

div.dloadsection1 {
  PADDING-top: 3px;
  PADDING-bottom: 6px;
  PADDING-right: 3px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  text-align:left;
  BORDER-top: #B0CF90 1px dotted;
}

div.pgiright {
  background: #F2FCE8;
  PADDING-top: 3px;
  PADDING-bottom: 3px;
  PADDING-right: 3px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  text-align:center;
  BORDER-top: #B0CF90 1px dotted;
}