/*
CSS: LAZ Parking -- Front-End
for TheCoderie
1 April 2009
Author: Alia Rose Connor, www.aliglia.com
*/

/*-----------------------------------*/
/*---------->>> GLOBAL <<<-----------*/
/*-----------------------------------*/
* {
	margin:0;
	padding:0;
}
body {
	font-family:Helvetica, Arial, sans-serif;
	background-color:#d7d7d7;
}
#wrapper {
	width:917px;
	padding:0 45px;
	margin:0 auto;
	background:url(/images/bg_wrapper.jpg) repeat-y;
}
li {
	list-style:none;
} 
a img {
	border:none;
}
h2.sectionHeader {
	background:#eeeeee;
	border:1px solid #dedede;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:6px 25px 3px;
	font-weight:bold;
	color:#ab2941;
	font-size:.95em;
	margin:20px 0;
}
h2.sectionHeader span {
	color:#555555;
	font-weight:normal;
}
div.sectionHeader {
	background:#eeeeee;
	border:1px solid #dedede;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:6px 25px 3px;
	font-weight:bold;
	margin:20px 0;
	color:#555555;
}
div.sectionHeader h2 {
	font-size:.95em;
	color:#ab2941;
}
div.sectionHeader ul {
	float:right;
}
div.sectionHeader li {
	float:left;
	list-style:disc inside;
}
div.sectionHeader li.first {
	list-style:none;
}
div.sectionHeader a {
	color:#555555;
	font-weight:normal;
	text-decoration:none;
	font-size:.75em;
	margin-left:12px;
	padding-right:20px;
}
div.sectionHeader a:hover {
	text-decoration:underline;
}
p.extraInfo {
	font-size:.8em;
}
p.noresults {
	font-size:.9em;
	width:450px;
	margin:0 auto;
	color:#333333;
}
h3 {
	color:#ab2941;
	font-size:.95em;
	font-weight:normal;
	margin-bottom:8px;
}

/*---------->>> HEADER <<<-----------*/
#header {
	padding:15px 40px 30px;
	overflow:hidden;
}
#header h1 {
	float:left;
	margin-top:20px;
}
#header h1 a {
	display:block;
	text-indent:-9999px;
	width:147px;
	height:73px;
	background:url(/images/logo.jpg) no-repeat;
}
#header #tagline {
	text-transform:uppercase;
	font-weight:bold;
	color:#555555;
	font-size:1.3em;
	letter-spacing:.2px;
	background:url(/images/icon.jpg) right bottom no-repeat;
	float:left;
	padding:65px 50px 0 30px;
	width:460px;
	margin-right:35px;
}
#header #mta {
	float:left;
	background:url(/images/logo_mta_lg.jpg);
	display:block;
	text-indent:-9999px;
	width:91px;
	height:100px;
	margin-top:5px;
}

/*---------->>> HEADER NAV <<<-----------*/
#headerNav {
	padding:12px 0 0;
	margin:0 20px;
	border-top:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	overflow:hidden;
}
#headerNav li {
	color:#ab2941;
	text-transform:uppercase;
	font-weight:bold;
	float:left;
	margin-bottom:12px;
	background:url(/images/bullet.jpg) right center no-repeat;
}
#headerNav li.first {
	margin-left:18px;
}
#headerNav li.last {
	background:none;
}
#headerNav a {
	color:#555555;
	text-decoration:none;
	margin-right:33px;
	padding-left:33px;
	font-size:.8em;
}
#headerNav a:hover {
	text-decoration:underline;
}
#headerNav_home {
	background:#f4f4f4;
	border-top:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	overflow:hidden;
	padding:20px 50px;
}
#headerNav_home li {
	float:left;
	width:256px;
	height:116px;
	margin-right:12px;
	background:url(/images/nav_bg.png) no-repeat bottom left;
	display:inline; /*IE6 Double Margin Bug*/
}
#headerNav_home a {
	width:110px;
	color:#ab2941;
	font-weight:bold;
	text-decoration:none;
	padding-top:30px;
	padding-left:120px;
	display:block;
	line-height:1.3em;
}
#headerNav_home a:hover {
	text-decoration:underline;
}
#headerNav_home a.availability {
	background:url(/images/icon_train.png) no-repeat 36px 8px;
}
#headerNav_home a.permits {
	padding-top:52px;
	padding-bottom:7px;
	background:url(/images/icon_park.png) no-repeat 43px 5px;
}
#headerNav_home a.meters {
	padding-top:52px;
	background:url(/images/icon_meter.png) no-repeat 35px 0;
}
#headerNav_home a.fines {
	padding-top:68px;
	padding-bottom:18px;
	background:url(/images/icon_pay.png) no-repeat 24px 5px;
}
#headerNav_home a.contact {
	padding-top:68px;
	padding-bottom:18px;
	background:url(/images/icon_contact.png) no-repeat 24px 5px;
}
#headerNav_home a.questions {
	padding-bottom:7px;
	background:url(/images/icon_faq.png) no-repeat 20px 8px;
}

/*---------->>> CONTENT <<<-----------*/
#content {
	padding:10px 60px;
}

/*---------->>> FOOTER <<<-----------*/
#footer {
	background:#f4f4f4;
	color:#555555;
	border-top:1px solid #d7d7d7;
	font-size:.73em;
	overflow:hidden;
	padding:25px 80px;
	margin-top:20px;
}
#footer #copyright {
	float:left;
}
#footer #byline {
	float:right;
}
#footer #byline a {
	color:#ab2941;
}
#footer #byline a:hover {
	text-decoration:none;
}
#footer #footerNav {
	overflow:auto;
	margin-bottom:20px;
}
#footer #footerNav li {
	list-style:disc inside;
	float:left;
}
#footer #footerNav li.first {
	list-style:none;
}
#footer #footerNav li a {
	color:#555555;
	text-decoration:none;
	margin-right:10px;
	padding-left:5px;
}
#footer #footerNav li a:hover {
	text-decoration:underline;
}
/*-----------------------------------*/
/*------->>> PAGE-SPECIFIC <<<-------*/
/*-----------------------------------*/

/*---------->>> INDEX <<<-----------*/
#welcome,
#alerts.mini {
	float:left;
	width:380px;
	margin-top:25px;	
}
#welcome h2,
#alerts h2 {
	margin-top:0;
}
#welcome p,
#alerts p {
	font-size:.75em;
	color:#333333;
	text-align:justify;
}
#welcome {
	margin-right:35px;
}
#welcome p {
	margin:5px 20px;
	line-height:1.6em;
}
.tab {
	font-size:.75em;
	color:#333333;
}
#alerts.tab {
	font-size:1em;
}
.tab a {
	color:#ab2941;
}
.tab a:hover {
	text-decoration:none;
}

/*---------->>> ALERTS <<<-----------*/
#alerts table {
	border-collapse:collapse;
	width:100%;
	margin-bottom:20px;
}
#alerts table td {
	border-bottom:1px solid #a2a2a2;
	padding:5px;
}
#alerts .type {
	text-align:center;
	width:45px;	
	padding-left:25px;
}
#alerts .date {
	font-weight:bold;
	color:#ab2941;
	font-size:.7em;
	text-align:center;
}
#alerts .message {
	padding-left:15px;
}
#alerts .message h3,
#alerts .message p {
	display:inline;
}
#alerts .message h3 {
	font-size:.8em;
	margin-right:5px;
}
#alerts .message a {
	font-size:1em;
	font-weight:normal;
	margin-left:0;
	text-decoration:none;
}
#alerts a {
	color:#ab2941;
	text-decoration:none;
	font-weight:bold;
	margin-left:15px;
	font-size:.8em;
}
#alerts a:hover {
	text-decoration:underline;
}

/*---------->>> LOT LIST <<<-----------*/
.lotList {
	margin-top:20px;
	float:left;
	width:253px;
	border-right:1px solid #ebebeb;
	font-size:.9em;
}
.lotList li {
	padding:10px 0 10px 35px;
}
.lotList li.odd {
	background:#eaeaea;
}
.lotList li a {
	color:#000000;
	text-decoration:none;
}
.lotList li a:hover {
	text-decoration:underline;
}

/*---------->>> LOT DETAIL <<<-----------*/
#lotExtras {
	width:370px;
	float:left;
	margin-top:20px;
}
#lotExtras a {
	color:#ab2941;
	text-decoration:none;
	font-weight:bold;
	font-size:.9em;
}
#lotExtras a:hover {
	text-decoration:underline;
}
#lotInfo {
	width:390px;
	float:left;
	margin-top:20px;
	margin-left:35px;
	display:inline; /*IE6 Double Margin Bug*/
}
#lotInfo #availability {
	background:#f4f4f4;
	border:1px solid #dedede;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:8px 20px;
	font-weight:bold;
	line-height:1.6em;
	font-size:.95em;
}
.available {
	color:#009941;
}
.waitlist {
	color:#ea4e22;
}
.notAvailable {
	color:#980B0B;
}
h2.lotName {
	margin-top:6px;
	margin-bottom:10px;
}
a.mta {
	text-indent:-9999px;
	width:140px;
	height:25px;
	background:url(/images/logo_mta.png) no-repeat;
	display:block;
}
#lotTabs {
	overflow:hidden;
	margin-top:25px;
	background:url(/images/tab_border.jpg) repeat-x bottom left;
	margin-bottom:14px;
}
#lotTabs li {
	float:left;	
	margin:0 7px 0 0;
	font-size:.65em;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	display:inline; /*IE6 Double Margin Bug*/
}
#lotTabs li.first {
	margin-left:12px;
}
#lotTabs li a {
	color:#000000;
	text-decoration:none;
	width:45px;
	height:24px;
	padding:4px 20px 3px;
	display:block;
	border:1px solid #8f8f8f;
	border-bottom:none;
	background:#fbfbfb;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
}
#lotTabs li a:hover,
#lotTabs li a.active {
	color:#ab2941;
	outline:none;
}
#lotTabs li a.active {
	padding-bottom:4px;
}
#lotExtras #images img {
	border:1px solid #555555;
	padding:3px;
	display:block;
	float:left;
	margin-right:6px;
	width:170px;
	display:inline; /*IE6 Double Margin Bug*/
}
/*---------->>> FAQs <<<-----------*/
#faqs {
	padding:0 30px;
}
#faqs ol {
	margin-bottom:20px;
}
#faqs ol li {
	list-style:decimal;
	margin-left:30px;
	font-size:.87em;
	line-height:1.4em;
	margin-bottom:8px;
	color:#555555;
}
#faqs li a {
	color:#555555;
	text-decoration:none;
}
#faqs li a:hover {
	text-decoration:underline;
}
#faqs li h4 {
	color:#ab2941;
	font-weight:normal;
	line-height:1.8em;
}
#faqs hr {
	border:none;
	border-top:1px solid #555555;
	margin:25px 0;
}
/*---------->>> CONTACT <<<-----------*/
#contact {
	width:235px;
	float:left;
	margin-right:20px;
	display:inline; /*IE6 Double Margin Bug*/
}
#contact dl {
	margin:15px;
	font-size:.8em;
	color:#555555;
	line-height:1.2em;
}
#contact dt {
	float:left;
	font-weight:bold;
	width:65px;
}
#contact dd {
	float:left;
	width:140px;
	margin-bottom:25px;
}
#comment {
	width:542px;
	float:left;
}
#comment form p {
	margin-bottom:20px;
}
#comment form label {
	width:150px;
	text-align:right;
	font-size:.8em;
	font-weight:bold;
	color:#555555;
	float:left;
	margin-right:20px;
	margin-top:5px;
	display:inline; /*IE6 Double Margin Bug*/
}
#comment form input {
	width:300px;
	border:1px solid #000000;
	padding:3px;
}
#comment form textarea {
	width:300px;
	padding:3px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:.8em;
	border:1px solid #000000;
}

/*---------->>> STATIC PAGES <<<-----------*/
#staticPage {
	font-size:.8em;
	color:#333333;	
}
#staticPage .sectionHeader {
	font-size:1.2em;
}
#staticPage li {
	list-style:disc inside;
	margin-bottom:5px;
}


/*-----------------------------------*/
/*------>>> COMMON PARTIALS <<<------*/
/*-----------------------------------*/
#viewMap {
	background:#f4f4f4;
	border:1px solid #dedede;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:13px 20px;
	margin-top:20px;
}
#viewMap a {
	background:url(/images/map_pin.png) no-repeat center left;
	padding:8px 30px;
	color:#ab2941;
	text-decoration:none;
	font-size:.75em;
	font-weight:bold;
}
#viewMap a:hover {
	text-decoration:underline;
}

#lotSearch {
	background:#f4f4f4;
	border:1px solid #dedede;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:10px 20px;
	color:#ab2941;
	font-weight:bold;
	font-size:.9em;
}
#lotSearch select#parking_lot_name {
	width:355px;
	padding:2px;
	color:#555555;
	font-size:.95em;
	font-weight:bold;
	margin-left:30px;
}
#lotSearch input.submit {
	vertical-align:middle;
	*vertical-align:text-bottom;
	margin-left:20px;
}
#map {
	padding:8px;
	background:#d7d7d7;
	margin-bottom:10px;
}
#map .superscript {
	font-size:.6em;
	letter-spacing:-.5px;
	width:160px;
}
#map h2 {
	font-size:.85em;
	width:160px;
}
#map a {
	color:#AB2941;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
}
#map a:hover {
	text-decoration:underline;
}
#map .parkingInfo {
	text-transform:uppercase;
	font-size:.8em;
	width:160px;
	margin:10px 0;
}
#map .permitAvailability {
	font-weight:bold;
	font-size:.7em;
}
#map .extra {
	font-weight:normal;
	font-size:.7em;
	width:160px;
}

div.auto_complete {
	width: 350px;
	background: #fff;
	z-index:10;
}
div.auto_complete ul {
	border:1px solid #888;
	margin:0;
	padding:0;
	width:100%;
	list-style-type:none;
}
div.auto_complete ul li {
	margin:0;
	padding:3px;
}
div.auto_complete ul li.selected {
	background-color: #ffb;
}
div.auto_complete ul strong.highlight {
	color: #800; 
	margin:0;
	padding:0;
}


/*-----------------------------------------*/
/*>>> TEMPORARY CSS -- for static pages <<<*/
/*-----------------------------------------*/
#meterInstructions {
	padding:30px;
}
#meterInstructions li {
	line-height:9em;
	margin-bottom:50px;
	font-size:.9em;
	color:#555555;
}
#meterInstructions li em {
	font-style:normal;
	color:#ab2941;
	font-weight:bold;
}
#meterInstructions li img {
	vertical-align:middle;
	margin-right:20px;
}