/* CSS Document */
body{margin: 0px; padding:0; font-size:12px; color:#666; font-family:Verdana, Geneva, sans-serif; background:#0e93cb;}
dl,dt,dd,ul,li,h1,h2,form,input,textarea,p,td,h4,h3{padding:0;margin:0;}
ul,dl{list-style:none;}
img{ vertical-align:top;border:0;}
.clear{clear:both}
.left{float:left}
.right{float:right;}

#sticky_top { position: fixed;	z-index:1000;}
#sticky_bottom{ position:fixed;    bottom:0;	z-index:1000;}

.header{
	width: 100%;
	height:55px;
    opacity: 1;
    filter: alpha(opacity=100);
    background: #266887;
    background: -webkit-linear-gradient(top, #266887 0%, #0a4d6c 100%);
    background: linear-gradient(to bottom, #266887 0%, #0a4d6c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF266887', endColorstr='#FF0A4D6C', GradientType=0);
    border-bottom: 1px solid #111;
}
.top{margin:0;height:55px;width:100%;overflow: hidden;}
.top_logo{margin-left:10px;}
.top_nav{ height:55px; margin:0 0 0 0px;width:auto;overflow: hidden;}
.top_nav ul{margin: 0 0 0 20px;	padding: 0;}
.top_nav li{float: left;list-style: none;font-size:16px;color:#B1B0B1;text-align: center;padding:5px 10px;line-height:50px;}
.top_nav li img {width:32px; height:32px;margin:10px 4px 0 0;}
.top_nav li a{ text-decoration:none; color:#fff;}
.top_nav li a:hover{ color:#FDB504;}
.top_nav li:hover {background-color:#012F47;}
.top_nav li.selected {background-color:#012F47;}
.top_nav li.selected a{color:#FDB504;}
.top_search{ margin-top:12px;padding-right:5px;width:202px; height:33px;}
.top_search_input{ float:right; background:url(../../../images/blue/search_bg.jpg) no-repeat; width:202px; height:33px;}
.top_search_input input{ float:left; height:33px; background:none; border:1px none; line-height:33px; padding:0 0 0 5px; color:#fff; width:150px;}
.top_search_input span{ float:right;margin:0px;padding:0px;}
.top_search_input span input{ background:none;margin:0px;padding:0px; width:45px; height:33px; cursor:pointer;}

div.container {
	background:#2ba4d1;
	padding:4px 7px 0 7px;
	margin-left: auto;
	margin-right:auto;
	text-align: left;
	width:990px;
	border:1px solid #ccc;
	border-bottom:none;
	background:#FFF;
	margin-bottom:60px;
}

div.allgames {
    margin-left:auto;
    margin-right:auto;
	height:500px;
}

div.thumb {	
	float: left;
	margin: 10px;
	background:#FFF;
	text-align: center;
	border:#188CB7 5px solid;
	display: inline-block;
    width: 180px;
    height: 135px;
    position: relative;
    color: #FDB504;
    font-size: 12px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    box-shadow: -4px 4px 5px #00557D, 4px -4px 5px #00557D;
	-webkit-box-shadow: -4px 4px 5px #00557D, 4px -4px 5px #00557D;
	-moz-box-shadow:-4px 4px 5px #00557D, 4px -4px 5px #00557D;
}
div.thumb a img {
	width: 100%;	
	height: 100%;
	border-radius:10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
	border:#009EEA 1px solid;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

div.thumb a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

div.thumb a {
	color:#f5f500;
	text-decoration: none;
}
div.thumb a:hover {
	color:#f5f500;
	text-decoration: none;
}


.alpha:hover img {	filter:alpha(opacity=80);	-moz-opacity: 0.80;	opacity: 0.80;	}

div.thumb span.GameName{filter:alpha(opacity=80);-moz-opacity: 0.80;opacity: 0.80;position:absolute;bottom:0px;left:0px;width:100%;height:auto;display:none;color:#FDB50E; background-color:#111111; padding:5px 0 5px 0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.tag-new{position:absolute;top:-5px;left:-5px;width:58px;height:58px;background:url(../../../images/blue/tag-new.png) 0 0 no-repeat;}
.tag-hot{position:absolute;top:-5px;left:-5px;width:58px;height:58px;background:url(../../../images/blue/tag-hot.png) 0 0 no-repeat;}
.tag-best{position:absolute;top:-5px;left:-5px;width:58px;height:58px;background:url(../../../images/blue/tag-best.png) 0 0 no-repeat;}

span.GameRating {
	position:absolute;top:2px;right:2px;
    display: none;
    background: url(../../../images/blue/stars.png) 0 -16px repeat-x;
    width: 80px;
    height: 16px;
}
span.GameRating span {
    background: url(../../../images/blue/stars.png) 0 0px repeat-x;
	display: block;
    width: 80px;
    height: 16px;
}

#loadingmoregames{ width:100%;text-align:center;padding:10px;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

.foot{height:40px;width:100%;min-width:500px;line-height:40px;color:#fff;clear:both;overflow:hidden;text-align:center;}
 .foot_container {background:#012F47;}
 .foot  a{ color:#fff; text-decoration:none;}
 .foot  a:hover{ color:#fff; text-decoration:underline} 
 .foot .foot_left{float:left;margin:0 0 0 10px;width:350px;text-align:left;}
 .foot .foot_right{ float:right; width:350px;text-align:right;margin:0 10px 0 0;}

div.bottomtext {
    clear:both;
	padding:5px 10px 10px 10px;
	color:#fff;
	width:100%;
	min-width:500px;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size:14px;
	line-height:20px;
}
div.bottomtext a{
    color:#fff; font-weight:bold; text-decoration:none;
}
#backToTop {
    width:60px;
    height:50px;
    position:fixed;
    bottom:50px;
    right:10px;
	display:none;
	background:url(../../../images/blue/backtotop.png);
	cursor:pointer;
}