body {
	direction: rtl;
	font: 14px Arial;
	margin: 55px 0 0 0;
	padding: 0px;
	background: #80ABCD url('../images/bg.jpg') repeat-x;
	overflow-x: hidden;
}

a:link, a:visited, a:active {
	color: #000; 
	text-decoration: none;
}
a:hover {
	color: #000; 
	text-decoration: underline;
}

.footer {
	width: 965px;
	margin: auto;
	overflow: auto;
}

.clear {
	clear: both;
}

img {
	border: 0;
}

/* header */
.header {
	width: 90%;
	height: 40px;
	background-color: #1A5A8A;
	text-align: center;
	padding: 5px 5%;
	position: fixed;
	top: 0;
	z-index: 50;
}

.header.shadow {
	-webkit-box-shadow: 0px 0px 5px 1px #000;
	box-shadow: 0px 0px 5px 1px #000;
}

.header img {
	width: 277px;
	margin-top: 5px;
}

.header .topmenu {
	width: 250px;
	font: bold 18px Arial;
	background-color: #fff;
	border: 3px solid #000;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	position: absolute;
	top: 10px;
	right: 100px;
	z-index: 999;
}
.header .topmenu a {
	text-decoration: none;
	padding: 2px 10px;
	display: block;
}
.header .topmenu ul {
	list-style-type: none;
	padding: 0;
	margin: auto;
	display: none;
}
.header .topmenu:hover {
	-moz-opacity:.95;
	filter:alpha(opacity=95);
	opacity:.95;
}
.header .topmenu:hover ul {
	display: block;
}
.header .topmenu ul li a {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.header .topmenu ul li a:hover {
	background-color: #f1f1f1;
}


.header .toplinks {
	font: bold 18px Arial;
	color: #fff;
	position: absolute;
	top: 10px;
	left: 5%;
	z-index: 999;
}
.header .toplinks a {
	color: #fff;
}

#bold_fav_btn {
	width: 30px;
	height: 30px;
	background: url('../images/star.png') no-repeat;
	display: block;
	position: absolute;
	top: 10px;
	right: 360px;
}

#loading {
	width: 480px;
	height: 250px;
	margin: 200px auto 0 auto;
}

#progress_bar {
	width: 480px;
	height: 30px;
	background-color: #fff;
	border: 1px solid #000;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin: 30px 0 0 0;
}

#progress_bar .bar {
	width: 0;
	height: 100%;
	background-color: #ed733f;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.bf {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 999;
	display: none;
}

/* popup */
.popup {
	width: 100%;
	height: 100%;
	background: url('../images/lightbox_bg.png');
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
}
.popup .content {
	width: 1200px;
	background: #fffbf8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow:  0px 0px 10px 5px #000;
	-moz-box-shadow:  0px 0px 10px 5px #000;
	box-shadow:  0px 0px 10px 5px #000;
	padding: 10px;
	margin: 10px auto 0 auto;
	position: relative;
}

.popup .content .close {
	font: bold 14px Arial;
	height: 18px;
	background-color: #fffbf8;
	color: #2d678f;
	padding: 7px 10px 5px 10px;
	text-decoration: none;
	border: 1px solid #fffbf8;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	position: absolute;
	top: 10px;
	left: -30px;
	cursor: pointer;
}
.popup .content .close:hover {
	background-color: #cb4a35;
	color: #fff;
}

.popup .content .frame-like {
	position: absolute;
	top: 15px;
	left: 140px;
}

.popup .content .fav {
	font: bold 14px Arial;
	min-height: 18px;
	background: #FDF4CC url('../images/star.png') right no-repeat;
	border: 1px solid #C28233;
	color: #CBAE31;
	padding: 7px 30px 5px 5px;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	position: absolute;
	top: 10px;
	left: 10px;
}
.popup .content .fav:hover {
	background-color: #f4d75e;
	color: #50451a;
}

.popup .content .help {
	font: bold 14px Arial;
	background-color: #fff;
	border: 1px solid #C28233;
	color: #CBAE31;
	padding: 7px 5px 5px 5px;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	position: absolute;
	top: 10px;
	left: 149px;
}
.popup .content .help:hover {
	background-color: #f1f1f1;
	color: #50451a;
}

.popup .content .keyboard_instructions {
	width: 200px;
	height: 400px;
	background-color: #fffbf8;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	position: absolute;
	top: 54px;
	left: -200px;
	display: none;
}

.popup .content .keyboard_instructions .key {
	background: url('../images/keyboard.png');
}
.popup .content .keyboard_instructions .key.regular {
	width: 35px;
	height: 35px;
	font: bold 22px Arial;
	background-position: -135px -164px;
	text-align: center;
	padding: 5px;
}
.popup .content .keyboard_instructions .key.m-1 {
	width: 114px;
	height: 164px;
	background-position: -114px 0;
}
.popup .content .keyboard_instructions .key.m-2 {
	width: 164px;
	height: 164px;
	background-position: -228px 0;
}
.popup .content .keyboard_instructions .key.arrows {
	width: 135px;
	height: 90px;
	background-position: 0 -164px;
}
.popup .content .keyboard_instructions .key.wasd {
	width: 135px;
	height: 90px;
	background-position: 0 -254px;
}
.popup .content .keyboard_instructions .key.space {
	width: 225px;
	height: 45px;
	background-position: -135px -209px;
}


.popup .content .tab-head {
	overflow: auto;
	clear: both;
}
.popup .content .tab-head .main-image {
	float: right;
}
.popup .content .tab-head .main-image img {
	width: 30px;
	height: 30px;
	border: 1px solid #2d678f;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.popup .content .tab-head h2 {
	font: bold 18px Arial;
	padding: 0;
	margin: 2px 10px 20px 0;
	color: #2d678f;
	float: right;
}

#games-list {
	width: 100%;
	overflow: auto;
	clear: both;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#games-list li {
	width: 5.55%;
	float: right;
	text-align: center;
}
#games-list a {
	width: 100%;
	display: block;
	padding: 5% 0 5% 0;
	cursor: pointer;
	position: relative;
}
#games-list a div {
	width: 80%;
	border: 2px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
	overflow: auto;
	margin: auto;
}
#games-list a img {
	width: 80%;
	border: 0;
}
#games-list a div img {
	width: 100%;
}
#games-list a:hover div, #games-list .banner a:hover div {
	border-color: #e6561a;
}
#games-list li.empty a {
	cursor: default;
}
#games-list .banner a div {
	border-color: #fff;
}

#games-list a .hover {
	width: 80%;
	position: absolute;
	top: 5%;
	left: 10%;
}

#games-list a.selected .img {
	-webkit-box-shadow: 0px 0px 10px 5px #fff;
	-moz-box-shadow: 0px 0px 10px 5px #fff;
	box-shadow: 0px 0px 10px 5px #fff;
}

#footer {
	font-size: 11px;
	background-color: #acc1dc;
	text-align: center;
	padding: 3px;
	margin: 5px 0 0 0;
	clear: both;
}

@media screen and (min-width: 0px) and (max-width: 900px) {
	body {
		margin-top: 120px;
	}
	
	.popup .content {
		width: 94%;
		background: url('../images/popup_bg.png');
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		padding: 3%;
	}
	
	.popup .content .fav {
		font-size: 0;
		background-position: center;
		left: 40px;
	}
	
	.popup .content .close {
		left: 15px;
	}
	
	.header {
		width: 100%;
		height: 105px;
		background-color: #2D678F;
		position: fixed;
		left: 0;
		-webkit-box-shadow: 0px 0px 5px 5px #2D678F;
		-moz-box-shadow: 0px 0px 5px 5px #2D678F;
		box-shadow: 0px 0px 5px 5px #2D678F;
	}
	.header img {
		width: 277px;
	}
	.header_back {
		display: none;
	}
	#games-list li {
		width: 8.3333%;
	}
	#games-list li.empty {
		display: none;
	}
	
	.banner {
		display: none;
	}
}

@media screen and (min-width: 0px) and (max-width: 500px) {
	body {
		margin-top: 95px;
	}
	.header {
		height: 80px;
	}
	.header img {
		width: 190px;
	}
	#games-list li {
		width: 16.6666%;
	}
	#games-list li.empty {
		display: none;
	}
}

.header a.topmenu {
    min-width: 250px;
    font: bold 18px Arial;
    background-color: #FFECD6;
    color: #490C6C;
    border: 2px solid #F34987;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
    text-decoration: none;
    padding: 2px 0;
    position: absolute;
    top: 10px;
    right: 100px;
}

.game-thumb
{
	height: 56px;
}

#pre-ad
{
	text-align: center;
}