﻿html, body, div, p, ul, li {
	margin: 0;
	margin-top: 0;
	margin-bottom:0;
	padding: 0;
	border: 0;
	font:normal 12px georgia,arial,sans-serif; color:#000
}
input,select,textarea{
	border:1px #3274D0 solid
}
fieldset {
    margin: 10px 0 10px 0;
	border: 1px solid #478D21;
	padding: 5px 5px 5px 5px
}
legend {
    font-size:14px;
	font-weight: bold;
	color: #000
}

hr {border:1px #800000 solid}
a:link {text-decoration: none;color:#0066A7}
a:visited {text-decoration: none;color: #fc4128}
a:active {text-decoration:none}
a:hover {color: #478D22;text-decoration:underline}
#ft{height:15px;width:950px;background-color:#7CBA0F;color:#ffffff;text-align:center;padding-top:5px;font-size:10px;border:1px #D5FAFF solid;margin:0 auto}
#ft a:link{text-decoration:underline;color:#fff}
#ft a:visited {text-decoration:underline;color:#fff}
#ft a:hover {text-decoration:none;color: #3274D0}
#noVST a:visited{color:#0066A7}
#noVST a:hover{color:#478D22}

img{max-width:100%;border:0}

#header {
	width:100%;
	height:40px;
	background-color:#3274D0;
	text-align:center;
	margin-bottom:39px
}
#hcontent {
	width:950px;
	margin: 0 auto; 
	position:relative
}
#hlogo {
	height:65px;
	width:250px; 
	border:1px #3274D0 solid; 
	position:absolute;
	right:0;
	top:5px;
	background:#fff url('../../media/img/logo.gif') center center no-repeat
}
#hmenu {
    position:absolute;
    padding-left:1px;
    top:50px;
    left:0;
    list-style:none
}
#hmenu li{
font:bold 14px Arial, Helvetica, sans-serif;
display:inline
}
#hmenu li a:visited{
	text-decoration: none;
	color:#0066A7;
	display:inline
}
#hmenu li a:hover{
	text-decoration: none;color:#478D22;
	background:#fff url('../../media/img/lin.gif') center center repeat-x;
	display:inline
}

.hslogan{width:auto;float:left; margin-top:10px;color:#ffffff;font:bold 14px georgia,arial,sans-serif;}

.snbtndiv{width:100%;margin-top:15px}
.snbtnul{list-style:none;margin-bottom:9px}
.snbtnrl{display:inline;padding-right:10px}
.snbtnll{display:inline;padding-left:10px}

.hdFrm{display:none}
.clearboth {clear: both}
.underline{text-decoration:underline}
.inlul{list-style:none}

div.hline{
	height:2px;
	width:100%;
	background-image:url('../../media/img/hdot.gif');
	background-repeat:repeat-x;
}
div.alertbox{
	border:2px #FF0000 solid;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	background-color:#FF9000;
	width:99%;
    height:20px;
	margin: 0 auto
}
.cmBox{padding:10px 0 10px 0;border:2px #800000 dashed;width:99%;}

.sp4tl{color:#8C1306; font-weight:bold}

.linkBox{
	background-color: #000000; 
	color: #ffffff; 
	width: 95%; 
	height: 20px; 
	font-family: verdana,geneva; 
	font-size: 12px; 
	font-weight: 600; 
	border: 1px solid #000000;
}

/*Title Text*/
h1{font:bold 16px georgia,arial,sans-serif;margin:0}
.cTitle{font:bold 14px georgia,arial,sans-serif;}
.lTitle{font:bold 16px georgia,arial,sans-serif;}

/*button*/
.button{
    height:22px;
    border:1px #C0C0C0 outset;
	background-color:#ffffff;
	color:#000000;
	font-weight:bold
}
.button:hover{
    height:22px;
	border:1px #C0C0C0 inset;
	color:#478D22;
	font-weight:bold;
	cursor: pointer
}

.sort{display:inline;padding:1px}

/*cTitle box interface*/
.cTitleBox{border-left: 5px solid #3274D0;border-right: 5px solid #3274D0;border-top: 1px dotted #3274D0;border-bottom: 1px dotted #3274D0}

/*side bar interface*/
.sptop {
    width:250px;
	border:#478D21 1px solid;
	padding:0 0 4px 0;
	background-color:#7CBA0F;
	margin:5px 0 0;
	height:auto;
}
.sptop .title {
	font-weight:bold;
	font-size:14px;
	margin:5px 4px 2px;
	overflow:hidden;
	width:auto
}
.sptop .sptophd {
	height:100%
}
.sptop ul {
	border:#d3e2bf 1px solid;
	padding:4px;
	margin:4px 4px 0px;
	list-style-type:none;
	background:#fff;
	height:1%
}
.sptop ul li {
    font-size:10px;
	overflow:hidden;
	line-height:20px;
	border-bottom:#ddd 1px dotted;
	height:20px
}
.sptop ul li a {
    font-size:10px;
    display:block;
	line-height:20px;
	height:20px;
	float:left;
}
.sptop ul li:hover {
	background:#f0f7f9;
}
.sptop ul li span {
	float:right;
	color:#777
}

/*index show 4 games*/
.top {
	width: 100%;
	margin: 3px 0px 6px 0px;
	border: 1px #cccccc solid;
}
.fan {
	width: 150px;
	float: left;
	margin: 4px 0px 4px 0px;
}
.sgtop {
	width: 165px;
	height:150px;
	margin-right: 1px;
	border: 1px #cccccc solid;
	border-top:4px #cccccc solid;
}
.sgbottom {
	width: 160px;
	height:150px;
	margin-right: 1px;
	border: 1px #cccccc solid;
	border-bottom: 4px #cccccc solid;
}
.sgbtmctn{
    margin-top:3px;
	text-align:center;
}
.sgfooter{
	font-size:10px;
	padding:5px 0 5px 0;
	text-align:center;
}
.gat {
	margin-top: 4px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 4px;
	padding-top: 4px;
	padding-bottom: 0;
	padding-right: 0;
	padding-left: 0;
}
.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}
/*beacon*/
.bcontainer {
   margin-bottom:20px
}
#bnav {
    padding: 0 0 6px 0;
    border-bottom: 1px solid #9FB1BC;
}
#bnav li {
    display: inline;
    list-style-type: none;
}
#bnav a:hover  {
    color: #478D22;
    background: url(../../media/img/circle.gif) no-repeat bottom center;
}
#bnav a:link,#bnav a:visited,#bnav a:active {
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    padding: 0 6px 6px 6px;
    text-decoration: none;
    color: #708491;
}

/*contact form*/
.ctitle{font-size:14px;font-weight:bold;color:#666666;margin-top:10px}
.ctableborder{border:#CCCCCC 1px solid;}
.cheader{background-color:#DDDDDD;font-weight:bold;font-size:12px;color:#666666}
.cnormal{background-color:#F7F7F7;font-size:12px;color:#666666}
.cinfo{font-size:10px; color:#666666}

#comForm{background-color:#C8E1FB;padding:5px}
#comFormInner{border:1px #F7F7F7 solid;padding:10px}

/*fg box*/
.fgct{padding-bottom:5px;font-weight:bold}

/*Comment block*/
.LeaveComment {
display: block;
width: 690px;
background-color: #e9e9e9;
padding: 5px 0 5px 0;
}
.CommentHeading {
text-align:center;
font-weight: bold;
font-size: 16px;
margin: 0 0 10px 10px;
}
.CommentTime {
text-align:left;
font-weight: bold;
font-size: 12px;
color: #000000;
margin: 0 0 0 50px;
}
.CommentBalloon {
width: 600px;
display: block;
background-color: #ffffff;
margin: 0 0 15px 0;
}
.CommentTrim {
padding: 0;
}
.CommentText {
width: 600px;
background-color: #fff;
}
.bdtl{
	width:100%;font-size:16px;font-weight:bold; text-align:center;background-color: #7CBA0F; color:#ffffff;height:25px;margin-bottom:10px;padding-top:5px; border:1px #478D21 solid
}
.attn{
	width:100%;font-size:16px;font-weight:bold; text-align:center;background-color: #FF5500; color:#ffffff;height:25px;margin-bottom:15px;padding-top:5px; border:1px #478D21 solid
}
.attnTitle{
	border-bottom:2px #000000 solid;text-align:center;width:336px;font-size:16px;font-weight:bold;padding-bottom:1px;margin:0 auto
}
.attnBlck{
text-align:left;
margin:5px 8px 0 5px
}
.attnExp{padding:2px 0 0 5px;text-align:justify}
.attnhr{height:15px}
.attnfnt{color:#478D21;font-weight:bold}
.attnlftlst{display:inline;float:left}
.attnrgtlst{display:inline;float:right}
.attnfooter{text-align:center;font-weight:bold;margin-top:25px}
.attnlvgfct{width:100%}
.attnlvgfwr{width:auto;height:auto;margin:0 auto;padding:0 2px 5px 0}

/*browse file button*/
#FileUpload {
    position:relative;
}

#BrowserVisible {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background:url(../../media/img/upload.gif) 100% 0px no-repeat;
    height:25px;
    width:280px;
}

#FileField {
    width:185px;
    height:21px;
    margin-right:85px;
    border:solid 1px #000;
    font-size:16px;
}

#BrowserHidden {
    position:relative;
    width:280px;
    height:25px;
    text-align: right;
    -moz-opacity:0;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
}

.ajaxpgn {
	padding: 3px;
	margin: 3px;
}
.ajaxpgn a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	text-decoration: none; /* no underline */
	color: #000099;
}
.ajaxpgn a:hover, div.ajaxpgn a:active {
	border: 1px dashed #000099;
    color: #000;
}
.ajaxpgn .current {
    padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000099;
	background-color: #000099;
	color: #FFF;
}
.ajaxpgn .current.prev, .ajaxpgn .current.next{
	color:#999;
	border-color:#999;
	background:#fff;
	font-weight: bold;
}

/*Theme: inphecthyuz Author: Infected-FX URL: www.infectedfx.net*/
#grid td, th {
    vertical-align:top;
    text-align:center;
	padding: 4px;
}
#grid thead th {
	text-align: center;
	background-color:#F5F5F5;
	color: #7CBA0F;
	border: 1px solid #FFF;
}
#gtby tr,#gtby2 tr,#gtby3 tr{
	background-color:#FFF; 
	text-align:left;
	}
#gtby tr td,#gtby2 tr td,#gtby3 tr td{
    vertical-align:top;
    text-align:center;
    font-size:12px; 
	height:25px;
	background: #FFF;
	border: 1px solid #FFF;
	}
#grid tfoot th, tfoot td {
    vertical-align:middle;
	background-color:#fff;
	text-align:center;
	padding:10px; 
	border-bottom:3px solid #CCC;
	border-top:1px solid #DFDFDF;
}
.gcaption{
	background:#50ADEA url(../../media/img/corner.gif) no-repeat right top;
	border-bottom:2px solid #1975d7;
	color: #FFF;padding:5px;text-align:left
} 
.gridtbl{
	border-spacing:1px;
	background-color:#E7E7E7;
	width:100%
}


* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#facebox .tl {
  background:url(../../media/img/tl.png);
}
#facebox .tr {
  background:url(../../media/img/tr.png);
}
#facebox .bl {
  background:url(../../media/img/bl.png);
}
#facebox .br {
  background:url(../../media/img/br.png);
}
#facebox .bb {
  background:url(../../media/img/bb.png);
}
#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}
#facebox .popup {
  position: relative;
}
#facebox table {
  border-collapse: collapse;
}
#facebox td {
  border-bottom: 0;
  padding: 0;
}
#facebox .body {
  padding:5px 5px 0 10px;
  background: #fff;
  width: auto;
}
#facebox .loading {
  text-align: center;
}
#facebox .image {
  text-align: center;
}
#facebox img {
  border: 0;
  margin: 0;
}
#facebox .footer {
  border-top: 2px solid #DDDDDD;
  padding:5px 10px 5px 0;
  margin-top: 5px;
  text-align: right;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}
#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.facebox_hide {
  z-index:-100;
}
.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

.jquery-checkbox .mark{display: inline;}.jquery-checkbox img {vertical-align: middle; width: 60px; height: 20px;}.jquery-checkbox img{background: transparent url(../../media/img/checkbox.png) no-repeat;}.jquery-checkbox img{background-position: 0px 0px;}.jquery-checkbox-hover img{background-position: 0px -20px;}.jquery-checkbox-checked img{background-position: 0px -40px;}.jquery-checkbox-checked .jquery-checkbox-hover img{background-position: 0px -60px;}.jquery-checkbox-disabled img{background-position: 0px -80px;}.jquery-checkbox-checked .jquery-checkbox-disabled img{background-position: 0px -100px;}
.divBorder{width:250px;border: 1px solid #3274D0;margin-top:10px}
.titleMenu{background-color:#3274D0;text-align:center;margin:10px;padding:5px}
.titleBtn{width:190px;font-size:14px;font-family:georgia,arial,sans-serif;font-weight:bold;color:#ffffff;background-color:#3274D0;border:0;cursor:pointer}
.btnMenu{text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#FFFFFF;background-color:#7CBA0F;border: 1px solid #3274D0;width:170px;height:24px;cursor:pointer}
.subMenu{text-align:center;margin:10px}
#listMenu{list-style:none}
#listMenu li{display:block;margin:5px}

#gameLauncher{margin:0 auto;width:200px}
.lncarw{margin:0 auto;width:21px;padding-bottom:4px}
.mntctn{margin:0 auto;width:169px;height:115px}
.mntimgctn{margin: 0 auto;width:100px}
.mntpos{margin: -110px 0 0 0}

#backgroundPopup{
display:none;
position:fixed;
_position:absolute;
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px #cecece solid;
z-index:1;
opacity:0.7;
}
#popupCt{
display:none;
position:fixed;
_position:absolute;
height:auto;
width:auto;
border:2px #cecece solid;
z-index:2;
}
#popupPlayer{
height:auto;
width:900px;
background-color:#000000;
padding:2px 2px 0 2px;
border-bottom:2px #cecece solid
}
#popupCtCls{
color:#ff0000;
font-weight:bold;
}

.box-ctn{width:100%;}
.box-head{background:url(../../media/img/txtbox_hb.png) top left no-repeat;height:15px;margin-bottom:-5px;}
.box-head .box-head-right{background:url(../../media/img/txtbox_hr.png) top right no-repeat;float:right;height:15px;width:11px;}
.box-body{border-right:1px solid #e7e7e7;border-left:1px solid #e7e7e7;padding:0px 10px 10px 10px;height:100%;}
.box-content{padding:2px 4px 2px 4px;margin:5px 5px 5px 5px;text-align:justify;overflow:auto;height:140px;border:1px #c0c0c0 dashed;}
.box-tlt{text-align:left;font-size:14px;margin-bottom:5px;}
.box-bottom{background:url(../../media/img/txtbox_btm.png) left bottom no-repeat;height:31px;}
.box-bottom-right{background:url(../../media/img/txtbox_btm_r.png) bottom right no-repeat;float:right;height:31px;width:3px;}
.box-title{color:#ffffff; float:left; margin:5px 0px 0px 15px;}
.box-cur{float:right;width:100px;height:25px;padding-top:3px;margin-right:40px;text-align:center;background:url(../../media/img/txtbox_btn.png) no-repeat;color:#67aa07;}

.snTlt{font-size:10px;font-weight:bold;text-align:center;padding-bottom:2px;width:111px;border:1px #62243C solid;margin-bottom:4px;color:#3D1725}
.snImgCtn{width:70px;height:70px;border:2px #3274D0 solid}
.snFtTxt{font-size:10px;text-align:center;width:70px}

.smMenu{font-size:14px;text-align:left;font-weight:bold}
.smLink{font-size:12px;text-align:left}

