body {
  background:#fff;
  margin:0;
  padding:0;
  color:#000;
  font:x-small/1.5em Georgia,Serif;
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small;
} html>body {font-size:small;}

#whole_page {
  width: 840px;
  margin: auto;
  padding: 0;
  text-align: left;
}
#header {
  float:left;
  width:100%;
  background:#ffffff url("/images/header.png") no-repeat left;
  font-size:93%;
  line-height:normal;
  }

#header #title{
  color: #454c44;
  padding: 40px;
  font-family:Georgia,Serif;
  font-size:large ;
  padding-bottom: 50px;
  vertical-align: bottom;
  text-align: left;
}

#header #auth{
  color: #FF9900;
  padding: 10px;
  font-family:Trebuchet MS,Trebuchet MS,Verdana,Tahoma,arial;
  font-size:small ;
  padding-top: 10px;
  padding-bottom: 160px;
  vertical-align: top;
  text-align: right;
}

#nav {
   float:left;
   width:100%;
   font-size:93%;
   background:#ffffff url("/images/bg.gif") repeat-x bottom;
   line-height:normal;
  }
#nav ul { 
  list-style: none; 
  margin: 0;
  padding: 10px 10px 0;
}

#nav  li { 
  float:left;
  background:url("/images/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
 }

#nav a {
  float:left;
  display:block;
  background:url("/images/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
#nav a:hover {
  color:#333;
}
#nav #current {
  background-image:url("/images/left_on.gif");
} 

#nav #current a{
  background-image:url("/images/right_on.gif");
  color:#333;
  padding-bottom:5px;
}

#content {
  clear: left;
  height: 100%;
  background:  white;
  padding: 1em;
  text-align: left;
}

#content h1 {
  font-size: 18pt;
}

#content label {
  text-align: left;
}
#content .login {
  width: 300px;
  padding-top: 50px;
  margin: auto;
}
#content #user_stats {
  width: 300px;
  margin-left: 400px;
  padding-top: 10px;
}

#content #full_user_stats {
  width: 450px;
  margin: auto;
  padding-top: 10px;
  color: #44749d;
  background-color: #bdb8ad;
}
#content #full_user_stats table { 
  width: 400px;
  margin-left: 20px;
}
#content #full_user_stats table caption {
  text-align: left;
  margin-left: 20px;
}
#content #full_user_stats td:first-child {
  width: 200px;
}
#content #full_team_stats table caption {
  text-align: left;
  margin-left: 20px;
}
#content #full_team_stats table { 
  width: 350px;
  margin-left: 20px;
}
#content #map {
  margin: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}
#content #full_team_stats {
  width: 400px;
  margin: auto;
  padding-top: 10px;
  color: #44749d;
  background-color: #bdb8ad;
}



#content #team_stats {
  width: 380px;
  margin-left: 400px;
  padding-top: 10px;
}
#content #team_stats table {
width: 360px;
}
#content .signup {
  width: 300px;
  padding-top: 50px;
  margin: auto;
}
.stats table {
  font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 280px;
}
.stats table caption {
  font-weight:bold;
  font-size: 16px;
  padding-top: 10px
}
.stats th {
  padding: 0 0.5em;
  text-align: left;
}

.stats tr.yellow td {
  border-top: 1px solid #FB7A31;
  border-bottom: 1px solid #FB7A31;
  background: #FFC;
}

.stats td {
  border-bottom: 1px solid #CCC;
  padding: 0 0.5em;
}

.stats td:first-child {
  width: 100px;
}

.stats td+td {
  border-left: 1px solid #CCC;
  text-align: center;
}

#calendar  {
  float:left;
  width: 25em;
}
/* Hack to get IE to display fieldset/legend correctly */

html fieldset {
  position: relative; 
}


#charts {
  margin-left: 5px;
  float:left;
  clear: left;

}
html legend { 
  position:absolute; 
  top: -1em; 
  left: .5em;
}
html fieldset {
  position: relative; 
  margin-top:1em; 
  padding-top:2em; 
  padding-bottom: 2em;
}


/* Form Styles */

fieldset { 
  background: #ddd; 
} 
legend { 
  color: white; 
  background:  #DD740B; 
  padding: .4em 1em;
} 
label { 
  width: 10em; 
  float: left; 
  text-align: right; 
  margin-right: 0.2em; 
  display: block; 
}
.form_row {
  white-space: nowrap;
  padding-bottom: .5em;
} 
.submit { 
    margin-left: 15em; 
}


/* Error Reporting Styles */

.fieldWithErrors {
	margin:  2px;
  padding: 2px; 
  background-color: red; 
  display: table;
}

#errorExplanation {
  border: 2px solid red; 
  padding: 7px; 
  padding-bottom: 12px;
  margin-bottom: 20px; 
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left; 
  font-weight: bold; 
  padding: 5px 5px 5px 15px;
  font-size: 12pt; 
  margin: -7px; 
  background-color: #c00; 
  color: #fff;
}

#errorExplanation p {
  color: #333; 
  margin-bottom: 0; 
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 11pt; 
  list-style: square;
}


/* Debug Style */

#debug {
	margin-top: 1em;
	margin-left: auto;
}
#debug a, #debug a.visited {
  text-decoration: none;
	color: maroon;
}
fieldset.debug_info {
  text-align: left; 
  margin: 1em; 
  background: #eee;
}

/* Flash Notice Style */

#notice {
  border: 1px solid green; 
  padding: 1em; 
  margin:  1em;
  margin-bottom: 2em;
  background-color: lightgray; 
  font: bold smaller sans-serif;
}

#warning {
  border: 1px solid orange; 
  padding: 1em; 
  margin:  1em;
  margin-bottom: 2em;
  background-color: lightgray; 
  font: bold smaller sans-serif;
}

#error {
  border: 1px solid red; 
  padding: 1em; 
  margin:  1em;
  margin-bottom: 2em;
  background-color: lightgray; 
  font: bold smaller sans-serif;
}
#content  #about_table { 
  width: 350px;
  margin-left: 20px;
  clear: left;
}