/* CSS formatting for DPCED Pages */

/* CSS formatting for DPCED Navigation Pages */
ul#main_nav > li { width: 118px; }
ul#main_nav > li > a { width: 106px; }
ul#main_nav > li > li { width: auto; }
ul#main_nav > li > li > a { padding: 10px; width: auto; }

ul#main_nav > li.dpced { }
ul#main_nav > li.dpced > a { padding: 6px 5px 0; }

ul#main_nav > li.services { }
ul#main_nav > li.services > a { padding: 6px 5px 0; }
ul#main_nav > li.services > ul { left: -85px; } /* moves dropdown to the left */

ul#main_nav > li.bi { line-height:normal; }
ul#main_nav > li.bi > a { line-height:normal; }
ul#main_nav > li.bi > ul { left: -118px; } /* moves dropdown to the left */

ul#main_nav > li.comm { line-height:normal; }
ul#main_nav > li.comm > a { line-height:normal; }
ul#main_nav > li.comm > ul { left: -236px; } /* moves dropdown to the left */

ul#main_nav > li.econ { line-height:normal; }
ul#main_nav > li.econ > a { line-height:normal; }
ul#main_nav > li.econ > ul { left: -354px; } /* moves dropdown to the left */

ul#main_nav > li.CDA { }
ul#main_nav > li.CDA > a { padding: 6px 5px 0; }
ul#main_nav > li.CDA > ul { left: -472px; } /* moves dropdown to the left */

ul#main_nav > li.planning { }
ul#main_nav > li.planning > a { padding: 6px 5px 0; }
ul#main_nav > li.planning > ul { left: -590px; } /* moves dropdown to the left */

ul#main_nav > li.DSC { }
ul#main_nav > li.DSC > a { padding: 6px 5px 0; }
ul#main_nav > li.DSC > ul { left: -708px; } /* moves dropdown to the left */

ul#main_nav > li.contact { }
ul#main_nav > li.contact > a { padding: 6px 5px 0; }
ul#main_nav > li.contact > ul { left: -826px; } /* moves dropdown to the left */


/***********************************
   	   header
***********************************

#header {
	background-color:#152a61;
	background-image: url(/DPCED/images/backgroundheader.jpg); 
}*/

/******************************
Icon buttons 
********************************/

ul.icons {
	list-style-type:none;
	display: inline;
	margin:20px 0;
	padding:0;
	clear:both;
}

ul.icons li {
	display: inline-table;
	float:left;
	width:203px;
	height:60px;
	padding:5px;
	margin:0 24px 20px 0;
	background-color:#e0e0e0;
	border:1px solid #ddd;
}

ul.icons li:hover {
	background-color:#ccc;
	background:url(https://www.cityofmadison.com/dpced/BI/images/iconGo.gif) top left no-repeat;
	color:#024;
	border:1px solid #747474;
}

ul.icons li.right {
	margin-right:0;
}

ul.icons li a {
 	text-decoration:none;
	display:table;
	position: relative;
	overflow:hidden;
	_position:absolute;
	_top:50%;
	_display:table-cell;	
	vertical-align:middle;
}

ul.icons img {
	width:45px;
	height:45px;
	margin-right:10px;
	float:left;
	padding:7px;
}

ul.icons li a h2 {
	border-bottom:0;
	margin: auto 0;
	padding:0;
	display: table-cell;
	vertical-align:middle;
	_position: relative;
	width:134px;
	_top:-50%;
}

ul.icons li a:hover h2 {
	color:#FFF;
}

/****************************
Permits Table
****************************/

.needPermits {
	height: 200px; 
	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll;
	border-bottom:1px solid #ccc;
	font-size:11px;
	margin-bottom:10px;
	background-color:#FFF;
}

.tabbertab .needPermits {
	height: auto; 
	overflow: visible; 
	overflow-y: show;
	margin-bottom:0;
	background-color:#eee;
	border-bottom:0;
}

.needPermits .body {
	margin:0;
	padding:3px 10px 10px 0;
}

table.permits a {
	text-decoration:none;
}

.needPermits h1, .needPermits h2 {
	width:auto;
}

table.permits h2 {
	font-size:12px;
	margin-bottom:0;
}

table.permits td {
	border-bottom:1px solid #e0e0e0;
}

table.permits td.details {
	width:20%;
}

.columnQuarter table.permits td.details,
.columnQuarterResource table.permits td.details,
.tabbertab table.permits td.details {
	display:none;
}

/****************************
Search Box
****************************/

#content .search {
	background-color:#09C;
	background:url(https://www.cityofmadison.com/DPCED/images/search.jpg) top left no-repeat; 
	width:464px; 
	height:54px; 
	padding-top:0; 
	padding-left:8px; 
	margin-top:0; 
	margin-bottom:0px;
}

#content .columnQuarter .search, #content  .columnQuarterResource .search { 
	background:url(https://www.cityofmadison.com/DPCED/communitydevelopment/images/searchquarter.png) top left no-repeat; 
	width:205px; 
	height:125px; 
	padding-top:0; 
	padding-left:8px; 
	margin-top:0; 
	margin-bottom:10px;
}

#content .search .outline_box {
	padding:8px 5px;
}

#content .search .outline_box div.title {
	float:left; 
	border-bottom:0; 
	width:230px; 
	color:#FFF; 
	padding:3px 0 0 0;
	margin:0;
	font: bold 15px Helvetica, Arial, Verdana, sans-serif;
}

#content .columnQuarter .search .outline_box div.title, #content .columnQuarterResource .search .outline_box div.title {
	width:200px;
	font-size:22px;
	float:none;
}

#content .search .outline_box .white {
	float:left; 
	border:2px solid #666; 
	height:20px; 
	width:179px; 
	margin:0 /*15px 0 5px*/; 
	background-color:#FFF;
	padding:0;
}

#content .columnQuarter .search .outline_box .white, #content .columnQuarterResource .search .outline_box .white {
	width:165px;
	margin: 14px 0 0 0; 
	padding:0;
}

#content .search .outline_box .white #search_input_funding {
	border:0px;
	width:143px;
	height: 15px;
}

#content .columnQuarter .search .outline_box .white #search_input_funding, #content .columnQuarterResource .search .outline_box .white #search_input_funding {
	width:133px;	
}