/*** Global ***/
html { background: #8fc9ef url(/templates/global/images/inter/bg-gradient.jpg) repeat-x bottom; }
body { background: url(/templates/global/images/inter/main-background-footer.jpg) no-repeat bottom center; }
.bg-top { background: #8ec9e9; position: absolute; top: 0; left: 0; width: 100%; height: 661px; }
.bg-topbar { background: url(/templates/global/images/inter/bg-topbar.png) no-repeat; }
.main-background { background: url(/templates/global/images/inter/main-background.jpg) no-repeat top center; padding: 10px 0px 0px; }
a.lnkLogo { background: url(/templates/global/images/inter/lnkLogo.png) no-repeat; width: 273px; height: 99px; display: block; margin: 30px 0px 0px; float: left; }
#col01 { float: left; overflow: hidden; width: 630px; }
#col02 { float: right; overflow: hidden; width: 300px; }
.bg-media { width: 960px; margin: 0 auto; height: 200px; }
.contentwrap { width: 964px; margin: 25px auto 0px; padding: 0px 0px 35px; }
.bg-header-content { background: url(/templates/global/images/inter/bg-header-content.png) no-repeat top center; width: 100%; margin: -75px 0px 0px 0px; }
.bg-body-content { width: 100%; background: url(/templates/global/images/inter/bg-body-content.png) repeat-y center bottom; padding: 1px 0px; }
.bg-footer-content { background: url(/templates/global/images/inter/bg-footer-content.png) no-repeat bottom center; width: 100%; padding: 45px 0px 10px; margin-bottom: -8px; }
.bg-info-content { width: 940px; overflow: hidden; min-height: 820px; margin: 0px auto; }
.bg-info-content h1 { font: 44px Candal; color: #423391; }
.bg-info-content h2 { font: 30px Tahoma; color: #c2b7a4 }
.bg-info-content h3 { font: 16px/31px Candal; color: #423391; }
.bg-info-content h4 { font: 16px/24px Candal; color: #4b6182; }
.bg-info-content h5 { font: 14px/18px Candal; color: #f4cd75; }
.bg-info-content p { font: 11px/16px Verdana; color: #4b6182; }
.bg-info-content li { font: 11px/16px Verdana; color: #423391; }
.bg-info-content p a, .bg-info-content li a { color: #3168c2; }
.bg-info-content input { background: #040e0f; color: #8d897e; padding: 2px; border: 1px solid #585745; }
#to-top {cursor: pointer; position: relative; left: 540px; height: 66px; width: 61px; background: url(/templates/global/images/inter/to-top.png) no-repeat; margin: -66px auto 0px; }
.bg-media a.btn-playnow { cursor: pointer; height: 61px; width: 112px; background: url(/templates/global/images/inter/btns-action.png) left top no-repeat; float: right; margin: 15px 20px 0px 0px; }
.bg-media a.btn-playnow:hover { background-position: left bottom; }
.bg-media a.btn-download { cursor: pointer; height: 61px; width: 192px; background: url(/templates/global/images/inter/btns-action.png) right top no-repeat; float: right; margin: 15px 20px 0px 0px; }
.bg-media a.btn-download:hover { background-position: right bottom; }
/*** news ***/
.txt-header-blank { width: 602px; height: 16px; font: 12px Candal; color: #fff; text-transform: uppercase; padding: 4px 14px; background: url(/templates/global/images/inter/txt-header-blank.jpg) repeat-x; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }
.txt-header-blank a { color: #fff; font: bold 10px Verdana; float: right; margin-top: 2px; }
.txt-header-blank a:hover { text-decoration: none; }
/*** Ad ***/
#google-ad {background: black;}
/*** Interact ***/
.bg-interact { background: url(/templates/global/images/inter/bg-interact.jpg) no-repeat; }
/*** Guides ***/
.player-help { width: 100%; }
.player-help a { display: block; height: 100px; width: 280px; background: url(/templates/global/images/inter/guide01.png) no-repeat; margin-bottom: 10px; padding: 10px; }
.player-help h4 { color: #fff; font: 11px/16px Candal; height: 20px; padding-bottom: 43px; }
.player-help p { color: #0050a2; font: 12px/14px Candal; }
.player-help p b { color: #423391; font: 14px/18px Candal; }
.player-help a.guide01 { background-position: left top; }
.player-help a.guide02 { background-position: right top; }
.player-help a.guide01:hover, .player-help a.guide02:hover { text-decoration: none; }
.player-help1 { width: 100%; }
.player-help1 a { display: block; height: 100px; width: 280px; background: url(/templates/global/images/inter/partners.png) no-repeat; margin-bottom: 10px; padding: 10px; }
.player-help1 h4 { color: #fff; font: 11px/16px Candal; height: 20px; padding-bottom: 43px; }
.player-help1 p { color: #0050a2; font: 12px/14px Candal; }
.player-help1 p b { color: #423391; font: 14px/18px Candal; }
.player-help1 a.guide03 { background-position: left top; }
.player-help a.guide03:hover { text-decoration: none; }
/*** Organizer ***/
.section { margin-bottom: 10px; }
/*** Recent Activity ***/
.txt-title-recent { height: 28px; overflow: hidden; background: url(/templates/global/images/inter/txt-header-blank.jpg) repeat-x; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }
.txt-title-recent h3 { font: 12px/24px Candal; text-transform: uppercase; float: left; color: #fff; margin-left: 10px; }
.bg-recent { border-left: 1px solid #afbab8; border-right: 1px solid #afbab8; border-bottom: 1px solid #afbab8;
background-color: #fff;
background-image: -moz-linear-gradient(top, #fff, #e9e9e4);
background-image: -webkit-linear-gradient(top, #fff, #e9e9e4);
background-image: -ms-linear-gradient(top, #fff, #e9e9e4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e9e9e4');
}
.bg-recent li p a { color: #3168c2; }
.bg-recent.ra-loading {background: #ffffff url(/templates/global/images/inter/ra_loading.gif) center center no-repeat;}
/*** Bread Crumb ***/
.txt-title-bread { height: 24px; padding: 0px 10px; background: url(/templates/global/images/inter/txt-header-blank.jpg) repeat-x; border: 1px solid #5b5038; }
#breadcrumb { width: 610px; margin: 5px 0px; }
#breadcrumb a { color: #ffba00; text-decoration: none; font-weight: bold;}
#breadcrumb div.home { background: url(/templates/global/images/inter/icobc-sprite.png) 0px -7px no-repeat; }
#breadcrumb li.divider { background: url(/templates/global/images/inter/icobc-sprite.png) 0px -39px no-repeat; }
#breadcrumb li#navCurrent a { color: #daeefe; }
#breadcrumb li#navCurrent:hover ul{display: none;}
#breadcrumb li ul { border: 1px solid #90dafe; }
#breadcrumb li ul a:hover { color: #ffffff; }
#breadcrumb li ul li { background: #3679b9; border-top: 1px solid #4f92d2; border-bottom: 1px solid #000000; }
#breadcrumb li ul li:hover { background: #1d3475; color: #ffffff; }
#breadcrumb li ul li { background: #3679b9; border-top: 1px solid #4f92d2; border-bottom: 1px solid #000000; }
#breadcrumb li.has-dd { background: #3679b9 url(/templates/global/images/inter/icobc-sprite.png) right -61px no-repeat; }
#breadcrumb li.has-dd:hover { background: #1d3475 url(/templates/global/images/inter/icobc-sprite.png) right -92px no-repeat; color: #ffffff; }
#breadcrumb li ul li a { color: #c3f3ff; }
#breadcrumb li ul li a:hover { color: #ffffff; }
/*** titlebar ***/
.titlebar { background: url(/templates/global/images/inter/bg-titlebar.jpg) no-repeat; clear: both; margin: 20px 0 0; padding: 5px 20px 25px; }
.titlebar h5 { color: #fffbf3; }
/** Web Features ***/
.feature { padding: 20px; background: #ffffff; }
.feature h4 { text-transform: uppercase; font: 14px/18px Candal; color: #2f4b8e; border-bottom: 2px solid #233971; padding-bottom: 3px; }
.feature ul { margin-bottom: 10px; }
.feature li { background: url(/templates/global/images/inter/ico-feature.png) left no-repeat; border-bottom: 1px solid #393728; }
.feature li a { font: bold 11px/16px Verdana; color: #4b6182; padding: 11px 0px 11px 40px; display: block; }
.feature li a:hover { text-decoration: none; }
.feature li.serverstatus { background-position: 0 0; }
.feature li.rewards { background-position: 0 -42px; }
.feature li.tokenshop { background-position: 0 -80px; }
.feature li.facebookmodule { background-position: 0 -120px; }
.feature li.wiki { background-position: 0 -162px; }
/*** Pages ***/
#paginationTop {margin: 30px 20px 0 0;}
.listPager {overflow: hidden; padding: 10px 0px; float: right; color: #444;}
.listPager form a { background:url(/templates/global/images/inter/ico-pagination.png) no-repeat; float: left; height: 12px; margin: 2px 5px 2px 0; width: 11px; }
.listPager span { float:left; font: 11px/16px Tahoma; font-weight: bold; height:16px; margin:0 12px 0 0; text-transform: lowercase; }
.listPager .btnPagerFirst01 { background-position:0 0; }
.listPager .btnPagerPrev01 { background-position:-11px 0; }
.listPager .btnPagerNext01 { background-position:-22px 0; }
.listPager .btnPagerLast01 { background-position:-33px 0; }
.listPager .btnPagerFirst02 { background-position:0 -12px; }
.listPager .btnPagerPrev02 { background-position:-11px -12px; }
.listPager .btnPagerNext02 { background-position:-22px -12px; }
.listPager .btnPagerLast02 { background-position:-33px -12px; }
.listPager .btnPagerFirst01:hover { background-position:0 -24px; }
.listPager .btnPagerPrev01:hover { background-position:-11px -24px; }
.listPager .btnPagerNext01:hover { background-position:-22px -24px; }
.listPager .btnPagerLast01:hover { background-position:-33px -24px; }
.listPager .btnPagerFirst02:hover { background-position:0 -12px; }
.listPager .btnPagerPrev02:hover { background-position:-11px -12px; }
.listPager .btnPagerNext02:hover { background-position:-22px -12px; }
.listPager .btnPagerLast02:hover { background-position:-33px -12px; }
.txtPageNum01 { float: left; font: bold 11px Tahoma; margin: -3px 11px 0 8px; text-align:center; width: 33px; }
/*** LEFT MENU ***/
ul.bg-menu { width: 226px; float: left; margin: 0 10px 0 0; }
ul.bg-menu a { font-weight: bold; display: block; height: 50px; padding: 9px 18px; }
ul.bg-menu a:hover { text-decoration: none; }
ul.bg-menu li {height: 70px; background: url(/templates/global/images/inter/sprite-leftmenu.jpg) no-repeat;}
ul.bg-menu li#list-top { background-position: 0 0; }
ul.bg-menu li#list-bottom { background-position: 0 -210px; }
ul.bg-menu li { background-position: 0px -70px; }
ul.bg-menu li:hover { background-position: 0px -140px; }
ul.bg-menu li.selected-listitem { background-position: 0px -140px; }
ul.bg-menu li a div { float: left; margin-right: 10px; height: 50px; width: 50px; }
ul.bg-menu li a span{ float: left; margin-top: 15px; width: 130px; word-wrap: break-word; color: #423391; }
ul.bg-menu li#list-top:hover {background-position: 0 0;}
ul.bg-menu li#list-bottom:hover {background-position: 0 -210px;}
/*** Drop Menu ***/
.dropmenu { background: #040e0f url(/templates/global/images/inter/ico-droparrow.png) no-repeat right; border-top: 1px solid #585745; border-right: 1px solid #585745; border-bottom: 1px solid #585745; }
.dropmenu a, .dropmenu ul { color: #8d897e; border-left: 1px solid #585745; }
.dropmenu ul { border-bottom: 1px solid #585745; border-right: 1px solid #585745; }
.dropmenu li { background: #040e0f; }
.dropmenu li:hover { background: #2d4a43; color: #8d897e; }
.dropmenu li.selectedOption {background: #040e0f; color: #8d897e;}
.dropmenu .scrollbar { background: #000; border-left: 1px solid #585745; border-right: 1px solid #585745; }
.dropmenu .scrollbar div { background: url(/templates/global/images/inter/scrollbar.png) repeat-y right;}