A:link  {text-decoration: none; color:#666; font-size: 12px; font-family: helvetica,arial;}
A:visited  {text-decoration: none; color:#666; font-size: 12px; font-family: helvetica,arial;}
A:hover  {color:#FF0000; font-size: 12px; font-family: helvetica,arial;}
.white_link:link  {font-family: Arial, Helvetica;color: #000;font-size: 10pt;font-weight: normal;}
.white_link:visited  {font-family: Arial, Helvetica;color: #000;font-size: 10pt;font-weight: normal;}
.white_link:hover  {font-family: Arial, Helvetica;color: #000;font-size: 10pt;font-weight: normal;}

.small {font-family: Arial, Helvetica;color: #000;font-size: 10px;font-weight: normal;}

.small:link  {font-family: Arial, Helvetica;color: #000;font-size: 10px;font-weight: normal;}
.small:visited  {font-family: Arial, Helvetica;color: #000;font-size: 10px;font-weight: normal;}
.small:hover  {font-family: Arial, Helvetica;color: #000;font-size: 10px;font-weight: normal;}

.smalltitle {font-family: Arial, Helvetica;color: #000;font-size: 12px;font-weight: bold;}
td {font-family:arial; font-size:10pt; color:#000}

.title {font-size:14pt;color:#FFFFFF;font-family: helvetica,arial;font-weight : bold;}

.headline1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000; line-height: 20px;  font-weight:bold;}
.headline2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000; line-height: 18px;  font-weight:bold;}
.headline3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; line-height: 16px;  font-weight:bold;}
.headline4 	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; line-height: 13px;  font-weight:bold;}
.headline5 	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; line-height: 13px;  font-weight:bold;}


h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000; line-height: 20px;  font-weight:bold; padding-bottom:10px;}
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000; line-height: 18px;  font-weight:bold;}
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; line-height: 16px;  font-weight:bold;}
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; line-height: 13px;  font-weight:bold;}

.normal { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; }

body {
    background-attachment: scroll;
    background-color: #eee;
    background-position: center top;
    background-repeat: no-repeat;
    color: #000;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;  
}

div.interior p {padding-bottom:10px;}

div#header {
    float: left;
    padding: 10px 0 0px 0;
    position: relative;
    z-index: 2;
	background-color:#2E4174;
}


div#logo {
    float: left;
    padding: 0 10px 0 10px;
    width: 160px;
}
div#signInOrReg {
	float:right;
	padding-right: 20px;
	color: #fff;
}

div#signInOrReg a {
	color: #fff;
	font-size:14px;
}

div#signInOrReg div.help, div#signInOrReg div.help a {
	font-size:11px;
	color: #fff;
}


div#logo h1 a {
    background-image: url("/images/myRacesLogoWhite.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    font-size: 0;
    height: 40px;
	text-indent: -9999px;
    width: 100%;
    
}

div#popupContainer div#contentcolsub {
	width:95% !important;
	padding-top:20px;
	padding-bottom:20px;
}

div#contentcolsub {
    float: left;
    position: relative;
    z-index: 1;
	background-color:fff;
	padding:0 10px 10px 10px;
	color:#000;
}

div#content {
	font-size:12px;
}

.clearing {clear:both;}

div.separator {clear:both; border-bottom:solid 1px #ddd;}

#footer {
	clear: both;
	width: 100%;
	background: #333333;
	color: #cccccc;
	text-align: center;
	font-size:11px;
	padding: 5px 0;
}
#footer a, #footer a:hover, #footer a:visited { color: #ba1f26; }
#rightsReserved {display:block;}
#privacyPolicyLink {display:inline;}
#disclaimerLink {display:inline;}

input, select { display: block;}

/* generic dual-column, used for two fields next to each other */
.fieldleft {float: left; margin-right: 30px;}
.fieldcenter {float: left; margin-right: 30px;}
.fieldright {float: left;}
		
.required {color:#bb2026; font-weight: bold; }
.help {color: #666; font-size: 10px; font-weight:normal;}
.alert {color:#bb2026; font-weight: bold; }

/* places thin gray line above submit buttons*/
p#submit {padding-top: 20px; margin-top: 20px; border-top: solid 1px #eee;}
p#submit input {display: inline; margin-right: 40px;}
p.submit input.button {display: inline; margin-right: 40px;}	
/* label styling */
label {font-weight: bold; display: block; margin-bottom: 10px;}
label.notBold {font-weight:normal; display: block; margin-bottom: 10px;}
.fieldlabel {font-weight: bold;} /* label styling for use on form outputs */

/* button styles*/
input.button  {border: 2px double #999; border-top-color: #ccc; border-left-color: #ccc; padding: 3px;background-color: #fff; color: #333; font-size: 0.85em; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}

input.button:active {background-color: #fff; border: 2px double #666; border-top-color:#999;border-left-color: #999;}
/* fixes IE's extra wide buttons */
* html input.button { overflow: visible; }

.inlineSubmitButton {float:left; padding:10px 10px 0 0;}
.friendRequestDiv {float:left; padding:0 5px 0 5px}

ul.bulletList {
	list-style-type: disc;
	padding-left: 10px;
}

.inlineInput {display:inline;}

ul#utility {list-style-type: none; position: absolute; top: 0.3em; right: 0; margin: 0.2em 10px 0.2em 0; padding: 0; font-size: 0.85em; font-weight: bold; }
ul#utility li.noLink {color:#fff; }
ul#utility li {display: inline; padding-left: 18px; background-position: 0.6em 0.4em; float: right;}
ul#utility li.nodot {background:none;}


.selectSideBySide {
	display:inline;
}

/* for search-result like tables;  */

	table.results {width: 100%; border-collapse:collapse; margin-bottom: 10px; background:#fff;}
	table.results td { vertical-align:top; padding: 4px 4px 4px 0; font-size: 12px; }
	table.padding-right td {padding-right:10px !important;}
	table.results th {text-align: left; border-bottom: solid 1px #bb2026; padding-bottom: 4px; padding-left: 0; font-size:12px; vertical-align: top; font-weight:bold !important;}

	table.results th label { margin-bottom: 0;}
	table.results th.center  {text-align: center;}
	table.results td.center  {text-align: center;}
	.stripeodd { background: #fff; }
	.stripeeven { background: #d5e7f3; }
	.row0 { background: #d5e7f3; }
	.row1 { background: #fff; }
	.linedTableRows {border-bottom:dashed 1px #ccc;}
	
	
/* style for JavaScript onClick of span elements*/
.spanclick {text-decoration:none; color:#666; cursor:pointer;font-size:12px;}
.spanclick:hover {text-decoration:underline; color:#b62028; cursor:pointer;}

.rowclick{text-decoration:none; color:#444; font-weight:bold; cursor:pointer;font-size:12px;}
.rowclick:hover {text-decoration:none; color:#b62028; font-weight:bold; cursor:pointer;}

.paddingAbove {padding-top:10px;}

div.eventsActionDiv {
	position:relative;
	clear:both;
}

div.eventsActionUpload {
	display:none;
	float:left; 
	background:#e6e6e6; 
	position:absolute; 
	z-index:400; 
	left:-220px; 
	top:4px; 
	font-size: 12px;
	padding:2px;
	margin-top:10px;
	margin-left:0px;
	border:solid 1px #000;
	white-space: nowrap;
	xwidth: 100%;}
	
.inlineRadio {display:inline;}


#eventPlacement {padding-top:10px;}

/* default fieldsets not showing visible border and having special black legend */
fieldset {border: none; margin: 10px 0; padding: 0;}
* html fieldset {}
legend {font-weight: bold; font-size: 1.1em; color:#000; padding: 0 0 0 0;}
* html legend { margin-left: -8px; padding: 0 0 10px 0;}

/* for fieldsets showing visible border */
fieldset.visibleset { border: solid 1px #ccc; padding: 10px;}
fieldset.visibleset fieldset { border: none; }

fieldset h3 {margin: 5px 0;}

/* for inline checkboxes, radio buttons */
fieldset.inline legend {font-weight: bold; font-size: 1.0em; color: #000; padding: 0;}
fieldset.inline input, fieldset.inline label, fieldset.inline select {display: inline;}
fieldset.inline {margin: 0 0; padding-bottom: 10px;}
fieldset.nopadding {padding-bottom: 0px;}
fieldset.topbottom {padding: 5px 0 5px 0;}
.inline input, .inline label, .inline select {display: inline;}

/* for inline checkboxes, etc that are just display; not part of input form*/
input.inlinedisplay {display: inline;}

/* for fieldsets not showing visible border, but not wanting special gray legend text; structural not presentational fieldsets */
fieldset.nospeciallegend legend {font-weight: bold; font-size: 1.0em; color: #000; padding: 0;}
fieldset.nospeciallegend {margin: 0 0; padding-bottom: 5px;}

/*for fieldsets needing a level 3 subhead (like h3) as legend */
fieldset.heading3 legend {font-size: 1.1em; color:#000; font-weight:bold; padding-bottom: 0;}
/*for fieldsets needing a level 2 subhead (like h3) as legend */
fieldset.heading2 legend {font-size: 1.2em; color:#000; font-weight:bold; padding-bottom: 0;}

/* for inline checkboxes, radio buttons */
fieldset.inline legend {font-weight: bold; font-size: 1.0em; color: #000; padding: 0;}
fieldset.inline input, fieldset.inline label, fieldset.inline select {display: inline;}
fieldset.inline {margin: 0 0; padding-bottom: 10px;}
fieldset.nopadding {padding-bottom: 0px;}
fieldset.topbottom {padding: 5px 0 5px 0;}

.hideDiv {display:none;}
.showDiv {display:block;}


/* Data Tool tips */
[data-tooltip] {
	position: relative;
	z-index: 2;
	cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
	position: absolute;
	bottom: 150%;
	xleft: -680%;
	margin-bottom: 5px;
	xmargin-left: -70px;
	right: -20%;
	padding: 7px;
	xwidth: 160px;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	border-radius:         3px;
	background-color: #000;
	background-color: hsla(0, 0%, 20%, 0.9);
	color: #fff;
	content: attr(data-tooltip);
	text-align: center;
	font-size: 14px;
	line-height: 1.2;
	white-space:nowrap;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
	position: absolute;
	bottom: 150%;
	left: 50%;
	margin-left: -5px;
	width: 0;
	border-top: 5px solid #000;
	border-top: 5px solid hsla(0, 0%, 20%, 0.9);
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	content: " ";
	font-size: 0;
	line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

#captchaHelp {position:relative;}
#captchaHelpText {position:absolute; display:none; width:300px; background:#fff; border:solid 1px #000; padding:5px; left:50px;}

#loginText {}
#loginText p {padding-bottom:5px;}

#loginForm {padding-bottom:10px;}
#loginForm div#central {margin-left: auto; margin-right: auto; width:70%;}
#ajaxLoading {width:18px; border: solid 1px #000; display:none;z-index:200; background:#fff;}

.arrowSmall {width:10px;}

#mapHeader {float:left;}

#listStatesRunIn {
	display:none;
	position:absolute;
	background-color:#fff;
	border: solid 1px #000;
	padding:4px;
	z-index:100;
	xleft:300px;
}

#statesRunTotals {
	position:relative;
	float:left;
}