/*
	New style sheet for new-look DQI
	Jason, June 2009
*/

@media print
{
	body
	{
		background-color:#FFFFFF;
	   	font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #003333;
		text-decoration: none;
	}
}


@media screen
{
	body
	{
		background-color:#20342E;
	   	font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #003333;
		text-decoration: none;
	}

	#Nav
	{
		background-color:#20342E;
	}

	#Breadcrumb
	{
 		background-color: #FAE04D;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #127B74;
		text-decoration: none;
	}

	#Breadcrumb ul
	{
		padding: 0px;
		margin: 0px;
	}

	#Breadcrumb li
	{
		text-transform:capitalize;
		color:#20342E;
		font-weight: bold;
	}

	#Breadcrumb li a
	{
		color:#127B74;
		padding-right:2px;
	}

	#Breadcrumb li.selected
	{
		color:#127B74;
	}

	#MainArea
	{
		background-color: #FFFFFF;
	}

	#divCICFooter
	{
		text-align: center;
		background-color: #FFFFFF;
		border-top: solid 5px #20342E;
	}
	
	#divCICFooter .footertext
	{
		color: #676767;
		font-size: 11px;
	}
	
	#divCICFooter .footerlink
	{
		margin-left: 3px;
		margin-right: 3px;
		font-size: 11px;
	}

	#divCICFooter .footerlink a
	{
		color:#676767;
	}

	#divCICFooter .footerlink.selected
	{
		color:#676767;
	}
}

#MainArea h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #127B74;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
}

.h1like
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #127B74;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
}


#MainArea h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #127B74;
	text-transform: uppercase;
	text-decoration: none;
	font-weight:normal;
	margin: 0px;
	padding: 0px;
}

.formrow td
{
	padding-bottom: 12px;
}

.summary tr td
{
	padding-bottom: 0px;
}

.projectname
{
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #20342E;
	text-decoration: none;
	width: 550px;
}

.assessmentname
{
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #20342E;
	text-decoration: none;
	width: 550px;
}

.pagesummary
{
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: lighter;
	color: #20342E;
	text-decoration: none;
	padding-bottom: 20px;
	clear: both;
}

#MainArea hr
{
	width: 100%;
	
}

#QQTopStrip h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #505050;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
}

#QQTopStrip h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003333;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
}

.h-list li
{
	display: inline;
	list-style-type: none;
}

.h-list li p
{
	display:inline;
}

.nav1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #FAE04D;	
	text-align: right;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}

.nav1 a
{
	text-decoration: none;
	color: #FAE04D;	
}

.nav1selected
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #FFFFFF;
	text-align: right;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}

.nav2container
{
	margin-bottom: 12px;
}

.nav2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: right;
	text-decoration: none;
	font-weight: normal;
	border-bottom: dotted 1px #c8d5d6;
	background-image: url(../images/navarrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
}

.nav2 a
{
	text-decoration: none;
	color: #FFFFFF;
}

.nav2 a:hover
{
	text-decoration: none;
	color: #FFFFFF;
}

.nav2selected
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FAE04D;
	vertical-align: middle;
	text-align: right;
	text-decoration: none;
	font-weight: normal;
	border-bottom: dotted 1px #FFFFFF;
	background-image: url(../images/navarrow-selected.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
}

.stitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #999999;
	font-weight: bold;
}

.projTitle
{
	font-weight: normal;
	font-size: 12px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #999999;
}
.qtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}

.stext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #003333;
	text-decoration: none;
}

.greytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

.greybox {
	white-space:pre-wrap;
	background-repeat: no-repeat; 
}

.greyboxtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003333;
	text-decoration: none;
	white-space:pre-wrap;
}

.sinputtext
{
	font-weight: bold;
	font-size: 12px;
	width: 30px;
	color: #003333;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}

.ktext {
	font-family: Courier New, Courier, mono;
	font-size: 12px;
	font-weight: normal;
	color: #003333;
	text-decoration: none;

}

.kinputtext
{
	font-size: 12px;
	color: #003333;
	width: 100px;
	font-family: Courier New, Courier, mono;
	text-align: left;
}

.ninputtext
{
	font-weight: bold;
	font-size: 12px;
	color: #003333;
	font-family: Arial, Helvetica, sans-serif;
}

.formtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003333;
}

.navdestheight {
	height: 10px;
}

.col8 {
	background-color: #FFFFFF;
}
.col7 {
	background-color: #FFFFFF;
}
.col6 {
	background-color: #FFFFFF;
}
.col5 {
	background-color: #FFFFFF;
}
.col4 {
	background-color: #FFFFFF;
}
.col3 {
	background-color: #FFFFFF;
}
.col2 {
	background-color: #CCCCCC;
}
.col1 {
	background-color: #CCCCCC; 
}

.colna8 {
	background-color: #FFFFFF;
}
.colna7 {
	background-color: #FFFFFF;
}
.colna6 {
	background-color: #FFFFFF;
}
.colna5 {
	background-color: #FFFFFF;
}
.colna4 {
	background-color: #FFFFFF;
}
.colna3 {
	background-color: #FFFFFF;
}
.colna2 {
	background-color: #E8E8E8;
}
.colna1 {
	background-color: #E8E8E8; 
}


.colwhite {
	background-color: #FFFFFF;
}

.greenrule {
	color: #003333;
	background-color: #003333;
}

.navmajor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003333;
	text-decoration: none;
	font-weight: normal;
}

.navmajor a {
	color: #003333;
	text-decoration: none;
}

.navthispage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #808080;
	text-decoration: none;
	font-weight: normal;
}

.navminor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;

}

A.stext
{
	color: #003333;
	text-decoration:underline;
}

A:hover.stext
{

	text-decoration: underline;
	color: #339966;

}

A.footer
{
	color: #666666;
	text-decoration: none;
}
.wtitle
{
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffcc00;
}

.wtext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}