/************** 左：用户信息 **********/
.body {margin-top:10px;}
.left {vertical-align:top;width:200px;background:#f4f8fb;border:1px solid #e1e5e8;padding:10px;}
.left img{width:180px;height:180px;border:1px solid #eee}
.left hr{width:90%;margin:15px auto;}
.left p{text-align:center;margin:12px 0;}

.left button { width:100%;height:40px;background:#ff6801;border:0px;color:white;margin-bottom:10px;}
.left-ul li a {margin-left:5px;color:#043938;}
.left-ul li { color:#043938;height:40px;border-bottom:1px solid #ccc;line-height:40px;text-indent:20px;}
.left-ul li:first-child{border-top:1px solid #ccc; }
.left-ul li i{margin-right:8px;}

/************* 中间：搜索框 ***************/
.center { vertical-align:top;}
.search-box{overflow:hidden;border:2px solid #e1e5e8;}
.search-box ul{float:left;}
.search-box li {font-size:16px;padding:10px;width: 610px;}
.search-box button
{	float:right;
	width:100px;
	height:40px;
	font-size:16px;
	border:1px solid #777;
	color:#777;
	background:white;
	margin:10px 30px;
}
.search-box .ieBtn{
	margin-top:70px;
	margin-right: -130px;
	float: right;
}
.search-box input
{
	width:220px;
	height:36px;
	line-height:36px;
	background:#ebf0f4;
	border:0;
	outline:none;
	font-size:14px;
	text-indent:10px;
}
.search-box li label {width:50px;text-align:center;white-space:nowrap}
.search-box li label:first-child{display:inline-block;width:90px;}

.search-box button:hover
{	border:#35a5e5 2px solid;
	background:#f7f7f7;
	box-shadow:0 0 5px rgba(81, 203, 238, 1);
	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}

/************* 中间：排序框 ***************/
.sort-box { margin-top:10px;background:#f4f8fb;height:80px;padding:15px;padding-left:70px;}
.sort-box label {float:left;display:inline-block;height:50px;line-height:50px;padding-right:10px;font-size:22px;}
.sort-box li {float:left;width:110px;height:50px;padding:10px;border:1px solid #ddd;border-left:0;}
.sort-box li i {float:right;font-size:20px;color:#ccc;}
.sort-box li:hover{background:#eee;}
.sort-box .search-act{background:#c1c3c4;}
.sort-box .search-act i{color:#ff6801;}

/************* 中间：列表框 ***************/
.search-list {width:100%;margin-top:10px;}
.search-list table {border:1px solid #ddd;}
.search-list tr { height:50px;border-bottom:1px solid #ddd}
.search-list tbody tr:nth-child(odd) {background:#fafafa}
.search-list tbody tr:nth-child(even) {background:#fff}
.search-list thead { background:#133a59;border:1px solid #133a59;}
.search-list thead td { padding:10px; color:#fff;font-size:16px;}
.search-list tbody td { text-indent:10px;font-size:16px;}
.search-list td button {visibility:hidden}
.search-list tbody tr:hover button {visibility:visible;}
.search-list tbody tr:hover {background:#ccc;}
.search-list button,.search-list input[type=button] {width:60px;height:25px;line-height:25px;color:white;background:#ff6801;border:0px;border-radius:3px;font-size:12px;}
.search-list tr:nth-child(2n){background:#fff;}

/************* 右：列表框 ***************/
.right{width:200px;height:580px;vertical-align:top;background:#f4f8fb;padding:10px;padding-top:0px;border:1px solid #eee}
.right .shipname {height:40px;font-size:18px;}
.right .shipname span{float:right;padding:10px;}
.right img {	width:180px;height:180px;border:0px solid #eee;}
.right li{text-indent:15px;height:30px;}
.right ul { margin-top:15px;padding-top:10px;border-top:1px solid #eee;}
.right button{border:1px solid #043938;color:#043938;background:white;width:160px;height:40px;margin-left:10px;}
.right .shipInfoBox {border:0px solid red;background:#f4f8fb;padding-bottom:10px;padding-top:10px;}

.floatInfoForm {position:absolute;background:#fff;border:10px solid #a0d0f0;dwidth:200px;padding:5px;display:none;}
.floatInfoForm .edittable td:nth-child(odd){font-size:0.9em;color:#777}
.floatInfoForm .drow tr{height:24px;}
.floatInfoForm .drow td{text-align:center}
.floatInfoForm li { height:30px;line-height:30px;border-bottom:1px dotted #ddd;}
.floatInfoForm label {display:inline-block;width:80px;}
/*********************历史船期******************/
.hs_shipment{margin: 0;}
.hs_shipment tr{height: 35px;}
.hs_shipment tr td{text-align: center;}
.hs_loadMore{text-align: center !important; cursor: pointer;width:150px;height:40px;line-height:40px;color:white;border-radius:5px;background:#00BFFF;margin:auto;}

/********************** 船期编辑 *****************/
.schedit li { height:50px; line-height:50px;}
.schedit input,.schedit select {width:180px;height:28px; line-height:28px;border:1px solid #ddd;border-radius:3px;padding-left:5px;margin-left:10px;}

.floatBox {position:absolute;top:120px;margin-left:60px;width:300px;border:0px solid red;}
.floatBox  .searchBox {background:#fff;filter:alpha(Opacity=75);-moz-opacity:0.75;opacity: 0.75;height:50px;border:1px solid #aaa;border-radius:5px;}
.floatBox  .search {position:relative;top:-50px;padding:10px;text-align:center;}
.floatBox  .search button { width:30px;height:30px;line-height:30px;margin-left:10px;}
.floatBox  .search select{width:100px; height:30px;line-height:30px;padding-left:5px;}
.floatBox  .listBox {background:#fff;filter:alpha(Opacity=75);-moz-opacity:0.75;opacity: 0.75;border:1px solid #aaa;border-radius:5px;margin-top:-40px;}
.floatBox  .list {position:absolute;top:62px;width:100%;border:0px;max-height:500px;overflow:auto;}
.floatBox  .ship {width:100%;height:50px;border-bottom:1px solid #ddd;padding-top:5px;padding-left:10px;cursor:pointer;font-size:12px;}
.floatBox  .ship:last-child{border-bottom:0px;}
.floatBox  .ship:hover {background:white;}
.ship ul {clear:both;}
.ship li {display:inline-block;float:left;line-height:20px;}
.ship .name {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100px;}
.ship .btn {float:right;margin-top:-25px;}

.floatBox  .list::-webkit-scrollbar,.floatBox  .list::-webkit-scrollbar-track, 
.floatBox  .list::-webkit-scrollbar-thumb,.floatBox  .list::-webkit-scrollbar-button {width:5px;}
.closebtn {position:absolute;top:200px;margin-left:850px;width:100px;height:100px;border:1px solid #ddd;border-radius:10px;display:none;
background:white;filter:alpha(Opacity=75);-moz-opacity:0.75;opacity: 0.75;font-size:72px;text-align:center;line-height:110px;cursor:pointer;}

#shipInfo {position:absolute;border:5px solid #ddd;background:white;width:500px;height:280px;top:50%;left:50%;margin-top:-80px;margin-left:-200px;display:none}
#shipInfo table {margin:5px 10px 5px 10px;width:470px;white-space:nowrap;}
#shipInfo tr {height:30px;line-height:30px;border-bottom:1px dotted #ddd;}
#shipInfo div {background:#ddd;color:#777;font-size:30px;height:40px;line-height:40px;padding-left:10px;}
#shipInfo  i {float:right;cursor:pointer;color:#777;margin-top:5px;margin-right:10px;}
#shipInfo  .dcorp  {display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:150px;}