wp/nwyj/WebContent/css/he/disposalMap.css

@CHARSET "UTF-8";
.dock_center {
	width: 474px;
	height: 50px;
	background-image: url('../../images/business/he/desktop-small.png') !important;
	background-repeat: no-repeat;
}

a.dock-item {
	width: 60px;
	bottom: 30px;
	text-align: center;
	text-decoration: none;
	color: #333;
}

.dock-item img {
	margin: 5px 10px 0px;
	width: 80%;
	height: 80%;
}

.dock-container {
	position: relative;
	top: -8px;
	height: 50px;
	width : 420px;
}

.dockTable {
	width : 100%;
	border: 0px solid #509BCB;
	border-collapse: collapse;
	border-spacing: 0;
	margin-left : 50px;
}

.buttonPan {
	margin : 0px!important;
	padding-top : 5px;
	padding-bottom : 5px;
	background-color : #F6F6F6;
	border-top : 1px solid #DADEE5;
}

/***地图基本工具****/
#basicToolBox_content div {
	width : 24px;
	height : 24px;
	margin-left : 10px;
	margin-top : 5px;
	cursor : pointer;
	float : left;
}

#clear {
	background: url('../../images/business/he/mapTool/clear.png') no-repeat;
}
#zoomin {
	background: url('../../images/business/he/mapTool/amplification.png') no-repeat;
}
#zoomout {
	background: url('../../images/business/he/mapTool/narrow.png') no-repeat;
}
#move {
	background: url('../../images/business/he/mapTool/translation.png') no-repeat;
}
#zoomFull {
	background: url('../../images/business/he/mapTool/fullmap.png') no-repeat;
}
#measureByPolygon {
	background: url('../../images/business/he/mapTool/measuringsurface.png') no-repeat;
}
#measureByLine {
	background: url('../../images/business/he/mapTool/ranging.png') no-repeat;
}
#symbolLegend {
	background: url('../../images/business/he/mapTool/graphicSymbol.png') no-repeat;
}


/***********************/
#disposalBox_content {
	text-align : center;
}

#disposalBox_content div {
	width : 32px;
	height : 32px;
	margin : 0px auto;
	margin-top : 3px;
	cursor : pointer;
}

#disposalBox_content div#squareMenu {
	background-image: url('../../images/business/he/disposalTools/m2.png') !important;
	background-repeat: no-repeat;
}

#disposalBox_content div#squareMenu:hover {
	background-image: url('../../images/business/he/disposalTools/m2_over.png') !important;
	background-repeat: no-repeat;
}

.op {
	border : 1px solid #6C7A8A;
	background : #ffffff;
}

.op span.oo {
	width : 32px;
	height : 32px;
	margin : 3px;
	display : block;
	float : left;
	cursor : pointer;
}

#squarePan #sq1 {
	background-image: url('../../images/business/he/disposalTools/m1.png') !important;
	background-repeat: no-repeat;
}
#squarePan #sq2 {
	background-image: url('../../images/business/he/disposalTools/m2.png') !important;
	background-repeat: no-repeat;
}
#squarePan #sq3 {
	background-image: url('../../images/business/he/disposalTools/m3.png') !important;
	background-repeat: no-repeat;
}
#squarePan #sq4 {
	background-image: url('../../images/business/he/disposalTools/m4.png') !important;
	background-repeat: no-repeat;
}
#squarePan #sq5 {
	background-image: url('../../images/business/he/disposalTools/m5.png') !important;
	background-repeat: no-repeat;
}
#squarePan #sq6 {
	background-image: url('../../images/business/he/disposalTools/m6.png') !important;
	background-repeat: no-repeat;
}
#squarePan #sq7 {
	background-image: url('../../images/business/he/disposalTools/m7.png') !important;
	background-repeat: no-repeat;
}
#squarePan #sq8 {
	background-image: url('../../images/business/he/disposalTools/m7.png') !important;
	background-repeat: no-repeat;
}
#squarePan #sq9 {
	background-image: url('../../images/business/he/disposalTools/m1.png') !important;
	background-repeat: no-repeat;
}
#squarePan #sq1:hover {
	background-image: url('../../images/business/he/disposalTools/m1_over.png') !important;
	background-repeat: no-repeat;
}
#squarePan #sq2:hover {
	background-image: url('../../images/business/he/disposalTools/m2_over.png') !important;
	background-repeat: no-repeat;
}
#squarePan #sq3:hover {
	background-image: url('../../images/business/he/disposalTools/m3_over.png') !important;
	background-repeat: no-repeat;
}
#squarePan #sq4:hover {
	background-image: url('../../images/business/he/disposalTools/m4_over.png') !important;
	background-repeat: no-repeat;
}
#squarePan #sq5:hover {
	background-image: url('../../images/business/he/disposalTools/m5_over.png') !important;
	background-repeat: no-repeat;
}
#squarePan #sq6:hover {
	background-image: url('../../images/business/he/disposalTools/m6_over.png') !important;
	background-repeat: no-repeat;
}
#squarePan #sq7:hover {
	background-image: url('../../images/business/he/disposalTools/m7_over.png') !important;
	background-repeat: no-repeat;
}
#squarePan #sq8:hover {
	background-image: url('../../images/business/he/disposalTools/m7_over.png') !important;
	background-repeat: no-repeat;
}
#squarePan #sq9:hover {
	background-image: url('../../images/business/he/disposalTools/m1_over.png') !important;
	background-repeat: no-repeat;
}

#disposalBox_content div#curveMenu {
	background-image: url('../../images/business/he/disposalTools/j1.png') !important;
	background-repeat: no-repeat;
}

#disposalBox_content div#curveMenu:hover {
	background-image: url('../../images/business/he/disposalTools/j1_over.png') !important;
	background-repeat: no-repeat;
}

#curvePan #curve1 {
	background-image: url('../../images/business/he/disposalTools/j6.png') !important;
	background-repeat: no-repeat;
}
#curvePan #curve2 {
	background-image: url('../../images/business/he/disposalTools/j2.png') !important;
	background-repeat: no-repeat;
}
#curvePan #curve3 {
	background-image: url('../../images/business/he/disposalTools/j1.png') !important;
	background-repeat: no-repeat;
}
#curvePan #curve4 {
	background-image: url('../../images/business/he/disposalTools/j4.png') !important;
	background-repeat: no-repeat;
}
#curvePan #curve5 {
	background-image: url('../../images/business/he/disposalTools/j5.png') !important;
	background-repeat: no-repeat;
}
#curvePan #curve6 {
	background-image: url('../../images/business/he/disposalTools/j1.png') !important;
	background-repeat: no-repeat;
}
#curvePan #curve7 {
	background-image: url('../../images/business/he/disposalTools/j7.png') !important;
	background-repeat: no-repeat;
}
#curvePan #curve1:hover {
	background-image: url('../../images/business/he/disposalTools/j6_over.png') !important;
	background-repeat: no-repeat;
}
#curvePan #curve2:hover {
	background-image: url('../../images/business/he/disposalTools/j2_over.png') !important;
	background-repeat: no-repeat;
}
#curvePan #curve3:hover {
	background-image: url('../../images/business/he/disposalTools/j1_over.png') !important;
	background-repeat: no-repeat;
}
#curvePan #curve4:hover {
	background-image: url('../../images/business/he/disposalTools/j4_over.png') !important;
	background-repeat: no-repeat;
}
#curvePan #curve5:hover {
	background-image: url('../../images/business/he/disposalTools/j5_over.png') !important;
	background-repeat: no-repeat;
}
#curvePan #curve6:hover {
	background-image: url('../../images/business/he/disposalTools/j1_over.png') !important;
	background-repeat: no-repeat;
}
#curvePan #curve7:hover {
	background-image: url('../../images/business/he/disposalTools/j7_over.png') !important;
	background-repeat: no-repeat;
}


#disposalBox_content div#wordMenu {
	background-image: url('../../images/business/he/disposalTools/t.png') !important;
	background-repeat: no-repeat;
}

#disposalBox_content div#wordMenu:hover {
	background-image: url('../../images/business/he/disposalTools/t_over.png') !important;
	background-repeat: no-repeat;
}

#disposalBox_content div#colorMenu {
	border : 1px solid #000000;
	background : #ffffff;
	position : relative;
}

#disposalBox_content div#colorMenu .colorExpand {
	background : #ffffff;
	background-image: url('../../images/business/he/disposalTools/toolbar.expand.gif') !important;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width : 12px;
	height : 8px;
	display : block;
	position : absolute;
	bottom : 0px;
	right : 0px;
}

#disposalBox_content div#colorMenu .colorPan{
	border : 1px solid #000000;
	width : 26px;
	height : 26px;
	display : block;
	margin : 0px auto;
	margin-top :2px; 
	background : #000000;
}

#color1 {
	position : absolute;
	top : 0px;
	left : 0px; 
	width : 28px;
	height : 28px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	cursor : pointer;
}

#wordPan {
	background-color : #fff;
	width : 442px;
}

#wordTitle {
	width : 442px!important;
}

#wordPan div {
	float : left;
}

#wordPan .moreOptions {
	width : 50px;
	padding-left :5px;
	display : block;
	height : 30px;
	border : 1px solid #E3E0D5;
	cursor : pointer;
	background : url('../../images/business/he/icon-sort-desc.gif') no-repeat;
	background-position : 80% 50%;
}

#wordPan .moreOptionsOpened {
	width : 50px;
	padding-left :5px;
	display : block;
	height : 30px;
	border : 1px solid #E3E0D5;
	cursor : pointer;
	background : url('../../images/business/he/icon-sort-asc.gif') no-repeat;
	background-position : 80% 50%;
}

#wordPan div.wordContent {
	margin : 5px;
	vertical-align : top;
}

#wordPan div.wordMore {
	margin : 5px;
	width : 420px;
}

#wordPan div#wordControl {
	margin : 5px;
	width : 100%;
	text-align : center;
}

#wordPan .leftWord {
 	width:80px;
 	height:60px;
}

#wordPan div{
	float : left;
}

#wordPan #markWord {
	width:330px;
	height:60px;
}

#wordPan #moreOptions {
	width:100%;
}

#wordPan .moreOptionsTable {
	width:100%;
	border-collapse : collapse;
	border-spacing : 0;
	border : none;
}

/***颜色组件***/
.colorTool {
	border : 1px solid #000000;
	background : #ffffff;
	position : relative;
}

.colorToolExpand {
	background : #ffffff;
	background-image: url('../../images/business/he/disposalTools/toolbar.expand.gif') !important;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width : 12px;
	height : 8px;
	display : block;
	position : absolute;
	bottom : 0px;
	right : 0px;
}

.colorToolPan {
	border : 1px solid #000000;
	width : 26px;
	height : 18px;
	display : block;
	margin :2px; 
	background : #000000;
}

#colorFont,#colorBorder,#colorBackground {
	position : absolute;
	top : 0px;
	left : 0px; 
	width : 28px;
	height : 28px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	cursor : pointer;
}


.wordTitle .t {
	color : #fff;
	padding-left : 10px;
	font-weight : bold;
	width : 100px!important;
	cursor : default!important;
	height : 30px;
	line-height : 30px;
}

#disposalBox_content div#surroundMenu {
	background-image: url('../../images/business/he/disposalTools/aroundChoice.png') !important;
	background-repeat: no-repeat;
}

#surroundPan {
	background-color : #fff;
	width : 352px;
}

#surroundPan div {
	float : left;
}

.surroundTitle,.taskTitle,.wordTitle {
	height : 35px;
	line-height : 35px;
	background : #5C99D7;
	width : 352px;
	border-bottom : 1px solid  #6C7A8A;
	cursor : move;
}

.surroundTitle .t,.taskTitle .t {
	color : #fff;
	padding-left : 10px;
	font-weight : bold;
	width : 80px!important;
	cursor : default!important;
	height : 30px;
	line-height : 30px;
}

/*************************/

#surroundThings {
	width : 342px;
	height : 140px;
	float: left;
}

#surroundThings span.ss {
	width : 60px!important;
	height : 60px!important;
	display : block;
	float : left!important;
	margin-left : 14px!important;
	margin-right : 11px!important;
	margin-top : 3px!important;
	margin-bottom : 3px!important;
	cursor : pointer;
}

#surroundKeyword span,#surroundMileage span {
	display : block;
	float : left;
	cursor : default;
}
#surroundBtn span {
	display : block;
	float : left;
	cursor : pointer;
}

/*************/
.sCar {
	background-image: url('../../images/business/he/surroundSearch/emergencies.png');
    background-repeat: no-repeat;
}

.sCarSelected {
	background-image: url('../../images/business/he/surroundSearch/emergencies-selected.png');
    background-repeat: no-repeat;
}

.sMaterial {
	background-image: url('../../images/business/he/surroundSearch/goods.png');
    background-repeat: no-repeat;
}
.sMaterialSelected {
	background-image: url('../../images/business/he/surroundSearch/goods-selected.png');
    background-repeat: no-repeat;
}
.sEquip {
	background-image: url('../../images/business/he/surroundSearch/device.png');
    background-repeat: no-repeat;
}
.sEquipSelected {
	background-image: url('../../images/business/he/surroundSearch/device-selected.png');
    background-repeat: no-repeat;
}
.sRank {
	background-image: url('../../images/business/he/surroundSearch/army.png');
    background-repeat: no-repeat;
}
.sRankSelected {
	background-image: url('../../images/business/he/surroundSearch/army-selected.png');
    background-repeat: no-repeat;
}
.sInfoBoard {
	background-image: url('../../images/business/he/surroundSearch/infoBoard.png');
    background-repeat: no-repeat;
}
.sInfoBoardSelected {
	background-image: url('../../images/business/he/surroundSearch/infoBoard-selected.png');
    background-repeat: no-repeat;
}
.sJiaodiao {
	background-image: url('../../images/business/he/surroundSearch/trafficflow.png');
    background-repeat: no-repeat;
}
.sJiaodiaoSelected {
	background-image: url('../../images/business/he/surroundSearch/trafficflow-selected.png');
    background-repeat: no-repeat;
}
.sVideo {
	background-image: url('../../images/business/he/surroundSearch/video1.png');
    background-repeat: no-repeat;
}
.sVideoSelected {
	background-image: url('../../images/business/he/surroundSearch/video1-selected.png');
    background-repeat: no-repeat;
}
.sApp {
	background-image: url('../../images/business/he/surroundSearch/app.png');
    background-repeat: no-repeat;
}
.sAppSelected {
	background-image: url('../../images/business/he/surroundSearch/app-selected.png');
    background-repeat: no-repeat;
}

/****************/
#surroundKeyword,#surroundMileage {
	width : 352px;
	height : 34px;
}

#surroundPan div#surroundKeyword,#surroundPan div#surroundMileage{
	float : left;
	margin-bottom :3px;
	position : relative;
}

#surroundPan span.input1{
	width : 230px!important;
	height : 29px!important;
}

#surroundKeyword span.spane,#surroundMileage span.mileage{
	margin-left : 0px!important;
	position : absolute;
	left :115px;
}

#surroundPan .wordIn {
	padding-left :4px;
}
#surroundPan .keywordL {
	width : 99px!important;
	height : 31px!important;
	color : #fff;
	line-height : 31px!important;
	text-align :center;
	background-image: url('../../images/business/he/surroundSearch/2.png');
    background-repeat: no-repeat;
    margin-left : 10px;
    position : absolute;
	left :5px;
}

#surroundPan .input{
	background : #D8E0E8;
	width : 210px!important;
	height : 27px!important;
	line-height : 27px!important;
}

.closeSurround,.closeTask,.closeWord {
	background-image: url('../../images/business/he/popup/w_close.png');
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 0px;
    display:inline-block;
    word-break: keep-all;
    word-wrap: normal;
	white-space:nowrap;
	width : 15px;
	height : 30px;
	float : right!important;
}

#surroundBtn {
	width : 100%;
	height : 35px!important;
	text-align : center;
}

#drawMark {
	background : url('../../images/business/he/surroundSearch/drawmark.png') no-repeat;
	width : 200px;
	height : 34px;
}

#search2 {
	background : url('../../images/business/he/surroundSearch/search.png') no-repeat;
	width : 200px;
	height : 34px;
	/*margin-left : 2px!important;*/
	margin-left : 100px!important;
}


#disposalBox_content div#showTask {
	background-image: url('../../images/business/he/disposalTools/searchScheme.png') !important;
	background-repeat: no-repeat;
}
#disposalBox_content div#newTask {
	background-image: url('../../images/business/he/disposalTools/makeScheme.png') !important;
	background-repeat: no-repeat;
}
#disposalBox_content div#saveTask {
	background-image: url('../../images/business/he/disposalTools/saveScheme.png') !important;
	background-repeat: no-repeat;
}

#taskPan .taskCont {
	width : 287px;
	height : 240px;
	padding:5px;
}

.taskTitle {
	width : 302px!important;
}

.showTask,.delTask {
	color : #343098;
	text-decoration:underline;
	cursor : pointer;
}
.showTask:hover,.delTask:hover {
	color : #F15133;
}

/*********窗口***********/
.ttitle {
	width : 100%;
	height : 35px;
	line-height : 35px;
	background : #5C99D7;
	border-bottom : 1px solid  #6C7A8A;
	cursor : move;
}

.ttitle .t {
	color : #fff;
	padding-left : 10px;
	font-weight : bold;
	width : 80px!important;
	cursor : default!important;
	height : 30px;
	line-height : 30px;
}

.ttitle .downPan {
	background-image: url('../../images/business/he/call/btn_expand.gif');
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 0px;
    display:inline-block;
    word-break: keep-all;
    word-wrap: normal;
	white-space:nowrap;
	width : 15px;
	height : 30px;
	float : right!important;
	width : 32px;
	height : 32px;
	margin : 3px;
	cursor : pointer;
}
.ttitle .upPan {
	background-image: url('../../images/business/he/call/btn_collapse.gif');
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 0px;
    display:inline-block;
    word-break: keep-all;
    word-wrap: normal;
	white-space:nowrap;
	width : 15px;
	height : 30px;
	float : right!important;
	width : 32px;
	height : 32px;
	margin : 3px;
	cursor : pointer;
}

.commonPan {
	background-color : #fff;
	border : 1px solid  #6C7A8A;
}

#infoPan {
	position : fixed;
	bottom : 1px;
	right : 1px;
	width : 300px;
	height : 500px;
}

#infoCont {
	height : 450px;
	width : 290px;
	overflow : auto;
	margin : 5px;
}

.infoconti {
	word-break : break-all;
    word-wrap : normal;
	white-space : wrap;
}

#infoTitle {
	cursor : pointer!important;
}

/*******查看信息***********/
#infoPan2 {
	padding-right : 2px!important;
}

#infoPan2 #searchBtn2 .searchBtnConBottom{
	border : 1px solid #6C7A8A!important;
	border-bottom : none;
}

/***********站点物资调用**************/
#zddiaoyong {
	overflow-y : auto;
}

#reAbleCall {
	width : 100%;
	height : 290px;
	border-bottom : 1px solid  #6C7A8A;
}

#reAbleCall .theTab {
	margin : 3px;
}

#reAbleCall .theTab .tt{
	margin-top : 2px;
	border-top : 2px solid #3C95C8;
	height : 200px;
}

#reCallControl {
	width : 98%;
	margin : 3px;
	height : 30px;
	line-height : 30px;
	cursor : pointer;
	border : 1px solid #6C7A8A;
	background-color : #3C95C8;
	color : #ffffff;
	font-weight : bold;
	padding-left : 5px;
}

.reCallControl {
	background : url('../../images/business/he/call/expanddown.png') no-repeat;
	background-position : 99% 50%;
}

.reCallControlSel {
	background : url('../../images/business/he/call/expandup.jpg') no-repeat;
	background-position : 99% 50%;
}

#reSeList #calledList{
	margin : 3px;
}
#reSeList{
	border-top : 1px solid  #6C7A8A;
}

.searchpan {
	margin-top : 2px;
	margin-bottom : 2px;
}

#infoSub {
	color : red;
	font-size : 13px;
	font-weight : bold;
}