/* 航运在线英文网站 新版升级上线
   设计  董芳  
   DIV+CSS的制作  国中华
   制作时期：2009.7.10  */
   
/* design:dongfang div+css:Guozhonghua 2009.7.10  */

/* 外壳 */
.wrap {border:1px #9f9f9f solid;width:930px;background-color:#FFFFFF;overflow:hidden;_overflow:visible;_height:10px;padding:10px;}

/* 导航 */
.nav {height:35px;line-height:35px;background-image:url(../images/navBg.jpg);margin-bottom:10px;}

.charteringLogo {width:171px;float:left;margin-left:20px;}
.navLink {height:25px;line-height:25px;font-weight:bold;color:#ffffff;text-align:right;padding-right:20px;}
.navLink a {margin:0px 10px;}

.navLink a:link, .navLink a:visited{ color:#ffffff; text-decoration:none;}
.navLink a:hover, .navLink a:active{ color:#ffffff; text-decoration:underline;}

/* 内容 */
/* 内容左侧 */
.contentLeft {width:648px;float:left;}
.contentRight {width:270px;float:right;}

/* 左侧box */
.boxBar {height:30px;background:url(../images/boxBarBg.jpg) right bottom no-repeat;border-bottom:2px #5e84b2 solid;overflow:hidden;_overflow:visible;_height:10px;clear:both}

.boxBarTitle {background:url(../images/boxbar.jpg) scroll no-repeat 0px 0px;height:30px;line-height:30px;float:left;}
.boxBarTitle span {background:url(../images/boxbarNew.jpg) no-repeat scroll 100% 0px;height:30px;line-height:30px;margin-left:5px;padding-right:35px;padding-left:20px;display:block;float:left;color:#003366;font-weight:bold;}

.boxBarMore {float:right;color:#003366;font-size:10px;padding-right:25px;padding-top:12px;background:url(../images/nextMore.jpg) no-repeat 90% 17px;}
.boxBarMore2 {float:right;color:#003366;font-size:10px;padding-right:25px;background:url(../images/nextMore.jpg) no-repeat 90% 12px;font-weight:normal}

.OpenTonnage {overflow:hidden;_overflow:visible;_height:10px;clear:both;background:url(../images/shujubg.jpg) repeat-x bottom;padding-bottom:5px;margin-bottom:15px;}

/* 标准表格Table */
.boxTable {margin-top:3px;border:1px #ccc solid;}
.boxTable th,.boxTable td {height:25px;padding:0px 8px;text-align:left}
.boxTable th {background:#fef4cc;color:#003366;font-weight:bold;border-bottom:1px #ccc dotted;border-right:1px #ccc dotted;}
.boxTable .bleft {border-left:1px #ccc solid}
.boxTable .nn {border-right:none}
.boxTable .tdli {text-align:left;background:url(../images/liPoint.jpg) no-repeat 10px 10px;padding-left:25px;}
.boxTable td {color:#003399;border-bottom:1px #ccc dotted;border-right:1px #ccc dotted;}

.boxTable a:link, .boxTable a:visited{ color:#039; text-decoration:none;}
.boxTable a:hover, .boxTable a:active{ color:#FF0000; text-decoration:underline;}

.boxTable2 {margin-top:3px;border:1px #ccc solid;}
.boxTable2 th,.boxTable2 td {height:25px;}
.boxTable2 th {background:#fef4cc;color:#003366;font-weight:bold;border-bottom:1px #ccc dotted;border-right:1px #ccc dotted;padding-left:8px;}
.boxTable2 .bleft {border-left:1px #ccc solid}
.boxTable2 .nn {border-right:none}
.boxTable2 .tdli {text-align:left;background:url(../images/liPoint.jpg) no-repeat 10px 10px;padding-left:25px;}
.boxTable2 td {color:#003399;border-bottom:1px #ccc dotted;text-align:center;border-right:1px #ccc dotted;}

.boxTable2 a:link, .boxTable2 a:visited{ color:#039; text-decoration:none;}
.boxTable2 a:hover, .boxTable2 a:active{ color:#FF0000; text-decoration:underline;}

.boxTable3 {margin-top:3px;}
.boxTable3 th,.boxTable3 td {line-height:25px;text-align:left;padding-left:8px;}
.boxTable3 th {background:#fef4cc;color:#003366;font-weight:bold;border-bottom:1px #dbe5ed solid;}
.boxTable3 td {color:#003399;height:85px;border-bottom:1px #c8d8e7 solid;background:url(../images/tableBg.jpg) repeat-x top;}
.boxTable3 .tableNo1 {text-align:center}
.boxTable3 td span {color:#007917;}

.boxTable3 a:link, .boxTable3 a:visited{ color:#006699; text-decoration:none;}
.boxTable3 a:hover, .boxTable3 a:active{ color:#FF0000; text-decoration:underline;}

/* 广告 */
.charteringAd {margin-bottom:10px;}

/* 走势 */
.box2 {border:1px #c5d6ee solid;margin-bottom:10px;}
.boxBar2 {height:26px;line-height:26px;background:url(../images/boxBar2.jpg);border-bottom:1px #c5d6ee solid;}

.boxBarTitle2 {background:url(../images/play.gif) no-repeat 5px 3px ;padding-left:30px;color:#003366;font-weight:bold;}
.boxZs {padding:10px;overflow:hidden;_overflow:visible;_height:10px;}

.boxImg {float:left;width:235px;text-align:center;}
.boxImg img {margin-bottom:10px;}
.boxImg span {display:block;text-align:center;}

.boxList {width:380px;float:right}
.boxList ul li {height:26px;line-height:26px;}

.boxList ul li a:link, .boxList ul li a:visited{ color:#666666; text-decoration:none;display:block;background:url(../images/liPoint.jpg) no-repeat  5px 12px;padding-left:20px;}
.boxList ul li a:hover, .boxList ul li a:active{ color:#ff6600; text-decoration:none;display:block;background:#f3f3f3 url(../images/liPoint.jpg) no-repeat 5px 12px;padding-left:20px;}

/* 右侧广告 */
.charteringAd2 {border:1px #cccccc solid;padding:1px;margin-bottom:10px;}



.searchDiv {margin:6px 0px;}
.searchDiv label {width:70px;display:block;float:left;}
.searchText1 {width:65px;margin:0px 5px;}
.searchText2 {margin-left:5px;width:160px;*width:165px;}
.searchText3 {width:50px;margin:0px 5px;}
.searchDiv img {margin-right:5px;}
.searchDivinput {margin-left:5px;width:156px;*width:161px;}

.searchButton {height:30px;line-height:30px;text-align:center;padding-top:10px;}
.searchButton input {border:none}

/* MemberBox */
.MemberBox {overflow:hidden;_overflow:visible;_height:10px;border:1px #8eaed5 solid;margin-bottom:10px;}
.MemberBoxBar {background:url(../images/MemberBoxBar.jpg);height:23px;line-height:23px;color:#FFFFFF;font-weight:bold;}
.MemberBoxBar div {background:url(../images/ss.gif) no-repeat 10px 8px;padding-left:20px;}
.MemberBoxBar span {float:right;padding-right:5px;font-weight:normal;font-size:10px;}


.MemberInfo ul li {height:24px;line-height:24px;font-size:10px;}

.MemberInfo ul li a:link, .MemberInfo ul li a:visited{ color:#666666; text-decoration:none;display:block;background:url(../images/liPoint.jpg) no-repeat  5px 12px;padding-left:20px;}
.MemberInfo ul li a:hover, .MemberInfo ul li a:active{ color:#ff6600; text-decoration:none;display:block;background:#f3f3f3 url(../images/liPoint.jpg) no-repeat 5px 12px;padding-left:20px;}

/* Port and Agency Union */
.union {border:1px #d6d6d6 solid;margin-bottom:10px;}
.unionBar {background:url(../images/searchbar.jpg);height:23px;line-height:23px;color:#FFFFFF;font-weight:bold;}
.unionBar div {background:url(../images/ss.gif) no-repeat 10px 8px;padding-left:20px;}
.unionBar span {float:right;padding-right:5px;font-weight:normal;font-size:10px;}

.unionSearch {height:40px;line-height:40px;overflow:hidden;_overflow:visible;_height:10px;}
.unionSearchText {width:150px;float:left;padding-top:8px;margin-left:20px;*margin-left:10px;height:30px;}
.unionSearchButton {margin-left:10px;*margin-left:20px;_margin-left:10px;float:left;padding-top:8px;}
.unionBar2 {border-top:1px #fdc480 solid;border-bottom:1px #fdc480 solid;background:#fef4cc url(../images/jjt.gif) no-repeat 10px 8px;height:24px;line-height:24px;padding-left:25px;color:#ff6600;font-weight:bold;}
.unionBar2 span {font-size:10px;font-weight:normal;color:#06396e;}

.unionBox1 td {height:25px;line-height:25px;padding-left:8px;text-align:left;font-weight:bold;color:#666666;}
.unionBox2 {line-height:25px;padding-left:8px;text-align:left;font-weight:bold;color:#666666;font-size:9px;}

/* 内容页 */
.charteringContent {padding:15px;color:#003399;}
.contentTable td,.contentTable th {border-bottom:1px #cccccc dotted;}
.contentTable td {line-height:25px;padding-left:10px;}
.contentTable th {text-align:right;padding-right:5px;}
.charteringContent span {color:#999999;font-size:10px;}

.charteringContentImg {padding:15px;text-align:center;}

.charteringTendency {margin-bottom:20px;}
.charteringDate input {width:100px;text-align:center;}

.charteringContent a:link,.charteringContent a:visited{ color:#999999; text-decoration:underline;}
.charteringContent a:hover,.charteringContent a:active{ color:#999999; text-decoration:underline;}

/* contact */
.contactInfo {background:#f7fbfe;color:#003366;}
.contactP1 {background:url(../images/contentBg.jpg) repeat-x bottom;height:35px;line-height:35px;padding:0px 20px;}
.contactP2 {background:url(../images/contentBg.jpg) repeat-x bottom;line-height:25px;padding:0px 20px;}
.contactP3 {line-height:25px;padding:0px 20px;height:50px;}
.contactP4 {line-height:25px;padding:0px 20px;}

a.contactSpan:link,a.contactSpan:visited{ color:#ff6c00; text-decoration:underline;font-weight:bold;}
a.contactSpan:hover,a.contactSpan:active{ color:#ff6c00; text-decoration:underline;font-weight:bold;}

a.contactSpan2:link,a.contactSpan2:visited{ color:#ff6c00; text-decoration:underline;font-size:10px;padding-left:15px;}
a.contactSpan2:hover,a.contactSpan2:active{ color:#ff6c00; text-decoration:underline;font-size:10px;padding-left:15px;}

a.contactSpan3:link,a.contactSpan3:visited{ color:#ff6c00; text-decoration:underline;font-size:10px;}
a.contactSpan3:hover,a.contactSpan3:active{ color:#ff6c00; text-decoration:underline;font-size:10px;}

/* box3 */
.box3 {border:1px #c8d8e7 solid;background:url(../images/box3Bg.jpg) repeat-x top;margin-bottom:10px;}
.box3Bar {height:30px;line-height:30px;padding-left:20px;color:#003366;font-weight:bold;}

.box3TableBox {border:1px #c8d8e7 solid;margin:15px;color:#003366;}
.box3Table th,.box3Table td {line-height:25px;text-align:left;padding-left:10px;}
.box3Table th {background:#e9f3fd;border-bottom:1px #c8d8e7 solid;}
.box3bg {background:#f4faff}

.box4 {border:1px #c8d8e7 solid;margin-bottom:10px;overflow:hidden;_overflow:visible;_height:10px;}
.box4Bar {background:url(../images/box4Bg.jpg);height:24px;line-height:24px;border-bottom:1px #c8d8e7 solid;padding-left:20px;color:#003366;font-weight:bold;}

.box4Box ul li {height:24px;line-height:24px;padding:0px 15px;width:45%;float:left;border-bottom:1px #ccc solid}
.box4Box ul li span {float:right;font-size:10px;font-weight:normal}

.box4Box a:link, .box4Box a:visited{ color:#006699; text-decoration:none;}
.box4Box a:hover, .box4Box a:active{ color:#FF0000; text-decoration:underline;}

/* index */
.indexBox {border:5px #d6ebf7 solid;margin-bottom:10px;}
.index {border:1px #8dc2e5 solid;padding:5px;overflow:hidden;_overflow:visible;_height:10px;}
.indexBar {height:25px;line-height:25px;color:#ff6600;font-weight:bold;}
.index ul li {background:url(../images/mrj.jpg) no-repeat left;padding-left:15px;height:23px;line-height:23px;float:left;width:100px;}

.index a:link, .index a:visited{ color:#006699; text-decoration:none;}
.index a:hover, .index a:active{ color:#FF0000; text-decoration:underline;}

.index2 {border:1px #8dc2e5 solid;padding:5px;overflow:hidden;_overflow:visible;_height:10px;}
.index2 ul li {background:url(../images/mrj.jpg) no-repeat left;padding-left:15px;height:23px;line-height:23px;}

.index2 a:link, .index2 a:visited{ color:#006699; text-decoration:none;}
.index2 a:hover, .index2 a:active{ color:#FF0000; text-decoration:underline;}