/**
* You need to rebuild the CSS after editing this file
**/

/*

Ordered by

body
headings
copy
images
links
forms
footer
forms

*/

body {
	color: #1e1e1e;
	font: 12px Arial, Helvetica, sans-serif;
}


/* Headings */

h1 {
	font-size: 24px;
	color: #000;
	padding: 0 0 0 0;
	margin: 15px 0 20px 0;
	font-family: Helvetica, Arial, sans-serif;
}

	#tickets h1 {
		color: #fff;
		text-align: center;
		margin: 0 0 5px 0;
		padding: 25px 0 0 0;
		line-height: 1em;
		font-size: 16px;
		clear: left;
	}

h2 {
	color: #727272;
	margin:5px 0 10px;
	padding:6px 0 0;
	font-size: 16px;
	line-height: 1.25em;
	font-family: Helvetica, Arial, sans-serif;
}

	#countdown h2 {
		width: 75px;
		float: left;
		margin: 0;
		padding: 4px 0 0 0;
		line-height: 1em;
		border: 0px solid #f00;
		color: #000;
		
	}
	
	.image-galleries h2 {
		margin: 10px 0 5px 0;
	}

	#tv-ad h2 {
		margin: 0;
		background: url(../images/bg_watch_tv.png) transparent top left no-repeat;
		color: #fff;
		text-transform: uppercase;
		line-height: 1em;
		font-size: 14px;
		padding: 12px 15px 9px 58px;
	}
	
	#tickets h2 {
		color: #fecf18;
		font-size: 20px;
		text-transform: uppercase;
		line-height: 1em;
		margin: 0 0 0 0;
		padding: 15px 0 0 0;
	}
	
	#tickets img {
		padding: 0 0 0 0;
	}
	
		#tickets h2 span.smaller {
			font-size: 14px;
		}
		
	div.driver h2 {
		color: #2e2e2e;
		margin: 0 0 3px 0;
	}
	
	#race-main h2 {
		margin: 0 0 170px 0;
		line-height: 1em;
		padding: 0 0 0 15px;
	}
	
	#attractions-main h2 {
		margin: 0 0 125px 0;
		line-height: 1em;
		padding: 0 0 0 15px;
	}
		
	#related_links h2 {
		margin: 0;
		background: url(../images/bg_related_links.png) transparent top left no-repeat;
		color: #fff;
		text-transform: uppercase;
		line-height: 1em;
		font-size: 14px;
		padding: 12px 15px 9px 15px;
	}
	
	div.highlight h2 {
		color: #242f45;
	}
	
	#footer #enews h2 {
		color: #fecf18;
		text-transform: uppercase;
		line-height: 1em;
		font-size: 14px;	
		margin: 0 0 8px 0;
		padding: 0;
	}
	
	div.sky-wrap h2 {
		color: #fff;
	}
	

h3 {
	color: #4c576b;
	margin: 0 0 8px 0;
	font-size: 14px;
	line-height: 1.25em;
	font-family: Helvetica, Arial, sans-serif;
}

	div.driver h3 {
	font-size: 12px;
		color: #2e2e2e;
		font-weight: normal;
	}
	
	div.driver h3.ford {
		color: #090052;
	}
	
	div.driver h3.holden {
		color: #e40923;
	}
	
	#race-main h3,
	#attractions-main h3 {
		float: left;
		width: 230px;
		margin: 0 0 15px 0;
		line-height: 1em;
	}
	
		#race-main h3 img,
		#attractions-main h3 img {
			border: 1px solid #404040;
			display: block;
		}
		
	div.concert-dates h3 {
		color: #fff;
		width: 229px;
		background: url(../images/bg_feat_box.png) transparent bottom left repeat-x;
		padding: 12px 0 13px 15px;
		line-height: 1em;
		margin: 0 0 8px 0;
		voice-family: "\"}\"";
        voice-family: inherit;
        width: 214px;
  }

      html>body div.concert-dates h3 {
      width: 214px;
  }
  
    div.concert-dates h3 img {
    float: right;
    margin: -5px 8px 0 0;
    }
        div.concert-dates h3 img.triplem-logo {
        margin: -5px 8px 0 0;
        }

	div.highlight h3 {
		color: #333;
	}
	
	div.article h3 {
	   margin: 0 0 3px 0;
	}

h4 {
	color: #000;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif; 
	margin: 0 0 8px 0;
	line-height: 1.4em;
}

	#column-right h4 {
		color: #fff;
	}

/* Copy */

p {
	line-height: 1.4em;
	margin: 0 0 9px 0;
	font-size: 12px;
}

	#countdown p {
		float: left;
		width: 235px;
		line-height: 35px;
		border: 0px solid #f00;
		text-align: center;
		
	}

	#breadcrumb p {
		color: #fff;
	}
	
	#footer p {
		color: #fff;
	}
	
	#enews p {
		line-height: auto;
		margin: 2px 0px;
	}
	
	p.link {
	padding: 0 0 0 20px;
	background: url(../images/deco_plink.gif) transparent center left no-repeat;
	margin: 0;
	}
	
	.facebook-share {
	clear: both;
	width:67px;
	float:right;
	padding-top: 10px;
	margin: 0;
	}
	
	html .facebook-share .fb_share_button {
	background: transparent url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?2:26981) no-repeat scroll right top;
	border: 1px solid #D8DFEA;
	display: inline-block;
	height:15px;
	padding:1px 20px 0 5px;
	width:40px;
	}
	
	p.date {
	font-style: italic;
	font-weight: bold;
	margin: 0 0 3px 0;
	}
	
	div.sky-wrap p {
		color: #fff;
	}
	
	
span.poll-red {
	background-color: #e30d00;
	color: #fff;
	font-size: 20px;
	padding: 8px;
	-moz-border-radius: 4px;
   -webkit-border-radius: 4px;
	border-radius: 4px;
}

span.poll-black {
	background-color: #000;
	color: #fff;
	font-size: 20px;
	padding: 8px;
	-moz-border-radius: 4px;
   -webkit-border-radius: 4px;
	border-radius: 4px;
}

span.poll-blue {
	background-color: #00309d;
	color: #fff;
	font-size: 20px;
	padding: 8px;
	-moz-border-radius: 4px;
   -webkit-border-radius: 4px;
	border-radius: 4px;
}

strong {
   font-weight: bold;
}

em {
   font-style: italic;
}


hr {
   display: none;
}
   
#content ul {
   list-style-type: disc;
   padding: 0 0 0 0;
   margin: 0 0 1em 2em;
}

#content ol {
   list-style-type: decimal;
   padding: 0 0 0 0;
   margin: 0 0 1em 2em;
}

	#content li {
	   margin: 0 0 .75em 0;
		line-height: 1.4em;
	}
 
		#content	ul ul,
		#content ol ul {
				margin: .5em 0 .75em 3em;
			}
	   
		#content ol ol,
		#content ul ol {
				list-style-type: lower-alpha;
				margin: .5em 0 .75em 3em;
			}
			
	#content div.concert-dates-bands ul {
		list-style-type: none;
	   padding: 0 0 0 0;
	   margin: 0 0 1em 0;
	}
	
		#content div.concert-dates-bands ul li {
			margin: 0 0 5px 0;
			padding: 0 0 0 0;
			list-style-type: none;
			line-height: 1.25em;
			background-image: none;
			color: #fff;
			font-size: 14px;
		}
			
div.linkbox ul {
	list-style-type: none;
	margin: 0 0 25px 0;
}

	div.linkbox li {
		/*background: url(../images/deco_arw_grey.gif) center left no-repeat;*/
		padding: 0 5px 0 12px;
		line-height: 1.5em;
	}
   
/* images */

#logo img {
	display: block;
	border: 0;
	margin: 0 0 0 10px;
}

img.clear {
	clear: both;
	display: block;
}
  
img.left {
	float: left;
	margin: 0 10px 5px 0;
}

img.right {
	float: right;
	margin: 0 0 5px 10px;
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.enquire {
display: block;
float: right;

}

#alerts img.btn-left {
	width: 31px;
	border: 0;
	margin: 0 7px 0 0;
	display: block;
	background-color: black;
	color: white;
}

#alerts img.btn-right {
	width: 31px;
	border: 0;
	margin: 0 0 0 0;
	display: block;
	background-color: black;
	color: white;
}

#alerts div.alert {
	margin: 0 7px 0 0;
	display: block;
	border: 1px solid #404040;
	width: 292px;
}

#alerts img.ad {
	display: block;
}

/*
#alerts img.ad {
	float: left;
	margin: 0 7px 0 0;
	display: block;
	border: 1px solid #404040;
	width: 292px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 330px;
}

	html>body #alerts img.ad {
	width: 290px;
}
*/
img.side-ad {
	border: 1px solid #404040;
	margin: 0 0 15px 0;
}

div.side-ad {
	border: 1px solid #404040;
	margin: 0 0 15px 0;
	padding: 2px;
	color: white;
}


img.corp {
display: block;
float: left;
width: 160px;
border: 0px solid #f00;
padding-left: 20px;
margin-right: 10px;
}

img.corp-map {
padding-left: 10px;
}

#center-everything {
text-align: center;
}

div.sponsor img {
	border:0px solid #CCCCCC;
	display:block;
	margin:4px 0 4px 5px;
	padding: 25px 18px;
	position:relative;
}

	div.sponsor img.spacer {
	border: 0;
	}

#footer-links p img {
	margin: 0 10px 0 0;
	border: 0;
	padding: 0;
}

	#footer img.logo {
		border: 0;
		padding: 0;
		margin: 0 40px 0 0;
	}


/* links */

a:link,
a:visited {
   color: #344676;
   text-decoration: underline;
}

a:hover,
a:focus,
a:active {
   color: #314fa1;
   text-decoration: none;
}

  #logo img a {
    outline: none;
  }

	#tickets h2 a:link,
	#tickets h2 a:visited {
		color: #fecf18;
		text-decoration: none;
	}
	
	#tickets h2  a:hover,
	#tickets h2  a:focus,
	#tickets h2  a:active {
		color: #fecf18;
		text-decoration: none;
	}
	
	#breadcrumb a:link,
	#breadcrumb a:visited {
	   color: #b0b0b0;
	   text-decoration: none;
	}

	#breadcrumb a:hover,
	#breadcrumb a:focus,
	#breadcrumb a:active {
	   color: #fff;
	   text-decoration: underline;
	}
	
	div.sky-wrap a:link,
	div.sky-wrap a:visited {
		color: #fecf18;
		text-decoration: underline;
	}
	
	div.sky-wrap  a:hover,
	div.sky-wrap  a:focus,
	div.sky-wrap  a:active {
		color: #fecf18;
		text-decoration: none;
	}
	
	
/* table styles */

table {
  width: 98%;
  margin: 10px 0;
}

  table td,
  table th {
    padding: 5px;
    vertical-align: top;
    border: 1px solid #a9bbcd;
  }
  
  table th {
  	font-weight: bold;
  }
  
  table tr.alt td {
    background-color: #cedff0;
  }
  
  table td.price {
  	width: 10%;
  	text-align: right;
  }
  
  table td.day {
  	width: 90%;
  }

  table.packages td.check {
    width: 20px;
    text-align: center;
  }
  
  table.gold-table td.day {
  	width: 70%;
  }
  
    table.gold-table td.price {
  	width: 10%;
  	text-align: right;
  }
  
    table.gold-table td.buttons {
  	width: 20%;
  	text-align: center;
  }
  
  
  #enews table {
    margin: 0px;
    border-collapse: collapse;
    position: absolute;
    top: 120px;
  }
  
  #enews table td {
    color: white;
    border-style: none;
    padding: 1px;
  }
  
/* end table styles */


  div.driver table {
    width: 400px;
  }
  
    div.driver table td {
      border: 0;
    }

		div.driver table td.poll-red a:link,
		div.driver table td.poll-red a:visited {
			color: #e30d00;
			text-decoration: none;
		}
		
		div.driver table td.poll-red a:hover,
		div.driver table td.poll-red a:focus,
		div.driver table td.poll-red a:active {
		   color: #e30d00;
		   text-decoration: underline;
		}

		div.driver table td.poll-black a:link,
		div.driver table td.poll-black a:visited {
			color: #000;
			text-decoration: none;
		}
		
		div.driver table td.poll-black a:hover,
		div.driver table td.poll-black a:focus,
		div.driver table td.poll-black a:active {
		   color: #000;
		   text-decoration: underline;
		}

		div.driver table td.poll-blue a:link,
		div.driver table td.poll-blue a:visited {
			color: #00309d;
			text-decoration: none;
		}
		
		div.driver table td.poll-blue a:hover,
		div.driver table td.poll-blue a:focus,
		div.driver table td.poll-blue a:active {
		   color: #00309d;;
		   text-decoration: underline;
		}

	#footer a:link,
	#footer a:visited {
	   color: #b0b0b0;
	   text-decoration: none;
	}

	#footer a:hover,
	#footer a:focus,
	#footer a:active {
	   color: #fff;
	   text-decoration: underline;
	}

/*  forms  */

form {
	margin: 0;
	padding: 0;
}

label {
   display: block;
}

input {
	margin: 0;
	padding: 0;
}

	input.textbox {
		font-size: 12px;
		color: #666;
		margin: 0;
		padding: 0;
	}
	
	#enews form input.name {
		border: 1px #e4e4e4;
		font-size: 11px;
		padding: 2px;
		width: 136px;
		/*background: url(../images/bg_textbox.gif) transparent bottom left repeat-x;*/
		background: #EEE;
		color: black;
	}
	
	#enews form input.email {
		width: 279px;
		border: 1px #e4e4e4;
		font-size: 11px;
		padding: 2px;
		/*background: url(../images/bg_textbox.gif) transparent bottom left repeat-x;*/
		background: #EEE;
		color: black;
	}

select {
	font-size: 11px;
	width: 160px;
	color: #666;
	margin: 0;
	padding: 0;
}


/* Sidenav (two levels) */


	#related_links ul {
	margin: 0 0 15px 0;
	padding: 0 0 5px 15px;
	border: 1px solid #404040;
	-moz-border-radius-bottomright: 1em;
	-moz-border-radius-bottomleft: 1em;
	-webkit-border-bottom-right-radius: 1em;
	-webkit-border-bottom-left-radius: 1em;
	}
	
				#related_links ul li.on ul {
				margin: 0 0 0 20px;
				border: 0px solid #f00;
				padding: 0;
				background-image: none;	
			}

		#related_links ul li {
		margin: 0 0;
    	padding: 0 0 0 0;
    	font-size: 12px;
    	line-height: 12px;
		width: 200px;
    	display: block;
    	vertical-align: bottom;
	  	}
	  	
	  	#related_links ul li ul li {
		width: 180px;
	  	}
	  	
	  		#related_links ul li ul li ul li {
			width: 160px;
	  		}

		#related_links ul li a:link,
	   #related_links ul li a:visited {
      	text-decoration: none;
      	padding: 6px 0 6px 25px;
		margin: 0;
      	color: #fff;
      	display: block;
		vertical-align: bottom;
      	background: url(../images/deco_related_off.gif) transparent left no-repeat;
	    }

	    #related_links ul li a:hover {
      	padding: 6px 0 6px 25px;
      	text-decoration: none;
		margin: 0;
      	color: #fecf18;
		vertical-align: bottom;
      	background: url(../images/deco_related_on.gif) transparent left no-repeat;
	    }
	    

		#related_links li.on a:link,
		#related_links li.on a:visited,
		#related_links li.on a:hover {
		text-decoration: none;
		color: #fecf18;
		background: url(../images/deco_related_on.gif) transparent left no-repeat;

	     }
	     
	   	#related_links li.on ul li a:link,
		#related_links li.on ul li a:visited {
			color: #fff;
			padding: 6px 0 6px 25px;
			background: url(../images/deco_related_off.gif) transparent left no-repeat;
	     }
	     
	     	#related_links li.on ul li a:hover {
			color: #fecf18;
			background: url(../images/deco_related_on.gif) transparent left no-repeat;
	     }
	     
	   	#related_links li.on ul li.on a:link,
		#related_links li.on ul li.on a:visited,
		#related_links li.on ul li.on a:hover {
			color: #fecf18;
			background: url(../images/deco_related_on.gif) transparent left no-repeat;
	     }
	     
	   	#related_links li.on ul li.on ul li a:link,
		#related_links li.on ul li.on ul li a:visited {
			color: #fff;
			background-image: none;
	     }	
	     
	     	#related_links li.on ul li.on ul li a:hover {
			color: #fecf18;
			background-image: none;
	     } 
	     
	   	#related_links li.on ul li.on ul li.on a:link,
		#related_links li.on ul li.on ul li.on a:visited,
		#related_links li.on ul li.on ul li.on a:hover {
			color: #fecf18;
			background-image: none;
	     }	    


              
    
        #related_links li.on ul li ul li a:link,
    	#related_links li.on ul li ul li a:visited,
   		#related_links li.on ul li ul li a:hover{
          padding: 6px 0 6px 65px;
          background-image: none;          
    }
    
    
     		#related_links li.on ul li ul li ul li a:link,
    		#related_links li.on ul li ul li ul li a:visited,
   			#related_links li.on ul li ul li ul li a:hover{
          padding: 6px 0 6px 85px;
          background-image: none;          
    } 
    
    /* ticketec footer */
    div.ticketek-footer {
    	width: 100%;
    	border-top: 1px solid #ccc;
    	padding: 10px 0;
    	margin: 10px 0;
    	height: 140px;
    } 
    
    	div.ticketek-footer-image {
    	float: left;
    	width: 225px;
    	}
    	
    	
    	div.ticketek-footer-text {
    	margin: 13px 0 0 0;
    	float: left;
    	width: 400px;
    	
    	}
    
    
    
    /* hovertip */
    
    .hovertip {
    position: absolute;
    padding: 10px 13px;
    z-index: 2;
    width: 300px;

    color: #ffffff;
    background-color: #51607e;
    border: 1px solid #394353;

    font-family: sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
}


/** Countdown numbers - shared image **/
div.number-img {
  text-indent: -9999px;
  height: 36px;
  width: 25px;
  float: left;
}

div.num-0 { background: url(../images/n-all.jpg)  0px   0px no-repeat; }
div.num-1 { background: url(../images/n-all.jpg) -25px  0px no-repeat; }
div.num-2 { background: url(../images/n-all.jpg) -50px  0px no-repeat; }
div.num-3 { background: url(../images/n-all.jpg) -75px  0px no-repeat; }
div.num-4 { background: url(../images/n-all.jpg) -100px 0px no-repeat; }
div.num-5 { background: url(../images/n-all.jpg) -125px 0px no-repeat; }
div.num-6 { background: url(../images/n-all.jpg) -150px 0px no-repeat; }
div.num-7 { background: url(../images/n-all.jpg) -175px 0px no-repeat; }
div.num-8 { background: url(../images/n-all.jpg) -200px 0px no-repeat; }
div.num-9 { background: url(../images/n-all.jpg) -225px 0px no-repeat; }


/* Transmog confirms and errors */
.confirmation {
  color: #090;
  font-weight: bold;
  border-bottom: 1px #060 solid;
  padding: 20px 30px 5px 30px;
  margin-bottom: 15px;
  background-color: #EFE;
}

.rate .confirmation {
	padding: 0;
	margin: 0;
	border-style: none;
	background: none;
}

.error {
  color: #900;
  font-weight: bold;
  border-bottom: 1px #600 solid;
  padding: 20px 30px 5px 30px;
  margin-bottom: 15px;
  background-color: #FEE;
}

.highlight-blue {
	width: 300px;
	padding: 10px;
	float: right;
	margin: 0 0 5px 8px;
	background-color: #CEDFF0;
}