/* 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:Tahoma, Arial, sans-serif;font-weight:normal;padding:0px;margin:0; line-height:150%;color:#143a85;}
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:Tahoma, Arial, sans-serif;font-size:13px;line-height:150%;padding:0;margin:0;color:#222;background:url(images/bg.jpg) repeat-x top center #333;}
#home{min-height:100vh;background:transparent;}

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

#header{display:block;margin:-15px 0 0;padding:0;height:180px !important;}
#middle{display:block;margin:0;padding:0;min-height:550px;background:transparent;}
#content{width:720px;padding:0;margin:10px 10px 0;float:left;}
#right{width:210px;padding:0;margin:10px 10px 0;float:left;}
#footer{padding:8px;color:#fff;font-size:13px;display:block;margin:-15px 0 0; overflow:hidden;text-align:center;background:url(images/menu_bg.png) top repeat-x;
border-radius:8px;border-top-right-radius:0;border-top-left-radius:0;
border:1px solid #fe3b22;height:40px;}

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

/* logo */
#header #logo{margin:10px auto;padding:0;display:block;width:310px;float:left;}
.hasil{display:block;text-align:center;margin-bottom:30px;}
.big{font-size:64px;font-weight:bold;line-height:110%;color:#014578;}
.iklanbaris{display:block;position:relative;top:0;background:#222;height:36px;color:#ff0;line-height:36px;}

.loginform{float:right;padding:15px 0;}
.loginform input{font-family:Arial, sans-serif;font-size:14px;}
.loginform input[type=text], .loginform input[type=password]{padding:5px;}

.userinfo{float:right;padding:15px 5px;font-size:12px;text-align:right;color:#0171c4;line-height:150%;}

/* topmenu */
#menu{display:block;margin:-15px 15px 0;padding:0;background:url(images/menu_bg.png) top repeat-x;
border-radius:8px;border-bottom-right-radius:0;border-bottom-left-radius:0;
border:1px solid #fe3b22;height:40px;}
#menu a{font-size:14px;width:23%;float:left;margin:5px 5px 5px;color:#ff0;padding:5px 10px;text-align:center;}
#menu a:hover{color:#fff;}

/* slider */
#slider{display:block;float:left;padding:0;background:transparent;width:650px;height:300px;overflow:hidden;}

.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;}

.nopadding{padding:0 !important;}

#sidebar{display:block;width:200px;float:left;margin-top:10px;}
.sidebox{display:block;width:200px;float:left;background:url(images/sidebar_bg.jpg) repeat-x top center #fefefe;border-radius:8px;margin:0 0 10px;padding:5px 10px;}
.sidebox h2{color:#000;}
.sidebox a{display:block;color:#f01c0b;}

#konten{display:block;float:right;width:750px;overflow:hidden;margin:10px 0 10px 10px;padding:5px 10px;background:url(images/konten-bg.jpg) top repeat-x #fefefe;border-radius:8px;}
#konten h2{color:#ff0;}

.thumbs{width:auto;height:auto;}
.thumbs img{max-width:300px;height:auto;}

/* navigation */
.navigation{clear:both;margin:10px 0 0 0;padding:6px;text-align:center;color:#ffd91f;}
span.pages{display:none}
span.page-numbers.current{margin:0;padding:3px 10px 3px 10px;color:#ffd91f;background:#230000;border:1px solid #bb2435;}
.navigation a{color:#ffd91f;margin:0;padding:3px 10px 3px 10px;background:#93111b;border:1px solid #bb2435;}
.navigation a:hover{text-decoration:underline;}
.navigation a.prev{display:none;width:0;height:0;}
.navigation a.next{display:none;width:0;height:0;}

#tabContainer{padding:0;}
.tabs{background:transparent;margin:0;padding:0;}
.tabs>ul{list-style:none;margin:0;padding:0;}
.tabs>ul>li{margin:0 1px 0 0;padding:5px 10px;display:block;font-weight:bold;float:left;color:#ffd91f;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid #230000;background:#230000;transition:background-color ease-in-out .2s;-moz-transition:background-color ease-in-out .2s;-webkit-transition:background-color ease-in-out .2s; text-transform:uppercase;}
.tabs>ul>li:hover{color:#ffd91f;background:#530000;border:1px solid #530000;cursor:pointer}
.tabs>ul>li.tabActiveHeader{background:#ffd91f;cursor:pointer;display:block;color:#530000;text-shadow:1px 1px #fff;}
.tabscontent{padding:0;margin:0;background:transparent;}

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

td{font-size:14px;padding:5px;border:1px solid #ddd;color:#444;}
.tablehead{font-size:14px;padding:5px;text-align:center;color:#ff0;font-weight:bold;border:1px solid #ddd;background:#333;}

.tstriped{margin:0 !important;}
.tstriped>tbody>tr:nth-child(odd)>td{background-color:#111;border:1px solid #222;color:#eee;}
.tstriped>tbody>tr:nth-child(even)>td{background-color:#111;border:1px solid #222;color:#eee;}

.bola1{display:inline-block;text-align:center;width:24px;height:24px;margin-right:1px;color:#fff;border-radius:50%;font-size:14px;padding:2px 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:24px;height:24px;margin-right:1px;color:#fff;border-radius:50%;font-size:14px;padding:2px 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:24px;height:24px;margin-right:1px;color:#fff;border-radius:50%;font-size:14px;padding:2px 0;text-shadow:1px 1px 0 #00f;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #0033cc), color-stop(1, #3333ff) ); background:-moz-linear-gradient( center top, #0033cc 15%, #3333ff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0033cc', endColorstr='#3333ff');background-color:#f30;}

.bola1_big{display:inline-block;text-align:center;width:56px;height:56px;margin-right:6px;color:#fff;border-radius:50%;font-size:40px;padding:2px 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_big{display:inline-block;text-align:center;width:56px;height:56px;margin-right:6px;color:#fff;border-radius:50%;font-size:38px;padding:2px 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_big{display:inline-block;text-align:center;width:56px;height:56px;margin-right:6px;color:#fff;border-radius:50%;font-size:36px;padding:2px 0;text-shadow:1px 1px 0 #00f;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #0033cc), color-stop(1, #3333ff) ); background:-moz-linear-gradient( center top, #0033cc 15%, #3333ff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0033cc', endColorstr='#3333ff');background-color:#f30;}

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

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

.bola6{display:inline-block;text-align:center;width:56px;height:56px;margin-right:2px;color:#000;border-radius:50%;font-size:20px;padding:10px 0;text-shadow:1px 1px 0 #fff;background:transparent;}