* {font-family: Arial}

.* {font-family: Arial}

BODY {
	MARGIN-TOP: 15px; MARGIN-LEFT: 15px; MARGIN-RIGHT: 15px; background: #ffffff
}
TD {
	FONT-FAMILY: "Arial"; color: #333333; FONT-SIZE: 11px
}
A {
	FONT-FAMILY: "Arial"; color: #999999; TEXT-DECORATION: underline; FONT-WEIGHT: normal
}
A:hover {
	TEXT-DECORATION: underline; color:#cc6600
}
.topNavLineEnd {
	margin-top: 13px; border-top: 1px solid #3f8db1;
}
.topNavLine {
	float: left; margin-top: 13px; border-top: 1px solid #3f8db1; width: 10px;
}
.topNavBox {
	float: left; border: 1px solid #3f8db1; height: 26px; vertical-align: middle; FONT-FAMILY: "arial"; color: #999999; FONT-WEIGHT: bold; FONT-SIZE: 11px; padding: 0px 1px;
}
.topNavBox A {
	FONT-FAMILY: "arial"; color: #999999; FONT-WEIGHT: bold; FONT-SIZE: 11px; text-decoration: none; padding: 4px 10px 6px;
	//line-height:20px;/*IE fix*/
}
.topNavBox A:hover {
	FONT-FAMILY: "arial"; color: #fff; FONT-WEIGHT: bold; FONT-SIZE: 11px; text-decoration: none; background-color: #3f8db1; padding: 4px 10px 6px
}
.uploadData {
	color:#ed3128; border:1px solid #ed3128;
}
.uploadData A {
	color:#ed3128;
}
.uploadData A:hover {
	background:#ed3128;
}
.topNavBoxSelected {
	FONT-FAMILY: "arial"; color: #fff; FONT-WEIGHT: bold; FONT-SIZE: 11px; background-color: #3f8db1;
}
.topNavBoxSelected A {
	FONT-FAMILY: "arial"; color: #fff; FONT-WEIGHT: bold; FONT-SIZE: 11px; background-color: #3f8db1;
}
.uploadDataSelected {
	background:#ed3128;
}
.uploadDataSelected A {
	background:#ed3128;
}
.titleHome {
	FONT-FAMILY: "arial"; color: #666666; FONT-WEIGHT: bold; FONT-SIZE: 16px; padding-bottom: 7px;
}
.titleHome A {
	FONT-FAMILY: "arial"; color: #999999; FONT-WEIGHT: bold; FONT-SIZE: 16px; padding-bottom: 7px;
}
.titleHomeMed {
	FONT-FAMILY: "arial"; color: #663300; FONT-WEIGHT: bold; FONT-SIZE: 14px; padding-bottom: 2px;
}
.titleHomeMed A {
	FONT-FAMILY: "arial"; color: #663300; FONT-WEIGHT: bold; FONT-SIZE: 14px; padding-bottom: 2px;
}
.titleHomeSmall {
	FONT-FAMILY: "arial"; color: #666666; FONT-WEIGHT: normal; FONT-SIZE: 12px
}
.titleHomeSmall A {
	FONT-FAMILY: "arial"; color: #999999; FONT-WEIGHT: bold; FONT-SIZE: 12px; text-decoration: none;
}
.rightNavBox {
	padding: 8px 5px; border: 1px solid #663300;
}
.legend_table {
        border-right: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6
}
.legend_table TD {
        border-left: 1px solid #c6c6c6; border-top: 1px solid #c6c6c6; padding: 2px;
        padding-left: 4px; font-size: 11px;
}
.dataYearBlock {
	float: left; border-top: 1px solid #999999; border-bottom: 1px solid #999999; width: 30px; text-align: center; cursor:pointer;
}
.dataYearBlockSelected {
	float: left; border-top: 1px solid #999999; border-bottom: 1px solid #999999; width: 30px; background-color: #cc6600; color: #fff; text-align: center; font-weight:bold; cursor:pointer;
}

.smallTitle {
	FONT-FAMILY: "arial"; color: #663300; FONT-WEIGHT: bold; FONT-SIZE: 11px
}
.bigTitle {
	FONT-FAMILY: "arial"; color: #999999; FONT-WEIGHT: bold; FONT-SIZE: 26px
}
.medTitle {
	FONT-FAMILY: "arial"; color: #999999; FONT-WEIGHT: bold; FONT-SIZE: 18px
}
.navBarHorizontal {
	BORDER-LEFT: #663300 1px solid; BORDER-TOP: #663300 1px solid; BORDER-BOTTOM: #663300 1px solid; 
}
.navBarHorizontal TD {
	BORDER-RIGHT: #663300 1px solid
}
.navBarVertical {
	BORDER-LEFT: #663300 1px solid; BORDER-TOP: #663300 1px solid; BORDER-RIGHT: #663300 1px solid; 
}
.navBarVertical TD {
	BORDER-BOTTOM: #663300 1px solid
}
.navBarOver {
	BORDER: none
}
.navBarOver TD {
	MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; BORDER: #ffffff 1px solid; BACKGROUND-COLOR: #cc6600
}
.bottomLinks {
	FONT-FAMILY: "arial"; color: #663300; FONT-SIZE: 10px
}
.bottomLinks A {
	color: #999999	
}
.bottomLinks A:hover {
	color: #cc6600
}
.imageBorder {
	BORDER: #663300 1px solid
}
.textbox {
	FONT-FAMILY: "arial"; FONT-SIZE: 11px
}
.radio {
	HEIGHT: 12px; WIDTH: 12px; vertical-align: middle
}
.submit {
	FONT-FAMILY: "arial"; color: #663300; FONT-SIZE: 11px; FONT_WEIGHT: bold
}
.formHidden {
	DISPLAY: none
}

.requiredFieldStar {
	color: #cc6600
}

.dataEntryForm { background: #dcdcdc; text-align: left }
.dataEntryForm TH { padding: 5px 5px; background: #f2f2f2; text-align: right; color:#333333; width:20% }
.dataEntryForm TD { padding: 5px 5px; background: white; color: #666666}

.reportTable { background: #dcdcdc; text-align: left }
.reportTable TH { padding: 5px 5px; background: #f2f2f2; text-align: left; color:#333333; font-size: 12px; font-weight: bold }
.reportTable TD { padding: 5px 5px; background: white; color: #666666}

.chartTable { font-family: arial; font-size: 12px; background: #dcdcdc; }
.chartTable TH { padding: 4px; background: #f2f2f2; color:#333333; font-size: 12px; font-weight: bold }
.chartTable TR { background:#fff }
.chartTable TD { padding: 4px; color: #666666}
						
.list { background: #dcdcdc; width=100%; white-space: nowrap; font-family: Arial }
.list TH { background: #f2f2f2; padding: 5px 5px; color:#333333 }
.list TD { background: white; padding: 5px 5px; color:#666666 }

.compactList { background: #dcdcdc; width=100%; white-space: nowrap; font-family: Arial }
.compactList TH {background: #f2f2f2; color:#333333 }
.compactList TD { background: white; color:#666666 }


.vlist{ background: #dcdcdc; width: 100%; text-align: left; white-space: nowrap }
.vlist TH { padding: 5px 5px; background: #f2f2f2; white-space: nowrap; color:#333333 }
.vlist TD { padding: 5px 5px; background: white; font-size: larger; white-space: nowrap; color:#666666 }

.instruction { font-weight: bold; width: 70%; text-align: left }
.instruction TD { padding: 4px 10px; color: #333333; font-size:12px }
.instruction SPAN { color: #008800 }

table.homePageTables { border-collapse:collapse; }
table.homePageTables td { border:1px solid #3F8DB1; }
table.homePageTables td.homeIndBox { padding: 5px; /*border-left: 1px solid #999999; border-top: 1px solid #999999; border-bottom: 1px solid #999999*/ }

.error { font-weight: bold; width: 70%; border: #d2d2d2 solid 1px; text-align: left }
.error TD { padding: 0px 10px }
.error SPAN { color: #FF0000 }

TD.selected { background: #fffbf0 }
TH.selected { background: #eeeee7 }

SPAN.noun { color: #cc6600 }

TABLE.WidgetList { padding: 0px; border-bottom: 1px solid #663300 }
TABLE.WidgetList TD { border: 1px solid #663300; border-bottom: 0px; padding: 0px 5px }
Table.WidgetList TD.selected { color: Blue }

table.bottomNavTable td.sides {	width:130px; padding:0 15px; }
table.bottomNavTable td.centerlinks a { padding:0 10px; }

div.disclaimer { padding:12px; color: #333333; font-size:15px; border-top:1px dotted #663300; width:70%; margin:auto }
h4.disclaimer { margin:5px auto; padding:0px; color:#663300; width:68% }

div.hometext { width:610px; text-align:left;margin:25px 0; }
div.hometext .ptext { font-size:12px; color:#333 }

/* Custom Widget */
div.customWidget div.container {
	width:248px;
}
div.customWidget div.header {
	margin:2px 0px 0px 2px; padding:0px 1px 0px 5px; background:#e4ba32; height:15px; width:236px;
}
div.customWidget span.title {
	font-weight:bold;color:#fff;
}
div.customWidget div.content {
	padding:0px 0px 3px 3px;
}

/* Sites Menu */

#NavSites { padding:7px 0px 7px 5px; }
#NavSites ul.TopMenuHeader { margin:0; padding:0; list-style:none; width:237px }

#NavSites li.MenuHeaderLabel { 
	/* TJM - 09/16/09
		z-index:1000; position:relative; color:#666; border:1px solid #999; cursor:pointer; padding:5px 5px; margin:-1px 0; text-align:right; list-style:none; background:url(../Image/navsites_bg.png) repeat 
*/
		z-index:1000; position:relative; color:#000000; border:1px solid #999; cursor:pointer; padding:5px 5px; margin:-1px 0; text-align:right; list-style:none; background:url(../Image/navsites_bg.png) repeat 
	
} 
#NavSites li.MenuHeaderLabel1, #NavSites li.MenuHeaderLabel2 
{ 
	/* TJM - 09/16/09
		width:234px; z-index:1000; position:relative; color:#666; border:1px solid #999; cursor:pointer; padding:5px 5px; margin:-1px 0; text-align:right; list-style:none; background:url(../Image/navsites_bg.png) repeat 
		*/
		width:234px; z-index:1000; position:relative; color:#000000; border:1px solid #999; cursor:pointer; padding:5px 5px; margin:-1px 0; text-align:right; list-style:none; background:url(../Image/navsites_bg.png) repeat 
}

#NavSites li.MenuHeaderLabel:hover, #NavSites li.MenuHeaderLabel1:hover, #NavSites li.MenuHeaderLabel2:hover, 
#NavSites li.sfhover, #NavSites li.sfhover1, #NavSites li.sfhover2
{
	/* TJM - 09/16/09 - changing color from orange/brown to blue
	         color:#CC6600
*/
		color:#3F8DB1
}

#NavSites li.MenuHeaderLabel:hover div.Tail, #NavSites li.MenuHeaderLabel1:hover div.Tail1, #NavSites li.MenuHeaderLabel2:hover div.Tail2, 
#NavSites li.sfhover div.Tail, #NavSites li.sfhover1 div.Tail1, #NavSites li.sfhover2 div.Tail2 
{ background:url(../Image/PDMI/navsites_arrow_blue.png) no-repeat -8px center }

#NavSites li.MenuHeaderLabel:hover ul.Container,#NavSites li.MenuHeaderLabel1:hover ul.Container1, #NavSites li.MenuHeaderLabel2:hover ul.Container2,
#NavSites li.sfhover ul.Container, #NavSites li.sfhover1 ul.Container1, #NavSites li.sfhover2 ul.Container2 
{ display:block; margin-top:-2px; margin-left:-1px; } /* The magic */

#NavSites ul.Container
{ /* TJM - 09/16/09
	position:absolute; right:235px; top:1px; background:#fff; padding:0; display:none; border:1px solid #999; color:#666; cursor:pointer; list-style:none;
*/
	position:absolute; right:235px; top:1px; background:#fff; padding:0; display:none; border:1px solid #999; color:#000000; cursor:pointer; list-style:none;
}

#NavSites ul.Container1, #NavSites ul.Container2 
{ 
/* TJM - 09/16/09
		position:absolute; right:244px; top:1px; background:#fff; padding:0; display:none; border:1px solid #999; color:#666; cursor:pointer; list-style:none;
*/
		position:absolute; right:244px; top:1px; background:#fff; padding:0; display:none; border:1px solid #999; color:#000000; cursor:pointer; list-style:none;

}

#NavSites li.MenuHeaderLabel div.Tail, #NavSites li.MenuHeaderLabel1 div.Tail1, #NavSites li.MenuHeaderLabel2 div.Tail2 
{ margin:-13px 220px 0px 0; width:8px; height:15px; background:url(../Image/PDMI/navsites_arrow_blue.png) no-repeat 0px center }

#NavSites li.MenuHeaderLabel:hover ul li ul, #NavSites li.sfhover ul li ul { display:none; } /* The magic */

/* TJM - 08/25/09 - initial "blank" arrow*/
#NavSites li.SubMenuItem { 
	text-align:left; margin:0; 
	padding: 5px 5px 5px 20px; 
	width: 234px; 
	border:none; 
	border-bottom:1px solid #fff; 
	border-top:1px solid #fff; 
/*	background:none; 
	background:url(../Image/down_arrow.png) no-repeat 5px center;
*/
}
	
#NavSites div.TopMenuBox { line-height:20px; border:1px solid #ccc; border-top:0px; text-align:right; margin:0 8px; padding:0px 3px; color:#000; background:#fffbbb }
#NavSites div.TopMenuBox img.close { float:left; cursor:pointer; padding-top:3px }

#NavSites li.SubMenuItem:hover, #NavSites li li.sfhover, #NavSites li li.sfhover1, #NavSites li li.sfhover2 
{ 
	/* TJM - 09/16/09
	background:#FFFFEF; border-top:1px solid #999; border-bottom:1px solid #999; color:#CC6600
	*/
	background:#CCFFCC; border-top:1px solid #999; border-bottom:1px solid #999; color:#000000
}




#MetaInfoPopUp { border:1px solid #ccc; width:350px; position:absolute; //margin-top:20px /*IE fix*/; font-size:12px; color:#000; fontWeight:#000; padding:7px; background:#eeefcf; display:none; z-index:1; cursor:pointer }
#MetaInfoPopUp h5 { padding:3px 0px 0px; margin:0px; font-size:12px; line-height:15px }
#MetaInfoPopUp h6 { padding:0px; margin:0px 5px; font-size:11px; color:#CC6600; line-height:16px }
#MetaInfoPopUp.sites { width:217px; text-align:left; position:relative; margin:0px 0px 0px -4px; padding:4px; cursor:default; }

div.loadingGraphic {display:block;width:100%;font-size:18px;color:#666;position:relative;top:44%;z-index:10;text-align:center;}

div.ImportOptions { width:325px; margin:0 auto; }
div.ImportOptions a { margin:0 10px; border:1px solid #aaa; padding:5px; dipslay:block; cursor:pointer }
div.ImportOptions a:hover { border:1px solid #CC6600 }

/* interfacePins, interfacePrint and interfacePDF are related to the user links to access the aptly named functions Pins, Print & PDF 
    IE specific css for these is in nav_top.jsp around line 100
*/

#listandprint, #mapTools {
margin-left: 10px;
height:18px;

}

#interfacePins {
display: inline-table;
background: transparent url(../Image/Interface/listPins.png) no-repeat;
height:18px;
cursor:pointer;	
}

#interfacePins:hover {
background: transparent url(../Image/Interface/listPins_hover.png) no-repeat;
height:18px;
}

#interfacePrint {
display: inline-table;
background: transparent url(../Image/Interface/print.png) no-repeat;
height:18px;
cursor:pointer;	
}

#interfacePrint:hover {
background: transparent url(../Image/Interface/print_hover.png) no-repeat;
height:18px;
}

#interfacePDF {
display: inline-table;
background: transparent url(../Image/Interface/pdf.png) no-repeat;
height:18px;
cursor:pointer;	
}

#interfacePDF:hover {
background: transparent url(../Image/Interface/pdf_hover.png) no-repeat;
height:18px;
}

#interfaceCSV {
display: inline-table;
background: transparent url(../Image/Interface/CSV/05pointdata.png) no-repeat;
height:18px;
cursor:pointer;
float: right;
}

#interfaceCSV:hover {
background: transparent url(../Image/Interface/CSV/05pointdata_hover.png) no-repeat;
height:18px;
}

#interfaceA {
margin: 0 19px;
padding-bottom: 5px;	
}

#interfaceNeighborhood {
display: inline-table;
background: transparent url(../Image/Interface/Neighborhood/CreateANeighborhood.png) no-repeat;
height:20px;
cursor:pointer;
}

#interfaceNeighborhood:hover {
background: transparent url(../Image/Interface/Neighborhood/CreateANeighborhood_hover.png) no-repeat;
height: 20px;
}


#interfaceRadius {
display: inline-table;
background: transparent url(../Image/Interface/Radius/02radius.png) no-repeat;
height:20px;
cursor:pointer;
}

#interfaceRadius:hover {
background: transparent url(../Image/Interface/Radius/02radius_hover.png) no-repeat;
height: 20px;
}

/* Report Related CSS */

#reportTitle {
color: #555555;
font-family: Arial;
font-size:24px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
}


#report {
padding: 25px;
width: 600px;
}

#reportDiv {
color: #555555;
font-size:11px;
}

.reportTbl {
width: 100%;
}

.reportTbl td {
border-bottom:		1px solid #E0E0E0;
border-left:		0px;
border-right:		0px;
padding:			4px;
margin:				0px;
}

#reportHeader {
vertical-align: bottom;
font-family: Arial;
color: #D15706;
font-size: 18px;	
}
       
#report_inner_content {
width: 580px;	/* to get rid of <--> scroll bars in IE */
}


/* TJM - test image for ZOOM option
#scaleLegend {
background-image:url(../Image/down_arrow.png);
background-position: left bottom;
background-repeat:no-repeat;
top:90%;
position: relative;
z-index: 10;
display: block;
}
 */