﻿/*  CONTENT */

/* .Net project list style */
.dataList 
{
	width: 100%; 
	color:#333333;
	border-collapse:collapse;
	border: 1px solid #006;
}
tr.dataList_header 
{
	color:White;
	background-color:#1C5E55;
	font-weight:bold;
}

tr.dataList_header th a:link
{
	color:White;
	font-weight:bold;
	text-decoration: None;	
}	

tr.dataList_header.a 
{
	font-style:normal;
}

tr.dataList_even 
{
	background-color:White;
}
tr.dataList_odd 
{
	background-color:#E3EAEB;
}	
.dataList_pagerReport Date:
{
	color:White;
	background-color:#666666;
	text-decoration: overline;
		
}	
.dataList_pager td a:link
{
	color:White;
	background-color:#666666;
	font-weight:bold;
	text-decoration: None;	
}	


.dataList_footer 
{
	color:White;
	background-color:#1C5E55;
	color:#1C5E55;
}
	

/* LIST tables */

table.dataList td, table.dataList th {line-height: 1.2em;
	border-left: 1px solid silver; padding: 0.4em 0.8em;
}
table.dataList th {text-align: left;
}
table.dataList td.right, table.dataList th.right {text-align: right;
}
table.dataList td.top, table.dataList th.top {
	vertical-align: top;
}


/* note: IE doesn't recognize child selectors, so can use them to target Gecko */
div#content {font: 0.86em Arial, Helvetica, sans-serif;
	width: 590px; /* stay less than 729px total */
	min-height: 300px; /* IE doesn't recognize this */
}
div#content h1 {font: bold 1.6em Geneva, Arial, Helvetica, sans-serif; color: black;
	margin: 0; padding: 0.7em 0; 
}
div#content h2 {font: bold 1.4em Geneva, Arial, Helvetica, sans-serif; color: black;
	margin: 0 0 1em 0; padding: 0.3em 0 0.3em 0;
}
div#content h3 {font: bold 1.2em Geneva, Helvetica, sans-serif; color: black;
	margin: 0; padding: 0.2em 0 1em;
}
div#content h4 {font: bold 1.1em Geneva, Helvetica, sans-serif; color: black;
	background-color: #ddc;
	border: 1px solid #006; border-width: 1px 0;
	margin: 0 0 1em; padding: 0.5em;
}
div#content h5 {font: bold 1.1em Geneva, Helvetica, sans-serif; color: black;
	background-color: #eed;
	border: 2px solid #006; border-width: 2px 0;
	margin: 0 0 1em; padding: 0.3em;
}
div#report p {
	border-bottom: 1px solid black;
	padding: 0; margin: .4em;
}

/* text colors */
div#content .clrSilver {color: #888; /* silver */
}
div#content .clrBlue {color: #069; /* blue */
}
div#content .clrGreen {color: #393; /* green */
}
div#content .clrGreen2 {color: #090; /* another green */
}
div#content .clrRed {color: #c33; /* red */
}
div#content .clrYellow {color: yellow; /* yellow  - failed QA test*/
}
div#content .clrExclude {font-size: 1.2em; color: #c03;
	background-color: #ff6; 
}
div#content .bold {font-weight: bold;
	height: 26px;
}
div#content .center {text-align: center;
}
div#content .right {text-align: right;
}
div#content .warning {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #c33;
}
div#content .required {font: bold 1.4em Verdana, Arial, Helvetica, sans-serif; color: #c33;
}
/* links */
div#content a:hover {color: #396; /* turn green */
}
div#content p.button {
	padding: 0.7em 0 0.8em 0.4em; margin: 0;
}

/* TABLE row colors */
tr.rowSub td, tr.rowSub th {background-color: #ddd; 
}
tr.rowTop td, tr.rowTop th {color: #ffffff; background-color: #1C5E55; /* white on dark green */
}
tr.rowOdd td, tr.rowOdd th {background-color: white;
}
tr.rowEven td, tr.rowEven th {background-color: #eee; /* light grey */
}
tr.rowFormTop td, tr.rowFormTop th {background-color: #aec4d5; /* kind of grey */
}

/* row on top of table */
div.tabletop {margin: 0.5em 0 0;
}
div.tabletop p {font-weight: bold;
	padding: 0.7em 0 0.8em 0.4em; margin: 0;
}



/* REPORT tables */
table.dataReport {font: 11px Arial, Helvetica, sans-serif; width: 100%; 
	border-top: 1px solid black;
	margin-left: 0px;
}
table.dataReport td, table.dataReport th {
	padding: 0.13em 0.5em;
}	
table.dataReport td.right, table.dataReport th.right {text-align: right;
}
table.dataReport th.left {text-align: left;
}
table.dataReport th.top, table.dataReport td.top {vertical-align: top;
}
table.dataReport th.center, table.dataReport td.center {text-align: center;
}
table.dataReport th.lineLeft, table.dataReport td.lineLeft {
	border-left: 1px solid black;
}
table.dataReport tr.rowLine td, table.dataReport tr.rowLine th {
	border-bottom: 1px solid black;
	padding-bottom: 0.3em;	
}
table.dataReport tr.rowLine2 td, table.dataReport tr.rowLine2 th {
	border-bottom: 2px solid black;
	padding-bottom: 0.3em;	
}
table.dataReport th.title {
	font: bold 1.2em Geneva, Helvetica, sans-serif; color: black;
	background-color: #eed;
	border: 2px solid #006; border-width: 2px 0;
}
table.dataReport td.clrGrey { background-color:#efefef;
}

/* FORM tables */
table.dataForm {
	border-bottom: 1px solid #0888;
}
table.dataForm td, table.dataForm th {
	padding: 0.25em;
}
table.dataForm th {text-align: right;
}
table.dataForm td {text-align: left;
}
table.dataForm th.left {text-align: left;
}
table.dataForm td.right {text-align: right;
}
table.dataForm td.center {text-align: center;
}
table.dataForm th.top, table.dataForm td.top {vertical-align: top;
}
table.dataForm tr.rowLine td, table.dataForm tr.rowLine th {
	border-top: 1px solid #888;
}
table.dataForm th.lineLeft, table.dataForm td.lineLeft {
	border-left: 1px solid #888;
}


/* FORM elements */
form * {font-family: Arial, Helvetica, sans-serif; /* all form elements */
}

form textarea {font: 1em Arial, Helvetica, sans-serif; /* text area light yellow */
	background-color: #ffd;
}
form select {background-color: #eff;  /* select boxes light blue */
}
form input.color {background-color: #efe;  /* input text boxes light green */
}
form select {background-color: #eff;  /* select boxes light blue */
}
/* form buttons seem to need their own rule (?) */
form .formButton {font-weight: bold; font-size: 1em; 
}


/* DEFINITION LIST */
div#content dl.inline {
	margin: 1em 0;
	padding: 0;
}
div#content dl.inline dt {
	font-weight: bold;
	float: left;
	width: 10em;
	padding: 0.3em;
}
div#content dl.inline dd {
	margin-left: 11em;
	padding: 0.3em;
}


/* COMMAND hyperlinks */
div#content a.btnMedium {font-weight: bold; font-size: 1.05em; color: black;
	background-color: #ccb;
	text-decoration: none; 
	padding: 0.15em 0.4em; margin: 0px; 
	border: 0.15em outset silver;
}
div#content a.btnMedium:hover {color: black; /* IE needs this */
}
div#content a.btnMediumGrey {font-weight: bold; font-size: 1.05em; color: gray;
	background-color: #ccb;
	text-decoration: none; 
	padding: 0.15em 0.4em; margin: 0px; 
	border: 0.15em outset silver;
}
div#content a.btnMediumGrey:hover {color: gray; /* IE needs this */
}

div#content a.btnSmall {font-weight: bold; font-size: 0.94em; color: black;
	background-color: #ccb;
	text-decoration: none; 
	padding: 0.1em 0.3em; margin: 0px; 
	border: 0.08em outset silver;
}

div#content a.btnSmall:hover {color: black; /* IE needs this */
}
div#content a.btnSmallIn {font-weight: bold; font-size: 0.94em; color: #c30;
	background-color: #ccb;
	text-decoration: none; 
	cursor: default; /* default pointer instead of hyperlink pointer */
	padding: 0.1em 0.3em; margin: 0px; 
	border: 0.15em inset silver;
}
div#content a.btnSmallIn:hover {color: #c30; /* IE needs this */
}

div#content a.btnSmallGreyed {font-weight: bold; font-size: 0.94em; color: gray;
	background-color: #ccb;
	text-decoration: none; 
	padding: 0.1em 0.3em; margin: 0px; 
	border: 0.08em outset silver;
}
div#content a.btnSmallInGreyed:hover {color: gray; /* IE needs this */
}
div#content a.btnSmallFailed {font-weight: bold; font-size: 0.94em; color: yellow;
	background-color: #ccb;
	text-decoration: none; 
	padding: 0.1em 0.3em; margin: 0px; 
	border: 0.08em outset silver;
}
div#content a.btnSmallInFailed:hover {color: yellow; /* IE needs this */
}


