body{
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, 'Sans Serif';
	background: url("/layout/site header background.gif") repeat-x;
	margin: 9px 0 0 0;
	padding:0px;
	width:101%;
}

.ui-tabs h1 {font-size:100%; font-family:Verdana, Arial, Helvetica, 'Sans Serif';}
.ui-tabs h2 {margin: 25px 0 5px 0; }

/* game wrapper, container, sidebar 
******************************
#gamepage_tabs ul li {background: url(/layout/gamepage/whitebackground.png) top left repeat-x; padding:0; margin:0;}*/
#gamepage_tabs ul li a {background: url(/layout/gamepage/inskin_left_btn.png) top left no-repeat;}
#gamepage_tabs ul li {background: url(/layout/gamepage/inskin_right_btn.png) top right no-repeat; border:none;}

#gamepage_tabs ul li.ui-state-active {background: url(/layout/gamepage/inskin_right_btn_active.png) top right no-repeat; border:none !important;}
#gamepage_tabs ul li.ui-state-active a {background: url(/layout/gamepage/inskin_left_btn_active.png) top left no-repeat !important;}

.InSkinContainer { text-align:left !important; }
#InSkinContentContainer_myInSkin1 { text-align:center !important; }

div#game_wrapper{
	float: left;
	width: 100%;
	/* border:1px solid #4f4803; */
	min-height:700px;
	/* background: url(/layout/gamepage/sidebar_background.png) repeat-y; 
	background-color:#fff;*/
}


div#game_sidebar{
	float: left;
	width: 194px; 
	margin-left: -100%;
	margin-top:20px;
	margin-bottom:10px;
	padding-top:0px;
	height:100%;
}

div#game_container {
	visibility:hidden;
	margin-left: 194px; /*Set left margin to LeftColumnWidth*/
	min-height:810px;
	/*background: url(/layout/gamepage/white_back2.png) no-repeat top left;
	 z-index:1; */
}


#logo {
	position: static;
	width: 169px;
	padding-top: 19px;
	margin-left: 13px;
	
	background: url(/layout/gamepage/logo_black_inskin.jpg);
}
#logo:hover {
	background-position: 0 0;
}
#tagline {
	display: block;
	margin: 0 0 31px 79px;
	color: #000;
	letter-spacing: 1.2px;
	font-size: 7px;
	font-weight: bold;
	text-transform: uppercase;
}

div#sidebar_sky_top,div#sidebar_sky_body,div#sidebar_sky_bottom{
	margin-left:4px; 
	width: 180px; 
} 
div#sidebar_sky_top{
	margin-top:7px; 
	height: 10px; 
	/* background: url(/layout/gamepage/sidebar_sky_top.png); */	
}
div#sidebar_sky_body{
	/* background: url(/layout/gamepage/sidebar_sky_mid.png); */	
}	
div#sidebar_sky_bottom{
	margin-bottom:0px; 
	height: 10px; 
	/* background: url(/layout/gamepage/sidebar_sky_bottom.png); */
}	
/* footer 
*******************************/
div#game_footer{
	position: relative;
	width:100%;
	height:82px;
	margin-top: 10px;
	margin-left: 1px;
	padding: 0px; 
	/* background: url(/layout/gamepage/footer_background_mid.png) repeat-x; */
}

div#game_footer ul{
	margin:0 0 0 0px;
	list-style:none;
}
div#game_footer li{
	display:inline;
	background-image:none;
}


div#game_footer li a#unrulyPlayer_1, div#game_footer li a#unrulyPlayer_2 {
	display:inline-block;
	vertical-align:top;
	background-image:none;
}

.game_footer_links {
	clear:both;
	list-style:none;
	height:22px;
	padding:10px 15px 0 0;
	text-align:right;
	background: #000;
}
.game_footer_links li {
	border-left:1px solid #FFF;
	padding-left:5px;
	margin-right:5px;
	display:inline;
}
.game_footer_links li.first {
	border:0;
	padding:0;
}

div#game_footer_left{
	left:0px;
	position: absolute;  
	/* background: url(/layout/gamepage/footer_background_left.png); */ 
	width:67px; 
	height:81px;	
}

div#game_footer_right{
	right:0px;
	position: absolute; 
	/* background: url(/layout/gamepage/footer_background_right.png);  */
	width:67px; 
	height:81px;
}	

/* game 
*******************************/
#flashcontent { overflow:auto; }
div#flashcontent embed
{
	border:2px solid #000;
	margin-top:10px;
}


/* override jqueryui tabs 
*******************************/

/* override tabs behaviour for the tab with the swf, 
 to avoid restarting the game when you switch tabs */ 
div#tab-game.ui-tabs-hide{
	display:block !important;
	visibility:hidden;
	height:1px !important;
	padding:0px !important;
	margin:0px;
	border:0px !important;
}
.ui-tabs .ui-tabs-nav li { margin:0; top: 0; }


#gamepage_tabs .ul-tabs, #gamepage_tabs .ui-widget, #gamepage_tabs .ui-widget-content {
	width:100% !important;
}

#whiteBottomMargin {
	background:url("/layout/gamepage/white_footer_bottomMargin.png") no-repeat left bottom;
	height:27px;
	width:100%;
}

div#gamepage_tabs ul{
	visibility:hidden;
}

/* override styles of the default tabs theme */
.ui-tabs {
	/* background: transparent; */
	border: 0px; 
	margin-right: -3px;
	/* padding:0.2em 0 0 !important; */
	background:url("/layout/gamepage/white_back5.png") no-repeat scroll left top transparent;
}

li.ui-tabs-selected {
	/* background: #cccc00 !important;  THIS IS THE BUTTON WHEN ITS@S SELECTED */
	color: #000;
}

.ui-state-default, .ui-widget-content .ui-state-default {
	background: transparent;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color:#000 !important; /* THis is originally on the jquery-ui.css */
	font-weight:normal;
}

.ui-state-default, .ui-widget-content .ui-state-default {
	border:none !important; /* THis is originally on the jquery-ui.css */
}

.ui-widget-content{
	color: #000;
}

.ui-widget-content .ui-state-active {
	/* border: 1px solid #cc0; */
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	
}

.ui-widget-content .ui-state-active a {
	font-weight: bold;
	color: #000;
	
}

.ui-tabs .ui-tabs-nav {
	padding:0.2em 2em 0 !important; /* THis is originally on the jquery-ui.css */
}

.ui-tabs .ui-tabs-nav li a {
	padding:0.9em 1em !important; /* THis is originally on the jquery-ui.css */
	
}

.ui-widget-content .ui-state-default {
	font-weight: bold;
	/* border: 1px solid #cc0;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px; */
}


/* high scores tabs 
*******************************/

div#scores_wrapper {
	margin: 0 auto; 
	width: 710px; 
}

div#scores_left, div#scores_right{
	text-align:left; 
	color:white;
	width:350px; 
}

div#scores_left{
	float:left; 
}
div#scores_right{
	float:right; 
}
div.score_entry{
	width:350px; 
	height: 30px;
	font-size: 20px; 
	font-family:verdana, arial;	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin-bottom:5px;
	background-color:#F9D84B;
}	
span.score_index{
	color:#cc0000;
	float:left; 
	padding:0px 5px;
}
span.score_name{
	float:left; 
}
span.score_number{
	float:right;
	padding-right: 15px; 
}
div.score_shade{
	background: url(/layout/gamepage/scores_shadedrow.png);
}
a.scores_next_link{
	float:right; 	
}
a.scores_prev_link{ 
	float:left;
}	

a.scores_next_link, a.scores_prev_link {
	color:#cc0000; 
	font-size:12px;
	font-family:verdana, arial;
	font-weight:bold;
	text-decoration:none;
}

a.scores_next_link:hover, a.scores_prev_link:hover {color:#555;}


/* Overwrite jquery-ui.css from jquery on google */
.ui-tabs .ui-tabs-panel {
	padding:1em 0 !important;
}


/* Star Rating */
/***************/
#ratingcontainer { color:#000; position:relative; }
#rating_header { font-weight:bold; color:#ff0000; }
#ratingmessage { padding-bottom:5px; clear:both; font-weight:bold; }
#ratingsubmitmessage { display:none; position:absolute; top:2px; left:3px; width:180px; padding:9px 4px; background:#fff; border:2px solid #ff0000; z-index:10; font-weight:bold; }
#fb-loader {display:none; }

.star-rating,
.star-rating a:hover,
/*.star-rating a:focus, */
.star-rating .current-rating{
	/*background: url(/layout/gamepage/ratingstars_large.png) left -1000px repeat-x;*/
	background: url(/layout/gamepage/star_rating.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;	/*190px;*/
	height:25px;	/*35px;*/
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}

.star-rating li {
	display: inline;
}

#star-rating-container .star-rating a,
#star-rating-container .star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;		/*35px;*/
	line-height:25px;	/*35px;*/
	outline:none;
	overflow:hidden;
	border: none;
}

.star-rating a:hover {
	background-position: left bottom;	/*center;*/
}
.star-rating.fullstars a:hover {
	background-position: left center;
}

.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating {
	z-index:1;
	background-position: left center;	/*bottom;*/
}
.star-rating.fullstars .current-rating { background-position: left bottom; }

.star-rating .ratingdisabled{
	z-index:1;
	background-position: left top;
}


.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

#friends_ratings_container { display:none; color:#000; }
#friends_ratings_container a, #logout-for-rating a { text-decoration:none; color:#3b5998; }
#friends_ratings_container a:hover, #logout-for-rating a:hover { text-decoration:underline; }

#login-for-rating { float:left; padding:2px 0; margin:2px 0 0 3px; border-top:1px solid #CCC; width:95%; clear:both;}
#login-for-rating-button { color:#000; }
/* End styles for the star rater */


