﻿
#mapContainer 
{
	position: relative; 
	margin: 0 auto;
	width: 100%; 
	height: 100%;
}

.loadingBarStyle
{
	color:#191970; 
	margin:3px; 
	text-align: center; 
	font: 1.0em Verdana, sans-serif;
}

#mapAcknowledgement {
	clear: both;
	bottom: 0px;
	padding-top: 20px;
}

/*	TMI Related Styles */

#buttonBarTmi
{
	width: 770px;
	float: left;
}

#buttonBarTMIlayers
{
	width: 770px;
	height: 55px;
	text-align: left;
	float: left;
}

#mapT1Text
{
	font-weight: bold;
	width: 470px;
	text-align: center;
	float: left;	
}

#mapT2Text
{
	font-weight: bold;
	margin-top:15px;
	width: 470px;
	text-align: center;
	float: left;
}

#mapT3Text
{
	font-weight: bold;
	width: 470px;
	text-align: center;
	float: right;
}

#mapT4Text
{
	font-weight: bold;
	margin-top:15px;
	width: 470px;
	text-align: center;
	float: right;
}

#mapT5Text
{
	font-weight: bold;
	margin-top:15px;
	width: 470px;
	text-align: center;
	float: left;
}

#mapT6Text
{
	font-weight: bold;
	margin-top:15px;
	width: 470px;
	text-align: center;
	float: right;
}

#mapT7Text
{
	font-weight: bold;
	margin-top:15px;
	width: 470px;
	text-align: center;
	float: left;	
}

#mapT8Text
{
	font-weight: bold;
	color: #FFFFFF;
	margin-top:15px;
	width: 470px;
	text-align: center;
	float: right;	
}

#mapTmi1
{
	background-color: #E8E8E8;
	border: 1px solid #c1c1c1;
	width: 470px;
	height: 200px;
	float: left;	
}

#mapTmi2
{
	background-color: #E8E8E8;
	border: 1px solid #c1c1c1;
	width: 470px;
	height: 200px;
	float: left;
}

#mapTmi3
{
	background-color: #E8E8E8;
	border: 1px solid #c1c1c1;
	width: 470px;
	height: 200px;
	float: right;
}

#mapTmi4
{
	background-color: #E8E8E8;
	border: 1px solid #c1c1c1;
	width: 470px;
	height: 200px;
	float: right;
}

#mapTmi5
{
	background-color: #E8E8E8;
	border: 1px solid #c1c1c1;
	width: 470px;
	height: 200px;
	float: left;
}

#mapTmi6
{
	background-color: #E8E8E8;
	border: 1px solid #c1c1c1;
	width: 470px;
	height: 200px;
	float: right;
}

#mapTmi7
{
	background-color: #E8E8E8;
	border: 1px solid #c1c1c1;
	width: 470px;
	height: 200px;
	float: left;	
}

#mapTmi8
{
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	width: 470px;
	height: 200px;
	float: right;	
}

#mapTmi1Legend
{
	background-color: #E8E8E8;
	border: 1px solid #c1c1c1;
	width: 470px;
	height: 20px;
	float: left;	
}

#mapTmi2Legend
{
	background-color: #E8E8E8;
	border: 1px solid #c1c1c1;
	width: 470px;
	height: 20px;
	float: left;	
}

#mapTmi3Legend
{
	background-color: #E8E8E8;
	border: 1px solid #c1c1c1;
	width: 470px;
	height: 20px;
	float: right;	
}

#mapTmi4Legend
{
	background-color: #E8E8E8;
	border: 1px solid #c1c1c1;
	width: 470px;
	height: 20px;
	float: right;	
}

#mapTmi5Legend
{
	background-color: #E8E8E8;
	border: 1px solid #c1c1c1;
	width: 470px;
	height: 20px;
	float: left;	
}

#mapTmi6Legend
{
	background-color: #E8E8E8;
	border: 1px solid #c1c1c1;
	width: 470px;
	height: 20px;
	float: right;	
}

#mapTmi7Legend
{
	background-color: #E8E8E8;
	border: 1px solid #c1c1c1;
	width: 470px;
	height: 20px;
	float: left;	
}

#mapTmi8Legend
{
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	width: 470px;
	height: 20px;
	float: right;	
}

#updateProgressDivMapTmi1 {
	position: absolute;
	z-index: 0;
	padding-left: 140px;
	padding-top: 60px;
	text-align: center;
}

#updateProgressDivMapTmi2 {
	position: absolute;
	z-index: 0;
	padding-left: 140px;
	padding-top: 60px;
	text-align: center;
}

#updateProgressDivMapTmi3 {
	position: absolute;
	z-index: 0;
	padding-left: 140px;
	padding-top: 60px;
	text-align: center;
}

#updateProgressDivMapTmi4 {
	position: absolute;
	z-index: 0;
	padding-left: 140px;
	padding-top: 60px;
	text-align: center;
}

#updateProgressDivMapTmi5 {
	position: absolute;
	z-index: 0;
	padding-left: 140px;
	padding-top: 60px;
	text-align: center;
}

#updateProgressDivMapTmi6 {
	position: absolute;
	z-index: 0;
	padding-left: 140px;
	padding-top: 60px;
	text-align: center;
}

#updateProgressDivMapTmi7 {
	position: absolute;
	z-index: 0;
	padding-left: 140px;
	padding-top: 60px;
	text-align: center;
}

#updateProgressDivMapTmi8 {
	position: absolute;
	z-index: 0;
	padding-left: 140px;
	padding-top: 60px;
	text-align: center;
}

/*	SingleView Related Styles */

#buttonBarSingleView
{
	width: 200px;
	float: left;
}

#singleViewSatellite 
{
	padding-left: 5px;
	width: 745px;
	height: 50px;
	text-align: left;
	float: left;
}

#mapSingle1
{	
	border: 1px solid #c1c1c1;
	width: 100%;
	height: 370px;
	float: left;	
}

#mapSingle2
{	
	margin-top:15px;
	border: 1px solid #c1c1c1;
	width: 100%;
	height: 370px;
	float: left;	
}

#mapSingleLegend1
{
	background-color: #FFFFFF;
	border: 1px solid #c1c1c1;
	width: 100%;
	height: 20px;
	float: left;	
}

#mapSingleLegend2
{
	background-color: #FFFFFF;
	border: 1px solid #c1c1c1;
	width: 100%;
	height: 20px;
	float: left;	
}

#updateProgressDivMapSingle1 {
	position: absolute;
	z-index: 0;
	padding-left: 370px;
	padding-top: 130px;
	text-align: center;
}

#updateProgressDivMapSingle2 {
	position: absolute;
	z-index: 0;
	padding-left: 370px;
	padding-top: 130px;
	text-align: center;
}

/* OpenLayers Related Styles */

div.olControlAttribution {
	color: #FFFFFF;
	background-color: #000000;
	padding-left: 5px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 14px;
    font-family: Arial;
    font-size: 8pt;
}

div.olControlMousePosition {
	color: #ffffff;
    font-size: 8pt;
}

div.olControlPanZoom {
	display: none;
}

div.olControlNavToolbar {
	display: none;
}
