html,button,input,select,textarea{font-family:sans-serif;font-size:12px;}
img { max-width:100%;height:auto; }
#chromeframe, #nojs { position:fixed;top:0px;left:0px;width:100%;z-index:1001;text-align:center;font-weight:bold;font-size:1.15em;color:#fff;background-color:#AE0000;padding:5px 0px; }
#chromeframe a { color:#FAC100;text-decoration:none; }

a.toggleMenu { display:none;margin:6px;padding:6px 24px;text-decoration:none;background:#000;color:#FFF; }
a:hover.toggleMenu,a:focus.toggleMenu { text-decoration:none; }
ul.menu {list-style:none; margin:0; padding:0;}
ul.menu:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
ul.menu * {margin:0; padding:0;}
ul.menu a {display:block; color:#FFF; text-decoration:none; word-wrap:break-word;}
ul.menu li {z-index:999;position:relative; float:left; margin-right:2px;}
ul.menu ul {position:absolute; top:29px; left:0; display:none; list-style:none;}
ul.menu ul.hover {display:block;}
ul.menu ul li a {display:block;border:1px solid #aaa; border-top:none;padding:6px;width:80px;background:#000;-moz-opacity: 0.80;opacity: 0.80;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
ul.menu ul li a:hover {background-color:#000;-moz-opacity: 1.00;opacity: 1.00;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
ul.menu ul ul {margin-left:14px; left:80px; top:0px}
ul.menu .menulink {border:1px solid #aaa; font-weight:bold; color:#000; background:#FFFFFF;padding:6px; width:80px;}
ul.menu .menulink.haschild { background:#FFFFFF url(../images/ddm_arrow_down.png) 98% center no-repeat; }
ul.menu .menulink:hover,ul.menu .menulink.haschild:hover {background-color:#EEE;}
ul.menu .sub {background:#000 url(../images/ddm_arrow.png) 98% center no-repeat;-moz-opacity: 0.80;opacity: 0.80;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
ul.menu .topline a {border-top:1px solid #aaa;}

.cs-buttons { display:none;font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }
.cs-title { width: 98%; padding: 1%; background-color: #000000; color: #FFFFFF; }
.cs-prev, .cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

.pagination { padding: 3px;margin: 3px; }
.pagination a { padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #AAAADD;zoom: 100%;text-decoration: none;color: #026B9C; }
.pagination a:hover, .pagination a:focus, div.pagination a:active {background-color: #026B9C;color: #FFF;text-decoration:none;}
.pagination a, .pagination span {-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.pagination span.current {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #026B9C;* zoom: 100%;font-weight: bold;background-color: #026B9C;color: #FFF;}
.pagination span.disabled {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #EEE;* zoom: 100%;color: #DDD;}

.polling_lbox { float:left;width:30%; }
.polling_rbox { float:left;width:70%;position:relative; }
.polling_bar   { height:16px;display:block;z-index:1;border:1px solid #FFF;background:#F6A10F;background: -moz-linear-gradient(right , #EC211E 40%, #F6A10F 80%);background: -o-linear-gradient(right , #EC211E 40%, #F6A10F 80%);background: -webkit-linear-gradient(right , #EC211E 40%, #F6A10F 80%);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#F6A10F, endColorStr=#EC211E, GradientType=1);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F6A10F, endColorstr=#EC211E, GradientType=1)"; }
.polling_text { color:#000;position:absolute;top:2px;left:6px;z-index:2; }

::-webkit-input-placeholder { color:#4F5E6D; }
:-moz-placeholder { color:#4F5E6D; }
.placeholder { color:#4F5E6D; }

.lazy, .off { display: none; }
.clear_fix:before,.clear_fix:after { content: "\0020";display: table;}
.clear_fix:after { clear: both; }
.clear_fix { *zoom: 1; }
.lfloat { float:left; }
.rfloat { float:right; }
.center { margin :0 auto;text-align:center; }
.ctext { text-align:center; }
.rtext { text-align:right; }
.jtext { text-align:justify; }

.img_box1 { display:inline-block;margin:3px;position:relative;width:110px;height:110px;border:1px solid #AAAAAA; }
.img_box1 img { position:absolute;top:0;left:0;right:0;bottom:0;margin:auto; }
.img_box2 { border:1px solid #AAAAAA; }

a.back { padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #AAAADD;zoom: 100%;text-decoration: none;color: #026B9C;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; }
a:hover.back , a:focus.back , a:active.back {background-color: #026B9C;color: #FFF;text-decoration:none;}

.flag { vertical-align:middle;background-image:url(../images/flag.png); }
.flag_id, .flag_id_aktif { width:32px;height:32px;background-position:0 0; }
.flag_id:hover, .flag_id_aktif  { background-position:0 -32px; }
.flag_en, .flag_en_aktif { width:32px;height:32px;background-position:-32px 0; }
.flag_en:hover, .flag_en_aktif  { background-position:-32px -32px; }

/* ===== */

body {background:#000000;}
.container {background:#B5B5B5;}
hr { background-color: #eee;border:none;color: #eee;height: 1px; }
a { color:#026B9C;text-decoration:none; }
a:hover,a:focus { text-decoration:underline; }
a.tombol {cursor:pointer;color:#FFF;border:none;padding:5px 10px;line-height:24px;background:#0C397C;background: -moz-linear-gradient(top, #0C397C, #151C46);background: -o-linear-gradient(top, #0C397C, #151C46);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0C397C), to(#151C46));filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#0C397C, endColorStr=#151C46, GradientType=0);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C397C, endColorstr=#151C46, GradientType=0)";-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:12px;}
a.tombol:hover, a.tombol:focus {background:#151C46;background: -moz-linear-gradient(top, #151C46, #0C397C);background: -o-linear-gradient(top, #151C46, #0C397C);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#151C46), to(#0C397C));filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#151C46, endColorStr=#0C397C, GradientType=0);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#151C46, endColorstr=#0C397C, GradientType=0)";text-decoration:none;}
.tombol { cursor:pointer;color:#FFF;border:none;padding:0 10px;height:24px;background:#0C397C;background: -moz-linear-gradient(top, #0C397C, #151C46);background: -o-linear-gradient(top, #0C397C, #151C46);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0C397C), to(#151C46));filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#0C397C, endColorStr=#151C46, GradientType=0);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C397C, endColorstr=#151C46, GradientType=0)";-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; }

#det h2 {color:#026B9C;}
#det time {font-style:italic;}

.alert { color:#F00; }
.labelL { display:block; }
.inputL { padding:3px;display:block;border:none;border:none;border-bottom:1px solid #1F6B9C;background:#E6EEEE;margin-bottom:6px; }
.labelE { float:left;padding:3px 0;display:block;width:120px;margin-bottom:6px; }
.inputE,.inputTA { float:left;padding:3px;border:none;border-bottom:1px solid #1F6B9C;background:#E6EEEE;margin-bottom:6px; }
.inputL:focus,.inputE:focus,.inputTA:focus { background:#FFFFFF; }
.inputTA { width:23em;height:12em; }
.inputC { padding:4px;border:1px solid #1F6B9C; }
.warningbox { border:1px solid #DF601B;background:#F4F4F4;width:96%;padding:0 4px;margin: 0 auto 10px auto;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; }

/* ==========================================================================
   Skeleton V1.2, Copyright 2011, Dave Gamache, www.getskeleton.com,
   http://www.opensource.org/licenses/mit-license.php
   ========================================================================== */
   
.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container .column,.container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }

.column.alpha, .columns.alpha  { margin-left: 0; }
.column.omega, .columns.omega  { margin-right: 0; }

.container .one.column,
.container .one.columns { width: 40px;  }
.container .two.columns { width: 100px; }
.container .three.columns { width: 160px; }
.container .four.columns  { width: 220px; }
.container .five.columns  { width: 280px; }
.container .six.columns { width: 340px; }
.container .seven.columns { width: 400px; }
.container .eight.columns { width: 460px; }
.container .nine.columns  { width: 520px; }
.container .ten.columns { width: 580px; }
.container .eleven.columns { width: 640px; }
.container .twelve.columns { width: 700px; }
.container .thirteen.columns   { width: 760px; }
.container .fourteen.columns   { width: 820px; }
.container .fifteen.columns { width: 880px; }
.container .sixteen.columns { width: 940px; }

.container .one-third.column   { width: 300px; }
.container .two-thirds.column  { width: 620px; }

.container .offset-by-one { padding-left: 60px;  }
.container .offset-by-two { padding-left: 120px; }
.container .offset-by-three { padding-left: 180px; }
.container .offset-by-four { padding-left: 240px; }
.container .offset-by-five { padding-left: 300px; }
.container .offset-by-six { padding-left: 360px; }
.container .offset-by-seven { padding-left: 420px; }
.container .offset-by-eight { padding-left: 480px; }
.container .offset-by-nine { padding-left: 540px; }
.container .offset-by-ten { padding-left: 600px; }
.container .offset-by-eleven   { padding-left: 660px; }
.container .offset-by-twelve   { padding-left: 720px; }
.container .offset-by-thirteen { padding-left: 780px; }
.container .offset-by-fourteen { padding-left: 840px; }
.container .offset-by-fifteen  { padding-left: 900px; }

.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }