*{
margin:0px;
padding:0px;
}
img{
border:0px;
margin-bottom:5px;
margin-right:3px;
}
html{
overflow: auto; /* Removes empty vertical scrollbars in IE */
width:100%;
height:100%;
background:#2b3a4d;
}
li {
list-style-type:none;
}
p{
margin:5px 5px 5px 0;
padding:4px;
}
blockquote {
background-image:url("images/quote.gif");
background-position:top left;
background-repeat:no-repeat;
border:1px groove #ece6e6;
background-color:#white;
width:90%;
padding:25px 15px 15px 25px;
font-style:italic;
overflow:auto;
}
#main {
width:766px;
margin-top:15px;
margin-left:auto;
margin-right:auto;
background-color:#e5ecf6;
}
#header{
width:100%;
float:left;
}
#left{
float:left;
width:24%;
margin-top:5px;
margin-bottom:10px;
padding-left:0px;
}
#right{
float:right;
width:75%;
margin-top:5px;
margin-bottom:10px;
}
#footer{
background-color:#B1D2FB;
font-family:monospace;
clear:both;
width:100%;
height:120px;
margin-bottom:10px;
border-top:1px groove #000;
border-bottom:1px groove gray;
}
.bawahkiri{
float:left;
width:260px;
font-size:11px;
color:#1C1D21;
padding:20px 0 0 17px;
border-right:2px groove red;
margin:0 2px 0 0;
}
.bawahkanan{
font-size:11px;
color:#1C1D21;
padding-top:30px;
}
.menuAdmin {
color: white;
font-family: Tahoma;
font-size: 8pt;
font-weight: bold;
border-left: 1px solid white;
text-decoration: none;
background-color: #313031;
padding: 5px;
}
.menuAdmin:hover {
background-color: #caf1fd;
}
.clear{
clear:both;
height:10px;
}
#header img, #menu li, #menu img, .input img, .isiindex img{
float:left;
}
.event{
background-color:#FFFEFB;
font-family:Tahoma;
font-size:11px;
color:#1C1D21;
width:180px;
border:1px solid gray;
margin-bottom:5px;
text-align:justified;
}
.event:hover {
background-color:#F9FBF3;
border:1px solid #C7ABAB;
}
.event strong{
color:#2A3A4E
}
.judulkiri {
width:180px;
height:30px;
padding-left:5px;
font-size:16px;
font-weight:bold;
border:1px solid #d0522b;
background-image:url("images/bgjudulkiri.gif");
}
.event p{
padding:3px;
margin:2px;

}
.event a{
display:block;
padding:0 0 0 0px;
font-family:Tahoma;
font-size:11px;
color:#3C3B5F;
text-decoration:none
}
.event a:visited{
display:block;
padding:0 0 0 0px;
font-family:Tahoma;
font-size:11px;
color:#3C3B5F;
text-decoration:none
}
.event a:hover {
color:#ff0000;
}
.labellogin {
clear:both;
width:100px;
}
.inputan{
width:120px;
padding:1px;
font-family:Tahoma;
font-size:10px;
color:#1C1D21;
border:1px solid gray;
margin-bottom:3px;
}
.text{
width:141px;
height:14px;
float:left;
border-bottom:1px solid #BFBFBF;
border-right:1px solid #BFBFBF;
border-top:1px solid #404040;
border-left:1px solid #404040;
margin:0 8px 5px 0;
display:inline;
font-family:Tahoma;
font-size:11px;
color:#1C1D21;
padding:0 0 0 3px
}
.input button{
width:25px;
height:16px;
background-image:url(images/ok.jpg);
background-position:top left;
background-repeat:no-repeat;
border:0px;
float:left;
}
.isiindex{
width:97%;
padding:0 0 25px 0;
float:left;
font-family:Tahoma;
font-size:11px;
color:#3A3D42;
text-align:justify;
}
.isiindex a{
font-family:Arial;
font-size:12px;
color:#DB0000;
text-decoration:none
}
.isiindex a:visited{
font-family:Arial;
font-size:12px;
color:#DB0000;
text-decoration:none
}
.isiindex  a:hover{
color: #B3625C;
}
.linknya {
float:left;
width:150px;
padding:20px;
text-align:center;
}
.linknya a{
display:block;
font-family:Arial;
font-size:12px;
color:#FB1200;
font-weight:bold;
text-decoration:none
}
.linknya a:visited{
display:block;
font-family:Arial;
font-size:12px;
color:#FB1200;
font-weight:bold;
text-decoration:none
}
.linknya  a:hover{
color: #B3625C;
}
#petasitus {
 margin-left:20px;
}
#petasitus ul li {
 padding-left:20px;
}
.isiindex .judulutama a{
display:block;
background-image:none;
font-family:Arial;
font-size:16px;
color:#1d1963;
font-weight:bold;
text-decoration:none
}
.isiindex .judulutama a:visited{
display:block;
background-image:none;
font-family:Arial;
font-size:16px;
color:#1d1963;
font-weight:bold;
text-decoration:none
}
#juduldepan {
width:95%;
border:1px groove blue;
padding:5px;
font-size:15px;
font-weight:bold;
background-color:#f1f4e3;
margin-bottom:10px;
}
#juduldepan:hover {
 background-color:#FDFFF3;
}
.isiindex .judulutama a:hover{
display:block;
background-image:none;
font-family:Arial;
font-size:16px;
color:red;
font-weight:bold;
text-decoration:none
}
.isiindex span{
color:#F1A10D;
font-size:12px;
font-weight:bold;
margin:0 0 8px 0;
}
.isiindex table{
 width:510px;
}
#beritadepan {
float:left;
width:290px;
border:2px solid #1a33cd;
background-color:#92ccf9;
padding:3px;
}
#box {
float:left;
width:240px;
}
#boxdepan {
float:left;
width:240px;
margin-left:5px;
padding:3px;
border:1px dashed black;
}
#boxgambar {
float:left;
width:240px;
margin-top:10px;
margin-left:5px;
padding:3px;
}
.produk{
background-image:url("images/boxbg.gif");
background-position:bottom left;
background-repeat:repeat-x;
float:left;
width:270px;
height:230px;
font-family:Arial;
font-size:11px;
color:#3a2e2e;
margin-left:5px;
margin-bottom:10px;
border:1px groove gray;
}
.produk:hover {
border:1px groove #BBA4B8;
}
.produk a,a:visited {
padding:3px;
color:#F72642;
}
.produk a:hover {
padding:3px;
color:#3a2e2e;
}
.produk span{
color:#F1A10D;
font-weight:bold;
font-size:15px;
margin:0 0 8px 0;
padding-left:5px;
}
.produk ul {
margin-left:15px;
list-style-type:lower-latin;
}
.boxharga {
background-color:#FFEFEF;
width:28%;
height:200px;
float:left;
padding:2px;
margin-left:1px;
margin-right:1px;
border:1px solid gray;
}
.boxtower {
background-color:#EFF9FF;
width:80%;
float:left;
padding:3px;
border:1px solid gray;
}
.bawah {
width:430px;
height:10px;
background-image:url("images/bawah-produk.gif");
margin-bottom:15px;
}
#pesan {
display:none;
}
table{
width: 100%;
}
th {
padding-left: 11px;
padding-right: 11px;
color: #000;
border:1px solid gray;
background-color:#afb19c;
}
tr {
height: 20px;
}
td {
padding-left: 11px;
padding-right: 11px;
border:1px solid gray;
}
#kontak table td {
border:0;
}
.judulutama {
font-size:17px;
font-weight:bold;
margin-bottom:6px;
}
.utama {
width:90%;
float:left;
padding:6px;
margin-bottom:5px;
}
.descutama {
font-size:11px;
color:#5a2828;
margin-bottom: 5px;
}
.tgl {
font-size:10px;
color:black;
width:65%;
font-family:Courier,arial,Tahoma;
margin-bottom: 3px;
}
.garis{
width:100%;
height:1px;
border-top:1px groove #087c31;
}
#container{
clear:both;
border-top:2px solid red;
padding:2px;
width:760px;
}
#sddm{
margin: 0;
padding: 0;
}
#sddm li{
margin: 0;
padding: 0;
width: 80px;
list-style: none;
float: left;
font-size:11px;
font-family: arial;
}
#sddm li a {
display: block;
margin: 0 1px 0 0;
padding-left: 2px;
padding-right:2px;
padding-top:5px;
padding-bottom:5px;
color: #000;
border-right:1px groove #806b6b;
text-align: center;
text-decoration: none;
font-size:11px;
font-weight:bold;
}
#sddm li a:hover{
background: #c2c3d4;
}
#sddm div{
position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #ece8e8;
border: 1px solid #5970B2;
}
#sddm div a{
position: relative;
display: block;
margin: 0;
padding: 5px;
width: 105px;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: #ece8e8;
color: #2875DE;
font: 11px arial;
border-bottom:1px groove #fff;
}
#sddm div a:hover{
background: #d4d2c2;
color: #fff;
border-bottom:1px groove #fff;
}
#formping,#formtrace,#formwhois {
 font-family:arial;
 font-size:12px;
}
#formping,#formtrace,#formwhois input {
 border:1px groove gray;
}
#log {
width:230px;
padding:10px;
font-family:Tahoma,Arial;
font-weight:bold;
font-size:16px;
background-color:#ea957e;
background-image:url("images/bglog.gif");
background-position:bottom left;
background-repeat:repeat-x;
}
#log input {
border:1px outset #630000;
background-color:#D8EEFB;
height:20px;
font-size:16px;
}
#log .tlog {
 background-color:#334724;
 color:#fff;
 font-size:14px;
}
#loadping {
 display: none;
}
#count {
clear:both;
position:relative;
margin: 5px;
padding-right:75px;
}