html {
	height: 			100%;
	width: 				100%;
    padding: 			0px;
	margin:  			0px;
}


body {
    padding: 			0px;
	margin:  			0px;
	min-width: 			900px;
	width: 				100%;
	height: 			100%;
	background-color: 	#440000;
	overflow-x: 		auto;
    overflow-y: 		visible;
}


#headerpane {
    font-family: 		sans-serif;
    background-color:	#393532;
    color:				white;
    min-width: 			900px !important;
    height: 			90px !important;
	padding:       		0px;
    padding-left:  		0px;
    padding-right: 		0px;
    padding-top:   		0px;
    margin-top:    		0px;
    margin-left:   		0px;
    margin-right:  		0px;
    margin-bottom: 		0px;
}


#header_zone {
    float:				left;
    padding-left:  		0px;
    padding-top:   		0px;
    height: 			90px;
    background-color:	#dddddd;
	font-size: 			30px;
}


#underheader {
	width: 				100%;
	height: 			calc(100% - 91px);
	background-color:	#ff0000;
	overflow: 			visible;
	padding: 			0px;

}

#navspan {
    font-family: 		sans-serif;
    line-height:		20px;
	height:				calc(100%);
    background-color:	#393532;
    width:				100px;
    float:				left;
    padding: 			0px;
	overflow: 			visible;
	border-right: 		1px solid #dddddd;
}

#navpane {
	height: 			100%;
	width:				100%;
}


#mainspan {
	height:				100%;
	width:				calc(100% - 101px);
    float:				left;
	color:				#aaaaaa;
	border-top: 		1px solid #dddddd;
    background-color:	#000000;
    font-family: 		"lucida console", "courier new", "monospace";
	line-height: 		1;
}

#mainpane
{
    height: 			calc(100% - 21px);;
	width:  			calc(100% - 115px);
	overflow: 			auto;
	position: 			relative;
	left: 				95px;
    padding: 			10px;
}


a.baselink:link, a.baselink:visited, a.baselink:active,
a.helplink:link, a.helplink:visited, a.helplink:active
{
	text-decoration: 	underline;
	color:				inherit;
}

a.baselink:hover,
a.helplink:hover
{
	text-decoration: 	none;
	color:				white;
}



#login_window {
    text-align: 		right;
	padding:			0px;
}

#logout_window {
    text-align: 		right;
	padding:			0px;
}

#logged_in_name {
	color: 				white;
}

a.login:link, a.login:visited, a.login:active  {
	text-decoration: 	none;
	color: 				white;
    font-size: 			11px;
}

a.login:hover {
	text-decoration: 	none;
	color: 				red;
    font-size: 			11px;
}

#login_zone {
	color: 				#aaaaaa;
    font-size: 			13px;
    float:				right;
    padding-right: 		5px;
}





.subnavbarcontainer {
    position: relative;
	top:   -40px;
}

ul.subnavbar {
    background-color:#393532;
	list-style-type: none;
    margin: 0;
	padding: 0;
	width: 100px;
	color: white;
	position: absolute;
	right: 0px;
	left: 80px;
    z-index: 2;
	border: 1px solid #dddddd;
	box-shadow: 5px 5px 5px #333333;
}

ul.navbar {
	list-style-type: none;
    margin: 0;
	padding: 0;
	width: 100%;
	color: white;
}

div.navbar {
	position: relative;
	display: block;
	text-align: center;
}

li {
	text-align: center;
	padding: 5px 0px 5px 2px;;
	color: white;
}

li a, li a.baselink:link {
	display: block;
	padding: 5px 0px 5px 2px;;
	text-decoration: none;
	text-align: center;
	color: white;
}

li a:hover, li a.baselink:hover {
	background-color: #eeeeee;
	color:			  #000000;
}


#lensmap {
	background-color:	#000066;
	border:				1px solid white;
	position:			relative;
	top:				10px;
	left:				10px;
	width:				600px;
	height:				390px;
}

#controls {
	position:			relative;
	top:				20px;
	width:				calc(100% - 20px);
	left:				10px;
}

#statuswin {
	background-color:	#aaaaaa;
	border:				1px solid white;
	color:				#000000;
	position:			relative;
	top:				30px;
	width:				calc(100% - 20px);
	left:				10px;
}