/* used for reports in /newrep */
table {border-collapse:collapse}
td, div {
	font-size : 11px;
	font-family : Arial,helvetica,sans-serif;
	color:black;
}  
a {  
	color:blue;
	font-size:11px;
}  
.white {
	font-size : 12px;
	font-family : Arial,helvetica,sans-serif;
	font-style : normal;
	background-color : #FFFFFF;
	font-weight : normal
} 
.header {
	font-size : 11px;
	font-family : Arial,helvetica,sans-serif;
	font-style : normal;
	background-color : #dddddd;
	font-weight : bold;
} 
.headerSub {
	font-size : 11px;
	font-family : Arial,helvetica,sans-serif;
	font-style : normal;
	background-color : #eeeeee;
	font-weight : bold;
} 
.GreenCard  {
	font-size : 11px;
	font-family : Arial,helvetica,sans-serif;
	background-color : Green;
	color : White; 
} 
tr.GreenCard td,  tr.GreenCard td a {
	font-size : 11px;
	font-family : Arial,helvetica,sans-serif;
	background-color : Green;
	color : White; 
}
.RedCard  {
	font-size : 11px;
	font-family : Arial,helvetica,sans-serif; 
	background-color : Red;
	color : White;
	font-style : normal;
}  
tr.RedCard td, tr.RedCard td a {
	font-size : 11px;
	font-family : Arial,helvetica,sans-serif; 
	background-color : Red;
	color : White;
	font-style : normal;
}
.YellowBg {
	font-size : 11px;
	font-family : Arial,helvetica,sans-serif; 
	background-color : #FFFFC0;
	color : black;
	font-style : normal;
}
tr.YellowBg td, tr.YellowBg td a {
	font-size : 11px;
	font-family : Arial,helvetica,sans-serif; 
	background-color : #FFFFC0;
	color : black;
	font-style : normal;
} 

.individualRed  {
	font-size : 11px;
	font-family : Arial,helvetica,sans-serif;
	font-weight : normal;
	background-color : Red;
	color : white;
	font-style : normal;
} 
tr.individualRed td, tr.individualRed td a {
	font-size : 11px;
	font-family : Arial,helvetica,sans-serif;
	font-weight : normal;
	background-color : Red;
	color : white;
	font-style : normal;
}
.individualGreen  {
	font-size : 11px;
	font-family : Arial,helvetica,sans-serif;
	font-weight : normal;
	background-color : Green; 
	color: white;
	font-style : normal;
}  
tr.individualGreen td, tr.individualGreen td a {
	font-size : 11px;
	font-family : Arial,helvetica,sans-serif;
	font-weight : normal;
	background-color : Green; 
	color: white;
	font-style : normal;
}
.individualGray {
	font-size : 11px;
	font-family : Arial,helvetica,sans-serif;
	font-weight : normal;
	background-color : #DEDFDE;
	color : black;
	font-style : normal;
}  
tr.individualGray td, tr.individualGray td a {
	font-size : 11px;
	font-family : Arial,helvetica,sans-serif;
	font-weight : normal;
	background-color : #DEDFDE;
	color : black;
	font-style : normal;
}
.summary  { /* this is on TR so font does not translater */
	font-size : 11px;
	font-family : Arial,helvetica,sans-serif;
	font-style : normal;
	background-color : #FFFFFF;
}
#reportTable { 
	/* center the report tables */
	margin-left:auto;
	margin-right:auto;
}
#reportTable th, #reportTable td, #reportTable td a {
	font-size:11px;
}
#reportTable th {
	font-weight:bold;
	text-align:center;/* this is th default on most browsers anyway */
}
#reportTable td {
	font-weight:normal;
}


#reportTableCellBorder { 
	/* center the report tables */
	margin-left:auto;
	margin-right:auto;
}
#reportTableCellBorder tr th, #reportTableCellBorder tr td, #reportTableCellBorder tr td a {
	font-size:12px; /* one bigger than normal table */
}
#reportTableCellBorder tr:first-child th,
#reportTableCellBorder tr:first-child td  { 
	border-top:1px solid #888888; 
} 
#reportTableCellBorder tr th {
	padding:5px; 
	text-align:center;/* this is th default on most browsers anyway */ 
	border-bottom:1px solid #888888;
	border-right:1px solid #888888; 
}
#reportTableCellBorder tr td {
	padding:5px; 
	font-weight:normal;
	border-bottom:1px solid #888888; 
	border-right:1px solid #888888; 
}

#reportTableCellBorder tr th:first-child,
#reportTableCellBorder tr td:first-child  {
	border-left:1px solid #888888; 
}
 
 

/* .trendReport extends table reportTableCellBorder */  
DIV.trendReport {
margin-bottom:100px !important;
}
table.trendReport tr td {
text-align:center;
} 
table.trendReport tr td:nth-child(1) { 
text-align:left;
}
table.trendReport tr:nth-child(1) th {
font-size:larger !important;
}
table.trendReport tr:nth-child(2) th {
font-size:smaller !important;
}
 



/* for wecard, checkforid,  not Train and verify (bars is in bars_ba.css, not here) */
.reportSelectionDiv {
border:1px solid #dddddd;
border-radius:10px;
width:610px;
margin:0 auto 0 auto;
padding:10px;
}
/* for t&v */
.reportSelectionDivTV { 
width:100%; 
} 



/* for wecard, checkforid,  not Train and verify (bars is in bars_ba.css, not here) */
#reportSelectionTable {
	width:100%; 
} 
#reportSelectionTable td {
	font-size:13px;  
	vertical-align:top; 
} 
#reportSelectionTable INPUT[type="text"], 
#reportSelectionTable SELECT {
padding:3px;
}
 /* for t&v */
#reportSelectionTableTV { 
width:100%; 
} 
#reportSelectionTableTV td {  
	vertical-align:top; 
}
#reportSelectionTableTV td:nth-child(1) { 
padding-right:20px;
}
#reportSelectionTableTV td:nth-child(2) { 
padding-left:20px;
}
#reportSelectionTableTV  INPUT[type="text"], 
#reportSelectionTableTV SELECT {
padding:3px;
}


/* extends report selection form (inside of reportSelectionTable */

/* for wecard, checkforid,  not Train and verify (bars is in bars_ba.css, not here) */
.normalSelectReportFormTable { /* for inc_indexForm_Normal.cfm in newrep */  
margin:0 auto 0 auto;
width:100%; 
}
.normalSelectReportFormTable tr td { 
padding:5px 2px 5px 2px;
font-size:13px; 
}
.normalSelectReportFormTable tr td.fieldTitle {
width:13%;
white-space:nowrap;
overflow:hidden;
} 
.normalSelectReportFormTable tr td INPUT[type="text"], 
.normalSelectReportFormTable tr td SELECT {
padding:3px;
} 
.normalSelectReportFormTable .reportTypeTable {
width:100%;
}
.normalSelectReportFormTable .reportTypeTable tr td:nth-child(1) {
width:30%;
white-space:nowrap;
overflow:hidden;
} 
.selectionBlockRight {
 display:none;
 white-space:nowrap;
 border:1px solid #dddddd;
 background-color:#eeeeee;
 padding:1px;
 }

/* for Train and Verify */
.normalSelectReportFormTableTV { 
width:480px;
}
.normalSelectReportFormTableTV tr td {  
padding:5px 2px 5px 2px !important; 
}
.normalSelectReportFormTableTV tr td.fieldTitle {
width:15%; 
}
.normalSelectReportFormTableTV tr td:nth-child(3) {
width:40%; 
}

.normalSelectReportFormTableTV .reportTypeTable {
width:100%;
}
.normalSelectReportFormTableTV .reportTypeTable tr td:nth-child(1) {
width:30%;
white-space:nowrap;
overflow:hidden;
} 
  
 
 
 
 


.ZoneLine  {
	font-size : 11px;
	font-family : Arial,helvetica,sans-serif;
	font-style : normal;
	background-color : White;
}
  
.YesPercent  {
	font-size : 11px;
	font-family : Arial,helvetica,sans-serif;
	background-color : White;
	color : Green;
	font-weight : normal;
	font-style : italic;
}

.NoPercent  {
	font-size : 11px;
	font-family : Arial,helvetica,sans-serif;
	font-weight : normal;
	background-color : White;
	color : Red;
	font-style : italic;
}  
th  {
	font-size : 11px;
	font-family : Arial,helvetica,sans-serif;
	font-style : normal; 
	font-weight:bold;
}

h1 {font-size:15px; font-family : Arial,helvetica,sans-serif; }
/* h2 {font-size:13px; font-family : Arial,helvetica,sans-serif; }  interferes with we-card */
h3 {font-size:11px; font-family : Arial,helvetica,sans-serif; }

.err {width:500px;font-weight:bold;color:red;margin:3px;font-size:13px;padding:5px;border:2px dashed red;background-color:#f7f7f7;text-align:left; }
.msg {width:500px;font-weight:bold;color:blue;margin:3px;font-size:13px;padding:5px;border:2px dashed green;background-color:#f7f7f7; text-align:left;}
 

#container {
	overflow:auto;
	width:100%;
} 
.blockRight {
	float:right;
}
.blockLeft {
	float:left;
}
.blockCenter {
	margin-left:auto;
	margin-right:auto;
	/* give a width */
}
.textRight {
	text-align:right;
}
.nobr {
	white-space:nowrap;
}
#reportsMenu {
	margin:10px 0px 20px 0px;
	padding:5px;
	background:#dddddd;
	border:1px solid #cccccc;
	white-space:nowrap;
	border-radius:5px;
	-moz-border-radius:5px;
}
#reportsMenu a {
	font-size:13px; 
}

#reportSelectionTable {
	width:100%;
} 
#reportSelectionTable th,td {
	font-size:13px; 
}


a.whitelink, a.whitelink:link, a.whitelink:visited, a.whitelink:hover, a.whitelink:active {
	color:white;
}
a.blacklink, a.blacklink:link, a.blacklink:visited, a.blacklink:hover, a.blacklink:active {
	color:black;
}

#loginFormDiv {
	margin-left:auto;
	margin-right:auto;
	width:350px;
	padding:10px;
	background:#eeeeee;
	border:1px solid #dddddd;
	border-radius:10px;
	-moz-border-radius:10px; 
}
#loginFormWords {
	font-weight:bold;
	font-size:15px;
	text-align:center;
	color:black;
}

.grayEmailReportButtonsBox {
border:1px solid #dddddd;
background-color:#eeeeee;
padding:10px;margin:10px 0 20px 0;
border-radius:5px;
-moz-border-radius:5px;  
}   
.emailReportsTitle {
margin:0 0 10px 5px; 
font-size:15px;
font-weight:bold;
}
.onlineReportButton {
float:left; /* in case we add other buttons they will float up next to each other */
width:280px;
margin:0 25px 15px 0px; 
padding: 6px;
background:#EE4037;
border:2px solid #8A2E2C;
text-align:center;
color:white;
font-size:16px;
font-weigh:bold;  
font-family : Arial,helvetica,sans-serif;
cursor:pointer;
cursor:hand;
}
.onlineReportButton a { 
text-decoration:none !important;
color:white !important;
font-size:16px;
font-weigh:bold;
font-family : Arial,helvetica,sans-serif;
}
.onlineReportButton a span { 
font-size:12px;
font-weigh:normal;
}
.clear {clear:both;}
/* for login.cfm when redirecting */
table.redir {margin:50px auto 0 auto;}
table.redir div.link {margin-top:40px;text-align:center;color:black;}
table.redir div.link a {text-decoration:underline; font-size:14px; white-space:nowrap;font-family:arial,helvetica,sans-serif;}
table.redir tr td.big {font-size:20px;font-weight:bold;text-align:left;font-family:arial,helvetica,sans-serif;}