html{

}
body{
	font-family:		Arial, Helvetica;
	font-size:			10pt;
	background:			url(../images/background.jpg) repeat;
	color:			#333333;
}
table{
	font-size:			10pt;
}

div#logo{
	font-weight: 		bold;
	font-size:			22pt;
	color:			#EEEEEE;
	margin-bottom:		15px;
	text-align:			left;
	width:			1000px;
	height:			50px;
}
div#logo a{
	color:			#EEEEEE;
}
.menuitem{
	color:			blue;
	font-size:			10pt;
	
}
div#content{
	width: 			1000px;
	background-color:		#F1F1F1;
	border-bottom:		2px solid #333333;
	border-right:		2px solid #333333;
	border-top:			2px solid #888888;
	border-left:		2px solid #888888;
	text-align:			left;
}
div#content_inner{
	padding:			15px;
}

div#title_bar_container{
	width:			1000px;
	border-bottom:		1px solid #a9a9a9;
	background-color:		#deed9d;
	font-size:			14pt;
}
div#title_bar{
	padding:			5px 10px;
}

h1,h2,h3{
	margin-top:			0px;
	margin-bottom:		5px;
}

form fieldset{
	border:			none;
}

form fieldset label{
	display:			block;
	float:			left;
	width:			130px;
	margin-bottom:		0.5em;
	padding-right:		10px;
	text-align:			right;
}
form fieldset label.required{
	font-weight:		bold;
}
form fieldset input, form fieldset select, form fieldset textarea{
	clear:			none;
	margin-bottom:		0.6em;
}

form fieldset span.field_error{
	color:			red;
	font-size:			0.8em;
	margin-left:		0.5em;
	vertical-align: 		top;
}
form fieldset span{
	vertical-align: 		top;
}
form fieldset legend{
	color:			#333333;
}
fieldset br{
	clear:			left;
}
 
#progressbar_container{
	width:			300px;
	height:			20px;
	border:			1px double black;
	margin:			0 auto;
}
#progressbar{
	height:			20px;
	width:			0px;
	background-color:		#F53D00;
}

a{
	color:			#576273;
}
#socketBridge{
	position:			absolute;
	top:				-1000px;
}

div#words .valid{
	color:			black;
	font-weight:		bold;
}
div#words .invalid{
	color:			red;
}
div#words .duplicate{
	color:			grey;
}
div#words .first{
	color:			blue;
	font-weight:		bold;
}
div#words .timesup{
	color:			green;
}


table.players_listing{
}
table.players_listing th, table.players_listing td{
	padding:			3px;
	cursor:			default;
	font-weight:		normal;
}
table.players_listing th{
	color:			white;
	background-color:		#94a95a;
	text-align:			left;
	width:			100%;
}
table.players_listing td.col1{

}
table.players_listing td.col2{

	text-align:			right;
}
table.players_listing td.col3{

	text-align:			right;
}
table.players_listing tr.playerslistingrow_selected{
	color:			white;
	background-color:		#6e59a8;
	font-weight:		bold;
}

table.dynamic, table.post_table_header{
	margin-bottom:		10px;
	font-size:			9pt;
}
table.dynamic thead, table.post_table_header thead{
	background:			url(../images/header.jpg) #00326A repeat-x;
}
table.dynamic th, table.post_table_header th{
	color:			#FFFFFF;
	font-weight:		bold;
	text-align:			left;
	padding:			5px 8px;
	font-size:			1em;
}
table.dynamic th a, table.post_table_header th a{
	text-decoration:		none;
}
table.dynamic td{
	padding:			8px;
	font-size:			1em;
	font-weight:		normal;
	background-color:		#e7e3d8;
}
table.dynamic td.alt1{
	background-color:		#F8F5EC;
}
table.dynamic td.alt2{
	background-color:		#e7e3d8;
}
table.dynamic th a, table.post_table_header th a{
	color:			#EEEEEE;
}
table.dynamic img{
	border:			none;
}
table.wordchart td{
	width:			25px;
	padding:			4px;
}


div.blog_header{
	background:			url(../images/header.jpg) #00326A repeat-x;
	color:			#FFFFFF;
	font-weight:		bold;
	text-align:			left;
	padding:			5px 8px;
	font-size:			1em;
}
div.blog_body{
	padding:			15px;
}

/** 
 *
 * Serpentine Specific CSS 
 *
 **/
 
table#serpentine_board td{
	font-weight:		bold;
	text-align:			center;
	background-color:		#caf1bf;
	border-bottom:		2px solid #333333;
	border-right:		2px solid #333333;
	border-top:			1px solid #888888;
	border-left:		1px solid #888888;
	cursor:			default;

}
table#serpentine_board td.four{
	font-size: 			38pt;
}
table#serpentine_board td.five{
	font-size: 			34pt;
}
table#serpentine_board td.six{
	font-size: 			25pt;
}
table#serpentine_board td.four div.board_pusher{
	width:			62px;
	height:			58px;
	margin:			10px;
    line-height:    1em;
}
table#serpentine_board td.five div.board_pusher{
	width:			45px;
	height:			41px;
	margin:			6px 10px 12px 8px;
    line-height:    1em;
}
table#serpentine_board td.six div.board_pusher{
	width:			31px;
	height:			27px;
	margin:			10px;
    line-height:    0.8em;
}
table#serpentine_board td.clicked{
	background-color:		#add5a3;
	border-bottom:		2px solid #888888;
	border-right:		2px solid #888888;
	border-top:			1px solid #333333;
	border-left:		1px solid #333333;
}
table#serpentine_board td.moused{
	background-color:		#a9a9a9;
	border-bottom:		2px solid #888888;
	border-right:		2px solid #888888;
	border-top:			1px solid #333333;
	border-left:		1px solid #333333;
}
table#serpentine_board td.five div.doubleletter{
	margin-left:		7px;
	width:			62px;
}
table#serpentine_board td.five div.doubleletter{
	margin-left:		2px;
	width:			45px;
}
table#serpentine_board td.six div.doubleletter{
	margin-left:		3px;
	width:			35px;
}
table.serpentine_board_disabled td{
	color:			#AAAAAA;
}
div#timeleft_container{
	font-size:			20pt;
	font-weight:		bold;
}
div#words_container{
	width:			180px;
	height:			320px;
	border-bottom:		2px solid #333333;
	border-right:		2px solid #333333;
	border-top:			1px solid #888888;
	border-left:		1px solid #888888;
	background-color:		white;
	overflow:			auto;
}
div#words{
	padding:			5px;
}
div#status_bar_container{
	padding-left:		10px;
	border-top:			1px solid #a9a9a9;
	background-color:		#d9d9d9;
	padding:			5px;
	font-size:			8pt;
}
div#status_bar{
	width:			100%;
}
div#chat_window_container{
	width:			340px;
	height:			175px;
	border-bottom:		2px solid #333333;
	border-right:		2px solid #333333;
	border-top:			1px solid #888888;
	border-left:		1px solid #888888;
	background-color:		white;
	overflow:			auto;
}
div#chat_window{
	padding:			5px;
	font-size:			8pt;
}
div.chat_owner{
	float:			left;
	clear:			left;
	color:			blue;
	font-weight:		bold;
	padding-right:		10px;
	width:			75px;
}
div.chat_message{
	float:			left;
	width:			210px;
}

div#player_window_container{
	width:			340px;
	height:			180px;
	border-bottom:		2px solid #333333;
	border-right:		2px solid #333333;
	border-top:			1px solid #888888;
	border-left:		1px solid #888888;
	background-color:		white;
	overflow:			auto;
	font-size:			8pt;
}
div#player_window{
	padding:			2px;
}


/**** Report CSS ****/
.report div.bar{
	height:			20px;
	width:			100%;
	background-color:	red;
	padding: 		3px;
	border-bottom:		2px solid black;
	border-right:		2px solid #666666;
}
.report td.count{
	text-align:		right;
	font-weight:		bold;
}


a{
	cursor: pointer;
	cursor: hand;
	text-decoration: underline;
}

.footertab{
	float:			right;
	background-color:		#cccccc;
	padding:			8px;
	margin-top:			2px;
	border-bottom:		2px solid #333333;
	border-right:		2px solid #333333;
	border-top:			1px solid #888888;
	border-left:		1px solid #888888;
}
.footertab_selected{
	background-color:		#eeeeee;
}


dl.playerinfo{
	margin:			0;
	padding:			0;
	font-size:			8pt;
}
dl.playerinfo dt{
	font-weight:		bold;
	clear:			right;
}