/* 
    Document   : main
    Created on : Oct 22, 2013, 9:36:48 PM
    Author     : dash
    Description:
        Purpose of the stylesheet follows.
*/

body {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

.LogoA {
	border: 0px;
}

img {
	border: 0px;
}

#headerOuterDiv {
	width: 100%;
	height:230px;
	min-width: 960px;
	x-index: 10;
}

#headerTopDiv {
	position:absolute;
	background-color: rgb(20,20,20);
	width: 950px;
	height: 17px;
	color: white;
	padding: 3px 0px 3px 0px;
	z-index: 50;
}

#headerTopInnerDiv {
	width: 930px;
	text-align: right;
}

.TopNavLink {
	margin: 0px 5px 0px 5px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#headerDiv {
	xtop: 23px;
	top: 0px;
	position: absolute;
	width: 100%;
	min-width: 960px;
	height: 230px;
	border-bottom: 1px solid black;
	background: rgb(135,224,253); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3ZTBmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzUzY2JmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNWFiZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(135,224,253,1) 0%, rgba(83,203,241,1) 40%, rgba(5,171,224,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(135,224,253,1)), color-stop(40%,rgba(83,203,241,1)), color-stop(100%,rgba(5,171,224,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=1 ); /* IE6-8 */
}

#headerText {
	position: absolute;
	left: 5px;
	bottom: 3px;
	font-size: 55px;
	line-height: 45px;
	font-family: "Arial Black", Gadget, sans-serif;
	xcolor: rgb(230,230,230);
	color: white;
	text-shadow:
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000; 
	z-index: 6;
}

#headerLogo {
	position: absolute;
	height: 176px;
	width: 200px;
	top: 5px;
	left: 5px;
	z-index: 100;
}

#navDiv {
	top: 23px;
	padding-top: 0px;
	height: 110px;
	position:absolute;
	left: 210px;
	z-index: 8;
}

.NavLink {
	font-size: 12px;
	display: inline;
	color: black;
	float: left;
	width: 135px;
	height: 90px;
	margin-left: 4px;
	padding: 3px;
	cursor: pointer;
	
	background: rgb(159,230,253); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlmZTZmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzc0ZDZmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMmM0ZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(159,230,253,1) 0%, rgba(116,214,244,1) 40%, rgba(34,196,250,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(159,230,253,1)), color-stop(40%,rgba(116,214,244,1)), color-stop(100%,rgba(34,196,250,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(159,230,253,1) 0%,rgba(116,214,244,1) 40%,rgba(34,196,250,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(159,230,253,1) 0%,rgba(116,214,244,1) 40%,rgba(34,196,250,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(159,230,253,1) 0%,rgba(116,214,244,1) 40%,rgba(34,196,250,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(159,230,253,1) 0%,rgba(116,214,244,1) 40%,rgba(34,196,250,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fe6fd', endColorstr='#22c4fa',GradientType=0 ); /* IE6-8 */

}


.NavLink:hover {
	color: black;
	background: rgb(34,196,250); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyYzRmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzc0ZDZmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZmU2ZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(34,196,250,1) 0%, rgba(116,214,244,1) 60%, rgba(159,230,253,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(34,196,250,1)), color-stop(60%,rgba(116,214,244,1)), color-stop(100%,rgba(159,230,253,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(34,196,250,1) 0%,rgba(116,214,244,1) 60%,rgba(159,230,253,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(34,196,250,1) 0%,rgba(116,214,244,1) 60%,rgba(159,230,253,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(34,196,250,1) 0%,rgba(116,214,244,1) 60%,rgba(159,230,253,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(34,196,250,1) 0%,rgba(116,214,244,1) 60%,rgba(159,230,253,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22c4fa', endColorstr='#9fe6fd',GradientType=0 ); /* IE6-8 */

}

.NavLink:hover h1 {
	color: rgb(210,0,0);
}


.NavLink h1 {
	margin-bottom: 4px;
	margin-top: 0px;
	font-size: 19px;
	font-weight: normal;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.NavLink p {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}

.NavLink span {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px !important;
	border: 1px solid black;
}

.NavText {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	xline-height: 14px !important;
	xline-spacing: 0px;
	border: 1px solid red;
}

.NavBar {
	position: absolute;
	left: 220px;
	bottom: 0px;
	border: 1px solid red;
	height: 25px;
	font-family: "Arial", Gadget, sans-serif;
	font-weight: bold;
}

.NavBar a {
	padding: 0px 5px 0px 5px;
	font-size: 20px;
	color: black;
}

.NavSpacer {
	height: 20px;
	border-left: 1px solid blue;
}

.NavBar a:hover {
	
}

#headerPic {
	position: absolute;
	left: 200px;
	bottom: 0px;
	z-index: 3;
	xwidth: 432px;
	xheight: 90px;
}

#headerBgDiv {
	z-index: 2;
	position: absolute;
	overflow: hidden;
	width: 100%;
	top: 0px;
	height: 230px;
}

#headerBg{
	height:100%;
	opacity:0.25;
	filter:alpha(opacity=25);
}

.SponsorsDiv{
	xbackground: rgb(230,230,255);
	border-left: 1px dotted #0099CC;
	height: 100%;
	padding-left: 5px;
	margin-top: 10px;
	text-align: center;
}

.InnerGridLeft {
	margin-left: 0px !important;
}

.InnerGridRight {
	margin-right: 0px !important;
}

#xmainDiv {
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	background-color: white;
	border: 1px solid black;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
	width: 670px;
	padding: 10px;
}

h2 {
	margin-bottom: 5px;
}

a {
	text-decoration: none;
	color: rgb(64,150,238);
}

a:hover {
	color: rgb(252,88,0);
}


.ScheduleTable {
	width: 100%;
	border-spacing: 0px;
	
}

.ScheduleTable td {
	vertical-align: top;
	border-bottom: 1px solid rgb(200,200,200);
	border-top: 1px solid rgb(200,200,200);
	padding-top: 10px;
}

.SponsorLogoTd {
	width: 125px;
}

.RaceDescTd {
	padding-left: 10px;
	padding-bottom: 10px;
}

.RaceDescTd a {
	color: rgb(0, 0, 150);
}

.RaceDescTd a:hover {
	color: rgb(252,88,0);
}

.RaceDescTd h1 {
	margin: 0px 0px 3px 0px;
	font-size: 30px;
}

.ui-button-text{
	padding-top: 1px !important;
	padding-bottom: 1px !important;
}

.RaceInfoSummaryDiv {
	margin-bottom: 7px;
}

.xRaceInfoSummaryDiv:hover {
	xbackground: rgb(255,255, 200);
	cursor: pointer;
}

.DateTd {
	width: 130px;
	left-align: left;
	font-size: 22px;
	font-weight: bold;
	padding-top: 0px !important;
}

.ScheduleTable p {
	margin: 0px 0px 8px 0px;
}

.DateTh {
	padding-right: 10px;
	width: 110px;
	text-align: left;
	font-size: 14pt;
}

.RaceNameTh {
	text-align: left;
	font-size: 14pt;
	vertical-align: top;
}

.CoursesTable {
	border-spacing:0;
    border-collapse:collapse;
}

.CoursesTable td {
	border: none;
	padding: 0px 2px;
}

.RaceInfoDiv {
	padding: 0px;
	font-size: 16px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	width: 890px;
}


.RaceInfoDiv p {
	margin-top: 0px;
	margin-bottom: 6px;
}


.RaceInfoDiv h1 {
	margin: 3px 0px 0px 0px;
}

.RaceInfoDiv h2 {
	margin: 0px;
	font-size: 20px;
}

.RaceInfoDiv a {
	color: rgb(0, 0, 150);
}

.RaceInfoDiv a:hover {
	color: rgb(252,88,0);
}

/* Background for popover dialog */
.ui-widget-overlay {
   xbackground: #AAA url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
   background-color: black repeat-x;
   opacity: .70;
   filter: Alpha(Opacity=70);
}

.ui-dialog-title {
  text-align: center;
  width: 100%;
  font-size: 25px;
}

.ui-dialog-titlebar {
    xheight: 30px;
}

.ui-dialog .ui-dialog-content {
    padding: 0px 3px;
}

.Dialog {
	position: fixed;
}

.ui-widget-content.ui-dialog
{
   border: 1px solid black;
}

.SponsorLogosDivInDetails {
	text-align: center;
	width: 100%;
}

.SponsorDescInDetails {
	text-align: left;
	padding: 0px 40px;
	font-size: 14px;
}


.SponsorTable td{
	text-align:center;
	border: 1px solid rgb(200,200,200);
	width: 50%;
	padding: 5px;
}

.SponsorTable p {
	text-align: left;
	font-size: 13px;
}

.ResultsDiv a{
	text-decoration: underline;
}


/******************************
 * Calendar icon stuff.
 * From: http://www.sitepoint.com/create-calendar-icon-html5-css3/
 */
 
 time.icon
{
  font-size: .7em; /* change icon size */
  display: block;
  position: relative;
  width: 7em;
  height: 7em;
  background-color: #fff;
  margin: 2em auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #fff;
  background-color: #fd9f1b;
  border-bottom: 1px dashed #f37302;
  box-shadow: 0 2px 0 #fd9f1b;
}

time.icon em
{
  position: absolute;
  bottom: 0.3em;
  color: #fd9f1b;
}

time.icon span
{
  width: 100%;
  font-size: 2.8em;
  letter-spacing: -0.05em;
  padding-top: 0.8em;
  color: #2f2f2f;
}

time.icon:hover, time.icon:focus
{
  -webkit-animation: swing 0.6s ease-out;
  animation: swing 0.6s ease-out;
}

@-webkit-keyframes swing {
  0%   { -webkit-transform: rotate(0deg)  skewY(0deg); }
  20%  { -webkit-transform: rotate(12deg) skewY(4deg); }
  60%  { -webkit-transform: rotate(-9deg) skewY(-3deg); }
  80%  { -webkit-transform: rotate(6deg)  skewY(-2deg); }
  100% { -webkit-transform: rotate(0deg)  skewY(0deg); }
}

@keyframes swing {
  0%   { transform: rotate(0deg)  skewY(0deg); }
  20%  { transform: rotate(12deg) skewY(4deg); }
  60%  { transform: rotate(-9deg) skewY(-3deg); }
  80%  { transform: rotate(6deg)  skewY(-2deg); }