/* CSS Document for racetracker*/

body{
margin:0;
padding:0;
text-align:center;
background-color:#fff;
}

.container {
  /*width:950px;*/
  width:949px;
  height:100%;
  margin:0 auto;
  text-align:left;
  color:#000;
  position:relative;
  background-image:url(../images/pagebg2.gif);
  background-repeat:repeat-y;
  background-position:center;
  padding-left:0px;
  border-left:0px solid black;
  }

#banner{
top:0px;
margin-left:7px;
width:756px; /*910*/
height:50px;
border-bottom:2px solid black;
padding-bottom:0px;
background-image:url(../images/racebannerbg_blue.gif);
}

#login{
position:absolute;
top:85px;
left:10px; /*770*/
width:160px;
height:15px;
background-color:transparent;
color:#aaa;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:right;
}

#splashbanner {
border:1px solid #000;
height:85px;
text-align:center;
}

#splashbanner_left {

width:160px;
}

#splashcol_top {
border:1px solid #000;
width:150px;
height:80px;
background-color:#FFFFFF;
}

#splashcol_mid {
background-color:#0066CC;
background-image:url(../images/racebannerbg_blue.gif);
height:20px;
width:auto;
border:1px solid #000;
margin:1px 0px;
padding-top:1px;
}

#splashcol_bot {
background-color:#555;
height:350px;
width:auto;
border:1px solid #000;
margin:1px 0px;
padding:2px;
}

#splashcol_bot1 {
background-color:#f9f9f9;
background-image:url(../images/finishline_graph.jpg);
height:350px;
width:auto;
border:1px solid #000;
margin:1px 0px;
padding:2px;
}

#splashcol_bot1:hover {background-image:none;}


#splashcol_bot2 {
background-color:#f9f9f9;
background-image:url(../images/hamilton1_graph.jpg);
height:350px;
width:auto;
border:1px solid #000;
margin:1px 0px;
padding:2px;
}
#splashcol_bot2:hover {background-image:none;}



#splashcol_bot3 {
background-color:#f9f9f9;
background-image:url(../images/placidswim_graph.jpg);
background-position:bottom;
height:350px;
width:auto;
border:1px solid #000;
margin:1px 0px;
padding:2px;
}

#splashcol_bot3:hover {background-image:none;}


#splashcol_bot4 {
background-color:#f9f9f9;
background-image:url(../images/placidfinish_graph.jpg);
height:350px;
width:auto;
border:1px solid #000;
margin:1px 0px;
padding:2px;
}

#splashcol_bot4:hover {background-image:none;}


#login_window {
position:relative;
margin-top:-383px;
margin-left:auto;
margin-right:auto;
width:auto;
height:350px;
background-color:transparent;
text-align:center;
visibility:hidden;
}

#login_inner{
position:relative;
margin-left: auto;
margin-right:auto;
margin-top:2px;
background-color:#FFFFFF;
background-image:url(../images/loginthing2.jpg);
width:608px;height:350px;
border:1px solid #000;
visibility:inherit;
text-align:center;
}


#breadcrumbs {
position:absolute;
top:62px;
left:8px;
width:940px; /*910*/
height:20px;
/*background-image:url(../images/breadcrumbs_dropshadow.gif);*/
margin:0 auto;
padding-left:6px;
background-color:transparent;
border-bottom:1px solid #CCC;
}

#lhmenu {
/*position:absolute;*/
margin-top:30px;
float:left;
width:160px;
height:100%;
padding-top:10px;
padding-right:10px;
margin-left:8px;
margin-right:0px;
padding-bottom:20px;
/*background-image:url(../images/lhmenu_bg1.gif)*/
}

/* for submenu in my results */
#lhmenu2 {
margin-top:34px;
padding-left:50px;
height:16px;
}

#content {
background-color:#FFFFFF;
/*position:absolute;
left:180px;*/
float:right;
margin-top:20px; /*35*/
width:750px; /*730*/
margin-left:0px;
padding-left:0px;
margin-right:12px;
}

#ads {
float:right;
width:150px;
border:1px dashed #6c6;
margin-right:5px;
margin-left: 10px;
margin-top:20px;
padding:2px;
}

#ads h4 {
border:1px solid #000;
text-align:center;
letter-spacing:1px;
font-size:10px;
margin-top:2px;
background-color:#66CC66;
}


#usatadminmenu  {
float:right;
width:170px;
border:1px solid #000;
border-bottom:2px solid #000;
margin-right:1px;
margin-left: 10px;
margin-top:15px;
margin-bottom:200px;
padding:2px;
}



#usatadminmenu h4 {
border:1px solid #000;
text-align:center;
letter-spacing:1px;
font-size:10px;
margin-top:0px;
background-color:#66CC66;
color:#000;	
margin-top:0;
margin-bottom:1px;
}
#usatadminmenu h5 {
border:1px solid #000;
text-align:center;
letter-spacing:1px;
font-size:10px;
margin-top:0px;
background-color:#fff;
color:#CC0000;
}





#usatadminmenu ul
{
border:0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}

#usatadminmenu ul li
{
display: block;
text-align: left;
padding-left: 0px;
padding-right: 0px;
margin-bottom: 0px;
margin-left:0px;
margin-right:0px;
/*border-bottom:1px dotted #ccc;*/
}

#usatadminmenu ul li a
{
background:transparent;
height: auto;
width:150px;
padding:0;
margin-bottom:4px;margin-top:4px;
text-decoration: none;
display: block;
/*letter-spacing:1px;*/
font:bold 10px/14px , verdana, lucida, sans-serif;

color:#06c /*096*/
}

#usatadminmenu ul li a:visited {
color:#06c;
}
#usatadminmenu ul li a:hover {
	color:#000;
	text-decoration:underline;
}





#adbox {width:150px;border:1px dotted #ccc;text-align:center;margin-left:5px;}

#footer {
clear:both;
margin-top:20px;
width:100%;
text-align:right;
}

/* footer ad box */
#adbox_f {
width:500px;
height:64px;
border:1px solid #ddd;
text-align:center;
}

#footer p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}

#survey {
padding:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

/* begin text formatting */

H1 {font-family:Georgia, "Times New Roman", Times, serif;font-size:140%}
H2{font-family:Georgia, "Times New Roman", Times, serif;font-size:130%}
H3{font-family:Georgia, "Times New Roman", Times, serif;font-size:120%}
H4{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:100%}
H5{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align:right;letter-spacing:1px;}

a {
	text-decoration:none;
	color:#0066CC;
}

a:visited {
	text-decoration:none;
	color:#06c;
}

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

a.noline:hover {text-decoration:none;}

#content p, td, ul, li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:140%;
}

#lhmenu p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:140%;
	padding-left:5px;
}


/* breadcrumbs menu */

#breadcrumbs ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#breadcrumbs ul li
{
display: block;
float: left;
text-align: left;
padding: 0;
margin: 0;
}



#breadcrumbs ul li a
{
background:transparent;
/*width: 100px; set a hard width for IE5 and serve in separate stylesheet*/
width:auto;
height: 16px;
border:none;
padding: 0 4px 0 4px;
margin: 0px 4px 0px 4px;
text-decoration: none;
display: block;
text-align: center;
letter-spacing:2px;
font-family:"Arial Rounded MT Bold",verdana, lucida, sans-serif;
font-size:14px;
color:#0066CC;
border-right:1px dotted #ccc;
}

#breadcrumbs ul li a:visited {
	color:#06c;
	font-family:"Arial Rounded MT Bold",verdana, lucida, sans-serif;
	font-size:14px;
}
#breadcrumbs ul li a:hover {
	background-color:transparent;
	color:#000;
	font-family:"Arial Rounded MT Bold",verdana, lucida, sans-serif;
	font-size:14px;
}

#breadcrumbs .here {color:#000;}

/* left hand menu links */

#lhmenu ul
{
border:0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: right;
}

#lhmenu ul li
{
display: block;
text-align: right;
padding-left: 0px;
padding-right: 0px;
margin-bottom: 0px;
margin-left:0px;
margin-right:0px;
/*border-bottom:1px dotted #ccc;*/
}

#lhmenu ul li a
{
background:transparent;
height: auto;
width:160px;
padding:0;
margin: 0px;
text-decoration: none;
display: block;
/*letter-spacing:1px;*/
font:bold 10px/14px , verdana, lucida, sans-serif;
border-bottom:1px dotted #ccc;
color:#000 /*096*/
}

#lhmenu ul li a:visited {
color:#000;
}
#lhmenu ul li a:hover {
	color:#06c;
	border-bottom:1px dotted #06c;
	/*background-color:#f1f1f1;*/
}




/* horizontal lhmenu2 links for my results */

#lhmenu2 ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#lhmenu2 ul li
{
display: block;
float: left;
text-align: left;
padding: 0;
margin: 0;
}

#lhmenu2 ul li a
{
	/*background-color:#0066CC;
width: 100px; set a hard width for IE5 and serve in separate stylesheet*/
width:auto;
height: 14px;
border:none;
padding: 0 4px 0 4px;
margin: 0px 4px 0px 4px;
text-decoration: none;
display: block;
text-align: center;
letter-spacing:2px;
font: bold 10px/14px, verdana, lucida, sans-serif;
color:#0066CC;
border-right:1px dotted #ccc;
}

#lhmenu2 ul li a:visited {
color:#06c;
}
#lhmenu2 ul li a:hover {
	color:#000;
}

/* end lhmenu2 */

#lhmenu h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:right;
	border-bottom:1px solid #ccc;
	padding-right:4px;
}

#greenbox350 {border:1px solid #090;width:350px; margin-bottom:4px;}
.greenbox350 {border:1px solid #090;width:350px; margin-bottom:4px;}


#greenbox500 {border:1px solid #090;width:500px; margin-bottom:4px;}

#redbox500  {border:1px solid red;width:500px; margin-bottom:4px;}

.bluebox500  {border:1px solid #069;width:500px; margin-bottom:4px;border-bottom:2px solid #069;}

.redbox {border:1px solid red;width:auto; margin-bottom:4px;}

.greybox {border:1px solid #ccc;margin:1px;background-color:#FFF;width:auto;}

.greybox form {font-size:9px;}
.countdownbox  {border:1px solid #ccc;margin:1px;background-color:#FFF;width:auto;text-align:center;}

#info {
width:auto;
height:auto;
margin-left:3px;
margin-right:3px;
margin-top:5px;
margin-bottom:5px;
padding:3px;
border:1px dotted green;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:120%;
}

#adbox h5 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCC;
text-align:center;
letter-spacing:6px;
/*border-top:1px solid #ddd;
border-bottom:1px solid #ccc;*/
margin-top:2px;
}

.legend {position:absolute;top:80px;margin:2px;padding:0px 2px;}


/*   tabbed menus    */

#resultscontainer {
	width:510px;
	/*margin-left:auto;
	margin-right:auto;	*/
	height:400px;
	border-top:1px solid #000;
	border-bottom:2px solid #000;
	
	/*overflow:hidden; */  /*for IE only*/
}

#resultscontainer h4 {font-size:13px;margin-top:-2px;background-color:#f5f5f5; padding:2px;border:1px solid #000;text-align:center;letter-spacing:1px;}

#tabbar {
	width:520px;
	margin-left:auto;
	margin-right:auto;	
	height:20px;
	/*border-bottom:1px solid black;*/
	background-color:transparent;
	text-align:left;
	color:#000;
	padding-left:4px;
	font-size:10px;
}

#tabbar ul {
	padding-left: 0px;
	margin-left: 0;
	margin-top:2px;
}


ul#tablist
{
margin: 0;
padding-left: 0;
padding-bottom:0;
white-space: nowrap;
}

ul#tablist li
{
float: left;
height: 16px;
background-color: #ccc;
margin: 2px 2px 0 2px;
border: 1px solid #000;
padding-left:5px;padding-right:5px;
}


ul#tablist li#active
{
border-bottom: 2px solid #fff;
background-color: #fff;
}

ul#tablist li:hover
{
border-bottom: 2px solid #fff;
background-color: #fff;
}

#tabbar ul li { 
display: inline; 
list-style-type:none;
background-color:#f5f5f5;
border-bottom: none;
}

#tablist a { 
padding: 0px 10px; 
color:#000;
text-decoration:none;
font-weight:600;
border-bottom:none;
}

#tablist a:hover{color:#0066FF;}

#page1{
position:absolute;
width:500px;
height:494px;
margin-top:0px;
margin:2px;
visibility:visible;
text-align:left;
padding:4px;
}

#page2{
position:relative;
margin-top:0px;
width:500px;
height:494px;
margin:2px;
visibility:hidden;
text-align:left;
padding:4px;
}

#page3{
position:relative;
top:-504px;
width:500px;
height:494px;
margin:2px;
visibility:hidden;
text-align:left;
padding:4px;}

#page4{
position:relative;
top:-1008px;
width:500px;
height:494px;
margin:2px;
visibility:hidden;
text-align:left;
padding:4px;
}
#page5{
position:relative;
top:-1512px;
width:500px;
height:494px;
margin:2px;
visibility:hidden;
text-align:left;
padding:4px;
}

#page6{
position:relative;
top:-2016px;
width:500px;
height:494px;
margin:2px;
visibility:hidden;
text-align:left;
padding:4px;
}