body { margin: 0px; padding: 0px; font-family: Helvetica, Arial, sans-serif; }
	div#ContentEffectsWrapper { width: 911px; margin: 0 auto; background: url(./bpimages/dropshadow.png) repeat-y; background-position: -1px 0px; }
		div#ContentWrapper { width: 855px; margin:0 auto; background: #fff; overflow: hidden; }
			div#NewsTicker { height: 34px; background: #000; }
			div#ContentHeader { height: 445px; overflow: hidden; background: url(./bpimages/headers/careers.jpg) no-repeat; }
				div#HeaderLogoTeaserWrapper { margin-left: 18px; width: 250px; }
					div#HeaderLogo { width: 244px; height: 165px; margin-top: -12px; background: url(./bpimages/headerlogo.png) no-repeat; overflow: hidden; }
						div#HeaderLogo a { display: block; width: 244px; height: 165px; text-decoration: none; cursor: pointer; }
							div#HeaderLogo a span { display: none; }
					div#Teaser { padding: 6px; margin:0 auto; background: url(./bpimages/teaserbg.jpg) repeat-x #000; overflow: hidden; border: 1px solid #8DC16F; }
						div#Teaser h2 { margin: 0px; padding: 0px; width: 230px; height: 16px; background: url(./bpimages/reservations8775324006.jpg) no-repeat; }
							div#Teaser h2 span { display: none; }
						div#Teaser form { padding: 0px; margin: 0px; }
							div#Teaser form table, div#Teaser form table tr, div#Teaser form table td { padding: 0px; margin: 0px; }
								div#Teaser form table tr { }
								div#Teaser form table td { padding: 0px 2px; }
									div#Teaser form table td.dropdowns_heading { font-size: 12px; color: #fff; } 
							div#Teaser form select { font-size: 12px; margin: 2px 0px; }
							div#Teaser form select#arriveMonth, div#Teaser form select#departMonth { width: 110px; }
							div#Teaser form select#adults { float: left; }
							div#Teaser form button { display: block; border: none; padding: 0px; margin-left: 4px; background: url(./bpimages/checkavailability.jpg) no-repeat; width: 143px; height: 25px; overflow: hidden; cursor: pointer; float: left; }
								div#Teaser form button span { display: none;  }
							div#Teaser form div.calendarIcon img { cursor: pointer; }
			div#Navigation { height: 44px; background: url(./bpimages/navbar.jpg) no-repeat; overflow: hidden; }
			div#InternalNavigation { width: 260px; padding-left: 18px; min-height: 330px; float: left; background: url(./bpimages/internalnavigationbg.jpg) repeat-x; }
				div#InternalNavigation div#SUFS { }
					div#SUFS h3#EmailPromotions { padding: 0px; margin: 0px; width: 153px; height: 25px; background: url(./bpimages/emailpromotions.jpg) no-repeat; overflow: hidden; }
						div#SUFS h3#EmailPromotions span { display: none; }
			div#Content { width: 530px; min-height: 330px; float: left; background: url(./bpimages/contentbg.jpg) bottom right no-repeat; padding: 0px 21px 0px 26px; }
			/* Hackery */ body#legal div#Content { min-height: 530px; }
				div#Content h1 { padding: 0px; margin: 0px; width: 276px; height: 66px; float: right; }
					div#Content h1 span { display: none; }	
				body#careers div#Content h1 { background: url(./bpimages/h1s/careers.jpg) no-repeat; }
				div#Content p { text-align: justify; font-size: 12px; color: #666666; line-height: 150%; margin: 14px 0px; padding: 0px; }
					div#Content p a { color: #e90e89; text-decoration: none; }
					div#Content p a { text-decoration: underline; }
				div#Content ul li { color: #666; font-size: 12px; line-height: 150%; }
			div#SubFooter { padding: 12px 21px 0px 26px;  }
				div#SubFooter p { padding: 0px; margin: 0px; text-align: right; font-size: 12px; color: #b2b2b2; text-transform: uppercase; font-weight: bold; letter-spacing: .1em; }
					div#SubFooter p a { text-decoration: none; color: #b2b2b2; }
					div#SubFooter p a:hover { color: #e90e89; }
			div#Footer { height: 120px; background: url(./bpimages/footer.jpg) no-repeat; background-position: 0px 17px; }
				div#Footer p { display: none; }
/* Navigation */
	div#Navigation ul { padding: 0px; margin: 0px; list-style: none; }
		div#Navigation ul li { padding: 0px; margin: 0px; float: left; }
			div#Navigation ul li a { display: block; height: 43px; overflow: hidden; }		
			div#Navigation ul li a.Separator { width: 2px; background: url(./bpimages/navigation/separator.png) center no-repeat; cursor: default; }
			div#Navigation ul li#NavigationItem_eat a { width: 76px; background: url(./bpimages/navigation/eat.png) no-repeat; }
			div#Navigation ul li#NavigationItem_drink a { width: 104px; background: url(./bpimages/navigation/drink.png) no-repeat; }
			div#Navigation ul li#NavigationItem_sleep a { width: 98px; background: url(./bpimages/navigation/sleep.png) no-repeat; }
			div#Navigation ul li#NavigationItem_dance a { width: 107px; background: url(./bpimages/navigation/dance.png) no-repeat; }
			div#Navigation ul li#NavigationItem_chill a { width: 99px; background: url(./bpimages/navigation/chill.png) no-repeat; }
			div#Navigation ul li#NavigationItem_cheer a { width: 104px; background: url(./bpimages/navigation/cheer.png) no-repeat; }			
			div#Navigation ul li#NavigationItem_rock a { width: 95px; background: url(./bpimages/navigation/rock.png) no-repeat; }			
			div#Navigation ul li#NavigationItem_thecleve a { width: 153px; background: url(./bpimages/navigation/thecleve.png) no-repeat; }
			div#Navigation ul#NavigationContainer li a:hover { background-position: 0 -43px; }
				div#Navigation ul li a span { display: none; }
				
			/* Nav Magic */
			body#careers div#Navigation ul li#NavigationItem_careers a { background-position: 0 -43px; }
	
	/* Temp Until Nav Finished */
	/* div#Navigation ul { margin-left: 318px; } */

/* Generic Classes */
	.ClearFloat { clear: both; }
	.Hidden, .hidden { display: none; }
	.FloatRight { float: right; border: none; }
	div#Content p.Header { color: #e90e89; }
		div#Content p span.HeaderBlue { color: #00a0d9; }
		div#Content p span.HeaderBlack { color: #000; }
		div#Content p span.HeaderRed { color: #e90e89; }
	div#Content p.SubHeader { color: #00a0d9; }
	div#Content p.CapsHeader { text-transform: uppercase; font-weight: bold;  }
	div#Content p.Header, div#Content p.SubHeader, div#Content p.CapsHeader { text-align: right; line-height: 100%; padding: 4px 0px; font-weight: bold; margin-bottom: -14px; }	
	div#Content p.TextRight { text-align: right; }
		
/* Eat */

	div#Content p.EatHeader { margin-top: 0px; padding: 6px 0px 6px 15px; background: #595959; font-weight: bold; color: #fff; letter-spacing: .075em; margin-bottom: 8px; }
	div#Content p.EatContainer { display: block; width: 116px; text-align: center; float: left; background: #D8D8D8; border: 6px solid #EAEAEA; margin: 0px 5px 8px 0px; padding: 40px 0px; line-height: 100%; }
		div#Content p.EatContainer a { font-weight: bold; color: #444444; text-decoration: none; }
		div#Content p.EatContainer a:hover { color: #e90e89; }
	div#Content p.EatContainerLast { margin-right: 0px; }
	div#Content div.EatNavigation { margin-top: 20px; padding: 6px 0px 6px 15px; background: #f1f1f1; font-weight: bold; color: #fff; letter-spacing: .05em; margin-bottom: 0px; }
		div#Content div.EatNavigation ul { margin: 0px; padding: 0px; list-style: none; display: inline; }
			div#Content div.EatNavigation  ul li { font-size:11px; margin:0px 8px 0 0; padding: 0px; display: inline; }
			div#Content div.EatNavigation  ul li a { color: #000; text-decoration: none; }
			div#Content div.EatNavigation  ul li a:hover { color: #00A0D9; }
			div#Content div.EatNavigation  ul li span.HeaderRed { color:#E90E89; }		
			div#Content div.EatNavigation  ul li.ui-tabs-selected a { color: #00A0D9; }
	div#Content div.EatContent { padding-left: 12px; }
		div#Content div.EatContent p {  }
			div#Content div.EatContent p span.HeaderRed { font-weight: bold; }
			div#Content div.EatContent p strong { color: #000; }
			div#Content div.EatContent p a { display: block; text-decoration: none; padding: 6px 0px; height: 31px; overflow: hidden; background: url(./bpimages/pdficon.jpg) left no-repeat; background-position: 225px 0; font-weight: bold; }
			div#Content div.EatContent p a:hover { text-decoration: underline; }
			div#Content p span.ShowExtra, div#Content p span.ShowExtra2 { color: #00a0d9; cursor: pointer; }

		.ui-tabs-hide {	display: none; }

/* Internal Navigation Specials */
	div.InternalNavigationSpecial { width: 243px; height: 106px; margin: 7px 0px; }
		div.InternalNavigationSpecial img { border: 2px solid #9FCF67; }

/* Internal Content Navigation */
	div#Content p.InternalContentNavigation { text-align: right; font-size: 13px; color: #00a0d9; font-weight: bold; line-height: 150%; margin-top: 0px; }
		div#Content p.InternalContentNavigation a { color: #00a0d9; text-decoration: none; }
		div#Content p.InternalContentNavigation a:hover, div#Content p.InternalContentNavigation a:active { color: #434343; }

/* SUFS */
	div#special_signup form { padding: 0px; margin: 0px; width: 241px; }
		div#special_signup form input { border: 1px solid #BEC3C5; font-size: 12px; width: 239px; margin: 2px 0px; }
		div#special_signup form input#email1, div#special_signup form input#specialoffers_name { width: 115px; }
		div#special_signup form input#email1 { float: left; }
		div#special_signup form input#specialoffers_name { float: right; text-align: left; }
		div#special_signup form button#sufs_submit { border: none; margin: 2px 0px; width: 241px; height: 26px; background: url(./bpimages/signup.jpg) no-repeat; cursor: pointer; }
			div#special_signup form button#sufs_submit span { display: none; }
			
	div.sserror, div#special_signupsuccess { color: #900; font-size:12px; line-height:200%; font-weight: bold; }
	div#special_signup form input.inputerror { background: #FFC; }

/* Sleep Modules */
	div#Content div.SleepWrapper p { font-size: 12px; line-height: 125%; margin: 0px; }
	div.SleepRoom { width: 270px; float: left; }
	div#Content div.SleepWrapper p.SleepHeader { text-align: right; text-transform: uppercase; color: #e90e89; font-weight: bold; padding: 0px; margin: 0px; line-height: 100%; font-size: 13px; }
	div.SleepRoomImage { width: 250px; float: right; }
	div.SleepClear { height: 12px; overflow: hidden; clear: both; }

/* Flash Hack */
	body#home div#ContentHeader div#HeaderLogoTeaserWrapper, body#rock div#ContentHeader div#HeaderLogoTeaserWrapper, body#dance div#ContentHeader div#HeaderLogoTeaserWrapper, body#sleep div#ContentHeader div#HeaderLogoTeaserWrapper, body#drink div#ContentHeader div#HeaderLogoTeaserWrapper, body#meetthechefs div#ContentHeader div#HeaderLogoTeaserWrapper, body#eat div#ContentHeader div#HeaderLogoTeaserWrapper, body#menus div#ContentHeader div#HeaderLogoTeaserWrapper, body#cheer div#ContentHeader div#HeaderLogoTeaserWrapper, body#chill div#ContentHeader div#HeaderLogoTeaserWrapper { position: absolute; }
	body#home div#ContentHeader, body#rock div#ContentHeader, body#dance div#ContentHeader, body#sleep div#ContentHeader, body#dance div#ContentHeader, body#drink div#ContentHeader, body#meetthechefs div#ContentHeader, body#eat div#ContentHeader, body#menus div#ContentHeader, body#cheer div#ContentHeader, body#chill div#ContentHeader { background-image: none; background-color: #000; }
	
/* The Cleve */
	body#thecleve div#ContentHeader {height: 622px;}
	body#thecleve div#ContentHeader img {border:none;}
	body#thecleve div#InternalNavigation { background: none; }
	body#thecleve div#InternalNavigation img { border: none; }
	body#thecleve div#Content div.mouseoverdiv {padding:4px; background-color:#ffffff; border:1px solid #000000;}
	body#thecleve div#Content div.mouseoverdiv h2 {color:#e90e89; font-size:14px; margin-left:10px;}
	body#thecleve div#Content div.mouseoverdiv ul {list-style:url("./bpimages/mouseoverli.gif"); margin:0 0 0 15px; padding:0;}
	body#thecleve div#Content div.mouseoverdiv ul li {font-size:11px; line-height:16px;}
	body#thecleve div#Content div.mouseoverdiv ul li a {display:inline; margin-left:0;}
	body#thecleve div#Content div.mouseoverdiv a {font-size:11px; line-height:16px; color:#e90e89; display:block; margin-left:15px;}
	body#thecleve div#Content div.mouseoverdiv img.mouseoverclose {margin:4px; position:absolute; right:0px; top:0px; cursor:pointer;}

/* Info Template */
	body#legal div#Content, body#privacy div#Content, body#careers div#Content, body#propertybrochure div#Content, body#directions div#Content, body#contact div#Content, body#faq div#Content { width: 807px; padding: 0px 24px; float: none; }
	body#legal div#ContentHeader, body#privacy div#ContentHeader, body#careers div#ContentHeader, body#propertybrochure div#ContentHeader, body#directions div#ContentHeader, body#contact div#ContentHeader, body#faq div#ContentHeader { height: 145px; background: url(./bpimages/headers/infotemplate.jpg) no-repeat; }
	
/* DatePicker */
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
	z-index: 3;
	position: ;
	font-size: 10px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #ccc; /* CHANGED f66 */
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #ccc; /* CHANGED f66 */
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #fff;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 8px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	color: #000;
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	text-transform: uppercase;
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	background: url('./bpimages/leftarrowblack.gif') no-repeat 5px 2px;
	.background: url('./bpimages/leftarrowblack.gif') no-repeat 5px 0px;
	position: absolute;
	top: 10px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	color: #017AC3;
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	background: url('./bpimages/rightarrowblack.gif') no-repeat 92px 2px;
	.background: url('./bpimages/rightarrowblack.gif') no-repeat 92px 0px;
	position: absolute;
	top: 10px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

div.dp-calendar {  }

#calendarIcon img {
	cursor: pointer;
}


div.dp-popup div.dp-nav-next a.dp-nav-next-year,
div.dp-popup div.dp-nav-prev a.dp-nav-prev-year {display: none;}

/* Partnership Brochure */
body#propertybrochure div#Content { padding: 1px 2px; width: 850px; }

/* Directions */
body#directions div#Content h1 { width: 350px; }

/* FAQ */
div#Content p.Question, div#Content p.QuestionAnswer { font-weight: bold; cursor: pointer; }
	div#Content p.Question span.Answer { font-weight: normal; display: none; }
	div#Content p.QuestionAnswer span.Answer  { display: inline; font-weight: normal; }
	
/* Dropdown Navigation */
div#DropdownNavigation { position: absolute; }
	div#DropdownNavigation ul { width: 175px; background: url(./bpimages/dropdownbg.jpg) top repeat-x #000; margin: 0px; padding: 5px 0px; list-style: none; }
		div#DropdownNavigation ul li { padding: 5px 20px; }
			div#DropdownNavigation ul li a { color: #fff; text-decoration: none; font-weight: bold; font-size: 14px; }
			div#DropdownNavigation ul li a:hover { color: #87C8EA; }
			
/* Forms */
	form.CleveForm { margin: 20px 0px; padding: 0px; width: 495px; }
		div#Content form.CleveForm p.FormHeader { color: #E90E89; text-transform: uppercase; font-weight: bold; }
		form.CleveForm fieldset { border: none; padding: 0px; margin: 0px; }			
			form.CleveForm fieldset div.FormRow { padding: 14px 0px; border-bottom: 1px solid #D6D6D6; }
			div#Content form.CleveForm fieldset div.FormRow p { margin: 0px; }
			form.CleveForm fieldset div.FormRow label { color:#666666; font-size:12px; }
			form.CleveForm fieldset div.FormRow label.TextInputLabel { display: block; width: 250px; float: left; }
			form.CleveForm fieldset div.FormRow input { margin-left: 14px; }
			form.CleveForm fieldset div.FormRow input.TextInput { width: 200px; float: left; }
			form.CleveForm fieldset div.FormRow input.LongFormText { width: 400px; }
		form.CleveForm fieldset input, form.CleveForm fieldset textarea { border: 1px solid #D6D6D6; padding: 0px; margin: 1px 0px; }
		form.CleveForm fieldset button { width: 131px; height: 24px; padding: 0px; margin: 25px 0px 0px 0px; background: url(./bpimages/formsubmit.jpg) no-repeat; border: none; cursor: pointer; }
			form.CleveForm fieldset button span { display: none; }
			
/* Events Calendar */		
	body#eventscalendar div#Content { width: 808px; margin-top: 12px; }
	
/* Background Colors */
	body#thecleve { background-color: #1A87B2; }
	body#dance { background-color: #000; }
	body#rock { background-color: #000; }
	body#sleep { background-color: #000; }
	body#rockstarsurvey { background-color: #000; }
	body#rockstarrider{ background-color: #000; }
	
	body#legal, body#privacy, body#careers, body#propertybrochure, body#directions, body#contact, body#faq { background: url(./bpimages/bodybgs/infotemplate.jpg) top center repeat-x #2076A7; }

/* Body Background - Specify This Last to Improve Loading */
	body { background: url(./bpimages/bodybgs/careers.jpg) top center repeat-x #2076A7; }

/* HOMEPAGE PROMO */
#overlay { position:absolute; top:0px; left:0px; z-index:90; background-color:#000000; width:100%; minWidth:100%; height:100%; minHeight:100%; }
#promo-wrapper { position:absolute; z-index:100; top:30px; left:50%; text-align:center; line-height:0; width:100%; }
#promo-wrapper img { border:0; }
#promo-pop { position:relative; width:1px; margin:0 auto; }
#closeButtonContainer { display:block; position:absolute; top:-22px; left:-18px; overflow:hidden; width:150px; height:30px; }
a#close { display:block; position:relative; font-size:13px; font-weight:bold; text-align:right; text-decoration:none; background:url(./bpimages/close_button.gif) no-repeat; outline-style:none; color:#fff; width:150px; height:30px; }
a#close span { display:block; position:relative; top:10px; }
a#close:hover { background-position:0px -30px; }

/* BE Confirmation banner */
div#img_ban { position:absolute; width:770px; text-align:right; margin-top:-650px; }
div#img_ban a img { border:none; }

/* Pop Up Video */
#cboxContent { background:#000000 !important; }
#cboxContent #popupvideo { display:block !important; text-align:center; }