body {
	font-size:62.5%; /*now 10px=1em */
	background:#ccc;
	color:#000;
	font-family:arial,helvetica,sans-serif;
	text-align:center;
font-size:11px;
}
/*================contruction====================*/
#page_wrap{
	width:980px;
	height:100%;
	border:0;
	border-collapse:collapse;
	margin:0 auto;
	padding:0;
/*	background: url('../imgs/globle/shadow-mid.gif') repeat-y;*/
	text-align:center;
}

#header{
	width:980px;
	
	/*filter: progid:DXImageTransform.Microsoft.shadow(color=#666666,direction=90,strength=5);*/
	background-color:#E9ECFF; 
	
}

#header-content{
	width:980px;
	line-height:120px;
	text-align:center;
}


#middle{
	
width:980px;
	min-height:600px;
	background:#FFF;
	text-align:left;
	margin-left: auto ;
	margin-right: auto ;
}
#middle_content{

}

#slideshow_container{

/*width:100%;*/
background:#E9ECFF; 
}

#slideshow{
}
#side{
/*position:absolute;
top:210px;
left:0;*/
float:left;
	width:240px;
	
	display: inline;
padding: 20px 0;
	margin: 0 0 0 0px;

}


#main{
/*position:absolute;
top:210px;
left:210px;*/
/*float:right;*/
width:470px;
padding: 20px 0;
margin: 0 20px 0 0;
display: inline;

}

#footer{
clear:both;
	width: 100%; 
	height: 70px; 
	background-color:#E9ECFF;   			
}
#footer_content{
	line-height: 70px; 
	text-align:center;
	
}
/*====================hearder===========================*/
#top{
	position:relative;
	top:5px;
	left:0;
	width:100%;
	height:100%;
}
#top_logo{	

	float:left;
	margin-left:20px;
	width:363px;     /* without width,float:left not work*/
	height:80px;

}
#top_links_table{
	float:right;
	padding-top:30px;	
	margin-right:38px;
}

#images  img{
	display:none;
}

#welcome{
	height:25px;
	text-align:left;
	vertical-align:top;
	padding-top:0;
}

/* level1 list  begin----------------------*/
#tool_link_menu{
background:#333;
padding:5px 10px;

}
#tool_link_menu a{
color:#fff;
font-weight:bold;
}

#tool_link_menu ul{
display: none;

}
/* specific to IE 6 browsers */
#tool_link_menu table{
width:100%;
border-collapse:collapse;
border:0;

}
#tool_link_menu:hover {
background:#84D805;
padding:5px 10px;

}
/* specific to non IE browsers */
#tool_link_menu:hover a {
color:#000; 
text-decoration:none;
font-weight:bold;

}


#tool_link_menu:hover ul,#tool_link_menu.over ul{
display:block; 
position:absolute; 
top:80px;
left:800px; 
width:160px;

list-style:none;
z-index:1000;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

#tool_link_menu:hover ul li a {
display:block; 
/*background:#faeec7; */
text-decoration:none;
/*background:#F4F9DB;*/
background:#333;
color:#fff; 
height:auto; 
line-height:1.2em; 
padding:5px 10px; 
width:160px;
font-size:12px;
text-align:left;
border-bottom:1px solid #FFFFFF;
}
#tool_link_menu:hover ul li a:hover {
background:#c9c9a7; 
color:#000;
}

/*===================Page Menu ======================================   #3399FF   #84D805*/

#menu{
	position: relative; 
	top:6px;
	height: 31px; 
	width: auto; 
	text-align: center;
	padding-left:200px;       /*adjust with num of button*/
	/*background:#84D805;*//*green*/
	background:#676767;
	border-top:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
	z-index:100;
	
}

#nav{
height:30px;
list-style:none;
}

#nav li{
float:left;
position: relative; 
font-size:14px;
font-weight:bold;
border-left:2px solid #FFFFFF;
}
#nav li.last-button{
border-right:2px solid #FFFFFF;
}

#nav li a{
text-decoration:none;
display:block;
width:160px;
height:25px;
text-align:center;
/*background:#84D805;*//*green */
background:#676767;
padding-top:6px;
border-bottom:2px solid #FFFFFF;
color:#FFF;/*for gray menu bar*/
}
/* level1 list  begin----------------------*/
#menu ul li ul {
display: none;

}
/* specific to IE 6 browsers */
#menu ul li table{
width:100%;
border-collapse:collapse;
border:0;

}

/* specific to non IE browsers */
#menu ul li:hover a {
color:#fff; 
background:#333;
}


#menu ul li:hover ul,#menu ul li.over ul{
display:block; 
position:absolute; 
top:31px;
left:0px; 
width:160px;

list-style:none;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

#menu ul li:hover ul li a {
display:block; 
/*background:#faeec7; */
background:#F4F9DB;
color:#000; 
height:auto; 
line-height:1.2em; 
padding:5px 10px; 
width:140px;
font-size:12px;
text-align:left;
}
#menu ul li:hover ul li a:hover {
background:#c9c9a7; 
color:#000;
}
/*===================Page Menu End======================================*/




/* ----------- My Form ----------- */
.myform{
	margin:0 auto;
	width:400px;
	padding:14px;
}
	/* ----------- popupcontent ----------- */
	#topPopupLogin{
		visibility:hidden;
		position:absolute;
		top:125px;
		left:600px;
		z-index:360;
		width:283px;
		height:225px;
		background:#FFFFFF;
		border:solid 1px #dedede;
	}
	.popupHeader{
		background-color:#666; 

	
	}
	.popupcontent{
		border:solid 2px #DEDEDE;
	}
	#popupcontent h1 {
		
		margin-bottom:8px;
	}
	#popupcontent p{
		
		margin-bottom:20px;
		border-bottom:solid 1px #dedede;
		padding-bottom:10px;
	}
	#popupcontent label{
		display:block;
		text-align:right;
		width:140px;
		float:left;
	}
	#popupcontent .loginHint{
		display:block;
		text-align:right;
		width:140px;
	}
	#popupcontent input{
		float:left;
		width:200px;
		margin:2px 0 30px 10px;
	}
	#popupcontent button{ 
		clear:both;
		margin-left:150px;
		background:#999999;
		border:solid 1px #666666;
		padding:4px 6px;
	}




/*==============left Nav=========================*/

.leftButton {
	margin-top:10px;
	width:220px;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	/*background:#84D805;*/
	background:#c9c9a7;
	font-weight:bold;
	text-align:right;
	padding-right:20px;
	}
	
.leftButton:hover {
	margin-top:10px;
	width:220px;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	/*background:#84D805;*/
	background:#84D805;
	font-weight:bold;
	text-decoration:none; 
	}
	.leftButton:visited{
	margin-top:10px;
	width:220px;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	/*background:#84D805;*/
	background:#84D805;
	font-weight:bold;
	text-decoration:none; 
	}
	
/*-----------control panel-----------------*/
.editbox {
	border: 1px solid #CCC;
	padding:10px;
	background-color:#E9ECFF; 
	color:#000000;
}

.largeselect {
	background-color:#E9ECFF; 
	width:150px;
}

.messagebox {
	
	color:darkred; 
	width:100%; 
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	text-align:left;
	border:0;
	
}
/*---------------bill of lading------------------*/
.bol_formSectionTitle{
	background-color:#333;
	color:white;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	height:17px;
}
.billOfLadingTable{
	border:1px solid black;
	border-collapse: collapse;

}
.billOfLadingTable1{
	border:2px solid black;
	border-collapse: collapse;

}
/*---------edit shipment--------------------------*/
.edit_button{
background:url('../images/buttons/edit_button.png') no-repeat;
background-position:center center;
width:56px;
height:19px;
line-height:19px;
vertical-align:middle;
text-align:center;
float:right;
padding:0;
margin:0;
}
.new_button{

background:url('../images/buttons/new_button.png') no-repeat;
background-position:center center;
width:56px;
height:19px;
line-height:19px;
vertical-align:middle;
text-align:center;
float:right;
padding:0;
margin:0;
}
a.tableLink_orange,a.tableLink_orange:hover,a.tableLink_orange:visited{
color:#AB340A;
text-decoration:none;
}
a.tableLink_green,a.tableLink_green:hover,a.tableLink_green:visited{
color:#476E25;
text-decoration:none;
}
/*---------------shipmentInfo-----------------------*/
#shipmentInfo td{
text-align:left;
padding:5px;

}
/*------------------invoice------------------------*/
#invoice td{
text-align:left;
}
.invoiceTable{
	border:1px solid black;
	border-collapse: collapse;

}
.invoiceTable td{
	padding:3px;

}