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

#OuterContentPane 
{
	padding: 10px 10px 10px 10px;
	background: #ffffff;
	border: 0px #000000 solid;
	/*    margin: 10 20 30 20;*/
}

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

.DetailsTable 
{ 
	padding: 0px;
}

.DetailsHeader
{
    color: #ffffff;
	background: #000000;
}

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

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

a:hover
{
	color: #4988f7;
	background: inherit;
}

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

#topbar1
{
	color: #ffffff;
	background: #ffffff url(images/Banner.gif) left top repeat-x; 
	height: 120px;
}

#topbar2
{
	color: #ffffff;
	background: url(images/Top.gif) no-repeat left top; 
	height: 120px;
}

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

#menu li 
{
	border-style: solid;
	border-color: inherit;
	border-width: 0px;
	vertical-align: top;
	width: 130px;
	height: 22px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	background: url(images/MButt.gif) repeat-x left top;
	}
	 
#menu a, #menu a:visited
{
	color: #ffffff;
	background: url(images/MButt.gif) repeat-x left top;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
}

#menu a:hover  
{
	color: #4988f7;
	font-weight: bold;
	text-decoration: none;
	background: url(images/MButt.gif) repeat-x top left;
}

.loginBox
{
	border: 0px solid #c8c8c8;
	background: #000000;
	color: #ffffff;
	padding: 10px 10px 10px 10px;
	width: 170px;
}

.loginBox input
{
    margin: 0px;
    padding: 0px;
}

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

.loginBox a
{
	color:white;
}

.loginBox a:visited
{
	color: white;
}

.loginBox a:hover
{
	color:4988f7;
}


#LoginStatusString
{
	text-align: left;
	color: #ffffff;
	background: none;
	top: 80px;
	left: 3px;
}

.LoginInstruction
{
      position: absolute;
      border: 1px solid #999999;
      background:  #e4d7ad;
      color: #000000;
      padding: 15px;
      left: 525px;
      top: 270;
}

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

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

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

.Button.FilterStripGroup_none
{
	background-color: #ffffff;
}

#pagefooter
{
    text-align: left;
	padding-top: 4px;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	height: 24px;
	color: #000000;
	padding-left: 10px;
	background: none;
}

.DetailsCell
{
	color: #000000;
	background: #ffffff;
}

.DetailsAlternatingCell
{
	color: #000000;
	background: #f7f7f7;
}