body {
	background:#D6D3D3;
}

#out-wrapper {
	background:#F5F5F5 url('../images/page_bg.gif') top left repeat-x;
}


#header {
	margin-top:10px;
	background:url('../images/header_bg.png') top left repeat-x;
	height:101px;
}

#inner-header h1 {
	padding:20px 0 0 20px;
	float:left;
	width:200px;
}


#quick_summary {
	margin-top:20px;
	width:230px;
}

#quick_summary ul {
	color:#000;
	margin-left:32px;
}

#quick_summary ul a {
	color:#000;
}



#loginbox {
	float:right;
	width:290px;
	padding-top:10px;
}

#loginbox form div {
	padding:2px 0;
}
#loginbox form div label{
	float:left;
	width:80px;
	display:block;
	color:#000;
}

#wrapper {
	position:relative;
	width:959px;
	margin:auto;
}

#main-header {
	background:url('../images/top_content_box_bg.png') top left no-repeat;
	height:13px;
}
#main-footer {
	background:url('../images/bottom_content_box_bg.png') top left no-repeat;
	height:25px;
}

#main-content {
	background:url('../images/middle_content_box_bg.png') top right repeat-y;;
}

#inner-main-content {
	padding:0 0px 0 9px;
}

/*
MENU
*/

#mainmenu {
	background:url('../images/topmenubg.jpg') top left no-repeat;
	height:40px;
}

#mainmenu a{
	text-decoration:none;
	color:#FFF;
	font-size:1.1em;
	float:left;
	display:block;
	padding:8px 18px 0 22px;
	text-align:center;
}

#mainmenu a:hover {
	color:#04B9E0;
}

#top-menu {
	background:url('../images/middle_menu_bg.jpg') top left repeat-x;
}

#inner-top-menu {
	background:url('../images/left_menu_bg.jpg') top left no-repeat;
}

#inner-inner-top-menu {
	height:37px;
	background:url('../images/right_menu_bg.jpg') top right no-repeat;
}

#inner-inner-top-menu ul {
	list-style:none;
	margin:0;
	padding:0;
}

#inner-inner-top-menu ul li{
	float:left;
	padding:0 5px;
}

#inner-inner-top-menu ul li a {
	text-decoration:none;
	display:block;
	padding:6px 8px 0 8px;
	font-size:1.2em;
}


/*GREY BOX*/
div.greybox h2 {
	font-size:1.2em;
	color:#FFF;
	text-align:left;
}

div.greybox div.box-title {
	padding:7px 0 0 20px;
}

div.greybox {
	background:#ccd1d5 url('../images/middle_grey_box_bg.jpg') top left repeat-x;
}

div.greybox div.inner-box {
	background:url('../images/left_grey_box_bg.jpg') top left no-repeat;
}

div.greybox div.inner-inner-box {
	background:url('../images/right_grey_box_bg.jpg') top right no-repeat;
}

/*BLUE BOX*/
div.bluebox h2 {
	font-size:1.2em;
	color:#FFF;
	text-align:left;
}

div.bluebox div.box-title {
	padding:7px 0 0 20px;
}

div.bluebox {
	background:#adb4ba url('../images/middle_blue_box.jpg') top left repeat-x;
}

div.bluebox div.inner-box {
	background:url('../images/left_blue_box.jpg') top left no-repeat;
}

div.bluebox div.inner-inner-box {
	background:url('../images/right_blue_box.jpg') top right no-repeat;
}

#worldtime,#news,#currency,#shippmentsearch {
	float:left;
	margin-left:6px;
	border-bottom:1px solid #AAAEB1;
}

#worldtime {
	width:134px;
	margin-left:0;
	background:url('../images/worldtime.jpg') top left no-repeat;
	height:355px;
}
#worldtime div.content {
	padding:2px 5px 5px 5px;
}

#worldtime h1 {
	padding:0;
	margin:0 0 10px 0;
	font-size:1.2em;
}

#worldtime h1 span {
	display:block;
	padding:12px 0 0 25px;
	color:#FFF;
}


#news {
	width:228px;
	background:url('../images/news.jpg') top left no-repeat;
	height:355px;
}
#news h1 {
	padding:0;
	margin:0 0 10px 0;
	font-size:1.2em;
}

#news h1 span {
	display:block;
	padding:11px 0 0 25px;
	color:#FFF;
}


#currency {
	width:228px;
	background:url('../images/shipments.jpg') top left no-repeat;
	height:355px;
}
#currency h1 {
	padding:0;
	margin:0 0 10px 0;
	font-size:1.2em;
}

#currency h1 span {
	display:block;
	padding:11px 0 0 25px;
	color:#FFF;
}

#shippmentsearch {
	width:326px;
	background:url('../images/searchbox.jpg') top left no-repeat;
	height:355px;
}
#shippmentsearch h1 {
	padding:0;
	margin:0 0 10px 0;
	font-size:1.2em;
}

#shippmentsearch h1 span {
	display:block;
	padding:11px 0 0 25px;
	color:#FFF;
}

/*WORLD CLOCK
---------------------------*/
ul.worldclock {
	padding:0;
	margin:0;
	list-style:none;
}

ul.worldclock li {
	padding:4px 0 4px 5px;
}

ul.worldclock li div.time {
	background:#CCC;
	color:#009FCA;
	font-size:1.3em;
	font-weight:bold;
	/* for IE */
	  filter:alpha(opacity=60);
	  /* CSS3 standard */
	  opacity:0.6;
}

ul.worldclock li div.time span {
	display:block;
	float:left;
	padding:0 1px;
	letter-spacing:-1px;
}

ul.worldclock li div.time span.colon {
	width:2px;
	display:block;
	text-align:center;
}

ul.worldclock li div.time span.ampm {
	font-size:0.7em;
	padding:6px 0 0 1px;
}


/**CALENDAR**/
	table.calendar {
	border:1px solid #CCCCCC;
	border-collapse:collapse;
}
table.calendar td, table.calendar th {
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	font-size:11px;
}
table.calendar th {
	background-color:#E8E8E8;
	height:20px;
}
table.calendar td {
	height:80px;
	vertical-align:top;
}
table.calendar td.unactive {
	background-color:#F5F5F5;
}
table.calendar td.highlight {
	background-color:#CCCC33;
}
.currentmonth {
	font-weight:bold;
	font-size:12px;
	color:#000;
}



table.calendar div.shipments ul li {
	padding:4px 0;
}

table.calendar div.shipments ul {
	list-style:none;
	padding:0;
	margin:0;
	margin-left:5px;
}

table.calendar a {	
	text-decoration:none
}

table.calendar .import {
	background:url(../images/import.gif) no-repeat center right;
	color:#000;
	padding:3px 20px 3px 0;
}	

a.export {
	background:url(../images/export.gif) no-repeat center right;
	color:#000;
	padding:3px 20px 3px 0;
}

a.delivered span {
	background:url(../images/delivered.gif) no-repeat center left;
	padding-left:15px;
	color:#000;
}

a.question span {
	background:url(../images/unconfirmed.gif) no-repeat center left;
	padding-left:15px;
	color:#000;
}

a.shipping span {
	background:url(../images/shipping.gif) no-repeat center left;
	padding-left:15px;
	color:#000;
}





.transport-mode-sea{
color:#04B9E0;
}

.transport-mode-air {
color:#CC262B;	
}

#searchbox a {
	color:#000;
}

div.shipments ul {
	padding:0
	margin:0;
}

div.shipments {
	
}

td.haveshipments {
	/*background:url(../images/ship.gif) no-repeat top right;*/
}
.moveable {
	cursor:move;
}
div.shipdesc {
	padding:2px;
}
div.shipdesc span {
	float:left;
	display:block;
	width:130px;
	text-align:right;
	padding:0 5px;
}
div.shipdesc span {
	font-weight:bold;
}
/*HIGHSLIDE**/
	.highslide-html {
	background-color: white;
}
.highslide-html-content {
	position: absolute;
	display: none;
	padding: 10px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;
	border: 1px solid black;
	background-color: white;/*padding-left: 22px;
		background-image: url(highslide/graphics/loader.white.gif);
		background-repeat: no-repeat;
		background-position: 3px 1px;*/
}
.control {
	float: right;
	display: block;
	/*position: relative;*/
		margin: 0 5px;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}
.control:hover {
	color: black !important;
}
.highslide-move {
	cursor: move;
}
.highslide-display-block {
	display: block;
}
.highslide-display-none {
	display: none;
}


.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}
.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	background: white;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}
.highslide-overlay {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Controls for the galleries.											   */
/* Remove these if you are not using a gallery							   */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
}
.highslide-controls a {
	background-image: url(graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 11px;
}
.highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(graphics/resize.gif);
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							 */
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
	height: 16px;
}
.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	left: 0;
	right: 16px;
	top: 0;
	width: auto;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	position: relative;
	float: right;
	z-index: 2;
	padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
	background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
	display: none;
}


/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
	display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #444;
}
.outer-glow .highslide-image {
	border: 5px solid #444444;
}
.outer-glow .highslide-caption {
	border: 5px solid #444444;
	border-top: none;
	padding: 5px;
	background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border .highslide-image {
	border: 2px solid green;
}
.colored-border .highslide-caption {
	border: 2px solid green;
	border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
	background: #111;
}
.dark .highslide-image {
	border-color: black black #202020 black;
	background: gray;
}
.dark .highslide-caption {
	color: white;
	background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
	background-image: url(graphics/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
	color: white;
	border: none;
	font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding: 0 0 0 22px;
	margin: 0;
	background: url(graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	margin: 0;
	top: -23px;
	left: 7px;
	background: none;
}
.controls-in-heading .highslide-controls ul {
	position: static;
	height: 20px;
	background: none;
}
.controls-in-heading .highslide-controls li {
	padding: 0;
}
.controls-in-heading .highslide-controls a {
	background-image: url(graphics/controlbar-white-small.gif);
	height: 20px;
	width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
	display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}


	/*SHIPMENT DETAILS
	 ********************/
div.shipmentdetails {
	width:490px;
}

.sea {
	background:url(../images/container_big.png) 540px 55px no-repeat;
}

.air {
	background:url(../images/air.png) 540px 55px no-repeat;
}
div.shipmentdetails table, .tabular {
	border-collapse:collapse;
}
div.shipmentdetails table, div.shipmentdetails td, div.shipmentdetails th,.tabular table, .tabular td, .tabular th {
	border:1px solid #CCCCCC;
}
div.shipmentdetails td, div.shipmentdetails th , .tabular td, .tabular th {
	height:auto;
	padding:2px;
}
div.shipmentdetails th, .tabular th  {
	background-color:#F6F6F6;
}
td.today {
	background-color:#7FDBF0;
	color:#000;
}
span.gotoday {
	margin:0 0 2px 5px;
	border:1px solid #0CBBE1;
	padding:1px 3px;
	background-color:#7FDBF0;
	font-size:11px;
}
span.gotoday a {
	text-decoration:none;
}
span.gotodayUnactive {
	margin:0 0 2px 5px;
	border:1px solid #E9E9E9;
	padding:1px 3px;
	background-color:#FCFCFC;
	font-size:11px;
	color:#000;
}
.shipmentdetails .headerbar {
	text-align:right;
	padding:2px;
	padding-right:4px;
}


div.listshipments a {
	color:#000;
}

a span.shipment-highlight,.order-highlight,.container-highlight,.vessel-highlight {
	color:#FFF;
	background:#DF2672;
}

table.account_managers {
	border-collapse:collapse;
}


table.account_managers td {
	border:1px solid #CCC !important;
	padding:5px;
	vertical-align:top;
}

.saving_text {
	position:absolute;
	right:25px;
	color:#333;
}