/* CSS Document */

html {
	/*height: 100%; @date 2010-09-19 after comparing multiple web browsers*/
}
body {
	font-family: verdana;
	font-size: 12px;
	/*height: 100%; @2010-09-19*/
}

#map-topbar {
	vertical-align: top;
	/*background: url('images/bg-bar.png') repeat-x;*/
}

#map-leftbar {
	/*background: url('images/bg-toolbar.png') repeat-y;*/
	height: 47px;
	vertical-align: top;
}

#map-bottombar {
	height: 25px;
	padding-left: 0.5em;
	text-align: left;
	background: url('images/bg-bar.png') repeat-x;
}

.map-barsp {
	background: url('images/sp.png') no-repeat center
}

#awp_pan-zoom-bar { position: relative; float: left; }
#awp_pan-zoom-bar_panup,
#awp_pan-zoom-bar_panright,
#awp_pan-zoom-bar_pandown,
#awp_pan-zoom-bar_panleft,
#awp_pan-zoom-bar_zoomin,
#awp_pan-zoom-bar_zoomout,
#awp_pan-zoom-bar_slider {
    background-repeat: no-repeat;
    background-image: url(images/map-btns.png);
    cursor: pointer;
}
#awp_pan-zoom-bar_panup { background-position: -96px 0; }
#awp_pan-zoom-bar_panup:hover { background-position: -96px 0; }
#awp_pan-zoom-bar_panleft { background-position: 0 0; }
#awp_pan-zoom-bar_panleft:hover { background-position: 0 0; }
#awp_pan-zoom-bar_panright { background-position: -32px 0; }
#awp_pan-zoom-bar_panright:hover { background-position: -32px 0; }
#awp_pan-zoom-bar_pandown { background-position: -64px 0; }
#awp_pan-zoom-bar_pandown:hover { background-position: -64px 0; }
#awp_pan-zoom-bar_zoomin { background-position: -128px 0; }
#awp_pan-zoom-bar_zoomin:hover { background-position: -128px 0; }
#awp_pan-zoom-bar_zoomout { background-position: -160px 0; }
#awp_pan-zoom-bar_zoomout:hover { background-position: -160px 0; }
#awp_pan-zoom-bar_slider { background-position: -200px -8px; }
#awp_pan-zoom-bar_slider:hover { background-position: -200px -8px; }

#awp_pan-zoom-bar_bar div.awp_bar_x {
	top: 14px;
	width: 100%;
	height: 0px;
	border-top: 1px solid #cfd1d1;
	border-bottom: 1px solid #e2e5e0;
	position: absolute;
}
#awp_pan-zoom-bar_bar div.awp_bar_y0 {
	width: 4px;
	background-color: #bfc3c6;
	position: absolute;
}
#awp_pan-zoom-bar_bar div.awp_bar_y1 {
	width: 2px;
	background-color: #e3e4e8;
	position: absolute;
}


#panelControl {
	position: relative; float: right;
}
#panelControl div {
    background-repeat: no-repeat;
    background-image: url('images/map-btns.png');
    cursor: pointer;
    width: 29px;
    height: 29px;
	float: left;
	margin: 0 3px;
}
#panelControl .AWPControlHomeItemActive { background-position: -288px 0; }
#panelControl .AWPControlHomeItemInactive { background-position: -288px 0; }
#panelControl .AWPControlHomeItemInactive:hover { background-position: -288px 0; }

#panelControl .olControlNavigationItemActive { background-position: -224px 0; }
#panelControl .olControlNavigationItemInactive { background-position: -224px 0; }
#panelControl .olControlNavigationItemInactive:hover { background-position: -224px 0; }

#panelControl .AWPControlMeasureItemActive { background-position: -256px 0; }
#panelControl .AWPControlMeasureItemInactive { background-position: -256px 0; }
#panelControl .AWPControlMeasureItemInactive:hover { background-position: -256px 0; }

#panelControl .AWPControlIdentifyItemActive { background-position: -288px 0; }
#panelControl .AWPControlIdentifyItemInactive { background-position: -288px 0; }
#panelControl .AWPControlIdentifyItemInactive:hover { background-position: -288px 0; }

#panelControl .olControlZoomBoxItemActive { background-position: -320px 0; }
#panelControl .olControlZoomBoxItemInactive { background-position: -320px 0; }
#panelControl .olControlZoomBoxItemInactive:hover { background-position: -320px 0; }

#panelControl .AWPControlGoogleEarthItemActive { background-position: -610px 0; }
#panelControl .AWPControlGoogleEarthItemInactive { background-position: -610px 0; }
#panelControl .AWPControlGoogleEarthItemInactive:hover { background-position: -610px 0; }

.olControlEditingToolbar div.AWPControlSaveFeatureItemActive { background: url('images/seawa-button-save.png') no-repeat center top }
.olControlEditingToolbar div.AWPControlSaveFeatureItemInactive { background: url('images/seawa-button-save.png') no-repeat center bottom }

/*#btnRefresh {
	position: relative;
	display: block;
	width: 21px;
	height: 21px;
	left: 12px;
	top: 330px;
	background-image: url('images/refresh.png');
}*/

#layout_search {
	height: 100%;
	/*padding: 5px 10px;*/
}
#layout_search form {
	padding: 5px;
}
#layout_search,
#layout_search input,
#layout_search select {
	font-size: 10px;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	color: #575a5d;
}
#layout_search .title {
	margin: 0px; border:1px solid;
	padding: 0 5px;
	height: 20px;
	border: 1px solid #d0d0d0;
	background: url('images/bg-title.png') repeat-x;
	line-height: 20px;
}
#layout_search .body {
	width: 100%;
	margin-bottom: 5px;
	text-align: left;
	background-color: #dddddd;
	border: 1px solid #abadb3;
}
#layout_search .body td {
	padding: 1px 4px;
}
#layout_search .text {
	border: 1px solid #abadb3;
	width: 99%; height:15px;
	color: #575a5d;
}
#layout_search #proximity {
	border: 1px solid #abadb3;
	height: 15px;
	color: #575a5d;
}
#layout_search #order, #layout_search #selectedLayer {
	border: 1px solid #abadb3;
	height: 15px;
	color: #575a5d;
}
#layout_search .submit {
	border: 1px solid #abadb3;
	height: 15px;
}
#layout_search a { color: black }
#layout_search h1 {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-family: comic sans ms;
}
#layout_search ul {
	padding: 5px;
}
#layout_search ul li {
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
	padding: 1px;
}
#layout_search ul li label {
	cursor: pointer
}
#layout_search table {
	margin: 0px;
}

#layout_layers ul { margin: 10px; text-align: left; }
#layout_layers ul li { line-height: 20px; }



#console { padding: 10px; font-size: 10px; }
.map_layers {
	position: absolute;
	width: 70%; height: 40%;
	left: 0%; top: 60%;
	border: 1px solid #abadb3; overflow:auto; font-size: 10px;
	background-color: white;
	display: none;
	z-index: 10000;
	overflow: auto;
}
.map_layers_head {
	background-color: #f0efff;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
}
.map_layers_body {
	padding: 10px 15px; overflow: auto;
}
#map_info {
	position: absolute;
	width: 70%; height: 60%;
	left: 15%; top: 20%;
	padding: 10px;
	border: 1px solid #abadb3; overflow:auto; font-size: 10px;
	background-color: white;
	display: none;
	z-index: 10000;
}

table.spatial-data { background-color:#000000 }
tr.spatial-head { background-color:#CCCCCC }
tr.spatial-data { background-color:#FFFFFF }


.x-grid3-cell-inner { padding-right: 2em }
/*.x-grid3-col-fid { margin-right: 2em; }*/
input.x-tree-node-cb { position: relative; top: 3px; }

.x-grid-group-hd { text-align: left }


.awp-txt-little,
.awp-txt-little input {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif
}
.awp-txt-little select {
	width: 230px;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif
}

.awp-txt-bold { font-weight: bold; }


.x-grid3-row td { -moz-user-select:text; }
.x-tree-node-attributes {
	cursor: pointer;
	display: inline-block;
	width: 16px;
	height: 18px;
	vertical-align: top;
	background-image:url(images/attributes.gif);
	background-position:0px 2px;
	background-repeat:no-repeat;
}
.x-tree-node-delete {
	cursor: pointer;
	display: inline-block;
	width: 16px;
	height: 18px;
	vertical-align: top;
	background-image:url(images/delete.png);
	background-position:0px 2px;
	background-repeat:no-repeat;
}

#layer-tree {
	height: 100%;
	/*padding: 5px 10px;*/
}
#layer-tree h1 {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-family: comic sans ms;
}

table.round-rect {
	width: 100%;
}
table.round-rect .topleft,
table.round-rect .topright,
table.round-rect .bottomleft,
table.round-rect .bottomright {
	background-image: url(images/corner.png);
	background-repeat: no-repeat;
}
table.round-rect .topleft {
	width: 9px;
	height: 9px;
	background-position: 0px 0px;
}
table.round-rect .topright {
	width: 9px;
	height: 9px;
	background-position: -9px 0px;
}
table.round-rect .bottomleft {
	width: 9px;
	height: 9px;
	background-position: 0px -9px;
}
table.round-rect .bottomright {
	width: 9px;
	height: 9px;
	background-position: -9px -9px;
}

table.round-rect .top,
table.round-rect .right,
table.round-rect .bottom,
table.round-rect .left {
	background-image: url(images/corner_border.png);
}

table.round-rect .top {
	height: 9px;
	background-position: 0 0;
	background-repeat: repeat-x;
}
table.round-rect .right {
	width: 9px;
	background-position: 8px 0;
	background-repeat: repeat-y;
}
table.round-rect .bottom {
	height: 9px;
	background-position: 0 8px;
	background-repeat: repeat-x;
}
table.round-rect .left {
	width: 9px;
	background-position: 0 0;
	background-repeat: repeat-y;
}

div.vspace { height: 5px; }


#tab_title {
	width: 100%;
	margin-bottom: 2px;
	border-collapse: collapse;
	background: url(images/bg-x.png) repeat-x;
	color: white;
	font-weight: bold;
}
#tab_title td.content {
	padding: 0 0 3px 0;
}
#tab_title td.topleft {
	background: url(images/corner.png) no-repeat -18px 0;
	width: 9px; height: 9px;
}
#tab_title td.topright {
	background: url(images/corner.png) no-repeat -18px -9px;
	width: 9px; height: 9px;
}


.x-tab-panel { /*margin-top: 2px;*/ }
.x-tab-panel-header { border: 0 solid; }
.x-tab-panel-body { border: 1px solid #d7d7d7; }
.x-tab-panel-header-plain .x-tab-strip-spacer {
	background: transparent none repeat scroll 0 0;
	border-top: none;
	border-bottom: none;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	/*height: 2px;*/
}
.x-tab-panel-footer-plain .x-tab-strip-spacer {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #d7d7d7;
	height: 0px;
}
ul.x-tab-strip-top { border-bottom: 1px solid #d7d7d7; }

.x-tab-strip-top .x-tab-right {
	background: transparent url(images/bg-x.png) no-repeat scroll 0 -95px;
	padding-left: 9px;
}
.x-tab-strip-top .x-tab-strip-active .x-tab-right {
	background-position: 0 -95px;
	/*margin-bottom: 0px;*/
}
.x-tab-strip-top .x-tab-left {
	background: transparent url(images/bg-x.png) no-repeat scroll right -39px;
}
.x-tab-strip-top .x-tab-strip-active .x-tab-left {
	background-position: right -39px;
}
.x-tab-strip-top .x-tab-strip-inner {
	background: transparent url(images/bg-x.png) repeat-x scroll 0 -67px;
}
.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
	background-position: 0 -67px;
}

.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close,
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover {
	width: 14px; height: 14px;
	top: 5px; right: 10px;
	background: transparent url(images/map-btns.png) no-repeat -352px 0;
}
.x-tab-strip-closable .x-tab-left {
	padding-right: 30px;
}
/**/


.x-toolbar {
	background: transparent url(images/bg-x.png) repeat-x scroll left -124px;
}
.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
	border-top: 1px solid #d7d7d7;
}
.x-btn-icon .x-btn-center .x-btn-text {
	/*width: 16px; height: 16px;*/
}
.x-item-disabled .x-tbar-page-first {
	background: transparent url(images/map-btns.png) no-repeat scroll -370px 0px !important;
}
.x-item-disabled .x-tbar-page-prev {
	background: transparent url(images/map-btns.png) no-repeat scroll -390px 0px !important;
}
.x-item-disabled .x-tbar-page-next {
	background: transparent url(images/map-btns.png) no-repeat scroll -410px 0px !important;
}
.x-item-disabled .x-tbar-page-last {
	background: transparent url(images/map-btns.png) no-repeat scroll -430px 0px !important;
}

.x-toolbar .ytb-sep {
	background: none;
}

.x-toolbar .x-btn-over .x-btn-left {
	background: transparent none no-repeat scroll 0 0;
}
.x-toolbar .x-btn-over .x-btn-center {
	background: transparent none no-repeat scroll 0 0;
}
.x-toolbar .x-btn-over .x-btn-right {
	background: transparent none no-repeat scroll 0 0;
}
.x-tbar-loading,
.x-tbar-loading:hover {
	width: 21px !important; height: 19px !important;
	background: transparent url(images/map-btns.png) no-repeat scroll -450px -5px !important;
}
.awp-showall {
	padding: 0px;
	width: 121px !important; height: 19px !important;
	background: transparent url(images/map-btns.png) no-repeat scroll -480px -5px !important;
}


.awp-left-space {
	width: 9px; height: 126px;
	background: transparent url(images/bg-x.png) no-repeat scroll left -154px;
	cursor: pointer;
}
.awp-right-space {
	width: 9px; height: 126px;
	background: transparent url(images/bg-x.png) no-repeat scroll right -154px;
	cursor: pointer;
}

.x-layout-collapsed-west {
	/*display: table-cell !important;
	position: relative;*/
	width: 9px;
	background-color: white;
	border: 0px solid #98C0F4;
	vertical-align: middle;
}
.x-tool-expand-west {
	width: 9px; height: 100%;
	background:transparent url(images/expand.png) no-repeat scroll right center;
}

.x-layout-collapsed-east {
	/*display: table-cell !important;
	position: relative;
	right: 0px;*/
	background-color: white;
	border: 0px solid #98C0F4;
	vertical-align: middle;
}
.x-tool-expand-east {
	width: 9px; height: 100%;
	background:transparent url(images/expand.png) no-repeat scroll left center;
}


li.awp-tree-node {
	float: left;
	width: 170px;
	list-style: none inside none;
	cursor: default;
}
li.awp-tree-node label { padding: 0 3px; }
li.awp-tree-node input { vertical-align: middle; }
.x-tree-node-el { cursor: default; }
.x-tree-node-el span { padding: 0 0px; }
.x-tree-node-el input { vertical-align: middle; font-size: 9px; border: 1px solid gray; }









span.seawa-font-title {
	color: white;
	font: normal normal bold 36px normal Verdana, Arial, Helvetica, sans-serif;
}
span.seawa-font-title2 {
	font: normal normal bold 12px normal Verdana, Arial, Helvetica, sans-serif;
}
table.seawa-button td.seawa-button-middle {
	color: white;
	font: normal normal normal 12px normal Verdana, Arial, Helvetica, sans-serif;
}


.seawa-header {
	width: 100%;
	height: 80px;
	border-bottom: 2px solid #002b54;
	overflow: auto;
	background-color: #699bc7;
}
.seawa-header .seawa-logo {
	float: left;
	width: 295px;
	padding: 10px 0 10px 25px;
	background-color: white;
	border-right: 2px solid #002b54;
}
.seawa-header .seawa-title {
	text-align: right;
	margin: 15px 30px 15px 0px;
	height: 50px;
}

table.seawa-button {
	margin: 2px auto !important;
	width: 100%;
	cursor: pointer;
}
table.seawa-button td.seawa-button-left {
	width: 10px;
	height: 23px;
	background-image: url(images/seawa-button-left.png);
}
table.seawa-button td.seawa-button-middle {
	height: 23px;
	text-align: center;
	background-image: url(images/seawa-button-middle.png);
}
table.seawa-button td.seawa-button-right {
	width: 10px;
	height: 23px;
	background-image: url(images/seawa-button-right.png);
}

ul.x-tab-strip {
	/*width: auto;*/
}


.AWPControlGoogleEarth {
	
}


.olControlEditingToolbar div {
	margin: 2px !important;
}/*
.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive { background-position:-26px 0; }
.olControlEditingToolbar .olControlDrawFeaturePathItemInactive { background-position:-51px 0; }
.olControlEditingToolbar .olControlDrawFeaturePointItemInactive { background-position:-77px 0; }
.olControlEditingToolbar .olControlNavigationItemInactive { background-position:-103px 0; }*/
.olControlEditingToolbar .olControlModifyFeatureItemInactive { background-position:-1px 0; }
.olControlEditingToolbar .olControlModifyFeatureItemActive { background-position:-1px -23px; }



form#form-login input {
	font-size: 10px;
}
form#form-login ul {
	padding-left: 1em;
}
form#form-login ul li {
	font-size: 10px;
	list-style-type: disc;
}
form#form-login input {
	margin-left: 2em;
}
form#form-login #modlgn_remember {
	vertical-align: middle;
	margin-left: 0;
}


/**
 * water data 后台
 */
 table.tbdata th,
 table.tbdata td { padding: 3px; }
 
 table.tbdata th { font-weight: bold; text-align: center; }
 table.tbdata td.sn { font-weight: bold; text-align: center }