*{

margin:0;

padding:0;

border:0;}

select,input{

border:1px solid #cccccc;}

#content #isi{

width:960px;

background:rgb(0, 102, 153);

margin:auto;}

#isi-tengah{

padding:30px 5px 5px 5px;

width:80%;}

#head{

width:960px;

/*background:url(bmkg-head.jpg) no-repeat;*/

background:url(bg-baru.jpg) top left no-repeat;

height:120px;

margin:auto;}

#kanan,

#kanan-atas,

#kanan-tengah,

#kanan-bawah,

#kanan-bottom{

text-align:center;}

/*

#kiri h1{

background:url(kiri-head.jpg) top center no-repeat;

color:#FFFF00;

font-size:11px;

font-weight:bold;

padding:11px 10px 10px 43px;}

#kiri h1.profil{

background:url(kiri-profil-head.jpg) top center no-repeat;}

#kiri h1.lain{

background:url(kiri-lain-head.jpg) top center no-repeat;}

*/

#kiri ul{

padding-left:5px;}

#kiri li{

list-style:none;

border-bottom:1px dotted #cccccc;}

#kiri li a {

display:block;

min-height:1.7em;

height:auto !important;

height:1.7em;

line-height:1.7em;

margin-top:2px;

padding:0px 7px 0px 10px;

border-left:solid 7px rgb(204,204,255);

color:rgb(0,0,0);

text-decoration:none; font-size:120%;}

#kiri li a:hover,

#kiri li a.selected {

border-left:solid 7px rgb(51,153,204);

color:rgb(0,0,0);

text-decoration:none;

background-color:rgb(204,255,255);}

.selectnav {

border-left:solid 7px rgb(51,153,204);

color:rgb(0,0,0);

text-decoration:none;

background-color:rgb(204,255,255);}

#kiri h1{

background-color:#FFFFFF;

margin:5px 0 0 5px;

font-size:18px;

padding-left:15px;

border:2px solid #cccccc;

}

#kiri h1 a{

text-decoration:none;

color:rgb(51,102,153);}

#kiri h1 a:visited{

color:rgb(51,102,153);}

#kiri li.title {

padding:5px 5px 2px 15px; background-color:rgb(51,153,255); 

margin-top:5px;

color:rgb(255,255,255); text-transform:uppercase; 

font-weight:bold; font-size:120%;}

#kiri li.title a{

color:rgb(51,153,255);

border:0;

font-size:16px;

padding:0;

background-color:#FFFFFF;

}

#kiri ul.profil{

}

#kiri ul.lain {

background:url(kiri-lain-isi.jpg) repeat-y top center;}

#kiri h2{

background:url(kiri-bawah.jpg) top center scroll;

padding:10px;

border:none;}

#kiri h2.profil{

background:url(kiri-profil-bawah.jpg) top center scroll;}

#kiri h2.lain{

background:url(kiri-lain-bawah.jpg) top center scroll;}

#tengah{

padding:15px 15px 0px 15px;	

width:545px;

text-align:center;}

#kanan-atas{

background:url(bg-kanan-atas.gif) no-repeat top center;

padding-top:0px;/**30px is good for Mozilla**/

height:100px;

width:215px;}

#kanan-isi{

width:215px;

background:url(bg-kanan-tengah.gif) repeat-y top center;

height:auto;

padding:20px 0 10px 0;}

#kanan-bawah{

width:215px;

background:url(bg-kanan-bawah.gif) no-repeat top;}

#kanan-bottom{

width:215px;

background:url(bg-kanan-bottom.gif) no-repeat top;

padding-bottom:5px;}

#bawah{

clear:both;

padding:20px 0 10px 0;/**moz:top20px,ie:top10px**/

background:url(bg-bawah-baru.jpg) repeat-x top;

text-align:center;

margin:auto;}

#bawah-propinsi {
clear:both;

padding:20px 0 10px 0;/**moz:top20px,ie:top10px**/

background:url(bg-bawah-propinsi.jpg) repeat-x top;

margin:auto;}
#running{

border:1px solid rgb(51,102,153);

/*background-color:#CCCCCC;*/

padding:2px 10px 2px 10px;

height:20px;

clear:both;

width:95.7%;

}

#running marquee{

color:rgb(51,102,153);

font-size:15px;

letter-spacing:1.2px;

word-spacing:1.1px;

font-weight:bold;

}

.red{

color:#FF0000;

}

body{

background:url(img01.gif);}

body,font,th,td,p,div{

font-family:Tahoma,Verdana,Arial,Helvetica,Sans-Serif;

font-size:8pt;}

/* Start of Column CSS */

#isi-tengah strong{

font-size:large;}

/*tables*/

#table-forecast{

font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;

font-size:12px;

margin:20px 0px 20px 0px;

width:480px;

text-align:center;

border-collapse:collapse;

border-top:1px solid rgb(0,153,153);

border-bottom:7px solid rgb(0,102,153);}

#table-forecast th{

font-size:14px;

font-weight:bold;

padding:4px;

background-color:rgb(0,102,153);

border:1px solid rgb(0,153,153);

color:rgb(229,229,255);}

#table-forecast td{

padding:5px;

background:rgb(229,229,255);

border-right:1px solid rgb(0,153,153);

border-left:1px solid rgb(0,153,153);

border-bottom:1px dashed rgb(204,204,204);

color:rgb(0,102,153);}

#table-forecast tr:hover td{

color:rgb(0,102,102);

background:rgb(204,255,255);}

#table-forecast a{
padding:5px;
text-decoration:none;
color:rgb(0,102,153);}

#table-forecast .lokasi{

width:50px;}

/* nav menu */

#menu{

width:960px;

height:65px;

margin:0 auto;

padding:0;}

#menu ul{

float:left;

margin:78px 0 0 130px;

list-style:none;

line-height:normal;}

#menu li{

float:left;}

#menu a{

display:block;

width:125px;

height:28px;

padding:15px 0 0 0;

background:url(images/img05.jpg) repeat-x left top;

text-transform:uppercase;

font-weight:bold;

text-decoration:none;

text-align:center;

font-size:11px;

color:#ffffff;

border:none;}

#menu a:hover,

#menu .current_page_item a{

text-decoration:none;

color:rgb(153,255,255);}

#menu .current_page_item a{

background:url(images/img06.jpg) no-repeat left top;

padding-left:0;

color:#ffffff;}

/*img*/

p.imgholder{

width:auto;

display:block;

padding:2px;

background-color:#CCCCCC;

border:1px solid red;}

img.holder {

border:1px solid rgb(51,102,153);

margin:15px 0px 10px 0px;

padding:5px;

background-color:#cccccc;}

.judul{

width:97%;

text-align:left;

color:rgb(204,204,255);

background-color:rgb(102,153,204);

border-bottom:3px solid rgb(51,102,153);

letter-spacing:1px;

padding:5px 0px 0px 10px;

font-size:22px;

font-weight:normal;

margin-bottom:10px;}

.putih{

color:#ffffff;}

.runningtext {

background-color:rgb(204,255,255);

padding:2px;

border:1px solid rgb(51,102,153);

font-size:16px;

font-family:"Times New Roman", Times, serif;

margin:10px;}

.judultc{

width:97%;

text-align:left;

color:rgb(51,102,153);

/*background-color:rgb(102,153,204);*/

border-bottom:3px solid rgb(51,102,153);

letter-spacing:0.2px;

padding:0px 0px 0px 10px;

font-size:22px;

font-weight:normal;

margin:-10px 0 10px 0;
}

#box ul{

float:left;

margin:5px 0 0 0;}

#box li{

display:block;

width:30.5%;

height:100px;/*150*/

background-color:rgb(204,204,255);

float:left;

margin:5px 5px 0px 0px;

border:1px solid rgb(51,102,153);}

#box h3{

background-color:rgb(153,153,153);

padding:5px 2px 2px 5px;

border-bottom:5px solid rgb(51,102,153);

color:#ffffff;

letter-spacing:0.8px;

word-spacing:1.1px;	

font-size:14px;}

#box p{

color:#000000;

padding:10px;

text-align:center;

letter-spacing:0.8px;

word-spacing:0.7px;	

font-size:13px;}

#box .right{

text-align:right;

float:right;

}

#box .right a{

text-align:right;

float:right;

color:#336633;

text-decoration:underline;

}

#box a{

text-decoration:none;}

#box li a:hover p{

color:rgb(51,102,153);}

ul#inbox{

float:none;

}

ul#inbox li{

float:none;

margin:0;

padding:5px;

height:auto;

width:auto;

border:none;

text-align:left;

}

#slider{

margin:0 auto;

text-align:center;}

#slider ul{

float:none;

margin-top:20px;

list-style:none;

line-height:normal;

border-bottom:2px solid rgb(51,102,153);

height:22px;}

#slider li{

float:left;

border:1px solid rgb(51,102,153);

background-color:rgb(51,102,153);

color:#ffffff;

padding:2px 5px 2px 5px;

text-align:center;

cursor:pointer;

border-bottom:0px;

margin:0px 1px 0px 1px;

font-size:14px;}

#slider .selected{

background-color:rgb(204,255,255);

color:rgb(51,102,153);

cursor:default;}

#satelit{

border:2px solid rgb(51,102,153);

border-top:0px;

text-align:center;

padding:0px 10px 10px 10px;}

.para{

color:rgb(51,51,102);}

h3.para{

font-size:16px;

font-weight:bold;

text-align:center;

margin:10px 10px;}

p.para{

margin:5px 5px;

padding:2px;

font-size:14px;

text-align:justify;}

ul.para{

margin:10px 10px;

text-align:left;}

ul.para li{

list-style-type:none;

font-size:12px;}

.para .waktu{

font-weight:bold;}

a.pdf{

text-align:right;

color:red;

font-size:9px;	

width:32px;

height:16px;

background-color:rgb(153,204,204);

text-decoration:none;

border:1px solid rgb(0,102,153);

border-left-width:2px;

border-right-width:2px;

padding:0px 2px 0px 2px;}

a > img {

border:0;}

div#section-main.content {

}

div#intro.section {

padding:20px;}

/* TAB LIST */

.tab-list{

margin:0px !important;

background:#fff;

color:#666;

float:left;

clear:both;

width:100%;}

/* TABS */

.tab-list li{

float:left;

clear:right;

color:#ffffff;

background-color:rgb(0,102,153);

list-style:none;

margin:0px !important;

padding:0px;

line-height:1.5em !important;

border:1px solid rgb(0,102,153);}

/* LINKS */

.tab-list a:link,

.tab-list a:visited,

.tab-list a:active{

padding:3px 9px;

display:block;

text-decoration:none;

color:rgb(0,102,153);

font-weight:bold;

font-size:13px;}

.tab-list li.active{

color:rgb(0,102,153);

background-color:rgb(204,255,255);}

.tab-list li.inactive a:link,

.tab-list li.inactive a:visited,

.tab-list li.inactive a:active{

color:#ffffff;

text-decoration:underline;}

.tab-list li.inactive a:hover{

color:rgb(0,102,153);

background-color:rgb(204,255,255);

text-decoration:none;}

.tab-list li.active a:hover{

cursor:default !important;

background:transparent;}

#mbox li{

display:block;

width:308px;

height:140px;/*150*/

float:left;

margin:5px 5px 0px 0px;}

#mbox h3{

background-color:#CCCCCC;

padding:5px 2px 2px 5px;

border-bottom:3px solid rgb(51,102,153);

color:rgb(51,102,153);

text-align:left;

letter-spacing:0.8px;

word-spacing:1.1px;	

font-size:14px;}

#mbox p{

color:#000000;

padding:10px;

text-align:left;

letter-spacing:0.8px;

word-spacing:0.7px;	

font-size:13px;}

#mbox .right{

text-align:right;

float:right;

}

#mbox .right a{

text-align:right;

float:right;

color:#336633;

text-decoration:underline;

}

#mbox a{

text-decoration:none;}

#mbox li a:hover p{

color:rgb(51,102,153);}





#foo{

clear:both;

background-color:rgb(0, 102, 153);

}

#foo ul{

width:100%;

}

#foo h1,#foo h2{

color:#ccffcc;

padding:10px 5px 10px 10px;


}

#foo .foo-pr  h1 {
	margin-left:50px;
/*	padding:10px 5px 10px 5px;*/
}
#foo h1{

border-bottom:2px solid #ccffcc;

}

#foo h2{

color:#FFFFFF;

font-size:22px;

font-weight:bold;

}

#foo li{

/*margin-left:5px;*/

list-style:none;

padding:10px 5px 10px 5px;

border-bottom:1px dotted #cccccc;

}

#foo li a:link, #foo li a:visited{

background:inherit;

text-decoration:none;

color: #CCCCFF;

display:block;

}

#foo li a:hover{

background:inherit;

color:#FFFFFF;

}

#foo .satu, #foo .dua, #foo .tiga {
width:300px;
background-color:rgb(0, 102, 153);
margin-left:15px;
height:auto;margin-bottom:20px;
}
#foo .empat, #foo .lima, #foo .enam, #foo .tujuh {
width:221px;
background-color:rgb(0, 102, 153);
margin-left:15px;
height:auto;margin-bottom:20px;
}
#foo .satu, #foo .dua, #foo .empat, #foo .lima, #foo .enam{
float:left;
}
#foo .tiga, #foo .tujuh{
float:right;
margin-right:15px;
}
#foo p{
color:#FFFFFF;
padding:0 5px 5px 5px;
}
#outlook, #outlooks {
	padding-top:20px;
}
#outlooks p, #outlooks ul, #outlooks ol {
	text-align:justify;
	font-size:14px;
	padding:3px;
}
#outlook p, #outlook ul, #outlook ol{
	font-size:14px;
	text-align:justify;
	margin: 10px 0 10px 0;
	padding:10px;
}
#outlook ol {
	margin:0px;
}
#outlook p {
	margin:5px 0 5px 0;
	padding:5px;

}
#outlook ul, #outlooks ul {
	list-style: circle;
	padding-left:25px;
}
#outlook li {
padding-left:10px;
margin:10px;
}
#outlook a, #outlook h2 {
color:rgb(0, 102, 153);
text-decoration:none;
}
#outlook h2 {
margin-bottom:5px;	
}
#outlook u {
text-align:left;
}
#outlook p.u {
text-align:left;
font-size:14px;
font-weight:bold;
color:rgb(0, 102, 153);
/*text-decoration:underline;*/
margin:10px 0 10px 0;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}
/* previous */
.pop {
	width: 50px;
}
.no {
	width: 30px;
}
.datetime {
	width: 120px;
}
.hour {
	width: 60px;
}
.coor {
	width: 90px;
}
.press {
	width: 100px;
}
.wind {
	width: 80px;
}
/*
th, td {
	background-color:#A6D6E3;
	color: #016B7E;
}
*/
canvas {
	margin-bottom:5px;
}

/* POSKO */
.posko_judul {
	margin-bottom:15px;
	color:rgb(0,102,153);
}
.posko_judul h2 {
	font-size:14px;
}