/*
site:www.shipfinder.com
by:zhonghua.huang@shipfinder.cn
date:2013-6-19
*/
/*for the ship position*/
.search_box { height: 60px; padding: 4px 0 4px 240px; position: relative; }
.default_logo { width: 200px; height: 38px; background: url(../../Images/en/logos.jpg) no-repeat; position: absolute; top: 24px; left: 20px; }
.default_logo a { display: block; height: 38px; overflow: hidden; line-height: 1000px; }
.default_search_title { padding: 10px 0 0 2px; height: 16px; line-height: 16px; }
.default_search_title span { margin: 0 12px 0 0; font-size: 14px; }
.default_search_title span.f1 { color: #3b92e7; }
.default_search_title span.f2 { color: #59A50F; }
.default_search_title span.f3 { color: #EE5AF9; }
.default_search_title span.f4 { color: #E3B404; }
.default_search_title span.f5 { color: #f42c2c; }
.default_search_box { height: 25px; padding-top: 4px; }
.default_search_box span { display: inline-block; float: left; height: 25px; }
.default_search_box span.input_box { width: 290px; height: 23px; border: #727272 1px solid; }
.default_search_box span.input_box input { color: #B9B9B9; font-size: 12px; border: #fff 0 solid; width: 280px; padding-top: 3px; position: relative; outline: none; }
.default_search_box span .search_btn_1 { color: #434343; cursor: pointer; height: 25px; width: 60px; border: none; position: relative; font-size: 14px; background: url(../../Images/en/content.jpg) no-repeat -5px -421px; margin-left: 10px; }
.default_search_box span .search_btn_2 { color: #434343; cursor: pointer; height: 25px; width: 60px; border: none; position: relative; font-size: 14px; background: url(../../Images/en/content.jpg) no-repeat -4px -388px; margin-left: 10px; }

.fastPort { height: 48px; padding: 0 5px 0 15px; position: absolute; top: 10px; right: 5px; }
.fastPort span { display: block; position: absolute; height: 48px; background: url(../../Images/en/fastBg.gif) no-repeat 0 0; }
.fastPort span.fastLeftBg { left: 0; top: 0; width: 20px; }
.fastPort span.fastRightBg { right: 0; top: 0; background-position: -20px 0; width: 5px; }
.fastPort ul { width: 300px; height: 46px; border-top: 1px solid #B8D9F8; border-bottom: 1px solid #B8D9F8; }
.fastPort ul li { width: 60px; text-align: center; float: left; line-height: 23px; }
.fastPort ul li a { color: #6187DC; }
.fastPort ul li a.fastMore { color: #666; }
.fastPort ul li a:hover { text-decoration: underline; }
.fastPort ul.china { width: 420px; }
.fastPort ul.china li { width: 70px; }
/*for the map left menu*/
.lftNav { float: left; position: absolute; z-index: 1000; width: 270px; background: #fff; }
.lftNav .topBar { background: #d4eaff; height: 25px; margin-bottom: 10px; text-align: right; }
.lftNav .topBar a { background: url(../../Images/en/ico8.jpg) no-repeat 0 1px; display: inline-block; width: 17px; height: 25px; }
.tit { margin: 10px 0 0 20px; }
.tit span { color: #EE0000; font-weight: bold; text-decoration: underline; font-size: 14px; font-family: Arial, Helvetica, sans-serif; margin-right: 14px; position: relative; top: 2px; cursor: pointer; }
.tit img { cursor: pointer; }
#menuContainer s { color: gray; }
.secondNav p s { color: gray; }
.navTit { padding: 0; cursor: pointer; }
.navTit h4 { white-space: nowrap; }
.navTit h3, .navTit h3.active, .bellTip h3 { color: #095DC8; background: url(../../Images/en/ico4.gif) no-repeat 4px 0; font: normal 12px/25px arial; padding-left: 22px; margin: 6px 5px 0 6px; }
.navTit h3.active { background: url(../../Images/en/ico4.gif) no-repeat 4px -25px; overflow: hidden; }
.secondNav { padding: 5px 5px 0 25px; }
.secondNav ul { }
.secondNav ul li { height: 24px; line-height: 24px; cursor: pointer; color: #757575; }
.secondNav ul li.active { background: #EBF2FA; }
.secondNav ul li h4 { font-weight: normal; width: 60%; float: left; height: 24px; overflow: hidden; text-indent: 4px; font: normal 12px/24px arial; }
.secondNav p { height: 24px; float: right; overflow: hidden; }
.secondNav p i { display: block; float: right; height: 24px; width: 18px; cursor: pointer; background-repeat: no-repeat; }
.secondNav p i.del { background-image: url(../../Images/en/del.gif); background-position: 4px 8px; }
.secondNav p i.alt { background-image: url(../../Images/en/editTb.gif); background-position: center; }
.secondNav p i.bel { background-image: url(../../Images/en/bellSmall.gif); }
.secondNav p i.bel { background-image: url(../../Images/en/bellSmall.gif); background-position: center; }
.secondNav p i.trk { background-image: url(../../Images/en/24Track.gif); background-position: -1px 0; }
.secondNav p i.trk2 { background-image: url(../../Images/en/unhideTrack.gif); background-position: -1px 0; }
.secondNav p i.sat { background-image: url(../../Images/en/satellite.gif); background-position: 1px 0; }
.secondNav p i.sat2 { background-image: url(../../Images/en/unsatellite.gif); background-position: 1px 0; }
.secondNav p i.msg { background-image: url(../../Images/en/readInfo.gif); background-position: 3px 0; }
.secondNav p i.msg2 { background-image: url(../../Images/en/uninfo.gif); background-position: 3px 0; }
.secondNav p i.msg3 { background-image: url(../../Images/en/info.gif); background-position: 3px -1px; }
.secondNav p i.def { background-image: url(../../Images/en/ico9.gif); background-position: 0 8px; }


/*for right map*/
.rigMap { float: right; position: absolute; z-index: 1; }
.mapToolBar { height: 25px; line-height: 25px; background: #e1f0ff; padding: 0 5px 0 0; position: relative; }
#mapbox { position: relative; }
/*--- shadow ---*/
#ds-h div { width: 100%; }
#ds-v div { height: 100%; }
#ds-h div, #ds-v div, #mapboxFlash { left: 0; top: 0; position: absolute; background: #000; overflow: hidden; }
#mapboxFlash { width: 100%; height: 100%; background: #fff; }

.ap1 { opacity: .1; filter: alpha(opacity=10); }
.ap2 { opacity: .08; filter: alpha(opacity=8); }
.ap3 { opacity: .06; filter: alpha(opacity=6); }
.ap4 { opacity: .04; filter: alpha(opacity=4); }
.ap5 { opacity: .02; filter: alpha(opacity=2); }

#mapbox .v1 { width: 1px; }
#mapbox .v2 { width: 2px; }
#mapbox .v3 { width: 3px; }
#mapbox .v4 { width: 4px; }
#mapbox .v5 { width: 5px; }
#mapbox .h1 { height: 1px; }
#mapbox .h2 { height: 2px; }
#mapbox .h3 { height: 3px; }
#mapbox .h4 { height: 4px; }
#mapbox .h5 { height: 5px; }

/*for the map toolBarLink*/
.toolBarLink { height: 20px; position: absolute; top: 3px; right: 0; }
.toolBarLink a { display: inline-block; float: right; line-height: 20px; padding-left: 19px; background-image: url(../../Images/en/maptoolImg.gif); background-repeat: no-repeat; margin-right: 7px; color: #095DC8; }
.toolBarLink a:hover { color: #095DC8; text-decoration: underline; }
.toolBarLink a.measureLink { background-position: 0 0; }
.toolBarLink a.addFocus { background-position: 0 -20px; _background-position: left -22px; }
.toolBarLink a.viewShip { background-position: 0 -42px; _background-position: left -44px; }
.toolBarLink a.weatherLink { background-position: 0 -64px; _background-position: left -66px; }
.toolBarLink a.fullScreen { background-position: 0 -86px; _background-position: left -87px; }
.toolBarLink a.legend { background-position: 0 -107px; _background-position: left -109px; }
.toolBarLink a.filterShip { background-position: 0 -107px; _background-position: left -109px; }
.toolBarLink a.locateMap { background-position: left -125px; }
.toolBarLink a.filterShow{background-position: left -144px; _background-position: left -145px;}
.toolBarLink a.newfilterShow{background-position: left -162px; _background-position: left -163px;}
.toolBarLink a.viewArea {background:url(/Images/area_icon.png) no-repeat 0 3px;}
.openLeftNav { display: block; background: url(../../Images/en/ico8.jpg) no-repeat 0 -23px; width: 17px; height: 25px; position: absolute; left: 5px; top: 0; }
.toolsearch { height: 19px; position: absolute; top: 3px; left: 30px; }
.inputMini { width: 192px; padding: 0 6px; height: 17px; float: left; border: 1px solid #92B5D8; color: #B9B9B9; }
.btnMini { float: left; display: inline; margin: 1px 0 0 4px; }




.legendBox { width: 230px; border: 1px solid #C8E1FB; background: #EDF7FF; padding: 5px 10px; position: absolute; top: 25px; right: 2px; z-index: 1000000; }
.legendBox ul { }
.legendBox ul li { padding-left: 12px; height: 28px; text-indent: 3em; line-height: 28px; color: #666; }
.legendBox ul li.legend_title { height: 20px; line-height: 20px; font-weight: bold; border-top: 1px solid #DBE8F3; margin: 3px 0; padding-left: 0; text-indent: 0; color: #333; }
.legendBox ul li.redShip { background: url(../../Images/en/Screenshots/redShip.gif) no-repeat 12px center; }
.legendBox ul li.purpleShip { background: url(../../Images/en/Screenshots/purpleShip.gif) no-repeat 12px center; }
.legendBox ul li.yellowShip { background: url(../../Images/en/Screenshots/yellowShip.gif) no-repeat 12px center; }
.legendBox ul li.greenShip { background: url(../../Images/en/Screenshots/greenShip.gif) no-repeat 12px center; }
.legendBox ul li.grayShip { background: url(../../Images/en/Screenshots/grayShip.gif) no-repeat 12px center; }

.legendBox ul li.navigation { background: url(../../Images/en/Screenshots/navigation.gif) no-repeat 12px center; line-height: 30px; height: 30px; }
.legendBox ul li.turn { background: url(../../Images/en/Screenshots/turn.gif) no-repeat 12px center; line-height: 30px; height: 30px; }

.legendBox ul li.aisymbol { background: url(../../Images/en/Screenshots/aisymbol.gif) no-repeat 12px center; line-height: 45px; height: 45px; text-indent: 8em; }
.legendBox ul li.dplusymbol { background: url(../../Images/en/Screenshots/dplusymbol.gif) no-repeat 12px center; line-height: 45px; height: 45px; text-indent: 8em; }
.legendBox ul li.sAis { background: url(../../Images/en/Screenshots/sAis.gif) no-repeat 12px center; line-height: 45px; height: 45px; text-indent: 8em; }


.markMenuBox { width: 132px; background: #EDF7FF; border: #C8E1FB 1px solid; position: absolute; top: 25px; right: 55px; overflow: hidden; z-index: 900000; }
.markMenuBox a { display: inline-block; line-height: 22px; background: #EDF7FF; }
.markSysBoxContent { padding: 5px 15px 5px 15px; background: #EDF7FF; }

/*--- 标注管理窗口 ---*/
.shipMarkerBox { }
.shipMarkerBox h3 { color: #095DC8; background: url(../../Images/en/s_plus.gif) no-repeat 3% 8px; font: normal 12px/25px arial; text-indent: 2.2em; cursor: pointer; }
.shipMarkerBox h3.open { background-image: url(../../Images/en/s_minus.gif); overflow: hidden; }
.shipMarkerBox ul { padding-left: 30px; }
.shipMarkerBox ul li { display: block; height: 22px; line-height: 22px; overflow: hidden; }
.shipMarkerBox ul li a { background: url(../../Images/en/maptoolImg.gif?v=1) no-repeat left -20px; padding-left: 20px; }
.shipMarkerBox ul li s, .shipMarkerBox ul li i { display: block; height: 22px; width: 18px; overflow: hidden; cursor: pointer; float: right; background: #eee; }
.shipMarkerBox ul li s { background: url(../../Images/en/del.gif?v=1) no-repeat center; }
.shipMarkerBox ul li i { background: url(../../Images/en/editTb.gif?v=1) no-repeat center; }

/*--- 添加标注窗口表格 ---*/
.hj_table { width: 100%; table-layout: fixed; }
.hj_table tr.hj_table_th td { height: 1px; line-height: 1px; overflow: hidden; font-size: 0; }
.hj_table tr td input { border: 1px solid #7E9DB9; }
.hj_table tr td textarea { border: 1px solid #7E9DB9; resize: none; }
.hj_table tr td select { border: 1px solid #7E9DB9; width: 100px; }
.hj_table_title { height: 25px; background: url(../../Images/en/hj_table_title.png) repeat-x 0 0; line-height: 25px; font-size: 12px; margin: 8px 0; color: #0066A7; }

/*--- 按钮组 ---*/
.btnsbox { height: 24px; margin-top: 10px; text-align: center; clear: both; }
.btnsbox a { float: none; }

/*--- 图片板 ---*/
.imgPanel { width: 390px; height: 250px; position: absolute; border: 1px solid #ababab; background: #fff; z-index: 10000; }
.imgPanel_title { height: 32px; border-bottom: 1px solid #AFAFAF; background: url(../../Images/en/chat_bg.png) repeat-x 0 -48px; position: relative; }
.imgPanel_title span { display: block; position: absolute; height: 26px; line-height: 26px; padding: 0 12px; color: #444; bottom: -1px; border: 1px solid #ababab; border-bottom: none; left: 10px; background: #fff; color: #06c; font-weight: bold; }
.imgPanel_title a { display: block; position: absolute; right: 9px; top: 9px; color: #f00; }
.imgPanel_title a:hover { color: #00f; }
.imgPanel ul { padding: 13px 20px; height: 200px; }
.imgPanel ul li { float: left; height: 50px; width: 50px; text-align: center; overflow: hidden; }
.imgPanel ul li a { display: block; height: 45px; width: 45px; border: 1px solid #ededed; }
.imgPanel ul li a:hover { background: #fff9ec; border-color: #ff9900; }

/*for the xwin content*/
.locusBox { padding: 5px; width: 410px; font: normal 12px/19px Arial,sans-serif; }
.locusTab { height: 23px; border-bottom: 1px solid #DFE4E9; position: relative; }
.locusTab .locus_ul { height: 24px; position: absolute; left: 0; top: 0; }
.locusTab .locus_ul a { float: left; padding-left: 12px; display: inline-block; height: 24px; background: url(../../Images/en/lucosTab.png) no-repeat 0 -24px; line-height: 24px; margin-right: 4px; color: #336699; }
.locusTab .locus_ul a span { display: block; float: left; padding-right: 12px; background: url(../../Images/en/lucosTab.png) no-repeat right -24px; height: 24px; cursor: pointer; }
.locusTab .locus_ul a:hover { background: url(../../Images/en/lucosTab.png) no-repeat 0 -48px; text-decoration: none; }
.locusTab .locus_ul a:hover span { background: url(../../Images/en/lucosTab.png) no-repeat right -48px; }
.locusTab .locus_ul a.cur { background: url(../../Images/en/lucosTab.png) no-repeat 0 0; font-weight: bold; color: #095DC8; }
.locusTab .locus_ul a.cur span { background: url(../../Images/en/lucosTab.png) no-repeat right 0; }
.locusTab .locus_ul a.cur:hover { background: url(../../Images/en/lucosTab.png) no-repeat 0 0; }
.locusTab .locus_ul a.cur:hover span { background: url(../../Images/en/lucosTab.png) no-repeat right 0; }

.locusTab_main { margin: 10px 0 0; overflow-x: hidden; overflow-y: auto; }
.xinfo { line-height: 19px; }
.xinfo .bg { background: #f6f6f6; }
.xinfo .o, .xinfo .m, .xinfo .ro { text-overflow: ellipsis; overflow: hidden; height: 19px; white-space: nowrap; }
.xinfo .o { width: 152px; }
.xinfo .m { width: 126px; line-height: 20px; }
.xinfo .ro { width: 115px; }
.xinfo td.r1 { width: 65px; }
.xinfo td.r2 { width: 60px; }
.btnLink { clear: both; padding: 5px 0 2px; }
.centerBts { text-align: center; }
.rightBtns { text-align: right; }


/*加载海图转圈*/
.loadBefor { width: 100%; height: 100%; background: #fff; z-index: 3; position: absolute; }
.loadBefor img { position: absolute; top: 40%; left: 45%; }

.typeShipName, .typeCallsign, .typeMMSI, .typeIMO, .typePORT { text-indent: 5px; font: normal 14px/20px arial,sans-serif; }
.typeShipName { color: #3B92E7; }
.typeCallsign { color: #59A50F; }
.typeMMSI { color: #E3B404; }
.typeIMO { color: #EE5AF9; }
.typePORT { color: #F42C2C; }

/*--- page  ---*/
.pageNumResu { text-align: right; clear: both; margin: 5px 3px 0 0; }
.pageNumResu a { border: none; color: #305EC8; margin: 0 3px; }
.pageNumResu a:hover { border: none; text-decoration: none; }

#FilterShipBox { padding-top: 5px; }
#FilterShipBox td { padding: 5px 0; }
#FilterShipBox .input { height: 17px; width: 120px; border: 1px solid #7F96B8; line-height: 17px; }
#FilterShipBox .border { background: #f6f6f6; border: 1px solid #ddd; padding: 3px 5px; height: 22px; overflow: hidden; }
#FilterShipBox select { float: left; }
#FilterShipTab { border-bottom: 2px solid #69f; height: 20px; }
#FilterShipTab li { display: block; width: 80px; margin-left: 5px; text-align: center; cursor: pointer; float: left; }
#FilterShipTab li.on { background: #69f; color: #fff; font-weight: bold; }

/*船舶筛选分页*/
.xpage1 { text-align: center; padding: 7px 0; height: 21px; line-height: 19px; }
.xpage1 b, .xpage1 a, .xpage1 span { display: inline-block; padding: 0 4px; height: 19px; margin: 0 1px 0 0; }
.xpage1 a { border: 1px solid #dbdbdb; background: url(../../Images/en/pager.gif) repeat-x 0 0; text-decoration: none; }
.xpage1 b { color: white; background: #448FE3; border: 1px solid #2B80E0; }
.xpage1 span { border: 1px solid #dbdbdb; color: #999; }

.xtable { width: 100%; background: #fff; border-style: solid; border-width: 1px; border-collapse: collapse; table-layout: fixed; cursor: default; }
.xtable, .xtable td { border-color: #ddd; text-align: center; }
.xtable td.l { float: none; text-align: left; }
.xtable td.r { float: none; text-align: right; }
.xtable td { border-style: solid; border-width: 1px 0 0 0; overflow: hidden; }
.xtable .th td { border-style: solid; border-width: 1px 0; border-color: #ddd #ddd #ccc #ddd; background: #eee; }
.xtable .bg, .xtable .th, .xtable .tf { background: #f6f6f6; }
.xtable .ov { background: #ffd; }
.xtable .on { background: #ffb; }
.xtable td s { padding: 0 3px; background: url(../../Images/en/sort.gif) no-repeat right 3px; text-decoration: none; }
.xtable td s.asc { background-position: right -17px; }
.xtable td s.desc { background-position: right -37px; }

.mtable { width: 100%; }
.mtable td { padding: 2px 0; }

.mapDraw { display: inline-block; float: left; height: 22px; padding: 0 4px 0 20px; line-height: 22px; }
.fsTips { border: 1px solid #F9F5AE; background: #FFFEF1; height: 22px; line-height: 22px; padding: 0 8px 0 10px; color: #FF5F09; margin-bottom: 6px; }
.fsTips a { text-decoration: underline; }
.fsTips a:hover { color: #ff3300; text-decoration: underline; }

.colorPoint { }
.colorPoint b { display: inline-block; width: 12px; height: 12px; overflow: hidden; border: 2px solid #fff; cursor: pointer; margin-right: 4px; }
.colorPoint b.on { border-color: #000; }

.WebDate3 { border: 1px solid #7F9DB9; background: #fff url(../../Images/en/datePicker.gif) no-repeat right; }
.chooseBox { clear: both; line-height: 1em; height: 25px; margin-top: 5px; position: relative; }
.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: 4px; }
.chooseBox .c2 { left: 62px; width: 92px; margin: 0; padding: 0; height: 18px; line-height: 18px; text-indent: 3px; }
.chooseBox .c3 { left: 160px; width: 46px; height: 18px; line-height: 18px; border: 1px solid #889AA8; text-align: center; }
.chooseBox .c4, .chooseBox .c6 { left: 162px; top: 2px; width: 19px; height: 16px; border: 0; margin: 0; padding: 0; text-align: center; }
.chooseBox .c6 { left: 187px; }
.chooseBox .c7 { left: 208px; cursor: pointer; }
.chooseBox .c8 { left: 208px; top: 10px; cursor: pointer; }
.chooseBox .c9 { left: 228px; }
.chooseBox .c9 input { margin: 0 5px 0 0; }
.shipPopTip { width: 100%; color: red; text-align: center; padding-top: 3px; clear: both; }

/*分组*/
.shipGroup { white-space: nowrap; }
.shipGroup h6 { font: 12px/24px normal; height: 24px; overflow: hidden; background-image: url(../../Images/en/s_plus.gif); background-repeat: no-repeat; background-position: 9px 7px; }
.shipGroup h6.on { background-image: url(../../Images/en/s_minus.gif); }
.shipGroup h6 label { float: left; margin: 0; padding: 0; height: 24px; overflow: hidden; cursor: pointer; }
.shipGroup h6 p { float: right; margin: 0; padding: 0; height: 24px; overflow: hidden; }
.shipGroup ul { padding: 0; margin: 0 5px 0 25px; }
.shipGroup ul li h4 { text-indent: 0; }
.shipGroup .gcolor { display: block; float: left; height: 24px; overflow: hidden; padding: 0 5px 0 25px; }
.shipGroup .gcolor b { display: block; width: 9px; height: 9px; overflow: hidden; margin-top: 7px; }
.dragzone { position: absolute; left: -1000px; width: 10px; height: 10px; border: 1px solid gray; background: #ddd; overflow: hidden; z-index: 10000; }

.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(../../Images/en/unhideTrack.gif) no-repeat 0 3px; display: none; }
.track_list a s.on { background: url(../../Images/en/hideTrack.gif) no-repeat 0 3px; }
.track_list a b { background: url(../../Images/en/del.gif) no-repeat 9px 7px; cursor: pointer; }
.track_list a i { padding: 0 8px; background: url(../../Images/en/24Track.gif) no-repeat 0 -3px; }
#track_list2 u { padding-left: 20px; background: url(../../Images/en/24Track.gif) no-repeat 0 -3px; text-decoration: none; }

.xports { background: #fff; _width: 490px; }
.xports li { padding: 0 5px; line-height: 20px; }
.xports li.bg { background: #E3F4FB; }
.xports li b { margin-right: 5px; color: #000; }
.xports li a { padding: 0 1px; margin-right: 2px; display: inline-block; color: black; }
.xports li a:hover { text-decoration: underline; color: red; }


.palertListBox { padding: 0px 10px 10px; }
.palertListLeft { float: left; width: 182px; }
.palertListMiddle { float: left; width: 182px; margin-left: 10px; }
.palertListRight { float: right; width: 182px; }

.palertList { width: 180px; height: 200px; border: 1px solid #ccc; overflow-x: hidden; overflow-y: auto; position: relative; }
.palertList a { display: block; line-height: 20px; height: 20px; overflow: hidden; padding: 0 5px; position: relative; white-space: nowrap; outline: none; }
.palertList a:hover { background: #f6f6f6; text-decoration: none; }
.palertList a:hover b { display: block; position: absolute; right: 0; top: 0; width: 20px; height: 20px; background: #f6f6f6 url(../../Images/en/del.gif) no-repeat center; cursor: pointer; }
.palertList a:hover i.open { display: block; position: absolute; right: 20px; top: 0; width: 20px; height: 20px; background: #f6f6f6 url(../../Images/cn/bellSmall.gif) no-repeat center; cursor: pointer; }
.palertList a:hover i.close { display: block; position: absolute; right: 20px; top: 0; width: 20px; height: 20px; background: #f6f6f6 url(../../Images/cn/bellgrey.png) no-repeat center; cursor: pointer; }
#palertListPort { height: 180px !important; }

.palertListButtons { margin-bottom: 2px; }
.palertListButtons a { display: block; width: 56px; height: 20px; line-height: 20px; border: 1px solid #ddd; background: #f6f6f6; text-align: center; }
.palertListButtons a:hover { background: #fafafa; text-decoration: none; }
.palertListButtons a.a1 { float: left; width: 30px; }
.palertListButtons a.a2 { float: left; width: 110px; margin: 0 3px; }
.palertListButtons a.a3 { float: right; width: 65px; }

#palertSearchShips { }
#palertSearchShips a { display: block; line-height: 22px; height: 22px; overflow: hidden; padding: 0 5px; white-space: nowrap; outline: none; }
#palertSearchShips a:hover, #palertSearchShips a.on { background: #f6f6f6; text-decoration: none; }

#palertPortBox { height: 325px; padding: 5px 0; position: relative; }
#palertBoxPanel { height: 300px; overflow: auto; }
#palertPortCurrent { position: absolute; left: 5px; bottom: 10px; color: Green; display: none; }
#palertExpireDate { width: 70px; }

.portTab { border-bottom: 2px solid #69f; padding-right: 7px; margin-bottom: 10px; text-align: right; }
.portTab a { display: inline-block; line-height: 22px; padding: 0 7px; }
.portTab a:hover { text-decoration: none; }
.portTab a.on { background: #69f; color: #fff; font-weight: bold; }

#palertPortList1 .xports { width: auto; }
#palertPortList1 li { margin-bottom: 8px; }
#palertPortList1 li a.on { background: #f60; color: White; }

.char { border-bottom: 1px solid #ddd; padding-left: 10px; margin-bottom: 3px; }
.char a { display: inline-block; line-height: 20px; width: 16px; text-align: center; }
.char a:hover { background: #eee; text-decoration: none; }
.char a.on { background: #f60; color: White; }

.wports { height: 260px; overflow: auto; }
.wports a { display: inline-block; width: 45%; line-height: 20px; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 2px; padding-left: 3px; }
.wports a.on { background: #f60; color: White; text-decoration: none; }

#portSearchData { height: 285px; overflow: auto; margin-top: 10px; }
#palertAddRegion { padding: 5px 5px 5px 15px; background: url(../../Images/en/radio.gif) no-repeat left; }
#palertRegionInput { width: 145px; }

#showEmailAndMobilePanel { _width: 100%; position: absolute; }
#showEmailAndMobilePanel i { display: block; left: -10px; top: 5px; position: absolute; width: 0; height: 0; overflow: hidden; border: 5px solid transparent; _border-color: tomato; border-right-color: #666; _filter: chroma(color=tomato); }
#showEmailAndMobileBox { padding: 5px; border: 1px solid #666; background: #ffc; _width: 100%; overflow: hidden; word-break: break-all; }
#showEmailAndMobileBox div { height: 1px; overflow: hidden; background: #ccc; margin: 3px 0; }
#palertSearchResult .bg { background: #f6f6f6; }

.xtip { border: 1px solid #ddd; background: #ffe; color: Red; text-align: center; padding: 7px; }

.palertForm { height: 20px; overflow: hidden; position: relative; border: 1px solid #ccc; margin-bottom: 2px; }
.palertForm input { height: 20px; padding-left: 5px; border: 0; width: 96%; outline: none; background: #fff; }
.palertForm img { position: absolute; right: 4px; top: 4px; cursor: pointer; }

/*--- fast More  ---*/
.fastMore a, .fastMore a.jutop { padding-right: 11px; white-space: nowrap; color: #0066A7; }
.fastMore a.jutop { margin-top: 5px; }
.fastMore a.active { text-decoration: underline; color: #4D91E1; }
.character { width: 65px; font: bold 12px/28px Arial; text-indent: 0.5em; color: #404040; }
.fastMore td.character { vertical-align: top; }

/*--- 手动定位窗口 ---*/
.locateMapBox { margin: 10px; }
.locateMapBox table td.td_gap { padding-right: 10px; }
.locateMapBox table td.uint { font-size: 18px; }
.locateMapBox input { width: 50px; height: 16px; margin-right: 2px; border: 1px solid #7E9DB9; }

/*有边框的表格*/
.excelTable { width: 410px; border-collapse: collapse; table-layout: fixed; border: 1px solid #C2C4C6; border-right: none; margin: 5px 0; }
.excelTable tr.th { background: url(../../Images/en/table_th_bg.png) repeat-x 0 0; border-bottom: 1px solid #C1C3C5; }
.excelTable tr.th td { color: #0B333C; font-weight: bold; }
.excelTable tr td { border-right: 1px solid #C2C4C6; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.excelTable tr.hover { background: #d4eaff; }

#orb_svc { position: absolute; left: 70px; top: 10px; width: 125px; height: 29px; overflow: hidden; cursor: default; background: url(../../Images/en/aisTb.png) no-repeat center; }

.panel_ais { background: rgb(255,248,232); border: 1px solid rgb(255,185,0); border-radius: 5px; margin: 5px 0; }
.obc_ais_box { width: 420px; height: 45px; position: relative; line-height: 20px; overflow: hidden; padding-top: 5px; }
.obc_ais_box .s { margin-left: 8px; color: #ff3300; }
.obc_ais_box .s a { font-weight: bold; margin: 0 4px; text-decoration: underline; }
.obc_ais_box .s a:hover { color: #f60; }
.obc_ais_box a.obc_ais_btn { display: block; float: right; position: relative; padding-left: 12px; height: 29px; top: 6px; right: 3px; line-height: 27px; background: url(../../Images/en/wxTips.png) no-repeat 0 -37px; color: White; font-size: 14px; font-weight: bold; text-decoration: none; text-indent: 0; }
.obc_ais_box a.obc_ais_btn:hover { background: url(../../Images/en/wxTips.png) no-repeat 0 -66px; }
.obc_ais_box a.obc_ais_btn em { display: block; float: left; cursor: pointer; padding-right: 12px; height: 29px; background: url(../../Images/en/wxTips.png) no-repeat right -37px; font-style: normal; }
.obc_ais_box a.obc_ais_btn:hover em { background: url(../../Images/en/wxTips.png) no-repeat right -66px; }
.obc_ais_text { width: 290px; float: left; padding-left: 10px; color: #336699; }

.ihs_logintip { width: 428px; height: 30px; line-height: 30px; padding: 0 0 0 10px; background: rgb(255,248,232); border: 1px solid rgb(255,185,0); border-radius: 5px; }

.only_box { position: relative; height: 90px; }

.stype1 { color: #3B92E7; }
.stype2 { color: #59A50F; }
.stype3 { color: #F42C2C; }
.stype5 { color: #EE5AF9; }
.stype6 { color: #FF6600; }

#ihs_box td { padding: 3px 0; height: 22px; }