@import url("/css/core.css");
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #565656;
	text-decoration: none;
	text-align:center;
	font-size: 12px;
	font-weight: normal;
	background-color: #FFFFFF;
	background-image: url(../images/body-bg.png); background-repeat: no-repeat; background-position: center top;
	line-height:21px;
}
body.Body_Admin_Popup, form.Body_Admin_Popup
{
    background-image: none;
	text-align:left;
}
.searchtable tr.highlight
{
    background-color: #eeeeee;
}
.noDisplay
{
    display:none;
    }
.approved
{
    font-size:16px;
	font-weight:bold;
	color:#00cc00;
	padding-bottom:2px;
	margin-top:20px;
	margin-left:1px;
	padding-left:2px;
	padding-top:20px;
    }
.declined
{
    font-size:16px;
	font-weight:bold;
	color:#ff0000;
	padding-bottom:2px;
	margin-top:20px;
	margin-left:1px;
	padding-left:2px;
	padding-top:20px;
    }
.searchtable tr.error_highlight
{
    background-color: #bbbbbb;
}

.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
}
.clearspace {
	clear:both;
	height:1px;
	line-height:1px;
}
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
}
h1 {
	font-size: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	color: #6e6e6e;
	padding-bottom: 5px;
}
h2 {
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#f57f29;
	padding-bottom:2px;
	}

h3 {
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	color:#7d7d7d;
	padding-bottom:1px;
}
ul, li {
	margin:0px;
	padding:0px;
	list-style:none;
}
#content .radiobuttonlist { margin:0; }
    .radiobuttonlist li
    {
        list-style:none;
        display:inline;
        
    }
      .radiobuttonlist2 li
    {
        list-style:none;
        display:block;
        float:left;
        
        
       
    }
    .textBoxWidth
    {
        width:220px;
        }

.errorsummary
{
    font-size:12px;
	
	color:#ff0000;
	padding-bottom:0px;
    
    }
    
.validator
{
    color:#F57F29;
    
    }    
    
    
#content ul, #content ol { margin:1em 1em 1em 2em; }

#content li ul, #content li ol { margin-top:0; }
    #content li ul li { list-style:circle; }
    #content li ol li { list-style:lower-alpha; }
    
a {
	color: #f57f29;
	text-decoration:underline;
}
/*a:visited {
	color: #565656;
	text-decoration:underline;
}*/
a:hover {
	color: #f57f29;
	text-decoration:none;
}


/*a:active {
	color: #565656;
	text-decoration:underline;
}*/
p {
	margin:0px;
	line-height: 21px;
	padding: 0px;
	margin:0px 0px 22px 0px;
}

.form_table td
{
    padding-bottom:8px;
    padding-left:8px;
    vertical-align:top;
}

.form_table_Dispute td
{
     padding-bottom:8px;
    padding-left:7px;
    vertical-align:top;
    }
.form_table_ApplyOnline td
{ padding-bottom:8px;
    padding-left:0px;
    vertical-align:top;
    }
#wrapper {
	text-align:left;
	padding:0px;
	margin:0px auto;
	width:970px;
}
	#header {
	height:150px;
	}
			#logo {
				width:304px;
				height:115px;
				float:left
			}
			#utilities {
			width:287px;
			float:right;
			margin-right:36px;
			 }
				#utilities-links {
					margin-top:37px;
					color:#555555;
					font-size:10px;
					height:26px;
					padding-left:58px;
				}
					#utilities-links ul li {
						list-style-type:none;
					}
					#utilities-links li {
						float:left;
						margin-left:18px;
						display:inline;
					}
					#utilities-links li a {
						display:block;
						color:#555555;
						text-decoration:none;				
					}
					#utilities-links li a:hover {
						color:#555555;
						text-decoration:underline;				
					}
					#util-home, #util-contact, #util-twitter {
						background-repeat:no-repeat;
						background-position: left top;
						line-height:16px;
						}
					#util-home {
						background-image:url(../images/icon-home.png);
						padding-left:24px;
						width:31px;								
					}
					#util-contact {
						background-image:url(../images/icon-phone.png);
						padding-left:16px;
						width:41px;									
					}
					#util-twitter {
						background-image:url(../images/icon-twitter.png);
						padding-left:23px;
						width:35px;								
					}
					.serchfield {
					background-image: url(../images/bg-searchfield.png); background-repeat: no-repeat; background-position: left top;
					border: 1px solid #d9d9d9;
					width:170px;
					font-size:12px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					padding:2px 0px 3px 4px;
					}			
	#mainnav {
		height:35px;
	}
		#mainnav ul li {
		list-style-type:none;			
		}
		#mainnav li {
			float:left;
		}
		#mainnav li a span {
			display:none;
		}
		#mainnav li a {
			display:block;
			background-repeat: no-repeat;
			height: 1px;
			padding-top:34px;
			overflow:hidden;
			background-position:0px 0px;
		}
		#mainnav li a:hover {
			background-position:0px -35px;
		}
		#mainnav li a.active {
			background-position:0px -70px;
		}
		#nav-lots {
			width:158px;
			background-image: url(../images/nav_lots.gif);
		}
		#nav-monthlyparking {
			width:167px;
			background-image: url(../images/nav_monthly.gif);
		}
		#nav-eventparking {
			width:153px;
			background-image: url(../images/nav_event.gif);
		}
		#nav-safety {
			width:170px;
			background-image: url(../images/nav_safety.gif);
		}
		#nav-news {
			width:151px;
			background-image: url(../images/nav_news.gif);
		}
		#nav-about {
			width:171px;
			background-image: url(../images/nav_about.gif);
		}
#mainsection {
clear:both;
}
	#leftcol { 
		width: 220px;
		float:left;
		margin-top:45px;
	}
		.subnav-head { display:none; }
		#subnav ul li {
			list-style-type: none;
		}
		#subnav ul {
			background-image: url(../images/bg-subnav.png);	background-repeat: no-repeat; background-position: left bottom;
			padding-bottom:16px;
		}
		#subnav li {
			background-image: url(../images/bg-subnav-divider.png);	background-repeat: no-repeat; background-position: left top;			
		}
		#subnav li a {
			display:block;
			padding:10px 0px 11px 41px;
			width:150px;
			font-size:11px;
			color:#8f8f8f;
			text-decoration:none;
		}
		#subnav li a:hover, #subnav li a.active  {
			background-image: url(../images/bullet-subnav.png);	background-repeat: no-repeat; background-position: left center;
			color:#f57e29;
			text-decoration:none;
		}
		#secondary-cta {
		margin-top:27px;
		}
		#secondary-cta ul li {
		list-style-type:none;
		}
		#secondary-cta li {
		margin-bottom:43px;

		}
		#secondary-cta li a {
			display:block;
			background-repeat: no-repeat; background-position:0px 0px;
			overflow:hidden;
			width:166px;
			height: 46px;			
		}
		#secondary-cta li a:hover {
			background-position:-166px 0px;
		}
		    #secondary-cta li a img {
		        float:left;
		    }
		    #secondary-cta li a:hover img {
		        float:right;
		    }
		#cta-gogreen {
			background-image: url(../images/cta-green.png);
		}
		#cta-accessibility {
			background-image: url(../images/cta_accessibility.png);
		}
		#cta-film {
			background-image: url(../images/cta-film.png);
		}
		#cta-bike {
			background-image: url(../images/cta-bike.png);
		}

	#rightcol {
	width: 750px;
	float:left;
	background-image: url(../images/bg-rightcol.png); background-repeat: no-repeat;	background-position: left top;
	margin-top:26px;	
	}
		#banner {
		margin-left:3px;
		}
		#content {
			min-height:372px;
			width:492px;
			padding:0px 0px 0px 53px;
			margin-top:35px;
			float:left;		
		}
		
		.go-green-water {background-image: url(../images/programs-graphics/gogreen-bg.gif); background-repeat: no-repeat; background-position: right 0px;}
		.accessibility-water {background-image: url(../images/programs-graphics/accessility-bg.gif); background-repeat: no-repeat; background-position: right 0px;}
		.shooting-film-water {background-image: url(../images/programs-graphics/film-bg.gif); background-repeat: no-repeat; background-position: right 0px;}
		.bike-motorcycle-water {background-image: url(../images/programs-graphics/motorcycles-bg.gif); background-repeat: no-repeat; background-position: right 0px;}
		
		.phone-icon {
			display: block;
			background-image: url(../images/programs-graphics/phone-icon.gif);
			padding-left: 20px;
			background-repeat: no-repeat;
			background-position: 0 5px;
		}
		.mail-icon {
			display: block;
			background-image: url(../images/programs-graphics/mail-icon.gif);
			padding-left: 20px;
			background-repeat: no-repeat;
			background-position: 0 5px;
		}
		
		
				#overview-list ul li {
				list-style-type:none;
				}
				#overview-list li {
				padding-bottom:20px;				
				}
				.overview-content { margin-bottom:20px; }
				.overview-content .imgholder {
					float:left;
					width:140px;
					margin-right:15px;
				}
				.overview-content .listcontent {
					float:left;
					width:290px;
				}
				.overview-content .imgborder {
					border: 1px solid #cbcbcb;
					padding:2px;										
				}
				.overview-content p.heading {
				font-size:14px;
				color:#f57f2a;
				font-style:italic;
				font-weight:bold;
				margin:0px;
				padding:0px;
				line-height:normal;
				}
				
				.overview-content p.heading a{
				font-size:14px;
				color:#f57f2a;
				font-style:italic;
				font-weight:bold;
				margin:0px;
				padding:0px;
				line-height:normal;
				text-decoration:none;
				}
				.overview-content p.heading a:hover{
				font-size:14px;
				color:#f57f2a;
				font-style:italic;
				font-weight:bold;
				margin:0px;
				padding:0px;
				line-height:normal;
				text-decoration:underline;
				}
				
				
				
				.overview-content p.type {
				font-size:11px;
				color:#555555;
				margin:0px;
				line-height:15px;
				}
				.overview-content .more {
				margin-top:5px;
				}
		#sidebar { 
		    width:165px;		
		    float:right;
		    margin-top:26px;
		    overflow:hidden;
		}
		    #sidebar li a img {
		        float:left;
		    }
		    #sidebar li a:hover img {
		        float:right;
		    }

			#primary-cta ul li {
			list-style-type:none;
			}
                #primary-cta .sf_simpleList li { margin:0; }
                    #primary-cta .sf_simpleList a { overflow:hidden; }
			#cta-easypay {
				background-image: url(../images/cta-easypay.png); background-repeat: no-repeat;
				height: 143px;
				width: 165px;
			}
			#cta-violations {
				display:block;
				margin-top:66px;
				margin-left:11px;
				position:absolute;
				width:143px;
				height:1px;
				overflow:hidden;
				padding-top:26px;		
			}
			#cta-violations:hover {
				background-image: url(../images/cta-violations.png);
				background-repeat: no-repeat;
			}
			#cta-monthly {
				display:block;
				margin-top:97px;
				margin-left:11px;
				position:absolute;
				width:143px;
				height:1px;
				overflow:hidden;
				padding-top:26px;		
			}
			#cta-monthly:hover {
				background-image: url(../images/cta-monthly.png); background-repeat: no-repeat;
			}
			#cta-findalot {
				background-image: url(../images/cta-findalot.gif); background-repeat: no-repeat; background-position: 0px 0px;
				height: 1px;
				width: 165px;
				padding-top: 100px;
				overflow: hidden;
				display:block;
			}
			#cta-findalot:hover {
			background-position: -165px 0px;
			}
			#cta-phone {
				background-image: url(../images/cta-phone.gif);	background-repeat: no-repeat; background-position: 0px 0px;
				height: 1px;
				width: 165px;
				padding-top: 92px;
				overflow: hidden;
				display:block;
			}
			#cta-phone:hover {
			background-position: -165px 0px;
			}
			
#footer-wrapper {
	background-image: url(../images/footer-bg.gif);	background-repeat: repeat-x;
	height: 198px;
	/*margin-top:-14px;*/
}
	#footer {
		width:970px;
		margin:0px auto;
		text-align:left;
		font-family:Tahoma, Arial, Verdana;
		font-size:11px;
		padding-top:53px;
		 line-height:15px;

	}
	#footer ul li {
	list-style-type:none;
	}
	#footer li {
	float:left;
	background-image: url(../images/bg-footer-dividers.png); background-repeat: no-repeat; background-position: right top;
	
	}
	#footer li li {
	float:none;
	background-image:none;
	list-style-type:none;
	padding-bottom:12px;
		}
	#footer .copyright {
	width:185px;
	color:#f2f2f2;
	font-size:12px;
	background-image: url(../images/footer-logo.png); background-repeat: no-repeat;	background-position: 20px 40px;
	display:block;
	height:49px;
	padding:61px 0px 0px 92px;
	}
	#footer .footerlinks {
	width:130px;
	display:block;
	padding:21px 0px 0px 23px;
	}
		#footer .footerlinks a {
		color:#dfdfdf;
		text-decoration:underline;
		}
		#footer .footerlinks a:hover {
		color:#dfdfdf;
		text-decoration:none;
		}	
	#footer .gslink {
		width: 188px;
		display:block;
		color:#cbcbcb;
		line-height:18px;
		text-align:right;
		padding-top:45px;
		background-image:none;
	}
		#footer .gslink a {
		color:#cbcbcb;
		text-decoration:none;
		}
		#footer .gslink a:hover {
		color:#cbcbcb;
		text-decoration:underline;
		}

/*************\

  Date Widget

\*************/

#datewidget_calendar
{
	background: #FFF;
	border: 2px solid #DBDDDC;
	padding: 4px;
}

#datewidget_calendar table
{
	background: #5D989F url(/images/motdbkg.png) top left repeat-x;
	border-collapse: collapse;
	border: 1px solid #5D989F;
	border-top: none;
	font-size:10px;
	line-height:14px;
}

#datewidget_calendar thead th
{
	color: #FFF;
	font-weight: bold;
	text-align: center;
	padding: 1px 0;
}
#datewidget_calendar thead tr a
{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#datewidget_calendar thead tr a:hover
{
	color: #000;
}

#datewidget_calendar tbody td
{
	border: 1px solid #5D989F;
	background: #DBDDDC;
}
#datewidget_calendar tbody th
{
	border: none;
	background: #EBF4F1 url(/images/infobkg.gif) top left repeat-x;
	padding: 1px;
	text-align: center;
	color: #5D989F;
}
#datewidget_calendar tbody td a
{
	background: #FFF;
	display: block;
	zoom: 1;
	color: #333;
	text-decoration: none;
	padding: 1px;
}
#datewidget_calendar tbody td a:hover
{
	color: #FFF;
	background: #333;
}	




.sf_listTitle { display:none; }
#rightcol .sf_pager li { list-style:none; }

.sf_eventContent ul {
	font-size: 11px;
}

/*Park By Phone*/

#content #phone-steps {margin: 2em 0em 7em 0em;}
	#phone-steps li {
		list-style: none;
		width: 110px;
		padding-left: 25px;
		margin-right: 20px;
		float: left;
		background-repeat: no-repeat;
		background-position: left top;	
		line-height: 17px;		
	}
		#phone-step1 {
			background-image: url(../images/pay-by-phone/pay_step1.gif);
		}
		#phone-step2 {
			background-image: url(../images/pay-by-phone/pay_step2.gif);
		}
		#phone-step3 {
			background-image: url(../images/pay-by-phone/pay_step3.gif);
		}
#content #phone-benefits {margin: 12px 0px;}
	#phone-benefits li {
		list-style: none;
		padding: 7px 0px 14px 50px;
	}
		#phone-coin {
			background-image: url(../images/pay-by-phone/icon_coin.gif);
			background-repeat: no-repeat;
			background-position: left top;			
		}
		#phone-text {
			background-image: url(../images/pay-by-phone/icon_text.gif);
			background-repeat: no-repeat;
			background-position: left top;			
		}
		#phone-time {
			background-image: url(../images/pay-by-phone/icon_time.gif);
			background-repeat: no-repeat;
			background-position: left top;			
		}
		#phone-car {
			background-image: url(../images/pay-by-phone/icon_car.gif);
			background-repeat: no-repeat;
			background-position: left top;			
		}
		#phone-print {
			background-image: url(../images/pay-by-phone/icon_print.gif);
			background-repeat: no-repeat;
			background-position: left top;			
		}
		
/*Parking News Overview*/

#content .sf_newsList {
	margin: 0px;
}

#content .sf_newsList h2.sf_newsTitle {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	color: #f57f29;
	font-weight: bold;
}

#content .sf_newsList h2.sf_newsTitle a {
	text-decoration: none;
}

#content .sf_newsList h2.sf_newsTitle a:hover {
	text-decoration: underline;
}

#content .sf_newsList .sf_newsDate, #content .sf_singleNews .sf_newsDate {
	font-size: 12px;
	color: #7d7d7d;
	font-weight: bold;
	font-style: italic;
	/*margin-bottom: 12px;*/
	margin-bottom:0;
}
#content .sf_newsSummary { margin-bottom:0; }

.sf_newsList li {
	border-bottom: 1px dashed #bbbbbb;
	width: 465px;
}



h2.sf_NewsTitle {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	color: #f57f29;
	font-weight: bold;
}
div.error {
border:1px solid #D72027;
color:#231F20;
display:block;
margin:10px 0;
padding:10px;
width:auto;
}

.searchResults dt {
	margin-top: 20px;
}

.letter-a, .letter-b, .letter-c, .letter-d, .letter-e, .letter-f, .letter-g, .letter-h, .letter-i, .letter-j, .letter-k, .letter-l, .letter-m, .letter-n, .letter-o, .letter-p, .letter-q, .letter-r, .letter-s, .letter-t, .letter-u, .letter-v, .letter-w, .letter-x, .letter-y, .letter-z {
		width:40px;
		height:34px;
		float:left;
		display:block;
		background-repeat: no-repeat;
	}  
	
	
/* text styles coppied from content.css */
.orangetext {
	color: #f27a62;
}
.smalletext {
	font-size:10px;
}
h2.orange-title {
	background-color: #f5822b;
	color: #ffffff;
	width: 100%;
	height: 23px;
	font-size: 14px;
	padding: 2px 0px 1px 10px;
	margin-bottom: 5px;
	margin-top: 10px;
	font-weight:bold;
	font-style:italic;
}
.listtable
{
	font-size:12px;
	width:100%;
}

.searchtable td
{
	font-size:12px;
	padding: 2px 0;
}
.rightpic {
	float: right;
	display: inline;
	margin: 0 45px 20px 20px;
}

.event-rate-lots {
    color:#fff;
    background-color:#f5822b;
    padding:6px 0 6px 7px;
    margin:8px 0 9px 0;
    font-size:12px;
    font-weight:bold;
    font-style:italic;
}

.setview-label {
    font-size:14px;
    font-weight:bold;
    color:#f47212;
    float:left;
}
/*
.firstpara {
	background-image: url(../images/bg-greycircle.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
	.first-letter {
		font-size : 28px;
		font-weight : bold;
		font-style:italic;
		width:33px;
		height:29px;
		float:left;
		color : #ffffff;
		display:block;
		padding:5px 0px 0px 7px;				
	} 
*/	

ol li { padding-bottom:10px; }
.double-border { border:1px solid #dbdbdb; background-color:#fff; padding:2px; }

.box_heading {
	color: #f66a01;
	font-size: 14px;
}

.tab_header {
	color: #ffffff;
	font-size: 14px;
	font-style:italic;
}

.title_line_height  
{
padding-bottom:8px;
}

.lot-title {
    color:#6e6e6e;
    font-style:italic;
    font-weight:bold;
    font-size:20px;
}
.lot-park-title {
    color:#f5822b;
    font-style:italic;
    font-weight:bold;
    font-size:20px;
	position: relative;
	left: -4px;
}
.tag_image {
	float: right;
	padding-left: 20px;
}
#content .green-subheading1 { 
    background:url(/images/programs-graphics/gogreen.gif) no-repeat top left; 
    font-weight:bold;
    font-style:italic;
    font-size:16px;
    color:#f57f29;
    padding:8px 0 8px 46px;
	margin: 10px 0px;
}
#content .green-subheading1 a, #content .accessibility-subheading1 a, #content .film-subheading1 a, #content .motorcycle-subheading1 a { 
    text-decoration: none;
}
#content .green-subheading1 a:hover , #content .accessibility-subheading1 a:hover, #content .film-subheading1 a:hover, #content .motorcycle-subheading1 a:hover { 
    text-decoration: underline;
}
.dashed-divider {
	display: block;
	height: 1px;
	width: 100%;
	background:url(/images/programs-graphics/dotted-divider.gif)repeat-x top left;
	margin-top: 20px;
}

#content .more-button {
    display:block;
    height:1px;
    padding-top:12px;
    width:51px;
    overflow:hidden;
    background:url(/images/more-button.gif) no-repeat top left;
    margin-top:15px;
}