body, .body, td, input, select, textarea { font-family : Helvetica, Arial, sans-serif; }

#widthWrapper { width: 960px; margin: 0px auto; }

#content { padding-left: 10px; margin: 0px auto; }
body.narrow #content { width: 500px; }
body.medium #content { width: 760px; }
body.wide #content { width: 960px; }

h1 { font-size: 37px; margin-bottom: 15px; font-weight: normal; color: #000; }
.subH1 { margin-top: -10px; margin-bottom: 15px; font-size: 18px; }
.subH1 a { font-weight: normal; }

h1.small { font: bold 21px Arial, Helvetica, sans-serif; letter-spacing:0; }

h2 { margin-top: 15px; font: bold 21px Arial, Helvetica, sans-serif; }
h2.de-emph { font-weight: normal; color: #000; }
h3 { font: bold 16px Arial, Helvetica, sans-serif; color: #000; }
h4 { font-size: 13px; margin-top: 15px; color: #000; font-weight: bold; }
/*******************
* header
*******************/

#outer_header { position: absolute; top: -5px; right: 0px; height: 69px; width: 50%; background: url('/images/header_thickborder.gif') top left repeat-x; }
#header { position: relative; height: 90px; background: url('/images/header_curve2.gif') no-repeat; background-position: 415px 0px; }
#header_icon { position: absolute; top: 3px; left: 0px; }
#header_logo { position: absolute; top: 20px; left: 68px; }
#accountNav { position: absolute; top: 5px; right: 0px; font-size: 13px; }
#headerNav { position: absolute; top: 39px; right: 0px; font-size: 17px; width: 580px; }
#headerNav li { float: right; margin-left: 18px; }
#headerNav a { display: block; padding: 0; color: #fff; }

#topIntro { position: absolute; width: 330px; top: 26px; left: 292px; font: bold 13px arial, helvetica, sans-serif; color: #333; }
#introLink { color: #999; }
#introBox { width: 580px; padding: 20px; background: #fff; position:absolute; top: 70px; left: 50%; margin-left: -300px; z-index:10; border: 5px solid #0060b6;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;  }

/*******************
navigation
*******************/
.sideNav { width: 160px; padding: 7px 10px; background: #d1e7fc; border: 1px solid #ccc; margin-top: 8px; margin-bottom: 30px; float: left; }
.sideNav a { font-weight: normal; text-decoration: underline; }
.sideNav li { padding: 3px 0px; }
.sideNav h3 { font-size: 19px; margin-top: 20px; }
.sideNav h3:first-child { margin-top: 0px; }
.sideNav h3 a { text-decoration: none; font-weight: bold; }
.sideNav h3 a:hover { text-decoration: underline; }

#content.withNav { margin-left: 190px; }

/*******************
footer
*******************/
#footer { clear: both; margin: 40px 0 25px 0; text-align: center; }
#footer_nav a { font-size: 16px; margin: 0 10px; }
#footer_legal { margin: 10px 0 20px 0; color: #666; font-size: 11px; }
#footer_legal a, #footer_legal span { margin: 0 5px; }
#footer_legal a { font-weight: normal; }

#as_seen_in { display: block; margin: 30px auto; }

/*************************
details pages
*************************/

h1.parkingtitle { margin: 0; padding: 0; letter-spacing:0; font: bold 25px helvetica, arial, sans-serif; border: none;}
.nearbyVenue { color: #888; }

ul.reviews { margin-top: 12px; }
ul.reviews li { margin-bottom: 20px; }
#yMapContainer { border: 1px solid #aaa; z-index: 1; }

#wrapper { position: relative; background: url('/images/header_thinborder.gif') repeat-x top #fff; }
#narrowWrapper { width: 500px; margin: 0 auto; }

h2.line { margin: 20px 0 0px; border-top: 1px solid #ccc; }
h2.line > span { position: relative; top: -14px; padding-right: 8px; background: #fff; }

a.selected { font-weight: bold; color: #000; text-decoration: none; }

.breadcrumbs { margin: -5px 0 20px 0; font-size: 11px; position: relative; z-index: 10; }
.breadcrumbs a { font-weight: normal; }

.venueWithEvents .eventHeading { background: #000; padding: 2px 0; }
.venueWithEvents .eventHeading h3, .venueWithEvents .eventHeading a { color: #fff; }
.venueWithEvents .eventHeading a:hover { text-decoration: none; }
.venueWithEvents .eventHeading .date { width: 65px; float: left; text-align: right; }
.venueWithEvents .eventHeading .title { margin-left: 80px; }

.venueWithEvents .eventParking { margin-bottom: 20px; position: relative; }
.venueWithEvents .eventParking .time { width: 65px; position: absolute; left: 0px; top: 10px; text-align: right; line-height: 20px; }
.venueWithEvents .eventParking .parking { margin-left: 80px; }
.venueWithEvents .eventParking .noParking { padding-top: 12px; }

.venueWithEvents .listing { padding: 12px 0; border-bottom: 1px solid #ccc; position: relative; }
.venueWithEvents .listing:hover { background: #eee; }

.venueWithEvents .listing .right { text-align: right; position: absolute; top: 12px; right: 0px; }
.venueWithEvents .listing .right a { display: block; color: #000; }

.venueWithEvents .listing .left li { margin-bottom: 2px; }

.venueWithEvents .seeAll { padding-top: 12px; }

#reserveSummary { font-size: 20px; margin: -5px 0 10px 0; }
#reserveSummary td { padding-top: 5px; }
#reserveSummary .label { padding-right: 8px; color: #888; width: 60px; }
#reserveSummary .data { color: #000; padding-bottom: 5px; font-weight: bold; }

#reserveSummary .coupon { color: #777; }

.next-page { page-break-before: always; clear: both; }
.pass .pw-perk { background: #ffc; padding: 5px; border: 1px solid #ccc; margin-bottom: 20px; }

.ticket_watermark { position:absolute; top: -30px; right: 0; z-index: 10; font: bold 100px arial, helvetica; color: #a00; text-align: right; }

.byLine { font-weight: bold; color: #000; }
.disclaimer { font-style: italic; }

.eventTitle { margin-bottom: 20px; }
.eventTitle h1 { font-size: 26px; letter-spacing: 0; font-weight: bold; margin: 0 5px 0 0; padding: 0; display: inline; }
.eventTitle .title { margin: -5px 0 5px 0; }
.eventTitle .meta { font-size: 20px; }
.eventTitle p { margin: 20px 0; }
.eventTitle .event_sub { display: inline-block; }

.venueTitle .parkingFor { font-style: italic; font-size: 16px;}
.venueTitle h1 { font-size: 31px; border-bottom:none; }

.venueEventsList { margin: 20px 0 10px 0; border-bottom: 1px solid #ccc; background: url('/images/venue-events-bg.gif') repeat-y -60px 0; }
.venueEventsList .event { border-top: 1px solid #ccc; position: relative; }
.venueEventsList .event.parking { cursor: pointer; }
.venueEventsList .event.parking:hover { background: #fff; }
.venueEventsList .event.noparking {  }

.venueEventsList .event .col { float: left; padding: 15px 0 10px 0; }



.venueEventsList .event .eventStart { color: #a4a4a4; padding-right: 10px; width: 80px; text-align: right; }
.venueEventsList .event .eventStart .date { font-size: 16px; font-weight: bold; }
.venueEventsList .event .eventStart .time { font-size: 11px; margin-top: -0px; }
.venueEventsList .event.noparking .eventStart .time { display: none; }
.venueEventsList .event.parking:hover .eventStart { color: #383838; }

.venueEventsList .event .title a { display: block; color: #383838; padding-left: 10px; font-size: 16px; width: 340px; text-decoration:none; }
.venueEventsList .event.parking:hover .title a { color:#0060b6; text-decoration: underline; }
.venueEventsList .event.noparking .title a { color: #a4a4a4; }

.venueEventsList .event .stats { width: 105px; text-align: center; font: 11px normal helvetica, arial; color: #666; }
.venueEventsList .event.noparking .stats { font-style: italic; }
.venueEventsList .event.parking:hover .stats { color: #383838; }


.venueEventsList .event .action { text-align: right; margin-left: auto; padding: 15px 5px 10px 0; font: 11px normal helvetica, arial; }
.venueEventsList .event .action a { font-weight: normal; text-decoration: underline; }

.venueEventsList .event  .clear { clear: left; }
/**************************
search-page specific
***************************/

#searchPageForm { margin-bottom: 15px; }
#searchPageForm #destination { width:400px; font-size: 19px; padding: 2px; }
#searchPageForm button { font-size: 19px; }
=
#searchControls { padding: 10px; margin-top: 10px; margin-bottom: 25px; font-size: 12px; }
#searchControls A { font-weight: normal; }

#resultsContainer { margin-bottom: 20px; }
#resultsContainer #resultsHead { margin-bottom: 3px; }
#resultsContainer #resultsHead a { font-weight: normal; }
#resultsContainer #resultsHead .sort { float: left; margin: 2px 0 0 25px;}
#resultsContainer #resultsHead .rating, #resultsContainer #resultsHead .dist { float: left; margin-left: 50px;}
#resultsContainer #resultsHead .price { text-align: right; }

#topTimeForm { margin-bottom: 15px; }
#displayDate { border-bottom: 1px dotted #ccc; }
#displayDate:hover { cursor: pointer; background: #f4f4f4; }
#topTimeForm .ui-timepicker-list {font-size: 13px; }

.searchRows { border-bottom: 1px solid #ccc; }
.listingRow { border-top: 1px solid #ccc; clear: both; padding: 5px 0; color: #383838; font-weight: normal; cursor:pointer; }
.listingRow:hover { text-decoration: none; }
.listingRow.hasres:hover { background: #EFF7FF; }
.listingRow:hover .listingLink { text-decoration: underline; }
.listingRow.hasres:hover .price { color: #000; }
.searchRows .odd, .listingRow:nth-child(2n+1) { background: #f4f4f4; }

.listingRow .listingLink, .listingRow .address { display: block; }
.listingRow .address { font-weight: normal; color: #383838; text-decoration: none; }

.searchRows .number { float: left; width: 20px; margin-top: 3px; }
.searchRows .info { margin-left: 25px;}
.listingRow .actions { float: right; text-align: right; }
.listingRow .actions a { font-weight: normal; }

.listingRow .low_price { font-weight: bold; font-size: 11px; color: #aaa; margin: 4px 0 2px 0; }
.listingRow:hover .low_price { color: #4c4; }

.listingRow .amenities .icons { visibility: hidden; }
.listingRow:hover .amenities .icons { visibility: visible; }

.listingRow .amenities { font-weight: bold; font-size: 11px; color: #aaa; margin-bottom: 2px; }
.listingRow .amenities .shuttle { background-position: 0px -16px; }
.listingRow .amenities .tailgate { background-position: -16px -16px; }
.listingRow .amenities .security { background-position: -32px -16px; }
.listingRow .amenities .eticket { background-position: -48px -16px; }
.listingRow .amenities .restroom { background-position: -64px -16px; }
.listingRow .amenities .attended { background-position: -80px -16px; }
.listingRow .amenities .new { background-position: -96px -16px; }
.listingRow .amenities .valet { background-position: -112px -16px; }
.listingRow .amenities .handicap { background-position: -128px -16px; }
.listingRow .amenities .deal { background-position: -144px -16px; }
.listingRow .amenities .thumbs_up { background-position: -160px -16px; }
.listingRow .amenities .rv { background-position: -176px -16px; }
.listingRow .amenities .has_gallery { background-position: -192px -16px; }
.listingRow .amenities .indoor { background-position: -208px -16px; }

.listingRow:hover .amenities { color: #4b4b4b; }.shuttle { background-position: 0px 0px; }
.listingRow:hover .amenities .shuttle { background-position: 0px 0px; }
.listingRow:hover .amenities .tailgate { background-position: -16px 0px; }
.listingRow:hover .amenities .security { background-position: -32px 0px; }
.listingRow:hover .amenities .eticket { background-position: -48px 0px; }
.listingRow:hover .amenities .restroom { background-position: -64px 0px; }
.listingRow:hover .amenities .attended { background-position: -80px 0px; }
.listingRow:hover .amenities .new { background-position: -96px 0px; }
.listingRow:hover .amenities .valet { background-position: -112px 0px; }
.listingRow:hover .amenities .handicap { background-position: -128px 0px; }
.listingRow:hover .amenities .deal { background-position: -144px 0px; }
.listingRow:hover .amenities .thumbs_up { background-position: -160px 0px; }
.listingRow:hover .amenities .rv { background-position: -176px 0px; }
.listingRow:hover .amenities .has_gallery { background-position: -192px 0px; }
.listingRow:hover .amenities .indoor { background-position: -208px 0px; }

.listingRow .amenities .rating .new { margin-left: 5px; }
.listingRow .amenities .dist { display: inline-block; width: 70px; }
.listingRow .amenities .rating { display: inline-block; width: 45px; }
.listingRow .address .shuttle { text-transform: uppercase; font: bold 11px arial, helvetica; color: #aaa; padding-left: 6px; position: relative; top: -1px; }
.listingRow:hover .address .shuttle { color: #4b4b4b; }

.listingRow .listingLink { color:#0060b6; font-weight: bold; }

.listingRow.soldout, .searchRows .soldout .address, .searchRows .soldout .listingLink { color: #aaa; }
.listingRow.soldout .amenities { display: none; }
.listingRow.soldout .price .bigPrice { color: #bbb; font-size: 13px; margin: 0; }
.listingRow.soldout .bigPrice .cents { vertical-align: 0; font-size: 13px; }
.listingRow.soldout .reserve { color:#c66; }

#resultsContainer .listingLink { font-size: 16px; }

.listingRow.hasprice .price { font-weight: bold; color: #383838; }
.listingRow .bigPrice { font: bold 26px helvetica, arial; margin: 4px 0; }
.listingRow .bigPrice .cents { vertical-align: 75%; }
.listingRow.hasres .reserve { color:#0060b6; }
.listingRow.nores .reserve { color: #aaa; text-decoration: line-through; }
.searchRows .clear { display:block; clear: both; }

.eventParking .searchRows .number { display: none; }
.eventParking .searchRows .info { margin-left: 0; }
.eventParking .listingRow { background: #f4f4f4; }
.eventParking .listingRow:first-child { padding-top: 11px; border-top: 0; }

.searchFilters { margin: 15px 0; }

.packages_callout { background: #f4f4f4; }
.packages_callout h3 { margin: 0 0 15px 0; }



/* slider */
.sliderContainer { position: relative; height: 30px; padding-right: 10px; }
.sliderContainer .min, .max { font-size: 11px; position: absolute; bottom: 0px; }
.sliderContainer .min { left: 0px; }
.sliderContainer .max{	right: 0px; }
.sliderContainer .val { text-align: center; font-size: 12px; font-weight: bold; color: #000; }

table#hours td, table#pricing td { padding: 2px; border: 1px solid #aaa; background: #fff; text-align: center; }
table#hours .head td, table#pricing .head td { background: #ccc; font-weight: bold; }
table#hours td.day { background: #eee; }

#hourFilterTable td { vertical-align: middle; padding-bottom: 3px; padding-right: 5px; }

#marketingSidebar { color: #888; font-size: 13px; text-align: left; border-left: 1px solid #ccc; padding-left: 10px; }
#marketingSidebar .blurb { margin-bottom: 30px; }
#marketingSidebar h2 { margin: 0; color: #666; font-size: 15px; }
#marketingSidebar a { font-weight: normal; color: #888; text-decoration: underline; }
#marketingSidebar a:hover { color: #555; }

#howitworks { position: absolute; width: 700px; padding: 15px; left: 50%; margin-left: -350px; background: #fff; border: 3px solid #0060B6; z-index: 1000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#howitworks .howicon, #homeHow .howicon { float: left; clear: left; margin-bottom: 15px; text-align: center; width: 100px; }
#howitworks .howexpl, #homeHow .howexpl { margin-left: 120px; margin-bottom: 15px; }
#homeHow h3 { font-size: 21px; }
#howitworks h3 { margin: 0 0 10px 0; font-size: 30px; }
#howitworks a.close { position: absolute; top: 15px; right: 15px; }

#homeHow .howexpl:last-child { margin-bottom: 0; }


/***************
Page-specific code
*****************/

.bigPrice { white-space:nowrap; }
.bigPrice .cents { font-size: 11px; vertical-align: 95%; }



.faqItem dt { font-size: 13px; margin-top: 7px; }
.faqItem dt a { text-decoration: underline; }
.faqItem dd { margin-left: 15px; display: none; }

#airportsList {margin-bottom: 20px; background: #f3f3f3; border: 1px solid #aaa; padding: 5px;}

.quote_box { background: #d1e7fc; padding:10px; margin-bottom: 20px; }
.quote_box h2 { margin: 0 0 10px 0; }
.quote_box h2 a { color: #000; font-weight: bold; }

#quoteTable { border: 1px solid #aaa; background: #fff; margin-bottom: 10px;  }
#quoteTable .data td { padding: 3px; }
#quoteTable .quoteRow { clear: both; padding: 10px;}
#quoteTable .title { color: #000; font-weight: bold;}
#quoteTable .actions { float: right; text-align:center; margin: 0 0 10px 10px; }
#quoteTable .resLink { color: #383838; text-decoration:none; font-weight:normal; }
#quoteTable .resLink:hover { color: #000; }
#quoteTable .resButton { display: block; margin-top: 3px; }
#quoteTable .bigPrice { font-size: 30px; font-weight: bold; }
#quoteTable .feesLink { font-size: 10px; color: #888; }
#quoteTable .soldout { font-weight: bold; font-size: 25px; color:#b00; }
#quoteTable .soldout .resLink { font-size: 13px; color: #ccc; }
#quoteTable .soldout .price { text-decoration: line-through; }

.homeBox { border: 1px solid #ccc; padding: 20px; margin-bottom: 20px; }
.homeBox h2 { margin: 0 0 10px 0; padding: 0; font-size: 25px; color: #000; }
.homeBox h3 { margin: 0 0 10px 0; font-size: 16px; color: #000; }
.homeBox h5 { font-size: 15px; font-weight: bold; color: #000; }
.homeBox ul { margin-bottom: 10px; }
#homeSearch { background: #d1e7fc; }
#homeSearch #destination { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	width:100%; font-size: 20px; }
#homeSearch .time, #homeSearch .date { font-size: 13px; }
#homeSearch button { font-size: 20px; }
#whenFields { margin-top: 20px; }
#homeSearch .label { margin-bottom: 5px; }

.sell-parking-info h1 { font: bold 40px arial; color: #000; border: 0; margin: 30px 0 30px 0; text-align: center; }
.sell-parking-info h2 { font: bold 30px arial; color: #000; border: 0; margin: 0px 0 30px 0; text-align: center; }

.sell-parking-info .pitch { text-align: center; width: 500px; margin: 0 auto 20px auto; }

.sell-parking-info .segments { border: 4px solid #0060b6; width: 723px; height: 370px; margin: 20px auto 40px auto;
	background: #f4f4f4;
	border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
	-moz-box-shadow: 0px 5px 20px #888; -webkit-box-shadow: 0px 5px 20px #888; box-shadow: 0px 5px 20px #888; }

.sell-parking-info .segments > div { width: 220px; height: 350px; border-right: 1px solid #ddd; padding: 10px; float: left; }
.sell-parking-info .segments > div:last-child { border: 0 }

.sell-parking-info .segments a.title { display: block; margin: 0 0 10px 0; text-align: center; color: #000; font-weight: bold; font-size: 25px;  }
.sell-parking-info .segments li { margin-bottom: 10px; }
.sell-parking-info div.signup { margin-top: 20px; text-align: center; }
.sell-parking-info a.button { font-size: 15px; }
.sell-parking-info hr { width: 80%; border-top: 1px solid #ddd;  margin: 40px auto; }
/************
Forms
**************/

.generic input[type=text], .generic input[type=email], .generic input[type=password], .generic select, .generic textarea { background-color: #EFF7FF; }
.generic input.date { background-color: #d1e7fc;  border: 1px solid #0060b6; }
.generic textarea { width: 98%; }


.generic input[disabled], .generic select[disabled], .generic textarea[disabled] { color: #777; background: #ddd; }
.generic button[disabled] { color: #ddd; }

form.generic input.checkbox { width: auto; border: none; background: none; position: relative; right: -1px; }
form.generic .label input.checkbox { top: -4px; }

form.generic TABLE.checkbox TD{ padding: 0px 4px; }

.generic .radioTable { margin-bottom: 10px; }
.generic .radioTable .radio { width: 20px; }
.generic .radioTable td.label { padding-top: 3px; text-align: left; width: auto; }
.radiolabel label.required { font-weight: normal; color: #3e3e3e; }

/**************
Developers
***************/

.developers { margin-bottom: 20px; }
.developers h1.function { font-weight: normal; font-size: 26px; background: #ddd; margin: 0 0 10px; padding: 5px;}
.developers h1 .type { font-style: normal; font-weight: normal; color: #0a0; margin-left: 10px; }
.developers h4 { font-weight: bold; color: #000; font-size: 15px; }
.developers dl { margin-left: 20px; }
.developers dt { font-weight: bold; color: #000; }
.developers dt.optional { color: #444; font-style: italic; }
.developers dt .type { font-style: normal; font-weight: normal; color: #aaa; margin-left: 10px;}
.developers dd { margin: 0 0 10px 10px; }
.developers dl a { font-weight: normal; }

.developers h2.devheader { color:#00AA00; font-weight:normal; font-size:28px; }

.developers div.devbox h5 { font-size:12px; padding:7px 10px 5px 10px;  background-color:#D1E7FC;  border: 1px solid #D1E7FC;
	 							border-radius:4px 4px 0px 0px; -moz-border-radius:4px 4px 0px 0px; -webkit-border-radius:4px 4px 0px 0px; }
.developers div.devboxinner { border:1px solid #D1E7FC; padding:5px; margin-bottom:20px;
	 							border-radius:0px 0px 4px 4px; -moz-border-radius:0px 0px 4px 4px; -webkit-border-radius:0px 0px 4px 4px; }
.developers div.devboxinner h1.function { font-family:consolas,monaco,courier; font-size:13px; font-weight:normal; padding:5px; margin-bottom:0px; background-color:#FFFFFF; }
.developers div.devboxinner h1 span.type { font-family:arial,helvetica,sans-serif; font-size:13px; font-weight:bold; margin-right:20px; margin-left:0px; padding:3px 5px; background-color:#D1E7FC; float:left;
	 										border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.developers div.devboxinner p, .developers div.devboxinner p:last-child { margin-left:20px; margin-bottom:20px; }

.developers pre.code { background-color:#FFFFFF; }
.developers pre ol { margin-left:30px; width:100%; }
.developers pre ol li { width:140%; list-style-type:decimal; }
.developers pre.multiline { font-size:11px; line-height:160%; }

/****************
Reserve
****************/

.ui-dialog .close { position: absolute; top: 10px; right: 10px; color: #aaa; font-weight: normal; cursor: pointer; }
.ui-dialog .close:hover { text-decoration: underline; }

.checkoutFinePrint { font-size: 11px; color: #777; margin-top:4px; }


.purchaseConfirmDialog { overflow:auto; border:4px solid #D1E7FC;
					box-shadow:-5px 5px 5px #CCCCCC; -moz-box-shadow:-5px 5px 5px #CCCCCC; -webkit-box-shadow:-5px 5px 5px #CCCCCC; }

.purchaseConfirmDialog div.change24hSubmit { text-align:right; margin: 20px 5px 0px 0px; }
.purchaseConfirmDialog .ui-dialog-titlebar { display: none; }


.purchaseConfirmDialog div#submittedMessageConfirm { padding:10px; }
.purchaseConfirmDialog .event_time, .purchaseConfirmDialog .event_name { font-size:16px; font-weight:bold; color:#000000; margin-top:4px; }