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

* PUArcade CSS Document

*

* OCEAN theme

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



/* For the "PUArcade by... links

at the bottom of most pages */

#pu_footer{

	width: 97%;

	text-align: center;

	font-size: small;

	font-family: Verdana;

	clear:both;

}

/* Contains the special folder

links at the top of most pages */

#pua_header{

	width: 99%;

	font-size:1em;

	margin: 0 auto;

	text-align:center;

}	

#pua_header img{

	float:left;

	padding: 3px 3px 0 0;

}	

#pua_header a{	

	color:#FFFFFF;

	text-decoration: none;

}

#pua_header a:hover{	

	color:#FFFFFF;

	text-decoration: underline;

}

/* The folder display that shows the games inside it */		

.pua_folder{

	clear: both;

	width: 99%;	

	padding-bottom: 10px;

	background-color: #39A039;

	margin-bottom: 8px;

}

/* For the special folder links boxes */

.pua_header_box{

	float:left;

	height: 30px;

	background-color: #39A039;

	margin-bottom: 4px;

	margin-right: 3px;

	font-size: 1.0em;

	text-align: center;

	padding-right: 8px;

	line-height:2.5em;

}

.pu_AllGames{

	width: 99%;

	clear: both;

	text-align: right;

}

/* Used where the description of a folder is displayed */

.pua_folder_description{

	padding: 10px ;

	height: 35px;

	margin: 5px 5px 5px 0;

	color:#FFFFFF;

}

/* Shows above the game list and score list.  

Gets top left and right corners rounded in javascript. */

.pu_ListHeader{

	width: 99%;

	color: #fff;

	background-color:#39A039;

}

/* Shows below game list and score list.  

Gets bottom left and right corners rounded in javascript*/

.pu_listbottom{

	width: 99%;

	color: #fff;

	background-color:#39A039;

}

.pua_folder_description a,.pua_folder_games a,.pu_AllGames a{

	color:#EEEEEE;

	}

.pua_folder a, .pua_folder b{

color:#EEEEEE;

}

.pua_folder a:hover, .pua_folder b:hover{

color:#FFFFFF;

}

.pua_folder_description a:link,.pua_folder_games a:link,.pu_AllGames a:link{

	color:#EEEEEE;

	}

	

.pua_folder_description a:hover,.pua_folder_games a:hover,.pu_AllGames a:hover{

	color:#FFFFFF;

}







.pua_game_container{

	padding: 8px;

	margin:auto

}



.pua_folder_games{

	float:left;

	text-align:center;

	margin: 0px;

	background-color: #198019;

	padding: 4px;

	margin-right: 6px;

}



.pua_folder_games a{

	color:#EEE

}

.pua_folder_games h4{

	color:#FFFFFF;

}



.pua_folder_games img{

	float:left;

	width: 50px;

	height: 50px;

	margin-right: 3px;

	margin-left: 2px

}



.pua_folder h3,.pua_folder h4, .pua_score{

	text-align:left;

	font-size: 0.9em;

	margin: 0;

	padding: 0;

	color:#FFFFFF;

}



.pua_socbm img{

	width: 18px;

	height: 18px;

}



.pua_socbm ,.pua_folder_games,.pua_header_box,#pua_header,.pu_MediaObject,#FlashTable,.pu_tagcloud,.pu_statsblock{ behavior: url(iepngfix.htc); }



/* Displays across the top of the game play page */

.pu_heading{

	width: 99%;

	height: 30px;

	background-color: #39A039;

	padding: 0px 0 0;

	line-height:30px;

	vertical-align:middle;

	text-align:center;

	color:#FFFFFF;

	font-size: 1.5em;

	font-weight: bold;

	clear:both;

	margin-bottom: 5px;

}



.pua_short_heading{

	width: 98%;

	height: 30px;

	background-color: transparent;

	line-height:30px;

	vertical-align:middle;

	background-repeat: repeat-x;

	background-attachment: scroll;

	padding: 0;

	text-align:center;

	color:#FFFFFF;

	font-weight: bold;

}

/* for the pathway/breadcrumbs at the top of 

many pages */

.pu_pathway{

	float:none;

	width:auto;

	text-align:left;

	padding-bottom: 20px;

}



/* positions the rater on the 

game play page */

.pu_Rater{

	float: left;

	margin: -38px 0 0 0px;

	padding-left: 5px;

}



.pua_socbm{

	float: left;

}

/* contains the actual game */

.pu_MediaObject{

	margin: 0 auto;

	text-align: center;

}

/* contains the scores that display under a game */

.pu_ScoreUnderGame{

	width: 99%;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 12px;

}

/* Container for the game list and the score list

This div gets directly updated by the javascript */

#FlashTable{

	width: 99%;

	clear: both;

}

/* Container to center score and game lists */

.pu_ListContainer{

	margin: 0 auto;

	clear: both;

}

/* Adds a margin if more than one content 

block is showing on game play page */

.pu_AddMargin{

	width: 15px;

	height: 205px;

	float:left;

}

/* Container for one content block */

.pu_contentblock{

	width: 48%;

	height: 205px;

	float:left;

	margin: 0 auto;

}

/* Container to center the content blocks */

.pu_block_container{

	margin-left: auto;

	margin-right: auto;

	width: 80%

}

/* Container for the faves and reporting links 

at bottom of game play page*/

.pu_GamePageBottomLinks{

	clear:both;

}

/* Container for the comments link at bottom of 

game play page*/

div.pu_comments{

	display: none;

}

.pu_bookmarks{

	width:180px;

	margin-left:auto;

	margin-right:auto;

	clear:both;

	margin-bottom:3px;

}

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

*styles for the star rater                           *

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

.rating {

	cursor: pointer;

	display: block;

	width:100px;

	margin-right:10px;

	margin-left:auto;

	margin-bottom:3px;

}

.rating:after {

	content: '.';

	display: block;

	height: 0;

	width: 0;

	clear: both;

	visibility: hidden;

}

.cancel,

.star {

	float: left;

	width: 17px;

	height: 15px;

	overflow: hidden;

	text-indent: -999em;

	cursor: pointer;

}

.star-left,

.star-right {

  width: 8px

}

.cancel,

.cancel a {background: url(delete.gif) no-repeat 0 -16px;}



.star,

.star a {background: url(star.gif) no-repeat 0 0px;}

.star-left,

.star-left a {background: url(star-left.gif) no-repeat 0 0px;}

.star-right,

.star-right a {background: url(star-right.gif) no-repeat 0 0px;}

	

.cancel a,

.star a {

	display: block;

	width: 99%;

	height: 99%;

	background-position: 0 0px;

}



div.rating div.on a {

	background-position: 0 -16px;

}

div.rating div.hover a,

div.rating div a:hover {

	background-position: 0 -32px;

}