
.TabbedPanels {
	margin: 0px; 
	padding: 0px;
	float: left;
	clear:  both;
	width: 620px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

 .TabbedPanHead{
    background-color:Red;
 }
.TabbedPanelsTabGroup {
	margin: 0px;
	padding-left: 5px;
    background-color:#f4fcff;
    height:24px;
}


.TabbedPanelsTab {
	float: left;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	width:59px;
	font-family: sans-serif;
	font-size: 12px;
	height: 24px;
	line-height:24px;
	margin: 0 1px 0 0;
	padding: 0 2px 0 6px;
	color:red;
	font-weight:bold;
}
.TabbedPanelsTab1 {
	float: left;
	
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	width:12px;
	font-family: sans-serif;
	font-size: 12px;
	height: 24px;
	line-height:24px;
	margin: 0 1px 0 0;
	padding: 0 4px 0 4px;
	color:#0275c6;
	font-weight:bold;
}
.TabbedPanelsTab2 {
	float: left;
	
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	width:14px;
	font-family: sans-serif;
	font-size: 12px;
	height: 24px;
	line-height:24px;
	margin: 0 1px 0 0;
	padding: 0 2px 0 6px;
	color:#0275c6;
	font-weight:bold;
}

.TabbedPanelsTabHover {
	background-color:#d5f6fe;
}

.TabbedPanelsTabSelected {
	background-color:#d5f6fe;
	color:#FF0000;
	font-weight:bold;

}


.TabbedPanelsTab a {
	color: red;
	text-decoration: none;
}


.TabbedPanelsContentGroup {
	clear: both;
	
	background-color: #fff;
	padding-left:25px;
	padding-right:25px;
}


.TabbedPanelsContent {
	padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}


.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20px;
	background-color: #EEE;
	position: relative;
}


.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}


.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20px;
}
 
.menu {
	font-size: 14px;
	background:url(bg_menu_100518.gif) repeat-x;
	height:39px;
}
.menu ul{ margin:0; padding:0;}
.menu ul li{ width:116px; margin:0 10px; float:left; height:39px; line-height:39px; list-style:none; list-style-position:outside; text-align:center; color:#7a7777; font-size:12px; font-weight:bold; word-spacing:20px; background:url(bg_menu_100518_hover02.gif) no-repeat;}
.menu ul li a{ text-decoration:none; height:39px; line-height:39px; color:#018abd; font-size:12px; font-weight:bold;}
.menu ul .lihover{ width:116px; margin:0 10px; float:left; height:39px; line-height:44px; list-style:none; list-style-position:outside; text-align:center; background:url(bg_menu_100518_hover.gif) no-repeat; color:#7a7777; word-spacing:20px;}
.menu ul .lihover span{ font-size:14px; color:#f11313; word-spacing:20px;}
 
.menu ul li.right{ float:right; width:40px; line-height:39px; border:0; background:none;}

.gamelistbody{
    display:none;  z-index:201; width:100%;  position:absolute;  top:30px;  height:338px; text-align:center;
}
.gamelistbody table.main{
    
}
.gamelistbody .content{
     background-color:#fff;

}
.newgame{

}
