@charset "utf-8";
/* CSS Document */
* { font-family: Verdana, Arial, Helvetica, sans-serif }
body { margin: 0; background: #6A6A6A url('../images/page_bg.jpg') top repeat-x; font-size: 80%; }

/*======================================================================
	Fonts
======================================================================*/
/*#content { font-size:90%; }*/
h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; margin: 0.6em 0 0.6em 0; }
h3, h4, h5, h6 { margin: 0.6em 0 0.6em 0; }
p { margin: 0 0 0.6em 0; }
a { color: #47629E; text-decoration: none; }
a:hover { text-decoration: underline; }
ul { margin-left:0; padding-left:2em; }
.small { font-size:80%; }
.clear, .clearer { clear: both; }

/*======================================================================
	Font-Face
======================================================================*/

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../fonts/League_Gothic-webfont.eot');
    src: url('../fonts/League_Gothic-webfont.eot?iefix') format('eot'),
         url('../fonts/League_Gothic-webfont.woff') format('woff'),
         url('../fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('../fonts/League_Gothic-webfont.svg#webfont1Lb5Pdit') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1.LeagueGothic {font: 30px/32px 'LeagueGothicRegular', Arial, sans-serif; letter-spacing:0; margin:0 0 0.4em 0;}

/*======================================================================
	Structure
======================================================================*/
#header { height: 121px; width: 960px; margin: 0 auto; padding: 0; background: url('../images/content_top.gif') center bottom no-repeat; }
#content { margin: 0; background: url('../images/page_shadow.jpg') top center repeat-x; }
#contentInner { width:900px; min-height:400px; margin:0 auto; padding:0 22px; background-color:#FFF; border:1px solid #FFF; border-width:1px 0; }
#contentEnd { width:900px; height:30px; margin:0 auto; padding:0 22px; background:#FFF url('../images/content_bottom.gif') center bottom no-repeat; }
#footer { width: 900px; margin: 8px auto 0 auto; padding: 12px 22px; background: #6A6A6A url('../images/footer_bg.jpg') center top no-repeat; height: auto !important; height: 160px; min-height: 160px; }

/*======================================================================
	Text
======================================================================*/
#contentInner,
#header,
#footer { font-family: Verdana, Arial, Helvetica, sans-serif; }
p { margin: 0 0 0.6em 0; }
h1, h2, h3 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.2em; }
h3 { padding: 0; margin: 1em 0 0.3em 0; }

/*======================================================================
	Header menu
======================================================================*/
#logo { float: left; }

#tools { position: absolute; left: 50%; margin-left: 199px; width: 281px; z-index:2000; } 
#tools form { padding: 0; margin: 0; }
#tools .body { padding: 3px 10px 0 10px; background: #666666 url('../images/tools_bg.gif') bottom left no-repeat; color: #CCCCCC; }
#tools .base { height: 5px; background: url('../images/tools_base.gif') bottom left no-repeat; }
#tools a { color: #FFFFFF; text-decoration: none; }
#tools a:hover { color: #FFFFFF; text-decoration: underline; }

#menu { float: left; margin: 40px 0 0 30px; padding: 0; height: 30px; list-style: none; }
#menu li { float: left; margin: 0; padding: 1px 2px; height: 28px; background: url('../images/menu_bg.gif') top repeat-x; }
#menu li.first { width: 8px; padding: 1px 0; background: url('../images/menu_left.gif') top left no-repeat; }
#menu li.last { width: 8px; padding: 1px 0; background: url('../images/menu_right.gif') top right no-repeat; }
#menu li a { display: block; color: #FFFFFF; padding: 5px 12px 0 12px; height: 23px; text-decoration: none; }
#menu li a:hover { display: block; color: #FFFFFF; text-decoration: none; background-color:#000000; }

/*======================================================================
	Footer
======================================================================*/
#footer { font-size: 0.9em; }
#footer a { color: #000000; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/*======================================================================
	Notice
======================================================================*/
.notice { background-color: #FFFF99; padding: 4px 8px; border: 2px solid #CC9900; 
	border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; }

/*======================================================================
	Columns
======================================================================*/
.columnLeft { width: 290px; float: left; }
.columnRight { width: 290px; float: right; }
.columnCenter { margin: 0 305px; }
.columnTwoLeft { margin: 0 305px 0 0; }
.columnTwoRight { margin: 0 0 0 305px; }

.columnHeader {
	background: url('../images/columnHeader_hexcell.jpg') top right repeat-x;  
	color: #FFFFFF;
	font-weight: bold;
	padding: 20px 5px 0 5px;
	margin: 0 0 8px 0;
	height: 20px;
	border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	-khtml-border-radius: 8px 8px 0 0;
}
.columnHeaderBlueMax { background-image: url('../images/columnHeader_bm.jpg'); }
.columnHeaderDeduce { background-image: url('../images/columnHeader_deduce.jpg'); }
.columnHeaderOrange { background-image: url('../images/columnHeader_orange.jpg'); }

.columnSubHeader {
	background: #9DF001;  
	color: #FFFFFF;
	padding: 4px 5px;
	margin:  8px 0 0 0;
	height: 17px;
}
.columnSubHeaderBlueMax { background: #858DD7; }
.columnSubHeaderDeduce { background: #704ED3; }

/*======================================================================
	Pod
======================================================================*/
.podHeader { height: 17px; padding: 4px 6px; background: #9DF001 url('../images/friend_top.jpg') left top no-repeat; color: #FFF; }
.podBody { padding: 4px; border: 1px solid #679B03; border-width: 1px 1px 0 1px; }
.podFooter { height: 8px; background: url('../images/friend_bottom.gif') left bottom no-repeat; margin-bottom: 10px; }

/*======================================================================
	Game list table
======================================================================*/
.gameListTable {}
.gameListTable td { padding: 2px 5px; vertical-align: top; }
.gameListTable .subhead td { font-weight: bold; color: #FFF; background: #858DD7; padding: 8px 4px 4px 4px; border: 6px solid #FFF; border-width: 6px 0 0 0; }
.gameListTable .subhead2 td { background: #EEE; color: #666; font-size: 0.8em; border-bottom: 1px solid #CCC; }
.gameListTable tfoot td { background: #EEE; text-align: center; vertical-align: middle; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.gameListTable tr.odd td { background: #EEF; }
.gameListTable tr.hover td { background: #C8CCEE; }

/*======================================================================
	Game summary table
======================================================================*/
.gameSummaryTable { }
.gameSummaryTable td { padding: 2px 0; vertical-align: middle; }
.gameSummaryTable tr.superior td { padding: 2px 0 0 0; }
.gameSummaryTable tr.inferior td { padding: 0 0 2px 0; font-size: 80%; }

.gameSummaryTable td a.bigLabel {
	float:left;
	margin-left: 5px;
	display: block;
	padding: 20px 5px 5px 5px;
	height: 30px;
	width: 195px;
	border: 1px solid #7777CC;
	border-right: none;
	background: #EEEEFF;
	text-align: right;
	text-decoration: none;
	border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
	-webkit-border-radius: 8px 0 0 8px;
	-khtml-border-radius: 8px 0 0 8px;
}

.gameSummaryTable tr.superior td a.bigLabel {
	border-bottom: none;
	border-radius: 8px 0 0 0;
	-moz-border-radius: 8px 0 0 0;
	-webkit-border-radius: 8px 0 0 0;
	-khtml-border-radius: 8px 0 0 0;
}

.gameSummaryTable tr.wide td a.bigLabel {
	width: 461px;
}

.gameSummaryTable tr.superior td a.bigLabelFull {
	width: 275px;
	border-right: 1px solid #7777CC;
	text-align: center;
	border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	-khtml-border-radius: 8px 8px 0 0;
}

.gameSummaryTable td a.bigLabel:hover { background: #C8CCEE; }

.gameSummaryTable td a.bigNumber { float:left;
	margin-right: 5px;
	display:block;
	padding: 5px;
	width: 70px;
	height: 45px;
	border: 1px solid #7777CC;
	border-left: none;
	background: #858DD7;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	border-radius: 0 8px 8px 0;
	-moz-border-radius: 0 8px 8px 0;
	-webkit-border-radius: 0 8px 8px 0;
	-khtml-border-radius: 0 8px 8px 0;
}

.gameSummaryTable tr.superior td a.bigNumber {
	border-bottom: none;
	border-radius: 0 8px 0 0;
	-moz-border-radius: 0 8px 0 0;
	-webkit-border-radius: 0 8px 0 0;
	-khtml-border-radius: 0 8px 0 0;
}

.gameSummaryTable tr.wide td a.bigNumber {
	width: 100px;
}

.gameSummaryTable td a.bigNumber:hover { background: #7777CC; }
.gameSummaryTable td a.bigNumber .big { font-size: 180%; font-weight: bold; }

.gameSummaryTable td div.subLabel {
	float:left;
	text-align: center;
	width: 195px;
	margin-left: 5px;
	padding: 2px 5px 3px 5px;
	border: 1px solid #999999;
	border-top: none;
	border-right: none;
	color: #666666;
	border-radius: 0 0 0 8px;
	-moz-border-radius: 0 0 0 8px;
	-webkit-border-radius: 0 0 0 8px;
	-khtml-border-radius: 0 0 0 8px;
}

.gameSummaryTable tr.wide td div.subLabel {
	width: 461px;
}

.gameSummaryTable td div.subLabelFull {
	width: 275px;
	text-align: center;
	border-right: 1px solid #999999;
	border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	-khtml-border-radius: 0 0 8px 8px;
}

.gameSummaryTable td div.subNumber {
	float:left;
	margin-right: 5px;
	padding: 2px 0 3px 0;
	width: 80px;
	border: 1px solid #999999;
	border-top: none;
	border-left: none;
	background: #EEEEEE;
	color: #666666;
	text-align: center;
	border-radius: 0 0 8px 0;
	-moz-border-radius: 0 0 8px 0;
	-webkit-border-radius: 0 0 8px 0;
	-khtml-border-radius: 0 0 8px 0;
}

.gameSummaryTable tr.wide td div.subNumber {
	width:110px;
}

/*======================================================================
	Special
======================================================================*/
#mainBannerContainer { position:relative; height: 230px; margin-bottom: 16px;  }

#mainBanner { height: 230px; overflow: hidden; margin-right:290px; }
.ccPanel { height: 230px; }

.bluemaxBanner { background: #FFF url('../images/banner_bluemax_1.jpg') top left repeat-x; }
.bluemaxBanner p { color:#FFF; padding: 0 20px; }
.bluemaxBanner a { color:#FFF; text-decoration: underline; }

.deduceBanner { background: #FFF url('../images/home_banner_deduce_bg.jpg') top left repeat-x; }
.deduceBanner p { color:#FFF; padding: 0 40px; }
.deduceBanner a { color:#FFF; text-decoration: underline; }


#loginBanner { position:absolute; top:0; right:0; padding:10px; width:270px; height:210px; background: url('../images/banner_login_box.jpg') top left no-repeat; color:#604D37; }

#loginHome,
.featureBox { padding:5px 10px; width:270px; height:70px; background: url('../images/banner_login_box.jpg') top left no-repeat; color:#604D37; border:1px solid #9F805D; }
#banlog_username, #banlog_password { background:#FFF; border:1px solid #9F805D; padding:1px 4px; width:120px; }
#loginHome label img { margin-top:2px; }

/*======================================================================
	Rounded Corners
======================================================================*/
.rounded3 { border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }
.rounded4 { border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; }
.rounded6 { border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; }
.rounded8 { border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; }

.roundtop3 { border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -khtml-border-radius:3px 3px 0 0; }
.roundtop4 { border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; -khtml-border-radius:4px 4px 0 0; }
.roundtop6 { border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; -khtml-border-radius:6px 6px 0 0; }
.roundtop8 { border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; -khtml-border-radius:8px 8px 0 0; }

.roundbot3 { border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -khtml-border-radius: 0 0 3px 3px; }
.roundbot4 { border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; }
.roundbot6 { border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; -khtml-border-radius: 0 0 6px 6px; }
.roundbot8 { border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; -khtml-border-radius: 0 0 8px 8px; }