.containerMap {
	position: absolute;
	top:2px;
	bottom:0;
	left:8px;
	right:8px;
	/*padding: 2px 8px 8px;*/
    /*width: 100%;
	height: 100%;*/
    min-width: 1008px;
    min-height: 700px;
}

.footer {
	position: absolute;
    bottom: 5px;
    /*width: 100%;*/
    overflow: hidden;
	clear: both;
	left: 0;
	right: 0;
}


/* ________________________________________ MAPS ________________________________________
 *
 * */

/*#map {
	min-height:700px;
}*/

.mapFrame {
	position: absolute;
	top: 104px;		/* header+buttonPanel estimated height */
	bottom: 41px;	/* footer height */
	left: 0px;
	right: 0px;
	/*margin: 10px 4px 10px 10px;*/ /* extra margin around map frame */
}

.mapOrthoCont{
	position: absolute;
	top: 0px;		/* size of map frame images */
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: black;
}

#mapViewOrthoContainer {
    position: relative;
    height: 100%;
	overflow: hidden;
}
#mapViewOrtho {
    position: relative;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: black;
	overflow: hidden;
}




.buttonOn {
	background-color: #5499b2;
	color: #FFFFFF;
	border-style: inset;
	border-color: #E0E0E0;
}
.buttonOff {
	/* default browser style */
}

#mapPentaViewCenter {
	height: 99.6%;
	background-color: black;
	border-left: black 2px solid;
	border-right: black 2px solid;
	overflow: hidden;
}

#mapPentaViewLeft {
	position: relative;
	float: left;
	width: 30%;
	height: 100%;
	background-color: black;
}
#mapPentaViewLeft1 {
	width: 99.8%;
	height: 49.6%;
	overflow: hidden;
	position: absolute;
	
}
#mapPentaViewBottom50 {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    bottom: 2px; /* equal to mapPentaView{Left,Right}2 border width */
}
#mapPentaViewLeft2 {
	position: absolute;
	width: 99.8%;
	height: 100%;
	overflow: hidden;
}

#mapPentaViewRight {
	/*float: right;*/
	position: relative;
	float: right;
	width: 30%;
	height: 100%;
	background-color: black;
}
#mapPentaViewRight1 {
	width: 99.8%;
	height: 49.6%;
	right:0;
	overflow: hidden;
	position: absolute;
	}
#mapPentaViewRight2 {
	position: absolute;
	width: 99.8%;
	height: 100%;
	
	right:0;
	
	overflow: hidden;
}

#mapDualViewLeft {
	float: left;
	width: 50%;
	height: 99.6%;
	background-color: black;
	overflow: hidden;
	}

#mapDualViewRight {
	/*float: right;*/
	height: 99.6%;
	background-color: black;
	border-left: black 2px solid;
	overflow: hidden;
}

.redBorder {
	border: 1px solid red !important; 
	
}



.mapsContainer {
	position: absolute;
	width:100%;
	height:100%;
}

.mapTop {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 12px;
    background: url(../imgs/common/mapFrame_2.png) top repeat-x;
}
.mapTopLeft {
    position: absolute;
	left: 0;
    top: 0;
    width: 12px;
    height: 100%;
    background: url(../imgs/common/mapFrame.png) top left no-repeat;
}
.mapTopRight {
    position: absolute;
	right: 0;
    top: 0;
    width: 20px;
    height: 100%;
    background: url(../imgs/common/mapFrame.png) top right no-repeat;
}

.mapLeft {
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 100%;
	background: url(../imgs/common/mapFrame_4.png) left repeat-y;
}

.mapRight {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 100%;
	background: url(../imgs/common/mapFrame_6.png) right repeat-y;
}

.mapBottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 22px;
	background: url(../imgs/common/mapFrame_8.png) bottom repeat-x;
}
.mapBottomLeft {
    position: absolute;
	left: 0;
    bottom: 0;
    width: 12px;
    height: 100%;
    background: url(../imgs/common/mapFrame.png) bottom left no-repeat;
}
.mapBottomRight {
    position: absolute;
	right: 0;
    bottom: 0;
    width: 408px;
    height: 100%;
    background: url(../imgs/common/mapFrame.png) bottom right no-repeat;
}

/* ________________________________________ FORMS ________________________________________
 *
 * */
#searchCont {
    /*position: absolute;
	width: 512px;
    left: 480px;
    top: 10px;*/
	margin-left:15px;
}

#geocodingSource {
    /*width: 420px;*/
}

#searchForm {
    float: left;
    margin-top: 4px;
}

#searchForm input {
    width: 430px;
    padding: .1em .3em .1em .3em;
    font-weight: bold;
    /*color: #666;*/
}

#searchFormDecarta {
    float: left;
    margin-top: 4px;
}

/* ________________________________________ POPUP CHOOSER ________________________________________
 *
 * */
.popupChooser {
    z-index: 100000;
    position: absolute;
    top: 200px;
    /*width: 600px;*/
    /*margin-left: ((width - 600) / 2) + "px"*/
    background-color: white;
    padding: 0px;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid black;
}

.popupChooserHeader {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    height: 17px;
    padding: 4px 4px 4px 4px;
    background: #F0F0F0;
}

.popupRowContainer {
	margin-top: 5px;
	max-height: 300px;
	overflow: auto;
	padding:10px;
}
.popupRow {
	height: 22px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 14px;
	text-align: left;
	clear: both;
	padding-left:10px;
	padding-right:10px;
}
.popupRowLink {
	cursor: pointer;
}
.popupRowLink:hover {
	font-weight: bold;
}
.popupButton {
	float: right;
}

/* ________________________________________ BTNS ________________________________________
 *
 * */
#buttonPanel {
	margin-left: 10px;
	margin-right: 10px;
}

#btnSearch {
	/*position: absolute;*/
    width: 21px;
    height: 21px;
	margin-top: 24px;
	margin-left: 10px;
   /* bottom: 0;
	right: 0;^*/
    background: url(../imgs/common/btnSearch.png) top left no-repeat;
}

#btnSearch:hover, #btnSearch:focus {
    background-position: bottom;
    cursor: pointer;
}

.buttonVerticalSeparator {
	width: 6px;
	height:24px;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
}

/*
 * __________________________________ MEASUREMENT BUTTONS _____________________________________
 */

#measurementControlsPanel {
	display:inline;
}

.measurementControls {
	margin-left:2px;
	margin-right:2px;
	width:35px;
	height:35px;
	vertical-align: middle;
	/*border: 1px solid black;*/
	cursor: pointer;
}

/*
 * _____________________________________ ANOTATIONS ______________________________________________
 */

#annotationsPanel {
	background-color:transparent;
	position: absolute;
	filter: alpha(opacity=85);
	opacity: 0.85;
	z-index: 10000;
	left: 200px;
	top:105px;
	padding:5px;
	display:none;
	visibility:hidden; 
}

#textAnnotationsPanel{
	display:none;
	visibility:hidden;
}

#annotationsPanel label {
	color:black;
	font-weight:bold;
}

.diagonalGuidelines {
	background-color:transparent;
	position: absolute;
	filter: alpha(opacity=85);
	opacity: 0.85;
	z-index: 10000;
	left: 750px;
	top:105px;
	padding:5px; 
}

.cornerAuxDiv {
	background-color:white;
	padding-left: 5px;
	padding-right: 5px;
}