body {
direction:rtl;
margin:0px;
padding:0px;
font:12px arial;
background: url(images/bg.gif) #FFFFFF;
background-repeat: repeat-x;
}

img {
border:0px;
}

A:link {
	color: #000000; 
	TEXT-DECORATION: none
}
A:visited {
	COLOR: #000000; 
	TEXT-DECORATION: none
}
A:active {
	COLOR: #000000; 
	TEXT-DECORATION: none
}
A:hover {
	COLOR: #000000; 
	TEXT-DECORATION: underline;
}

textarea,input, select	{
	font: 12px tahoma, arial, helvetica, sans-serif;
	padding: 5px;
	border: 1px solid #ccc;
	background:#eee;
}
textarea:focus,input:focus,select:focus {
	border-color: #3b5998;
	background: #eceff5;
}

.inputSearch {
	padding: 0px;
	border: 0px;
	background: #313840;
}


#body {
width:990px;
margin: 0 auto;
}

#header {

border:5px solid #F6681A;
border-width:0 0 5px 0;
width:990px;
height:109px;
background:url('images/header.gif');
}

#logo {
float:right;
behavior: url(iepngfix.htc) 
}

#nav {
float:right;
height:109px;
}

#nav #sub {
border:1px solid #5a6066;
border-width:0 0 1px;
height:31px;
line-height:31px;
width:804px;
color:#599111;
font-size:11px;
}

#nav #sub .list{
float:right;
}

#nav #sub a {
text-decoration:none;
color:#fff;
line-height:31px;
}

#nav #sub #user{
float:left;
color:#fff;
font-size:12px;
}
#nav #sub #user a {
text-decoration:underline;
}

#nav #sub #user a.register {
color:#ff7224;
}

#nav #links {
float:right;
}

#nav #links {
margin:0px;
margin-top:48px;
<!--margin-top:51px; -->
padding:0px;
list-style:none;
width:502px;
height:29px;
}

#nav #links a.normal{
display:inline;
list-style:none;
margin:0px;
padding:0px;
background:url(images/l0.gif);
width:68px;
height:29px;
padding-right:30px;
line-height:29px;
float:right;
margin-left:2px;
text-decoration:none;
font-family:ariel;
font-size:16px;
font-weight:bold;
color:#fff;
}

#nav #links a.normal:hover{
display:inline;
list-style:none;
margin:0px;
padding:0px;
background:url(images/l2.gif);
width:68px;
height:29px;
padding-right:30px;
line-height:29px;
float:right;
margin-left:2px;
text-decoration:none;
font-family:ariel;
font-size:16px;
font-weight:bold;
color:#fff;
}

#nav #links  a.main{
display:inline;
list-style-type:none;
margin:0px;
padding:0px;
background:url(images/l1.gif);
width:68px;
height:29px;
padding-right:30px;
line-height:29px;
float:right;
margin-left:2px;
text-decoration:none;
font-family:ariel;
font-size:16px;
font-weight:bold;
color:#fff;
}

#search {
float:left;
width:270px;
color:#fff;
font-size:14px;
line-height:30px;
vertical-align: text-bottom;
}

#search img {
vertical-align: text-bottom;
}

#search form {
line-height:14px;
height:14px;
position:relative;
}

#search form input {
float:left;
}

#search .content {
background-color:#797d83;
border:1px solid #949698;
width:220px;
height:18px;
float:right;
}

#ad {
width:977px;
background:#ffffff url(images/adbk.gif) top right no-repeat;
height:32px;
text-align:left;
font:bold 12px arial;
padding-left:13px;
line-height:32px;
}

#content {
background:#ffffff url(images/contentbk.gif) top repeat-x;
padding:13px;
margin:0 auto;
}

#content #right {
float:right;
width:198px;
padding:0px 11px;
}


#right #login .header {
width:159;
height:36px;
padding-right:39px;
line-height:35px;
background:url(images/login.gif);
font-size:16px;
font-weight:bold;
color:#fff;
border:0px solid #f6681a;
border-bottom-width:1px;
}

#right #login .box {
border:1px solid #c9cbcd;
height:170px;
width:157;
padding-right:15px;
padding-top:5px;
background-color:#dfe3e7;
margin-bottom:10px;
color:#313840;
line-height:22px;
}

#right #login form {
width:167px;
margin:0px;
}

#right #login input.text {
width:165px;
background-color:#313840;
border:1px solid #383f47;
color:#fff;
}

#right #login a.forgot {
color:#f9672e;
text-decoration:underline;
font:11px arial;
display:inline-block;
width:36px;
margin-left:65px;
margin-top:10px;
margin-bottom:10px
}


#right #poll .header {
width:159;
height:35px;
padding-right:39px;
line-height:35px;
background:url(images/poll.gif) top no-repeat;
font-size:16px;
font-weight:bold;
color:#fff;
border:0px solid #f6681a;
border-bottom-width:1px;
padding-bottom:1px;
}

#right #poll .header img {
vertical-align:text-bottom;
}

#right #poll .box {
border:1px solid #c9cbcd;
height:auto;
width:157;
padding-right:15px;
padding-top:5px;
background:url(images/pollbk.gif) repeat-y;
margin-bottom:10px;
line-height:22px;
}

#poll .box form {
width:162px;
}

#poll .box h2 {
font:bold 12px arial;
margin:0px;
padding:0px;
line-height:22px;
}

#poll .box form input.vote {
float:left;
margin-top:13px;
}

#right #newusers .header {
width:159;
height:35px;
padding-right:39px;
line-height:35px;
background:url(images/new-users.gif) top no-repeat;
font-size:16px;
font-weight:bold;
color:#fff;
border:0px solid #f6a880;
border-bottom-width:1px;
}

#right #newusers .box {
height:182px;
width:175px;
padding-right:23px;
background:url(images/nusersbk.gif) repeat-x;
margin-bottom:10px;
color:#fff;
font:11px arial;
line-height:22px;
}

#right #newusers .box img{
vertical-align:text-bottom;
}

#right #more .header {
width:159px;
height:35px;
padding-right:39px;
line-height:35px;
background:url(images/more.gif) top no-repeat;
font-size:16px;
font-weight:bold;
color:#fff;
border:0px solid #b8dc6e;
border-bottom-width:1px;

}
#right #more .header img {
vertical-align:text-bottom;
}

#right #more .box {
height: auto;
width:175px;
padding-right:23px;
padding-top:16px;
background:url(images/morebk.gif) repeat-x;
margin-bottom:10px;
color:#fff;
font:11px arial;
line-height:18px;
}

#right #more .box a {
color:#fff;
}

#center {
width:421px;
float:right;
}


#center #newgames .header {
height:35px;
padding-right:39px;
line-height:35px;
background:url(images/head_01.gif) #3F3B3D left no-repeat;
font-size:20px;
font-weight:bold;
color:#fff;
border-bottom: 1px solid #FFFFFF;
padding-bottom:1px;
}

#center #newgames .box {
border:1px solid #abdc67;
width: auto;
background:url(images/newgamesbk.gif);
margin-bottom:10px;
}

#newgames .box .hr{
background-color:#ced7c7;
color:#ced7c7;
width:419px;
height:1px;
margin:0px;
position:relative;
}

#newgames .box .hr hr{
display:none;
}

#newgames .box .newgame {
width:197px;
height:75px;
margin:9px 0;
margin-right:7px;
float:right;
}

#newgames .box .newgame img {
display:block;
margin-left:7px;
float:right;
}

#newgames .box .newgame a.title {
color:#f9672e;
font:bold 12px arial;
}

#newgames .box .newgame a.more {
color:#2a7c00;
font:bold 11px arial;
}

#newgames .box .newgame span{
color:#2a7c00;
font:bold 11px arial;
}

#center #gameslist {
margin-bottom:10px;
}

#center #news {
background:url(images/newsbk.gif) repeat-y;
border:1px solid #5690c2;
width:410px;
height:157px;
padding-right:8px;
font:11px arial;
padding-top:9px;
}

#left {
width:329px;
padding:0 10px;
float:right;
}

#left #newvid .header {
padding-right:39px;
line-height:35px;
background:url(images/newvid.gif) top no-repeat;
width:290px;
height:35px;
font-size:20px;
font-weight:bold;
color:#fff;
border:0px solid #f6681a;
border-bottom-width:1px;
padding-bottom:1px;
}

#left #newvid .box {
border:1px solid #f6bd9f;
height:357px;
width:327px;
background:url(images/newvidbk.gif) repeat-y;
margin-bottom:12px;
}

#left #newvid .box a.vpb{
background:transparent url(images/video_play_btn.gif) no-repeat scroll -1px -1px;
display:block;
height:63px;
opacity:0.75;
position:absolute;
width:79px;
z-index:2;
}

#left #newvid .box a.vpb:hover{
opacity:0.9999;
}

#left #newvid .box div.image{
overflow: hidden;
 width: 79px;
 height: 63px;
 border: 1px solid #000000;
}
 
#left #newvid .box div.image img{
 width: 79px;
 height: 63px;
}

#newvid .box .vid-no{
border:0px dotted #d6d9db;
width:79px;
margin:13px 14px;
margin-left:0;
margin-bottom:7px;
padding-left:14px;
float:right;
font:11px arial;
color:#797d83;
}

#newvid .box .vid{
border:0px dotted #d6d9db;
border-left-width:1px;
width:79px;
margin:13px 14px;
margin-left:0;
margin-bottom:7px;
padding-left:14px;
float:right;
font:11px arial;
color:#797d83;
}

#newvid .box hr{
color:#d6d9db;
border:0px dotted #d6d9db;
border-width:2px 0px;
border-bottom-width:0;
width:95%;
height:0px;
margin:0 auto;
padding:0;
}

#newvid .box a.title {
color:#f6681a;
font:bold 12px arial;
margin:5px 0;
display:block;
}

#left #newdownloads .header {
padding-right:39px;
line-height:35px;
background:url(images/newdownloads.gif) top no-repeat;
width:290px;
height:35px;
font-size:20px;
font-weight:bold;
color:#fff;
border:0px solid #f6681a;
border-bottom-width:1px;
padding-bottom:1px;
}

#left #newdownloads .box {
border:1px solid #f6bd9f;
height:357px;
width:327px;
background:url(images/newvidbk.gif) repeat-y;
margin-bottom:10px;
}


#newdownloads .box .vid-no{
border:0px dotted #d6d9db;
width:79px;
margin:13px 14px;
margin-left:0;
margin-bottom:7px;
padding-left:14px;
float:right;
font:11px arial;
color:#797d83;
}

#newdownloads .box .vid{
border:0px dotted #d6d9db;
border-left-width:1px;
width:79px;
margin:13px 14px;
margin-left:0;
margin-bottom:7px;
padding-left:14px;
float:right;
font:11px arial;
color:#797d83;
}

#newdownloads .box hr{
color:#d6d9db;
border:0px dotted #d6d9db;
border-width:2px 0px;
border-bottom-width:0;
width:95%;
height:0px;
margin:0 auto;
padding:0;
}

#newdownloads .box a.title {
color:#f6681a;
font:bold 12px arial;
margin:5px 0;
display:block;
}

.spacer {
clear:both;
font-size:0;
line-height:0;
}

#footer {
height:78px;
background:url(images/footer.gif);
padding:0 11px;
padding-top:22px;
margin:0 11px;
font-weight:bold;
}

#footer img{
vertical-align:bottom;
}

#footer center {
margin:0 49px;
display:inline;
}

.globalTab {
   background-color: #CBCBCB;
}
.contentTab {
   background: url(images/tab_bg.gif) #FFFFFF repeat-x;
   border-bottom: 1px solid #8F8F8F;
   border-right: 1px solid #8F8F8F;
   border-left: 1px solid #8F8F8F;
   padding: 5px;
}
.contentTab2 {
   background: url(images/tab_bg.gif) #FFFFFF repeat-x;
   border: 1px solid #8F8F8F;
   padding: 5px;
}
.contentTab3 {
   background: url(images/tab_bg.gif) #FFFFFF repeat-x;
   border: 1px solid #8F8F8F;
   padding: 0px;
}

.headTab01 {
   background:url(images/head01.gif);
   font-weight: bold;
   height: 28px;
   border-top: 1px solid #8F8F8F;
   border-right: 1px solid #8F8F8F;
   border-left: 1px solid #8F8F8F;
   padding-right: 5px;
}
.headTab02 {
   background:url(images/head02.gif);
   font-weight: bold;
   height: 28px;
   border-top: 1px solid #8F8F8F;
   border-right: 1px solid #8F8F8F;
   border-left: 1px solid #8F8F8F;
   padding-right: 5px;
}

.scroll {
   width: 100%;
   text-align: right;
   overflow: auto;
}

.HeadRightMenu {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #009FDB;
	padding-right: 5px;
	padding-left: 5px;
}

.gameTab img{
	border: 1px solid #000000;
}

.gameTab img:hover{
	border: 2px solid #000000;
}


	/*             styles for the star rater                */	
	.star-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 125px;
		height: 25px;
		position: relative;
		overflow:hidden;
		background: url(http://www.gmx.co.il/style_images/alt_star.gif) top right repeat-x;	
		float: right;	
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: right;
		/* */
	}
	.star-rating li a{
		display:block;
		width:25px;
		height: 25px;
		line-height:25px;		
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
		float: right;
	}
	.star-rating li a:hover{
		background: url(http://www.gmx.co.il/style_images/alt_star.gif) right bottom;
		z-index: 2;
		right: 0px;
		float: right;
		border:none;
	}
	.star-rating a.one-star{
		right: 0px;
	}
	.star-rating a.one-star:hover{
		width:25px;
	}
	.star-rating a.two-stars{
		right:25px;
	}
	.star-rating a.two-stars:hover{
		width: 50px;
	}
	.star-rating a.three-stars{
		right: 50px;
	}
	.star-rating a.three-stars:hover{
		width: 75px;
	}
	.star-rating a.four-stars{
		right: 75px;
	}	
	.star-rating a.four-stars:hover{
		width: 100px;
	}
	.star-rating a.five-stars{
		right: 100px;
	}
	.star-rating a.five-stars:hover{
		width: 125px;
	}
	.star-rating li.current-rating{
		background: url(http://www.gmx.co.il/style_images/alt_star.gif) right center;
		position: absolute;
		height: 25px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
		float: right;
	}
	
	/* remove halo effect in firefox   */
	a:active{
		outline: none;
	}
	
	
	.poller{	/* The poller box */
			margin-bottom:0px;
		padding:0px;
		border-width: 0px;
		margin:0px;
		clear:both;
		display: inline;
	}
	/* Poller title above radio buttons */
	.pollerTitle{
		margin-bottom:0px;
		font-weight:bold;
	}
	/* Label for each radio button */
	.pollerOption{
		margin:0px;
	}
	/* Label for each option above graph - i.e. results */
	.result_pollerOption{
		margin:0px;
		font-size:0.9em;
		display: inline;
	}
	/* Title of poller - when ajax shows the results */
	.result_pollerTitle{
		margin-bottom:0px;
		font-weight:bold;
		font-size:0.9em;
	}
	/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */
	.result_pollGraph img{
		border-width: 0;
	  margin:0px;
	  display: inline;
	}
	.poll_Graph{
	border-width: 0;
	margin:0px;
	padding:0px;
	}
	
	.poll_leftimg{
	border-width: 0;
	margin:0px;
	padding:0px;
	text-align:right;
	float:right;
	display:inline;
	}
	/* The <div> tag where the percentage result is shown */
	.result_pollGraph div{
	margin:0px;
	padding:0px;
		float:right;
		height:16px;
		background-repeat:repeat-x;
		font-size:0.9em;
		line-height:16px;
		display: inline-block;
	}
	/* Graph div - parent of both the corner images and the div displaying percentage votes */
	.result_pollGraph{	
		height:16px;
		margin:0px;
		display: inline-block;
	}
	
	/* Message when Ajax is working getting restults fromt the server */
	.poller_waitMessage{
		display:none;	
	}	
	
	.result_totalVotes{
		clear:both;
		font-size:0.9em;
		border-width: 0px;
		line-height:10px;
		margin:0px;
		margin-bottom:0px;
		padding:0px;
		font-style:italic;
	}

	img{
		border:0px;
	}
	
	.clear{
		clear:both;
	}

ul.vert-one {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	font: bold 16px Arial;
	line-height: 165%;
	width: 230px;
}
ul.vert-one li {
	margin: 0;
	padding: 0;
	border-top: 1px solid #8F8F8F;
	border-bottom: 1px solid #CBCBCB;
}
ul.vert-one li a {
	display: block;
	text-decoration: none;
	background: #DEDEDE;
	padding: 0 20px 0 0;
	width: 210px;
}
ul.vert-one li a:hover {
	background: #CBCBCB url('images/vert-one_arrow.gif') no-repeat right;
}
ul.vert-one li a.current,ul.vert-one li a.current:hover {
	background: #CBCBCB url('images/vert-one_arrow.gif') no-repeat right;
}

#imgLink img {
	border: 1px solid #A1BEDF;
	padding: 3px;
	background: #FFFFFF;
}
#imgLink img:hover {
	border: 1px solid #213F61;
	padding: 3px;
	background: #FFFFFF;
}


.error {
	font-size: 14px;
	text-align: right;
	background-color: #F2BFBF;
	border: 1px solid #823434;
	padding: 5px;
	width: 100%;
}

.pagenav a, .pagenav span {
    padding: 2px 4px;
    margin-left: 3px;
    margin-right: 3px;
    border: 1px solid #fff;
    background: #fff;
}
.pagenav span.current {
    border: 1px solid #2E6AB1;
    font-weight: bold;
    background: #2E6AB1;
    color: #fff;
}
.pagenav a {
    border: 1px solid #9AAFE5;
    text-decoration: none;
}
.pagenav a:hover {
    border-color: #2E6AB1;
}
.pagenav a.nextprev {
    font-weight: bold;
}
.pagenav span.nextprev {
    color: #666;
}
.pagenav span.nextprev {
    border: 1px solid #ddd;
    color: #999;
}

a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

#ilikeRate {
	font-size: 14px;
}

#likeBtn {
	font-weight: bold;
	background: #ccf7b7 url('images/good.png') no-repeat top right;
	border: 1px solid #6ea850;
	padding: 6px 26px 6px 6px;
	text-decoration: none;
	margin: 5px;
	height: 28px;
}
#likeBtn:hover {
	font-weight: bold;
	background: #abdb93 url('images/good.png') no-repeat top right;
	border: 1px solid #4c8032;
	padding: 6px 26px 6px 6px;
	text-decoration: none;
	margin: 5px;
	height: 28px;
}

#dlikeBtn {
	font-weight: bold;
	background: #eb9696 url('images/bad.png') no-repeat top right;
	border: 1px solid #ad3c3c;
	padding: 6px 26px 6px 6px;
	text-decoration: none;
	margin: 5px;
	height: 28px;
}
#dlikeBtn:hover {
	font-weight: bold;
	background: #d46f6f url('images/bad.png') no-repeat top right;
	border: 1px solid #852424;
	padding: 6px 26px 6px 6px;
	text-decoration: none;
	margin: 5px;
	height: 28px;
}

		#topbar		{ border-bottom:1px solid #3b5998; background:#6d84b4; padding:8px 16px; position:fixed; width:99%; z-index:1000; }
			#topbar a.menu	{ color:#fff; text-decoration:none; background:url(images/sprite.gif) 0 -48px repeat-x; border:1px solid #3b5998; display:block; float:left; padding:5px 10px; font-weight:bold; margin:0 10px 0 0; }
			#topbar a.disabled-button	{ background:url(images/sprite.gif) 0 0 repeat-x; border:1px solid #ddd; color:#999; text-decoration:line-through;  }
			#topbar a.menu:hover	{ text-decoration:underline; }
			#topbar a.disabled-button:hover	{ text-decoration:none; }
			
			.topbar-menus	{ border:1px solid #3b5998; position:absolute; top:40px; left:0; z-index:1025; background:#fff; display:none; padding:10px; }
			.topbar-menus ul { list-style-type:none; margin:0; padding:0; }
				.topbar-menus li	{ width:65px; height:70px; overflow:hidden; margin:0 10px 0 0; padding:0; float:left; }
				.topbar-menus ul li a { display:block; padding:10px 0 0 70px; width:120px; text-decoration:none; }
				.topbar-menus ul li a span	{ color:#000; }
				
				
.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: yellow;
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: lightyellow;
width: 200px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkmenu a:hover{ /*hover background color*/
background: black;
color: white;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #E0E0E0;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}



/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}

.night {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 1700px;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
}