#outer {
    margin: 0 auto;
    background-color: #fafafa;
    border: 1px solid #fff;
    width: 99%;
    display: table;
    padding: 5px 5px;
}

.form-head {
    width: 98%;
    margin: 5px auto 5px auto;
    padding: 10px;
    color: #146975;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    background-color: #FFFAFA;
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background-image: url('/Quick%20Links/HousingBoard/Images/whitey.png');
}

.HBtable {
    width: 100%;
    border-collapse: collapse;
    font-family: verdana;
    font-size: 12px;
}

    .HBtable th {
        padding: 5px;
        border: #ddd 1px solid;
        background:#3198D2;
        color: #fff;
        font-size: 17px;
        margin: 0 0 0 0;
        font-weight: normal;
        text-align: left;
    }

    .HBtable td {
        padding: 5px;
        border: #ddd 1px solid;
        text-align: left;
    }

.div-col-12 {
    width: 98%;
    margin: 5px auto 5px auto;
    padding: 1% 1%;
    font-size: 20px;
    font-family: Calibri;
    border-radius: 5px 5px;
    background-color:#0084CF;
    color: #fff;
}

.div-col-12 input 
{
    vertical-align:middle;
}
/* provide some minimal visual accomodation for IE8 and below */
.HBtable tr {
    background: #fafafa;
}
    /*  Define the background color for all the ODD background rows  */
    .HBtable tr:nth-child(odd) {
        background: #FBFBFB;
    }
    /*  Define the background color for all the EVEN background rows  */
    .HBtable tr:nth-child(even) {
        background: #f7f7f7;
    }

input[type="text"], input[type="password"], textarea {
    padding: 7px;
    border-radius: 4px;
    background-color: #fff;
    border: solid 1px #CDE7EC;
    width: 92%;
}

    input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
        border: solid 1px #CDE7EC;
        background-color: #fff;
        border: solid 1px #4bbbcf;
        box-shadow: 0 0 3px #4bbbcf;
    }

select {
    padding: 7px;
    border-radius: 4px;
    background-color: #fff;
    border: solid 1px #CDE7EC;
    width: 98%;
}

    select:focus {
        border: solid 1px #CDE7EC;
        border: solid 1px #4bbbcf;
        box-shadow: 0 0 3px #4bbbcf;
    }

.select {
    padding: 7px;
    border-radius: 4px;
    background-color: #fff;
    border: solid 1px #CDE7EC;
    width: 92%;
}

    .select:focus {
        border: solid 1px #CDE7EC;
        border: solid 1px #4bbbcf;
        box-shadow: 0 0 3px #4bbbcf;
    }


.HBtableG {
    width: 100%;
    border-collapse: collapse;
    font-family: verdana;
    font-size: 12px;
}

    .HBtableG th {
        padding: 5px;
        border: #5FB0BB 1px solid;
        background: #3198D2;
        color: #fff;
        font-size: 15px;
        margin: 0 0 0 0;
        font-weight: normal;
        text-align: center;
        width: 25%;
    }

    .HBtableG td {
        padding: 5px;
        border: #fff 1px solid;
        text-align: left;
    }
    /* provide some minimal visual accomodation for IE8 and below */
    .HBtableG tr {
        background: #fafafa;
    }
        /*  Define the background color for all the ODD background rows  */
        .HBtableG tr:nth-child(odd) {
            background: #FBFBFB;
        }
        /*  Define the background color for all the EVEN background rows  */
        .HBtableG tr:nth-child(even) {
            background: #f7f7f7;
        }

.HBtableP {
    width: 100%;
    border-collapse: collapse;
    font-family: verdana;
    font-size: 12px;
}

    .HBtableP th {
        padding: 5px;
        border: #000 1px solid;
        background: #3198D2;
        color: #fff;
        font-size: 17px;
        margin: 0 0 0 0;
        font-weight: normal;
        text-align: left;
    }

    .HBtableP td {
        padding: 5px;
        border: #000 1px solid;
        text-align: left;
    }
    /* provide some minimal visual accomodation for IE8 and below */
    .HBtableP tr {
        background: #fafafa;
    }
        /*  Define the background color for all the ODD background rows  */
        .HBtableP tr:nth-child(odd) {
            background: #FBFBFB;
        }
        /*  Define the background color for all the EVEN background rows  */
        .HBtableP tr:nth-child(even) {
            background: #f7f7f7;
        }

.btn {
    background-color: #0084CF;
    border: none;
    color: #fff;
    border-radius: 5px 5px;
    padding: 7px 7px;
    width: 20%;
}

    .btn:hover {
        background-color: #0276B7;
    }

.btn-sbmt {
    background-color: #348eda;
    border: none;
    color: #fff;
    border-radius: 5px 5px;
    padding: 7px 7px;
    width: 130px;
}

    .btn-sbmt:hover {
        background-color: #1e65a2;
    }

h3 {
    font-size: 16px;
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    font-weight: bold;
    font-family: Arial;
    color: #000;
}

.txt-center {
    text-align: center !important;
}

.divspan {
    border-bottom: solid 1px #ddd;
    width: 100% !important;
    padding: 0 0 5px 0;
}



/*******************************************/

.tab_menu {
    width: 30%;
    float: left;
    margin: 10px 0 0 5px;
    padding: 0;
}

    .tab_menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .tab_menu ul li {
            padding: 12px;
            background-color: #F5FAFD;
            border: 1px solid #eee;
            border-left: 5px solid #1A808F;
        }

            .tab_menu ul li:hover {
                background-color: #457486;
                color: #fff;
                border-left: 5px solid #5CE1F5;
                box-shadow: 0 0 4px #ddd;
            }

            .tab_menu ul li a {
                font-weight: normal;
                color: #000;
                font-size: 16px;
                font-family: Calibri;
            }

                .tab_menu ul li a:hover {
                    color: #fff;
                }


.instruction-col-right {
    width: 68%;
    min-height: 222px;
    float: left;
    margin: 10px 0 0 10px;
    padding: 0;
    border: 1px solid #ddd;
    height: 200px;
}

    .instruction-col-right h3 {
        font-size: 18px;
        color: #fff;
        font-weight: lighter;
        background-color: #1A808F;
        margin: 0;
        padding: 8px;
    }

marquee {
    padding: 0;
    width: 98%;
    margin: 0 auto 0 10px;
    height: 185px;
}


.marquee ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .marquee ul li {
        padding: 10px;
        border-bottom: 1px dotted #ddd;
        color: #000;
    }

.user-info {
  float: right;
background-color: #0084CF;
width: 27%;
padding: 0px;
border-radius: 20px;
border: 1px solid #3d9dd4;
}

.username {
    padding: 5px;
    width: 80%;
    float: left;
    color: #fff;
    font-size: 14px;
    text-align: right;
    margin: 0;
}