dataserver_management_map_ui_sh2000/styles/sideNavMapControl.css

#sideNavMapControl {
    display:none;
    position: absolute;
    right:109px;
    top:0px;
    width: 471px;
    min-height:300px;
    background:url(../images/layout/bg-sideNav-mapControl.png) no-repeat left top;
}

#sideNavMapControl .header {
    height:56px;
    background:url(../images/layout/bg-sideNav-line.png) no-repeat left bottom;
    position:relative;
}

#sideNavMapControl .usercentercon{
    width: 100%;
    position: absolute;
    top: 19px;
    left: 20px;
    height: 25px;
    background: url(../images/layout/icon-user.png) no-repeat 0px 0px;
}
#sideNavMapControl .usercentercon a{
    color: #fff;
    font-size: 14px;
    margin-left: 30px;
    line-height: 30px;
    text-decoration: none;
    cursor:pointer;
}
#sideNavMapControl .login_out{
    position: absolute;
    left: 20px;
    top: 0px;
}

#sideNavMapControl .login_in{
    position: absolute;
    left: 20px;
    top: 0px;
    display:none;
}
#sideNavMapControl .sideNavLock{
    cursor: pointer;
    float: right;
    margin-right: 7px;
    border: 0px;
    width: 20px;
    height: 25px;
    text-indent: -1111111111px;
    background:url(../images/layout/unlock.png) no-repeat -2px 4px;
}

#sideNavMapControl .sideNavLock.close{
    background:url(../images/layout/lock.png) no-repeat -2px 4px;
}

/*#mapBaseLayerControl{
    position: relative;
    display: block;
    background: url(../images/layout/bg-sideNav-line.png) no-repeat left bottom;
}*/

/*#mapBaseLayerControl .choosemap{
    margin:20px 0 0 22px;
    width: 428px;
    height: 100px;
}
#mapBaseLayerControl .choosemap .map-list{
    width: 100%;
    height: 100%;
    float: left;
}
#mapBaseLayerControl .choosemap .map-list li{
    width: 100px;
    height: 100px;
    background: url();
    position: relative;
    float: left;
}
#mapBaseLayerControl .choosemap .map-list li .biankuang{
    position: absolute;
    top: 0px;
    left: 0px;
    background:url(../images/layout/mapno.png);
    width: 100px;
    height: 100px;
}
#mapBaseLayerControl .mapchoose{
    background:url(../images/layout/mapchoose.png) no-repeat !important;
}
#mapBaseLayerControl .choosemap .map-list .baseSatellite{
    background: url(../images/layout/yingxiang.png) no-repeat;
    margin-right: 40px;
    margin-left:25px;
}
#mapBaseLayerControl .choosemap .map-list .baseTerrain{
    background: url(../images/layout/dishi.png) no-repeat;
    margin-right: 40px;
}
#mapBaseLayerControl .choosemap .map-list .baseStreet{
    background: url(../images/layout/jiaot.png) no-repeat;
    margin-right: 9px;
}
#mapBaseLayerControl .choosemap .map-list .tdmap{
    background: url(../images/layout/liti.png) no-repeat;
}
#mapBaseLayerControl .choosemap .map-list li:hover{
    cursor: pointer;
}
#mapBaseLayerControl .choosemap .map-list li span{
    width: 100px;
    height: 28px;
    position: absolute;
    bottom:0px;
    left: 0px;
    line-height: 28px;
    text-align: center;
}*/

#mapBaseLayerControl .show-DEMTD{
    position: relative;
    margin:5px 0 0 22px;
    width: 428px;
    height: 32px;
    background: #0b4496;
    display:none;
}
#mapBaseLayerControl .show-DEMTD .item{
   position: relative;
   width: 100%;
   height: 100%;
   overflow-y:auto; 
}
#mapBaseLayerControl .show-DEMTD .item .imgDEM{
    position: absolute;
    width: 15px;
    height: 15px;
    top:9px;
    left: 16px;
    background: url(../images/layout/latlngimg_03.png);
}
#mapBaseLayerControl .show-DEMTD .item .DEM-title{
    position: absolute;
    width: 75px;
    height: 32px;
    line-height: 32px;
    top:0px;
    left: 45px;
    font-size: 15px;
    color: #FFFFFF;
}
#mapBaseLayerControl .show-DEMTD .item .chooseshow{
    position: absolute;
    top:5px;
    right:9px;
    width: 54px;
    height: 22px;
    background:#dcdcdc;/* #41e5ef */;
    border-radius: 22px;
    cursor: pointer;
}
#mapBaseLayerControl .show-DEMTD .item .chooseshow .choosebtn{
    background: #113E80;
    margin-top: 2px;
    margin-left: 3px;
    width: 25px;
    height: 19px;
    border-radius: 19px;
}
#mapBaseLayerControl .show-DEMTD .item .chooseshow .choosebtn:hover{
    cursor: pointer;
}
#mapBaseLayerControl .show-name{
    position: relative;
    margin:5px 0 0 22px;
    width: 428px;
    height: 32px;
    background: #0b4496;
    display:none;
}

#mapBaseLayerControl .show-name .item{
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y:auto;
}
#mapBaseLayerControl .show-name .item .imglatlng{
    position: absolute;
    width: 15px;
    height: 15px;
    top:9px;
    left: 16px;
    background: url(../images/layout/latlngimg_03.png);
}
#mapBaseLayerControl .show-name .item .latlng-title{
    position: absolute;
    width: 75px;
    height: 32px;
    line-height: 32px;
    top:0px;
    left: 45px;
    font-size: 15px;
    color: #FFFFFF;
}
#mapBaseLayerControl .show-name .item .chooseshow{
    position: absolute;
    top:5px;
    right:9px;
    width: 54px;
    height: 22px;
    background:#dcdcdc;/* #41e5ef */;
    border-radius: 22px;
    cursor: pointer;
}
#mapBaseLayerControl .show-name .item .chooseshow .choosebtn{
    background: #113E80;
    margin-top: 2px;
    margin-left: 3px;
    width: 25px;
    height: 19px;
    border-radius: 19px;
}
#mapBaseLayerControl .show-name .item .chooseshow .choosebtn:hover{
    cursor: pointer;
}


#mapBaseLayerControl .show-STLayer{
    width: 428px;
    height: 32px;
    background: #0b4496;
    margin:5px 0 0 22px;
    position: relative;
}
#mapBaseLayerControl .show-STLayer .item{
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y:auto;
}
#mapBaseLayerControl .show-STLayer .item .imglatlng{
    position: absolute;
    width: 15px;
    height: 15px;
    top:9px;
    left: 16px;
    background: url(../images/layout/latlngimg_03.png);
}
#mapBaseLayerControl .show-STLayer .item .latlng-title{
    position: absolute;
    width: 75px;
    height: 32px;
    line-height: 32px;
    top:0px;
    left: 45px;
    font-size: 15px;
    color: #FFFFFF;
}
#mapBaseLayerControl .show-STLayer .item .chooseshow{
    position: absolute;
    top:5px;
    right:9px;
    width: 54px;
    height: 22px;
    background:#dcdcdc;// #41e5ef;
    border-radius: 22px;
    cursor:pointer;
}
#mapBaseLayerControl .show-STLayer .item .chooseshow .choosebtn{
    background: #113E80;
    margin-top: 2px;
    margin-left: 3px;
    width: 25px;
    height: 19px;
    border-radius: 19px;
}
#mapBaseLayerControl .show-STLayer .item .chooseshow .choosebtn:hover{
    cursor: pointer;
}

#mapBaseLayerControl .chooseshow.active {
    background:#41e5ef!important;
}
#mapBaseLayerControl .chooseshow.active .choosebtn{
    margin-top: 2px !important;
    margin-left: 26px !important;
}





#sideNavMapControl .info-content{
    position: relative;
    width: 428px;
    margin:10px 0 0 22px;
}
#sideNavMapControl .info-content .header{
    width: 100%;
    height: 33px;
}
#sideNavMapControl .info-content .userThematic-ii-header {
    float: left;
    width: 182px;
    height: 33px;
    background: url(../images/layout/bg-ii-header.png) no-repeat;
}
#sideNavMapControl .info-content .userThematic-ii-header.nochoose,
#sideNavMapControl .info-content .userIG-ii-header.nochoose{
    border-bottom: 1px solid #04cfed;
}
#sideNavMapControl .info-content .userIG-ii-header {
    float: left;
    width: 246px;
    height: 33px;
    background: url(../images/layout/bg-ii-header.png) no-repeat 0px 0px;
}
#sideNavMapControl .info-content .itemControl{
    width: 21px;
    height: 21px;
    margin-top: 8px;
    margin-left: 15px;
    float: left;
    cursor: pointer;
}
#sideNavMapControl .info-content h4 {
    font-size:16px;
    float:left;
    margin:8px 0 0 2px;
    color:#fff;
    padding-left: 5px;
    cursor: pointer;
}

#sideNavMapControl .info-content .abtn-more {
    position: absolute;
    left: 363px;
    color: #41e5ef;
    top: 9px;
    font-size: 12px;
    width: 64px;
    height: 24px;
    border-bottom: 1px solid #41e5ef;
    text-indent: 20px;
}

#sideNavMapControl .info-content .info-item .ii-body {
    border-left: 1px solid #04cfed;
    border-right: 1px solid #04cfed;
    border-bottom: 1px solid #04cfed;
    padding: 5px 0;
    height: 200px;
}

#sideNavMapControl .info-content .info-item .ii-footer {
}

#userThematic{
    width: 428px;
}

#userThematicList {
}

#userThematicList .item {
    display:block;
    background:url(../images/layout/lista.png) no-repeat left top;
}
#userThematicList .thematic-layer-link span{
   padding-left: 35px !important;
}
#userThematicList .item:hover,
#userThematicList .item.selected {
    background:url(../images/layout/hovera.png) no-repeat left top;
}

#userThematicList .item .translate {
    color:#fff;
    line-height:30px;
    padding:5px 45px 5px 30px;
    cursor: pointer;
}

#userThematicList .item.selected .translate {
    background:url(../images/layout/inputchecked.png) no-repeat 20px center;
}


#userIG{
    width: 428px;
    display: none;
}

#userIGList {

}

#userIGList .item {
    display:block;
    background:url(../images/layout/lista.png) no-repeat left top;
}
#userIGList .thematic-layer-link span{
   padding-left: 35px !important;
}
#userIGList .item:hover,
#userIGList .item.selected {
    background:url(../images/layout/hovera.png) no-repeat left top;
}

#userIGList .item .translate {
    color:#fff;
    line-height:30px;
    padding:5px 45px 5px 30px;
    cursor: pointer;
}

#userIGList .item.selected .translate {
    background:url(../images/layout/inputchecked.png) no-repeat 20px center;
}

/*��Ҫ������Ŀ���Զ���*/
#userIGListInfo .item {
    display:block;
    background:#365162;
}
/*#userIGListInfo section.item{
    padding-left: 65px;
    background: #365162 url(../images/layout/right.png) 40px no-repeat;
    border-bottom: 1px solid #666;
}*/
#userIGListInfo section.item .sectionbg{
    padding-left: 65px;
    background: #365162 url(../images/layout/right.png) 40px no-repeat;
    border-bottom: 1px solid #666;
    cursor: pointer;
}
#userIGListInfo section.item .sectionbg.open{
    padding-left: 65px;
    background: #365162 url(../images/layout/down.png) 40px no-repeat;
    border-bottom: 1px solid #666;
    cursor: pointer;
}
#userIGListInfo section.item li.item{
    padding-left: 50px;
    background: #273640;
}
#userIGListInfo section.item li.item.selected{
    background: #273640 url("../images/weixing/selected.png") no-repeat 50px center !important;
}
#userIGListInfo .thematic-layer-link span{
   /*padding-left: 35px !important;*/
}
#userIGListInfo .item:hover,
#userIGListInfo .item.selected {
    color: #378be0;
}

#userIGListInfo section.item li.item .translate {
    color:#fff;
    line-height:30px;
    padding-left:25px;
    cursor: pointer;
    background: url("../images/weixing/selected-no.png") no-repeat 0px center !important;
}
#userIGListInfo .item .linkContent{
    display: none;
}

#userIGListInfo .item.selected .translate {
    background: url("../images/weixing/selected-no.png") no-repeat 0px center !important;
}


#sideNavMapControl .footer {
    position:relative;
    margin: 15px 0 15px 0;
    height:25px;
}


#sideNavMapControl .btn-atals-labrary {
    margin: 0 10px 0 22px;
}
#sideNavMapControl .abtn-user-help{
    background: url(../images/layout/userHelp.png) no-repeat 0px 3px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    border: 0px;
    float: right;
    margin-right: 5px;
}
#sideNavMapControl .abtn-user-help:hover{
    background: url(../images/layout/userHelpCur.png) no-repeat 0px 3px;
}
#sideNavMapControl .abtn-user-help.active{
    background: url(../images/layout/userHelpCur.png) no-repeat 0px 3px;
}
#sideNavMapControl .abtn-user-fav{
    float: right;
    margin-right: 23px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: url(../images/layout/icon-fav.png);
}

#sideNavMapControl .abtn-user-fav:hover{
    background: url(../images/layout/icon-fav-hover.png) -1px -1px;
}

#sideNavMapControl .abtn-user-setting{
    float: right;
    margin-right: 23px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: url(../images/layout/icon-setting.png);
    display: none;
}
#sideNavMapControl .abtn-user-setting:hover{
    background: url(../images/layout/icon-setting-hover.png) 0px -2px;
}


#sideNavMapControl .abtn-show-name{
    float: right;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: url(../images/layout/icon-name.png);
}
#sideNavMapControl .abtn-show-name.active,
#sideNavMapControl .abtn-show-name:hover{
    background: url(../images/layout/icon-name-hover.png)
}
#sideNavMapControl .abtn-show-name.active{
    border: 1px solid #666;
}
#sideNavMapControl .abtn-show-shijing{
    float: right;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    display: none;
}
#sideNavMapControl .abtn-show-shijing.active,
#sideNavMapControl .abtn-show-shijing:hover{
}
#sideNavMapControl .abtn-show-shijing.active{
    border: 1px solid #666;
}
#sideNavMapControl .abtn-show-STLayer{
    float: right;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: url(../images/layout/icon-st.png);
}
#sideNavMapControl .abtn-show-STLayer.active,
#sideNavMapControl .abtn-show-STLayer:hover{
    background: url(../images/layout/icon-st-hover.png);
}
#sideNavMapControl .abtn-show-STLayer.active{
    border: 1px solid #666;
}

#sideNavMapControl .abtn-show-DEMTD{
    float: right;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: url(../images/layout/icon-terrain.png);
    display:none;
}
#sideNavMapControl .abtn-show-DEMTD.active,
#sideNavMapControl .abtn-show-DEMTD:hover{
    background: url(../images/layout/icon-terrain-hover.png);
}
#sideNavMapControl .abtn-show-DEMTD.active{
    border: 1px solid #666;
}


#sideNavMapControl .abtn-show-pointshijing{
    float: right;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: url(../images/layout/icon-shijing3.png);
    display:none;
}
#sideNavMapControl .abtn-show-pointshijing.active,
#sideNavMapControl .abtn-show-pointshijing:hover{
    background: url(../images/layout/icon-shijing3.png);
}
#sideNavMapControl .abtn-show-pointshijing.active{
    /* border: 1px solid #666; */
}
#map23dChangeNav {
    position: absolute;
    right: 40px;
    top: 0px;
}

#map23dChangeNav .change_2d {
    float:left;
}

#map23dChangeNav .current {
    background: url(../../images/layout/bg-btn-default-hover.png) repeat-x left;
}

.go-user-manage,
.go-gcms,
.go-hmdms {
    display:none;
}
#sideNavMapControl .footer .mod-link{
    height: 15px;
}