@charset "utf-8";
/* CSS Document */

a:active, a:focus {
	border:none;
	outline:none;
	position:relative;
	cursor:pointer;
}

.middlecontainer {
	clear:both;
	margin:auto;
	padding:0;
	width: 752px;
	/*background:transparent url("../qqgw1_images/bg-mainbg.gif") 0 28px no-repeat;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:none;
	line-height: 15px;
	color: #FFFFFF;
	position:relative;
}

.bg-diag	{
	background:transparent url("../qqgw1_images/qqgw1_diag_bg_pattern.gif");
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	}

.middlecontainer a {
	color:#ffb33f;
	text-decoration:none;
	}
	
.middlecontainer a:hover {
	color: #ffee9e;
	text-decoration:none;
	}
	
.middlecontainer h3 {
	font-size:12px;
	}
	
.middlecontainer .game-nav {
	
	margin:0 0 12px 0;
	padding:0;
	border-bottom:#666666 solid 1px;
	line-height:29px;
	background:transparent url('../qqgw1_images/bg-subnav.gif') top left repeat-x;
}
	
.middlecontainer .game-nav .game-nav-left {
	padding-left:12px;
}
	
.middlecontainer .game-nav .game-nav-right {
	position:absolute;
	top:0;
	right:0;
	width:85px;
	height:29px;
	background:transparent url('../qqgw1_images/bg-more.gif') top left repeat-x;
	text-align:center;
	border-left:1px solid #666;
}
	
.middlecontainer .game-nav .game-nav-right a {
	text-decoration:underline;
	width:85px;
	height:29px;
	display:block;
	background:url('../qqgw1_images/arrow-more.gif') 75% 50% no-repeat;
}
	
.middlecontainer .game-nav #more2 {
	/*z-index:2000;*/
	display:none;
	background:#171717;
	color:#fff;
	width:100%;
	padding-bottom:5px;
	clear:both;
}
	
.middlecontainer .game-nav #more2 .text {
	padding:10px;
	line-height:12px;
}
	
.middlecontainer .game-nav #more2 .text ul {
	width:140px;
	float:left;
	margin:0;
	padding:0 0 5px 0;
}
	
.middlecontainer .game-nav #more2 .text ul li {
	margin:0 0 5px 0;
	padding:0;
	list-style-type:none;
}
	
.middlecontainer .game-nav #more2 .text ul.extras {
	width:110px;
	float:left;
	margin:0;
	padding:0 0 15px 25px;
	border-left:1px solid #666;
}
	
.middlecontainer .gow {
	width: 359px;
	height: 224px;
	margin:0 0 13px 11px;
	float:left;
}
	
.middlecontainer .gow .mainimage {
	float:right;
	margin-left:-95px;
	z-index:1;
}
	
.middlecontainer .gow .description {
	width: 130px;
	height: 224px;
	background:transparent url('../qqgw1_images/bg-gow-trans.png') top right no-repeat;
	margin:0;
	padding:0;
	float:left;
	z-index:1000;
}
	
.middlecontainer ul.gow-nav {
	/*position:absolute;
	top:235px;
	left:16px;*/
	vertical-align:bottom;
	cursor:pointer;
}

.ui-tabs-hide { display: none; }
	
.middlecontainer ul.gow-nav li {
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}
	
.middlecontainer ul.gow-nav li a {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
	
.middlecontainer ul.gow-nav li a:hover, .middlecontainer ul.gow-nav li.ui-tabs-selected a {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
	
.middlecontainer .gow .description .text {
	margin:0;
	padding:15px;
	color:#b3b3b3;
	font-size:11px;
}
	
.middlecontainer .gow .description .text h1 {
	margin:0 0 10px 0;
	padding:0;
	text-transform:uppercase;
	color:#fff;
	font-size:14px;
}
	
.middlecontainer .gow .description .text p {
	margin:0 0 10px 0;
	padding:0;
}


	
.middlecontainer .search {
	width: 361px;
	height: 39px;
	line-height: 36px;
	margin:0 0 11px 10px;
	float:left;
	background:transparent url('../qqgw1_images/bg-search-trans.png') top left no-repeat;
	color:#fff;
	font-size:11px;
}
	
.middlecontainer .search h3 {
	text-transform:uppercase;
	display:inline;
	padding:0 8px 0 10px;
	font-weight:normal;
}
	
.middlecontainer .search h3 span {
	color:#b2b2b2;
}
	
.middlecontainer .search input.s {
	top:-1px;
	width:179px;
	height:32px;
	background:transparent url('../qqgw1_images/bg-search_field.gif') 0 0 no-repeat;
	border:none;
	padding:2px;
	font-family:Arial, sans-serif;
}
	
.middlecontainer .search input.go {
	width:44px;
	height:25px;
	background:transparent url('../qqgw1_images/button-go-trans.png') 0 100% no-repeat;
	border:none;
	display:inline;
	cursor:pointer;
	bottom:-1px;
}

.middlecontainer .playnowbg {
	background:transparent url('../qqgw1_images/qqgamesad-top.png') top left no-repeat;
	width: 361px;
	height: 39px;
	line-height: 36px;
	margin:0 0 11px 10px;
	float:left;
	color:#fff;
	font-size:11px;

}

.middlecontainer .playnowbg .playnow {
	top:-1px;
	width:84px;
	height:18px;
	background:transparent url('../qqgw1_images/button-playnow-trans.png') 0 100% no-repeat;
	border:none;
	display:inline;
	cursor:pointer;
	padding:2px;
}

.middlecontainer .playnowbg h3 {
	text-transform:uppercase;
	display:inline;
	padding:0 8px 0 10px;
	font-weight:normal;
}
	
.middlecontainer .playnowbg h3 span {
	color:#b2b2b2;
}
	
.middlecontainer .playnowbg input.s {
	top:-1px;
	width:179px;
	height:32px;
	background:transparent url('../qqgw1_images/bg-search_field.gif') 0 0 no-repeat;
	border:none;
	padding:2px;
	font-family:Arial, sans-serif;
}
	
	
.middlecontainer .box {
	position:relative;
	width: 361px;
	margin:0 0 11px 10px;
	float:left;
	color:#fff;
	font-size:11px;
}
	
.middlecontainer .box h3 {
	text-transform:uppercase;
	float:left;
	padding:12px 0 8px 12px;
	font-weight:normal;
}
	
.middlecontainer .box h3 a {
	color:#fff;
}
	
.middlecontainer .box h3 a:hover {
	color: #ffee9e;
	text-decoration:none;
}
	
.middlecontainer .box h4 {
	float:right;
	padding:12px 14px 8px 0;
	font-weight:normal;
}
	
.middlecontainer .box h4 a {
	text-decoration:underline;
	font-size:12px;
}
	
.middlecontainer  .ui {
	float:right;
	padding:12px 14px 8px 0;
	font-weight:normal;
	font-size:10px;
	line-height:16px;
	color:#666666;
}
	
.middlecontainer  .ui a {
	text-decoration:none;
	font-size:11px;
}

.middlecontainer  .ui .currentpage {
	font-weight:bold;
	font-size:11px;
	color: #999999;
}

.middlecontainer  .ui .button {
	vertical-align: top;
	margin:0px 3px 0px 3px;
	border:none;
}
	
.middlecontainer .box .games {
	float:left;
	width:106px;
	margin-left:10px;
	margin-bottom:10px;
	position:relative;
}

.middlecontainer .box .game-art {
	border-left: 1px solid #666666;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	margin:0px 0px 0px 1px;
	cursor:pointer;

}
	
.middlecontainer .box .games .ratings {
	position:absolute;
	top:-4px;
	right:-4px;
	width:31px;
	height:31px;
	line-height:31px;
	font-weight:bold;
	text-align:center;
	color:#333;
	font-size:10px;
	background:transparent url("../qqgw1_images/img-rating-trans.png") top left no-repeat;
}
	
.middlecontainer .box .games a {
	display:block;
	width:106px;
	height:26px;
	line-height:8px;
	font-size:9px;
	background:transparent url("../qqgw1_images/bg-box_title_btm-trans.png") top left no-repeat;
}
	
.middlecontainer .box .games a div {
	font-style:normal;
	padding-left:12px;
	padding-top:3px;
	padding-right:5px;
	color:#fff;
	cursor:pointer;
}
	
.middlecontainer .box .games a:hover div  {
	color:#ffee9e;
}

.middlecontainer .box .games a span {
	line-height:18px;
	font-style:normal;
	padding-left:12px;
	padding-top:3px;
	padding-right:5px;
	color:#fff;
	cursor:pointer;
}
	
.middlecontainer .box .games a:hover span  {
	color:#ffee9e;
}
	
.middlecontainer .box .games h5 {
	display:block;
	width:106px;
	height:22px;
	line-height:20px;
	font-size:10px;
	font-weight:normal;
	margin-left:-1px;

	background:transparent url("../qqgw1_images/bg-box_title_top-trans.png") top left no-repeat;
}
	
.middlecontainer .box .games h5 em {
	font-style:normal;
	padding-left:12px;
}

.middlecontainer .newest-multi {
	height: 175px;
	background:transparent url('../qqgw1_images/bg-highest.gif') top left no-repeat;
	position:static;
}

.middlecontainer .search-results {
	background:transparent url('../qqgw1_images/bg-search-results.gif') repeat-x;
	position:static;
	border: 1px solid #666666;
	width:720px;
	padding-bottom:0px;
	
}

.middlecontainer .highest {
	width: 359px;
	height: 194px;
	background:transparent url('../qqgw1_images/bg-highest.gif') top left no-repeat;
}
	
.middlecontainer .highest .games .ratings {
	top:16px;
}
	
.middlecontainer .upsell {
	height:253px;
	background:transparent url('../qqgw1_images/bg-ads.gif') top left no-repeat;
	text-align:center;
	margin:-19px 0 0 8px;
}

.middlecontainer .mostplayed {
	background:transparent url('../qqgw1_images/bg-mostplayed.gif') top left no-repeat;
	height:234px;
}

.middlecontainer .mostplayed ul {
	margin:0 0 0 0;
	padding:0;
	list-style-type:none;
	width:100%;
}

.middlecontainer .mostplayed ul li {
	margin:0 -17px 0 1px;
	padding:0;
	list-style-type:none;
	display:block;
	line-height:27px;
	height:27px;
	float:left;
	overflow:hidden;
	position:relative;
	_top:1px;
}

.middlecontainer .mostplayed ul li#firsttab {
	margin-right:-35px;
}
.middlecontainer .mostplayed ul li.ui-tabs-selected {
	z-index:100;
}

.middlecontainer .mostplayed ul li a {
	width:96px;
	height:27px;
	background:transparent url('../qqgw1_images/tabs-off-trans.png') top left no-repeat;
	position:relative;
	z-index:1;
}

.middlecontainer .mostplayed ul li a.last {
	width:96px;
	height:27px;
	background:transparent url('../qqgw1_images/tabs-off-last-trans.png') top left no-repeat;
}

.middlecontainer .mostplayed ul .ui-tabs-selected a, .middlecontainer .mostplayed ul .ui-tabs-selected a.first, .middlecontainer .mostplayed ul .ui-tabs-selected a.last {
	background:transparent url('../qqgw1_images/tabs-on-trans.png') top left no-repeat;
	color:#333;
}

.middlecontainer .mostplayed ul .ui-tabs-selected a.first {
	width:113px;
}

.middlecontainer .mostplayed ul li a {
	display:block;
}

.middlecontainer .mostplayed ul li a span {
	padding-left:20px;
}

.middlecontainer .mostplayed ul li a.first {
	background:transparent url('../qqgw1_images/tabs-off-trans.png') -20px 0 no-repeat;
	margin-left:-10px;
}

.middlecontainer .mostplayed ul li.first a span {
	padding-left:35px;
}

.middlecontainer .topgames {
	background:transparent url('../qqgw1_images/bg-category-box.gif') repeat-x;
	width:750px;
	margin-top:15px;
	border-left:1px solid #666666;
	border-right:1px solid #666666;	
	margin-left:0;
	margin-bottom:0;
}

.middlecontainer .topgames .box {
	background:transparent url('../qqgw1_images/bg-topgames_games.gif') top left no-repeat;
	width:235px;
	height:171px;
}

.middlecontainer .topgames .box .games {
	margin-left:8px;
}


.bottom-ui	{
	background: url('../qqgw1_images/bg-bottom-ui.gif') bottom no-repeat;
	height:30px;
	clear:both;
	width:722px;
	position:static;
	margin:0px 0px 5px 10px;
	padding-bottom:5px;
	}
	
	
.middlecontainer .bottom-bg-cap	{
	margin:-3px 0px -5px 0px;
	position:relative;
	height:5px;
	}

/* Toolkit */

/*
	LAYOUT TOOLS
*/
.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.clear				{ clear: both; }
.layoutCenter			{ margin: 0 auto; }
.textCenter			{ text-align: center; }
.textRight			{ text-align: right; }
.textLeft			{ text-align: left; }
/*
	PRINT TOOLS
*/
.page-break 			{ page-break-before: always; }
/*
	TYPOGRAPHIC TOOLS
*/
.error				{ border: 1px solid #fb4343; padding: 3px; color: #fb4343; }
.warning			{ border: 1px solid #d4ac0a; padding: 3px; color: #d4ac0a; }
.success			{ border: 1px solid #149b0d; padding: 3px; color: #149b0d; }
.callOut			{ font-size: 125%; font-weight: bold; }
.strikeOut			{ text-decoration: line-through; }
.underline			{ text-decoration: underline; }
.resetTypeStyle			{ font-weight: normal; font-style: normal; font-size: 100%;
					  text-decoration: none; background-color: none; word-spacing: normal;
					  letter-spacing: 0px; text-transform: none; text-indent: 0px; }
/*
	DISPLAY VALUES
*/
.hide				{ display: none; }
.show				{ display: block; }
.invisible			{ visibility: hidden; }
	
/*
	Clear
*/
.clear {	
    content: '.';
	clear: both; 
	height: 0px; 
	font-size: 1px; 
	border: none; 
	margin: 0; padding: 0; 
	background: transparent; 
	visibility: hidden;
}