/* Generated by KompoZer */
@media print {

#footer, #menu_top, .no_print_please {
visibility: collapse;
}

.print_please {
visibility: visible;
}

}

body {
  margin: 0px;

}

body, .normal {
  font-family: Arial;
  font-size: 12px;
  color: black;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
}

.data_entri {
  background-color: #f6f6f6;
  font-family: Arial;
  font-size: 12px;
  color: black;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  text-align: center;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

#header {
  border-style: none;
  padding: 0; 
  background-position: left top;
  float: none;
  top: 0px;
  height: 120px;
  position: relative;
  width: 800px;
  background-image: url(images/SIAKHEADERBIRU.jpg);
  background-repeat: none;
  text-align: center;
}

#logo {
  width: 82px;
  height: 108px;
  top: 10px;
  left: 80px;
  position: relative;
  float: left;
  background-image: url(images/logo_pemko_batam.gif);
  background-repeat: no-repeat;
}

#page_title {
  color: black;
  font-family: Verdana;
  font-weight: bold;
  font-size: 30px;
  font-style: normal;
  text-transform: none;
  text-align: center;
  position: relative;
  top: 30px;
}
#page_subtitle {
  color: black;
  font-family: Verdana;
  font-weight: bold;
  font-size: 12px;
  font-style: normal;
  text-transform: none;
  text-align: center;
  position: relative;
  top: 30px;
 }

#menu_top {
  bottom: 0px;
  position: absolute;
  float: none;
  right: 20px;
}

#page {
  padding: 10px 20px;
  width: 780px;
  background-color: white;
  position: relative;
  top: 0px;
  left: 0px;
  text-align: left;
  min-height:240px;
}

#footer {
  padding: 25px 20px 20px 20px;
  width: 800px;
  height: 50px;
  text-align: center;
  font-size: 12px;
  background-image: url(images/SIAKFOOTERBIRU.jpg);
  background-repeat: no-repeat;
  color: #0066cc;
  left: 0px;
  top: 0px;
  position: relative;
}

#page_body {
  width: 800px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.menu_top_item {
  border-style: solid solid none;
  border-color: #006600;
  border-width: 1px;
  color: #3333ff;
  text-decoration: none;
  padding-top: 8px;
  padding-right: 14px;
  padding-left: 14px;
  background-color: transparent;
  font-size: 14px;
  line-height: 30px;
}

#menu_top a:hover {
  font-weight: bold;
  background-color: white;
  color: #049575;
}

.menu_list {
  color: #049575;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
}

.menu_list a, .menu_list a:visited{
  color: blue;
  font-weight: normal;
  text-decoration: none;
}

.menu_list a:hover {
  text-decoration: underline;
}

a, a:visited{
  color: blue;
  font-weight: normal;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#login {
  width: 300px;
  margin-left: 580px; 
  text-align: right;
  display: block;
}

.login_text {
  width: 170px;
  padding-right: 5px;
  text-align: right;
  float: left;
}

.login_button {
  text-align: right;
}

.buttons {
  border: 1px solid rgb(204, 204, 204);
  background-color: rgb(204, 204, 255);
}

.buttons:hover {
  background-color: rgb(224, 224, 224);
}

.intext { 
  border: 1px solid rgb(153, 153, 153);
  font-size: 14px;
  color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 204);
  font-family: Arial,Helvetica,sans-serif;
}

.input_box {
  width: 400px;
  border: 2px solid #999999;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 40px;
  background-image: url(images/bg_box.jpg);
  margin-right: auto;
  margin-left: auto;
}

.error_msg {
  color: red;
  background-color: white;
  padding-left: 20px;
  padding-right: 20px;
}

.hasil_pencarian {
  color: black;
  font-size: 10px;
  font-family: Helvetica;
}

table .entri_data {
  width: 500px;
  border: none;
  background-color: white;
}

.label_kiri {
  width: 260px;
  text-align: right;
  white-space: nowrap;
  padding-right: 10px;
}

.menu_teks_item {
  border-style: solid;
  border-color: #006600;
  border-width: 1px;
  color: #3333ff;
  text-decoration: none;
  padding: 4px;
  background-color: transparent;
  font-size: 12px;
  line-height: 30px;
}

.menu_teks_item:hover {
  background-color: #cae9e3;
}

.menu_teks_item a,a:hover,a:visited {
  color: #3333ff;
  text-decoration: none;
}

.nokk_input { 
  border: 1px solid rgb(153, 153, 153);
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 204);
  font-family: Courier New,Verdana;
}

div.pdmenu + p { clear:both; }
#page div.pdmenu { padding: 25px 0; margin:0 !important; text-align: left; }
#page div.pdmenu ul {margin: 0 !important; padding: 0 0 20px 0; list-style-type: none; }

#page div.pdmenu li  { height:25px; width:100px; margin: 0 -1px 0 0; padding: 0; border:1px solid black; color:black; text-decoration:none; background-color:white; float:left; }
#page div.pdmenu a { text-decoration: none; display: block; color: #000000; background-color: #ffffff; padding: 5px; }
#page div.pdmenu a:hover { text-decoration: none; color: #FFFFFF; background-color: #000033; }
#page div.pdmenu li ul { display: none; margin:0 !important; }

#page div.pdmenu li:hover ul { visibility: visible; display: block; position:absolute; z-index:1; width:180px; padding: 0; margin:0 !important; border:1px solid black; }
#page div.pdmenu li li { border: none; height:24px; width:180px; }	
#page div.pdmenu li li a { padding: 2px 2px 2px 2px; }

.rekap_isi {
font-family: arial;
font-size: 12px;
font-weight: normal;
}

.rekap_isi2 {
font-family: Arial;
font-size: 10px;
font-weight: normal;
}

.rekap_total {
font-weight: bold;
}

.gelap {
background-color: #EEEEEE;
}

.terang {
background-color: white;
}

.msgbox {
max-width: 75%;
font-family: Arial;
font-size: 14px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.data_info { 
  visibility: hidden;
  display: none; z-index: 2;
  position: absolute;
  background: #faffc2;
  padding: 5px 5px 5px 5px;
  max-height: 300px;
  overflow: auto;
}

.data_table_rekap {
visibility:hidden; position: absolute; z-index:2; padding: 4px;
background-color: rgb(255, 255, 204);
}

.hurufkotak {
border: groove 2px;
width: 12px;
height: 12px;
padding: 3px;
position: relative;
}

.skpd_isian {
border: groove 2px;
height: 12px;
padding: 4px 20px 4px 4px;
}

#control_bar {
border: solid 1px;
padding: 10px;
}

.tiket_judul {
border: 0;
padding: 2px;
background-color: rgb(204, 204, 204);
}

.sp3o_ok {
  font-weight: bold;
  color: #049575;
}

.par {
	margin: 0px 5px 5px 0px;
	padding: 0px 5px 5px 0px;
}
.par2 {
	padding: 0px 5px 5px 0px;
	margin: 0px 5px 5px 0px;

}