/* @override http://dev.gisforhistory.org/hmap/hmap/ms.css */

/***********************************************************************
*
*	ms.css
*
*		Ben Loh, Inquirium
*
*		Copyright 2004 Inquirium LLC
*		Version 1.0d1  Updated 12/7/04
*		Developed and tested using PHP 4.3.2
*
*	General styles for MapServer.
*
************************************************************************/

TD {
	vertical-align: top;
	}

PRE {
	font-size: 10px;
	}

/* CLASSES */

.toollabel {
	padding: 2px;
	vertical-align: top;
	font-size: 9px;
	}

.queryResult {
	font-size: 9px;
	}

.legendLink {
	font-size: 9px;
	font-weight: normal;
	text-decoration: underline;
	}

.hiliteCell {
	font-size: 9px;
	font-family: sans-serif;
	text-align: right;
	}

.smallText {
	font-size: 10px;
	font-family: sans-serif;
	}

.credits {
	font-size: 9px;
	color: #999;
	}

/* @group Timeline Classes */

.timelineOn {
/*	color:				#030; 	Don't set the color, or it'll override the grayed out disabled color */
	border: #fd0;
	background-color: #fd0;
	font-weight: bold;
	font-size: 14px;
	}

.timelineOff {
/*	color:				#030; 	Don't set the color, or it'll override the grayed out disabled color */
	font-weight: normal;
	font-size: 9px;
	}

.timeline {
	padding-left: 5px;
	padding-right: 0px;
	background-color: #fff;
	color: #030;
	/*height:				451px;*/
	}

.timelineLabel {
	color: #aaa;
	background-color: #efe;
	border: 1px solid #cdc;
	font-size: 10px;
	text-align: center;
	}

/* @end */

/* @group Legend */

#legendTable {
	background-color: #fff;
	color: #030;
	border: 1px solid #cdc;
	cursor: default;
	/*	border-left:		10px solid #fd0; 
	border-spacing:		0px; */
/*	border-collapse:	collapse; */
	}

.legendTitle {
	color: #999;
	background-color: #efe;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	}

.legendRow {
	background-color: #fff;
	border: 0px;
	border-spacing: 0px;
	}

.legendRow.hover .legendCell {
	background-color: #cf9;
	}

.legendRow.selected .legendCell {
	font-weight: bold;
	font-size: 12px;
	/* old dark red	border-top:			2px solid #900; */
	border-top: 1px solid #fd0;
	border-bottom: 1px solid #fd0;
	background-color: #fd0;
	}

.legendRow.selected .legendCell.end {
	border: 1px solid #fd0;
	/*	IE requires defining the whole border, rather than just top and bottom for some reason */
/*	border-top:			2px dashed #900;
	border-bottom:		2px dashed #900;*/
	background-color: #fd0;
	}

.legendCell {
	background-color: #fff;
	vertical-align: middle;
	border-top: 1px solid #efe;
	border-bottom: 1px solid #efe;
	}

.legendCell.start {
	border-top: 1px solid #efe;
	border-bottom: 1px solid #efe;
	background-color: #fff;
	background-image: url(../img/hand_disabled.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	}

.legendRow.hover .legendCell.start {
/*	This needs to be defined BEFORE legendRow.selected or else hovering on selected will use the hover color */
	border-top: 1px solid #efe;
	border-bottom: 1px solid #efe;
	background-color: #cf9;
	background-image: url(../img/hand.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	}

.legendRow.selected .legendCell.start {
	border: 1px solid #fd0;
	background-color: #FD0;
	background-image: url(../img/hand.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	}

.legendCell.end {
	background-color: #fff;
	width: 10px;
	border-top: 1px solid #efe;
	border-bottom: 1px solid #efe;
	}

.legendLayerLabel {
	font-size: 10px;
	}

/* @end */

#layerDescriptionAreaLabel {
	color: #999;
	background-color: #efe;
	font-size: 10px;
	text-align: center;
	}

#layerDescriptionArea {
	padding: 5px;
	color: #999;
	background-color: #fff;
	font-size: 10px;
	line-height: 11px;
	}

.setMarkerBtn {
	font-weight: normal;
	font-size: 9px;
	}

.labelBtn {
	font-size: 8px;
	padding: 0px;
	margin: 0px;
	}

/* @group Query History */

#queryTable {
	background-color: #fff;
	color: #232;
	margin-top: 15px;
	border: 1px solid #cdc;
	font-size: 10px;
	line-height: 11px;
	}

.queryHistoryRow {
	background-color: #fff;
	border: 0px;
	color: #999;
	vertical-align: bottom;
	}

#queryTable th {
	font-weight: normal;
	color: #999;
	background-color: #f3fff3;
	}

.queryHistoryRow.hover {
	color: #000;
	background-color: #cf9;
	}

.queryHistoryRow a:link {
	color: #669;
	}

.queryHistoryRow a.hover {
	background-color: #cf9;
	}

.queryHistoryRow a:visited {
	color: #966;
	}

.queryHistoryRow.hilite {
	background-color: #fd0;
	color: #00f;
	}

.queryHistoryRow.hilite td {
	height: 20px;
	vertical-align: middle;
	}

.queryHistoryRow.hilite a:link {
	color: #00f;
	}

.queryHistoryRow.hilite a.hover {
	background-color: #cf9;
	}

.queryHistoryRow.hilite a:visited {
	color: #00f;
	}

.querydataTable {
	line-height: 11px;
	}

.queryHistoryRow.hilite .querydataLabel {
	display: inline;
	font-size: 8px;
	text-transform: uppercase;
	color: #666;
	vertical-align: bottom;
	}

.queryHistoryRow.hover .querydataLabel {
	display: inline;
	font-size: 8px;
	text-transform: uppercase;
	color: #666;
	vertical-align: bottom;
	}

.querydataLabel {
	display: none;
	}

.rangeLabelValue {
	color: #00f;
	font-size: 9px;
	text-align: left;
	width: 120px;
	}

.rangeLabel {
	color: #999;
	font-weight: normal;
	font-size: 9px;
	width: 60px;
	}

.rangeLabel.left {
	text-align: left;
	}

.rangeLabel.right {
	text-align: right;
	}

.rangeLabel.center {
	text-align: center;
	}

.rampBar {
	float: left;
	height: 12px;
	cursor: help;
	}

.rampBar:hover {
	border-bottom: 3px solid #360;
	}

.rampBarLabel {
	float: left;
	height: 18px;
	line-height: 8px;
	visibility: hidden;
	font-size: 9px;
	font-weight: normal;
	}

.rampBarLabel.on {
	visibility: visible;
	color: #000;
	}

.rampBarLabel:hover {
	visibility: visible;
	color: #000;
	}

.rampPoint {
	/*	color ramp point object, e.g. biggest cities, the point object equivalent of .rampBar */
	float: left;
	height: 12px;
	vertical-align: middle;
	text-align: center;
	cursor: help;
	}

/* @end */

/* @group jsBtn */

.jsBtn {
/*	width:				10px;*/
	font-size: 9px;
	text-align: center;
	/*vertical-align:		super;*/
	padding: 1px 3px;
	margin: 0px;
	cursor: pointer;
	}

.jsBtn.Off {
	background: #ddc;
	border-top: 2px solid #ffe;
	border-left: 2px solid #ffe;
	border-right: 2px solid #663;
	border-bottom: 2px solid #663;
	}

.jsBtn.On {
	background: #998;
	border-top: 2px solid #663;
	border-left: 2px solid #663;
	border-right: 2px solid #ffe;
	border-bottom: 2px solid #ffe;
	}

.jsBtn.Hover {
	background: #bba;
	}

/* @end */

/*	Table classes */

.queryHeaderRow {
	background: #ddd;
	}

.queryRow1 {
	margin: 0px;
	padding: 0px;
	font-size: 9px;
	}

.queryRow2 {
	background: #eee;
	margin: 0px;
	padding: 0px;
	font-size: 9px;
	}

.showAllBtn {
	font-size: 9px;
	font-weight: normal;
	text-align: left;
	}

.layerLabel {
	cursor: help;
	text-decoration: underline;
	}

.infoLabel {
	color: gray;
	text-align: right;
	width: 40px;
	}

.infoData {
	color: blue;
	text-align: right;
	width: 100%;
	}

.infoLabelSingleRow {
	color: gray;
	text-align: right;
	}

.infoDataSingleRow {
	color: blue;
	text-align: left;
	}

.infoLatLon {
	color: blue;
	text-align: left;
	width: 80px;
	}

/*	Highlight Table Classes */

table tr.hi td, td.hi, th.hi {
	

/* border:				1px solid #f99; */
	background-color: #ff9;
	}

table.hide {
	visibility: hidden;
	}

/*	GENERAL TAGS */

.hidden {
	visibility: hidden;
	}

.centered {
	text-align: center;
	}

.small {
	text-transform: uppercase;
	font-size: 9px;
	}

/* Navigation Buttons */

.navBtn {
	width: 20px;
	font-size: 9px;
	font-weight: bold;
	}

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

/* IDs				  */

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

#pagebanner {
	background-color: #efe;
	color: #332211;
	vertical-align: baseline;
	padding: 2px 2px 12px 5px;
	}

#sitename {
	font-size: 10px;
	font-style: italic;
	text-align: right;
	position: absolute;
	vertical-align: baseline;
	right: 10px;
	}

/* Floating Layer IDs */

#floaterContainer {
	position: absolute;
	width: 150px;
	left: 200px;
	top: 300px;
	visibility: hidden;
	}

#floater {
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
	}

#floaterBG {
	width: 130px;
	height: 20px;
	background-color: #fa0;
	padding: 0px;
	margin: 0px;
	}

#floaterText {
	width: 110px;
	font-size: 9px;
	color: #000;
	vertical-align: text-top;
	background-color: #fd0;
	}

#floaterCloseBtn {
	width: 20px;
	font-size: 12px;
	vertical-align: text-top;
	text-align: center;
	cursor: pointer;
	}

/* LoadWin Layer IDs */

#loadWinContainer {
	position: absolute;
	height: 50px;
	width: 400px;
	visibility: hidden;
	z-index: 95;
	/* Put this abo

ve the overlay, which is z-index:90 */
	}

#loadWinText {
	font-family: Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #5f5;
	width: 400px;
	opacity: 0.5;
	}
* html #loadWinText {
	filter: alpha(opacity=50);
	}

/* Loading Message Overlay */

#overlay {
	background-image: url(../img/overlay.png);
	cursor: wait;
	}

* html #overlay {
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../hmap/img/overlay.png", sizingMethod="scale");
	}

/* TimelineTable Layer IDs */

#floatwin {
	display: none;
	position: absolute;
	top: 100px;
	left: 300px;
	width: 600px;
	padding: 10px;
	z-index: 96;
	background-color: #fff;
	opacity: 0.9;
	}
* html #floatwin {
	filter: alpha(opacity=90);
	}

#floatwin #closeBtn {
	background-color: #eee;
	padding: 5px;
	font-size: 10px;
	float: right;
	}

#timelineTableText {
	font-family: Verdana, Arial, sans-serif;
	font-size: 18px;
	color: #333;
	width: 400px;
	opacity: 0.9;
	}

* html #timelineTableText {
	filter: alpha(opacity=90);
	}

/* IDs */

#m1 {
	position: relative;
	cursor: pointer;
	margin-bottom: -54px;
	/* Used t

o float the keymap over the map*/
	border: 1px solid #cdc;
	}

#m1:active {
	cursor: move;
	}

#m2 {
	border: 1pt solid #efe;
	position: relative;
	cursor: crosshair;
	}

#m1_keymap {
	border-left: 4pt solid white;
	border-top: 4pt solid white;
	position: relative;
	margin-bottom: 54px;
	/* Used t

o float hte keymap over the map */
	left: 427px;
	cursor: pointer;
	z-index: 10;
	}

#m2_keymap {
	border: 1pt solid gray;
	position: relative;
	cursor: crosshair;
	}

#m1_zoomButtons {
	position: relative;
	margin-bottom: -25px;
	/* Use

d to float the buttons over the map*/
	left: 5px;
	top: 5px;
	cursor: pointer;
	z-index: 20;
	}

#clickPointDisplayData {
	font-size: 9px;
	width: 480px;
	border: 1pt solid gray;
	}