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

/*======================================================================
	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: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#contentEnd { width: 900px; height: 30px; margin: 0 auto; padding: 0 22px;
	background: #FFFFFF 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'); }

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

/*======================================================================
	Pod
======================================================================*/
.podHeader { height: 17px; padding: 4px 6px; background: #9DF001 url('../images/friend_top.jpg') left top no-repeat; color: #FFFFFF; }
.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: #FFFFFF; background: #858DD7; padding: 8px 4px 4px 4px; border: 6px solid #ffffff; border-width: 6px 0 0 0; }
.gameListTable .subhead2 td { background: #EEEEEE; color: #666666; font-size: 0.8em; border-bottom: 1px solid #CCCCCC; }
.gameListTable tfoot td { background: #EEEEEE; text-align: center; vertical-align: middle; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
.gameListTable tr.odd td { background: #EEEEFF; }
.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.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 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 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;
}

/*======================================================================
	Special
======================================================================*/
#mainBanner { margin-bottom: 16px; height: 230px; overflow: hidden; }
.ccPanel { height: 230px; }
.bluemaxBanner { background: #FFFFFF url('../images/banner_bluemax_1.jpg') top left repeat-x; }
.bluemaxBanner p { color:#FFFFFF; padding: 0 20px; }
.bluemaxBanner a { color:#FFFFFF; text-decoration: underline; }

/*======================================================================
	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; }