/* Layout */

body {
   margin: 0px; 
   padding: 0px; 
   text-align: left;
   background-color: #000000;
}

#top_spc {
  position: absolute;
  left: 50%;
  width: 800px;
  margin-left: -400px;
  margin-top: 10px;
  height: 64px;
  text-align: center;
}

#top_spc_l {
  position: relative;
  float: left; 
  width: 230px;
  text-align: left;
}

#top_spc_r {
  position: relative;
  float: right; 
  width: 570px;
  text-align: right;
}

#mid_spc {
  position: absolute;
  left: 50%;
  width: 600px;
  margin-left: -300px;
  margin-top: 100px;
  height: 400px;
  text-align: center;
}

#bot_spc {
  position: absolute;
  left: 50%;
  width: 800px;
  margin-left: -400px;
  margin-top: 530px;
  height: 70px;
  text-align: center;
}

#mid_spc_2 {
  position: absolute;
  left: 50%;
  width: 800px;
  margin-left: -400px;
  margin-top: 100px;
  height: 520px;
  text-align: center;
}
#mid_spc_3 {
  position: absolute;
  left: 50%;
  width: 800px;
  margin-left: -400px;
  margin-top: 80px;
  height: 520px;
  text-align: center;
}
#mid_posko {
  position: absolute;
  left: 50%;
  width: 800px;
  margin-left: -400px;
  margin-top: 80px;
  height: 480px;
  text-align: center;
  background-color: #101410;
}
#nav_spc {
  position: absolute;
  left: 50%;
  width: 600px;
  margin-left: -300px;
  margin-top: 540px;
  height: 20px;
  text-align: center;
}
#nav_spc_new {
  position: relative;
  left: 50%;
  width: 600px;
  margin-left: -300px;
  height: 20px;
  text-align: center;
}
#nav_posko {
  position: absolute;
  left: 50%;
  width: 800px;
  margin-left: -400px;
  margin-top: 570px;
  height: 20px;
  text-align: center;
}

#nav_spc_l {
  position: relative;
  float: left; 
  width: 400px;
  text-align: left;
}

#nav_spc_l_2 {
  position: relative;
  float: left; 
  width: 500px;
  text-align: left;
}

#nav_spc_r {
  position: relative;
  float: right; 
  width: 200px;
  text-align: right;
}

#bot_spc_2 {
  position: absolute;
  left: 50%;
  width: 800px;
  margin-left: -400px;
  margin-top: 770px;
  height: 70px;
  text-align: center;
}

#bot_spc_free {
  position: relative;
  left: 50%;
  width: 800px;
  margin-left: -400px;
  height: 70px;
  text-align: center;
}

#mid_spc_3 {
  position: absolute;
  left: 50%;
  width: 800px;
  margin-left: -400px;
  margin-top: 100px;
  height: 540px;
  text-align: center;
}

#bot_spc_3 {
  position: absolute;
  left: 50%;
  width: 800px;
  margin-left: -400px;
  margin-top: 540px;
  height: 50px;
  text-align: center;
}

#bot_spc_4 {
  position: absolute;
  left: 50%;
  width: 800px;
  margin-left: -400px;
  margin-top: 560px;
  height: 40px;
  text-align: center;
}

#bot_spc_rel {
  position: relative;
  height: 50px;
  text-align: right;
}

#loginform {
  position: relative;
  width: 100%;
  height: 400px;
  text-align: center;
}

/* Fonts */

body, table, td, select, textarea, input { 
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666;
}
a { 
  color: #FFFBBD; text-decoration: none; 
}
a:hover { 
  color: #FFC726; text-decoration: underline; 
}
.fea_hdr {
  font-size: 14px; font-weight: bold; color: #A51829;
}
.fea_hdr_s {
  font-weight: bold; color: #A51829;
}
.subheader {
  font-size: 12px; font-weight: bold; color: #8C8A94;
}
.td_posko_head {
  font-size: 12px; font-weight: bold; color: #73795A; width: 120px; text-align: center; text-decoration: underline;
}
.td_posko_head_l {
  font-size: 12px; font-weight: bold; color: #73795A; width: 120px; height: 50px; text-align: left; text-decoration: underline;
}
.td_posko_head_l a {
  color: #73795A;
}
.td_posko_head_l a:hover {
  color: #FFFFFF;
}
.td_posko_cell {
  border-top: 1px solid #252E25;
}

/* Forms */

.formtxt {
  border: none #999999;
  font-size: 11px;
  color: #000000;
  background-color: #D4D4D4;
  margin: 1px;
  padding: 1px;
  border-color: #000000;
}

.formbtn {
  border: 1px solid #BCBCBC;
  font-size: 11px;
  color: #000000;
  background-color: #BCBCBC;
}


.copyright {
  font-family: Arial, Helvetica, sans-serif; 
  margin-top: 10px;
  font-size: 9px;
}

.caption {
  text-align: left; 
  padding: 10px;
  font-size: 10px;
  color: #F3F0E7;
}

/* Others */

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

#dhtmltooltip {
  position: absolute;
  left: -300px;
  width: 150px;
  border: 1px solid black;
  padding: 2px;
  background-color: #666666;
  color: #FFC726;
  visibility: hidden;
  z-index: 100;
}