/* used for reports in /newrep BARSPROGRAM.COM ONLY (TRAIN AND VERIFY AND WECARD USE DIFFERENT ONE)  */
body {
background-color: #ffffff; 
margin-top:10px; 
}   
div#topHead {/* like div#page { in barsprogram.com */
width:1120px;
height:160px; 
margin:0 auto 0 auto; 
font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
font-size: 17px;
line-height:27px;
font-weight:500; 
color:#46A147;  /* green standard color font */
position:relative;  
}

/* Some footer overrides to make it work on barsprogramreports.com */
p#footer_phone, 
p#footer_email,
p#footer_phoneMobile { 
font-family: 'Ubuntu', Arial, Helvetica, sans-serif !important;
font-size: 17px !important;
line-height:27px !important;
font-weight:500 !important;
background:transparent;
}  
div.footer_buttons { 
font-family: 'Ubuntu', Arial, Helvetica, sans-serif !important;
font-size: 17px !important;
line-height:27px !important;
font-weight:500 !important;
color:#46A147 !important;  /* green standard color font */
}

a.whiteEm:link,
a.whiteEm:active,
a.whiteEm:visited,
a.whiteEm:hover { /* email address as written by /Admin/js/util.js writeEM(1)  and also text in the login box on index.cfm on barsprogramreports.com only */
font-family: 'Ubuntu', Arial, Helvetica, sans-serif !important;
font-size: 17px !important;
line-height:27px !important;
font-weight:500 !important;
color:#FFFFFF !important;  /*white link */
text-decoration:none;
} 
#footer p a.whiteEm:hover { /* email address as written by /Admin/js/util.js writeEM(1) */
text-decoration:underline !important;
} 
#backToTop {
margin-bottom:5px;
margin-top:40px;
}
#backToTop a:link,
#backToTop a:active,
#backToTop a:visited,
#backToTop a:hover  {
text-decoration:none !important;
font-size:17px;
}

/* main report site bod */ 
#bod {
width:1120px;
 font-family : Arial,helvetica,sans-serif;
}


 
/* HOMEPAGE LOGIN override to look like new Brand Iron site */
table#homeLoginTableBars {
width:100%;
}
table#homeLoginTableBars td,
table#homeLoginTableBars td a {
font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
font-size: 17px;
line-height:27px;
font-weight:500;
color:#46A147;  /* green standard color font */
text-align:center;
}
/* inc_index_loginFormBA.cfm */
div#loginFormDivBA {
width:600px;
height:370px; 
margin:0 auto 0 auto;
padding:0;
position:relative;
}
div#loginFormDivBA img#bg {
position:absolute;
top:0;
left:0;
width:600px;
height:370px; 
border:0;
z-index:0;
} 
div#loginFormDivBA #loginPad {
position:absolute;
top:50px;
left:0;
width:560px;
height:330px; 
padding:20px;
z-index:1;
margin:0; 
}
div#loginFormDivBA #loginPad p  {
font-family: 'Ubuntu', Arial, Helvetica, sans-serif !important;
font-size: 17px !important;
line-height:27px !important;
font-weight:500 !important;
color:#FFFFFF !important; 
text-align:center;
}
div#loginFormDivBA #loginPad p a {
color:#FFFFFF !important;
} 
div#loginFormDivBA table#loginFormTable {
margin:0 auto 0 auto;
width:50%;
}
div#loginFormDivBA table#loginFormTable td {
padding-top:8px;
padding-bottom:8px;
text-align:center;
} 
div#loginFormDivBA table#loginFormTable INPUT[type="text"],
div#loginFormDivBA table#loginFormTable INPUT[type="password"] {
width:95%;
text-align:center;
font-size:20px; 
padding:7px;
border:1px solid #46A147;  /* normal site green */
border-radius:7px;
-moz-border-radius:7px;
background:white; 
font-family:arial,helvetica,sans-serif;
font-weight:lighter;
color:#46A147;  /* normal site green */
}
div#loginFormDivBA div.margintop {
	margin-top:20px;
}
.ba_button { /* submit buttons */ 
font-size:22px;
width:150px;
border-radius:20px;
-moz-border-raduis:20px;  
padding:5px;
text-align:center;
background:#46A147; /* website green */ 
border:1px solid #46A147; /* website green */ 
color:white !important;
cursor:pointer; 
margin-top:20px;
}
 

h1.bod  {font-size:20px !important; font-family : Arial,helvetica,sans-serif; color:#000000;}
#bod h1 {font-size:20px !important; color:#000000;} 
#bod h2 {font-size:13px;  color:#000000;}
#bod h3 {font-size:11px; color:#000000;}

#bod a:link, 
#bod a:active, 
#bod a:visited {
	 color:#007f56;
	 text-decoration:underline;
}
#bod a:hover {
	color:#221f1f;
	text-decoration:none;
}
#bod .greenBold {
color:#007f56;
font-weight:bold;
}
#bod a.greenBold:link,a.greenBold:active{
	 color:#007f56;
	 font-size:12px;
	 font-weight:bold;
}
#bod a.greenBold:hover {
	color:#221f1f;
} 


#bod table {border-collapse:collapse}
#bod td, 
#bod div {
	font-size : 11px; 
	color:black;
}  
#bod a {  
	color:blue;
	font-size:11px;
}  
#bod .white {
	font-size : 12px; 
	font-style : normal;
	background-color : #FFFFFF;
	font-weight : normal
} 
#bod .header {
	font-size : 11px; 
	font-style : normal;
	background-color : #dddddd;
	font-weight : bold;
} 
#bod .headerSub {
	font-size : 11px; 
	font-style : normal;
	background-color : #eeeeee;
	font-weight : bold;
} 
#bod .GreenCard  {
	font-size : 11px; 
	background-color :green;
	color :white; 
} 
#bod tr.GreenCard td,  
#bod tr.GreenCard td a {
	font-size : 11px; 
	background-color :green;
	color :white; 
}
#bod .RedCard  {
	font-size : 11px; 
	background-color :red;
	color :white;
	font-style : normal;
}  
#bod tr.RedCard td, tr.RedCard td a {
	font-size : 11px; 
	background-color :red;
	color :white;
	font-style : normal;
}
#bod .YellowBg {
	font-size : 11px; 
	background-color : #FFFFC0;
	color : black;
	font-style : normal;
}
#bod tr.YellowBg td, 
tr.YellowBg td a {
	font-size : 11px; 
	background-color : #FFFFC0;
	color : black;
	font-style : normal;
} 

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


#bod #reportTableCellBorder {  
	margin-left:auto;/* center the report tables */
	margin-right:auto;
}
#bod #reportTableCellBorder tr th, 
#bod #reportTableCellBorder tr td, 
#bod #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; 
} 
#bod #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; 
}
#bod #reportTableCellBorder tr td {
	padding:5px; 
	font-weight:normal;
	border-bottom:1px solid #888888; 
	border-right:1px solid #888888; 
}

#bod #reportTableCellBorder tr th:first-child,
#bod #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 all bars only */
.reportSelectionDiv {
border:1px solid #dddddd;
border-radius:10px;
width:600px;
margin:0 auto 0 auto;
padding:10px;
}
#reportSelectionTable {
	width:100%; 
} 
#reportSelectionTable td {
	font-size:13px;  
}
#reportSelectionTable INPUT[type="text"], 
#reportSelectionTable SELECT {
padding:3px;
}

 

/* extends report selection form (inside of reportSelectionTable */
.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 .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;
 }
 
 
 
 
 

#bod .ZoneLine  {
	font-size : 11px; 
	font-style : normal;
	background-color :white;
}
  
#bod .YesPercent  {
	font-size : 11px; 
	background-color :white;
	color :green;
	font-weight : normal;
	font-style : italic;
}

#bod .NoPercent  {
	font-size : 11px; 
	font-weight : normal;
	background-color :white;
	color :red;
	font-style : italic;
}  
#bod th  {
	font-size : 11px; 
	font-style : normal; 
	font-weight:bold;
}



#bod .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; border-radius:8px;-moz-border-radius:8px;}
#bod .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; border-radius:8px;-moz-border-radius:8px;}
 

#bod #container {
	overflow:auto;
	width:100%;
} 

#bod #reportsMenu {
	margin:10px 0px 20px 0px;
	padding:5px;
	background:#dddddd;
	border:1px solid #cccccc;
	white-space:nowrap;
	border-radius:5px;
	-moz-border-radius:5px;
}
#bod #reportsMenu a {
	font-size:13px; 
}




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

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

#bod .grayEmailReportButtonsBox {
border:1px solid #dddddd;
background-color:#eeeeee;
padding:10px;margin:10px 0 20px 0;
border-radius:5px;
-moz-border-radius:5px;  
}   
#bod .emailReportsTitle {
margin:0 0 10px 5px; 
font-size:15px;
font-weight:bold;
}
#bod .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;
}
#bod .onlineReportButton a { 
text-decoration:none;
color:white !important;
font-size:16px;
font-weigh:bold;
font-family : Arial,helvetica,sans-serif;
}
#bod .onlineReportButton a span { 
font-size:12px;
font-weigh:normal;
}

/* for login.cfm when redirecting */
#bod table.redir {margin:50px auto 0 auto;}
#bod table.redir div.link {margin-top:40px;text-align:center;color:black;}
#bod table.redir div.link a {text-decoration:underline; font-size:14px; white-space:nowrap;font-family:arial,helvetica,sans-serif;}
#bod table.redir tr td.big {font-size:20px;font-weight:bold;text-align:left;font-family:arial,helvetica,sans-serif;}
 
#bod .green {
	color:#007f56;
} 
#bod .red {
	color:#d92026;
}




.blockRight {
	float:right;
}
.blockLeft {
	float:left;
}
.blockCenter { 
	margin-left:auto;
	margin-right:auto;	 
}
.textRight {
	text-align:right;
}
.nobr {
	white-space:nowrap;
}
.clear {clear:both;}



.bodyThird {
float:left;
width:33%;
margin:0 !important;
padding:0 !important;
border:0 !important;
}
.bodyHalf {
float:left;
width:50%;
margin:0 !important;
padding:0 !important;
border:0 !important;
} 
.bodyPad {
padding:20px;
}
 
.mobileOnly {display:none;}