/***********************************************
# PU Arcade - A Joomla Component               #
# Copyright (C) 2003-2008  by Pragmatic Utopia #
# Homepage   : www.pragmaticutopia.com         #
# Email      : puarcade@pragmaticutopia.com    #
# Version    : 2.3                          	 #
# License    :GNU GPL               					 #
#                                              #
# CSS Document for DESERT Theme                #
***********************************************/

/*For IE6 Compatibility */
#puarcade_wrapper
{
	float: center;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
/* For the "PUArcade by... links
at the bottom of most pages */
#pu_footer{
	width: 97%;
	text-align: center;
	font-size: small;
	font-family: Verdana;
}
/* Contains the special folder
links at the top of most pages */
#pua_header{
	width: 100%;
	font-size:1em;
	margin: 0 auto;
	padding-bottom: 5px;
	height: 30px;
}
#pua_header img{
	float:center;
	padding: 3px 3px 0 0;
}	
#pua_header a{	
	color:#8b5a2b;
}
#pua_header a:hover{	
	color:#ee9a49;
}
/* The folder display that shows the games inside it */		
.pua_folder{
	width: 100%;	
	padding-bottom: 10px;
	background-color: #f5f5dc;
	margin-bottom: 8px;
}
/* For the special folder links boxes */
.pua_header_box{
	float:center;
	height: 30px;
	background-color: #f5f5dc;
	margin-bottom: 4px;
	margin-right: 3px;
	font-size: 1.0em;
	text-align: center;
	padding-right: 8px;
	line-height:2.5em;
}
/* for the "see all xx games in this folder link at the bottom of each folder" */
.pu_AllGames{
	width: 99%;
	text-align: right;
	padding: .25em;
}
.pu_AllGames a:link, .pu_AllGames a:active, .pu_AllGames a:visited{
	margin: .5em;
	padding-left: .75em;
	padding-right: .75em;
}
/* Used where the description of a folder is displayed */
.pua_folder_description{
	padding: 10px ;
	height: 35px;
	margin: 5px 5px 5px 0;
	color:#000000;
}
/* Shows above the game list and score list.  
Gets top left and right corners rounded in javascript. */
.pu_ListHeader{
	width: 100%;
	color: #000000;
	background-color:#f5f5dc;
}
/* Shows below game list and score list.  
Gets bottom left and right corners rounded in javascript*/
.pu_listbottom{
	width: 100%;
	color: #000000;
	background-color:#f5f5dc;
	padding:0 0 0 0.5em;
}
.pua_folder_description a,.pua_folder_games a{
	color:#8b5a2b;
}
.pua_folder_description a:hover,.pua_folder_games a:hover,.pu_AllGames a:hover{
	color:#ee9a49;
}

.pua_game_container{
	padding: 4px;
	margin-left: 10px;
	height: 100px;
}

.pua_folder_games{
	float:left;
	background-color: #eee8aa;
	padding: 6px;
	margin-right: 6px;
	height: 100px;
	width: 30%;
}

.pua_folder_games a{
	color:#8b5a2b;
	line-height: 93%;
}
.pua_folder_games h4{
	color:#000000;
	line-height: 93%;
}

.pua_folder_games img {
	float:left;
	width: 100px;
	height: 100px;
	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:#000000;
}
.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: 100%;
	height: 30px;
	background-color: #F5F5DC;
	padding: 0;
	line-height:30px;
	vertical-align:middle;
	text-align:center;
	color:#000000;
	font-size: 1.5em;
	font-weight: bold;/*	Cannot safely clear without breaking the layout */
	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:#000000;
	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: 100%;
	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: 100%;
}
/* Container to left score and game lists */
.pu_ListContainer{
	margin: 0 auto;
}
/* Adds a margin if more than one content
block is showing on game play page */
.pu_AddMargin{
	width: 15px;
	height: 205px;
	float:center;
}
/* Container for one content block */
.pu_contentblock{
	width: 100%;
	height: 205px;
	float:center;
	margin: 0 auto;
}
/* Container to left the content blocks */
.pu_block_container{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: auto;
}
/* Container for the faves and reporting links
at bottom of game play page*/
.pu_GamePageBottomLinks{
}
#fave
{
	clear: left;
}
/* Container for the comments link at bottom of
game play page*/
div.pu_comments{
	display: none;
}
/* Container for social bookmarks shown under games */
.pu_bookmarks{
	width:180px;
	margin-left:auto;
	margin-right:auto;
/*	clear: both;	*/
	margin-bottom:3px;
}
/* Score results message is shown in this div */
#pu_message{
	width: 100%;
/*	clear: both;	*/
	margin-bottom:3px;
	text-align:center;
	color:#000000;
	font-weight: bold;
	font-size:1.3em
}
/*****************************************************
*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: 100%;
	height: 100%;
	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;
}
/***************************
* End star rating styles
****************************/