/* CSS Document */

/* body */
body, table, div{
font-family:Trebuchet MS;
font-size:12px;
color:#555555;
vertical-align:top;
}
table td{
vertical-align:top;
}
img{border:none; outline:none;}
.maindiv{ background-color:#FFFFFF; width:802px; }
.mainbody{
background-image:url(../images/bg.jpg);
background-attachment: fixed;
background-repeat: repeat-x;
}
.loader {
position:absolute;
top: 0;
left: 0;
z-index:999;
width:100%;
height: 100%;
background-color: #F3F4F5;
filter:alpha(opacity=60);
opacity: 0.6;
}
.loader-2{
width:100px;
height:100px;
background-color:#F3F4F5;
margin:auto;
margin-top:200px;
z-index:998;
}

/* container */
.splash{
width:550px;
border:thin solid #888888;
}
.fully{ width:100%; }
.bursa{ width:150px; margin-left:5px; }
.konten-utama{
width:443px; text-align:justify;
}
.konten-utama h1{
color:#FF3300; font-size:20px; margin:0px 0px 2px 0px;
}
.konten{
width:443px; float:left; padding:2px 0px 2px 0px;
}
.judul-konten{
width:443px; height:32px; float:left; background-image:url(../images/bg_judul.jpg); background-repeat:no-repeat;
color:#FFFFFF; font-size:18px; text-indent:40px; line-height:1.6em; margin:3px 0px 3px 0px;
}
.konten-1{
width:330px; float:left;
}
.konten-2{
width:113px; float:right;
}
.berita-judul{
width:310px; height:25px; float:left; background-image:url(../images/bg_center_berita.jpg); text-indent:25px; line-height:2em; font-weight:bold;
}
.berita-judul a{ color:#FF3300; }
.berita-icons{
width:123px; height:25px; float:right; text-align:right; line-height:3em;
}
.beritaku{
width:135px; float:left;
}
.berita-foto{
width:125px; border:1px solid #666666; padding:5px; margin-top:4px;
}
.berita-isi{
width:295px; float:right;
}
.paging-kiri{
width:50%; float:left;
}
.paging-kanan{
width:50%; float:right; text-align:right;
}
.kiri-foto{
width:160px; float:left;
}
.kanan-konten{
width:275px; float:right; text-indent:5px;
}
.kanan-foto{
width:160px; float:right;
}
.kiri-konten{
width:275px; float:left; text-indent:5px;
}
.misi-foto{
width:100px; float:left; margin-top:30px;
}
.misi-konten{
width:333px; float:right; text-indent:10px;
}
.yogya-konten{
width:253px; float:left; margin-top: 50px;
}
.yogya-anim{
width:180px; float:right;
}
.path-info{
border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; text-align:right;
}
.centralize td{ text-align:center; }

/* linker */
a{
color:#0066CC;
text-decoration:none;
outline:none;
}
a:hover{
color:#009900;
text-decoration:underline;
}
.link-kanan{
margin-left:10px; background-color: #BADCFF; line-height:1.15em; text-align:left;
}
.link-kanan a{
color: #7692AC;
text-decoration:none;
}
.link-kanan a:hover{
color: #FF6600;
text-decoration:none;
}

/* list */
.portal-1{
float:left;
}
.portal-2{
font-size:11px;
width:85px; float:right;
}
.portal-2 a{
font-size:12px;
color:#FF3300;
font-weight:bold;
}
.paging-kiri a{
text-decoration:none;
}
.list-huruf{
list-style-type:lower-alpha; 
}
.list-huruf-gede{
list-style-type:upper-alpha; 
}
.list-angka{
list-style-type:decimal; 
}
.list-kotak{
list-style-type:square; 
}
.list-bunder{
list-style-type:circle; 
}
.list-huruf li, .list-huruf-gede li, .list-angka li, .list-kotak li, .list-bunder li{
text-indent:0px; text-align:left;
}

/* form */
form{ margin:0px 0px 0px 0px; }
.textfield{ padding:1px; font-size:11px; }
.submit{ border:1px solid #3366FF; color:#FFFFFF; background-color:#0099FF; font-weight:normal; outline:none; }
.cari-web{
height:15px; width:90px; font-size:12px; border-style:none; background-color:transparent;
}
.loginfield{
height:15px; width:115px; font-size:11px; border:1px solid #666666; background-color:#f3f4f5; margin:1px; color:#666666;
}
.loginfield2{
height:20px; width:115px; font-size:11px; border:1px solid #666666; background-color:#f3f4f5; margin:1px; color:#666666;
}
.login-form{
width:134px; height:70px; margin-top:24px; text-align:left;
}
.paging-select{
font-size: 10px;
color: #666666; 
font-family: Arial, Helvetica, sans-serif;
background-color: #transparent;
border:thin solid #cccccc;
outline:none;
}
.login-body{
width:310px;  margin-top:20px; padding:10px 20px 10px 20px; border:2px solid #99cc00; 
}
.login-main{
height:100px; margin-top:10px; text-align:left;
}
.login-button{
width:50%; float:right; margin-top:10px; text-align:center;
}
button{ border-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

/* colorizing */
.kosong{ display:none; }
.invisible{ width:0px; height:0px; margin:0; padding:0; color:transparent; display:none;}
.ungu{ color:#9933FF; }
.ijo{ color:#88CC00; }
.biru{ color:#0066FF; }
.oranye{ color:#FF6600; }
.putih{ color:#FFFFFF; } .putih:hover{ color:#FFFF99; }

/* -- 3rd party -- */