body{font-family: 'Skranji', Arial, sans-serif;background: url(../img/background.jpg) no-repeat top center #2d1314;background-size: 100%;}
header{ padding-top: 50px;}
ul{ padding:0; }
ul > li {list-style:none;}
a{ color: #ff9900;text-decoration: none; }
a:hover{ color: #ff9900;text-decoration: underline;}
button{outline: 0;border: none;}
.skranji{ font-family: 'Skranji', Arial}

.kurusetra-logo{ text-indent: -999em;width: 100%;max-width: 295px;display: inline-block;height: 100px;background: url(../img/ks-logo.png) no-repeat center;background-size: 100%;}
.tournament-board{ background: url(../img/board.png) no-repeat center;background-size: 100%;width: 100%;height: 100%;max-width: 947px;max-height: 603px;margin:auto;padding:9% 0 13%;}
.button{border: 1px solid #ff9900;border-radius: 2px;padding: 10px 0 7px;width: 130px;color: #ff9900;position: relative;background: rgba(59, 47, 38, .7);font-weight: 700}
.fuzzybox{border: 1px solid #ff9900;border-radius: 2px;background: rgba(59, 47, 38, .5);position: absolute;bottom: -7px;right: -7px;height: 12px;width: 12px }
.button:hover{color: #3b2f26;background: #f90;}
.button:hover .fuzzybox{top: -7px;}
.text-center{ text-align: center;}
.text-left{ text-align: left;}
.text-right{ text-align: right;}
.king-kurusetra{ background: url(../img/king-of-kurusetra.png) no-repeat center;background-size:100%;width:100%;height:100%;max-width:450px;max-height:331px;margin:auto;padding-top: 38%}
.rich-player{ background: url(../img/rich-player.png) no-repeat center;background-size:100%;width:100%;height:100%;max-width:452px;max-height:332px;margin:auto;padding-top: 38%;}
.dots{ background:url(../img/dots-grey.png) no-repeat center;width: 5px;height: 18px;border: none;}
.dots:hover{ background:url(../img/dots.png) no-repeat center;width: 5px;height: 18px;}
.table{ color:#FFF;padding-top:10%;font-size: 14px }
.table > thead{ color: #ff9900; }
.table-wrap{ margin: auto; width: 70%;height: 100%;overflow: auto; }
.mini-wrap{ margin: auto; width: 50%;height: 100%; }
.margin-t-0{margin-top: 0}
.margin-b-5{margin-bottom: 5px}
.margin-5{margin-bottom: 5px;margin-top: 5px}
.brown-color{ color: #3b2f26; }
.yellow-color{ color: #f5c616; }
.white-color{ color: #FFF; }
.ft-12{ font-size: 12px }
.ft-14{ font-size: 14px }
.padding-r-0{ padding-right: 0}
.padding-0{ padding: 0}
.tournament-date{ position: absolute;bottom: 15%;left: 0;right: 0;height: 23px}
.status-on{ background: #F00;border-radius: 50%;width: 7px;height: 7px;margin-top:5px;}
.status-off{ background: #999;border-radius: 50%;width: 7px;height: 7px;margin-top:5px;}
.table > tbody > tr > td{ border-color: #999 }
.popup-dewa{display:none;z-index:1;background: #000;border:1px solid #ff9900;border-radius: 3px;position: absolute;width: 350px;height: auto; padding:10px;right:50%;top:10%;margin-right: -175px}
.popup-dewa .table{font-size: 10px;}
.popup-dewa > .table > tbody > tr > td{border-top:none;}
#register{display:none;}
#rules{display:none;}
.reg-form label{ color: #FFF; }
.reg-form input.inp-text{ background: rgba(59, 47, 38, .7);color: #FFF;width: 390px;border: none;height: 35px}
.reg-form input.reg-button-form{ background: url(../img/button-confirm.png) no-repeat center;width: 105px;height: 50px;border: none;color: #FFF;font-weight: 700;padding: 12px 0 18px }
.back-home{ background: url(../img/button-back.png) no-repeat center;width: 101px;height: 48px;border: none;color: #FFF;font-weight: 700;padding: 12px 0 18px}
#clan-container img{ width: 20px;}
.btn-close{ background: url(../img/close.png) no-repeat center;height: 20px;width: 20px;position: absolute;right: 6px;top: 6px;z-index: 99;border: none}
.tournament{ background: url(../img/tournament.png) no-repeat center;height: 100%;width: 100%;max-width: 455px;max-height: 38px;background-size: 100%;position: absolute;top: 11px;left: 50%;margin-left: -230px; }
.register{ background: url(../img/register.png) no-repeat center;height: 100%;width: 100%;max-width: 321px;max-height: 44px;background-size: 100%;position: absolute;top: 12px;left: 50%;margin-left: -160px; }
.rules{ background: url(../img/rules.png) no-repeat center;height: 100%;width: 100%;max-width: 310px;max-height: 30px;background-size: 100%;position: absolute;top: 16px;left: 50%;margin-left: -155px; }
.winner-banner{ background: url(../img/end-war.png) no-repeat center;height: 100%;width: 100%;max-width: 490px;max-height: 40px;background-size: 100%;position: absolute;top: 16px;left: 50%;margin-left: -245px; }
.you-win{ background: url(../img/you-win.png) no-repeat center;height: 100%;width: 100%;max-width: 458px;max-height: 23px;background-size: 100%;position: absolute;top: 16px;left: 50%;margin-left: -229px; }
.timer{ position: absolute;bottom: 10px;left: 0;right: 0; }
tr:hover{background: rgba(0,0,0,.3)}
.eng{background: url(../img/eng.png) no-repeat center;height:24px;width:24px;background-size: 24px;margin-left:5px;}
.ind{background: url(../img/ind.png) no-repeat center;height:24px;width:24px;background-size: 24px;}
#indonesia{display: none;}
.margin-t-20{ margin-top: 20px;}
.margin-t-40{ margin-top: 40px;}

.winner{ background: url(../img/winner.png)no-repeat center top;height: 260px;width: 386px;margin: auto;background-size: 300px auto}

/* iPad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	.mini-wrap{padding-top: 18%;}
	.tournament-board{ padding-top:20%;padding-bottom: 25%}
	.button{padding-bottom: 10px;}
	.tournament-date{ bottom: 25%;}
	.tournament-date h3{ font-size: 12pt; }
	.tournament{ background-size: 80%;top: 83px; }
	.winner{ height: 200px;width: 326px;}
}

/* iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	.mini-wrap{padding-top: 18%;}
	.tournament-board{ padding-top:20%;padding-bottom: 25%}
	.button{padding-bottom: 10px;}
	.tournament-date{ bottom: 21%;}
	.tournament-date h3{ font-size: 12pt; }
	.tournament{ background-size: 80%;top: 83px; }

}

/* iPhone Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	.mini-wrap{padding-top: 18%;}
	.tournament-board{ padding-top:20%;padding-bottom: 25%}
	.button{padding-bottom: 10px;}
	.tournament-date{ bottom: 21%;}
	.tournament-date h3{ font-size: 12pt; }
	.tournament{ background-size: 80%;top: 83px; }

}

/* iPhone Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	.mini-wrap{padding-top: 18%;}
	.tournament-board{ padding-top:20%;padding-bottom: 25%}
	.button{padding-bottom: 10px;}
	.tournament-date{ bottom: 18%;}
	.tournament-date h3{ font-size: 12pt; }
	.tournament{ background-size: 80%;top: 58px; }

}