/* *************************************************************************
Title : CSS main styles
Author : Designkitchen, Inc.
Description : Common styles for layout and appearance

CSS TOC
=HTML SELECTORS
=LAYOUT
************************************************************************* */
/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background-image: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ul {
	list-style: none;
}

/* *************************************************************************
=HTML SELECTORS
************************************************************************* */

body {
	font-size:62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000;
	color: #fff;
}

h1 {
	float: left;
	display: inline; /* IE6 margin/float fix */
	width: 435px;
	margin: 80px 0 0 335px;
	font-size: 1.7em;
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.rules h1 {
	margin: 75px 0 3px 98px;
}
h2 {
	font-size: 2.5em;
	letter-spacing: -1px;
	font-family: Arial Black, Arial, Helvetica, sans-serif;
}
.over h2 {
	width: 504px;
	height: 58px;
	text-indent: -90000px;
	background: url(../images/background/text.over-trans.png) 0 0 no-repeat;
}
h3 {
	margin: 0 0 5px 0;
	font-size: 2.0em;
	font-weight: bold;
}
#miniForm h3 {
	margin: 0;
	font-size: 1.645em;
	letter-spacing: -1px;
	font-family: Arial Black, Arial, Helvetica, sans-serif;
}

p {
	padding: 0 0 2px 0;
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: bold;
}
p.extraPad {
	padding: 50px 0 0 0;
}
	p.extraPad span, .over p span {
		float: left;
		width: 305px;
		padding: 3px 0 0 20px;
		color: #45c4f4;
	}
	p.extraPad span.singleword {
		width: 20px;
		margin: 15px 5px 0 5px;
		padding: 0;
		text-align: center;
		color: #fff;
	}
	p.extraPad span.register {
		width: 220px;
		margin: 0 15px 0 10px;
		padding: 0;
		color: #45c4f4;
	}
		p.extraPad span.register a {
			text-decoration: underline;
			color: #fff;
		}
p.extraPadBot {
	padding: 0 0 12px 0;
}
p.intro {
	padding: 15px 0 10px 0;
	font-size: 1.1em;
}
#miniContent p {
	font-size: .95em;
	letter-spacing: -.05em;
	font-family: arial black, arial, verdana;
	font-weight: normal;
	text-transform: uppercase;
	color: #b2b2b2;
}
#contentRules p {
	margin: 5px 0 0 0;
}

#content p.column {
	position:relative;
	width:335px;
}

a {
	position: relative;
	color: #54abcf;
	text-decoration: none;
}
a.under {
	text-decoration: underline;
}
a.button {
	float: left;
}
a.red {
	color: #ff0076;
	text-decoration: underline;
}
.button a.red {
	margin: 0 0 0 15px;
}
.pp .button a.red {
	margin: 0 0 0 8px;
}
a.continue {
	float: left;
}

sup {
	font-size: 0.6em;
	vertical-align: top;
}


/*************  Form elements  *************/

input {
	position: relative; /* IE6 fix */
	margin: 5px 0;
	border: 1px solid #c3c3c3;
	z-index: 999;
}
input.full {
	width: 285px;
	z-index: 999999;
}
input.half {
	float: left;
	width: 130px;
	z-index: 999999;
}

input.submit {
	height: 53px;
	width: 167px;
	margin: 5px 0 15px 0;
	padding: 0 0 10px 0;
	border: none;
	background: url(../images/buttons/submit-trans.png) 0 0 no-repeat;
}
input.checknow {
	height: 53px;
	width: 176px;
	margin: 12px 0 15px 0;
	padding: 0 0 10px 0;
	border: none;
	background: url(../images/buttons/checkNow-trans.png) 0 0 no-repeat;
}
input.signIn {
	position: relative;
	width: 107px;
	height: 56px;
	margin: 38px 0 0 0;
	border: none;
	background: url(../images/buttons/signIn-trans.png) 0 0 no-repeat;
}
input.code {
	width: 170px;
	padding: 3px 10px;
	font-size: 2.0em;
}
input.continue {
	height: 68px;
	width: 167px;
	margin: 5px 0 15px 0;
	padding: 0 0 10px 0;
	border: none;
	background: url(../images/buttons/input.continue-trans.png) 0 0 no-repeat;
}

#leftCol input {
	margin: 5px 0 10px 0;
}

#leftCol input.first {
	width: 130px;
	margin: 5px 9px 10px 0;
}
#leftCol input.last {
	width: 130px;
	margin: 5px 0 10px 9px;
}
#leftCol input.zip {
	float: left;
	width: 90px;
	margin: 5px 0 10px 21px;
}
#leftCol input.phonenumber {
	float: left;
}
#leftCol input.gender {
	float: left;
	height: 12px;
	width: 12px;
	margin: 7px 7px 0 0;
	border: none;
}

#residency input {
	float: left;
	height: 12px;
	width: 12px;
	border: none;
}
form .signup input {
	float: left;
	margin: 3px 10px 0 0;
	height: 13px;
	width: 13px;
	border: none;
}
#miniForm .text input {
	width: 175px;
	margin: 2px 0;
	padding: 0 0 0 3px;
	font-weight: bold;
	color: #a5a5a5;
}
input.sendPass {
	height: 60px;
	width: 166px;
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	border: none;
	background: url(../images/buttons/sendPass-trans.png) 0 0 no-repeat;
}
	

label {
	display: block;
	padding: 0 0 3px 0;
	font-size: 1.0em;
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
	label span {
		font-family: Arial, Helvetica, sans-serif;
		text-transform: none;
	}
label.half, label.first, label.last {
	float: left;
	width: 132px;
}
label.first {
	margin: 0 12px 0 0;
}
label.last {
	padding: 0 0 3px 10px;
}
label.state {
	margin: 0 0 0 24px;
}
label.zip {
	float: left;
	width: 94px;
	margin: 0 0 0 24px;
}
label.phonenumber {
	float: left;
	width: 130px;
}
label.emailaddr {
	clear: left;
}
#rightColReg label {
	float: left;
	display: inline;
}
	#rightColReg label.nocap {
		font-size: 1.0em;
		text-transform: none;
	}
#textappr label {
	clear: both;
	margin: 10px 0 0 0;
}
#residency label {
	width: 500px;
}
#miniForm label {
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

form .signup label {
	width: 135px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#leftCol span.likeLabel {
	margin: 6px 0 0 0;
	font-size: 1.2em;
	text-transform: uppercase;
}
#leftCol span.first {
	margin: 6px 6px 0 0;
}
#rightColReg span.approval {
	width: 110px;
	margin: 5px 0 0 24px;
	font-size: .8em;
}

select.last, select.half {
	float: left;
	width: 130px;
	margin: 3px 0 9px 0;
}
select.last {
	margin: 3px 0 9px 24px;
	}
select.state {
	float: left;
	width: 130px;
	margin: 4px 0 0 23px;
}
#dob select {
	margin: 3px 0 0 0;
}

/************* End Form Elements *************/

/* ----- ID AND CLASS SELECTORS ----- */

.disclaimer {
	width: 560px;
	margin: 3px auto 0 auto;
}
	.disclaimer p {
		font-size: 1.0em;
		font-weight: normal;
	}

.appleFriesCode {
	margin: -30px 0 0 0;
}

.fine {
	float: left;
	color: #313131;
	text-decoration: underline;
}
.instructions {
	float: left;
	margin: -50px 0 0 0;
	font-size: 1.1em;
	text-transform: uppercase;
}

.required {
	float: left;
	margin: 88px 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}

#textappr {
	display: block;
}
	#textappr span {
		display: block;
		clear: both;
		width: 130px;
		margin: 0 0 5px 0;
	}
	
.clear {
	clear: both;
	width: 100%;
	height: 0;
	overflow: hidden;
}

.blurb, .codeBlurb {
	float: left;
	width: 255px;
	margin: 15px 0 0 0;
	padding: 2px 15px;
	background-color: #151615;
}
.codeBlurb {
	position: absolute;
	top: 490px;
	left: 898px;
	width: 170px;
	padding: 5px 15px;
	font-family: verdana, arial;
}

.center {
	text-align: center;
}

/* *************************************************************************
=LAYOUT
************************************************************************* */

/* --- containers --- */

#wrapper {
	overflow: hidden;
	width: 100%;
	margin: 0 0 0 -25px;
	padding: 0 25px 0 0;
}
#wrapper.general {
	overflow: hidden;
	margin: 0 0 0 -85px;
	padding: 0 85px 0 0;
}

#page {
	position: relative;
	z-index: 1;
	width: 1200px;
	height: auto!important;
	height: 625px;
	min-height: 625px;
	margin: 0 auto;
	background: url(../images/background/body.home.jpg) 0 0 no-repeat;
}
#page.general {
	background: url(../images/background/body.over.jpg) 0 0 no-repeat;
}
#page.over {
	background: url(../images/background/body.over.jpg) 0 0 no-repeat;
}
#wrapper .tourDates {
	background: url(../images/background/body.over.jpg) 0 0 no-repeat;
}

#wrapper div.rules {
	overflow-x: hidden;
	background: url(../images/background/body.over.jpg) 0 0 no-repeat;
}

#content {
	float: left;
	display: inline; /* IE6 margin/float fix */
	clear: both;
	width: 520px;
	margin: 0 0 0 330px;
	padding: 20px 0 10px 30px;
	background: url(../images/background/contentForm-trans.png) 0 0 no-repeat;
}
#wrapper .superPad {
	padding: 20px 0 160px 30px;
}

#content.winner {
	padding: 0;
	width: 550px;
}
	#content.winner img {
		position: relative;
		left: -25px;
	}
	#content.winner .buttons {
		float: right;
		margin: -100px 0 10px 0;
	}
		#content.winner a.button {
			clear: both;
		}
	
.over #content {
	width: 530px;
	padding: 30px 0 10px 20px;
}

#contentRules {
	float: left;
	display: inline; /* IE6 margin/float fix */
	padding: 0 0 0 100px;
	width: 100%;
	font-style: italic;
	background-image: none;
	background-color: #000;
}
	#contentRules ul {
		margin: 8px 325px 0 0;
		font-size: 1.1em;
		font-style: normal;
	}
		#contentRules ul li {
			padding: 0 0 10px 0;
		}
		#contentRules ul li.extraPad {
			padding: 10px 0;
		}

#headerLinks {
	float: left;
	display: inline; /* ie6 margin/float bug fix */
	margin: 20px 0 0 722px;
	font-size: 1.45em;
	font-family: arial black, arial, verdana;
}
.general #headerLinks {
	position: absolute;
	z-index: 1000;
	left: 898px;
	top: 100px;
	width: 200px;
	margin: 0;
	text-align: center;
}
.general #headerLinks.schedule {
	top: 102px;
}
	#headerLinks p {
		font-size: 1.0em;
		font-weight: normal;
		color: #54abcf;
	}
		#headerLinks p span {
			display: block;
			margin: 10px 10px 0 10px;
			padding: 10px 0 0 0;
			background: url(../images/background/headerLinks.jpg) 0 0 no-repeat;
		}
	#headerLinks li {
		display: inline;
	}
		#headerLinks li span {
			border-right: 1px solid #54abcf;
			margin: 0 5px 0 0;
			padding: 0 10px 0 0;
		}
		
#codes {
	float: left;
	display: inline; /* ie6 margin/float bug fix */
	margin: -7px 0 15px 720px;
}
	#codes a {
		text-decoration: underline;
	}

#miniContent {
	float: left;
	display: inline; /* ie6 margin/float bug fix */
	margin: 262px 0 0 710px;
	width: 302px;
	height: 67px;
	padding: 6px 0 0 10px;
	background: url(../images/background/content.mini-trans.png) 0 0 no-repeat;
}
	#miniContent .text, #miniForm .text {
		float: left;
		display: inline;
		width: 188px;
		margin: 0 0 0 2px;
	}
	#miniContent .button, #miniForm .button {
		float: left;
	}
#miniForm {
	float: left;
	display: inline; /* ie6 margin/float bug fix */
	margin: 0 0 0 710px;
	width: 302px;
	height: 133px;
	padding: 6px 0 0 10px;
	background: url(../images/background/form.mini-trans.png) 0 0 no-repeat;
	color: #b2b2b2;
}
	#miniForm a {
		position: relative;
		margin: 0 0 0 12px;
		text-decoration: underline;
	}
	#miniForm .error {
		font-weight: bold;
		color: #ff0000;
	}

form #leftCol {
	float: left;
	width: 310px;
}

form #leftColShort {
	float: left;
	width: 200px;
}

form #rightCol {
	float: left;
	width: 205px;
}

form #rightColReg {
	float: left;
	display: inline;
	width: 175px;
	margin: 0 0 0 30px;
}

form #leftCol span, form #rightColReg span {
	float: left;
	margin: 0 0 10px 0;
}

#contentBottom {
	float: left;
	display: inline; /* IE6 margin/float fix */
	clear: both;
	width: 550px;
	height: 10px;
	margin: 0 0 0 330px;
	background: url(../images/background/contentBottom-trans.png) 0 0 no-repeat;
}

#dob, #residency {
	width: 500px;
	overflow: hidden;
}
	#dob div {
		float: left;
		padding: 8px 15px 0 0;
	}

#residency {
	margin: 20px 0 12px 0;
}
	#residency span {
		float: left;
		margin: 5px 25px 0 10px;
	}

form .signup {
	float: left;
	width: 175px;
	padding: 10px 0 0 0;
}
#rightColReg .superPad {
	padding: 10px 0 70px 0;
}
	form .signup a {
		color: #fff;
	}

.over #content div, div.row, div.row2 {
	clear: both;
	overflow: hidden;
	padding: 0 0 10px 0;
}
div.row {
	float: left;
	margin: 25px 0 0 0;
}
	div.row p span, div.row2 p span {
		color: #45c4f4;
		float: left;
		padding: 3px 0 0 20px;
		width: 305px;
	}

/* ----- send to friend ----- */

.sendtofriend #leftCol {
	width: 207px;
}

.sendtofriend #rightCol {
	width: 285px;
}

.sendtofriend label {
	float: left;
	padding: 0;
	margin: 0 0 2px 0;
}
	.sendtofriend label.half {
		width: 207px;
	}
	.sendtofriend label.full, .sendtofriend input.full {
		width: 278px;
	}

.sendtofriend input {
	float: left;
	margin: 5px 0 10px 0;
}
	.sendtofriend input.half {
		width: 191px;
	}

.sendtofriend div.message {
	position: relative;
	float: left;
	overflow: auto;
	width: 472px;
	height: 78px;
	margin: 5px 0 10px 0;
	padding: 6px 8px;
	border: 1px solid #c3c3c3;
	color: #7F7F7F;
	background-color: #fff;
}
	.sendtofriend div.message p {
		margin: 0 0 15px 0;
		font-weight: normal;
	}

.sendtofriend .blurb {
	width: 330px;
	margin: 0 147px 0 0;
	padding: 10px;
}

.sendtofriend a.cancel {
	float: right;
	margin: 29px 25px 0 0;
	font-size: 1.6em;
	font-weight: bold;
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #fff;
}

.sendtofriend input.submit {
	float: right;
	margin: 14px 10px 4px 0;
}

.stfButton {
	bottom:-35px;
	position:absolute;
	right:-165px;
}

/* ----- tour dates ----- */

#schedule {
	position: relative;
	overflow: auto;
	width: 490px;
	height: 315px;
	margin: 0 0 20px 0;
	background-color: #fff;
	border: 1px solid #c3c3c3;
	font-size: 1.2em;
	font-weight: bold;
	color: #353535;
}
	#schedule div {
		height: 16px;
		padding: 0 0 0 8px;
	}
	#schedule div.b {
		background-color: #81d7f7;
	}
		#schedule div span {
			display: block;
			float: left;
		}
		#schedule div span.one {
			width: 107px;
		}
		#schedule div span.two {
			width: 145px;
		}
		#schedule div span.three {
			width: 210px;
		}

/* ----- footer ----- */

#footer {
	position: relative;
	float: left;
	padding: 10px 0;
	width: 100%;
	font-size: 1.1em;
	text-align: center;
	color: #d0d0d0;
}
#wrapper.general #footer {
	padding: 20px 0 10px 0;
}
#wrapper #page .heightOne { padding: 274px 0 10px 0; }
#wrapper #page .heightTwo {	padding: 213px 0 10px 0; }
#wrapper #page .heightThree { padding: 333px 0 10px 0; }
#wrapper #page .heightFour { padding: 50px 0 10px 0; }
#wrapper #page .heightFive { padding: 225px 0 10px 0; }
#wrapper #page .heightSix { padding: 55px 0 10px 0; }
#wrapper #page .heightSeven { padding: 320px 0 10px 0; }
#wrapper #page .heightEight { padding: 353px 0 10px 0; }
#wrapper #page .heightNine { padding: 67px 0 10px 0; }
#wrapper .sendtofriend #footer {
	padding: 103px 0 10px 0;
}
	#footer ul {
		font-size: 1.1em;
		font-weight: bold;
		text-transform: uppercase;
	}
		#footer ul a {
			color: #fff;
		}
		#footer ul li {
			display: inline;
			padding: 0 15px;
		}
		#footer ul li.border {
			border-right: 1px solid #d0d0d0;
		}
	#footer img {
		position: absolute;
		top: 0;
		left: 802px;
	}
	#footer img.left {
		left: 150px;
	}