@import url(templates.css?v=0002);
@import url(gamebox.css);
@import url(sprite_sheet.css);
@import url(hover_elements_sheet.css);
@import url(tinybox.css);

/****************************************************
************* FONTS *********************************
*****************************************************/
/*
@font-face {
	font-family: 'KomikaAxisRegular';
	src: url('komika-font/KOMIKAX_-webfont.eot');
	src: url('komika-font/KOMIKAX_-webfont.eot?#iefix')
		format('embedded-opentype'), url('komika-font/KOMIKAX_-webfont.woff')
		format('woff'), url('komika-font/KOMIKAX_-webfont.ttf')
		format('truetype'),
		url('komika-font/KOMIKAX_-webfont.svg#KomikaAxisRegular')
		format('svg');
	font-weight: normal;
	font-style: normal;
}*/
@font-face {
  font-family: 'Signika Negative';
  font-style: normal;
  font-weight: normal;
  /*src: url('signika_negative/signika_negative.woff') format('woff');*/
    src: url('signika_negative/Signika-Regular-webfont.eot');
    src: url('signika_negative/Signika-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('signika_negative/Signika-Regular-webfont.woff') format('woff'),
         url('signika_negative/Signika-Regular-webfont.ttf') format('truetype'),
         url('signika_negative/Signika-Regular-webfont.svg#SignikaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
  
}

.new_games_yellow {
background: url(/static/marketing/main/img/new_games_logo.png) no-repeat;
width:59px;
height:32px;
}

.font_title
{
 	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	font: 18px/37px 'Signika Negative', cursive;
	color: #0A325F;
}

/****************************************************/

.missing_img {
	background-image: url("../img/missing_img.png");
	background-repeat:no-repeat;
	background-position:center;
	display:inline-block;
	background-color:#eeeeee;
}

#bodyContainer
{
	background-color:#fff;
	border:solid 1px #d7e7f6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}


/*background: url(../img/background_pixel.jpg) repeat-x top;
	color: #0a325f;
	background-color:#60aae9;*/
	
body {
	margin: 0;
	padding: 0;
	background: #0b212f;
	//background:#60aae9 url(../img/background_pixel.jpg) repeat-x top;
	color: #0a325f;
	font-family: verdana;
	overflow-x: hidden; 
}

a,a:visited {
	text-decoration: none;
	color: #0a325f;
}

a:hover {
	text-decoration: underline;
}

img,ul,li {
	border: 0;
	padding: 0;
	margin: 0;
}

.clear {
	clear: both;
}

.loading_preload
{	
	background: url("../img/preload.gif") no-repeat scroll 0 0 transparent;
	width:48px;
	height:35px;
}

/***********************************************************************************************************************************/
.dashed_separator {
	background: url("../img/separator_pixel.jpg") repeat-x scroll 0 0 transparent;
	height: 1px;
}

.generic_prev {
	float: left;
	margin: 3px 0 0 10px;
	cursor: pointer;
}

.generic_next {
	float: left;
	margin: 3px 10px 0 0;
	cursor: pointer;
}

.pagenation li,.pagination li {
	padding: 0;
	float: left;
	cursor: pointer;
	display: block;
}

.pagenation .spark,.pagination .spark {
	width: 16px;
	height: 16px;
	float: left;
}

.generic_games_box_shot {
	width: 112px;
	height:155px;
	position: relative;
	float: left;
	margin: 10px 18px 0;
	cursor: pointer;
}

.generic_games_box_shot img {
	margin: 3px 4px;
	display:block;
}
.generic_games_box_shot a:hover
{
	text-decoration: none;
}

.generic_games_box_shot .border {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
}

.generic_games_box_shot .game_name {
	font: 11px verdana;
	color: #0a325f;
	width: 100px;
	height:32px;
	overflow: hidden;
	margin: 0 auto;
	z-index:1;
	line-height:12px;
}

/*******************/
/**** CONTAINER ****/
/*******************/

.general_wrapper{
	width: auto;
	position: relative;
}

.general_wrapper .left_corner {
	width: 14px;
	height: 14px;
	float: left;
}

.general_wrapper .top_rib {
	width: 100%;
	height: 14px;
}

.general_wrapper .right_corner {
	width: 18px;
	height: 14px;
	float: right;
}

.general_wrapper .left_rib {
	width: 100%;
	height: 100%;
	float: left;
}

.general_wrapper .right_rib {
	width: 100%;
}

.general_wrapper .bottom_rib {
	height: 16px;
	width: auto;
}

.general_wrapper .right_bottom_corner {
	width: 18px;
	height: 16px;
	float: right;
}

.general_wrapper .left_bottom_corner {
	width: 18px;
	height: 16px;
	float: left;
}

.general_wrapper .content {
	height: 100%;
}

.general_wrapper .games_container
{
	margin-left:15px;
}

.general_wrapper .pagenation {
	position: absolute;
	bottom: -19px;
	float: right;
	height: 31px;
	right: 0;
}

.general_wrapper .pagenation_rib_all .pagenation_all{
	right: 0;
}

.general_wrapper .pagenation_rib_all .pagenation_rib_container{
	left:0;
	z-index:1;
	float: none;
   	right: inherit;
}

.general_wrapper .pagenation_rib_all .pagenation a{
	line-height: 25px;
	display: inline-block;
    	margin-left: 5px;
	text-decoration: underline;
	font-size: 11px;
}

.general_wrapper .pagenation ul {
	float: left;
	height: 18px;
	list-style: none outside none;
	margin: 3px 10px 0;
	padding: 0;
}

.general_wrapper .pagenation_rib {
	height: 31px;
	width: auto;
	float: right;
}

.general_wrapper .pagenation_rib_all {
	width: 93%;
    	position: absolute;
    	height:31px;
}

.general_wrapper .pagenation_rib_all .pagenation{
	bottom:0px;
	z-index:1;
}

.general_wrapper .pagenation_right {
	width: 18px;
	height: 31px;
	float: right;
}

.general_wrapper .pagenation_right.pagenation_right_all {
	position: absolute;
   	right: 0;
}

.general_wrapper .pagenation_left {
	width: 23px;
	height: 31px;
	float: right;
}

.general_wrapper .pagenation_left.pagenation_left_all {
	width: 17px;
	left: 0;
	position: absolute;
}

/*.general_wrapper .pagenation_right.pagenation_right_all,
.general_wrapper .pagenation_left.pagenation_left_all,
.general_wrapper .pagenation_rib_all{
	bottom: -19px;
}*/

.general_wrapper .labels_container {
	clear:both;
	height:33px;
	left: 0;
	z-index: 999;
	cursor:default;
}

.general_wrapper .label_left {
	width: 11px;
	height: 33px;
	float: left;
}

.general_wrapper .label_right {
	width: 37px;
	height: 33px;
	float: left;
}

.general_wrapper .label_links {
	height: 33px;
	float: left;
	font: 12px/44px verdana;
	color: #0a325f;
	padding-left: 10px;
}

.general_wrapper .label_links span {
	float: left;
}

.general_wrapper .label_links  ul {
	padding: 5px;
}

.general_wrapper .label_links  li {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0 25px 0 5px;
	font: 12px/25px verdana;
	cursor: pointer;
}

.general_wrapper .label_links  li:hover {
	text-decoration: underline;
	background: #f1f1f1;
}

.general_wrapper .label_links .sort_options {
	position: relative;
	float: left;
	margin-left: 5px;
	background: white;
	border: 1px solid white;
	border-radius: 6px;
	margin-top: 3px;
	height: 25px;
	overflow: hidden;
	z-index:3;
}

.general_wrapper .label_links .sort_options .sort_arrow {
	width: 13px;
	height: 11px;
	position: absolute;
	top: 13px;
	right: 10px;
}

.general_wrapper .label_links .sort_options:hover {
	height: auto;
	border: 1px solid #d8d8d8;
}

.general_wrapper .label_rib {
	width: auto;
	height: 33px;
	float: left;
	padding: 0 30px 0 22px;
	color: #003860;
}

.general_wrapper .label_rib > div {
	float:left;
}

.general_wrapper .label_icon
{
	position:relative;
	left:20px;
}

/******************************/
/**** HORIZONTAL BOXSHOTS *****/
/******************************/

.horizontal_boxshot{
	width:123px;
}
.horizontal_boxshot .boxshot_container{
	width:123px;
	height:94px;
	position:relative;
}
.horizontal_boxshot .horizontal_boxshot_border{
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
}
.horizontal_boxshot img{
	position:absolute;
	top:4px;
	left:4px;
	z-index:1;
}
.horizontal_boxshot .game_name{
	font:11px/16px verdana;
	text-align:center;
}
.horizontal_boxshot .game_name:hover{
	text-decoration:underline;
}

/******************************/
/**** SMALL BOXSHOTS **********/
/******************************/

.small_boxshot{
	height:65px;
	position:relative;
	float:left;
}
.small_boxshot .border{
	position:absolute;
	top:0;
	left:0;
	z-index:4;
}
.small_boxshot img{
	position:absolute;
	top:3px;
	left:2px;
	z-index: 3;
}
.small_boxshot .game_name{
	font:11px verdana;
	margin-left:60px;
	overflow:hidden;	
}
.small_boxshot .popup_container{
	position:absolute;
	top:-50px;
	left:50px;
	z-index:999;
}

/********************************/
/**** GREEN BORDER CONTAINER ****/
/********************************/

.green_border_container
{
	position:relative;
	width:300px;
}
.green_border_container .top_rib
{
	border-top:3px solid #9fe704;
	height:9px;
	background:white;
	width:94%;
}
.green_border_container .left_corner
{
	float:left;
	margin-top:-3px;
	margin-left:-12px;
}
.green_border_container .right_corner
{
	margin-top:-3px;
	float:right;
	margin-right:-12px;
}
.green_border_container .content .left_rib
{
	border-left:3px solid #9fe704;
	height:100%;
	background:white;
	margin-left:-12px;
}
.green_border_container .content .right_rib
{
	border-right:3px solid #9fe704;
	height:100%;
	background:white;
}
.green_border_container .content .main_content_container
{
	padding:10px 0px;
	height:100%;
}
.green_border_container .bottom_rib
{
	border-bottom:3px solid #9fe704;
	height:9px;
	background:white;
	width:94%;
}
.green_border_container .left_bottom_corner
{
	margin-left:-12px;
	float:left;
	margin-bottom:-3px;
}
.green_border_container .right_bottom_corner
{
	margin-right:-12px;
	float:right;
	margin-bottom:-3px;
}
.green_border_container .green_close_but
{
	
	position:absolute;
	top:-11px;
	right:-7px;
	cursor:pointer;
}
.green_border_container .inner_container
{
	background:white;
	padding:5px 20px;
	color:#818181;
	font-size:11px;
}
.green_border_container .inner_container> span
{
		font-weight:bold;
		color:#0a325f;
		font-size:12px;
}

.green_border_container .green_bubble_pointer{
	position:absolute;
	top:33px;
	left:-42px;
}
.green_border_container .game_name{
	font:bold 12px verdana;
	color:#0a325f;
}
.green_border_container img{
	float:left;
	margin:10px 0;
}
.green_border_container .download_size{
	font:11px verdana;
	color:#0a325f;
}
.green_border_container .rightBoxshot{
	margin-left:20px;
}
.green_border_container .leftBoxshot{
	margin-left:10px;
}
.green_border_container p{
	font:11px verdana;
	color:#818181;
}
.green_border_container .play_without_ads{
	margin:12px 0 0 15px;
	float:left;
}
.green_border_container .play_without_ads .small_plus{
	float:left;
}
.green_border_container .play_without_ads .text{
	float:left;
	margin-left:3px;
}
.green_border_container .play_without_ads .text h1{
	margin:0;
	padding:0;
	font:bold 9px verdana;
	text-decoration:underline;
	color:#0a325f;
}
.green_border_container .play_without_ads .text h2{
	margin:0;
	padding:0;
	font:italic 8px/9px verdana;
	color:#0a325f;
}

/****************************************************************************/

.blue_secondary_container
{
	position:relative;
}
.blue_secondary_container .left_corner
{
	float:left;
}
.blue_secondary_container .top_rib
{
	background:url(../img/blue_secondary_top_bottom_rib.jpg) repeat-x 0px -29px;
	width:100%;
	height:17px;
}
.blue_secondary_container .right_corner
{
	float:right;
}
.blue_secondary_container .left_rib
{
	background:url(../img/blue_secondary_left_rib.jpg) repeat-y;
	width:100%;
	height:100%;
	float:left;
}
.blue_secondary_container .right_rib
{
	background:url(../img/blue_secondary_right_rib.jpg) repeat-y RIGHT;
	width:100%;
	height:100%;
}

.blue_secondary_container .content
{
	height:100%;
}
.blue_secondary_container .games_container
{
	padding:10px 30px;
}
.blue_secondary_container .bottom_rib
{
	background:url(../img/blue_secondary_top_bottom_rib.jpg) repeat-x;
	height:29px;
	width:auto;
}
.blue_secondary_container .right_bottom_corner
{
	float:right;
}
.blue_secondary_container .left_bottom_corner
{
	float:left;
}
/******************************************************/
/* BUTTONS */

.green_btn_28, .green_btn_28 div, .blue_btn_28, .blue_btn_28 div, .grey_btn_28, .grey_btn_28 div, .green_btn_45 div{
	float:left;
	cursor:pointer;
}
.green_btn_45{
	height:45px;
	min-width:50px;
	
}
.green_btn_28_mid{
	height:28px;
	background:url(../img/green_btn_28_mid.jpg) repeat-x;
	font:bold 11px/25px verdana;
	color:#0a325f;
	min-width:10px;
}
.grey_btn_28_mid{
	height:28px;
	background:url(../img/grey_btn_28_mid.jpg) repeat-x;
	font:bold 11px/26px verdana;
	color:#878787;
	padding:0 3px;
}
.blue_btn_28_mid{
	height:28px;
	background:url(../img/blue_btn_28_mid.jpg) repeat-x;
	font:bold 11px/25px verdana;
	color:#fff117;
}
.yellow_btn_28_middle{
	height:28px;
	background:url(../img/yellow_btn_28_middle.jpg) repeat-x;
	font:bold 11px/25px verdana;
	color:#0A325F;
}
.green_btn_45_mid{
	height:45px;
	background:url(../img/green_btn_45_mid.jpg) repeat-x;
	font:bold 20px/43px arial;
	color:#0a325f;
	padding:0 10px;
}
.grey_btn_28_mid:hover{
	color:black;
}
.blue_btn_28_mid:hover{
	color:white;
}
.green_btn_28_mid:hover{
	color:white;
}

.secure a:hover{
	text-decoration:none;
}
.green_btn_45_mid:hover{
	color:white;
}

/***************************
	GRAY CONTAINER
****************************/

.gray_container .top_rib {
	border-top: 1px solid #d8d8d8;
	height: 10px;
}

.gray_container .left_corner {
	float: left;
	margin-top: -1px;
}

.gray_container .right_corner {
	margin-top: -1px;
	float: right;
}

.gray_container .content .left_rib {
	border-left: 1px solid #d8d8d8;
	height: 100%;
}

.gray_container .content .right_rib {
	border-right: 1px solid #d8d8d8;
	height: 100%;
}

.gray_container .content .main_content_container
{
	padding: 10px 0px;
	height: 100%;
}

.gray_container .bottom_rib {
	border: 1px solid #d8d8d8;
	border-top: none;
	height: 10px;
}

.gray_container .left_bottom_corner {
	float: left;
	margin-bottom: -1px;
	margin-left: -1px;
}

.gray_container .left_border {
	width: 90%;
	height: 100%;
}

.gray_container .right_border {
	width: 100%;
	height: 100%;
	float: right;
}

.gray_container .right_bottom_corner {
	float: right;
	margin-bottom: -1px;
	margin-right: -1px;
}