/*****************/
/*   MAIN BODY   */
/*****************/


body {
	font-size: 10px;
	margin: 0em auto;
	padding: 0em;
  	font-family: Arial;
  	direction:rtl;
  	
}



#wrap {
	width: 810px;
	margin: 0em auto;
	padding: 0em;
	background-color: #333333;
	border-left: solid 1px rgb(150,150,150);
	border-right: solid 1px rgb(150,150,150);	
}

/*** Correction for non-IE browsers ***/
#wrap {
	overflow: hidden;
}

/*** Correction for IE 5.01 ***/
#wrap {
/*	float: left; */
	float: none;
}

/*** Correction for Safari 1.x ***/
* > #footer, * > form, * > #notes, * > .output {
	position: relative;
	z-index: 1000;
}

/**************/
/*   HEADER   */
/**************/

/*** Header main banner ***/
#header-banner {
	width: 810px;
	height: 142px;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	background: url(/media/newdesign/Head.jpg) no-repeat right #333333;
}

/*** Header navigation top ***/
#header-nav-top {
	float: left;
	clear: left;
	width:800px;
	color:#FFFFFF
}

#header-nav-right {
	float: right;
	color:#FFFFFF;
	width:640px;
}

#header-nav-left {
	float: left;
	width:160px;
	color:#FFFFFF;
	padding-top:5px;
	font-size: 11px;
}

#header-nav-left a {
	color:#FFFFFF;
}

/*** Header navigation bottom ***/
#header-nav-bottom {
font-size:13px;
	float: right;
	width: 810px;
	height: 26px;
	margin: 0em;
	padding: 0em;	
	line-height: 2.0em;
	background: url(/media/newdesign/MenuUP.jpg);
}

#header-nav-bottom ul {	
	margin: 0em;
	padding: 0em;
	list-style: none;
	font-weight: bold;
}	

#header-nav-bottom li {
	float: right;
	white-space: nowrap;
}

#header-nav-bottom li a {
	display: block;
	margin: 0em;
	padding: 0em 1.0em 0em 1.0em;
	background: url(/media/newdesign/MenuSpace.jpg) no-repeat left;
	color: black;
	text-decoration: none;
}

#header-nav-bottom a:hover, #header-nav-bottom a.selected {
	margin: 0em;
	padding: 0em 1.0em 0em 1.0em;
	background-color: inherit;
	color: #FFFFFF;
	text-decoration: none;
}

/*** Correction for IE5 ***/
* html #header-nav-bottom a {width:1%;}

/*** Correction for IE5 ***/
* html #header-nav-bottom a {width:1%;}


/***   Buffer between heading and content area   ***/
#buffer {
	clear: both; 
	float: left;
	width: 810px;
	height: 2.0em;
	margin: 0em;
	padding: 0em;
	background-color: inherit;
}

/***********************/
/***   LEFT COLUMN   ***/
/***********************/
#left-column-first {
	clear:both;
	float: left;
	width: 15.9em;
	margin: 0em;
	padding: 0em;
	background-color: #333333;
	color: rgb(100,100,100);
}

/* Start Mac IE5 filter \*/
#left-column-first {
	padding-bottom: 30000px;
	margin-bottom: -30000px;
}

/* End Mac IE5 filter */

#left-column {
	float: right;
	width: 160px;
	padding: 0em;
	background: #333333;
	color: rgb(100,100,100);
}

img {
border:0;
}
img.imgmenu {
padding-left:11px;
border:0;
}
/* Start Mac IE5 filter \*/
#left-column {
	padding-bottom: 30000px;
	margin-bottom: -30000px;
}
/* End Mac IE5 filter */

#left-column ul {	
	width: 160px;
	float: left;
	list-style: none;
	margin: 0em;
	padding: 0em;
	background: url(/media/newdesign/Cat_Back.jpg) right repeat-y;
}

#left-column ul.email {	
	background: url(/media/newdesign/Cat_Back_T.jpg) right repeat-y;
}	


#left-column li {
	margin: 0em;
	padding: 0em;
}

#left-column li.left-nav-title {
	display: block;
	text-align: right;	
	margin: 0em;
	color: rgb(50,50,50);
	font-weight: bold;
	font-size:13px;
	font-weight:100;
	padding-top:4px;
	padding-right:10px;
}


#left-column li.left-nav-select {
	display: block;
	text-align: right;	
	margin: 0em;
	color: rgb(50,50,50);
	font-weight: bold;
	font-size:13px;
	font-weight:100;
	padding-top:4px;
	padding-right:10px;
}

#left-column li a {
	text-align: right;	
	background-color: inherit;
	color: black;
	text-decoration: none;
	height: 1.3em;
}

#left-column li a:hover, #left-column li a.selected {
	text-align: right;
	border-top: solid 0em rgb(215,215,215);
	color: #FFAE0A;
	text-decoration: none;
	height: 1.3em;
	font-weight:bold;
}

#left-column li.left-nav-group a {
	display: block;
	border-top: solid 0.1em rgb(215,215,215);
	background-color: inherit;
	color: rgb(125,125,125);
	text-decoration: none;
}	
	
#left-column a:hover, #left-column .selected {
	text-decoration: none;
}

#left-column li.left-nav-group a:hover, #left-column li.left-nav-group .selected {
	background-color: rgb(224,244,181);
	color: rgb(0,0,0);
	text-decoration: none;
}

/*** Images ***/
#left-column-first .img-left-nav {
	height: 50.0em;
	width: 15.9em;
	margin: 0em;
	border: none;
}

/*************************/
/***   MIDDLE COLUMN   ***/
/*************************/
#middle-column {
	float: left;
	width: 58.0em;
	margin: 0em;
	padding: 0em 2.0em 0em 2.0em;
	background: url(/media/newdesign/Lineblack.jpg) repeat-y right;
	color: rgb(100,100,100);
}

/* Start Mac IE5 filter \*/
#middle-column {
	padding-bottom: 30000px;
	margin-bottom: -30000px;
}
/* End Mac IE5 filter */	

/***   Pagetitle   ***/
div.pagetitle {
	margin: 0.3em 0em 0.3em 0em;
	padding: 0em;
	color: rgb(100,100,100);
	font-size:15px;
	font-weight: bold;
}
div.pagetitle a{
	color:#FFFFFF;
}


/*** Standard title and box option ***/
.middle-column-title-standard {
/* clear: both; */
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0em;	
	border-bottom: solid 0.167em rgb(120,176,39);	
	background-color: rgb(255,255,255);
	color: rgb(112,162,36);
	font-weight: bold;
}

.middle-column-box-full-standard {
	float: left;
	width: 58.0em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
}

.middle-column-box-left-standard {
	clear: left;
	float: left;
	width: 28em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
}

.middle-column-box-right-standard {
	float: right;
	width: 28em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
}

.middle-column-box-full-standard p.heading, .middle-column-box-left-standard p.heading, .middle-column-box-right-standard p.heading {
	margin: 1.0em 0em 1.0em 0em;
	font-weight: bold;
}

.middle-column-box-full-standard p.subheading, .middle-column-box-left-standard p.subheading, .middle-column-box-right-standard p.subheading {
	margin: 1.0em 0em 0.6em 0em;	
	font-weight: bold;
}

.middle-column-box-full-standard p, .middle-column-box-left-standard p, .middle-column-box-right-standard p {
	margin: 0em 0em 0.6em 0em;
}

/*** Blue options ***/
.middle-column-title-blue {
/* clear: both; */
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: #FF9F00;
	color: rgb(100,100,100);
	font-weight: bold;
	font-size:14px;
	padding-right:6px;
}

.middle-column-box-full-blue {
	width: 58.0em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: #FAE530;
	color: rgb(100,100,100);
}

.middle-column-box-left-blue {
	clear: left;
	float: left;
	width: 280px;
	
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: #FAE530;
	color: black;
	font-size:13px;
}

.middle-column-box-right-blue {
	float: right;
	width: 280px;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: #FAE530;
	color: black;
	font-size:13px;
}

.middle-column-box-full-blue p.heading, .middle-column-box-left-blue p.heading, .middle-column-box-right-blue p.heading {
	margin: 1.0em 1.0em 1.0em 1.0em;
}

.middle-column-box-full-blue p.subheading, .middle-column-box-left-blue p.subheading, .middle-column-box-right-blue p.subheading {
	margin: 1.0em 1.0em 0.6em 1.0em;	
	font-weight: bold;
}

.middle-column-box-full-blue p, .middle-column-box-left-blue p, .middle-column-box-right-blue p {
	margin: 0em 1.0em 0.6em 1.0em;	
}

/*** Image with border ***/
.middle-column-img-left-halfsize-border {
	float: right;
	width: 115px;
	height: 80px;
	/*margin: 0em 0.75em 0.3em 0em;*/
	margin-left:3px;
	border: solid 1px rgb(100,100,100);
}

.middle-column-tablemain {
	width: 115px;
	height: 80px;
	/*margin: 0em 0.75em 0.3em 0em;*/

	border: solid 1px rgb(100,100,100);
}

.middle-column-img-right-halfsize-border {
	float: right;
	width: 115px;
	height: 80px;
	/*margin: 0em 0em 0.3em 0.75em;*/
	border: solid 1px rgb(100,100,100);	
}

.middle-column-img-left-fullsize-border {
	float: left;
	width: 11.0em;
	height: 11.0em;
	margin: 0.3em 0.75em 0.3em 0em;
	border: solid 1px rgb(100,100,100);
}

.middle-column-img-right-fullsize-border {
	float: right;
	width: 11.0em;
	height: 11.0em;
	margin: 0.3em 0em 0.3em 0.75em;
	border: solid 1px rgb(100,100,100);	
}

/*** Image without border ***/
.middle-column-img-left-halfsize-noborder {
	float: left;
	width: 5.0em;
	height: 5.0em;
	margin: 0.3em 0.5em 0.3em 0em;
}

.middle-column-img-right-halfsize-noborder {
	float: right;
	width: 5.0em;
	height: 5.0em;
	margin: 0.3em 0em 0.3em 0.5em;
}

.middle-column-img-left-fullsize-noborder {
	float: left;
	width: 10.0em;
	height: 10.0em;
	margin: 0.3em 0.5em 0.3em 0em;
}

.middle-column-img-right-fullsize-noborder {
	float: right;
	width: 10.0em;
	height: 10.0em;
	margin: 0.3em 0em 0.3em 0.5em;
}


/*****************/
/***   FOOTER   **/
/*****************/
#footer {
	clear: both;
/*	float: left; */
	width: 810px;
	height: 2.5em;
	margin: 1.0em 0em 0em 0.0em;
	padding: 0.5em 0em 0.5em 0em;
	border-top: solid 0.1em rgb(200,200,200);
	border-bottom: solid 0.1em rgb(200,200,200);	
	background-color: rgb(255,255,255);
	text-align: center;
	color: rgb(100,100,100);
}

/*************************************************/
/***   HYPERLINKS IN MIDDLE AND RIGHT COLUMNS  ***/
/*************************************************/

/*** Hyperlinks in middle and right columns ***/
a {
	background-color: inherit;
	color: black;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/*** Visited links not in use ***/
/*a:visited {
	background-color: inherit;
	color: rgb(100,100,100);
	text-decoration: underline;
} */

#Newer td {
	padding-bottom:5px;
	font-size:14px;
}
#Newer td.c {
	border-left:1px solid #FF9F00;
}

#search {
font-size:12px;
border:1px solid #323433;
width:90px;
}


.text {
font-size:12px;
border:1px solid #323433;
width:130px;
}


#thisform-search {
padding:0;
margin:0;
color:#FFFFFF;
}

.Bolder {
font-family:arial;
color:#A70E0F;
}

.helpCode {
direction:rtl;
width:300px;
background-color:#FAE530;
border:1px solid #3F3408;
z-index:100;
position: absolute;
display:none;
padding:3px;
}


#hederdiv {
background:url(/media/img/upblank.gif) no-repeat; width:587px; height:126px; font-size:13px; padding-top:10px; text-align:center; color:black; font-family:arial; font-weight:bold
}


div.KeyBoard {
	background-color:#FFFFFF;
}

ul.keyboardul {
margin-left: 0; padding-left: 0;display: inline; border: none; list-style: none;
}
td.KeyBoardOneKey {
	background:url(/media/keyboard/icon_c_character.gif) no-repeat center;
	font-weight:bold;
	color:black;
	font-size:12px;
}



div.SubPageDiv {
width:570px;
background:#C6D3E7
}

div.Pages {
clear: both;
margin-top:10px;
text-align:center;
font-size:16px;
color:#FFFFFF;
}

a.PgNS {
	border:1px solid #CCCCCC;
	padding-left:2px;
	text-decoration:none;
	background-color: #FFFFFF;
}

a.PgN,a.PgNS:hover {
	border:1px solid #FFFFFF;
	padding-left:2px;
	text-decoration:none;
	background-color: #FF9F00;
	color:black;
}









.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 16px Arial;
width: 100%;
border-width: 1px 0;
background: black url(/media/newdesign/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: right;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

 .solidblockmenu li .current, .solidblockmenu li a.current:visited{
color: black;
background: transparent url(/media/newdesign/blockactive.gif) center center repeat-x;
}





.roundedcornr_box_549734 {
   background: #fae530;
}
.roundedcornr_top_549734 div {
   background: url(/media/corner/roundedcornr_549734_tl.png) no-repeat top left;
}
.roundedcornr_top_549734 {
   background: url(/media/corner/roundedcornr_549734_tr.png) no-repeat top right;
}
.roundedcornr_bottom_549734 div {
   background: url(/media/corner/roundedcornr_549734_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_549734 {
   background: url(/media/corner/roundedcornr_549734_br.png) no-repeat bottom right;
}

.roundedcornr_top_549734 div, .roundedcornr_top_549734, 
.roundedcornr_bottom_549734 div, .roundedcornr_bottom_549734 {
   width: 100%;
   height: 7px;
   font-size: 1px;
}
.roundedcornr_content_549734 { margin: 0 7px; }


div.bottomgame {
background-color:#FFFFFF;
border:4px solid #999999;
color:black;
font-size:14px;
padding:3px;
}

div.headingFont {
font-size:17px;
color:black;
padding:5px;
}

div.keyboardFont {
	font-size:17px;
	color:black;
	padding:2px;
	background-color:#FFFFFF;
}

#BackNext {
font-size:15px;
}

hr.bottom {
	background-color:#DCDEDD;
	width:90%;
	border:0;
	height:1px;
}
.frinds-top-sign {
	color:#FFE22E;
}

#submit-top-sign {
	background:url(/media/newdesign/Login.gif) no-repeat;
	width:72px;
	height:21px;
	border:0;
	cursor:pointer
}


div.errorver {
	color:red;
}

#sumVote {
	color:#F46F12;
}

.games-liked {
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
}


div.commdiv {
background:url(/media/newdesign/comments.gif) no-repeat top;
width:222px;
height:68px;
float:left;
font-size:11px;
overflow:none;
}

div.commdiv div{
padding-right:30px;
padding-top:5px;
}

div.commdiv div.content{
	height:40px;
	overflow:auto;
}

div.commdiv div i{
color:#999999;
}

#commentsTable td{
	width:280px;
	font-size:11px;
}

#commentsTable td img{
	float:right;
}


/* carousel css */
.avatars {
white-space: nowrap;
width:300px;
overflow :auto;
height:120px;
}

img.UserImages {
border:1px solid black;
}


#Emailist {
color:red;
}

#flashcontent {
text-align:center;
}

/* Polles */
.poller{	/* The poller box */
	color:black;
	width:125px;
	height:200px;
	padding:10px;
	
	background-image:url(/media/polls/question.gif);
	background-color: #FFFFFF;
	background-repeat:no-repeat;
	background-position: center center;
	margin:10px;
}
/* Poller title above radio buttons */
.pollerTitle{
	font-size:14px;
	margin-bottom:5px;
	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:14px;
}
/* Title of poller - when ajax shows the results */
.result_pollerTitle{
	margin-bottom:5px;
	font-weight:bold;
	font-size:14px;
}
/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */
.result_pollGraph img{
	float:left;
}
/* The <div> tag where the percentage result is shown */
.result_pollGraph div{
	float:left;
	height:16px;
	background-repeat:repeat-x;
	color:black;
	font-size:10px;
	line-height:16px;
}
/* Graph div - parent of both the corner images and the div displaying percentage votes */
.result_pollGraph{	
	height:16px;
}

/* Message when Ajax is working getting restults fromt the server */
.poller_waitMessage{
	display:none;	
}	

.result_totalVotes{
	clear:both;
	font-size:14px;
	margin-top:10px;
	font-style:italic;
}


/* Polls */