@charset "utf-8";

/* main dashboard pages styles */
ul.tpm_banner { clear: both; display: block; list-style: none outside none; margin: 0 auto 0px; padding: 0; position: relative;	width:100%; max-width:1100px;}
ul.tpm_banner li { display: inline; float: left; margin: 10px; padding: 0; width: 400px; border:thin solid black;}
ul.tpm_banner li.wide { width:820px; }
ul.tpm_banner li ul.perf_story li {display: block; float:none; margin:3px 0;padding:0;float:none;border:0; width:90%; overflow:hidden;}

ul.tpm_banner li.last { margin-right: 0;}

ul.tpm_banner li h3 { color: #FFFFFF !important; display: inline-block !important; text-decoration: none !important; width: 100% !important; font-size:18px; letter-spacing: .5px; background-color: #194179; text-align: left; 	margin: 0; padding-top:5px;}

a.db_header_link { color: #FFFFFF !important; display: inline-block !important; text-decoration: none !important; width: 100% !important;}

li.db_content {background-color: #ededed;}

p.db_number {font-size: 400%; text-align: center; line-height: 50%; margin-top: .5em; margin-bottom: 20px; color: #194179; padding-top: 10px; font-weight:700;}
p.db_text_strong {font-size: 125%; text-align: center; line-height: 136%; letter-spacing: -0.05em; margin: 0; padding: 0; color: #194179; font-weight: 700;}
p.db_text {font-size: 125%; text-align: center; line-height: 136%; letter-spacing: -0.05em; margin: 0; padding: 0; color: #194179; font-weight: 200;}

a.db_link {text-decoration: none !important; ;color: #194179 !important; display:block;}

div.db_blue {background-color: #194179; margin-top: 20px; margin-bottom:0px; padding-bottom:5px;}
p.db_blue {background-color: #194179; margin-top: 20px; margin-bottom:0px; display:block; min-height:118px; padding-bottom:5px;}
p.db_blue img {max-height:118px; float:right}

p.db_learn {border: 1px solid #194179; float:right; margin-right:10px; margin-top:10px; margin-bottom:10px; padding:0px 10px 0px 10px; background-color:#f7f7f7;}

p.db_behind {margin:8px 8px 0px 8px; padding:0px;}

p.db_learn a {color: #194179 !important; font-weight: 700;  text-decoration: none !important;;}

/* report page styles*/
ul.report_banner { clear: both; display: block; list-style: none outside none; margin: 0 auto 0px; padding: 0; position: relative;	width:100%; max-width:1100px; }
ul.report_banner li { display: inline; float: left; margin: 0px; padding: 0; width: 100%; border:none;background-color: #ededed;}
ul.report_banner li.last { margin-right: 0;}
ul.report_banner li.data_note { background-color: #fff;}
ul.report_banner li.data_note p {margin: 5px 0 20px 5px; font-size:90%}
ul.report_banner li.data_note div {display: none; padding-top: .4em; padding-bottom: .4em;}
ul.report_banner li.data_note2 { background-color: #eeeeee;} /*note used was trying to put the about the data in a separate li*/
/*p.data_note2, div.data_note2 { margin:0px 0px 0px 0px; background-color:#f7f7f7; padding:8px; border:thin solid #ccc;}*/
p.data_note2, div.data_note2 { margin:0px 0px 0px 0px; background-color:#f7f7f7; padding:8px 7px 8px 7px; border:thin solid #ccc;}

/*first dark blue line*/

li.report_box h3 { color: #FFFFFF !important; text-decoration: none !important; width: 100% !important; font-size:18px; letter-spacing: .5px; background-color: #194179; text-align: left; 	margin: 0; padding:8px 0px 8px 0px;}
li.report_box img {max-height:20px; float:left; margin: 8px;}

/*second row - 3 boxes*/
ul.report_inner_banner, ul.report_inner_banner2, ul.report_inner_banner3, ul.report_inner_banner4 {display: block; list-style: none outside none; margin: 0 auto 0px; padding: 0; position: relative; width:100%; border:}
ul.report_inner_banner li, ul.report_inner_banner2 li, ul.report_inner_banner3 li, ul.report_inner_banner4 li {display: inline; float: left; margin: 0px; padding: 0; width: 30%;  border-bottom: 2px solid white; height:375px;}
ul.report_inner_banner li.middle, ul.report_inner_banner2 li.middle, ul.report_inner_banner3 li.middle, ul.report_inner_banner4 li.middle {width: 40%; background-color:#f5f5f5; display:block;}

/*second row - 1 full width box*/
ul.report_inner_banner li.full, ul.report_inner_banner2 li.full, ul.report_inner_banner3 li.full, ul.report_inner_banner4 li.full {width: 100%; background-color:#f5f5f5; display:block; height: auto;}

p.report_gray_text_strong {font-size: 125%; text-align: center; line-height: 136%; letter-spacing: -0.05em; margin: 0; padding: 0; color: #565656; font-weight: 700;}
p.report_gray_text {font-size: 125%; text-align: center; line-height: 136%; letter-spacing: -0.05em; margin: 0; padding: 0; color: #565656; font-weight: 200;}
p.report_gray_text_note_strong {font-size: 90%; text-align: center; line-height: 136%; letter-spacing: -0.05em; margin: 6px 0px 0px 0px; padding: 0; color: #565656; font-weight: 700;}
p.report_gray_text_note {font-size: 90%; text-align: center; line-height: 136%; letter-spacing: -0.05em; margin: 6px 0px 0px 0px; padding: 0; color: #565656; font-weight: 200;}
p.report_gray_number {font-size: 450%; text-align: center; line-height: 50%; margin-top: .5em; margin-bottom: 20px; color: #565656; padding-top: 10px; font-weight:700;}
p.report_gray_number_small {font-size: 400%; text-align: center; line-height: 80%; margin-top: .5em; margin-bottom: 20px; color: #565656; padding-top: 10px; font-weight:700;}


p.report_text_strong {font-size: 125%; text-align: center; line-height: 136%; letter-spacing: -0.05em; margin: 0; padding: 0; color: #194179; font-weight: 700;}
p.report_text {font-size: 125%; text-align: center; line-height: 136%; letter-spacing: -0.05em; margin: 0 8px 0 8px; padding: 0; color: #194179; ; font-weight: 200;}
p.report_text_t2 {font-size: 120%; text-align: center; line-height: 136%; letter-spacing: -0.05em; margin: 38px 8px 0 8px; padding: 0; color: #194179; ; font-weight: 200; background-color:#F7F7F7;}
p.report_number {font-size: 450%; text-align: center; line-height: 50%; margin-top: .5em; margin-bottom: 20px; color: #194179; padding-top: 10px; font-weight:700;}
p.report_number_small {font-size: 400%; text-align: center; line-height: 80%; margin-top: .5em; margin-bottom: 20px; color: #194179; padding-top: 10px; font-weight:700;}

p.single_line {margin-top: 18px;}
p.double_line {margin-top: 51px;}
p.double_line_bottom {margin-bottom: 73px;}

/*styles added for state reporting pages*/

.reporting_asterisk {font-size: 20px;}
.reporting_behind_asterisk {font-size: 16px;}
.reporting_null_value {font-size: .75em;}
a p.db_learn {font-weight: 700}
#uzalist {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; list-style-position: outside;}
li.report_box img.emis_icon {max-height:30px; float:left; margin: 8px;}
span.target { float: right; }

.txtDrkGrn { color: #0B610B; }
.txtDrkRed { color: #EB0000; }


#perf_target th, #perf_target td {vertical-align: baseline;}
#perf_target thead th {vertical-align: middle;}
#perf_target .highlight_target {background-color: #B8D0ED;}
#perf_target thead tr {background-color: #003D73; color: white;}
/* tas.sfm and safety.cfm
  #perf_target caption, #perf_target thead {font-size: 16px;}
  #perf_target thead {font-variant: small-caps;}
*/

@media  (max-width:1183px) {
	ul.tpm_banner li.wide { width:95%;}
	ul#uzalist {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
	}