form {
margin:0px;
padding:0px 0px 0px 2px;
}
fieldset {
border: 1px solid #c69c6d;
padding: 10px;
}
.btn {
padding:1px;
padding-left:149px;
float:left;
}
.btn2 {
float:right;
padding:1px;
}
.comlogo {
font-family:Verdana, Arial, Helvetica, "Trebuchet MS";
font-size: 10px;
color:#999999;
}
.garis {
border:1px solid #4a95c9;
}
.legend {
font: normal 11px Verdana, Arial, Helvetica, "Trebuchet MS";
color: #996600;
padding-bottom:4px;
}
.tombol {
background-image:url('tombol.jpg');
background-repeat:no-repeat;
background-color:transparent;
margin-right:20px;
text-align:center;
padding-top:1px;
width:71px;
height:21px;
border:none;
cursor:pointer;
}
.text {
font-family:Verdana, Arial, Helvetica, "Trebuchet MS";
font-size: 11px;
font-weight: bold;
color:#996600;
width:640px;
margin: 5px 0px 5px 0px;
padding: 5px;
clear:both;
background-color: #e2fbbd;
border-bottom:#acacac solid 1px;
}
.text2 {
font-family:Verdana, Arial, Helvetica, "Trebuchet MS";
font-size: 11px;
font-weight: normal;
color:#000000;
}
.tombol2 {
background:url('tombol2.gif') repeat-x center left;
background-color:#d7ebf5;
border:none;
text-align:center;
width:auto;
cursor:pointer;
}
#cara {
font-family:Verdana, Arial, Helvetica, "Trebuchet MS";
font-size: 11px;
font-weight: bold;
color: #8c6239;
margin-bottom:5px;
}
#cara ul {
margin:0px;
padding:0px;
list-style:none;
}
#cara li {
display:inline;
}
#cara .on {
background-image:url('arrow2.gif');
background-repeat:no-repeat;
font-size:11px; 
color:#8c6239;
padding:7px 5px 14px 54px;
}
#cara .off {
background-image:url('arrow3.gif');
background-repeat:no-repeat;
color:#CCCCCC;
padding:7px 5px 14px 54px;
}
#checkbox {
margin-right:3px;
}
#formbox {
width:auto;
margin:0px;
padding:0px;
}
#formbox label {
font-family:Verdana, Arial, Helvetica, "Trebuchet MS";
font-size: 11px;
font-weight: bold;
width:150px;
float:left;
margin:0 auto;
}
#formbox ul {
margin:0px;
padding:0px;
list-style:none;
}
#formbox li {
height:20px;
padding-top:2px;
padding-bottom:2px;
list-style:none;
display:block;
}
#formbox .kotak {
width: 190px;
float:left;
}
#formbox .info {
background-color:#CCCCCC;
}
#formbox .kotak2 {
font-family:Verdana, Arial, Helvetica, "Trebuchet MS";
font-size: 11px;
font-weight: normal;
width: 190px;
float:left;
}
#formbox .kotak2 ul {
margin:0px;
padding:0px;
}
#formbox .kotak2 li {
margin:0px 0px 1px 0px;
padding:0px;
}
#formbox .kotak3 {
width: 100px;
float:left;
margin-right:15px;
}
#formbox .notify {
font-family:Verdana, Arial, Helvetica, "Trebuchet MS";
font-size: 10px;
color:#999999;
padding-left: 10px;
float:left;
width:auto;
}
#formbox .notify2 {
font-family:Verdana, Arial, Helvetica, "Trebuchet MS";
font-size: 10px;
color:#999999;
padding-left: 150px;
margin-top:5px;
float:left;
width:450px;
}
#formbox .notify3 {
font-family:Verdana, Arial, Helvetica, "Trebuchet MS";
font-size: 10px;
color:#999999;
padding-left: 10px;
float:left;
width:170px;
}
#formbox .notify4 {
font-family:Verdana, Arial, Helvetica, "Trebuchet MS";
font-size: 10px;
color:#999999;
padding-left: 10px;
float:left;
width:250px;
}
#radiobox {
margin-right:5px;
}
#main-about {
font-size:11px; 
font-family:Verdana, Arial, Helvetica, 'Trebuchet MS';
text-align:justify;
padding:10px 5px 10px 5px;
width: 790px;
margin:0 auto;
border:#CCCCCC 1px solid;
}
#main-about p {
margin:0px 0px 10px 0px;
}
#main-about li {
margin:0px;
padding:0px;
list-style:none;
display:block;
}
#main-about label {
width:100px; 
float:left;
}
#main-about .textfield {
width:500px;
}