@charset "utf-8";
/*
FILE: CSS with media queries for all content pages. 
BY: Frank Henderson, TDCJ Web Services
DATE: 01/01/17
UPDATED: 09/16/20
*/
.bold {
    font-weight: bold;
}
.bold_center {
    font-weight: bold;
    align-content: center;
    text-align: center;
}
.bold_center_large {
    font-weight: bold;
    font-size: large;
    align-content: center;
    text-align: center;
}
.center {
    align-content: center;
    text-align: center;
}
.right {
    align-content: right;
    text-align: right;
}
.bold_italic {
    font-weight: bold;
    font-style: italic;
}
.italic {
    font-style: italic;
}
.italic_indented_quote {
    font-style: italic;
    padding-left: 25px;
    padding-right: 50px;
}
.italic_smaller {
    font-style: italic;
    font-size: 12px;
}
.smaller {
    font-size: 12px;
}
.larger {
    font-size: 16px;
}
.yellow {
    color: #FFCC00;
}
.red {
    color: #FF0000;
}
.red-bold {
    font-weight: bold;
    color: #FF0000;
}
.red-bold-italic {
    font-weight: bold;
    font-style: italic;
    color: #FF0000;
}
.red-italic {
    font-style: italic;
    color: #FF0000;
}
.white {
    color: #FFFFFF;
}
.white-bold {
    font-weight: bold;
    color: #FFFFFF;
}
.white-bold-large {
    font-weight: bold;
    color: #FFFFFF;
    font-size: 40px;
}
.white-bold-italic {
    font-weight: bold;
    font-style: italic;
    color: #FFFFFF;
}
.white-italic {
    font-style: italic;
    color: #FFFFFF;
}
.h2_covid_date {
    font-size: 16px;
    line-height: 20px;
    padding-left: 10px;
    padding-bottom: 4px;
}
.list_no_button {
    list-style-type: none;
}
.list_alpha_upper {
    list-style-type: upper-alpha;
}
.list_alpha_lower {
    list-style-type: lower-alpha;
}
.list_roman_upper {
    list-style-type: upper-roman;
}
.list_roman_upper_bold {
    list-style-type: upper-roman;
    font-weight: bold;
}
.list_roman_lower {
    list-style-type: lower-roman;
}
.list_number {
    list-style-type: decimal;
}
.list_disc {
    list-style-type: disc;
}
.h1_small {
    font-size: 18px;
    margin-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 15px;
}
.mission_statement { /* division mission statements */
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    color: #000000;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    margin-top: 9px;
}
/* special partitions (see also: @media (min-width: 968px)) */
.border {
    border: thin solid #A4A4A4;
}
.border2 {
    border: thin solid #BDBDBD;
}
.border_blue {
    border: thin solid #92b0cd;
}

.div_container {
    height: auto;
    width: 100%;
    overflow: auto;
}
.div_container_padded {
    height: auto;
    width: 100%;
    overflow: auto;
    padding-top: 11px;
    padding-bottom: 11px;
}
.div_container_98 {
    height: auto;
    width: 98%;
    overflow: auto;
}
.div_container_98_yellow {
    height: auto;
    width: 98%;
    background-color: #FFF9A5;
    overflow: auto;
}
.div_container_50 {
    height: auto;
    width: 50%;
    overflow: auto;
}
.div_container_60 {
    height: auto;
    width: 60%;
    overflow: auto;
}
.div_container_70 {
    height: auto;
    width: 70%;
    overflow: auto;
}
.div_container_75 {
    height: auto;
    width: 75%;
    overflow: auto;
}
.div_container_70 {
    height: auto;
    width: 65%;
    overflow: auto;
}
.div_container_border {
    height: auto;
    width: 100%;
    overflow: auto;
    border: 1px solid #777;
}
.div_container_border_red {
    height: auto;
    width: 100%;
    overflow: auto;
    border: 1px solid #FF0000;
}
.div_container_50_border {
    height: auto;
    width: 50%;
    overflow: auto;
    border: 1px solid #777;
}
.div_container_yellow {
    height: auto;
    width: 97%;
    margin-top: 13px;
    background-color: #FFF9A5;
    overflow: auto;
}
.div_container_red {
    height: auto;
    width: 95%;
    margin-top: 13px;
    background-color: #FF0000;
    overflow: auto;
    font-weight: bold;
    text-align: center;
}
.div_container_red a {
    color: #FFFFFF;
}
.div_container_dark_blue {
    height: auto;
    width: 97%;
    margin-top: 13px;
    background-color: #002859;
    overflow: auto;
    font-weight: bold;
    text-align: center;
}
.div_container_dark_blue a {
    color: #FFFFFF;
}
.div_container_blue {
    height: auto;
    width: 97%;
    margin-top: 13px;
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: #002859;
    overflow: auto;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}
.div_container_white { /*this goes with div_container_blue above */
    height: auto;
    width: 97%;
    margin-top: 13px;
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: #FFFFFF;
    overflow: auto;
    /*font-weight: bold;*/
    /*color: #002859;*/
    /*text-align: center;*/
}
.div_container_nocolor {
    height: auto;
    width: 97%;
    padding-top: 6px;
    padding-bottom: 6px;
    overflow: auto;
    font-weight: bold;
    color: #000000;
    text-align: center;
}
.region_1_pink {
    background: #b9529f;
}
.region_1_border {
    border-bottom: 1px solid #b9529f;
    border-left: 7px solid #b9529f;
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
}
.region_2_lightgreen {
    background: #70c16d;
}
.region_2_border {
    border-bottom: 1px solid #70c16d;
    border-left: 7px solid #70c16d;
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
}
.region_3_darkgreen {
    background: #40774d;
}
.region_3_border {
    border-bottom: 1px solid #40774d;
    border-left: 7px solid #40774d;
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
}
.region_4_mediumblue {
    background: #4177bc;
}
.region_4_border {
    border-bottom: 1px solid #4177bc;
    border-left: 7px solid #4177bc;
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
}
.region_5_yellow {
    background: #f3ec1a;
}
.region_5_border {
    border-bottom: 1px solid #f3ec1a;
    border-left: 7px solid #f3ec1a;
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
}
.region_6_lightblue {
    background: #99d9e5;
}
.region_6_border {
    border-bottom: 1px solid #99d9e5;
    border-left: 7px solid #99d9e5;
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
}
.div_container_lightblue {
    height: auto;
    width: 97%;
    margin-top: 13px;
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: #D8E1EB;
    overflow: auto;
    font-weight: bold;
    color: #000000;
    text-align: center;
}
.div_container_lightblue_rounded_corners {
    height: auto;
    width: auto;
    align-content: center;
    margin-top: 13px;
    margin-bottom: 13px;
    margin-left: 11px;
    margin-right: 11px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 6px;
    padding-right: 6px;
    border-radius: 22px;
    background-color: #D8E1EB;
    overflow: auto;
    font-weight: bold;
    color: #002859;
    text-align: center;
}

.div_container_lightblue_25 {
    height: auto;
    width: 25%;
    /*margin-top: 13px;*/
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: #D8E1EB;
    overflow: auto;
    font-size: 16px;
    font-weight: bold;
    color: #002859;
    /*text-align: center;*/
}
.div_container_yellow_border {
    height: auto;
    width: 97%;
    margin-top: 13px;
    padding-right: 11px;
    background-color: #FFF9A5;
    border: 1px solid;
    overflow: auto;
}
.div_kssnews_blue {
    height: auto;
    width: 96%;
    border-top: thin solid #92B1CD;
    background-color: #D8E1EB;
    overflow: auto;
    padding-top: 4px;
    padding-bottom: 3px;
    padding-left: 10px;
    margin-bottom: 3px;
}
.div_blue_top_border {
    height: auto;
    width: 96%;
    border-top: thin solid #92B1CD;
    border-bottom: thin solid #92B1CD;
    background-color: #D8E1EB;
    overflow: auto;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    margin-bottom: 3px;
}

.boxshadow {
    box-shadow: 3px 3px 3px #E5E5E5;
}

.boxshadow_large {
    box-shadow: 7px 7px 7px #BDBDBD;
}

/* standard table (use modifiers below for text alignment, borders etc.)  */
.tdcj_table {
    border-style: solid;
    border-width: 0px 0px 1px 1px;
    border-color: #333;
    border-collapse: collapse;
}
.tdcj_table th {
    color: #FFFFFF;
    background-color: #2e5f97;
    border-style: solid;
    border-width: 1px 1px 0px 0px;
    border-color: #333;
    padding: 4px;
    font-size: 0.9em;
}
.tdcj_table th p {
    color: #FFF;
}
.tdcj_table td {
    border-style: solid;
    border-width: 1px 1px 0px 0px;
    border-color: #333;
    padding: 4px;
    font-size: 0.9em;
}
.tdcj_table caption {
    display: none
}
/* table modifiers */
.indent {
    margin-left: 10px;
    margin-right: 10px;
}
.left td {
    text-align: left;
}
.right td {
    text-align: right;
}
.center td {
    text-align: center;
}
.noborder {}
.noborder td {
    border-style: none;
}
.rowline {
    border-style: none;
}
.rowline td {
    border-width: 0px 0px 01px 0px;
}
/* table wrap (for ALL tables; allows table content to scroll on smaller screens) */
div.overflow {
    overflow-x: auto;
}
/* divs as tables (for non-tabular data; for spacing and alignments, use page-specific elements) */
div.table {
    display: table;
}
div.tr {
    display: table-row;
}
div.td {
    display: table-cell;
}
/* return div for breadcrumb trail */
.return_to_div {
    /*clear:both; */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    line-height: normal;
    text-decoration: none;
    /*padding-top: 22px; */
    padding-bottom: 30px;
    margin-left: 10px;
}
/*use for photos or graphics that need a border and padding */
.photo_borders_left {
    float: left;
    border: 1px solid #000000;
    margin: 0px 12px 12px 0px
}
.photo_borders_right {
    float: right;
    border: 1px solid #000000;
    margin: 0px 0px 12px 12px
}
.graphics_left {
    float: left;
    margin: 0px 12px 12px 0px
}
.graphics_right {
    float: right;
    margin: 0px 0px 12px 12px
}
.graphics_right_volunteer {
    float: right;
    margin: 12px 0px 12px 12px
}
.graphics_left_volunteer {
    float: left;
    margin: 12px 12px 12px 0px
}
.graphics_border {
    border: 1px solid #000000;
}
.graphics_border_warden {
    border: 1px solid #000000;
    margin-top: 15px;
}
.graphics_unit {
    margin-top: 3px;
}
figure {
    display: table;
    margin-left: 11px;
    margin-right: 11px;
    margin-top: 3px;
    margin-bottom: 3px;
    /*    max-width:100%;
    height: auto;   */
}
figcaption {
    display: table-caption;
    caption-side: bottom;
}
.figure-center {
    display: inline-block;
    text-align: center;
}
.figure-left {
    float: left;
}
.figure-left {
    float: left;
}
.figure-right {
    float: right;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* JavaScript-off warnings */
noscript {
    background-color: #FCC;
    padding: 6px;
}
.noscript {
    background-color: #FCC;
    padding: 6px;
}
/*
=====================================================
BODY & CONTENT
=====================================================
*/
#content_menu {
    display: block;
    width: 180px;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFFFFF;
}
/*
=====================================================
PROGRESSIVELY ENHANCED STYLES
=====================================================
*/
@media screen and (min-width: 640px) {
    #content {
        width: 97%;
        margin-right: auto;
    }
    #content_menu { /* left column menu */
        display: table-cell;
        background-image: url(../images/bkgrnd_image.jpg); /* watermark image */
        background-repeat: no-repeat;
        vertical-align: top; /* very important!!!! */
    }
    #content_right {
        display: table-cell;
        background-color: #FFFFFF;
        margin-left: 180px;
        width: 100%; /* very important!!!! */
        padding-left: 10px;
        padding-top: 8px;
        height: 300px; /* minimum page height - improves look of short pages */
        vertical-align: top; /* very important!!!! */
    }
    .leading {
        line-height: 23px;
    }
}
@media screen and (min-width: 768px) {
    #content {
        width: 98%;
    }
    .leading {
        line-height: 23px;
    }
}
@media screen and (min-width: 968px) {
    /* left & right partitions  */
    .div_10_left {
        height: inherit;
        width: 9%;
        float: left;
    }
    .div_90_left {
        height: inherit;
        width: 89%;
        float: left;
    }
        .div_97_left {
        height: inherit;
        width: 97%;
        float: left;
    }

    .div_30_left {
        height: inherit;
        width: 29%;
        float: left;
    }
    .div_30_right {
        height: inherit;
        width: 29%;
        float: right;
    }
    .div_20_right {
        height: inherit;
        width: 19%;
        float: right;
    }
    .div_70_right {
        height: inherit;
        width: 69%;
        float: right;
    }
    .div_70_left {
        height: inherit;
        width: 69%;
        float: left;
    }
    .div_80_left {
        height: inherit;
        width: 79%;
        float: left;
    }
    .div_25_left {
        height: inherit;
        width: 24%;
        float: left;
    }
    .div_25_middle {
        height: inherit;
        width: 24%;
        float: left;
    }
    .div_25_right {
        height: inherit;
        width: 24%;
        float: left;
    }
    .div_75_right {
        height: inherit;
        width: 75%;
        float: right;
    }
    .div_75_left {
        height: inherit;
        width: 75%;
        float: left;
    }
    .div_15_left {
        height: inherit;
        width: 15%;
        float: left;
    }
    .div_85_right {
        height: inherit;
        width: 84%;
        float: right;
    }
    .div_85_left {
        height: inherit;
        width: 84%;
        float: left;
    }
    .div_20_left {
        height: inherit;
        width: 20%;
        float: left;
    }
    .div_80_right {
        height: inherit;
        width: 79%;
        float: right;
    }
    .div_50_left {
        height: inherit;
        width: 49%;
        float: left;
    }
    .div_50_right {
        height: inherit;
        width: 49%;
        float: right;
    }
    .div_50_rightborderleft {
        height: inherit;
        width: 49%;
        float: right;
        border: thin #002859;
    }
    .div_55_right {
        height: inherit;
        width: 54%;
        float: right;
    }
    .div_33_left {
        height: inherit;
        margin-right: 1px;
        width: 32%;
        float: left;
    }
    .div_33_middle {
        height: inherit;
        margin-right: 1px;
        width: 32%;
        float: left;
    }
    .div_33_right {
        height: inherit;
        margin-right: 1px;
        width: 32%;
        float: left;
    }
    /* 
    .div_50_left {    // duplicate from line 737
        height: inherit;
        width: 49%;
        float: left;
    }
    */
    .div_45_left {
        height: inherit;
        width: 44%;
        float: left;
    }
    .div_40_right {
        height: inherit;
        width: 39%;
        float: right;
    }
    .div_40_left {
        height: inherit;
        width: 39%;
        float: left;
    }
    .div_60_right {
        height: inherit;
        width: 59%;
        float: right;
    }
    .div_60_left {
        height: inherit;
        width: 59%;
        float: left;
    }
    .div_90_right {
        height: inherit;
        width: 89%;
        float: right;
    }
    .div_left_bold { /* for ED and DED photos */
        height: inherit;
        width: inherit;
        float: left;
        padding-left: 10px;
        padding-right: 15px;
        padding-bottom: 10px;
        text-align: center;
        font-weight: bold;
    }
    .leading {
        line-height: 23px;
    }
    #pics_volwin {
        width: 445px;
        float: left;
        text-align: left;
        padding: 16px 11px 11px 11px;
        font-family: Arial, Helvetica, sans-serif;
    }
    #pics_volwin_left {
        width: 445px;
        float: left;
        text-align: left;
        padding: 16px 11px 11px 11px;
        font-family: Arial, Helvetica, sans-serif;
    }
}
@media screen and (min-width: 1026px) {
    .container {
        border-left: 1px solid #DDD; /* since they occupy 2px width total, borders should appear at 1024 + 2px,  */
        border-right: 1px solid #DDD; /* otherwise a horizontal scroll bar will appear on 1024 monitors */
        border-bottom: 0px;
        border-top: 0px;
    }
}
@media print {
    #content_menu {
        display: none;
    }
}