<?php
header("Content-type: text/css; charset: UTF-8");
/*
if (!defined("root")) {
	define("root", $_SERVER['DOCUMENT_ROOT']);
}
require(root."/_common.php");
require(root."/_lib/db.php");
require(root."/_lib/main.php");
*/
?>
@import url("fonts/fonts.css");
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* end css reset */
body { background:#272727; }

.section-header { height:100px;background:url(/img/_x_bg_header.jpg) repeat-x; }
.section-header .decoration { height:100px;width:1000px;left:50%;margin:0 0 0 -965px;position:absolute;background:url(/img/_header_bg.png) no-repeat 0; }
.section-header .header { width:1000px;height:100px;margin:0 auto;position:relative; }
.header .for-logo { float:left; }
.for-logo .logo { height:58px;display:inline-block;margin:21px 10px; }
.header .for-login { float:right; }
.for-login .form { border:0px #f00 solid;padding:5px;display:inline-block;margin:40px 0 0 0; }
.form .ii { height:20px;padding:2px 10px;width:120px;border:0; }
.form .cd { width:70px; }
.form .ii,
.form .kode,
.form .refresh,
.form .subbutt { background:url(/img/_x_bg_field.jpg) repeat-x;float:left;margin:0 5px 0 0; }
::-webkit-input-placeholder {
   color: #555;
   font-style:italic;
}

:-moz-placeholder { /* Firefox 18- */
   color: #555;
   font-style:italic;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #555;
   font-style:italic;
}

:-ms-input-placeholder {  
   color: #555;
   font-style:italic;
}
.form .kode,
.form .refresh { height:24px;line-height:24px;font-size:12px;padding:0 5px; }
.form .subbutt { width:70px;height:25px;border:1px #9b9b9b9 solid;color:#fff;font-size:18px;font-family:bignoodletitlingregular;background:url(/img/_x_bg_butt.jpg) repeat-x; }

.menu-utama-panel { width:1061px;height:69px;position:relative;left:50%;margin:-5px 0 0 -530px;display:inline-block;background:url(/img/single_menu_bar.png) no-repeat; }
.menu-utama { width:985px;height:55px;margin:2px 0 0 39px;border-top:1px red solid; }
.menu-utama a { float:left;display:inline-block;margin:24px 0 0 0;width:138px;text-align:center;color:#fff;text-decoration:none;font-family:bignoodletitlingregular;font-size:18px; }
.menu-utama a:hover { text-decoration:underline; }
.menu-utama span.sep { display:inline-block;float:left;width:2px;height:40px;margin:8px 0 0 0;background:url(/img/_y_bg_menu_sep.png) repeat-y; }
.slides-panel { background:#002;height:522px;margin:-64px 0 0 0; }

.result-banner-panel { height:116px;background:url(/img/_x_bg_middle.png) repeat-x; }
.result-banner-panel .result-banner { width:1000px;height:114px;margin:0 auto;padding:1px; }
.result-banner-panel .label-panel { height:86px;width:220px;font-family:bignoodletitlingregular;color:#000;float:left;padding:30px 0 0 0;text-align:center;background:url(/img/_y_bg_middle_sep.png) repeat-y right; }
.result-banner-panel .label-panel .label { font-size:36px; }
.result-banner-panel .label-panel .date { font-size:30px;letter-spacing:-1px; }
.result-banner-panel .hasil { height:86px;width:155px;float:left;float:left;padding:30px 0 0 0;text-align:center;font-family:bignoodletitlingregular;color:#000;font-size:36px;background:url(/img/_y_bg_middle_sep.png) repeat-y right; }
.result-banner-panel .hasil span { letter-spacing:2px; }
.result-banner-panel .special-sep { width:2px;height:116px;float:left;background:url(/img/_y_bg_middle_sep.png) repeat-y; }

.games-panel { margin:25px 0 0 0; }
.games-panel .games { width:1000px;height:239px;margin:0 auto;position:relative;overflow:hidden; }
.games-panel .games .helper { width:1000px;display:inline-block; }
.games-panel .game { position:absolute;width:235px;height:235px;border:2px #e0e0e0 solid;border:2px #6d6d6d solid;margin:0 14px 0 0; }
.games-panel .last { margin:0; }

.news-panel { margin:25px 0 0 0; }
.news-panel .news { width:1000px;margin:0 auto; }
.news-panel .news .helper { width:1000px;display:inline-block; }
.news-panel .news .subtitle { color:#e5e5e5;font-family:bignoodletitlingregular;font-size:30px; }
.news-panel .each { float:left;width:320px;height:190px;margin:0 20px 0 0; }
.news-panel .last { margin:0; }
.news-panel .each .img { width:90px;height:90px;float:left;border:4px #fff solid;margin:0 10px 0 0; }
.news-panel .each .detail { float:left;color:#c0c0c0;font-size:12px;width:200px;font-family:arial; }
.news-panel .each .detail .date { font-size:14px;font-weight:bold;font-style:italic; }
.news-panel .each .detail .preview { margin:10px 0 0 0;line-height:15px; }

.footer { height:40px;background:url(/img/_x_bg_bottom.png) repeat-x;margin:0 0 0 0; }
.footer .copyright { width:1000px;height:40px;line-height:40px;margin:0 auto;color:#000;font-size:14px;font-family:arial; }
.footer .left { float:left; }
.footer .right { float:right; }
.footer .link { color:#fff;text-decoration:none;font-family:arial;margin:0 0 0 10px; }
.footer .link:hover { text-decoration:underline; }

.section { width:1000px;margin:0 auto;padding:10px 0; }
.section .helper { width:1000px;display:inline-block; }
.page-title { margin:10px 0; }
.filter { background:url(/img/_x_bg_filter.jpg) repeat-x;width:998px;height:83px;margin:5px 0;border:1px #e6e6e6 solid;border-radius:6px; }
.filter .fields{ float:left;margin:20px 10px 0 20px; }
.filter .fields .label { font-family:bignoodletitlingregular;font-size:18px;color:#fff; }
.filter .fields select { color:#7f7f7f;font-family:arial;font-size:14px;width:150px;height:30px;padding:2px 10px;border-radius:5px;border:0; }
.filter .fields input { color:#7f7f7f;font-family:arial;font-size:14px;width:600px;width:95%;height:26px;padding:2px 10px;border-radius:5px;border:0;color:#000;	 }
.filter .sep { background:url(/img/_y_bg_filter_sep.jpg) repeat-y;width:2px;height:80px;float:left;margin:2px 0 0 10px; }
.filter .submit { display:inline-block;margin:15px 0 0 10px;color:#a87018;font-family:bignoodletitlingregular;font-size:30px;text-decoration:none; }
.filter .submit:hover { background: -webkit-linear-gradient(#d5b609, #a87018);-webkit-background-clip: text;-webkit-text-fill-color: transparent; }


.tdata { width:100%; }
.tdata thead th { height:44px;vertical-align:middle;background:url(/img/_x_bg_thead.jpg) repeat-x;font-family:bignoodletitlingregular;font-size:24px;color:#000; }
.tdata thead th:first-of-type {
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
}
.tdata thead th:last-of-type {
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
}
.tdata tbody:before { content:"-";display:block;line-height:5px;color:transparent; }
.tdata tbody td { color:#fff;font-family:bignoodletitlingregular;font-size:18px;height:57px;vertical-align:middle;
	padding:0 10px;letter-spacing:1px;
}
.tdata tbody td:first-of-type {
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
}
.tdata tbody td:last-of-type {
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
}
.tdata tbody tr.rodd td { background:#4c4c4c; }
.tdata tbody tr.reve td { background:#111; }
.tdata tbody tr.sep td { line-height:1px;height:5px;border:0;box-shadow:0 0 0 0 #e6e6e6; }
.tdata .mid { vertical-align:middle;text-align:center; }
.tdata .w20 { width:30px; }
.tdata th.sep { width:2px;line-height:1px;font-size:1px;padding:0; }
.tdata th.sep div { background:url(/img/_y_bg_mimpi_head_sep.jpg) repeat-y;width:2px;height:40px;padding:0; }
.tdata td.sep { width:2px;line-height:1px;font-size:1px;padding:0; }
.tdata td.sep div { background:url(/img/_y_bg_mimpi_body_sep.png) repeat-y;width:2px;height:53px;padding:0; }
