/*
VRC 150th Microsite
Author: David Gleason (http://dcgid.com/)
*/

/* Typography & Colors */
body { font-size: 100%; font-family: Arial, Verdana, Sans-Serif; color: #000; line-height:20px; background: #ff3895 url(../images/background/gradient.jpg) repeat-x; }

h1 { font-size:1.6em; }
	h1.logo { background: transparent url(../images/logos/vrc.jpg) no-repeat; width: 763px; height: 209px; margin:0; }
		h1.home-logo { height: 184px; }
	h1.logo a{ display: block; text-indent: -999em; width: 100%; height: 100%; outline:0; }

h2 { font-size:1em; font-weight: bold; font-style: italic; color:#ff0078; margin-bottom:10px; }
	h2.mcc { background: transparent url(../images/logos/mcc.gif) no-repeat; width: 149px; height: 74px; margin:6px 0 0 0; float:left; }
	h2.melbourne { background: transparent url(../images/logos/melbourne.gif) no-repeat; width: 149px; height: 74px; margin:6px 0 0 0; float:left; }
	h2.mcc a, h2.melbourne a{ outline:0; display: block; text-indent: -999em; width: 100%; height: 100%; }

h3 { font-size:0.875em; font-weight: bold; color:#000; margin-bottom:15px; }
h4 { font-size:0.8125em; font-weight: bold; color:#000; margin-bottom:0px; }
p { font-size:0.6875em; margin-bottom:15px; line-height:18px; }
p.bold { font-weight:bold; }

a { text-decoration: none; color:#ff0078; outline:0; }
a:visited { color:#ff0078; }
a:hover { color:#999; }
a:active { color:#ff0078; }
	.subtle { color:#9c9c9c; }
	.bold { font-weight:bold; color:#ff0078; }

img { vertical-align:text-top; }

/* Z-Index */
.header .countdown { z-index: 30; }
.container { z-index:20; }
.underlay { z-index:10; }

#slideshow-visuals { z-index: 30; }
#slideshow-content { z-index: 40; }
#slideshow-visuals .items .copy { z-index: 50; }

#calendar table tr td a { z-index:5; }
#calendar table tr td .overlay-image { z-index:10; }

/* Lists */
ul { font-size:0.6875em; padding-left:30px; list-style:none; }
ul li { margin:0; }
ul.list { padding-left:10px; }

ul.benefits { list-style:square; padding-left:0px; color:#ff3896; margin-bottom:0px; }
ul.benefits li { padding-bottom:10px; }
ul.benefits li span.black { color:#000; }

/* Main Content Sections */

.header { background:#fff url(../images/header/gradient.jpg) repeat-x; height:210px; }
	.home-header { background:transparent url(../images/header/gradient-pink.jpg) repeat-x; height:184px; } 
	.header .sponsor { text-align: right; }
	.header .sponsor a { outline:0; }
	.header .countdown { position: absolute; top: 65px; margin-left:480px; width:300px; height:110px; }

.container { position:relative; }
.underlay { width:50%; height:706px; height:783px; background:transparent url(../images/background/glow.jpg) no-repeat; position:absolute; top:0; left:0; }
	
.navigation { list-style: none; padding:0; margin:0; width:950px; background:transparent url('../images/navigation/blank.gif'); overflow:auto; }
	.navigation li { float:left; height:44px; }
	.navigation li a { text-indent: -999em; display: block; height:100%; width:100%; outline:0; }
	.navigation li.about a { background: #fff url(../images/navigation/about.gif) no-repeat; width:126px; }
	.navigation li.events a { background: #fff url(../images/navigation/events.gif) no-repeat; width:159px;  }
	.navigation li.history a { background: #fff url(../images/navigation/history.gif) no-repeat; width:103px; }
	.navigation li.corporate a { background: #fff url(../images/navigation/corporate.gif) no-repeat; width:165px; }
	.navigation li.media a { background: #fff url(../images/navigation/media.gif) no-repeat; width:135px; }
	.navigation li.signup a { background: #fff url(../images/navigation/signup.gif) no-repeat; width:106px; }
	.navigation li.tickets a { background: #fff url(../images/navigation/tickets.gif) no-repeat; width:156px; }

	.navigation li a:visited {  }
	.navigation li a:hover { background-position: 0px -44px; }
	.navigation li a:active {  }
	
.content { background:#e6e6e6 url(../images/content/gradient.jpg) repeat-x top; padding:0; height:100%; }

#map_canvas { width:630px; height:500px; border-right:1px solid #fff; }
a.pdf { display:block; margin-top:10px; height:30px; padding:3px 0 0 35px; background:transparent url(../images/icons/pdf.gif) no-repeat; }

#form-signup label.error { position:relative; width:290px; left:90px; text-align:left; height:15px; padding-top:2px; }

/* Forms */

fieldset { border:none; padding:0 0 20px 0; background:transparent url(../images/form/gradient-line.png) no-repeat bottom left; }
	.last-fieldset { border:none; }

fieldset.personal input[type=text], select { background-color:#fff; border-color:#aaa; display:block; padding-left:5px; margin:0 0 5px 0; }
	fieldset.personal label { font-size:0.6875em; font-weight:normal; text-align:right; width:80px; display:block; float:left; padding-right:10px; }

fieldset.login, fieldset.password, fieldset.options { padding-left:90px; }
div.login-group, div.password-group, div.options-group { float:left; padding-right:10px; } 
fieldset.login input[type=text], select { background-color:#fff; border-color:#aaa; display:block; width:140px; height:20px; padding-left:5px; margin:0 0 5px 0; }
	fieldset.login label, fieldset.password label, fieldset.options label { font-size:0.6875em; font-weight:normal; display:block; padding-right:10px; }

fieldset.password input[type=text], select { background-color:#fff; border-color:#aaa; display:block; width:120px; height:20px; padding-left:5px; margin:0 0 5px 0; }

input[type=checkbox] { margin-right:10px; float:left; }
	label.checkbox { padding-top: 3px; float:left; }
	
	div.invalid { width:100px; height:18px; padding:0px 10px 3px 10px; margin:0 0 15px 90px; font-size:0.6875em; background:#fbe3e4; border:1px solid #fbc2c4; color:#ff0000; }
	
select { padding-left:0; height:24px; }
input[type=text]:hover { background-color:#eee; border-color:#888; }

.button-submit { margin-left:90px; width:187px; height:40px; background:transparent url(../images/buttons/submit.gif) no-repeat; border:0; cursor:pointer; outline:0; }

/* Home */

.home { background:#fff; height:100%; }
.home .home-video { padding:8px 0 0 8px; width:707px; height:312px; background:#fff url(../images/video/background.jpg) no-repeat; float:left; }
.home .home-sidenav { background:transparent url(../images/home/sidenav-background.jpg) top left no-repeat; width:255px; height:290px; position:absolute; left:715px; padding:30px 0 0 0; margin:0; }
	.home .home-sidenav li { width:255px; height:80px; padding-bottom:5px; }
	.home .home-sidenav li a { text-indent: -999em; display: block; height:100%; width:100%; }
	.home .home-sidenav li.signup a { background: transparent url(../images/home/sidenav-signup.gif) no-repeat; }
	.home .home-sidenav li.tickets a { background: transparent url(../images/home/sidenav-tickets.gif) no-repeat; }
	.home .home-sidenav li.about a { background: transparent url(../images/home/sidenav-about.gif) no-repeat; }
	
	.home .home-sidenav li a:visited {  }
	.home .home-sidenav li a:hover { background-position: 0px -80px; }
	.home .home-sidenav li a:active {  }
	
.home .home-bottomnav { width:950px; height:100px; padding:0; margin:0; background:#340119; }
	.home .home-bottomnav li { width:235px; height:100px; float:left; padding-right:3px; }
	.home .home-bottomnav li a { text-indent: -999em; display: block; height:100%; width:100%; }
	.home .home-bottomnav li.history a { background: transparent url(../images/home/bottomnav-history.jpg) no-repeat; }
	.home .home-bottomnav li.events a { background: transparent url(../images/home/bottomnav-events.jpg) no-repeat; }
	.home .home-bottomnav li.corporate { padding-right:4px; }
	.home .home-bottomnav li.corporate a { background: transparent url(../images/home/bottomnav-corporate.jpg) no-repeat; }
	.home .home-bottomnav li.media { padding-right:0px; }
	.home .home-bottomnav li.media a { background: transparent url(../images/home/bottomnav-media.jpg) no-repeat; }
	
	.home .home-bottomnav li a:visited {  }
	.home .home-bottomnav li a:hover { background-position: 0px -100px; }
	.home .home-bottomnav li a:active {  }

/* Sidebar */

.content .sidebar-description { padding:20px 20px 10px 15px; }
	.overflow { overflow-y:scroll; height:430px; padding-bottom:0px !important; }
	.content h2.text { margin:0; text-indent:-999em; padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #ccc; height: 31px; } 
		.content h2.calendar { background: transparent url(../images/text/title-schedule-of-events.gif) no-repeat; }
		.content h2.history { background: transparent url(../images/text/title-history.gif) no-repeat; }
		.content h2.contact { background: transparent url(../images/text/title-contact.gif) no-repeat; }
		.content h2.corporate { background: transparent url(../images/text/title-corporate.gif) no-repeat; height:42px; }
		.content h2.benefits { background: transparent url(../images/text/title-benefits.gif) no-repeat; }
		.content h2.about { background: transparent url(../images/text/title-about.gif) no-repeat; }
		.content h2.loving-cup { background: transparent url(../images/text/title-lovingcup.gif) no-repeat; }

/* Buttons */
a.button { width:187px; height:40px; display:block; text-indent:-999em; margin-bottom:3px; }
	a.advanced-timeline { background:transparent url(../images/buttons/advanced-timeline.gif) no-repeat; } 
	a.purchase-tickets { background:transparent url(../images/buttons/purchase-tickets.gif) no-repeat; } 
	a.log-in { background:transparent url(../images/buttons/log-in.gif) no-repeat; } 
	a.unsubscribe { background:transparent url(../images/buttons/unsubscribe.gif) no-repeat; } 
	a.update-details { background:transparent url(../images/buttons/update-details.gif) no-repeat; } 
	a.loving-cup { background:transparent url(../images/buttons/loving-cup.gif) no-repeat; } 
	a.faq { background:transparent url(../images/buttons/faq.gif) no-repeat; } 
	a.return { background:transparent url(../images/buttons/return-to-introduction.gif) no-repeat; } 
	a.more-info { background:transparent url(../images/buttons/more-information.gif) no-repeat; } 
	
	a.button:visited {  }
	a.button:hover { background-position:0px -40px; }
	a.button:active {  }
	
	ul.media-links { font-size:1em; float:left; margin:0em 12px 0em 0em; padding:0em; width:280px; }
	p.subtle { clear:both; }
	a.download, a.image { background:#eee url('../images/icons/pdf.gif') 5px 5px no-repeat; /* font-size:0.6875em; */ /* height:22px; */ display:block; padding:8px 10px 5px 40px; width:230px; border:1px solid #ccc; margin-bottom:20px; overflow:auto; }
	a.download, ul.media-links a.image { font-size:0.6875em; }
	a.image { background-image:url('../images/icons/jpg.gif'); }
	a.download span, a.image span { /* color:#999; */ white-space:nowrap; /* float:right; */ }
	a.download:visited, a.image:visited {  }
	a.download:hover, a.image:hover { background-color:#fff; border:1px solid #ccc; }
	a.download:active, a.image:active {  }

/* Page */

.page { padding:20px; border-right:1px solid #fff; }
	.page h2.title { margin:0; text-indent:-999em; padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #ccc; height: 31px; } 
	.page h2.terms { background: transparent url(../images/text/title-terms-and-conditions.gif) no-repeat; width:262px; }
	.page h2.register { background: transparent url(../images/text/title-register.gif) no-repeat; width:154px; }
	.page h2.faq { background: transparent url(../images/text/title-faq.gif) no-repeat; width:335px; }
	.page h2.media { background: transparent url(../images/text/title-mediacentre.gif) no-repeat; width:161px; }
	.page h2.privacy { background: transparent url(../images/text/title-privacypolicy.gif) no-repeat; width:169px; }

/* About */

.about h3 { border-bottom:1px solid #ccc; padding-bottom:5px; }
	.push-bottom { margin-bottom:20px !important; }

/* Copy Pages */
.page h4 { padding:10px 0 5px 0; }
.faq-item { background:#eee; padding:5px 10px 10px 10px; margin-bottom:10px; border:1px solid #ccc; }
	div.last { margin-bottom:0px; }

/* Calendar */

	#calendar { position:relative; padding:20px 20px 20px 20px; border-right:1px solid #fff; margin:0; }
		#calendar h2 { width: 243px; height: 31px; margin:0; text-indent:-999em; padding-bottom:25px; float:left; }
			#calendar h2.january { background: transparent url(../images/text/month-january.gif) no-repeat;  }
			#calendar h2.february { background: transparent url(../images/text/month-february.gif) no-repeat;  }
			#calendar h2.march { background: transparent url(../images/text/month-march.gif) no-repeat;  }
			#calendar h2.april { background: transparent url(../images/text/month-april.gif) no-repeat;  }
			#calendar h2.may { background: transparent url(../images/text/month-may.gif) no-repeat;  }
			#calendar h2.june { background: transparent url(../images/text/month-june.gif) no-repeat;  }
			#calendar h2.july { background: transparent url(../images/text/month-july.gif) no-repeat;  }
			#calendar h2.august { background: transparent url(../images/text/month-august.gif) no-repeat;  }
			#calendar h2.september { background: transparent url(../images/text/month-september.gif) no-repeat;  }
			#calendar h2.october { background: transparent url(../images/text/month-october.gif) no-repeat;  }
			#calendar h2.november { background: transparent url(../images/text/month-november.gif) no-repeat;  }
			#calendar h2.december { background: transparent url(../images/text/month-december.gif) no-repeat;  }
			
	#calendar .arrow { width:20px; height:30px; text-indent:-999em; } 
		#calendar .previous { display:none; background:transparent url(../images/icons/arrow-left.png) no-repeat; float:left; padding-right:15px; } 
		#calendar .next { display: none; background:transparent url(../images/icons/arrow-right.png) no-repeat; float:right; } 
	
	#calendar table { border:none; margin:0; width:100%; }
	#calendar .number { font-weight: bold; display: block; font-size:0.6875em; padding:2px 2px 0 5px; margin-bottom:0; }
	#calendar .title { font-size:0.625em; line-height: 10px; padding:0 10px 5px 5px; margin-bottom:0; }
		.sidebar-description p.date { color:#999; }
	#calendar .copy { display:none; }
	
		#calendar table tr.last td, #calendar table tr:last-child td { border-bottom:none; }
		#calendar table tr td.last, #calendar table tr td:last-child { border-right:none; }
		#calendar table tr td { border-right:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align: top; width: 14%; height:84px; padding:0; margin:0; }
		#calendar table tr td a { position:relative; }
		#calendar table tr td .overlay-image { display:block; position:relative; }
		
		#calendar table tr td a.race { width:100%; height:84px; display: block; padding:0; margin:0; position:relative; color:#fff; background:#ff3896; }
			#calendar table tr td a.race:visited {  }
			#calendar table tr td a.race:hover { background:#ff6cb1; color:#fff; }
			#calendar table tr td a.race:active {  }
			
		#calendar table tr td a.member { width:100%; height:84px; display: block; padding:0; margin:0; position:relative; color:#fff; background:#0e9e6c; }
			#calendar table tr td a.member:visited {  }
			#calendar table tr td a.member:hover { background:#10be81; color:#fff; }
			#calendar table tr td a.member:active {  }
			
		#calendar table tr td a.non-race { width:100%; height:84px; display: block; padding:0; margin:0; position:relative; color:#fff; background:#a1a1a1; }
			#calendar table tr td a.non-race:visited {  }
			#calendar table tr td a.non-race:hover { background:#bdbdbd; color:#fff; }
			#calendar table tr td a.non-race:active {  }

		#calendar table tr td a.image { height:84px; overflow: hidden; } 
		#calendar table tr.days td { height:24px; padding-top:2px; text-align:center; font-size:0.6875em; border:1px solid #ccc; border-left:none; background:#eee; color:#999; }
		#calendar table tr.days td.first { border-left:1px solid #ccc; }
		
/* multiple Calendar events */
	#calendar table tr td div { position:relative!important; width:auto; cursor:pointer; }
	#calendar table tr td ol { display: none; }
	/*#calendar table tr td ol { display:none; cursor:default; }
	#calendar table tr td:hover ol { display:block; }
	#calendar table tr td ol { position:absolute; left:-1em; top:100%; margin:0px; min-width:168px; margin-top:1.2em; z-index:100;
		padding:0.25em 1em 0.25em 2em; border:1px solid #aaa; -moz-box-shadow:0px 0px 10px #666; background:#fff; }
	#calendar table tr td ol li { background:transparent; font-size:0.8em; margin:0.5em 0em; }
	#calendar table tr td ol li.heading { list-style-type:none; height:14px; padding-bottom:1em!important; }
	#calendar table tr td ol li.heading img { position:absolute; left:1em; top:-14px; }
	#calendar table tr td ol li a { background:transparent!important; color:#333!important; border:none; white-space:nowrap; }
	#calendar table tr td ol li a.race:hover { background:transparent; color:#ff6cb1!important; }
	#calendar table tr td ol li a.member:hover { background:transparent; color:#10be81!important; }
	#calendar table tr td ol li a.non-race:hover { background:transparent; color:#bdbdbd!important; }*/
	
	#calendar table tr td span,
	#calendar table tr td p {  }
	
/* slideshow */

#history-visuals, #slideshow-visuals { position:relative; overflow:hidden; clear:both; height:450px; border-right:1px solid #fff; }
	#history-visuals div, #slideshow-visuals div { float:left; display:block; width:630px; }
	#history-visuals .items .copy, #slideshow-visuals .items .copy { padding-top:5px; background:transparent url(../images/slideshow/overlay.png); position:absolute; top:370px; height:75px; line-height:15px; }
	#history-visuals .items .copy h4, #slideshow-visuals .items .copy h4 { padding:0 0 0 50px; color:#ff3896; }
	#history-visuals .items .copy p, #slideshow-visuals .items .copy p { padding:0 50px 0 50px; color:#111; }
	#history-visuals .items, #slideshow-visuals .items { width:20000em; position:absolute; clear:both; margin:0; padding:0; overflow:hidden; } 
	#history-visuals .less, #slideshow-history .less a, #slideshow-visuals .less, #slideshow-content .less a { color:#999 !important; font-size:11px; }
	
#slideshow-content { position:absolute; margin-top:375px; padding:10px; width:610px; height:55px; }
	#slideshow-content .arrow { outline:0; width:20px; height:30px; display:block; text-indent:-999em; margin-top:10px; }
		#slideshow-content .prevslide, #slideshow-content .prev { display:none; background:transparent url(../images/icons/arrow-left.png) no-repeat; float:left; }
		#slideshow-content .nextslide, #slideshow-content .next { display:none; background:transparent url(../images/icons/arrow-right.png) no-repeat; float:right; }
		
#slideshow-nav { padding:0 0 20px 0; margin:0; }
#slideshow-nav li { margin:0; padding:5px 0 5px 0; }
#slideshow-nav li a { font-weight:bold; }
#slideshow-nav p { font-size:1em; }
	#slideshow-nav ul { font-size:1em; padding-left:0px; }
		.sub-nav li .pane p.padding-top { padding-top:20px; }
		.sub-nav li a { font-weight:normal !important; }
			a.second-level { color:#888; font-weight: bold !important; }
		.sub-nav li a.second-level { display:block; }
		.sub-nav li .pane { display:none; }

.footer { height:100%; background:#c6c6c6 url(../images/footer/gradient.gif) repeat-x; line-height:15px; }
	.alt-footer { background:#c6c6c6 url(../images/footer/gradient-home.gif) repeat-x; }
	.footer ul { list-style: none; padding:15px 0 0 0; }
	.footer ul li.push-link { padding-top:12px; }
	
	#tooltip { display: none; position: absolute; z-index: 9001; }
	#tooltip ol { position:absolute; left:-1em; top:100%; margin:0px; min-width:168px; margin-top:0.5em; z-index:100; padding:0.25em 1em 0.25em 2em; border:1px solid #aaa; -moz-box-shadow:0px 0px 10px #666; background:#fff; }
	#tooltip ol li { background:transparent; font-size:0.8em; margin:0.5em 0em; text-align:left!important; }
	#tooltip ol li.heading { list-style-type:none; height:14px; padding-bottom:1em!important; }
	#tooltip ol li.heading img { position:absolute; left:1em; top:-14px; }
	#tooltip ol li a { background:transparent!important; color:#333!important; border:none; white-space:nowrap; }
	#tooltip ol li a.race:hover { background:transparent; color:#ff6cb1!important; }
	#tooltip ol li a.member:hover { background:transparent; color:#10be81!important; }
	#tooltip ol li a.non-race:hover { background:transparent; color:#bdbdbd!important; }