﻿body {
}

.PageHeader {
    font-family: "Times New Roman", Times, serif;
    font-size: 1.5em;
    color: #173776;
    line-height: 175%;
    margin-left: 1.5%;
}

.PageSubTitle {
    font-family: "Times New Roman", Times, serif;
    font-size: 1.0em;
    color: #173776;
    line-height: 100%;
    margin-left: 4.0%;
    margin-right: 2.0%;
}

.SmallHeader {
    font-family: "Times New Roman", Times, serif;
    font-size: 0.7em;
    color: #173776;
    line-height: 100%;
    margin-left: 4.0%;
    margin-right: 2.0%;
}

.DateLink {
    font-family: "Times New Roman", Times, serif;
    font-size: 0.8em;
    color: blue;
    line-height: 100%;
}

.ArchiveText {
    font-family: "Times New Roman", Times, serif;
    font-size: 1.25em;
    line-height: 150%;
    margin-left: 1.5%;
    background-color: honeydew ;
    text-align:center;
}

.ArchiveLink {
    color: blue;
}

.SHBold {
    font-weight: bold;
}

.CaseInfo {
    margin: 2px;
    display: inline-flex;
    width: 100%;
}

.MODList > div:nth-child(even) {
    background-color: aliceblue;
}


.DocketNo {
    width: 125px;
    float: left;
    margin: 10px 0 0 5px;
    text-align: left;
    vertical-align: middle;
}

.DatePosted {
    width: calc(97% - 130px);
    float: left;
    margin: 10px 0 0 5px;
    text-align: right;
}

.CaseName {
    margin: 10px 0 0 5px;
    text-align: center;
    vertical-align: middle;
}

.DocURL {
    margin: 10px 0 0 5px;
    text-align: center;
    vertical-align: middle;
}

/* ===========================
   ========= Collapsible ========== 
   =========================== */
.collapsable {
    width: 100%;
    margin: 0 0 1em 0;
    /*background-color: #FEF8E5;*/
}

    .collapsable > header {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.9em;
        font-weight: bold;
        width: 100%;
        margin: 0;
        padding: .3em 0 .3em 0em;
        background-color: #1f3776;
        color: white;
        cursor: pointer;
    }

.collapsable_cont {
    display: none;
    font-family: arial,sans-serif;
    padding: 2.25pt;
    font-size: .9em;
    background-color: transparent;
}

span.minButton {
    float: right;
    font-family: 'Courier New';
    margin-right: .2em;
}

.btnClose {
    height: 28px !important;
    min-width: 66px !important;
    margin: 0 !important;
    padding: 0 4px 0 0 !important;
}

.bigScreen {
}

.tabItem {
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    width: 100%;
    margin: 0;
    padding: .3em 0 .3em 0em;
    background-color: #1f3776;
    color: white;
    cursor: pointer;
}

@media print {
    .no-print {
        display: none;
    }
}

/* ===========Small Screens ================ */
@media only screen and (min-width : 150px) and (max-width : 720px) {
    /* */
    .LargeScrOnly {
        display: none;
    }

    .PageHeader1 {
        display: inline-block;
        width: 96%;
        font-family: "Times New Roman", Times, serif;
        font-size: 1.1em;
        color: #173776;
        line-height: 110%;
        margin: 1% 1.5% 0 1.5%;
        text-align: center !important;
    }

    .info_box {
        display: block;
        padding: 5px 1.5% 5px 1.5%;
        margin: 5px 0 5px 0px;
        width: 97%;
    }

    .bigScreen {
        display: none;
    }

    .replacePg {
        visibility: hidden;
        margin-left: 1em;
        font-size: .8em;
    }

    .itemDate {
        background-color: #E9E9E9;
        width: 100%;
    }

    .Content-Page, .Jud-Page {
        margin-left: 1px;
    }

    /* ======================================
   ========= Tab  ========== 
   ====================================== */
    .tab-container {
        padding-left: 1px;
        width: 99.48%;
        float: left;
    }

    #tab-items li {
        float: left;
        margin-right: 2px;
    }

        #tab-items li a {
            padding: 3px 4px;
        }
}

/* 10 Column Layout */
.Col_1of10 {
    width: 6.58%;
    float: left;
}

.Col_2of10 {
    width: 16.96%;
    float: left;
}

.Col_3of10 {
    width: 27.34%;
    float: left;
}

.Col_4of10 {
    width: 37.72%;
    float: left;
}

.Col_5of10 {
    width: 48.1%;
    float: left;
}

.Col_6of10 {
    width: 58.48%;
    float: left;
}

.Col_7of10 {
    width: 68.86%;
    float: left;
}

.Col_8of10 {
    width: 79.24%;
    float: left;
}

.Col_9of10 {
    width: 89.62%;
    float: left;
}

.Col_10of10 {
    width: 100%;
    float: left;
}

.fullWidth {
    width: 100%;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
}

.textCenter {
    text-align: center;
}

img, object, embed {
    max-width: 100%;
}

img {
    height: auto;
}

/* Smaller screens */
@media only screen and (max-width: 720px) {
    body {
        font-size: 0.8em;
        line-height: 1.5em;
    }
}

/* Mobile */
@media handheld, only screen and (max-width: 720px) {
    body {
        font-size: 16px;
        -webkit-text-size-adjust: none;
    }

    .row, body, .container {
        width: 100%;
        min-width: 0;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

        .row [class^='Col_'] {
            width: auto;
            float: none;
            margin-left: 0px;
            margin-right: 0px;
            padding-left: 20px;
            padding-right: 20px;
        }

    .Col_1of10, .Col_2of10, .Col_3of10, .Col_4of10, .Col_5of10, .Col_6of10, .Col_7of10, .Col_8of10, .Col_9of10 {
        width: 94%;
        float: none;
    }

    .Col_10of10 {
        width: 100%;
        float: none;
    }

    .fullWidth {
        width: 100%;
        float: none;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .textCenter {
        text-align: center;
    }
}
