body {
     padding: 0em;
     margin: 0em;
     background-color: #fff;
     color: #000;
     font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* A:link { color: #0000ff; } */
/* A:visited { color: #0000ff; } */

a:hover { color: #f90; }

h1#sitename {
	    display: none;
}
h1#pagename {
	    display: none;
}

div#mainwrapper {
		width: 850px;
}

div#header {
	   height: 80px;
	   padding-left: 230px;
}

#header img.mainlogo {
	position: absolute;
	left: 5px;
	top: 5px;	
}

p.info {
	padding: 1em;
	padding-top: 0.5em;
	padding-bottom: 0em;
	margin-bottom: 0.5em;
	font-size: 0.8em;
}



/**********************************************************************
  Userbar
**********************************************************************/
div#userbar {
	    background: #f90;
	    border-top: 1px solid black;
	    border-bottom: 1px solid black;
	    border-right: 1px solid black;
	    padding: 5px;
}

form.smalllogin {
	  position: relative;
	  text-align: left;
	  margin: 0px;
	  padding: 0px;
	  display: inline;
}

form.smalllogin ul {
	  display: inline;
	  padding: 0px;
	  margin: 0px;
}

form.smalllogin ul li {
		display: inline;
}

form.smalllogin label {
	  font-weight: bold;
}

div#userbar span.info {
	    font-style: italic;
	    display: inline
	    float: left;
}

form.smalllogin input.textinput {
		color: grey;
}

div#userbar ul.menu {
	    display: inline;
	    padding: 0px;
	    margin: 0px;
}

div#userbar ul.menu li {
	    display: inline;
	    padding-left: 1em;
}

div#userbar ul.menu li {
	    color: #000;
	    font-weight: bold;
}

div#userbar ul.menu li a {
	    color: #fff;
	    font-weight: normal;
}

div#userbar span.info a {
	    color: #fff;
	    font-weight: bold;
}

/**********************************************************************
  Navigation Menu
**********************************************************************/

div#mainmenu {
	     clear: left;
	     text-align: left;
	     height: 80px;
}

#mainmenu ul {
	  margin: 0em;
	  padding: 0em;
	  position: relative;
	  left: 0em;
	  top: 2em;
	  }

#mainmenu li {
	  display: inline;
	  padding-left: 1.5em;
	  padding-right: 1.5em;
	  font-weight: bold;
	  font-size: 1.4em;
}

#mainmenu a {
	  color: #206ba4;
	  text-decoration: underline;
}

#mainmenu a:hover {
	  color: #f90;
}

div.maincontent {
	clear: left;
}

img.picture {
	padding: 1em;

}


/**********************************************************************/
/* Old items
/**********************************************************************/

a.routename {
	    font-size: 1.2em;
}

.bodyblock {
 position:relative;
 background: #ddddee;
 color: #000033;
 width: 850px; 
 padding:0;
 }

.sidebar {
 display: none;
 float: right;
 background:#ddddee;
 color: #000033;
 width:150px;
 }

h2 {
   margin: 0em;
   padding: 0.5em;
}

div.resultspage h1 {
		margin: 0em;
		padding: 0.5em;
		font-size: 1.5em;
		font-weight: bold;
}

div#googleads {
	position: absolute;
	clear: left;
	width: 120px;
	height: 600px;
	left: 860px;
	top: 5px;
}

div#google_leaderboard {
		       position: relative;
		       margin: 0.5em;
		       margin-left: 1em;
		       margin-bottom: 0em;
/*		       border: 1px solid black;*/
		       clear: all;
		       width: 728;
		       height: 90;
}

.maincontent {
 width: 850px;
 background: #fff;
 text-align:left;
}

.maincontent a { color: #00248f; }
.maincontent a:visted { color: #00248f; }
.maincontent a:hover { color: #f90; }
.maincontent a:visted { color: #f90; }

.accentcontent {
 width:745px;
 background:#ffffff;
 color: #333333;
 border:solid #000000;	
 border-width:0 0 0 1px;
 text-align:left;
 }

.accentcontent p:first-letter {
 font-size: 120%; 
 font-weight: bold;
 color:#222299;
 }
 
.footer {
	height:22px;
	background:#ddddee;
	color: #666688;
	border:solid black;
	border-width:1px 0 0 0;
	margin:0;
	padding-top: 3px;
 }

h3 {
/*	margin: 0.5em;
	padding: 0em;*/
}

.textblock {
	margin: 0px;
	padding: 1em 0em 1em 1em;
	width: 780px;
}

.textblock h1 {
	margin: 0em;
	padding: 0.5em;
	font-size: 1.5em;
	font-weight: bold;
}

.tablecaption {
	margin: 0em;
	padding-bottom: 0.5em;
	font-size: 1.4em;
	font-weight: bold;
}

div.tablecaption span.extra {
	padding-left: .5em;
	font-size: .7em;
	font-weight: normal;
}	

div.tablecaption h1 {
	display: none; 
}

h4 {
 margin:0; 
 padding: 15px;
 }

/*div#loginform {
	padding: 1.5em;
}*/

div#newuserlink {
	padding: 1.5em;
}

#gmap {
	width: 850;
	height: 550px;
	border: solid #000;
	border-width: 1px 0px 0px 0px;
	clear: all;
}

#mapsidebar {
	font-size: 70%;
}

#elevation {
	   width: 850;
	   height: 200;
}

table.inputtable {
	padding-left: 1em;
	border: 0px solid black;
}

table.inputtable td {
	padding: 0.1em;
}

table.inputtable td.input {
		 text-align: left;
}

div#mapheader {
	font-weight: bold;
	font-size: 0.7em;
}

div#viewmapheader {
	font-size: 1.0em;
}

table.routeinfo {
	border: 0px;
	border-collapse: collapse;
}

table.routeinfo td {
	padding: 0.25em;
	padding-top: 0.5em;
}

table.routeinfo td.label {
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}

table.routeinfo td.data {
	font-weight: normal;
	text-align: left;
}

div#centeranddistance {
	padding: 0.5em;
	border-top: 1px solid #000;
}

span#routedistance {
	padding-left: 2em;
	font-size: 1.2em;
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
	margin: 0;
}

table.userdata {
	border-collapse: collapse;
	margin-bottom: 1em;
}

table.userdata tr:hover {
	background-color: #ccf;
}

table.userdata th {
	       padding: 0.25em;
	       padding-left: 0.5em;
}

table.userdata tr.headerrow:hover {
	       background-color: #fff;
}

table.userdata td {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 0.2em;
	padding-left: 0.5em;
}

table.profileinfo {
	border-collapse: collapse;
	border: 1px solid black;
	margin-bottom: 1em;
}

table.profileinfo td {
	padding: 0.20em;
}

table.profileinfo td.label {
	font-weight: bold;
	text-align: right;
}

table.profileinfo td.content {
	font-weight: normal;
}

td.inputlabel {
	      font-weight: bold;
	      text-align: right;
}

div.resultspage {
	    padding: 1em;
	    text-align: center;
}

div.resultspage h2 a {
		color: black;
		font-decoration: none;
}

div.racelist {
	      padding-left: 1em;
}

table.raceresults {
		  border: 1px solid black;
		  border-spacing: 0px;
		  margin-bottom: 1em;
		  font-size: 0.75em;
		  border-collapse: collapse;
		  text-align: left;
		  margin-left: auto;
		  margin-right: auto;
}

table.raceresults th, table.raceresults td {
		  border: 1px solid black;
		  margin: 0px;
		  padding: 0.2em;
		  white-space: nowrap;	  
}

table.raceresults th {
		  background-color: #90A1B3;
		  text-decoration: italic;
		  white-space: nowrap;
		  text-align: center;
		  vertical-align: bottom;
}

table.raceresults th a {
		  color: black;
}

table.raceresults td {
	border: 1px dotted gray;
	padding: 0.2em;
}

table.raceresults td.place {
	text-align: center;
}

table.raceresults td.time {
	text-align: right;
}

table.raceresults td.division {
	text-align: center;
}

table.raceresults td.division a {
		  color: black;
}

table.raceresults tr.highlight {
		  background-color: #F87431;
		  font-size: 1.2em;
}

table.raceresults tr:hover {
		  background-color: #AAC;
}

table.workoutlist {
		  border-collapse: collapse;
		  border: 1px solid black;
}

table.workoutlist tr.planned {
		  color: grey;
}

table.workoutlist tr:hover {
		  background-color: #AAC;
}

table.workoutlist tr.tableheader {
	background-color: #ccc;
}

table.workoutlist tr.tableheader:hover {
		  background-color: #ccc;
}

table.workoutlist td, table.workoutlist th {
		  border: 1px solid black;
		  margin: 0px;
		  padding: 0.2em;
}

table.workoutlist tr.highlight {
/*	background-color: #ccccff; */
}

div.workoutlist {
		padding: 0.5em;
}

div.workoutlist h2 {
		padding: 0em;
}

div.limitoptions {
	font-size: 0.7em;
	margin-bottom: 0.5em;
}

span.selected {
	      font-weight: bold;
}

h3.sectionhead {
	       font-weight: bold;
	       font-size: 1.5em;
	       margin-bottom: 0.5em;
}

table.profileinfo {
	border-collapse: collapse;
	border: 1px solid black;
	margin-bottom: 1em;
}

table.profileinfo td {
	padding: 0.20em;
}

table.profileinfo td.content {
	font-weight: normal;
}

span.entryformat {
		 font-size: .7em;
		 font-style: italic;
}

table.dataentry td.inputlabel {
		font-weight: bold;
		text-align: right;
}

table.dataentry td.numeric select {
		text-align: right;
}

.dataerror {
	   color: red;
}

/* Results Specific Items */
div#displayoptions {
	margin-bottom: 0.5em;
	font-size: smaller;
}

.hidden {
	display: none;
}

#statusBox {
	height: 30px;
	background-color: #bc9;
	border: 5px outset #046380;
	padding: 10px;
	width: 505px;
}

#progressBar {
	height:15px;
	border:1px solid black;
	width: 90%;
	padding:0px;
	text-align: left;
	background-color:#efefef;
}

#progressWrapper {
	position:relative;
}

#progressBarDisplay {
	position:absolute;
	top:0px;
	height:15px;
	margin: 0px;
	padding:0px;
	text-align: left;
	background-color:#66cc33;
}