﻿.fullmap {height:100%;width:100%;overflow:hidden;position:absolute}
/* no flash Tip */
.noflash，.noflash a { font-size: 14px; }
.noflash { padding: 25% 0 0; text-align: center; }
.noflash a { color: #335AB2; text-decoration: underline; }

/**船舶信息框相关**/
/*船舶信息框带选项卡样式*/
.locusBox { padding: 5px; width: 490px; font: normal 12px/19px Arial,sans-serif; }
.locusBox .attrName { width: 60px; text-align: left; display: inline-block; }
.locusBox .attrCont { width: 115px; display: inline-block; }

.locusTab_main { width:490px; position:relative; padding: 10px 0 5px 0; overflow-x: hidden; overflow-y: auto; }

.xinfo { color:#ddd;font-size: 13px;font-family: 微软雅黑;line-height:21px;}
.xinfo .bg { background: #f6f6f6; }
.xinfo .o, .xinfo .m, .xinfo .ro { text-overflow: ellipsis; overflow: hidden; height: 19px; white-space: nowrap; }
.xinfo .o { width: 138px; }
.xinfo .m { width: 146px; line-height: 20px; }
.xinfo .ro { width: 130px; }

/* button style */
.backBtn a, .btnLink a, .chooseBox a, .chatBtn a, .btnLink a.setTipImg { width: 75px; height: 24px; line-height: 24px; display: inline-block; text-align: center;margin-right: 6px; outline: none;font-size:13px;}
.btnLink a.tipsdisable, .btnLink a.tipsdisable:hover { background:#ddd; cursor: default; color: Gray; }
.btnLink a.deflink, .btnLink a.deflink:hover { background: none; text-decoration: underline; width: auto; color: #095DC8; }
.btnLink a.deflink:hover { color: #f60; }
.btnLink a:hover {background:rgba(206, 198, 43, 0.380392);color:rgba(255, 255, 255, 0.9);}
/**船舶信息框按钮样式**/
.btnLink .btnOff {background:rgba(255, 255, 255, 0.3);color:rgba(255, 255, 255, 0.9)}
.btnLink .btnOn {background:#ffeb12;color:#000;}

.btnLink a.setTipImg { background: url(/Content/Monitor/images/btnBgBig.gif) no-repeat left top; width: 65px; margin-right: 0; }
.backBtn a:hover, .chooseBox a:hover, .chatBtn a:hover, .btnLink a.setTipImg:hover { background:#333; text-decoration: none; height: 28px; }
.btnLink a.setTipImg:hover { background: url(/Content/Monitor/images/btnBgBig.gif) no-repeat left bottom; }
.backBtn a.julft { margin-left: 66px; _margin-left: 68px; }
.tipsBtn, .tipsBtnHover, .tipsdisable { height: 22px; width: 57px; margin-right: 8px; }
.tipsBigBtn, .tipsBigBtnHover, .tipsbigdisable { height: 22px; }
.tipsBigBtn, .tipsBigBtnHover { width: 65px; }
.tipsdisable { color: #B0B0B0; }
.tipsbigdisable { color: #B0B0B0; }

.tipsBtn, .tipsBigBtn { color: #393939; }
.tipsBtnHover, .tipsBigBtnHover { color: #35639F; }
.tipsdisable { background: url(/Content/Monitor/images/btnBg.gif) no-repeat 0 bottom; border: none; }

.tipsBtn { background: url(/Content/Monitor/images/btnBg.gif) no-repeat 0 0; border: none; }
.tipsBtnHover, .tipsbigdisable, .tipsBigBtnHover { background: url(/Content/Monitor/images/btnBg.gif) no-repeat 0 -27px; height: 22px; border: none; cursor: pointer; }

.tipsbigdisable { background: url(/Content/Monitor/images/btnBgBig.gif) no-repeat 0 bottom; border: 0; }

.tipsBigBtn { background: url(/Content/Monitor/images/btnBgBig.gif) no-repeat 0 0; border: none; }
.tipsBigBtnHover { background: url(/Content/Monitor/images/btnBgBig.gif) no-repeat 0 -27px; }

.tipArea { width: 100%; height: auto; overflow: hidden; }
.tipArea span { display: inline-block; float: left; width: 60px; color: #1A4C89; }
.tipArea .cont { float: left; width: 78%; color: #666; }
.tipArea .tipBox { color: #FF0000; text-indent: 2.7em; *text-indent: 0.8em; width: 100%; }

.btnLink { clear: both; padding: 5px 0 2px; text-align: right;display: inline-block;position:relative; }

.chooseBox { clear: both; line-height: 1em; height: 25px; margin-top: 5px; position: relative;width:238px;display:inline-block; }
.chooseBox .c1, .chooseBox .c2, .chooseBox .c3, .chooseBox .c4, .chooseBox .c5, .chooseBox .c6, .chooseBox .c7, .chooseBox .c8, .chooseBox .c9 { position: absolute; left: 0; top: 0; }
.chooseBox .c1 { padding-top: 1px;color: #ddd;font-size: 13px;margin:6px 6px 6px 0px; }
.chooseBox .c2 { left: 62px; width: 97px; margin:6px 6px 6px 2px; padding: 0; height: 18px;padding-bottom:3px; line-height: 18px; text-indent: 3px;color:#ddd;border:none; }
.chooseBox .c3 { left: 160px; width: 44px; height: 17px; line-height: 18px; border: 2px solid rgba(221, 221, 221, 0.27); text-align: center;margin:6px;    margin-left: 12px; }
.chooseBox .c4, .chooseBox .c6 { left: 162px; top: 2px; width: 19px; height: 17px; border: 0; margin: 6px; padding: 0; text-align: center; margin-left: 12px;background: rgba(255,255,255,0.25);color: #ddd;}
.chooseBox .c6 { left: 187px;margin:6px ;margin-left: 12px;}
.chooseBox .c7 { left: 208px; cursor: pointer;margin:6px;margin-left: 13px; }
.chooseBox .c8 { left: 208px; top: 10px; cursor: pointer;margin:6px; margin-left: 13px;}
.chooseBox .c9 { left: 228px; }
.chooseBox .c9 input { margin: 0 5px 0 0; }

.shipPopTip { width: 100%;text-align: center; clear: both;color: #ffeb12;font-size: 13px;line-height: 27px; display:inline-block;}

.track_list { padding: 5px; }
.track_list h4 { margin: 0; padding: 0; border-bottom: 1px solid #ddd; background: #f6f6f6; font-size: 12px; font-weight: normal; display: block; height: 22px; line-height: 22px; overflow: hidden; display: none; }
.track_list p { margin: 0; padding: 0; }
.track_list a { display: block; height: 22px; line-height: 22px; overflow: hidden; }
.track_list a:hover { background: #def; text-decoration: none; }
.track_list a span * { float: right; display: block; width: 18px; height: 24px; }
.track_list a s { background: url(/Content/Monitor/images/unhideTrack.gif) no-repeat 0 3px; display: none; }
.track_list a s.on { background: url(/Content/Monitor/images/hideTrack.gif) no-repeat 0 3px; }
.track_list a b { background: url(/Content/Monitor/images/del.gif) no-repeat 5px 3px; cursor: pointer; }
.track_list a i { padding: 0 8px; background: url(/Content/Monitor/images/24Track.gif) no-repeat 0 -3px; }
#track_list2 u { padding-left: 20px; background: url(/Content/Monitor/images/24Track.gif) no-repeat 0 -3px; text-decoration: none; }

.WebDate3 { background:rgba(255,255,255,0.25); }
.xwin_close { background:url(../Images/xclose.png) no-repeat;width: 25px; height: 20px;right:6px;top:6px;}
.xwin_close:hover{width: 25px;height: 20px;background: url(../Images/xclose.png) no-repeat -48px 0px;}
.xwin_title {padding-left:13px;padding-top:13px;font-weight:normal;color:#fff;font-size:14px;}
.xwin_content {    padding: 0px 6px 11px 6px;}

/**靠港记录样式**/
.dataTable_shipcall{ width:410px; margin:0 auto; border-collapse:collapse;  table-layout:fixed; white-space:nowrap;line-height:24px;font-size:12px;font-family:"微软雅黑";color:#fff;text-align:center;}
.dataTable_shipcall th,.dataTable_shipcall td{ padding:1px 3px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.dataTable_shipcall tr{ cursor:pointer;}
.dataTable_shipcall caption{ font-size:1.2em; font-weight:bold; margin:1em 0 0.5em 0;}
.dataTable_shipcall thead{font-weight:normal;background:rgba(255,255,255,0.3);}
.dataTable_shipcall th{text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
/*.dataTable_shipcall .odd{ background-color:#edf5ff;}*/
.dataTable_shipcall tr:hover{ background-color:rgba(206, 198, 43, 0.380392); color:#fff;}
.dataTable_shipcall thead tr:hover{ background-color:transparent; color:inherit;}

.calllist {font: normal 12px/19px Arial,sans-serif;max-height: 233px;width:706px;top: 8px;margin-bottom:10px;position:relative}

/**区域手动录入样式**/
.entry_lat_1{float:left;margin-left:5px;margin-top:10px;}
.entry_lng_1{float:left;margin-left:10px;margin-top:10px;}
#entry_div_1{overflow:auto;height:112px}
#entry_div_1 input{display:inline-block;width:23px;height:16px;background:rgba(255,255,255,0.3);border:none;color:#fff;}
#entry_div_1 label{display:inline-block;width:21px;color:#ddd;font-size: 11px;}
#entry_div_1 select{display:inline-block;width:38px;margin-left:5px}
#entry_div_1 .du{width:28px}
#entry_div_1 .fen{width:49px}
.entry_lat_1 a,.entry_lat_2 a{background: url(/Images/NSEW.png) no-repeat;background-position-y: -18px;}
.entry_lat_1 .ns,.entry_lat_2 .ns{background: url(/Images/NSEW.png) no-repeat;background-position-y: 0px;}
.entry_lng_1 a,.entry_lng_2 a{background: url(/Images/NSEW.png) no-repeat;background-position-y: -54px;}
.entry_lng_1 .ew,.entry_lng_2 .ew{background: url(/Images/NSEW.png) no-repeat;background-position-y: -36px;}

.entry_lat_2{float:left;margin-left:5px;margin-top:10px;}
.entry_lng_2{float:left;margin-left:10px;margin-top:10px;}
#entry_div_2{overflow:auto;height:112px}
#entry_div_2 input{display:inline-block;width:23px;height:16px;background:rgba(255,255,255,0.3);border:none;color:#fff;}
#entry_div_2 label{display:inline-block;width:21px;color:#ddd;font-size: 11px;}
#entry_div_2 select{display:inline-block;width:38px;margin-left:5px}
#entry_div_2 .du{width:28px}
#entry_div_2 .miao{width:31px}

.entry_line_div{position:relative;overflow:hidden;}
.entry_line_div span{width:11px;text-align:center;color:#ddd;font-size: 11px;}
.entry_line_div a{margin-left:5px;height:18px;width:38px;cursor:pointer}
.entry_line_div div, .entry_line_div label, .entry_line_div span,.entry_line_div a, .entry_line_div input{float:left;display:inline-block;line-height:18px}
.entry_addnew{cursor: pointer;position: absolute;display: block;width: 66px;height: 15px;top: 71px;right: 13px;font: 7px;font-size: 12px;color: #ddd;text-align: right;}

.locusBox_entry { padding: 5px; font: normal 12px/19px Arial,sans-serif; }
.locusBox_entry .attrName_entry { width: 60px; text-align: left; display: inline-block; }
.locusBox_entry .attrCont_entry { width: 115px; display: inline-block; }

.locusTab_entry {height: 23px;
  border-bottom: 1px solid rgba(255,255,255,0.5);
  position: relative;
  padding-bottom: 8px;}
.locusTab_entry .locus_ul_entry { height: 24px; position: absolute; left: 0; top: 0; }
.locusTab_entry .locus_ul_entry a { float: left; display: inline-block; line-height: 20px; margin-right: 4px; color: #fff;width:60px;text-align:center;border:1px solid rgba(255,255,255,0.5);border-radius:15px; }
    .locusTab_entry .locus_ul_entry a.cur { border: 1px solid rgba(255, 255, 18, 0.7);color: #ffeb12;
    }
.locusTab_entry .locus_ul_entry a.cur:hover{  border: 1px solid rgba(255, 255, 18, 0.7);color: #ffeb12; }

.locusTab_main_entry { width:380px; position:relative; padding: 10px 0 5px 0; overflow-x: hidden; overflow-y: auto; }

.zcBtn_entry {margin:5px; width: 60px;height: 20px;background: #ffeb12;text-align: center;color: #000;font-size:12px;font-family: 微软雅黑;line-height: 20px;display:inline-block;margin-top:15px;}

.shiploading {    position: absolute;z-index: 1500;height: 50px;width: 200px;background:url(../images/022.gif) center center no-repeat;text-align: right;color: #E8D7D7;line-height: 64px;padding-right: 51px;font-weight: bolder;font-size:13px}
/**滚动条相关**/
.zUIpanelScrollBox,.zUIpanelScrollBar{width:10px;top:0px;right:2px;border-radius:8px;}
.zUIpanelScrollBar {margin-top:5px;}
.zUIpanelScrollBox{background:black;opacity:0.8;filter:alpha(opacity=80);}
.zUIpanelScrollBar{background:rgba(255, 255, 255, 0.59);opacity:0.8;filter:alpha(opacity=80);}
._searchmore, ._searchone, .matching {
    z-index: 1001
}
.maptabs_bg {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 80px;
    background: #fff;
    z-index: 1001;
    opacity: .7;
}
.maptabs_box_hide {
    width: 96px;
    height: 60px;
}
.maptabs_box {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 1002;
}
.maptabs_box_hide a.map_layer2 {
    right: 10px;
    opacity: .5;
    z-index: 1004;
}
.maptabs_box_hide a {
    border: 1px solid #fff;
    top: 0;
    box-shadow: 0 2px 2px rgba(0,0,0,.25);
}
.maptabs_box a {
    display: inline-block;
    position: absolute;
}
a {
    text-decoration: none;
    color: #fff;
}
img {
    border: none;
    vertical-align: middle;
}
.maptabs_box b {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: 50px;
    line-height: 20px;
    color: #fff;
    background: rgba(0,0,0,.5);
    text-align: center;
    font-weight: 400;
}
.maptabs_box_show {
    width: 258px;
    height: 60px;
}
.maptabs_box_hide {
    width: 96px;
    height: 60px;
}
