/*====================================================================================================*/

/*      DFR, Enforcement Case Report (ecr), and Air Pollutant Report (caapr) Page styles                    */

/*====================================================================================================*/

/* compliance tracker icons */
#progress {
  float: left!important;
	height: 50px;
	width: 380px;
	background: url(../img/compliance_tracker/progress_bar_step_03.png) left center no-repeat;	
}
#dfrTools .addMore {
    background: url(../img/compliance_tracker/comp-tracker-add-icon.png) 8px center no-repeat;
}
#dfrTools .viewRelated {
    background: url(../img/compliance_tracker/comp-tracker-view-related-icon.png) 8px center no-repeat;
}
#dfrTools .submitReport {
    background: url(../img/compliance_tracker/comp-tracker-submit.png) 2px center no-repeat;
}
#dfrTools .viewRelated {
    background: url(../img/compliance_tracker/comp-tracker-view-related-icon.png) 8px center no-repeat;
}

/* compliance screener submit checkboxes */
.submitBox {
    position:static!important;
}

/* air pollutant report filter checkboxes */
.details .filter input[type="checkbox"] {
    position:static!important;
}

#dfrPrintHeader, #mobileswap {
    display: none;
}
#dfrTools {
    clear: both;
    float: none;
    margin: 0 0 5px 0;
    padding: 8px 0 0 0;
}
#dfrTools a {
    color: #044F95;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    margin: 0;
    padding: 0 5px 0 32px;
    text-decoration: none;
}
#dfrTools .beta {
    font-size: 20px;
    padding-left: 0px;
    padding-bottom: 15px;
    text-decoration: underline;
    color: #BE2947
}
#dfrTools a:hover, #dfrTools a:focus {
    background-color: none;
    color: #044F95;
    text-decoration: underline;
}
#dfrTools .expandSearch, #dfrTools .collapseSearch {
    padding: 0 5px 0 20px;
}
#dfrTools div {
    float: right;
}
#dfrTools .tool1 {
    background: url(../img/icon-dfr-tool1.png) 5px center no-repeat;padding-left:28px;display:none;
}
#dfrTools .tool2 {
    background: url(../img/icon-dfr-tool2.png) 5px center no-repeat;
}
#dfrTools .tool3 {
    background: url(../img/icon-dfr-tool3.png) 5px center no-repeat;
}
#dfrTools .tool4 {
    background: url(../img/icon-dfr-tool4.png) 8px center no-repeat;
    padding-left: 50px;
}
#dfrTools .tool5 {
    background: url(../img/icon-dfr-tool5.png) 2px center no-repeat;
}
#dfrTools .tool6 {
    background: url(../img/icon-dfr-tool6.png) 5px center no-repeat;
}
#dfrTools .tool7 {
    background: url(../img/icon-help-report.png) 5px center no-repeat;
    padding-left: 30px;
}
.dfrContainer {
    -webkit-box-shadow: 4px 4px 6px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 4px 4px 6px rgba(50, 50, 50, 0.4);
    box-shadow: 4px 4px 6px rgba(50, 50, 50, 0.4);
    clear: both;
    padding: 0;
}

/*override epa style? text size is too large on report pages without*/
.section .pane {
    font-size: 85%;
}

.dfrContainer h2 {
    font-size: 16px;
    font-weight: normal;
    padding: 0;
}
.dfrContainer h2 a {
    color: #fff;
    background: url(../img/icon-search-expand.png) right center no-repeat;
    cursor: pointer;
    display: block;
    line-height: 38px;
    margin: 0;
    padding: 0 0 0 10px;
}
.dfrContainer h2 a:hover, .dfrContainer h2 a:focus {
    text-decoration: underline;
}
.dfrContainer h2.active a {
    background: url(../img/icon-search-collapse.png) right center no-repeat;
}
.dfrContainer h2.active {
    font-weight: normal;
}
.dfrContainer h2:focus {
    outline: none;
}
.dfrContainer .section {
    margin: 0 0 1px 0;
}
.dfrContainer .facReports {
    margin-left: 30px !important;
}
.dfrContainer .pane {
    background: #f5f1df;
    border: 2px solid;
    border-width: 0 2px 2px 2px;
    padding: 10px;
}
.dfrContainer .pane0 h2 {
    background: #0071bc;
}
.lt-ie9 .dfrContainer .pane0 h2 {
    background: #0071bc;
}
.dfrContainer .pane0 .pane {
    border-color: #0071bc;
}
.dfrContainer .pane1 h2 {
    background: #6268DA;
    background-image: linear-gradient(bottom, #6268DA 5%, #494AA7 53%);
    background-image: -o-linear-gradient(bottom, #6268DA 5%, #494AA7 63%);
    background-image: -moz-linear-gradient(bottom, #6268DA 5%, #494AA7 63%);
    background-image: -webkit-linear-gradient(bottom, #6268DA 5%, #494AA7 63%);
    background-image: -ms-linear-gradient(bottom, #6268DA 5%, #494AA7 63%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.05, #6268DA), color-stop(0.63, #494AA7));
}
.lt-ie9 .dfrContainer .pane1 h2 {
    background: #6268DA;
}
.dfrContainer .pane1 .pane {
    border-color: #6268DA;
}
.dfrContainer .pane2 h2 {
    background: #990099;
    background-image: linear-gradient(bottom, #990099 5%, #741865 53%);
    background-image: -o-linear-gradient(bottom, #990099 5%, #741865 63%);
    background-image: -moz-linear-gradient(bottom, #990099 5%, #741865 63%);
    background-image: -webkit-linear-gradient(bottom, #990099 5%, #741865 63%);
    background-image: -ms-linear-gradient(bottom, #990099 5%, #741865 63%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.05, #990099), color-stop(0.63, #741865));
}
.lt-ie9 .dfrContainer .pane2 h2 {
    background: #990099;
}
.dfrContainer .pane2 .pane {
    border-color: #990099;
}
.dfrContainer .pane2b h2 {
    background: #990099;
    background-image: linear-gradient(bottom, #990099 5%, #741865 53%);
    background-image: -o-linear-gradient(bottom, #990099 5%, #741865 63%);
    background-image: -moz-linear-gradient(bottom, #990099 5%, #741865 63%);
    background-image: -webkit-linear-gradient(bottom, #990099 5%, #741865 63%);
    background-image: -ms-linear-gradient(bottom, #990099 5%, #741865 63%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.05, #990099), color-stop(0.63, #741865));
}
.lt-ie9 .dfrContainer .pane2b h2 {
    background: #990099;
}
.dfrContainer .pane2b .pane {
    border-color: #990099;
}
.dfrContainer .pane3 h2 {
    background: #0269C9;
    background-image: linear-gradient(bottom, #0269C9 5%, #044B8D 53%);
    background-image: -o-linear-gradient(bottom, #0269C9 5%, #044B8D 63%);
    background-image: -moz-linear-gradient(bottom, #0269C9 5%, #044B8D 63%);
    background-image: -webkit-linear-gradient(bottom, #0269C9 5%, #044B8D 63%);
    background-image: -ms-linear-gradient(bottom, #0269C9 5%, #044B8D 63%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.05, #0269C9), color-stop(0.63, #044B8D));
}
.lt-ie9 .dfrContainer .pane3 h2 {
    background: #0269C9;
}
.dfrContainer .pane3 .pane {
    border-color: #0269C9;
}
.dfrContainer .pane4 h2 {
    background: #61AE24;
    background-image: linear-gradient(bottom, #6FC428 5%, #61AE24 63%);
    background-image: -o-linear-gradient(bottom, #6FC428 5%, #61AE24 63%);
    background-image: -moz-linear-gradient(bottom, #6FC428 5%, #61AE24 63%);
    background-image: -webkit-linear-gradient(bottom, #6FC428 5%, #61AE24 63%);
    background-image: -ms-linear-gradient(bottom, #6FC428 5%, #61AE24 63%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.05, #6FC428), color-stop(0.63, #61AE24));
}
.lt-ie9 .dfrContainer .pane4 h2 {
    background: #61AE24;
}
.dfrContainer .pane4 .pane {
    border-color: #61AE24;
}
.dfrContainer .pane5 h2 {
    background: #01C9C9;
    background-image: linear-gradient(bottom, #01C9C9 5%, #01A4A4 63%);
    background-image: -o-linear-gradient(bottom, #01C9C9 5%, #01A4A4 63%);
    background-image: -moz-linear-gradient(bottom, #01C9C9 5%, #01A4A4 63%);
    background-image: -webkit-linear-gradient(bottom, #01C9C9 5%, #01A4A4 63%);
    background-image: -ms-linear-gradient(bottom, #01C9C9 5%, #01A4A4 63%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.05, #01C9C9), color-stop(0.63, #01A4A4));
}
.lt-ie9 .dfrContainer .pane5 h2 {
    background: #01C9C9;
}
.dfrContainer .pane5 .pane {
    border-color: #01C9C9;
}
.dfrContainer .pane6 h2 {
    background: #FD970D;
    background-image: linear-gradient(bottom, #FD970D 5%, #D97E04 53%);
    background-image: -o-linear-gradient(bottom, #FD970D 5%, #D97E04 63%);
    background-image: -moz-linear-gradient(bottom, #FD970D 5%, #D97E04 63%);
    background-image: -webkit-linear-gradient(bottom, #FD970D 5%, #D97E04 63%);
    background-image: -ms-linear-gradient(bottom, #FD970D 5%, #D97E04 63%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.05, #FD970D), color-stop(0.63, #D97E04));
}
.lt-ie9 .dfrContainer .pane6 h2 {
    background: #FD970D;
}
.dfrContainer .pane6 .pane {
    border-color: #FD970D;
}
.dfrContainer.paneSpace, .dfrContainerItem.paneSpace {
    margin-bottom: 40px;
}
.dfrContainer .dfrMapContainer {
    width: 32%;
    float: left;
}
.dfrContainer .dfrMap {
    background: #999;
    border: 1px solid #666;
    height: 214px;
    width: 100%;
}
.dfrContainer .dfrDataQualityAlert {
    width: 100%;
    height: 40px;
    clear: both;
    margin: 10px 0;
    display: none;
}
.dfrContainer .dfrDataQualityAlert p {
    float: left;
    margin-right: 15px;
}
.dfrContainer .dfrDataQualityAlert p.dfrDataQualityAlertText {
    padding-top: 0.8em;
    min-width: 175px;
}
.dfrContainer .dfrDataQualityAlert p a {
    color: #9a1b1e;
}
.dfrContainer .details {
    float: right;
    margin: 0 0 10px 5px;
    width: 66%;
}
.dfrContainer .titleMobile {display:none;}
.dfrContainer .allLeft {
    float: left;
}
.dfrContainer .allRight {
    float: right;
    padding-left: 10px;
}
.dfrContainer .details h4 {
    font-size:1em;
    padding:10px 0 5px 0;
}

.dfrContainer .table .left h4, .dfrContainer .table .middle h4, .dfrContainer .table .right h4 {
    font-size:1em;

}


.dfrContainer .details .left, .dfrContainer .pane1 .left {
    float: left;
    width: 44%;
}

.dfrContainer .details .right {
    float: left;
    width: 40%;
}

.dfrContainer .table .left, .dfrContainer .table .middle, .dfrContainer .table .right {
    float: left;
}

.dfrContainer .table .left{width:30%;}
.dfrContainer .table .middle{width:40%;}
.dfrContainer .table .right{width:30%;}

.reportSections {
    padding-left: 5px !important;
}

.daterange-container {
    display:inline-block;
    margin-left: 20px !important;
    margin-top: 10px;
}

.dfrContainer .details h3 {
    /*color: #16365c;*/
    font-size:1em;
   /*padding:5px 0;*/
    font-weight:bold;
}

.dfrContainer .ecr h3 {
    color: #16365c;
}

.dfrContainer .ALE {
  font-weight:bold;
}
.dfrContainer .borderedcell {
  border: 2px solid #01A4A4;
}
.highcharts-container .highcharts-title tspan {
    font-size:0.8em;
    padding:5px 0;
    font-weight:bold;
}


#dfrSummaryTable table tbody tr td {vertical-align:top;}
.dfrContainer .table h3 {padding-top:15px;font-size:1em;}
/*.dfrContainer .details .chartTitle{ font-weight:bold}*/
.dfrContainer .details p{padding:0 0 10px 0;}
.dfrContainer .facReports .label{font-weight:bold;}
.dfrContainer .facReports{
    margin:0;
    padding:0;
}
.dfrContainer .facReports img{
    margin-right:2px;
}
.dfrContainer .facReports a{
    margin:0;
    text-decoration:underline;
    cursor:pointer;
}
.dfrContainer h3{
    clear:both;
    line-height:24px;
    padding:0;
}
.dfrContainer .floatRight {
    float: right;
    padding: 0 0 5px 0;
}
.dfrContainer .floatLeft {
    float: left;
}
.dfrContainer .filter {
    background: #0269c7;
    border: 2px solid #044b8d;
    color: #fff;
    margin: 0 0 10px 0;
    padding: 10px;
}
.dfrContainer .filter .left {
    float: left;
    width: 29%;
}
.dfrContainer .filter .right {
    float: right;
    width: 69%;
}
.dfrContainer .filter p {
    padding: 0;
}
.dfrContainer label {
    display: inline-block;
    font-weight: normal;
}
.dfrContainer .pane2 .left {
    float: left;
    width: 49%;
}
.dfrContainer .pane2 .right {
    float: right;
    width: 49%;
}
.dfrCaveat {
    max-width: none;
    width: 90%;
    font-size: 12px;
    margin-left: 10px;
}
.dfrContainer table.dfrCaveat {
	border: 0;
	width: auto;
	margin: 1em 0;
}
.dfrContainer table.dfrCaveat * {
	border: 0;
}
.dfrContainer table.dfrCaveat tr {
	background-color: #f5f1df;
}
.dfrContainer table.dfrCaveat th,
.dfrContainer table.dfrCaveat td {
	text-align: left;
	padding: 4px 6px;
}

.dfrContainer .table {
    margin: 0 0 10px 0;
    overflow: auto;
    overflow-y: hidden;
}
.dfrContainer table {
    clear: both;
    font-size: 11px;
    margin: 0;
}
.dfrContainer table caption {
    background: none;
    color: #16365c;
    font-size: 14px;
    padding: 0 0 5px 0;
    text-align: left;
}
.dfrContainer table, .dfrContainer tr {
    background-color: none;
}
.dfrContainer table thead {
    background-position: top right;
    background-repeat: no-repeat;
}
.dfrContainer th {
    border: 1px solid #fff;
    border-width: 1px 1px 0 0;
    color: #fff;
    font-weight: normal;
    text-align: center;
    padding: 5px 10px;
}
.dfrContainer table thead .errReportTh {
    display: none;
}
.dfrContainer .pane1 th {
    background-color: #494AA7 !important;
}
.dfrContainer .pane2 th {
    background-color: #741865 !important;
}
.dfrContainer .pane2b th {
    background-color: #741865 !important;
}
.dfrContainer .pane3 th {
    background-color: #044B8D !important;
}
.dfrContainer .pane4 th {
    background-color: #61AE24 !important;
}
.dfrContainer .pane5 th {
    background-color: #01A4A4 !important;
}
.dfrContainer .pane6 th {
    background-color: #D97E04 !important;
}
.dfrContainer table tbody {
}
.dfrContainer table .errReport {
    display: none;
}
.dfrContainer tbody tr {
    background: #fff;
}

.dfrContainer tbody tr.alt {
    background: #e7e7d6;
}
.dfrContainer tbody td {
    color: #222;
    border: 1px solid #e9e8e8;
    border-width: 1px 1px 0 0;
    padding: 6px 8px;
    text-align: center;
}


/*#fscT1 tr td:nth-child(3){text-align:left;}
#fscT2 tr td:nth-child(3), #fscT2 tr td:nth-child(4){text-align:left;}
#fscT3 tr td:nth-child(4){text-align:left;}
#fscT4 tr td:nth-child(4){text-align:left;}
#ecT1 tr td:nth-child(4), #ecT1 tr td:nth-child(7){text-align:left;}
#ecT2 tr td:nth-child(4){text-align:left;}
#ecT5 tr td:nth-child(3){text-align:left;}*/

.dfrPoT2 td:first-child {
    max-width: 130px;
    text-align: left;
}
.dfrContainer tbody td.bigRed {
    color: #800000;
    font-size: 105%;
    font-weight: bold;
}

.dfrContainer tbody .bigRed {
    color: #800000;
    font-size: 105%;
    font-weight: bold;
}

.dfrContainer tbody td.leftAlign {
    text-align: left;
}

.dfrContainer tbody td.red {
    color: #800000;
}
.dfrContainer tbody td.orange {
    color: #f90;
}
.dfrContainer tbody td.blue {
    background-color: transparent;
    color: #0000a0;
}
.dfrContainer tbody td.fullRed {
    background-color: #a03220;
    color: #ccc;
}
.dfrContainer tbody td.fullYellow {
    background-color: #ffd14f;
}
.dfrContainer tbody td.fullBlue {
    background-color: #538ed5;
}
.dfrContainer tbody td.fullGrey {
    background-color: #ccc;
}

.dfrContainer tbody td.darkGrey {
    background-color: #666;
}
.dfrContainer tbody td.green {
    color: #008000;
}
.dfrContainer tbody tr td.loadTable {
    padding: 20px 0;
    text-align: center;
}
.dfrContainer tbody td a span {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -10px;
}
.dfrContainer table .cellRed {
    background: #a03220;
}
.dfrContainer table .cellYellow {
    background: #ffd14f;
}
.dfrContainer table .cellBlue {
    background: #538dd5;
}
.dfrContainer table .cellGrey {
    background: #bfbfbf;
}
.dfrContainer .textRed {
    color: #f00;
}
.dfrContainer table tbody a {
    color: #4b92ff;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
.dfrContainer table tbody a:hover {
    color: #47aa42;
    text-decoration: underline;
}
#dfrLoadingStatus {
    text-align: center;
}
#dfrPrintHeader {
    display: none;
}


/* Enforcement Case Report (ecr) specific styles - moved from content.css */
#ecr .details.ecr {
    clear: both;
    float: none;
    width: auto;
}
h3.ecr, #ecr .details.ecr h3.ecr {
    padding: 0;
}
#ecr .details.ecr .left {
    float: left;
    width: 49%;
}
#ecr .details.ecr .right {
    float: right;
    width: 49%;
}

#ecr .details.ecr .right p {
    margin-top:24px;
}
#ecr table.ecr {
    font-size: 14px;
    background: transparent;
    border: 0px;
    padding: 0px;
    margin-bottom: 15px;
}
#ecr table.ecr thead th {
    position: absolute
}
#ecr table.ecr tbody {
    border: 0px;
}
#ecr table.ecr tbody tr {
    background: transparent;
}
#ecr table.ecr tbody tr.alt {
    background: transparent;
}
#ecr table.ecr tbody td {
    color: #222;
    border: 0px;
    border-width: 0px;
    padding: 3px 0px;
    text-align: left;
}
#ecr table.ecr td.leftcol {
    width: 23%;
    vertical-align: top;
    padding-right: 15px;
}
#ecr table.ecr td.rightcol {
    width: 78%;
    vertical-align: top;
}


/*styles for Highcharts sparkline charts on CAA Poll Report*/
table tbody tr td.trend>div.highcharts-container {
    text-align: center !important;
    margin: 0px auto !important;
}
fieldset legend {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

/* case comments */
div.case-comment {
    margin-bottom: 1em;
    margin-top: 1em;
}
h5.case-comment-title {
    font-size: 88%;
    background-color: #044B8D;
    color: #FFFFFF;
    padding: 5px;
    font-weight: normal;
}
.overBoxBlue div {
  padding:10px;
  word-wrap: break-word;
}