body {
	margin: 0;
	padding: 0;
	background: transparent url(images/site/bkgd.gif) left top repeat-x;
	font-family: helvetica, arial, sans-serif; 
	font-size: 11px; 
	font-weight: normal;
}

#container {
	position: relative;
	margin: 0 0 0 -350px;
	padding: 0;
	width: 600px;
	height: 100%;
	/*background: transparent url(images/site/panel_bkgd.gif) left top no-repeat;*/
	left: 50%;
}


#d_game {
	/* Game Portal */
	float: left;
	clear: none;
	position: relative; 
	width: 350px; 
	height: 600px; 
	background-color: #000;
}

#sidebar {
	/* controls and form */
	float: right;
	clear: none;
	position: relative; 
	margin: 0 0 0 20px;
	width: 230px; 
	height: 600px; 
	/*background-color: #000;*/
}

div.text_button {
	/* Title Screen Buttons */
	width: 170px;
	height: 50px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	cursor: default;
	padding-top: 17px;
}

div.sub_header {
	/* Title Screen Sub-header */
	width: 322px;
	height: 24px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	cursor: default;
	padding-top: 5px;
}

div.score_display {
	/* Large HUD Score Display */
	width: 350px;
	height: 50px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	cursor: default;
	padding-top: 16px;
}

div.hud_text {
	/* Time and Level Display */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	cursor: default;
}

div.hud_label {
	/* Time and Level Labels */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	cursor: default;
}

.particle_blue { background-color: #1270fe; }
.particle_pink { background-color: #fd1ba3; }
.particle_green { background-color: #72cf15; }
.particle_orange { background-color: #fd861c; }
.particle_white { background-color: #fff; }

#d_info {
	/* Debug Display */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	cursor: default;
}

table.credits tr td {
	/* Credits Text */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #fff;
}

.title_text {
	/* Plain Text used on the Title Screen */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #fff;
	cursor: default;
	text-align: left;
}

.title_text tr td a { color: #fff; text-decoration: none; }
.title_text a { color: #fff; text-decoration: none; }

div.high_score_row {
	width: 288px;
	height: 22px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #fff;
	padding-top: 1px;
	cursor: default;
}

div.high_score_row div.rank {
	float: left;
	text-align: right;
	width: 80px;
	color: #02a70d;
}

div.high_score_row div.username {
	float: left;
	text-align: right;
	width: 54px;
	padding-right: 10px;
}

div.high_score_row div.score {
	float: left;
	text-align: left;
	width: 134px;
	padding-left: 10px;
}

div.game_message {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 23px;
	color: #fff;
	text-align: center;
	cursor: default;
}

div.congratulations {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 23px;
	color: #fff;
	text-align: center;
	cursor: default;
	font-weight: bold;
}

#d_controls {
	float: left;
	clear: left;
	position: relative; 
	display: block;
	width: 230px;
	height: 340px; /*subtract the height of the form for this*/
	margin: 0;
	padding: 15px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #FFF;
	cursor: default;
}

/* for IE \*/
*html #d_controls { 
	padding: 15px 0 0 0;
	margin: 0 0 30px 0;
}
/* */

h3 {
	margin: 0 0 8px 0;
	font-family: helvetica, arial, sans-serif; 
	font-size: 12px; 
	font-weight: bold;
	color: #FFF;
	line-height: 12px;
	}

#shortcuts { 
	float: left;
	clear: none;
	position: relative; 
	display: block;
	margin: 0 0 45px 0;
	padding: 0 16px;
	width: auto;
	line-height: 15px;
}

#shortcuts p { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	text-align: left;
	line-height: 11px;
}

/* for IE \*/
*html #shortcuts p { 
	margin: 0 0 5px 0;
	line-height: 11px;
}
/* */

.letter_key {
	float: left;
	clear: none;
	position: relative;
	margin: 0 5px 0 0;
	padding: 0;
	width: auto;
	height: auto;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #90CCDD;
	text-align: center;
}

#d_audio_controls {
	float: left;
	clear: none;
	position: relative; 
	display: block;
	margin: 0;
	padding: 0 16px;
	width: auto;
	line-height: 15px;
}

#d_audio_controls p { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	text-align: left;
	line-height: 11px;
}

/* for IE \*/
*html #d_audio_controls p { 
	margin: 0 0 5px 0;
	line-height: 11px;
}
/* */

div.name_entry {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 30px;
	color: #fff;
	text-align: center;
	cursor: default;
	font-weight: bold;
	padding-top: 8px;
}

div.name_entry span.ibeam {
	color: #1270fe;
}

div.challenge_text {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #fff;
	cursor: default;
	text-align: left;
}

div.subheader {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 7px;
}

div.challenge_form_text {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #25549c;
	cursor: default;
	text-align: left;
}

div.challenge_form_text span.emphasis { color: #fff; }

input.challenge_input {
	/* Text field input for challenge friend */
	/* Note: background image is added in code */
	width: 220px;
	height: 20px;
	margin: 4px 0px 2px 0px;
	padding: 4px 4px 0px 4px;
	outline: none;
	border: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #fff;
}

div.challenge_message {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #fff;
	cursor: default;
	text-align: left;
	width: 210px;
	height: 40px;
	padding: 4px;
}

div.challenge_message div.subheader {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 3px;
}

div.challenge_message.error {
	background-color: #400;
	border:1px solid #f00;
}

div.challenge_message.progress {
	background-color: #004;
	border:1px solid #00f;
}

div.challenge_message.success {
	background-color: #040;
	border:1px solid #0f0;
}

span.copyright {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #888;
	cursor: default;
}

/* styles for form on game page */
h4 {
	clear: both;
	margin: 0 0 2px 0;
	font-family: helvetica, arial, sans-serif; 
	font-size: 10px; 
	font-weight: bold;
	color: #666;
	}

.form {
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	width: 230px;
	height: 230px;
	/*background: transparent url(images/site/form_middle.png) repeat-y left top;*/
	}

.form_body {
	float: left;
	clear: left;
	margin: 0;
	padding: 16px 16px 0 16px;
	position: relative;
	display: block;
	width: auto;
	height: 100%;
	background: transparent url(images/site/form_top.gif) no-repeat left top;
	}

.form_body p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	text-align: left;
	line-height: 11px;
	}

/* for IE \*/
*html .form_body p { 
	margin: 0 0 5px 0;
	line-height: 11px;
}
/* */
	
.form_input {
	float: left;
	clear: left;
	margin: 0 0 5px 0;
	padding: 0;
	position: relative;
	display: block;
	width: 198px;
	height: 20px;
	border: 0;
	outline: none;
	background: #1C1C1C; /*transparent url(images/site/form_input_bkgd.gif) repeat-x left top;*/
	font-family: helvetica, arial, sans-serif; 
	font-size: 10px; 
	font-weight: normal;
	color: #666;
	line-height: auto;
	}

.form_textarea {
	float: left;
	clear: left;
	margin: 0 0 5px 0;
	padding: 0;
	position: relative;
	display: block;
	width: 198px;
	height: 40px;
	border: 0;
	outline: none;
	background: #1C1C1C; /*transparent url(images/site/form_textarea_bkgd.gif) repeat-x left top;*/
	font-family: helvetica, arial, sans-serif; 
	font-size: 10px; 
	font-weight: normal;
	color: #666;
	line-height: auto;
	}

.form_footer {
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	width: 230px;
	height: 10px;
	background: transparent url(images/site/form_bottom.gif) no-repeat left top;
	}

.form_notify {
	color: #fff;
	font-weight: bold;
}

#page_footer {
	clear: both;
	margin: 0;
	padding: 15px 0;
	width: 100%;
	height: auto;
	font-family: helvetica, arial, sans-serif; 
	font-size: 9px; 
	font-weight: normal;
	color: #333;
	text-align: center;
}

#page_footer a {
	color: #666;
	text-decoration: none;
}

#page_footer a:hover {
	color: #999;
	text-decoration: underline;
}