/* Global styles */

BODY {
	background: #ffffff;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-family: verdana,san-serif;
	font-size: 9pt;
}

TABLE {
	font-family: verdana,san-serif;
	font-size: 9pt;
}

.logo {
	font-weight: bold;
	color: #a00000;
}

.disclaimer {
	font-family: serif;
	color: #606060;
	font-size: small;
}

/* Incident Form styles */

BODY.incident {
	background: #ffffff;
}

TABLE.incident {
	padding: 1px;
	vertical-align: middle;
	text-align: left;
}

.incident TH {
	background-color: #CADA55;
	color: white;
}

.incident .R TD {
	width: 15%;
}

.incident .L TD {
	width: 10%;
}

/* Frostfan Report styles */

BODY.fan {
	background: #ffffff;
}

TABLE.fan {
	padding: 1px;
}

.fan TH {
	background-color: #CADA55;
	color: white;
	vertical-align: middle;
	text-align: left;
}

.fan TD {
	vertical-align: top;
	text-align: left;
}

/* User frame styles */

BODY.user {
	background: #ffffff;
}

TABLE.user {
	padding: 1px;
	width: 100%;
}

.user TH {
	background-color: #CADA55;
	color: white;
	vertical-align: middle;
	text-align: left;
	width: 50%;
}

.user TD {
	vertical-align: middle;
	text-align: left;
	width: 50%;
}

/* Show frame styles */

BODY.show {
	background: #ffffff;
}

.show TABLE {
	width: 100%;
	height: 100%;
}

.show TD {
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 100%;
}

/* Layer frame styles */

BODY.layers {
	background: #ffffff;
}

.layers TABLE {
	padding: 0px;
	width: 100%;
	font-family: verdana,san-serif;
}

.layers TH {
	background-color: #CADA55;
	color: white;
	text-align: left;
	vertical-align: middle;
}

.layers DIV {
	overflow: auto;
	/* height: 285px; */
	background-color: #ffffff;
}

.layers TD.control {
	vertical-align: top;
}

.layers TD.label {
	vertical-align: middle;
	width: 100%;
}

.layers SELECT {
	width: 100%;
}

.query {
}

.query TABLE {
	width: 100%;
}

.query TR {
	width: 100%;
}

TABLE.query .highlight TD {
	background-color: #f2f2f2;
}

BODY.findquery {
	background: #ffffff;
}

TABLE.findquery {
	padding: 1px;
	width: 100%;
	height: 100%;
}

.findquery TH {
	background-color: #CADA55;
	color: white;
	text-align: left;
	vertical-align: middle;
}

.findquery SELECT {
	width: 100%;
}

DIV#findContent {
    overflow: auto;
	width: 100%;
	height: 100%;
}


BODY.queryResult {
	background-color: #ffffff;
	color: #000000;
}

TABLE.queryResult {
	color: #000000;
}

.queryResult TH {
	padding: 3px;
	border-left: 1px solid white;
	text-align: left;
	vertical-align: top;
	color: #000000;
}

.queryResult THEAD {
	background-color: #CADA55;
	color: #000000;
}

.queryResult THEAD TD {
	border-left: 1px solid white;
	color: #000000;
}

.queryResult TD {
	vertical-align: top;
	padding: 1px;
	color: #000000;
}

.queryResult IMG {
	border: 0;
	color: #000000;
}

.queryResult .lo IMG {
	background-color: #ffffff;
	color: #000000;
}

.queryResult .hi IMG {
	background-color: #005A9C;
	color: #000000;
}

.attributeOnValue {
	white-space: nowrap;
	background: #EEEEEE;
}

.attributeOffValue {
	white-space: nowrap;
}

BODY.querySearch {
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	color: #000000;
}

.querySearch TABLE {
	border-collapse: collapse; 
	border-spacing: 0;
	width: 100%;
	color: #000000;
}

.querySearch TD {
	padding: 0;
	white-space: nowrap;
	width: 100%;
	color: #000000;
}

.querySearch SELECT {
	width: 100%;
	color: #000000;
}

/* navigation toolbar style definitions */

.navbar {
	border: 0px;
	padding-right: 4px;
	height: 24;
}

TABLE.navbar {
	background-color: #ffffff;
}

.navbar TD {
	vertical-align: middle;
}

.navbar IMG {
	border: 0;
}

.navbar IFRAME {
	border: 0px;
	background-color: #ffffff;
}

/* Server print form */

TABLE.printForm {
	width: 100%;
}

.printForm TD {
	white-space: nowrap;
}

.printForm INPUT {
	width: 100%;
}

DIV#imagediv {
}

/* Map image style */

BODY.mapImage {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.mapImage IMG {
	vertical-align: bottom;
}

/* logo frame styles */

BODY.logo {
	background: #ffffff;
}

/* Introduction page styles */

.intro DIV {
	padding: 3px;
}

DIV.controls {
	padding-left: 5px;
	padding-right: 5px;
}

.intro TABLE.controls {
	border: 1px dotted lightgrey;
	border-collapse: collapse; 
	border-spacing: 0px;
	background: lightgrey;
}

.controls .hirow TD {
	vertical-align: top;
	padding-right: 20px;
}

.controls .lorow TD {
	background: white;
	vertical-align: top;
	padding-right: 20px;
}