﻿*{
	padding : 0px;
	margin : 0px;
	text-style : normal;
}
body   
{
	/* width : 100%; */
	background: #ffffff;
	font-size: .80em;
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	margin: 10px;
	padding: 0px;
	color: #696969;
}
.page
{
	width: 960px;
	background-color: #aaaaaa;
	margin: 20px auto 0px auto;
	border: 1px solid #496077;
}
h1
{
	font-size: 1.4em;
	padding-top : 15px;
	margin-left : 180px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
h1 a{
	color : #2f2f2f;
	font-size : 1.5em;
	font-weight : bold;
}
h1 a:hover{
	color : #4b6c9e;
	text-decoration : none;
	font-weight : bolder;
}
.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 180px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}
#main_wrapper{
	/*max-width:1660px;
	min-width:300px;*/
	width : 1024px;
	margin : 0 auto;
	border : 1.5px solid gray;
}
#content{
	clear:both;
	border-top : 2px solid #4B6C9E;
}
#sideMenu{
	height : 500px;
	width : 210px;
	/* float : left; */
	border : 0px solid orange;
	position : absolute;
}
#map_wrapper{
	margin-left: 210px;
}
#map
{
	height : 500px;
	position : relative;
	left : 0;
	background-color : white;
	overflow : hidden;
	clear : both;  
}
#tabs{
	clear : both;
	margin-top : 10px;
}
#remote{
	width : 210px;
	top : 150px;
	left : 20px;
	position : absolute;
}
#message, #randomLatLng{
	display : none;
}

#helpDiv{
	display : none;
	position : relative;
}
#overviewMap{
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 200px
	width : 280px;
	height : 256px;
	z-index : 1007;
}
.myCustomLayerSC{
	border : 2px solid red;
	-webkit-border-radius : 4px;
	-moz-border-radius : 4px;
	border-radius : 4px;
}
.maximizeDiv, .olControlLayerSwitcher {
	top : 180px;
}
.minimizeDiv, .olControlLayerSwitcher {
	top : 180px;
}
.center{
	text-align : center;
}
.tableHeader{
	background-color : gray;
	border : 1px solid black;
}
.google-visualization-table-tr-head{
	background-color : gray;
}
.top{
	height : 80px;
	color : #2f2f2f;
	background: white;
	padding-left : 30px;
	/* border : 1px solid darkblue; */
}
.top img{
	padding-top : 25px;
	float : left;
}
.container{
	border-top : 1.5px solid #4B6C9E;
	border-bottom : 1.5px solid #4B6C9E;
	clear : both;
}
.container div{
	float : left;
	padding : 5px 20px;
	background-color : #4B6C9E;
}
a{
	text-decoration : none;
	color : white;
}
a:hover{
	font-weight : bold;
	text-decoration : underline;
}
p{
	margin : 1px;
	font-size:9pt;
}
p select{
	
}
.modal{
	position : absolute;
	overflow : hidden;
	z-index : 1000;
}
.addPage{
	position : absolute;
	z-index : 1001;
	width : 960px;
	overflow : auto;
}
h2{
	margin : 10px;
	text-align : center;
	color : #362b36;
}
p{
	margin : 10px;
	text-indent : 10px;
}
ol li{
	margin : 8px 40px;
	list-style-type : demical;
	border-bottom : 1px solid darkgray;
}
.product{
	
}
.descript{
	display : none;
}
.visible{
	display : block;
}
.over{
	cursor : pointer;
}
.rotate{
	filter : progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}