/***********************************/
/* BEGIN DATA CENTER TABLES STYLES */

@charset "UTF-8";
/*	CSS Document */

#octool p{margin-bottom: 1.2em;}
#octool a{color: #E84A27;}
#octool a:hover {color: #ef846c !important;}

/* STYLES BELOW FOR DATA TABLES -- STYLES ABOVE FOR EVERYTHING ELSE */
#octool table {
    border-style:solid;
    border-width:thin;
    border-collapse: separate;
    border-spacing: .01em .01em .01em .01em;
    border: 0 solid #000000;
    margin: 0 auto;
    padding-bottom: .5em;
    padding-top: .2em;
    width: 100%;
    font-size: 1em;
    line-height: 1.5em;
}

#octool td, #octool th {
     padding:.3em;
}

/* dropdown menu for counties should be smaller and scrollable... */
#county-drop {
    max-height: 280px;
    overflow-y: auto;
}

/* other classes for cells */
.Data {
     background-color: #E8E9EB;
}

.DataSummed {
     font-weight: bold;
     background-color: #D2D2D2;
}

.RowHeader {
     color: #FFFFFF;
     background-color:#13294B;
     text-align:left;
     white-space: nowrap;
}

.Header {
     color: #FFFFFF;
     background-color:#13294B;
}

.Upleft {
     color: #FFFFFF;
     background-color:#13294B;
     font-size: 1.4em;
}

/* width-only classes for various tables and cells */
.w_3{width:3%;}
.w_5{width:5%;}
.w_6{width:6%;}
.w_7{width:7%;}
.w_8{width:8%;}
.w_9{width:9%;}
.w_10{width:10%;}
.w_12{width:12%;}
.w_13{width:13%;}
.w_14{width:14%;}
.w_15{width:15%;}
.w_16{width:16%;}
.w_17{width:17%;}
.w_18{width:18%;}
.w_19{width:19%;}
.w_20{width:20%;}
.w_22{width:22%;}
.w_25{width:25%;}
.w_27{width:27%;}
.w_28{width:28%;}
.w_30{width:30%;}
.w_35{width:35%;}
.w_40{width:40%;}
.w_50{width:50%;}
.w_60{width:60%;}
.w_70{width:70%;}
.w_72{width:72%;}
.w_80{width:80%;}
.w_85{width:85%;}
.w_90{width:90%;}
.w_95{width:95%;}

/* my hacky way of not letting the leftmost cells text-wrap is to make an underscore "invisible" */
.invisipurp{color:#13294B;}

/***********************************/
/* END DATA CENTER TABLES STYLES */




/***********************************/
/* BEGIN DATA CENTER CHARTS STYLES */
#fakebox{
     visibility: hidden;
}

.chartsactive{
     background-color:#1D58A7 !important;
     border-color:#1D58A7 !important;
     color:#FFFFFF !important;
}

/* directions and data notes */
#notesCollapse p, #pnotesCollapse{
     font-size: .8em;
     text-align: left;
     color:#333333;
}

/***********************************/
/* END DATA CENTER CHARTS STYLES */





#ihead{
     margin-top:1em;
     margin-bottom:1em;
     padding-top:.7em;
     padding-bottom:.7em;
     text-align: center;
}

.areadrops {
    background-clip: padding-box;
    background-color: #fff;
    color: #F0632F;
    font-size: 14px;
    font-family: Source Sans Pro;
    text-align:left;

}

.p_asterisk{
     font-size: 20px;
     cursor: pointer;
}