@media (max-width: 767px){
.tro-subheader-single1 {
background-size: cover !important;
}
}

.message {
	display: block;
	padding: 10px;
	font-weight: bold;
	font-size: 120%;
	color: #fff;
	background-color: #333;
}

body { /*font-family: "Arial", sans-serif;*/ font-size: 12px; color: #a9a9a9; background: #150e06 url(../img/bg.png) no-repeat top center fixed; padding: 0; margin: 0; }
input[type=text], input[type=password], input[type=file], textarea, table, .request, .fs-path, .raw-txn-log, .script-line { font-family: "Arial", sans-serif; }
h1, h2, h3 { color: #d2a255; font-size: 16px; font-weight: normal; letter-spacing: 0; text-transform: uppercase; padding: 0; margin: 10px 0; border-color: #000; }
h2 { font-size: 18px; }
a { color: #d2a255; }

#wrapper {  background: url(../img/footerBg.jpg) center bottom no-repeat; }
#main { width: 1217px; margin: 0 auto; }


.header { height: 280px; position: relative; }
.serverStatus { width: 1113px; height: 51px; background: url(../img/serverStatusBg.png) center top no-repeat; margin: 0 auto; position: relative; z-index: 100; }
.statusPanel { width: 1100px; margin: 0 auto; }
.statusPanel ul, .statusPanel li { padding: 0; margin: 0; list-style: none; }
.statusPanel .loginPanel { width: 360px; min-height: 50px; float: left; }
.onlineStatus { width: 160px; height: 50px; float: left; }
.onlineStatus img { position: relative; top: 10px; left: 40px; margin-left: 5px; }
.serverTime { width: 190px; height: 50px; float: left;}
.language { height: 0px; float: left; position: relative; top: 0px; left: -20px; }
.serverTime div { width: 63px; height: 21px; position: relative; top: 15px; left: 74px; font-family: "Arial", sans-serif; text-align: center; color: #e1e1e1; line-height: 24px; text-shadow: 0.5px 0.866px 0px rgb( 0, 0, 0 ); }
.onlineCount { width: 180px; height: 50px; float: left; }
.onlineCount div { width: 63px; height: 21px; position: relative; top: 15px; left: 88px; font-family: "Arial", sans-serif; text-align: center; color: #e1e1e1; line-height: 24px; text-shadow: 0.5px 0.866px 0px rgb( 0, 0, 0 ); }
 }
.onlineCount > div { overflow: hidden; }
.peakOnline { width: 160px; height: 50px; float: left; }
.peakOnline { width: 63px; height: 21px; position: relative; top: 15px; left: 80px; font-family: "Arial", sans-serif; text-align: center; color: #e1e1e1; line-height: 24px; text-shadow: 0.5px 0.866px 0px rgb( 0, 0, 0 ); }





.header img.render { position: absolute; top: 32px; right: 170px; }
.header a.logo { display: block; position: absolute; bottom: -8px; left: 60px; }

.container { width: 1146px; margin: 0 auto; position: relative; z-index: 110; }
.containerLeft { width: 351px; height: 600px; background: url(../img/containerLeftBg.png) center top no-repeat; float: left; }
.containerRight { width: 782px; float: left; margin-left: 5px; margin-top: -15px; }

.menu ul, .menu li { padding: 0; margin: 0; list-style: none; }
.menu li { width: 195px; height: 94px; overflow: hidden; float: left; }
.menu li a img { position: relative; perspective: 1000; }
.menu li:nth-child(2) a img { left: -199px; margin: 0 5px; }
.menu li:nth-child(3) a img { left: -400px; margin: 0 7px; }
.menu li:nth-child(4) a img { left: -595px; margin-left: 9px; }
.menu li a:hover img { margin-top: -5px;* }
.menu li a img { -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }

.indexPage { width: 782px; height: 387px; background: url(../img/indexBg.png) center top no-repeat; overflow: hidden; }
.indexLeft { width: 402px; height: 381px; float: left; }
.indexRight { width: 375px; height: 381px; float: left; }
.welcomeText { text-align: right; height: 177px; padding: 30px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
.welcomeText p { text-indent: 100px; line-height: 16px; color: white; }
.newsPanel { width: 390px; height: 193px; background: url(../img/newsBg.png) center top no-repeat; margin-left: 7px; }
.news ul, .news li { padding: 0; margin: 0; list-style: none; }
.news ul { width: 300px; position: relative; left: 30px; }
.news li { width: 73px; height: 27px; overflow: hidden; float: left; }
.news li a { padding: 5px; }
.news li a img { position: relative; top: 4px; }
.news li:nth-child(2) a img { left: -72px; }
.news li:nth-child(3) a img { left: -142px; }
.news li:nth-child(4) a img { left: -212px; }

.news li a.active img { top: -23px; }
.news div { clear: both; height: 165px; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.news div a { color: #9b9b9b; }
.news div table { border-collapse: collapse; width: 100%; }
.news div table tr td:nth-child(1) { width: 65px; }
.news div table tr td:last-child { text-align: right; }
.news div table tr td { padding: 1px 0; }


.item_slider { width: 321px; height: 160px;  margin: 0 auto; }
.item_slider .cycle-slideshow { width: 300px; height: 200px; position: relative; top: 20px; left: 18px; margin-top: 25px; }
.item_slider .cycle-slideshow img { margin: 0 5px; }
.search_panel { width: 372px; height: 218px; background: url(../img/searchDbBg.png) center bottom no-repeat; }
.search { width: 290px; height: 56px; position: relative; top: 155px; left: 65px; }
.search ul { position: relative; left: 185px; }
.search ul, .search li { padding: 0; margin: 0; list-style: none; }
.search li { width: 45px; height: 15px; float: left; overflow: hidden; }
.search li a img { position: relative; top: -20px; }
.search li:nth-child(2) a img { position: relative; left: -45px; }
.search li a.active img { top: 0; }
.search div { clear: both; height: 40px; padding: 7px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
.search input[type="text"] { width: 185px; height: 31px; background: url(../img/searchInputBg.png) center top no-repeat; border: 0; outline: 0; padding: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.search input[type="submit"] { width: 90px; height: 26px; background: url(../img/searchBtn.png) center top no-repeat; border: 0; outline: 0; text-indent: 10000px; }

.slider { width: 800px; height: 218px; margin-left: -11px; margin-top: -4px; position: relative; }
.slider_frame { width: 800px; height: 218px; position: absolute; top: 0; left: 0; background: url(../img/sliderFrame.png); z-index: 150; }



.menuLeft { width: 100%; height: 203px; }
.menuLeft ul, .menuLeft li { padding: 0; margin: 0; list-style: none; }
.menuLeft ul { width: 153px; height: 161px; position: relative; left: 174px; top: 26px; }
.menuLeft li { width: 153px; height: 29px; overflow: hidden; }
.menuLeft li a { display: block; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } 
.menuLeft li a img { position: relative; top: 10px; left: 15px; }
.menuLeft li a:hover { opacity: 0.7; }
.menuLeft li:nth-child(2) a img { top: -22px; }
.menuLeft li:nth-child(3) a img { top: -52px; }
.menuLeft li:nth-child(4) a img { top: -82px; }
.menuLeft li:nth-child(5) a img { top: -112px; }

.quickLinks { height: 185px; }
.quickLinks ul, .quickLinks li { padding: 0; margin: 0; list-style: none; }
.quickLinks ul { width: 305px; position: relative; top: 2px; left: 33px; }
.quickLinks li { width: 300px; height: 59px;  overflow: hidden; }
.quickLinks li a img { position: relative; left: 7px; top: 2px; }
.quickLinks li:nth-child(2) a img { left: 7px; top: -56px; }
.quickLinks li:nth-child(3) a img { left: 7px; top: -115px; }
.quickLinks li a:hover img { left: -293px; }
.quickLinks li a img { -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }


.facebook { height: 91px; }
.facebook a { display: block; width: 310px; height: 72px; position: relative; left: 30px; top: 15px; }

.rankingBtn ul, .rankingBtn li { padding: 0; margin: 0; list-style: none; }
.rankingBtn ul { width: 307px; display: block; margin: 0 auto; position: relative; left: 12px; }
.rankingBtn li { width: 307px; height: 162px; overflow: hidden; float: left; }
.rankingBtn li a img { position: relative; }
.rankingBtn li a:hover { opacity: 0.7; }

.rankingBtn li a { -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }

.slider .cycle-slideshow { width: 766px; height: 201px; position: relative; top: 7px; left: 17px; }
.slider .cycle-slideshow img { width: 766px; height: 201px; }

.content { position: relative; overflow: hidden; }
.contentInner { width: 782px; background: url(../img/containerInnerBg.jpg) center top repeat-y; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.borderT { width: 782px; height: 82px; background: url(../img/borderT.png) center top no-repeat; position: absolute; top: 0; left: 0;
 }
.borderB { width: 782px; height: 82px; background: url(../img/borderB.png) center top no-repeat; position: absolute; bottom: 0; left: 0; }
.borderI { width: 782px; min-height: 3000px; background: url(../img/borderI.png) center top repeat-y; position: absolute; top: 0; left: 0; }
.contentText { position: relative; min-height: 500px; z-index: 150; /* overflow-y: auto; max-height: 550px; */ }
.contentText input[type="submit"], .contentText button[type="submit"] { background: #ca955f; padding: 7px 30px; border: 0; font-weight: bold; text-transform: uppercase; cursor: pointer; border-bottom: 2px solid #8d622a; border-radius: 2px; font-size: 12px; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } 
.contentText input[type="submit"]:hover, .contentText button[type="submit"]:hover { background: #e8a451; }

.loginBox { width: 272px; position: relative; top: 6px; left: 65px; }
.loginBoxInner { width: 272px; background: url(../img/loginPanelInner.png) repeat-y; padding: 8px 20px 5px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } 
.loginPanelHeading { width: 272px; height: 39px; background: url(../img/loginPanelTop.png) center top no-repeat; }
.loginSlider { margin-left: 3px; }
.loginSlider a { display: block; }
input.textClass { width: 226px; height: 30px; border: 0; outline: 0; background: url(../img/inputBg.png) center top no-repeat; padding: 0 10px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input.loginBtn { width: 222px; height: 56px; border: 0; outline: 0; background: url(../img/loginBtn.png) center top no-repeat; display: block; margin: 0 auto; cursor: pointer; }
.login_row a { color: #e1e1e1; font-size: 11px; padding-top: 3px; display: block; }
.logged p { height: 70px; text-align: left; color: #e1e1e1; }
.logged p a { color: #e1e1e1; font-weight: bold; font-size: 15px; }
.logged > a { display: block; }

#submenu, #adminmenu { background: rgba(0,0,0,0.8); padding: 8px; color: #e1e1e1; margin-bottom: 3px; }
#submenu a, #adminmenu a { color: #e1e1e1; }

.info-text { /* background: rgba(0,0,0,0.8); border-color: #333; */ }

.search-form p, .search-form2 p { border-color: transparent; }
.search-form label, .search-form2 label { color: #d2a255; }

.horizontal-table, .vertical-table { width: 100%; border-collapse: collapse; }
.vertical-table th, .horizontal-table th { /* background: rgba(0,0,0,0.8); border-color: #333; */ }
.vertical-table td, .horizontal-table td { /* background: rgba(0,0,0,0.6); border-color: #333; */ }
.horizontal-table tr.top-ranked td { background: #190404; }
.horizontal-table tr.top-ranked td { color: #d2a255; }
.block-link { color: #d2a255; text-decoration: none; border: 0; }


.generic-form { /* background: rgba(0,0,0,0.8); border-color: #333; */ } 

.pages { color: #d2a255; }
.pages .current-page { font-weight: bold; color: inherit; }
.pages .page-prev, .pages .page-next { color: #d2a255; font-weight: bold !important; }

.footer { height: 127px; margin-top: -50px; }
.footerInner { width: 1115px; margin: 0 auto; height: 55px; position: relative; top: 60px; }
.footerLeft { width: 900px; /* height: 55px; */ float: left; padding-left: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* padding-top: 15px; */ }
.footerLeft p { text-align: center; padding: 0; margin: 0; font-size: 12px; font-weight: bold; color: #636363; }
.footerLeft p span { color: #e1e1e1; }
.footerRight { width: 210px; float: left; text-align: right; padding-top: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.adjust { width: 742px; overflow: auto; }
.rules { position: relative; min-height: 500px; z-index: 150; overflow-y: auto; max-height: 500px;  }
.clear { clear: both; }