/*-------------------------------------------------------------------------------------------------
eFreight.cloud.base.css
作者：沈晔  
时间：2012-03-03
-------------------------------------------------------------------------------------------------*/

/* -------------------------------------------------------------------------------------------------
     common style
--------------------------------------------------------------------------------------------------*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, tr,td {
margin: 0;
padding: 0;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

body {
font: 12px/1.5 Arial,Tahoma,Verdana;
color: #4A4A4A;
background: #FCFCFC;
overflow-x: hidden;
}


a {
text-decoration: none;
color: #27B;
}

h1 {
line-height: 1.0em;
font: 20px/2.5 "Microsoft Yahei","SimHei",Arial,Tahoma,Verdana;
margin-bottom: 2px;
}

ul, menu, dir {
display: block;
list-style-type: disc;

-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}

li {
list-style: none;
}

sup {
font-size:xx-small;
}

/* -------------------------------------------------------------------------------------------------
     header style
--------------------------------------------------------------------------------------------------*/
#header {
background: #434950 url(../images/sharkskin.gif) repeat-x -70% 0;
}

#header-inner {
width:960px;
height: 30px;
margin: 0 auto;
padding: 15px 0;
}

#logo {
float: left;
margin: 0;
}

#logo a, #logo span {
display: block;
width: 250px;
height: 25px;
font-size: 0;
text-indent: -999px;
line-height: 1em;
background: url(../images/efreight.cloud.logo.png?1) no-repeat 0 0;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}

#header ul {
float: left;
margin: 0 0 0 20px;
}

#header li {
float: left;
margin-right: 5px;
display: inline;
position: relative;
}

#header li a {
color: #CCC;
text-decoration: none;

padding: 0px 10px 7px 10px;
font-size: 14px;
display: block;
height: 30px;
line-height: 30px;
float: left;
z-index: 1000;
}

#nav li a {
display: block;
padding: 0px 10px 7px 10px;
text-decoration: none;
color: #AAA;
}

#nav li#login {
float: right;
padding: 0;
margin: 0px 0px 6px 260px;
font-size: .9em;
}

#nav li#signin {
float: right;
padding: 0;
margin: 0px 0px 6px 0px;
font-size: .9em;
}

/* -------------------------------------------------------------------------------------------------
     main content style
--------------------------------------------------------------------------------------------------*/
#wrap {
background: #F0F0F0 url(../images/tile.gif) repeat -70% 0;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}

#wrap-inner {
margin: 0 auto;
padding: 10px 0 30px 0;

}

#content {
position: relative;
width: 960px;
height: 530px;
margin: 0 auto;
padding: 0;
font-size: 1.2em;
}

/* -------------------------------------------------------------------------------------------------
     footer style
--------------------------------------------------------------------------------------------------*/

#footer {
border-top: 1px solid #DDD;
}

#footer-inner {
width: 960px;
margin: 0 auto;
padding: 10px 30px;
font-size: 1.0em;
color: #999;
}

#footer ul {
float: left;
width: 500px;
margin: 0 0 10px 0;
}

#footer-nav li {
float: left;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
line-height: 1;
border-right: 1px solid #CCC;
}

#footer-nav li:last-child {
margin: 0;
padding: 0;
border-right: none;
}

#footer-copyright {
float: right;
margin: 0 10px 0 0;
line-height: 1;
}

/* -------------------------------------------------------------------------------------------------
     form & formquery style 
--------------------------------------------------------------------------------------------------*/
#form-container {	
	width: 930px;
	height: 570px;
	margin-left: auto;
	margin-right: auto;
}

#form-header {
height: 30px;
padding-top: 15px;
}

#form-title{
float: left;
margin-left: 30px;
font-size: 15pt;
}

#form-action {
float: right;
margin-right: 10px;
}

#form-action a {
float: right;
margin-left: 10px;
}

#form-main {	
	background-color: #F7F7F7;
	height: 480px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	
	border-radius: 3px;
	border-width: 1px;
	border-color: #DDD;
	border-style: solid;
}

#form-inner {
	height: 440px;
	padding-left: 5px;
}

#form-inner-left {
	width: 455px;
	height: 440px;
	float: left;
}

#form-inner-right {
	width: 435px;
	height: 440px;
	float: right;
}

#form-inner-vertical-split {
	width:0px;
	height:430px;
	border-left: 1px solid #CCC;
	border-right: 1px solid white;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	
	float: left;
	
}

#form-prompt {
background-color: #9BCB5E;
color: white;

height: 36px;
border-radius: 5px;
text-align: left;

margin-bottom: 5px;
}

#prompt-icon {
float: left;
margin: 4px;
}

#prompt-left {
float: left;
margin-top: 9px;
font-size: 16px;
}

#prompt-right {
float: right;
margin-right: 5px;
margin-top: 8px;
font-size: 16px;
}

#prompt-right img {
float: left;
margin-right: 15px;
/*edit by haihan 兼容ie*/
border-width:0px;
}

.TextBox-wrap {
border-width: 1px;
border-color: #CCC;
border-style: solid;
border-radius: 3px;
height: 28px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 5px;
margin-top: 5px;
text-align: left;
background-color: white;
}

.TextBox-wrap span{
color: #888;
margin-left: 5px;
margin-right: 5px;
}

.TextBox-wrap .TextBox{
margin: 2px;
height: 24px;
width: 130px;
}

.TextBox {
border: 0px none;
margin-left: 5px;
}

.split-vertical {
width: 0px;
height:70px;
border-left: 1px solid #CCC;
border-right: 1px solid white;
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;

float: left;
}

.split-horizontal {
width: 100%;
height:0px;
border-top: 1px solid #CCC;
border-bottom: 1px solid white;
margin-top: 10px;
margin-bottom: 5px;
float: left;
}

#query-condition {
display:none; 
position:absolute; 
background-color:#FFF; 
width:600px;
height:300px;	
}

#query-prompt {
margin-left: 4px;
margin-top: 4px;
background-color: #666;
color: #F90;

height: 36px;
border-radius: 3px;
text-align: left;
}

#query-submit {
margin-left: 20px;
margin-top: 20px;
display:block; 
}

#query-condition .TextBox-wrap {
width: 90%;
height: 28px;
margin-left: 20px;
margin-top: 20px;
}

/* -------------------------------------------------------------------------------------------------
     report style 
--------------------------------------------------------------------------------------------------*/
#report-container {	
width: 930px;
height: 570px;
margin-left: auto;
margin-right: auto;
}

#report-header {
height: 30px;
padding-top: 15px;
}

#report-title{
background: url(/images/report-icon-blue.png) no-repeat 12px 7px;
background-size:20px 20px;

float: left;
padding-left: 45px;
padding-top: 2px;
font-size: 15pt;
}

#report-action {
float: right;
margin-right: 10px;
}

#report-action a {
float: right;
margin-left: 10px;
}

#report-main {	
background-color: #F7F7F7;

margin-top: 10px;
margin-left: 10px;
margin-right: 10px;	
}

/* -------------------------------------------------------------------------------------------------
     button style
--------------------------------------------------------------------------------------------------*/
.button {
display: block;
width: 100px;
height: 28px;
line-height: 28px;
text-align: center;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#239BEE), to(#0183DD));
background: -moz-linear-gradient(top, #239BEE, #0183DD);
background-color: #0183DD;
color: white;
text-shadow: #0876C3 -1px -1px;
box-shadow: inset 1px 1px #87C9F7,#999 0 1px 3px;
border: 1px solid #0183DD;
border-radius: 3px;
cursor: pointer;
}

.buttondisabled {
text-decoration: none;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#DCF0FF), to(#B6E0FD));
background: -moz-linear-gradient(top, #DCF0FF, #B6E0FD);
background-color: #B6E0FD;
box-shadow: inset 1px 1px #EBF7FF,#999 0 1px 3px;
border-color: #B6E0FD;
color: #0876C3;
text-shadow: white 1px 1px;
}

.button:hover {
text-decoration: none;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#DCF0FF), to(#B6E0FD));
background: -moz-linear-gradient(top, #DCF0FF, #B6E0FD);
background-color: #B6E0FD;
box-shadow: inset 1px 1px #EBF7FF,#999 0 1px 3px;
border-color: #B6E0FD;
color: #0876C3;
text-shadow: white 1px 1px;
}

.button-platestyle {
width:80px;
height: 30px;
line-height: 30px;
padding: 0 14px;
margin: 0 0 10px 10px;
vertical-align: bottom;
display: inline-block;
min-width: 46px;
text-align: center;
color: #444;
font-size: 11px;
font-weight: bold;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 0.218s;
border: 1px solid gainsboro;
background-color: whiteSmoke;
background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: -moz-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: -ms-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: -o-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: linear-gradient(top,whiteSmoke,#F1F1F1);
-webkit-user-select: none;
cursor: default;
}

.button-platestyle:hover {
text-decoration: none;
background-color: #B6E0FD;
border-color: #B6E0FD;
color: #0876C3;
text-shadow: white 1px 1px;
}

.button-flatestyle {
width: 160px;
height: 30px;	
line-height: 30px;
font-size:11px;
float: left;
}

.button-flatestyle a {
padding: 2px 20px 0px 20px;
margin:0px 0px 5px 5px;
text-align: center;
background-color: #42a9d9;
color: white;
text-shadow: #0876C3 -1px -1px;

border-radius: 2px;
border: 0px solid #0183DD;
border-right: 32px solid #3582b9;
}

.button-flatestyle a:hover {
text-decoration: none;
background-color: #c1e3f3;
cursor: pointer;
color: #0876C3;
text-shadow: #d0efff 1px 1px;
font-size: 10px;
}

.right-corner,
.report-right-corner {
position: relative;
top: 8px;
left: 141px;
border-left: 8px solid #EEE;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid transparent;
font-size: 0;
line-height: 0;
width: 0;
}

.right-corner::after,
.report-right-corner::after {
content: "";
position: absolute;
top: -8px;
left: -9px;
border-left: 8px solid #3582b9;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid transparent;
}

.left-corner,
.report-left-corner {
position: relative;
top: 8px;
left: 141px;
border-left: 8px solid transparent;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #EEE;
font-size: 0;
line-height: 0;
width: 0;
}

.left-corner::after,
.report-left-corner::after {
content: "";
position: absolute;
top: -8px;
left: -7px;
border-left: 8px solid transparent;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #3582b9;
}


/* -------------------------------------------------------------------------------------------------
     go style ">"
--------------------------------------------------------------------------------------------------*/
.GO  img {
	float:right;
	margin-right: 10px;
}

.GO span {
	display: none;
}