/**
--------------------------------------------------------------------------------
    Generic
--------------------------------------------------------------------------------
**/
BODY
{
	margin: 0px auto; /*text-align : center;*/
}

TABLE
{
	border: solid 0px black !important;
}
TABLE f
{
	border: solid 0px black;
}
TABLE TD
{
	border: solid 0px black;
}

DIV.Label
{
	display: block;
	float: left;
	clear: none;
	width: auto;
	text-align: right;
	font-family: Arial;
	font-size: 8.5pt;
	font-weight: bolder;
	padding: 3px;
}

.ChosenColor
{
	background-color: #FFFFFF;
}

.Progress
{
	position: fixed;
	top: 20px;
	right: 20px;
	background: #ffffff;
	border: double 3px black;
	padding: 4px 7px 2px 4px;
}

.regionButton
{
	width: 140px;
	text-align: center;
}

.bold
{
	font-weight: bold;
}

.underline
{
	text-decoration: underline;
}

.italics
{
	font-style: italic;
}

.indent
{
	margin-left: 30px;
}

/*******************************************/
/* Navigation links at the top of the page */
/*******************************************/
p.nav
{
	margin: 0;
	text-align: center;
	margin: 2px 0 5px 0;
}
/* anchors inside p.nav have different properties from the normal anchors */
p.nav a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	/*text-decoration: none;*/
}
p.nav a:link
{
	font-size: 11px;
	color: #000;
}
p.nav a:visited
{
	font-size: 11px;
	color: #000;
}
p.nav a:hover
{
	text-decoration: underline;
	font-size: 11px;
	color: #000;
}
/** supporting SARS,WNV,and Business Prep. - remove 'a.toplink' when these are updated**/

a.toplink:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	/*text-decoration: none;*/
}

a.toplink:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	/*text-decoration: none;*/
}

a.toplink:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}

/****************/



/**
--------------------------------------------------------------------------------
    Main Header Wrapper
--------------------------------------------------------------------------------
**/
#Header
{
	height: auto;
	margin: 0px auto; /*width: 870px;*/
	background-color: white;
}

#SubHeader
{
	width: 895px;
	text-align: left;
	font-weight: bolder;
	font-family: Arial,Helvetica;
	color: Maroon;
	padding-top: 15px;
	padding-bottom: 8px;
	background-color: White;
	margin-bottom: 5px;
}

#SubHeader #SubHeaderDescription
{
	font-weight: normal;
	color: Black;
	margin-bottom: 0px;
}

#SubHeader #SubHeaderChartContainer
{
	height: 100px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 50px;
}

.infoButton:hover
{
	cursor: pointer;
}

/**
--------------------------------------------------------------------------------
    Navigation
--------------------------------------------------------------------------------
**/

#Header-Nav
{
	width: 100%;
	margin-right: 20px;
	text-align: right;
}

#Header-Nav ul
{
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

#Header-Nav ul li
{
	display: inline;
	margin-left: 8px;
	margin-right: 8px;
}

#Footer-Nav
{
	width: 100%;
	margin-right: 20px;
	text-align: right;
}

#Footer-Nav ul
{
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

#Footer-Nav ul li
{
	display: inline;
	margin-left: 8px;
	margin-right: 8px;
}

#SiteSpecificFooter td
{
	padding: 10px;
}


ul.fireFighterFooter{
    margin-bottom:0;
}
ul.fireFighterFooter li
{
	list-style: none;
	float: left;
    margin-left: 1.5em;
}

ul#listNav .listNavHeader
{
	font-size: 1.4em;
	font-weight: bold;
	color: #aa6600;
}

ul#listNav li
{
	list-style: none;
	margin-left: 0px;
}

ul#listNav li ul li
{
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 40px;
}

/**
--------------------------------------------------------------------------------
    Tab Wrappers
--------------------------------------------------------------------------------
**/

#BodyWrapper
{
	margin: 0px;
    width: 910px;
}

#BodyWrapper2
{
	margin: 0px auto;
}

#TabSection
{
	float: left;
	width: 227px; /**      height:714px;     	**/
	height: auto;
}

#TabSection ul li.TabHeader a
{
	font-size: 8pt;
	padding: 5px 7px 5px 7px;
    text-decoration: none;
}

#ContentTabSection
{
	float: left;
	height: auto;
	width: 655px;
	margin-left: 7px;
	margin-top: -7px;
	margin-bottom: 10px;
}

#ContentTabSection ul li.TabHeader a
{
	font-size: 9pt;
    text-decoration: none;
}

#FilterSection
{
	padding-top: 8px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: -4px;
	margin-top: 0px;
	float: left;
	width: 223px;
	border: 1px solid #aaaaaa;
	border-top-width: 0px;
}

#FilterSection #nioshInvestigationsText
{
	font-size: 15px;
	font-weight: bold;
}

#FilterSection .investigationDesc
{
	font-size: 10px;
}

#FilterSection #LineOfDutyDeaths
{
	text-align: center;
	padding: 20px 0 20px 0;
	width: 225px;
	margin-left: 0px;
}

#FilterSection #LineOfDutyDeaths #Message
{
	text-align:  left;
	font-family: Arial;
	font-size: 14pt;
	font-style:  italic;
	width: 130px;
	float: left;
}

#FilterSection #LineOfDutyDeaths #Number
{
	text-align: center;
	font-family: Arial;
	font-size: 24pt;
	font-weight: bolder;
	padding: 5px;
	background: white;
	color: #000000;
	width: 50px;
	float: left;
}

#FilterSection .Row
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
	clear: both;
}

#FilterSection .Row .Label
{
	display: block;
	float: left;
	width: 65px;
	text-align: right;
	font-family: Arial;
	font-size: 8.5pt;
	font-weight: bolder;
	margin: 0px;
	padding-top: 12px;
	padding-left: 5px;
}

#FilterSection .Row .Data
{
	display: block;
	float: left;
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 0px;
	padding-left: 3px;
	padding-right: 3px;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bolder;
}

#FilterSection .Row .DependantData
{
	display: block;
	float: left;
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 0px;
	padding-left: 3px;
	padding-right: 3px;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bolder;
}

#FilterSection .Row .WideLabel
{
	width: 182px;
}

#FilterSection .Row .CheckBox
{
	margin-right: 25px;
}

#FilterSection .Row .Data SELECT.fixedWidthSelect
{
	width: 135px;
}

#FilterSection .Row .DependantData SELECT.fixedWidthSelect
{
	width: 135px;
}

.yearSelect 
{
	height: 52px;
}

#FilterSection #SelectionText
{
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #000099;;
	border-bottom: 1px solid #000099;;
}

#resetButton {
	font-size: 10px;
	padding: 2px;
	float: right;
}

#AboutSection p
{
	text-align: left;
	font-family: Arial;
	font-size: 11px;
}

#TechnicalInfoSection p
{
	text-align: left;
	font-family: Arial;
	font-size: 11px;
}

#HelpSection p
{
	text-align: left;
	font-family: Arial;
	font-size: 11px;
}

#MapSection
{
	text-align: left;
	font-family: Arial;
	font-size: 10pt;
	margin-left: -4px;
	padding: 3px;
	width: 655px;
	border: 1px solid #aaaaaa;
	border-top-width: 0px;
}

#StatisticsInfoSection
{
	text-align: left;
	font-family: Arial;
	font-size: 10pt;
	margin-left: -4px;
	padding: 20px;
	width: 621px;
	border: 1px solid #aaaaaa;
	border-top-width: 0px;
}

#CaseSection
{
	text-align: left;
	font-family: Arial;
	font-size: 10pt;
	margin-left: -4px;
	padding: 3px;
	width: 655px;
	border: 1px solid #aaaaaa;
	border-top-width: 0px;
}
/*
#CaseSectionData *
{
margin: 0;
padding: 0;
border: 0;
}

#CaseSectionData * *
{
margin: 0;
padding: 0;
border: 0;
}
*/
#CaseSection table
{
	margin: 0;
}
#CaseSectionData ul
{
	margin: 0;
}
#CaseSectionData ul li
{
	margin: 0px 0px 0px -25px;
}



.transformedMarkerImage
{
	height: 18px;
	/*width: 18px; /**cursor : pointer;**/
	margin-left: 4px;
}

.Row table
{
	float: right;
	clear: both;
	margin-right: 8px;
}

.Row table tbody tr td
{
	text-align: right;
}

td label
{
	text-align: right;
	font-family: Arial;
	font-size: 8.5pt;
}

/**
--------------------------------------------------------------------------------
    Page Content
--------------------------------------------------------------------------------
**/

#ContentHeader
{
	text-align: left;
	background-color: #f4f4ae;
	border: 0px solid black;
	padding: 5px 5px 5px 10px;
	margin-right: 15px;
}
#ContentHeader h1, strong
{
	margin: 0px;
	padding: 0px;
}

#pageContent h2
{
	font-size: 1.4em !important;
	font-weight: bold !important;
	color: #aa6600 !important;
}

#pageContent h3
{
	font-size: 1.2em !important;
	font-weight: bold !important;
	color: Maroon !important;
	margin-bottom: 0px;
	margin-left: -20px;
}

#pageContent h4
{
	font-size: 1.1em !important;
	font-weight: bold !important;
	color: Black;
	margin-bottom: 0px;
}

/**
--------------------------------------------------------------------------------
    The Chart
--------------------------------------------------------------------------------
**/
#chart
{
	text-align: left;
	height: auto;
	width: 660px;
	margin-top: 1px;
	border: solid 1px #aaaaaa;
	background-color: #ffffff;
	margin-left: 197px;
}

#chart span#message
{
	text-align: left;
	font-family: Arial;
	font-weight: bold;
	font-size: 10pt;
	margin-left: 20px;
	color: black;
}

/**
--------------------------------------------------------------------------------
    The Map
--------------------------------------------------------------------------------
**/

#regionContainer, #subRegionContainer
{
	margin: 10px 0px 10px 0px;
	height: 30px;
	display: none;
}

#regionContainer fieldset, #subRegionContainer fieldset
{
	padding: 4px 10px 4px 10px;
}

#RegionAlertMessage
{
	margin-left: -5px;
	margin-right: 10px;
	text-align: right;
	color: Red;
}

#SubRegionAlertMessage
{
	margin-left: -5px;
	margin-right: 10px;
	text-align: right;
	color: Red;
}

#mapContainer
{
	/*margin-top: 5px;*/
	border: solid 1px black; /* 	padding-bottom : 134px; 	*/
	background-color: #ffffff; /*margin-left : 275px;*/
}

.disabled
{
	background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
	width: 650px; /* 	height: 350px;  	*/
	height: 484px;
}

#map
{
	width: 650px; /* 	height: 350px;  	*/
	height: 484px;
}

#map.hidden
{
	width: 625px;
	visibility: hidden;
	height: 469px;
}

#map.hidden img
{
	float: left;
	margin: auto;
}

#staticMapImg
{
	width: 650px; /* 	height: 350px;  	*/
	height: 484px;
}

/**
--------------------------------------------------------------------------------
    Each Popup Balloon
--------------------------------------------------------------------------------
**/

.Popup
{
	width: 220px;
	font-family: arial;
	font-size: 8pt;
	text-align: left;
	line-height: 1.4em;
}

.Popup .Desc
{
	margin: 1px 0px;
	display: block;
	height: 100px;
	overflow: scroll;
	overflow-x: hidden;
}

/**
--------------------------------------------------------------------------------
    The Map Legend
--------------------------------------------------------------------------------
**/

#mapLegend
{
	background: #FFFFFF;
	height: 55px;
	width: 650px;
	margin-top: 3px;
	margin-bottom: 4px;
	clear: both;
	padding-top: 5px;
	padding-left: 5px;
	border-top: 1px solid #aaaaaa;
}

.mapLegendItem
{
	float: left;
	width: 130px;
    line-height: 17px;
}

.mapLegend-icon
{
	margin-bottom: 20px;
	float: left;
	margin-right: 5px;
}

#caseDataLegend {
	width: 500px;
	margin: auto;
}

.caseDataLegendItem {
	width: 200px;
	float: left;
}

.caseDataLegendImage
{
	float: left;
	height: 30px;
	margin-right: 10px;
}

/**
--------------------------------------------------------------------------------
    The Group By Panel
--------------------------------------------------------------------------------
**/
#UpdatePanelResults
{
	text-align: center;
	width: 100%;
	padding: 0px;
	clear: both;
}

#DataGroupingsInstructions
{
	width: 500px;
	font-weight: bold;
}

.statisticsButton {
	float: right;
	display: inline;
	width: 20px;
	text-align: center;
	margin-left: 10px;
}

#DataGroupingsSelectPanel
{
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
}

#DataGroupingsSelectPanel ul
{
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 99%;
}

#DataGroupingsSelectPanel ul li
{
	display: inline;
}

#DataGroupingsSelectPanelHeader
{
	font-weight: bold;
	color: Maroon;
	float: left;
}

#DataGroupingsSelectPanel ul li .GroupLabel
{
	float: left;
	display: block;
	width: auto;
	text-align: left;
	font-family: Arial;
	padding: 3px;
	margin-left: 7px;
}

#DataGroupingsSelectPanel ul li .GroupData
{
	display: block;
	clear: none;
	text-align: left;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bolder;
	padding: 3px;
	float: left;
	margin-right: 20px;
}

/**
--------------------------------------------------------------------------------
    The Group By Results
--------------------------------------------------------------------------------
**/
TABLE.QueryParamTable
{
	font-size: 10pt;
	color: Black;
	border-collapse: separate !important;
}
TABLE.QueryParamTable TD
{
	padding: 3px;
}
TD.QueryParamHeading
{
	font-weight: bolder;
	font-size: 12pt;
	background: #dddddd;
	text-align: center;
}

TD.QueryParamName
{
	font-weight: bolder;
	text-align: right;
}

TD.QueryParamList
{
	text-align: left;
}

TABLE.ResultsBorderTable
{
	width: 100%;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-color: #053265;
	border-style: solid;
	padding-top: 0px;
	background: #ffffff;
	border-collapse: separate !important;
}

TABLE.ResultsTable
{
	font-size: 10pt;
	font-family: Arial;
	border-collapse: separate !important;
}

TR.DRow
{
	background: #eeeeee;
}

TD.GroupHeading
{
	font-family: Helvetica;
	font-size: 12pt;
	color: #000000;
	font-weight: bolder;
	background: #dddddd;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 3px;
	vertical-align: bottom;
}
TD.Heading
{
	font-family: Helvetica;
	font-size: 12pt;
	color: #000000;
	font-weight: bolder;
	background: #dddddd;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 3px;
	text-align: left;
	vertical-align: bottom;
}
TD.HeadingYear
{
	font-family: Helvetica;
	font-size: 24pt;
	font-weight: bolder;
	text-align: center;
	color: #000000;
	background: #dddddd;
	border: 2px;
	border-color: #000099;
	border-style: solid;
}
TD.QueryTime
{
	font-size: 10pt;
	text-align: center;
	color: #000070;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}
TD.NOTEABLE
{
	padding: 4px;
	text-align: left;
	background: pink;
	font-weight: bold;
	font-size: 12pt;
	border-top: 3px;
	border-bottom: 3px;
	border-left: 3px;
	border-right: 3px;
	border-color: #990000;
	border-style: solid;
}

TD.TotalCNT
{
	text-align: center;
	font-size: 12pt;
	color: #6f6f86;
	background: #FFFFCF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 2px;
}
TD.TotalPCT
{
	text-align: center;
	color: #000000;
	background: #FFFFCF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
}
TD.CNT
{
	padding: 2px;
	text-align: center;
}
TD.PCT
{
	padding: 2px;
	text-align: center;
}

TD.Title
{
	padding-right: 2px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
}
TD.TotalTitle
{
	text-align: right;
	font-size: 12pt;
	font-weight: bolder;
	color: #000000;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 5px;
}
TD.Total
{
	font-size: 12pt;
	font-weight: bolder;
	color: #000000;
}
TD.Group
{
	text-align: left;
	background: #99ccff;
	color: #000000;
	font-weight: bolder;
	padding-right: 2px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}
TD.Empty
{
	background: #FFFFFF;
}

/**
--------------------------------------------------------------------------------
    Multiple Fatality Browser
--------------------------------------------------------------------------------
**/
.PopupBody
{
	width: 230px;
}

.PopupBody Table TR TD
{
	font-size: 8pt;
	font-weight: normal;
	font-family: Arial;
	font-weight: bolder;
	font-variant: normal;
	font-style: normal;
}

.PopupListHeading
{
	font-weight: bold;
	margin-bottom: 20px;
}

.PopupListNavigation
{
	font-weight: bolder;
	padding-bottom: 5px;
}

.PopupListNavigation .Forward
{
	display: block;
	float: right;
	clear: none;
	margin-left: 4px;
	text-align: right;
	font-size: 8pt;
}

.PopupListNavigation .Back
{
	display: block;
	float: right;
	clear: none;
	text-align: right;
	font-size: 8pt;
}

.PopupListNavigation .Page
{
	display: block;
	float: left;
	clear: none;
	text-align: left;
	font-size: 8pt;
}

table.even
{
	font-size: 8pt;
	font-family: Arial;
	font-weight: bold;
	background: #CCC;
}

tr.even
{
	font-size: 8pt;
	font-family: Arial;
	font-weight: bold;
	background: #CCC;
	cursor: pointer;
}

table.odd
{
	font-size: 8pt;
	font-family: Arial;
	font-weight: bold;
	background: #FFF;
}

tr.odd
{
	font-size: 8pt;
	font-family: Arial;
	font-weight: bold;
	background: #FFF;
	cursor: pointer;
}

tr.highlight
{
	background-color: #80b6e5;
}


/**
--------------------------------------------------------------------------------
    Group By Query Results
--------------------------------------------------------------------------------
**/

table.QueryParamTable tbody tr td.QueryParamHeading
{
	text-align: left;
}

table.QueryParamTable tbody tr td.QueryParamName
{
	text-align: right;
}

table.QueryParamTable tbody tr td.QueryParamList
{
	text-align: left;
}

table.QueryParamTable tbody tr:last-child
{
	display: none;
}

/**
--------------------------------------------------------------------------------
    Fix for 'Google Map IE Bug'
	Explanation:
			Ok, this took some effort but it seems to be fixed. 
		In IE 7, the google map cannot properly reinitialize itself after
		being forced to display : none.  Because of this, the map just 
		defaults to a gray color...lame.
			The problem is that when the user click another tab, jQuery injects
		a special style called .ui-tas-hide that forces the div display:none.
		This breaks the map (sometimes).  You cannot change the the jQuery
		injected style because that would cause other visual problems with the 
		other tabs. 
			To fix this, I create another class that applies just to the MapSection
		while in its ui-tabs-hide state.  Rather than displaying none, the map is abolutely
		positioned a thousand pixels to the left of the viewing area. This lets 
		the map keep it initialization.
--------------------------------------------------------------------------------
**/
.ui-tabs #MapSection.ui-tabs-hide
{
	display: block !important;
	position: absolute !important;
	left: -10000px !important;
}
	

.float-left{
    float:left;
}
.float-right{
    float:right;
}

.clear-float-both{
    clear: both;
}

.nm_bubble_controls a{
    text-decoration: none !important;
}

.nm_bubble_content{
    line-height: normal !important;
}