div,p,h1,h2,h3,h4,h5,h6,form,input,ul,li,table,tr,td,img {
  margin:0;
  padding:0;
  text-align:left;
}

html { border:0; margin:0; }

img {
    border:0;
}

body {
  background:url('images/bg-base.jpg') center top no-repeat fixed;
  background-color:rgb(184,184,172);  
  margin:0;
  padding-left:16px;
  *padding-left:21px;
  font-size:12px;
  font-family:arial;
  line-height:1.5em;
}

input {
  font-size:11px;
  padding:2px 2px 2px 2px;
}

button.add{
    vertical-align:middle;
    font-size:11px;
    background:url('images/button/b_add.png') transparent no-repeat;
    padding:1px 1px 1px 15px;
}



table {
  font-size:11px;
}

a {
  color:blue;
  text-decoration:none;
}

a:hover {
  color:red;
}



 .menu {
   font-size:12px;
   font-family:arial;
   width:200px;
 }

 .menu ul li a:hover {
     text-decoration:underline;
     color:inherit;
 }
 
 .menu-member{
    list-style-type:none;
    width:100%;
    padding:3px 3px 3px 3px;
 }
 
 .menu-member li {
   display:inline;
   padding:0px 3px 0px 3px;
   margin-right:2px;
   font-size:13px;
 }
 
 .menu-member li a {
   color:blue;
 } 
 
 .menu-member li a:hover {
   text-decoration:underline;
 }  
 
h4{
  font-size:14px;
  font-family:arial black;
}

#container {
  width:852px;
  margin-left:auto;
  margin-right:auto;
  margin-top:80px;
}

#top{
  width:100%;
  background:url(images/head.jpg) no-repeat;
  clear:both;
}

#header{
  width: 830px;
  height: 180px;
  padding:11px 0px 0px 11px;
}

*#header{ 
  /* IE 6 hacks */
  width: 810px; 
  height: 180px;
  padding:11px 11px 11px 11px;
}


#gb1{
  background:url(images/gb1.jpg) no-repeat;
  width:100%;
  height:31px;
  padding-left:150px;
}

#gb1 td {
  font-size:11px;
}

.gb1-text {
  margin-top:2px;
  background:rgb(184,184,172);
  border:1px solid #CFCFCF;
  height:18px;
}

#left{
  width:250px;
  float:left;
}

.left-block {
  width:100%;
}

.left-block-inner{
  background:rgb(231,232,233);
}

h2.title {
  font-size:12px;
  font-weight:bold;
  font-family:arial black;
  color:rgb(138,141,124);
  
}

h2.title-2 {
  font-size:12px;
  font-weight:bold;
  font-family:arial black;
  color:#E7E8E9;  
}

.title1 {
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:20px;
    color:#EE0000;
    line-height:120%;
    font-weight:normal;
}

.title2 {
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:12px;
    line-height:120%;
    font-weight:bold;
    color:#EE0000;
}

a .title2:hover,a.title1:hover {
    text-decoration:underline;
}

.date {
    color:#666666;
    font-family:Arial,Helvetica-Normal,sans-serif;
    font-size:10px;
    line-height:120%;
}

.f-yellow { color:#FFFF00; }
.f-red    { color:#000000;}
.f-blue   { color:blue;}
.white { background:#fff; }
.brown {  background:#A7A694; }
.young-brown { background:#B8B9AC; }
.gray { background:rgb(231,232,233);}



#right{
  float:right;
  width:595px;
}


.padd-5 {
  padding:5px 5px 5px 5px;
}

#right-1 {
  float:left;
  width:400px;
}

#right-2{
  float:right;
  width:195px;
}

.rnd-1 {
  background:url(images/rnd-1.jpg) no-repeat top left;
  width:7px;
  height:8px;
  position:absolute;
  margin-top:-10px;
  *margin-left:-10px;
}

.rnd-2 {
  background:url(images/rnd-2.jpg) no-repeat bottom left;
  width:9px;
  height:8px;
  position:absolute;
  margin-top:3px;
  *margin-top:-4px;
}

.rnd-3 {
  background:url(images/rnd-3.jpg) no-repeat top left;
  width:9px;
  height:8px;
  position:absolute;
  margin-top:-10px;
  *margin-left:-10px; /*IE hacks */
}

.rnd-4 {
  background:url(images/rnd-4.jpg) no-repeat bottom left;
  width:9px;
  height:8px;
  position:absolute;
  margin-top:3px;
  *margin-top:-4px; /*IE hacks */
}

.rnd-6 {
  background:url(images/rnd-6.jpg) no-repeat top right;
  width:9px;
  height:8px;
  position:absolute;
  margin-left:186px;
}

.rnd-5 {
  background:url(images/rnd-5.jpg) no-repeat bottom right;
  width:8px;
  height:9px;
  position:absolute;
  margin-left:187px;
  margin-top:-8px;
  *margin-top:-14px;
}

.rnd-user-box-1x{
  background:url(images/rnd-1.jpg) no-repeat left top;
  width:7px;
  height:8px;
  position:absolute;
}

.rnd-user-box-3x{
  background:url(images/rnd-1.jpg) no-repeat right top;
  width:7px;
  height:8px;
  position:absolute;
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter:flipH;
  margin-left:847px;
  margin-top:-26px;
}

.formStyle table td {
  
  padding:3px 3px 3px 3px;
  font-size:11px;

}

.datatable {
    border:0;
    border-collapse:collapse;
    width:100%;
}

.datatable th {
    border:1px solid #CFCFCF;
    padding:3px 8px 3px 8px;
    font-weight:bold;
    background:gray;
    color:#FFF;
    text-align:center;
}

.datatable td {
    border:1px solid #CFCFCF;
    padding:3px 3px 3px 3px;
}

.datatable td.menu{
    text-align:center;
    width:60px;
}

.datatable td.number {
    width:8px;
 }

 .datatable tr:hover {
     background:#FFFFCC;
 }

 .required {
     color:red;
     font-weight:bold;
     font-size:9px;
 }

 .new {
     color:red;
     font-size:10px;
     text-decoration:blink;
 }

 .left-menu-cornerz {
     background:url(images/left-corner.png);
     width:10px;
     height:27px;
     position:absolute;
     margin-top:2px;
     margin-left:-5px;
     z-index:0;
 }

  .left-menu-corner {
     background:url(images/left-corner.png);
     width:10px;
     height:27px;
     position:absolute;
     margin-top:-7px;
     margin-left:-11px;
     z-index:0;
 }

  .right-menu-corner {
     background:url(images/right-corner.png) right top;
     width:10px;
     height:27px;
     position:absolute;
     margin-top:-29px;
     margin-left:284px;
     z-index:0;
 }

 .gambar-kiri {
     float:left;
     margin:0px 5px 5px 0px;
     padding:2px 2px 2px 2px;
     border:1px solid #CFCFCF;
 }

 .big-button {
     font-size:14px;
     padding:2px 2px 2px 2px;
 }

 input.hasError {
    border:1px solid red;
 }

 ul.main-menu {
    margin:0;
    padding:0;
 }
 .main-menu li {
     margin:0;
     padding-left:15px;
     padding-top:0px;
     padding-bottom:3px;
     background:url(images/li-plus.png) left top no-repeat;
 }

 ul.menu-facebook {
     list-style-type:none;
 }

 ul.menu-facebook li {
     border-top:1px solid #D6D9DE;
 }
 ul.menu-facebook li a {
     padding-left:15px;
     display:block;
     padding:5px 0 1px 0px;
     height:19px;
     color:#333333;     
 }

 ul.menu-facebook li a:hover {
     background:#ECEEF4;
     color:#333333; 
 }

 ul.menu-facebook li a.selected {
     background:#3B5998;
     color:#FFFFFF;
 }

 #menuFixed3 {
    height:24px;
    margin:0 auto;    
    position:fixed;
    width:852px;
    z-index:2000;
    *position:absolute;
    left:0;
    bottom:0;
 }

 .style1 {
    opacity:0.9;
    background:#F5ED30;
    border-top:2px solid #000;
    border-left:0px solid #ECEEF4;
    border-right:0px solid #ECEEF4;
 }

 .style2 {
    opacity:0.9;
    background:#ECEEF4;
    border-top:2px solid #D6D9DE;
    border-left:1px solid #ECEEF4;
    border-right:1px solid #ECEEF4;
    color:black;
    font-size:11px;
    padding:3px 0 0 0px;
 }

 *#wrapper {
     height:100%;
     width:100%;
     overflow:auto;
     position:relative;
     text-align:center;
 }

 *body{
      text-align: center;
      height:100%;
      width:100%;
      overflow:auto;
 }

 fieldset {
    border:1px solid #99BBE8;
}

table {
    font-size:11px;
    font-family:tahoma;
}

input.hasError {
    border:1px solid red;
}

label {
    font-weight:bold;
    display:block;
}

.information {
    color:green;
    background:url(../images/button/b_info.png) no-repeat center left;
    display:block;
    padding:10px 20px 10px 25px;
}

div.form {
    margin:7px 7px 7px 7px;
}

#right-3 ul {
    margin-left:20px;
}