/*
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: url(images/backgroundtile.png);
	color: #000000;
	padding: 0;
	margin: 0;
	font-size: 10px;
}

#OuterContentPane  {
	padding: 14px 13px 14px 13px;
	background: #FFFFFF;
	border-left: 23px solid;
	border-left-color: #FFFFFF;
	border-right: 23px solid;
	border-right-color: #FFFFFF;
}

#pagehead {
	height: 139px;
	border-bottom: 0px solid #000000;
}

.DetailsTable  { 
	padding: 0px;
}

.DetailsHeader {
    color: #000000;
    font-size: 11px;
	background: #dd420c;
	vertical-align: middle;
	line-height: 20px;
}

.DetailsHeader a {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	font-size: 11px;
}

.DetailsHeader a:hover {
	color: #000000;
	text-decoration: none;
	font-size: 11px;
}

a,
a:visited {
	color: #3e3e3e;
	font-size: 10px;
	background: inherit;
	text-decoration: underline;
}

a:hover {
	color: #3e3e3e;
	background: inherit;
	text-decoration: none;
}

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

#topbar2 {
	color: #ffffff;
	background: url(images/banner.png) repeat-x; 
	height: 139px;
}

#topbar1 {
	color: #ffffff;
	background: transparent; 
	height: 139px;
}

.loginBox {
	border: 1px solid #dd440b;
	background: #FFFFFF;
	color: #000000;
	padding: 10px 10px 10px 10px;
	width: 170px;
}

.loginBox input[type="text"], .loginBox input[type="password"] {
	width: 169px;
}

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

.loginBox a:hover {
	color: #0066cc;
	text-decoration: none;
}

.LoginInstruction {
    position: absolute;
    border: 1px solid #dd440b;
    background: #FFFFFF;
    color: inherit;
    padding: 15px;
    left: 224px;
    top: 156px;
    right: 16px;
    height: 302px;
}

#LoginStatusString {
	text-align: left;
	color: #000000;
	background: none;
	top: 10px;
	left: 140px;
}

#menu {
	font: 100%/19px;
	left: 128px;
	top: 120px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	background: none;
	text-align: center;
	position: absolute;
	font-variant: normal;
}

#menu li  {
	vertical-align: top;
	width: 120px;
	height: 19px;
	color: #FFFFFF;
	text-decoration: none;
	background: url(images/MButtH.png) no-repeat top left;
	border: 0px solid;
}
	 
#menu a, #menu a:visited {
	color: #FFFFFF;
	font-size: 11px;
	background: url(images/MButt.png) no-repeat top left;
	width: 120px;
	height: 19px;
	text-decoration: none;
	display: inline-block;
}

#menu a:hover  {
	color: #ffffff;
	text-decoration: none;
	background: url(images/MButtH.png) no-repeat top left;
	width: 120px;
	height: 19px;
}

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

.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: #ffffff;
}

#pagefooter {
    text-align: right;
    font-size: 10px;
	font-style: italic;
	padding-top: 0px;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	height: 15px;
	color: #3e3e3e;
	padding-left: 34px;
	background: #d3d3d3 url(images/footerimage.png) no-repeat top left;
}

.DetailsCell {
	color: #000000;
	font-size: 10px;
	padding: 12px;
	background: #e9e8e8;
}

.DetailsAlternatingCell {
	color: #000000;
	font-size: 10px;
	padding-top: 12px;
	background: #FFFFFF;
}

.DetailsCell a, .DetailsCell a:visited,
.DetailsAlternatingCell a, .DetailsAlternatingCell a:visited {
	color: #000000;
}

.DetailsCell a:hover,
.DetailsAlternatingCell a:hover {
	color: #000000;
}

#PageFooter a, #PageFooter a:visited {
	color: #3e3e3e;
	font-size: 10px;
	text-decoration: underline;
}

#PageFooter a:hover {
    color: #3e3e3e;
    font-size: 10px;
	text-decoration: none;
}