/* 
  Mapping Decline default CSS
*/

/********************** General **********************/
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background: url(../images/bg_gradient.png) repeat-x #6b91a6;
	color: #333333;
}

p
{
	line-height: 1.2;
	text-align: left;
	margin-bottom: 0.8em !important;
}

a:link, a:visited
{
	color: #3f667c;
}

a:hover
{
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6
{
	font-weight: 300;
}

h1
{
	font-size: 300%;
}

h2
{
	font-size: 200%;
	border-bottom: 1px solid #999999;
	margin-bottom: 5px !important;
}

h3
{
	font-size: 160%;
}

h4
{
	font-size: 140%;
}

h5
{
	font-size: 120%;
}

h6
{
	font-size: 110%;
}

noscript
{
	position: absolute;
	bottom: -65px;
	left: 0;
}
 
/*********************** Classes ***********************/
.clear
{
	clear: both;
}

.bullets
{
	list-style-type: disc;
	list-style-position: inside;
}

.wrapper
{
	position: relative;
	width: 940px;
	height:  100%;
	margin: 0 auto;
}

.node
{
	float: left;
	width: 300px;
}

.float_right
{
	float: right;
}

.float_left
{
	float: left;
}

.display_none
{
	display: none;
}

.hidden
{
	visibility: hidden;
}

.document
{
	position: absolute;
	display: none;
	width: 20px;
	height: 20px;
	background: url(../images/document_icon.png) center no-repeat;
	z-index: 94;
}

.intro
{
	position: absolute;
	top: 25px;
	left: 10px;
	width: 320px;
	height: auto;
	padding: 5px;
	font-size: 95%;
	background: url(../images/grey.png);
	color: #FFFFFF;
	border: 2px solid #FFFFFF;
	z-index: 99;
}

/* Map text box */
.info
{
	position: absolute;
	top: 25px;
	left: 10px;
	width: 320px;
	height: auto;
	padding: 5px;
	font-size: 95%;
	background: url(../images/grey.png);
	color: #FFFFFF;
	border: 2px solid #FFFFFF;
	z-index: 99;
}

#municipal_zoning_tab .info
{
	display: none;
}

.wider
{
	width: 400px !important;
}

.toggle
{
	position: absolute;
	top: -20px;
	right: 0;
	border: 1px solid #FFFFFF;
	padding: 0 5px 0 5px;
	outline: none;
	background:url(../images/grey.png);
	z-index: 100;
}

.toggle:hover
{
	text-decoration: none;
	cursor: pointer;
}

/* Overlays */
.boundary
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 80;
}

.roads
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 70;
}

.selected
{
	color: #FFFFFF !important;
}

.checked
{
}

/* Legend styles */
.legend
{
	position: absolute;
	bottom: 60px;
	right: 10px;
	color: #FFFFFF;
	z-index: 90;
	font-size: 80%;
}

.click tr
{
	color: #BCBCBC;
}

.click tr:hover
{
	cursor: pointer;
	color: #FFFFFF;
}

.clicked
{
	color: #FFFFFF !important;
}

.legend table
{
	border: 1px solid #bcbcbc;
	border-collapse: collapse;
	background: url(../images/grey.png);
}

.legend table td
{
	border-bottom: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	padding: 2px;
}

.key
{
	height: 20px;
	width: 20px;
}

.description
{
	position: absolute;
	padding: 5px;
	border: 1px solid #bcbcbc;
	background: url(../images/grey.png);
	width: 250px;
	height: 70px;
	right: 130px;
	bottom: 0;
}

/* White Flight legend colors */
.legend_wf1
{
	background-color: #FFFFFF;
}

.legend_wf2
{
	background-color: #000000;
}

.legend_wf3
{
	background-color: #F00000;
}

.legend_wf4
{
	background-color: #DF8D17;
}

/* Municipal Zoning Legend colors */
.legend_mz1
{
	background-color: #000000;
}

.legend_mz2
{
	background-color: #828382;
}

.legend_mz3
{
	background-color: #ed2024;
}

.legend_mz4
{
	background-color: #fba919;
}

.legend_mz5
{
	background-color: #e4e21a;
}

.legend_mz6
{
	background-color: #faf078;
}

.legend_mz7
{
	background-color: #fdf8c0;
}

/* Urban Renewal Legend colors */
.legend_ur1
{
	background-color: #fba919;
}

.legend_ur2
{
	background-color: #fdf8c0;
}

.legend_ur3
{
	background: url(../images/ur_key3.png) center no-repeat;
}

.legend_ur4
{
	background-color: #73b373;
}

.legend_ur5
{
	background: url(../images/ur_key5.png) center no-repeat;
}

.legend_ur6
{
	background-color: #f37f81;
}

.legend_ur7
{
	background-color: #cdeaf5;
}

/********************** JQ UI Overrides **********************/
.ui-tabs
.ui-tabs-panel
{
	padding: 5px 5px 20px 5px !important;
}

.ui-slider
{
	margin-top: 580px;
	margin-left: 60px;
	background:url(../images/slider_bg.png) !important;
	width: 800px !important;
}

.ui-slider li span.ui-slider-label-show, .ui-slider dd span.ui-slider-label-show 
{
	margin-left: -40px !important; 
	width: 90px !important;
}

.ui-slider li span.ui-slider-label-show:hover, .ui-slider dd span.ui-slider-label-show:hover 
{
	cursor: pointer;
	color: #000000 !important;
}

.last span
{
	margin-left: 0 !important;
	margin-right: -40px !important;
}

.ui-slider-handle
{
	background-color: #999999 !important;
	outline: none;
	z-index: 98;
}

.ui-button
{
	color: #666666 !important;
}

.ui-state-hover
{
	border: 1px solid #666666 !important;
	color: #000000 !important;
}

.ui-state-active
{
	color: #000000 !important;
}

.ui-button-set
{
	width: 100% !important;
}

.ui-widget-overlay
{
	position: fixed !important;
}


/********************** Custom Tabs **********************/
.inline li
{
	display: inline;
}

#tabs_container
{
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 101;
}

.tabs
{
	margin: 0 0 0 15px;
}

.tabs li
{
}

.tabs li a
{
	font-size: 16px;
	padding: 5px 5px 5px 5px;
	
}

.tabs li a.active, .tabs li a:hover
{
	background: url(../images/grey.png);
	text-decoration: none;
	color: #FFFFFF;
}

.pane
{
	clear: both;
}

/********************** Container **********************/
#container
{
	position: relative;
	width: 960px;
	margin: 0 auto;
}

/*********************** Header ***********************/
#header
{
	position: relative;
	width: auto;
	height: 100px;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
}

#header img
{
	float: right;
}

/* department name */
#header h1
{
	position: absolute;
	display: block;
	top: 10px;
	left: 0;
	text-indent: -9999px; /* image replacement */
	width: 448px;
	height: 87px;
	background: url(../images/wordmark.png) no-repeat;
}

/*********************** Global navigation ***********************/
#global_navigation
{
	position: absolute;
	right: 0;
	bottom: 0;
	width: auto;
	height: 30px;
	line-height: 30px; /* vertical align */
	text-align: right;
	background: url(../images/grey.png);
}

#global_navigation li
{
	display: inline;
	list-style-type: none;
}

#global_navigation li a
{
	padding: 0 10px 0 10px;
	text-decoration: none;
	border-bottom: none;
	color: #BCBCBC;
	font-size: 120%;
}

#global_navigation li a:hover
{
	color: #FFFFFF;
}

/*********************** Map ***********************/
#map
{
	position: relative;
	width: 960px;
	visibility: hidden; /*  JavaScript is required for the interactive map */
}

#overlay_controls
{
	position: absolute;
	top: 20px;
	right: 10px;
	font-size: 75%;
}

#cb_boundaries, #cb_roads
{
	margin-right: 8px;
}

#cb_documents
{
	margin-right: -2px;
}

/********************** Home Page Styles **********************/
#home_intro
{
	position: absolute;
	top: 50px;
	left: 100px;
	width: 350px;
	font-size: 135%;
	background: url(../images/white.png);
	border: 1px solid #666666;
	padding: 10px;
}

#home_button
{
	position: absolute;
	bottom: -60px;
	left: 100px;
	background-color: #4f81bd;
	border: 1px solid #385d8a;
	padding: 10px 20px 10px 20px;
	-moz-border-radius: 5px;
	font-weight: 600;
	color: #333333;
}

#home_button:hover
{
	border: 1px solid #000000;
	text-decoration: none;
	color: #000000;
}

#noscript
{
	display: block;
	width: 100%;
	height: 50px;
	color: #FFFFFF;
	border: 1px solid #FF0;
	background: url(../images/grey.png);
 }

#noscript p
{
	margin-top: 15px;
}

/*********************** White Flight :: Z-Index Range 1-10 ***********************/
#white_flight_tab
{
	position: relative;
	background: url(../images/white_flight_basemap.png) no-repeat;
	height: 610px;
	margin-top: 5px;
	margin-left: 5px;
}

/* 1940 - 1950 */
#white_flight1
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

/* 1950 - 1960 */
#white_flight2
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

/* 1960 - 1970 */
#white_flight3
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

/* 1970 - 1980 */
#white_flight4
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
}

/* 1980 - 1990 */
#white_flight5
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

/* 1990 - 2000 */
#white_flight6
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 6;
}

/* 2000 - 2010 */
#white_flight7
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 7;
}

/*********************** Race and Property :: Z-Index Range 11-20 ***********************/
#race_property_tab
{
	position: relative;
	background: url(../images/race_property_basemap.png) no-repeat;
	height: 610px;
	margin-top: 5px;
	margin-left: 5px;
}

#race_property_controls
{
	position: absolute;
	bottom: 5px;
	font-size: 90%;
	text-align: center;
}

#race_property1
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
}

#race_property2
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 12;
}

#race_property3
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 13;
}

#race_property4
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 14;
}

#race_property5
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
}

#race_property6
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 16;
}

/* Urban Renewal documents */
#rp_doc1
{
	top: 33%;
	left: 71%;
}

#rp_doc2
{
	top: 36%;
	left: 64%;
}

#rp_doc3
{
	top: 36%;
	left: 66%;
}

#rp_doc4
{
	top: 36%;
	left: 68%;
}

#rp_doc5
{
	top: 37%;
	left: 70%;
}

#rp_doc6
{
	top: 38%;
	left: 72%;
}

#rp_doc7
{
	top: 42%;
	left: 69%;
}

#rp_doc8
{
	top: 43%;
	left: 73%;
}

#rp_doc9
{
	top: 82%;
	left: 32%;
}

/*********************** Municipal Zoning :: Z-Index Range 21-30 ***********************/
#municipal_zoning_tab
{
	position: relative;
	background: url(../images/municipal_zoning_basemap.png) no-repeat;
	height: 610px;
	margin-top: 5px;
	margin-left: 5px;
}

#municipal_zoning1
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 21;
}

#municipal_zoning2
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 22;
}

#municipal_zoning3
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 23;
}

#municipal_zoning4
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 24;
}

#municipal_zoning_tab .ui-slider li span.ui-slider-label-show, .ui-slider dd span.ui-slider-label-show 
{
	margin-left: -20px !important; 
	width: 90px !important;
}

/* Urban Renewal documents */
#mz_doc1
{
	top: 32%;
	left: 60%;
}

#mz_doc2
{
	top: 39%;
	left: 57%;
}

#mz_doc3
{
	top: 46%;
	left: 66%;
}

#mz_doc4
{
	top: 49%;
	left: 51%;
}

#mz_doc5
{
	top: 50%;
	left: 68%;
}

#mz_doc6
{
	top: 52%;
	left: 63%;
}

#mz_doc7
{
	top: 59%;
	left: 30%;
}

#mz_doc8
{
	top: 81%;
	left: 14%;
}

#mz_doc9
{
	top: 49%;
	left: 79%;
}

#mz_doc10
{
	top: 53%;
	left: 84%;
}

#mz_doc11
{
	top: 60%;
	left: 61%;
}

/*********************** Urban Renewal :: Z-Index Range 31-40 ***********************/
#urban_renewal_tab
{
	position: relative;
	background: url(../images/urban_renewal_basemap.png) no-repeat;
	height: 610px;
	margin-top: 5px;
	margin-left: 5px;
}

#ur_legend_info
{
	display: none;
	position: absolute;
	top: 40px;
	right: 10px;
	width: 450px;
	background: url(../images/white.png);
	border: 1px solid #666666;
	padding: 10px;
	z-index: 95;
}

#urban_renewal1
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 31;
}

#urban_renewal2
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 32;
}

#urban_renewal3
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 33;
}

#urban_renewal4
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 34;
}

#urban_renewal5
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 35;
}

#urban_renewal6
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 36;
}

#urban_renewal7
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 37;
}

#urban_renewal8
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 38;
}

#urban_renewal9
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 39;
}

#urban_renewal10
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 40;
}

#urban_renewal11
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 41;
}

#urban_renewal12
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 42;
}

#urban_renewal_tab .ui-slider li span.ui-slider-label-show, .ui-slider dd span.ui-slider-label-show 
{
	margin-left: -20px !important; 
	width: 90px !important;
}

/* Urban Renewal documents */
#ur_doc1
{
	top: 38%;
	left: 46%;
}

#ur_doc2
{
	top: 39%;
	left: 72%;
}

#ur_doc3
{
	top: 44%;
	left: 71%;
}

#ur_doc4
{
	top: 48%;
	left: 67%;
}

#ur_doc5
{
	top: 47%;
	left: 72%;
}

#ur_doc6
{
	top: 48%;
	left: 75%;
}

#ur_doc7
{
	top: 49%;
	left: 70%;
}

#ur_doc8
{
	top: 52%;
	left: 71%;
}

#ur_doc9
{
	top: 52%;
	left: 74%;
}

#ur_doc10
{
	top: 56%;
	left: 73%;
}

/*********************** Content ***********************/
#content
{
	position: relative;
	width: 940px;
	padding: 10px;
	background-color: #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
}

/*********************** Left ***********************/
#left
{
	position: relative;
	float: left;
	width: 360px;
	padding: 10px;
	background-color: #EEEEEE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
}

#left p
{
	margin-left: 10px;
}

#left img
{
	border: 1px solid #999999;
}

/*********************** Right ***********************/
#right
{
	position: relative;
	float: right;
	width: 530px;
	padding: 10px;
	background-color: #EEEEEE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*********************** Footer ***********************/
#footer
{
	clear: both;
	padding: 5px;
}

#footer a
{
	color: #BCBCBC;
}

#footer a:hover
{
	color: #FFFFFF;
}

#footer img
{
	margin: 0 !important;
	padding: 0 !important;
	vertical-align: top;
}