/*	
================================
CSS by the eXtra Dimensions team - http://www.xd.com.au
================================
*/ 

body { margin:0px; background: url(media/background.jpg) repeat-x #121413;}
div { -moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding: 0; }
html { overflow-y: scroll; } 

.Normal, td, p { font-family:Verdana; font-size:9pt; line-height: 18px; }

.logo { width:156px; height:82px; background-repeat: no-repeat; }
.menutop { background: url(media/menutop.jpg) no-repeat; height:20; width:170px; }
.menuholder { background:#156ab4; width:170px; padding: 0 0 0 0; }
.menubottom { background: url(media/menubottom.jpg) no-repeat; height:20; width:170px; }
.lefttop { background: url(media/lefttop.gif) no-repeat; height: 25px; width: 170px; }

/* Dark SkinObject Elements */
.darkbg { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:9px; font-weight: bold; color: #bbbbbb;!important; margin: 0; margin-top:-2em; padding-left: 2px;}
a.darkbg:link, a.darkbg:active, a.darkbg:visited{color:#cccccc;height:auto; text-decoration: none; font-weight: bold;padding-right:0.8em;}
a.darkbg:hover{color: #bbbbbb;height:auto; text-decoration: none; font-weight: bold;padding-right:0.8em;}

/* Light SkinObject Elements */
.lightbg {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px;}
a.lightbg:link, a.lightbg:active, a.lightbg:visited{ color:#999999; height:auto; text-decoration: none; font-weight: bold;padding-right:0.8em;}
a.lightbg:hover{color: #cccccc; height:auto; text-decoration: none; font-weight: bold;padding-right:0.8em;}

.logintxt { color: #999999; font-size: 11px; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding-top: 12px; }
.footertxt { color: #bbbbbb; font-size: 9px; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

/* Content Panes */
.panetop { padding: 8px 10px 0 10px; }
.paneleft { /*background:url(media/lpaneBgSite.jpg) #3b3b3b bottom no-repeat;*/ width:170px; padding: 5px 0 8px 0; }
.panecontent { padding: 8px 10px 0 10px; }
.paneright { padding:0 10px 0 0; }
.panebottom { padding:0 10px 0 10px; }

/* Race Entry Page Panes */
.panereright { padding:8px 10px 0 0; width:310px; }

/* Home Page Content Panes */
.panehcontent { padding:8px 0 0 0; width:530px; }
.panehright { border-left: 1px solid #cccccc; width: 224px; padding: 8px 0 0 8px; }

.conbg { background:url(media/ConBg.jpg) transparent repeat-x; }
.conbgsite { background:url(media/ConBgSite.jpg) #fbfbfb repeat-x top; }
.conbottom { background:url(media/ConBottom.jpg) right #fbfbfb no-repeat; height:30px; width:960px; }
.introbg { background:url(media/IntroBg.jpg) transparent no-repeat top; }

.header { background:url(media/header.jpg) no-repeat; width:769px; height:190px; }

.loginholder { /*background-image: url(media/search.jpg); background-repeat: no-repeat;*/ padding-bottom:3px; padding-left: 4px; background-position: right; background-color: #ffffff; }

.quicknav {	font-family: Tahoma, Arial, Helvetica, sans-serif;	font-size: 10px; color: #707070; line-height: 24px; clear: left; list-style-type: disc;	text-decoration: underline;	font-weight: lighter; }
.quicknav1 { top: 10px;	clip: rect(0px,0px,0px,0px); }
.quicknav1 { height: 260px; width: 140px;	margin-left: 0px;	padding: 0px;	vertical-align: text-top;}
.bottombase {background: url(media/backgroundbot.jpg) no-repeat right bottom #121413;}

/* XD Logo Classes */
td.XDTD{text-align:left; height:26px; padding:0; vertical-align:bottom; width:80px; }
a.webbylink:link, a.webbylink:active, a.webbylink:visited, a.webbylink:hover
 { width:80px; height:26px; display: block; background: url(media/xdlogo.gif) top left no-repeat; vertical-align:bottom; float: left;}

/* Form Master Classes */
.licencebox { color:#57575A; font-family:Arial,Helvetica,sans-serif; font-size:12px; margin:2px 0 10px 0; }
.formlabel { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10pt; color: #404040; }
.formbox { color:#57575A; font-family:Arial,Helvetica,sans-serif; font-size:12px; margin:2px 0 10px 0; /*width:220px;*/ }

/* Default Links */
a:link, a:active, a:visited { text-decoration: underline; color:#404040;   }
a:hover { text-decoration: none; color:#404040; }

/* Snapsis Menu CSS Code */ 
.TabList {font-size:75%; }

#nav ul {padding:0; margin:0; list-style:none; float:left; width:10em; background-color:transparent; }

#nav .Level0 li { position: relative; float:left; /* height:45px; */ line-height:18px; width: 160px; list-style: none; }
#nav .Level1 li  { position: relative; float:left; height: 20px; line-height:20px; width: 150px; list-style: none; background: #597999; }
#nav .Level2 li  { position: relative; float:left; height: 20px; line-height:20px; width: 150px; list-style: none; background-image: none; }
#nav li ul { /* second-level lists */ position:absolute; left:-999em; background-color:#FFFFFF; margin:-25px 0 0 150px; border:1px solid #000066; width: 150px;  }
#nav li ul ul { /* third-and-above-level lists */ left: -999em;background-color:#FFFFFF;  border:1px solid #000066; margin:-21px 0 0 150px; }

#nav .Level0 a { -moz-box-sizing:border-box; box-sizing:border-box; background:url(bg_menuItem.gif) no-repeat left; font-size:8pt; display:block; width: 160px; /*w\idth : 12.5em;*/ text-decoration:none; /*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/ font-weight:bold; margin:0; padding: 2px 0px 2px 18px; border:0px solid transparent; color:#FFFFFF;/* line-height:20px; *//*height:45px;*/ text-align:left; }
#nav .Level1 a { -moz-box-sizing:border-box; box-sizing:border-box; background:none; font-size:8pt; display:block; width: 150px; /*w\idth : 12.5em;*/ text-decoration:none; font-weight:bold; margin:0; padding: 2px 0 2px 6px; border:0px solid transparent; color:#ffffff; line-height:15px; /*height:20px; */text-align:left; }
#nav .Level2 a { -moz-box-sizing:border-box; box-sizing:border-box; background:none; font-size:8pt; display:block; width: 150px; /*w\idth : 12.5em;*/ text-decoration:none; font-weight:bold; margin:0; padding: 2px 0 2px 6px; border:0px solid transparent; color:#ffffff; line-height:15px; /*height:20px; */text-align:left; }

#nav .Level0 li a:hover { background-color: transparent; border:0px solid transparent; color:#cccccc; background-image:url(spacer.gif); }
#nav .Level1 li a:hover { background-color: transparent; border:0px solid #333; color:#abbccd; background-image:none; }
#nav .Level2 li a:hover { background-color: transparent; border:0px solid #333; color:#abbccd; background-image:none; }

#nav .Level0 li a:SelectedTab { font-size:8pt; background-color: transparent; border:0px solid transparent; color:#f55c23;/* background-image:url(media/menubghover.jpg);*/ }

#nav li a.SelectedTab {font-weight:normal;background-color: transparent;color:#ffffff; }
#nav .DisabledTab {color:#ffffff; }
/*no need to change these hover classes unless you need more than 4 levels */
#nav li:hover ul ul, 
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{ left: -999em; }

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.iehover ul, 
#nav li li.iehover ul, 
#nav li li li.iehover ul { left: auto; }