@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color: #00060D;	
}
.tblHead {
	background-color: #02070D;
}
.tblHead-Left {
	background-color: #02070D;
	background-image: url(img/head-left.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.tblHead-Right {
	background-color: #02070D;
	background-image: url(img/head-right.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.tblHead-Center {
	background-color: #02070D;
	background-image: url(img/head-center.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.tblHead-FrontBar {
	background-image: url(img/front-head-bar.gif);
	background-color: #568B4E;
	height: 94px;
}
.tblHead-FrontBar-Intro {
	font-family: Calibri, Tahoma, Arial, Helvetica;
	font-size: 14px;
	color: #C9DFC4;
}
.tblHead-FrontBar-Intro-Title {
	font-family: Calibri, Tahoma, Arial, Helvetica;
	font-size: 16px;
	font-weight: bold;
	color: #111C0F;
	text-transform: uppercase;
}
.tblHome-Footer {
	font-family: Calibri, Tahoma, Arial, Helvetica;
	font-size: 13px;
	color: #A4C6E8;
	background-color: #00060D;
}
.home-Footer-Links {
	font-family: Calibri, Tahoma, Arial, Helvetica;
	font-size: 13px;
	color: #A4C6E8;
	background-color: #00060D;
	padding: 15px;
	padding-top: 10px;
	margin: 0px;
	list-style-type: square;
}
.home-Footer-Links a,.home-Footer-Links a.visited {
	color: #A4C6E8;
	text-decoration:none;
}
.home-Footer-Links a:hover{
	color: #A4C6E8;
	text-decoration:underline;
}

.home-Footer-Title {
	font-family: Calibri, Tahoma, Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #A4C6E8;
	padding-bottom: 8px;
	padding: 8px;
	padding-left: 0px;
	margin-left:0px;
}
.shadow{
	width: 100%;
	overflow:hidden;
	height:10px;
	background: url(img/shadow.png) repeat-x;
	position: absolute;
	top:0;
	left:0;
	z-index: 4;
}
.tblHome {
	background-color: #000F22;
}
.home-Footer-Links li {
	margin: 0px;
	list-style-type: square;
	padding: 0px;
	padding-bottom: 4px;
}
.iptText-Login {
	background-image: url(img/front-login-fld.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 237px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Calibri, Tahoma, Arial, Helvetica;
	font-size: 13px;
	color: #AAA;
	padding: 6px;
	background-color: #52844A;
	margin-top: 5px;
}
#btn-login {
	position: absolute;
	left: -67px;
	top: 10px;
}
.tblHead-FrontBar a {
	color: #B7DF9E;
	font-family: Calibri, Tahoma, Arial, Helvetica;
	font-size: 13px;
}
#mapCoords {
	font-family: Calibri, Tahoma, Arial, Helvetica;
	color: #FFF;
	background-color: #000;
	padding: 3px;
	filter: Alpha(Opacity=50);
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 101;
	font-size:13px;
}
#loadingImg{
	font-family: Calibri, Tahoma, Arial, Helvetica;
	color: #FFF;
	background-color: #000;
	padding: 5px;
	position:absolute; 
	left:10px; 
	bottom:10px; 
	z-index:100; 
	filter: Alpha(Opacity=50);
}
#logos{
	position:absolute; 
	right:10px; 
	bottom:10px; 
	z-index:190; 
}
#logostext {
	color:#000;
	font-size:10px;
	font-family:tahoma;
	text-align:center;
}
.tblHead-Bar {
	background-image: url(img/head-bar.gif);
	background-color: #568B4E;
	height: 37px;
}
.tblHead-Bar-Text {
	font-family: Calibri, Tahoma, Arial, Helvetica;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color:#DDDCDA;
	padding-top:27px;
	padding-left:5px;
	filter: Alpha(Opacity=50);
}
.frmText {
	font-family: Calibri, Tahoma, Arial, Helvetica;
	font-size: 14px;
	line-height:22px;
	text-align:justify;
}
.iptBtn {
	font-family: Calibri,Tahoma, Arial, Helvetica;
	font-size: 14px;
	padding:5px;
}
#map-holder{
	width: 100%;
	position: relative;
	z-index: 1;
	background:white;
}
#map-holder #map{
	display:block;
	margin: 0 auto;
	z-index: 1;
}
#frm{
	width:307px;
	margin:0 auto;
	z-index:5;
	text-align:left;
}

#frmFrame{
	position:absolute;
	z-index:110;
	border:8px solid #c1de00;
	height:460px;
	width:365px;
}
#tblNavToolbar,#tblCarToolbar,#tblBatToolbar  { display:none; }
#iconTable{position:relative;top:-10px;}
.batIcon { background-image:url(img/bat.png); width:34px; height:36px;margin-right:5px; cursor:pointer;}
.carIcon { background-image:url(img/car.png); width:34px; height:36px;margin-right:5px; cursor:pointer;}
.markerIcon { background-image:url(img/btn-marker.png); width:34px; height:36px;margin-right:5px; cursor:pointer;}
.panIcon { background-image:url(img/btn-pan.png); width:34px; height:36px;margin-right:5px; cursor:pointer;}
.zoominIcon { background-image:url(img/btn-zoomin.png); width:34px; height:36px;margin-right:5px; cursor:pointer; }
.zoomoutIcon { background-image:url(img/btn-zoomout.png); width:34px; height:36px;margin-right:5px; cursor:pointer; }
.rulerIcon { background-image:url(img/btn-ruler.png); width:34px; height:36px;margin-right:5px; cursor:pointer;}
.mareaIcon { background-image:url(img/btn-marea.png); width:34px; height:36px;margin-right:5px; cursor:pointer;}
.zoomfullextIcon { background-image:url(img/btn-fullextend.png); width:58px; height:36px; cursor:pointer; }
.zoomIlhasIcon { background-image:url(img/btn-ilhas.png); width:43px; height:36px;margin-right:5px; cursor:pointer; }
#pinIcon { background-image:url(img/btn-pin.png); width:34px; height:36px;margin-left:5px; cursor:pointer; }
#pnrmIcon { background-image:url(img/btn-pnrm-hide.png); width:34px; height:36px;margin-left:5px; cursor:pointer; }
#helpIcon { background-image:url(img/btn-help.png); width:34px; height:36px;margin-left:5px; cursor:pointer; }
.zoominIconTip{display:none;}
.drag { 
	position: absolute;
	left:0px;
	top:0px;
	z-index:501;
	cursor:move;
}
.tipsy { font-family:"Segoe UI","Calibri",Tahoma,Arial;padding: 5px; font-size: 11px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(img/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

#wndContainer{
	position:absolute;
	z-index:600;
	top:180px;
	left:60px;
}

#guide-one{
	background:#001737;
	width:250px;
	padding:10px;
	font-family:"Segoe UI",Calibri,Tahoma,Arial;
	font-size:11px;
	color:white;
}
#info-ruler,#info-marea{
	display:none;
	background:url(img/info-ruler-back.png) no-repeat;
	width:176px;
	height:180px;
	padding:15px;
	padding-top:20px;
	font-family:"Segoe UI",Calibri,Tahoma,Arial;
	font-size:11px;
	color:white;
}
#info-ruler-units,#info-marea-units{
	padding-top:15px;
}
#info-ruler-units a,#info-marea-units a{
	color:white;
	text-decoration:none;
}
.info-ruler-unit,.info-marea-unit{
	cursor:pointer;
	background:#8293aa;
	padding:5px;
	margin-right:10px;
}
.info-ruler-unit-selected,.info-marea-unit-selected{
	cursor:pointer;
	background:black;
	padding:5px;
	margin-right:10px;
}
#info-ruler-distance,#info-marea-distance{
	margin-top:20px;
	background:white;
	height:50px;
	overflow:auto;
	color:black;
	padding:8px;
}
.close-button{
	float:right;
}
.dijitDialogCloseIcon{
	margin-top:3px;
}
.dijitDialogTitle{
	font-family:"Segoe UI",Calibri,Tahoma, Arial;
	font-size:13px;
	font-weight:bold;
}