/* reset */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
html, body{height:100%;}
body{position:relative;}
p {text-align:justify;margin-bottom:20px;}
ul{margin:0 0 15px 20px;padding:0;}
ul li{margin:0;padding:0;}
ol{margin:0 0 15px 20px;padding:0;}
ol li{margin:0;padding:0;}
a img{border:none;}
p img{padding:0;max-width:100%;}
.clear{clear:both;}
img{max-width:100%;height:auto;}

a{color:#0170c4;text-decoration:none;}
a:hover{color:#03518c;text-decoration:none;}

h1, h2, h3, h4, h5, h6{font-family:Verdana,Arial, sans-serif;font-weight:bold;padding:0px;margin:0; line-height:150%;color:#111;}
h1{font-size:400%;}
h2{font-size:18px;padding:0;}
h3{font-size:120%;padding:0;}
h4{font-size:100%;padding:0;}
h5{font-size:80%;padding:0;}
h6{font-size:60%;padding:0;}

/* page setup */
body{font-family:Verdana,Arial, sans-serif;font-size:12px;line-height:150%;padding:0;margin:0;color:#222;
background:#053190;}
#home{min-height:100vh;background:url(images/banner-slide.jpg) top  center no-repeat #131627;}

/* layout */
.wrapper{margin:0 auto;width:980px;padding:0 10px;overflow:hidden;min-height:100%;}

#header{display:block;margin:0;padding:0;background:transparent;height:150px;}
#middle{display:block;margin:0;padding:0;min-height:550px;}

#content{display:block;width:100%;height:auto;padding:0;margin:0;float:left;background-color:#fcaf28;border-top-left-radius:6px;border-top-right-radius:6px;}
#left{display:block;width:200px;padding:0;margin:5px;float:left;background:tranparent;}
#entry{display:block;width:540px;padding:5px;margin:5px 0;float:left;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #fff), color-stop(1, #f3f3f3) );background:-moz-linear-gradient( center top, #fff 15%, #f3f3f3 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f3f3f3'); background-color:#f3f3f3;border-radius:6px;}
#right{display:block;width:200px;padding:5px;margin:5px;float:left;background:transparent;}
#footer{display:block;clear:both;margin:45px 0 0;padding:10px;color:#fff;font-size:12px;overflow:hidden;background:#c82a2a;font-size:11px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;text-align:center;}

/* clearing & floating */
.clearingfix:after{content:".";display:block;line-height:0px;clear:both;visibility:hidden;}
.clearingfix{display:block;}
.floatbox{overflow:hidden;}

/* logo */
#header #logo{margin:25px auto;padding:0;display:block;text-align:left;color:#131627;}
.hasil{display:block;text-align:center;margin-bottom:30px;}
.big{font-size:64px;font-weight:bold;line-height:110%;color:#014578;}

.result{display:block;margin-bottom:10px;font-size:11px;color:#0171c4;}

* img.centered{display:block;margin-left:auto;margin-right:auto;}
* img.alignright{padding:4px;margin:5px 0 5px 10px;display:inline;}
* img.alignleft{padding:4px;margin:5px 10px 5px 0;display:inline;}
* .alignright{float:right; margin:0 0 5px 10px;}
* .alignleft{float:left; margin:0 10px 5px 0;}

ol.trackback{margin:0 0 0 20px;}
ol.trackback li{list-style:none;}

input, select{margin-bottom:4px;}

.keluaran{display:block;padding:0;margin:5px 0;border:1px solid #dedede;border-radius:4px;overflow:hidden;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #eee), color-stop(1, #fff) );background:-moz-linear-gradient( center top, #eee 15%, #fff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#fff'); background-color:#fff;}
.keluaran .baris1{display:block;height:70px;padding:5px;}
.keluaran .baris1 .emblem{display:inline-block;width:100px;text-align:center;float:left;}
.keluaran .baris1 .tanggalan{display:inline-block;width:300px;float:left;}
.keluaran .baris1 .nomor{display:block;width:250px;padding:13px;float:left;text-align:center;}
.tanggalan{display:block;width:60px !important;margin:0 50px;}
.tanggalan .bulan{background:#e00;border-top-left-radius:4px;border-top-right-radius:4px;text-align:center;color:#fff;text-transform:uppercase;font-size:12px;font-weight:bold;}
.tanggalan .tanggal{margin:0;padding:0;background:#fff;text-align:center;color:#006;text-transform:uppercase;font-size:24px;font-weight:bold;line-height:24px;border:1px solid #dedede;border-top:0;border-bottom:0;}
.tanggalan .hari{background:#fff;margin:0;padding:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;text-align:center;color:#000;text-transform:uppercase;font-size:8px;border:1px solid #dedede;border-top:0;}
.keluaran .baris2{display:block;margin:0;padding:5px 5px 0;line-height:14px;font-size:11px;font-weight:bold;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #eee), color-stop(1, #fff) );background:-moz-linear-gradient( center top, #eee 15%, #fff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#fff'); background-color:#fff;}
span.nextdraw{margin-right:50px;}

.bola1{display:inline-block;text-align:center;width:32px;height:32px;margin-right:2px;color:#fff;border-radius:50%;font-size:20px;padding:6px 0;text-shadow:1px 1px 0 #e00;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #e00), color-stop(1, #600) ); background:-moz-linear-gradient( center top, #e00 15%, #600 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e00', endColorstr='#600');background-color:#600;}

.bola2{display:inline-block;text-align:center;width:32px;height:32px;margin-right:2px;color:#fff;border-radius:50%;font-size:20px;padding:6px 0;text-shadow:1px 1px 0 #f30;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #f90), color-stop(1, #f30) ); background:-moz-linear-gradient( center top, #f90 15%, #f30 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f90', endColorstr='#f30');background-color:#f30;}

.bola3{display:inline-block;text-align:center;width:32px;height:32px;margin-right:2px;color:#000;border-radius:50%;font-size:20px;padding:6px 0;text-shadow:1px 1px 0 #fff;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #ff0), color-stop(1, #f90) ); background:-moz-linear-gradient( center top, #ff0 15%, #f90 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0', endColorstr='#f90');background-color:#f90;}

.bola4{display:inline-block;text-align:center;width:32px;height:32px;margin-right:2px;color:#fff;border-radius:50%;font-size:20px;padding:6px 0;text-shadow:1px 1px 0 #0c0;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #0c0), color-stop(1, #060) ); background:-moz-linear-gradient( center top, #0c0 15%, #060 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c0', endColorstr='#060');background-color:#060;}

.bola5{display:inline-block;text-align:center;width:32px;height:32px;margin-right:2px;color:#fff;border-radius:50%;font-size:20px;padding:6px 0;text-shadow:1px 1px 0 #0cf;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #0cf), color-stop(1, #03c) ); background:-moz-linear-gradient( center top, #0cf 15%, #03c 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0cf', endColorstr='#03c');background-color:#03c;}

.bola6{display:inline-block;text-align:center;width:32px;height:32px;margin-right:2px;color:#fff;border-radius:50%;font-size:20px;padding:6px 0;text-shadow:1px 1px 0 #66f;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #66f), color-stop(1, #609) ); background:-moz-linear-gradient( center top, #66f 15%, #609 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66f', endColorstr='#609');background-color:#609;}

.bola7{display:inline-block;text-align:center;width:32px;height:32px;margin-right:2px;color:#fff;border-radius:50%;font-size:20px;padding:6px 0;text-shadow:1px 1px 0 #600;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #c60), color-stop(1, #600) ); background:-moz-linear-gradient( center top, #c60 15%, #600 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c60', endColorstr='#600');background-color:#600;}


.sidebox{display:block;margin-bottom:5px;}
.sidebox ul{display:block;margin:0;list-style:none;}
.sidebox ul li a{display:block;padding:5px;border-radius:6px;margin:0 0 3px;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #fff), color-stop(1, #eee) );background:-moz-linear-gradient( center top, #fff 15%, #eee 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#eee'); background-color:#eee;}
.sidebox ul li a:hover{color:#fff;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #48c1eb), color-stop(1, #3579c7) );background:-moz-linear-gradient( center top, #48c1eb 15%, #3579c7 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#48c1eb', endColorstr='#3579c7'); background-color:#3579c7;}

table.noborder td{border:0 !important;}

th, td{padding:5px;border:1px solid #ddd;}

.noborder th, .noborder td{padding:5px;border:0;}

.borderputih td{border:2px solid #222;padding:5px;}

.tablehead{background:#053190;text-align:center;color:#fffe00;font-size:24px;font-weight:bold;border:1px solid #0171f1;}
.tabledataganjil{background:#fff;text-align:center;}
.tabledatagenap{background:#eee;text-align:center;}

.tstriped>tbody>tr:nth-child(odd)>td{background-color:#fff;border:1px solid #0171f1;}
.tstriped>tbody>tr:nth-child(even)>td{background-color:#f3f3f3;border:1px solid #0171f1;}

.tstriped2>tbody>tr:nth-child(odd)>td{background-color:#e5f1ff;border:1px solid #01b6de;}
.tstriped2>tbody>tr:nth-child(even)>td{background-color:#99ccff;border:1px solid #01b6de;}