/* Global Changes */
* { margin: 0; padding: 0; }
body {
  background: #000 url(/images/bg_main.jpg) center top no-repeat;
  color: #000;
  font-family: "New Century Schoolbook", Times, serif;
  font-size: 76%;
}
a {
  color: #431;
  text-decoration: none;
}
a:hover {
  color: #900;
  text-decoration: none;
}
.nohover:hover {
  border: 0px;
}
.alert {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  font-size: 150%;
  font-weight: bold;
  color: #900;
  background-color: #EDB;
  text-align: center;
  padding-bottom: 2px;
  padding-top: 2px;
  border-bottom: 2px #B73 solid;
  opacity: .95;
  filter: alpha(opacity=95);
}
.badge {
  background: #EDB url(/images/bg_badge.png) center top no-repeat;
  padding: 2px;
  width: 250px;
  border: 2px #B73 solid;
  margin: 2px;
}
.badge .name {
  font-size: 150%;
  font-weight: bold;
  padding: 3px;
}
.badge .points {
  font-size: 200%;
  font-weight: bold;
  padding: 1px;
}
h1 {
  font-size: 250%;
  font-weight: bold;
  text-align: center;
  color: #000;
  width: 250px;
  display: block;
}
.h1 {
  font-size: 250%;
  font-weight: bold;
  text-align: center;
  color: #000;
  width: 250px;
  display: block;
}
h2 {
  font-size: 150%;
  font-weight: bold;
  text-align: center;
  color: #000;
  width: 250px;
  display: block;
}
.h2 {
  font-size: 150%;
  font-weight: bold;
  text-align: center;
  color: #000;
  width: 250px;
  display: block;
}
p {
  display: block;
  width: 270px;
  text-align: left;
  padding-bottom: 10px;
}
.p {
  display: block;
  width: 270px;
  text-align: left;
  padding-bottom: 10px;
}
.update_title {
	text-align:right;
  font-weight:bold;
  width:250px;
}
.ind1 {
  padding-left:15px;
}
.ind2 {
  padding-left:10px;
}
.ind3 {
  padding-left:5px;
}
li {
  width: 250px;
}
ul {
  display: block;
  width: 250px;
  text-align: left;
  padding-bottom: 10px;
}
div.hr {
  height: 1px;
  border-bottom: 1px solid #333;
  width: 280px;
  margin-top: 10px;
  margin-bottom: 10px;
}
div.hr hr {
  display: none;
}
select,
textarea,
input[type="text"] {
  width: 150px;
  padding: 1px;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-size: 11px;
}
select[disabled],
textarea[disabled],
input[disabled] {
  background-color: #CCC;
}

/* Main Dividers */
#page_left {
  display: block;
  position: relative;
  width: 325px;
  left: 185px;
  height: 475px;
  float: left;
  top: 5px;
}
#page_right {
  top: 5px;
  position: relative;
  float: right;
  display: block;
  left: 20px;
  width: 290px;
  height: 475px;
  text-align: left;
}
#page_left a,
#page_right a {
  font-weight: bold;
  border-bottom: 1px dashed #431;
}
#page_left a:hover,
#page_right a:hover {
  border-bottom: 1px dashed #900;
}
#page_left .buttons a,
#page_right .buttons a {
  font-weight: bold;
  border-bottom: 1px solid #999;
}
/* Stupid FAQ */
#faq1 a,
#faq2 a {
  color: #000;
  border-bottom: none;
}
#faq1,
#faq2 {
  padding-left: 15px;
  margin-left: -5px;
  color: #000;
  font-size: 150%;
}
#faq1 li,
#faq2 li {
  list-style-type: none;
}
#faq1 ol li,
#faq2 ol li {
  list-style-type: lower-alpha;
}
#faq1 ol,
#faq2 ol {
  margin-left: 30px;
  font-size: 66%;
  color: #333;
}
/* Menu Navigation */
.menu_button {
  display: block;
  text-decoration:none;
}
#menu_play {
  background: url(/images/menu_play.jpg) no-repeat 0px 0px;
  height: 98px;
  width: 107px;
}
#menu_play:hover {
  background: url(/images/menu_play.jpg) no-repeat 0px -98px;
  border-bottom: 0px;
}
#menu_scores {
  background: url(/images/menu_scores.jpg) no-repeat 0px 0px;
  height: 96px;
  width: 107px;
}
#menu_scores:hover {
  background: url(/images/menu_scores.jpg) no-repeat 0px -96px;
  border-bottom: 0px;
}
#menu_suggest {
  background: url(/images/menu_suggest.jpg) no-repeat 0px 0px;
  height: 92px;
  width: 101px;
}
#menu_suggest:hover {
  background: url(/images/menu_suggest.jpg) no-repeat 0px -92px;
  border-bottom: 0px;
}
#menu_login {
  background: url(/images/menu_login.jpg) no-repeat 0px 0px;
  height: 86px;
  width: 98px;
}
#menu_login:hover {
  background: url(/images/menu_login.jpg) no-repeat 0px -86px;
  border-bottom: 0px;
}
#menu_profile {
  background: url(/images/menu_profile.jpg) no-repeat 0px 0px;
  height: 86px;
  width: 98px;
}
#menu_profile:hover {
  background: url(/images/menu_profile.jpg) no-repeat 0px -86px;
  border-bottom: 0px;
}

/* Footer Stuff */
#footer {
  position: relative;
  margin: 2.5em auto 5px auto;
  padding-top: 10px;
  display: block;
  color: #666;
}
#footer .cells {
	text-align: center;
}
#footer a.link {
	text-decoration: none;
	color: #666;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
  display: block;
}
#footer a.link:hover {
  text-decoration: none;
  background-color: #E0B66A;
  border-bottom: 0px;
  color: #000;
}
#footer a.copyright {
  color: #B72;
	text-decoration: none;
}
#footer a.copyright:hover {
  color: #DB6;
  text-decoration: none;
  border-bottom: 1px dashed #DB6;
}

/* Other Items */
#time {
  font-size: 0.75em;
  color: #666;
  padding-top: 10px;
}
.stat_number {
  font-size: 350%;
  font-weight: bold;
  text-align: center;
  display: block;
}
.stat_text {
  text-align: center;
  display: block;
}
#page_left .float_link {
  position: absolute;
  top: 450px;
  left: 0px;
  z-index: auto;
}
#page_right .float_link {
  position: absolute;
  top: 450px;
  left: 200px;
  z-index: auto;
}
/* Buttons (courtesy of particletree.com) */
.buttons a, .buttons button{
  display:block;
  float:left;
  margin:0 7px 0 0;
  background-color:#eee;
  border:1px solid #999;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
  padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
  padding:5px 10px 5px 7px; /* Firefox */
  line-height:17px; /* Safari */
}
*:first-child+html button[type]{
  padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
}
/* STANDARD */
button:hover, .buttons a:hover{
  background-color:#dff4ff;
  border:1px solid #999;
  color:#336699;
}
.buttons a:active{
  background-color:#6299c5;
  border:1px solid #999;
  color:#fff;
}
/* POSITIVE */
button.positive, .buttons a.positive{
  color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
.buttons a.positive:active{
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}
/* NEGATIVE */
.buttons a.negative, button.negative{
  color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
.buttons a.negative:active{
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}
/* CSS Forms (courtesy of nidahas.com) */
p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }
p.errors { color: #C00; text-align: center; width: 300px; }
div.form-container p { margin: 0; padding-bottom: 0; }
div.form-container p.note { margin-left: 95px; font-size: 90%; color: #333; width: 175px;}
div.form-container fieldset { margin: 2px 0; padding: 2px; border: 0; }
div.form-container legend { font-weight: bold; color: #111; }
div.form-container fieldset div { padding: 0.15em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 75px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input[type="text"],
div.form-container input[type="password"],
div.form-container select,
div.form-container textarea { width: 160px; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container input[readonly]:focus,
div.form-container textarea[readonly]:focus {	background-color: #F99; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 95px; }
div.form-container div.buttonrow { margin-left: 100px; }
div.form-container .scroller { border: thin inset; padding-left:6px; height:200px; overflow:auto; background-color:#FFF; margin-left: 10px; margin-bottom:10px; width:250px; }
div.form-container .scroller h2 { width:220px; }
div.form-container .scroller p { width:220px; }
div.form-container .scroller ul { width:220px; }
div.form-container .scroller li { width:220px; }