html, body { overflow: hidden; padding: 0; height: 100%; width: 100%; font-family: Arial,Verdana,sans-serif; }
body { margin: 0px; background: #aaaaaa; }
#map { height: 100%; border: 0px solid #888; background-color: #cbe0fd; cursor: default;}
#dvLeft{position:absolute;z-index:998;float:left;background-color:#009283;height:100%;}
#seperator{float:left;width:5px;background-color:#CDCDCD;height:100%;}
#dvHeader {position:absolute; z-index:997; background-color:#003f7d;}

div.searchPlane {
	background-image: url("../images/mapbg.gif");
	background-repeat: repeat-y;
    color:black;
    font-size:12px;
}

.searchPlaneContent {
	background-image: url("../images/search_middle.gif");
	background-repeat: repeat-y;
    color:black;
    font-size:12px;
	padding: 8px;
	padding-top: 0px;
}

.searchPlaneContentTop {
	background: url("../images/search_top.gif") no-repeat;
	width: 100%;
	height: 15px;
}

.searchPlaneContentBottom {
	background: url("../images/search_bottom.gif") no-repeat;
	width: 100%;
	height: 10px;
}

div.searchDistrict {
	background: url("../images/search_dist_box.gif") no-repeat;
	width: 187px;
	height: 61px;
	padding-left: 6px;
	margin-top: 4px;
	margin-bottom: 12px;
}

div.searchQuery {
	background: url("../images/search_box.gif") no-repeat;
	width: 187px;
	height: 107px;
	padding-left: 6px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 12px;
}

div.searchQueryContent {
}

.searchQueryBox {
	width: 120px;
}

.searchTitle {
	padding: 8px;
    background-color: #cfdff9;
}

.searchHeader {
    color:black;
	font: bold;
    font-size:12px;
}

.searchFooter {
    color:black;
    font-size:12px;
	text-align: right;
	width: 100%;
}

div.searchBoxTitle {
	text-align: left;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 9px;
}

.loadingImg {
	text-align: center;
	vertical-align: middle;
}


.popup {
	overflow: auto;
}

.detailTopLeft {
	background-image: url("../images/detail_topleft.gif");
	background-repeat: no-repeat;
	height: 30px;
}

.detailTop {
	background-image: url("../images/detail_top.gif");
	background-repeat: repeat-x;
	height: 30px;
}

.detailTopRight {
	background-image: url("../images/detail_topright.gif");
	background-repeat: no-repeat;
	height: 30px;
}

.detailLeft {
	background-image: url("../images/detail_left.gif");
	background-repeat: repeat-y;
	width: 10px;
}

.detailRight {
	background-image: url("../images/detail_right.gif");
	background-repeat: repeat-y;
	width: 10px;
}

.detailBottomLeft {
	background-image: url("../images/detail_bottomleft.gif");
	background-repeat: no-repeat;
	height: 10px;
}

.detailBottom {
	background-image: url("../images/detail_bottom.gif");
	background-repeat: repeat-x;
	height: 10px;
}

.detailBottomRight {
	background-image: url("../images/detail_bottomright.gif");
	background-repeat: no-repeat;
	height: 10px;
}

div.detailTitle {
	position: absolute;
}

div.detailTitle div {
	position: relative;
	top: -27px;
}

.detailContent {
	background-color: white;
	padding: 5px 5px 5px 0px;
	color: black;
    font-size: 13px;
}

.popupText {
	color: black;
    font-size: 13px;
}

.optionHeader {
	background-color:#999999;
	color:#FFFFFF
}

.borderVertical {
	background-image: url("../images/border_vertical.gif");
	background-repeat: repeat-y;
	width: 4px;
}

.borderHorizontal {
	background-image: url("../images/header_bottom.gif");
	background-repeat: repeat-x;
	height: 6px;
	font-size: 0px;
}

div.borderVerticalButton {
	position: absolute;
	top: 45%;
}

div.borderVerticalButton div {
	position: relative;
	left: 5px;
}

div.borderHorizontalButton {
	position: absolute;
	left: 45%;
}

div.borderHorizontalButton div {
	position: relative;
	top: 6px;
}

.headerTitle {
	background-image: url("../images/detail_top.gif");
	background-repeat: repeat-x;
	height: 21px;
}

div.olControlPanZoom {
	top: 120px !important;
	right: 30px !important;
	cursor: default;
}

div.olControlPanZoomBar {
	top: 120px !important;
	right: 30px !important;
	cursor: default;
}

div.olControlMouseDefaults {
	top: 320px;
	right: 15px;
	cursor: default;
}