/*
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 */
body {
	background: #454248;
	color: #000000;
	padding: 0;
	margin: 0;
	font-size: 11px;
}

#OuterContentPane {
	color: #000000;
	padding: 30px 20px 10px 16px;
	background: #ffffff;
	border-left: #454248 solid 23px;
	border-right: #454248 solid 23px;
}

#pagehead {
	height: 192px;
	border-bottom: 0px solid #000000;
	border-left: #454248 solid 23px;
	border-right: #454248 solid 23px;
}

#topbar1 {
	color: #000000;
	background: url(images/banner.gif) repeat-x; 
	height: 192px;

}

#topbar2 {
	color: #000000;
	background: url(images/topbg3.jpg) no-repeat top right; 
	height: 192px;
}

.loginBox {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 22px solid #999999;
	background: #cccccc;
	color: #000000;
	padding: 10px 10px 10px 10px;
	width: 170px;
	font-weight: normal;
}

#CompanyCodeTextBox {
	Margin: 0px 0px 0px 0px;
}

.loginBox div {
	Margin: 0px;
	padding: 0px; 
}

#ViewShipmentDetails {
	padding-right: 0px;
}

.loginBox input[type="text"], .loginBox input[type="password"] {
	width: 169px;
	Margin-left: 0px; /*This affects Firefox but not IE*/
}

.loginBox a, .loginBox a:visited {
	color: #3366cc;
	background: transparent;
	text-decoration: underline;
}

.loginBox a:hover {
	color: #3366cc;
	background: #ff9900;
	text-decoration: underline;
}

.LoginInstruction {
    position: absolute;
	border: 1px solid #e5e5e5;
	background: #ffffff;
	color: #000000;
    padding: 0px;
    left: 240px;
    top: 212px;
    width: 600px;
    height: 322px;
}

#LoginStatusString {
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	color: #ff9900;
	background: transparent;
	top: 178px;
	left: 26px;
}

#menu {
	font-size: 11px;
	Line-height: 26px;
	left: 23px;
	top: 192px;
	text-decoration: none;
	Border: none;
	font-weight: Bold;
	text-align: center;
	position: absolute;
	background: none;
}

#menu li {
	vertical-align: top;
	width: 128px;
	height: 26px;
	color: #828385;
	text-decoration: none;
	background: url(images/MButtH.gif) no-repeat top left;
	border: none;
	display: inline-block;
}
	 
#menu a, #menu a:visited {
	color: #ffffff;
	text-decoration: none;
	background: url(images/MButt.gif) no-repeat top left;
	border: none;
	display: inline-block;
}

#menu a:hover {
	color: #828385;
	text-decoration: none;
	background: url(images/MButtH.gif) no-repeat top left;
	border: none;
}

.PageTitle {
	color: #3B6289;
	font-weight: bold;
}

.DetailsTable  { 
	padding: 0px;
	font-size: 11px;
	background: #ffffff;
	border: 1px solid #e9e9e9;
}

.DetailsHeader {
    color: #ffffff;
	background: #454248;
	line-height: 24px;
	border: 1px solid #e9e9e9;
}

.DetailsHeader a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}

.DetailsHeader a:hover {
	color: #FFFFFF;
	font-weight: bold;
	background: #454248;
	display: inline-block;
	text-decoration: none;
}

a, a:visited {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
	background: inherit;
}

a:hover {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	background: inherit;
}

select, input {
	font-size: 11px;
}

.ContentSection {
	padding-left: 0px; 
	margin-top: 10px;
	padding-bottom: 0px;
	background: none;
}

.DetailsCell {
	color: inherit;
	background: #ffffff;
	border: 1px solid #e9e9e9;
}

.DetailsAlternatingCell {
	color: inherit;
	background: #e8e8e8;
	border: 1px solid #e9e9e9;
}

.TimeLineLegend {
	display: inline-block;
	font-weight: bold;
	background: none;
	color: #000000;
	text-align: center;
	padding: 5px 5px 5px 5px;
	border: solid 1px gray;
}

.TimeLineOverdue {
	background: #ffb6c1;
	color: #000000;
	white-space: nowrap;
	text-align: center;
}

.TimeLinePending {
	background: #FFFF00;
	color: #000000;
	white-space: nowrap;
	text-align: center;
}

.TimeLineCompleted {
	background: #98fb98;
	color: #000000;
	white-space: nowrap;
	text-align: center;
}

.TimeLineCompletedLate {
	background: #ffcc99;
	color: #000000;
	white-space: nowrap;
	text-align: center
}

.TimeLineEstimate {
	font-style: italic;
	color: #000000;
	background: inherit;
	white-space: nowrap;
	text-align: center;
}

.Button.FilterStripGroup_none {
	background-color: inherit;
}

#PageFooter {
	margin-left: 23px;
	margin-right: 23px;
    text-align:left; 
	padding-top: 10px;
	border-top: 0px;
	border-bottom: 0px;
	height: 20px;
	color: #FFFFFF;
	font-size: 9px;
	padding-left: 20px;
	background: transparent;
	clear:both;
}

#PageFooter a, #PageFooter a:visited {
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}

#PageFooter a:hover {
    color: #FFFFFF;
    font-size: 9px;
	font-weight: bold;
	text-decoration: underline;
}