﻿/* 航运在线英文网站 新版升级上线
   设计  董芳  
   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;}

/* 连接 */
a:link,a:visited {color: #032c5c;text-decoration: none;}
a:hover,a:active {color: #032c5c;text-decoration: underline;}

/* 导航 */
.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;}

/* 内容 */
.content {overflow:hidden;_overflow:visible;_height:10px;}



/* 广告 */
.charteringAd {margin-bottom:10px;}
.charteringAd2 {margin-bottom:10px;padding:1px;border:1px #cccccc solid;}

/* 右侧搜索 */
.charteringSearch {border:1px #cccccc solid;margin-bottom:10px;} 
.charteringSearchBar {background:url(../images/searchbar.jpg);height:23px;line-height:23px;color:#FFFFFF;font-weight:bold;}
.charteringSearchBar span {background:url(../images/ss.gif) no-repeat 10px 5px;padding-left:20px;}

.charteringSearchBox {}
.charteringChoose {height:22px;line-height:22px;border-bottom:1px #cccccc dotted;10px;color:#666666;text-align:center;}
.charteringChoose input {margin-right:10px;float:left;}
.charteringChoose span {float:left;display:block}

.charteringSearchInfo {padding:8px;background:#fffae6;border-bottom:1px #cccccc dotted}
.charteringSearchInfo2 {padding:8px;border-bottom:1px #cccccc dotted}

.searchDiv {height:25px;line-height:25px;margin:3px 0px;overflow:hidden;}
.searchDiv2 {height:25px;line-height:25px;margin:3px 0px;margin-left:5px;}
.searchText1 {width:112px;margin:0px 5px;float:left;color:#666}
.searchText2 {margin-left:5px;width:235px;*width:240px;float:left;color:#666}
.searchText3 {width:70px;margin:0px 5px;float:left;color:#666}
.searchText4 {width:55px;margin:0px 5px;float:left;color:#666}
.searchText5 {width:160px;*width:165px;}
.searchDiv span {display:block;float:left}

.searchButton {height:30px;line-height:30px;text-align:center;padding-top:10px;}
.searchButton2 {height:30px;line-height:30px;text-align:center;padding-top:10px;background:#fffae6}

.searchDiv label {width:70px;display:block;float:left;}
.searchText5 {width:150px;margin:0px 5px;float:left;color:#666}
.searchText6 {width:70px;margin:0px 5px;float:left;color:#666}
.searchText7 {width:64px;margin:0px 5px;float:left;color:#666}

/* 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;}

/* classbox */
.classBox {border:1px #c8d8e7 solid;border-top:1px #4d90c6 solid;margin-bottom:5px;}
.classBoxBar {background:url(../images/barbbb.jpg);height:28px;line-height:28px;border-bottom:1px #c8d8e7 solid;padding-left:14px;font-size:14px;color:#003399;font-weight:bold;}
.classBoxBar span {float:right;margin-right:10px;margin-top:12px;}
.classBoxBar div {float:right;margin-right:10px;font-size:10px;font-weight:normal;}

.classBoxLi {padding:12px;overflow:hidden;_overflow:visible;_height:10px;}
.classBoxLi ul li {width:24%;float:left;height:24px;line-height:24px;text-align:left;}

.classBoxLi2 {padding:12px;overflow:hidden;_overflow:visible;_height:10px;}
.classBoxLi2 ul li {width:30%;float:left;height:24px;line-height:24px;text-align:left;}

/* classInfo */
.classInfo {border:1px #ccc solid;margin-bottom:10px;}
.classInfoBox {padding:1px;border-bottom:1px #ccc solid}
.classInfoBar{ height:25px;line-height:25px;background:#e9e9e9;;color:#000041;font-size:14px;font-weight:bold;padding-left:14px;}
.classInfoBar span {float:right;margin-right:10px;margin-top:9px;}
.classInfoBar div {float:right;margin-right:10px;font-size:10px;font-weight:normal;}

.classInfoLi {height:40px;border-bottom:1px #a9b4c3 dotted;padding:10px;overflow:hidden;_overflow:visible;_height:10px;}
.classInfoLiof {float:left;width:45px;margin-right:8px}
.classInfoLeft {float:left;width:480px;}
.classInfoLeft h1 {font-size:14px;color:#003399;margin-bottom:3px;}
.classInfoLeft h2 {font-size:10px;color:#666;}
.classInfoLeft h2 span {font-weight:normal;color:#003399;}
.classInfoRight {float:Right;width:72px;text-align:center}
.classInfoRight span {display:block;margin-top:3px;font-size:10px;color:#003399}

/* 表格 */
.boxTable {font-size:10px;border:1px #ccc solid;border-collapse:collapse}
.boxTable th,.boxTable td {line-height:18px;text-align:left;padding:3px 8px;border:1px #ccc dotted;border-collapse:collapse}
.boxTable th {background:#fef4cc;color:#003366;font-weight:bold;}
.boxTable td {color:#003399;border-bottom:1px #a9b4c3 dotted;}
.boxTable .tableNo1 {text-align:center}

.boxTable2 {font-size:10px;border-collapse:collapse;}
.boxTable2 th,.boxTable2 td {line-height:25px;padding-left:8px;}
.boxTable2 th {color:#003366;font-weight:normal;text-align:left;border:1px #a9b4c3 dotted;border-collapse:collapse;}
.boxTable2 td {color:#003399;font-size:10px;border:1px #a9b4c3 dotted;border-collapse:collapse; padding-top:5px;text-align:center;}
.boxTable2 .tableNo1 {text-align:center}

/**/
.classBXT {padding:12px;text-align:center}

/* company */
.classCompany {padding:12px;line-height:22px;color: rgb(49, 65, 125);}

.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;}

/* classMessage */
.classMessage {padding:12px;}

/* commentate */
.comment {overflow:hidden;_overflow:visible;_height:10px;padding:12px;}
.comInfo {color:#666;margin-top:5px;color:#F30;margin-left:60px;margin-bottom:15px;}
.commentT {margin:5px 0px;}
.commentT label {margin-right:10px;display:block;float:left;width:65px;text-align:right} 

/* classContact */
.classContact {padding:12px;line-height:22px;color:#003399;}
.classContact label {width:50px;display:block;float:left;text-align:right;margin-right:10px;}


.classxx {padding:10px;}

.MemberInfod {padding:12px 6px 10px 6px;border-bottom:1px #ccc dotted;overflow:hidden;_overflow:visible;_height:10px;}
.memberLogo {width:45px;float:left;}
.memberInfo {width:204px;float:right;line-height:20px;font-family:Arial}
.memberInfo b {font-size:14px;color:#039}
