/*
This file inherits all the styles from DefaultStyle.css
Please make sure that the following import link is present if you want to inherit default styles.
Any changes in fonts, colours, layout, etc. can be done via overriding CSS style elements after the import statement.

Good CSS guide is located at

http://www.htmlhelp.com/reference/css/

*/
@import url(DefaultStyle.css);

/* put your changes below this comment */
html 
{
	overflow-x: hidden;
	overflow-y: scroll;
}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #003366;
	color: #ffffff;
	padding: 0;
}

.ResultsTable
{
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 0px 11px;
}

.ResultsTable select,
.ResultsTable input
{
	/*width: 200px;*/
}

.ContentSection input.Button
{
	height: 21px;
	margin: 0px 0px 0px 0px;
}

#OuterContentPane
{
	margin: 10px;
}

#Title
{
	margin: 0px 0px 0px 0px;
}

tr.DetailsHeader,
th.DetailsHeader
{ 
	color: #003366; 
	border: solid 1px white;
}

tr.DetailsHeader td,
th.DetailsHeader td  
{ 
	padding: 2px 10px; 
}

table tr td
{
	color: #003366;
}

table tr td span,
table tr td pre
{
	color: white;
}

#FilterContentsTable tr td span
{
	color: #003366;
}

.TimeLineCompletedLate{ color: white; background-color: #aaa; }
.TimeLineCompleted{ color: #003366; background-color: #b5c4d0; }
.TimeLineOverdue{ color: white; background-color: #CC0000; }
.TimeLinePending{ color: #003366; background-color: white; }

.TimeLineCompletedLate .TimeLineEstimate{ color: white; }
.TimeLineCompleted .TimeLineEstimate{ color: #003366; }
.TimeLineOverdue .TimeLineEstimate{ color: white; }
.TimeLinePending .TimeLineEstimate{ color: #003366; }

#pagehead, #topbar1, #topbar2, #PageFooter, #menu, #LoginStatusString, #OuterContentPane #ViewShipmentDetails
{
	display: none;
}

#ExchangeRatesGrid td
{
	font-size: 11px;
	padding-right: 30px;
}

table.detailsTable
{
	font-size: 10px;
	padding-left: 5px;
}

.detailsTable,
.detailsTable tr,
.detailsTable td
{ 
	border-style: none;
}
html>body .detailsTable,
html>body .detailsTable tr,
html>body .detailsTable td
{ 
	border-style: hidden;
}

tr.InnerDetailsHeader *
{
	color: White;
	font-weight: bold;
}

td.DetailsHeader
{
	color: black;
	background: #577fa8;
	font-weight: bold;
	padding: 5px;
}

tr.DetailsCell td
{
	background: #003366;
	padding: 5px;
}

tr.DetailsAlternatingCell td
{
	background: #1f4d7b;
	padding: 5px;
}

a,
a:visited
{
	color: #ffffff;
	background: inherit;
}

a:hover
{
	color: #bedffd;
	font-weight: underline;
}

.loginBox
{
	border: 1px solid #99CCFF;
	background: #04509c;
	color: inherit;
}

#LoginStatusString
{
	text-align: right;
	color: #ffffff;
	background: none;
	top: 10px;
	riht: 10px;
}

#LoginStatusString a,
#LoginStatusString a:visited,
#LoginStatusString a:hover
{
	color: #ffffff;
	background: none;
}

.ContentSection
{
	padding: 0px;
	margin: 0px;
}

#ProductContents #Details table.ResultsTable td,
#DimensionsAndWeight table.ResultsTable td
{
	color: White;
}

#ProductContents #Details table.ResultsTable td span,
#DimensionsAndWeight table.ResultsTable td span
{
	font-weight: normal;
}

#DimensionsAndWeight table.ResultsTable td span#DimensionsAndWeightLabel
{
	font-weight: bold;
}