/* Settings for margin, body padding, background color and background image*/
body{
font-family:verdana,arial,sans-serif;
font-size:12px;
z-index: 0;
position:absolute;
margin: 0px auto 0px auto;
width: 800px;
padding: 0px;
}



/* Tile styles */

/* Tiles <div> info.*/

.main_tile{
	position:absolute;
	z-index: 1;
	width:53px;
	height:71px;
	display: none;
}


.main_tile img{
	position: absolute;
	left: 1px;
	top: 1px;
	z-index: 1;
}



/* Highlight for selected tiles */

#highlight {
	position: absolute;
	left: 1px;
	top: 1px;
	z-index: 2;
	display: none;
}



/* Control boxes*/

/* Size and style of play controls (time, tiles remaining, start, stop, etc) */

#playControls {
	position:absolute;
	z-index: 1;
	background-color: #99aec3;
	padding: 5px 4px 5px 4px;
	left: 672px;
	top: 1px;
	width:112px;
	display: none;
	border:4px outset #99AEC3;

}
#playControls p , #playControls select {
	font-size: 10px;

}
#playButtonPgph , #stopButtonPgph{
width: 104px;
text-align: center;

}

#stopButtonPgph {
display: none;

}
#playButtonPgph{


}
.playText {
	color: white;
	font-weight: bold;
	height: 23px;
	padding: 2px 0px 0px 40px;
	width:112px;
	float: left;
}
.playField {
	height: 25px;
	float: left;
	width:112px;
}
.timeLeftHeader , #timeLeftText ,.tilesLeftHeader , #tilesLeftText{
	color: white;
	font-size: 10px;
	font-weight: bold;
	height: 23px;
	width: 58px;
	float: left;


}
#timeLeftText , #tilesLeftText{
	text-align: right;
	width: 53px;
}
.clearBoth {
	clear: both;

}


/* thank you page */

#thankyou , #win , #lose {
	display: none;
	position:absolute;
	top: 0px;
	left: 0px;
	z-index:10;
	width:800px;
	height:600px;
	overflow: hidden;

}
#thankyou p{
	width:75%;
	margin: 50px auto;
	font-weight: bold;
	color: white;
	font-size: 16px;

}

#lose p{
	margin: 450px 0px 0px 0px;
	color: white;
	font-size: 60px;
	letter-spacing: 2px;
	text-align: center;

}

#win p{
	margin: 0px 0px 0px 0px;
	color: white;
	font-size: 60px;
	letter-spacing: 2px;
	text-align: center;

}



/* copyright box properties */

.copyright
{
width:800px;
height:10px;
text-align: center;
color: white;
font-family: Verdana;
font-size: 10px;
}



/* Startup Info */


#startup_screen, #flash_on{
	position:absolute;
	top: 282px;
	left: 230px;
	z-index:1;
	width:360px;
	height:32px;
	overflow: hidden;
}
#startup_screen p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 20px;
	text-align: center;


}
#configSelect {
	position:absolute;
	top: 250px;
	left: 238px;
	width: 340px;
}


#flash_on , #configSelect , #tileHelpScreen {
	display: none;

}


#tileHelpScreen {
width: 800px;
color: white;
}
#tileHelpTitle p {
	font-size:14px;
	font-weight: bold;
	text-align: center;



}
#tilePause {

font-size:12px;
color: white;
}



#characters ,#bamboos , #circles , #dragons , #winds , #seasons , #flowers {
	width: 700px;
	margin: 0px auto;
}
#charactersRow ,#bamboosRow , #circlesRow , #dragonsRow , #windsRow , #seasonsRow , #flowersRow {
	float: left;
	height: 75px;
}
.helpTiles {
	padding-right: 6px;

}

.helptext{
	float: left;
	font-size:12px;
	font-weight: bold;
	width: 175px;

}



.cast
{
color: white;
font-family: Times New Roman;
font-size: 30px;
letter-spacing: 2px;
float:left;
}