@charset "utf-8";
/* CSS Landscape */
BODY { cursor:none;}
.info_pagi {background:url(../backgrounds/bg_p.jpg) no-repeat #222222;background-size: cover;}
.info_siang {background:url(../backgrounds/bg_s.jpg) no-repeat #222222;background-size: cover;}
.info_sore {background:url(../backgrounds/bg_e.jpg) no-repeat #222222;background-size: cover;}
.info_malam {background:url(../backgrounds/bg_n.jpg) no-repeat #222222;background-size: cover;}

.date {position:absolute; top:235px; right:30px; text-align:right;}
.date h1{padding:6px; margin-bottom:0px; font-family:Verdana, Geneva, sans-serif; font-size:160%; color:#000; text-shadow: #fff 0.1em 0.1em 0.2em; font-weight:bold; opacity:2.9;}

.table-container{position:absolute; top:300px; left:0px;z-index:2;}

.area-fct{font-size:100%;font-weight:700;text-align:left;width:100%; color:#fff; background-color:#ffd800;color:#000; padding:4px 10px 4px 30px;box-shadow: 3px 3px 3px #fffc00;}
.valid-date{font-size:150%;font-weight:300;margin-left:50px; color:#fff; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black}
.valid-date span{border-bottom:2px solid #fff;padding-bottom:8px;}
.update-date{font-size:130%;font-weight:300;font-style:italic;margin-left:50px;padding-top:12px; color:#fff; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black}
.map-base{position:relative; top:-115px;left:0; width:100%;} 
.map-wil{background-color:#996633;color:#fff; font-size:70%; padding:4px; opacity:0.8; border-radius:6px; display: inline-block; white-space: nowrap;}
.sosmed-icon{position:absolute; top:950;left:40; width:680px;} 
.sunriseset, .sunriseset table tr td{font-size:150%;font-weight:bold; color:#fff; text-shadow: 1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}

.side-kanan-header{width:1120px;}
.side-kanan-header td{font-size:120%;}
.table-info{border-collapse:separate;border-spacing:0 3px;}
.header-info{background-color:#000066;opacity:0.7; color:#fff;font-size:120%;}
.header-info-sub{background-color:#000066;opacity:0.7; color:#fff;font-size:110%;}
.header-wilayah {padding-left:15px;}
.header-cuaca{border-bottom:2px solid #fff;}
.row-info {background-color:#0059b3;opacity:0.3; color:#fff; font-size:120%;vertical-align: inherit;}
.row-info-1 {background-color:#004080;opacity:0.3; color:#fff; font-size:120%;vertical-align: inherit;}

.row-info-grad-0 {background:linear-gradient(90deg, rgba(5,56,107,0.7) 0%, rgba(47,109,171,0.7) 100%); color:#fff; font-size:120%;vertical-align: inherit;}
.row-info-grad-1 {background:linear-gradient(90deg, rgba(47,109,171,0.7) 0%, rgba(5,56,107,0.7) 100%); color:#fff; font-size:120%;vertical-align: inherit;}

.header-info-maritim{background-color:#000066;opacity:0.7; color:#fff;font-size:100%;}
tr .header-info-maritim td{padding-top:35px; padding-bottom:35px;}

.runText { height:50px; position:fixed; bottom:10; width:100%; }
.bigdot{font-size:28px;background:url(../icon/sparator-bmkg.png) no-repeat; padding-left:35px; padding-right:20px; padding-bottom:25px; font-family: Arial; color:#000;  font-style:normal; text-shadow: -1px 0 yellow, 0 1px yellow, 1px 0 yellow, 0 -1px yellow, 0 0 0.1em #ff0, 0 0 0.1em #ff0, 0 0 0.1em #ff0; vertical-align:middle;}
.opendot{font-size:28px; padding-left:35px; padding-right:20px; padding-bottom:25px; font-family: Arial; color:#000;  font-style:normal; text-shadow: -1px 0 yellow, 0 1px yellow, 1px 0 yellow, 0 -1px yellow, 0 0 0.1em #ff0, 0 0 0.1em #ff0, 0 0 0.1em #ff0; vertical-align:middle;}

.clearb{clear:both}