#rtbanner1 {
    margin: 0px;
    float: left;
}

#rtbanner2 {
    float: left;
    margin: 18px 0px 0px 10px;
    font-size: 26px;
    color: #173B8D;
    font-weight: bold;
    font-family: times new roman;
}

#container {
}

#serv_outter {
    float: left;
    padding: 0px;
    width: 56.75%;
}

#serv_inner {
    float: right;
    padding: 10px;
    width: 54.25%;
}

#sched_outter {
    float: left;
    text-align: center;
    padding: 0x;
    width: 42.75%;
}

#sched_inner {
    float: left;
    padding: 10px;
}

#rtform {
    text-align: center;
    padding: 0px;
    width: 100%;
    height: 22px;
}

select.route {
    color: #173B8D;
    background-color: #ffffcc;
    width: 325px;
}

option.route {
    color: #173B8D;
    background-color: #ffffcc;
}

.nav-tabs:after, .nav-pills:after {
    clear: both;
}

.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after {
    content: "";
    display: table;
    line-height: 0;
}

.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after {
    content: "";
    display: table;
    line-height: 0;
}

.nav-tabs.nav-stacked {
    border-bottom: 0 none;
}

.nav-tabs {
    border-bottom: 1px solid #DDDDDD;
}

.nav-tabs, .nav-pills {

}

.nav-tabs.nav-stacked > li:last-child > a {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.nav-tabs.nav-stacked > li > a {
    border: 1px solid #DDDDDD;
    border-radius: 0 0 0 0;
}

.nav-stacked > li {

    border-bottom: 1px dashed #E1E4E5;
    min-height: 30px;
}

.nav-stacked > li:hover {
    background: #F8F9F9;
}

.nav-stacked > li > a {
    margin-right: 0;
    /*border-bottom: 1px dashed #E1E4E5;*/
}

.nav-tabs > li > a {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    /*line-height: 14px;*/
    padding-bottom: 8px;
    padding-top: 8px;
}

.nav-tabs > li > a, .nav-pills > li > a {
    /*line-height: 14px;*/
    margin-right: 2px;
    padding-left: 12px;
    padding-right: 12px;
}

.nav > li > a {
    display: inline-block;
}

#ui-accordion-accordion-panel-5 .nav a:hover {
    background: #F8F9F9;
    color: #173B8D;
}

#ui-accordion .ui-accordion-content {
    border-top: 0 none;
    padding: 0.6em 0.2em;
}

[class*="span"] {
    padding-left: 0px;
    padding-right: 0px;
}

a {
    color: #0088CC;
    ext-decoration: none;
}

.aligned {
    vertical-align: middle;
}

.nostyle {
    list-style: none;
    padding: 0;
}

.route_num {
    float: left;
    margin-right: 20px;
    font-size: 1.4em;
}

.route_desc {
    float: left;
    margin-right: 20px;
    font-size: 1.4em;
    color: #173B8D;
}

.route_links {
    float: left;
    margin-right: 20px;
    font-size: 1.4em;
    color: #173B8D;
}

.infolink {
    vetical-align: middle;
}

.clear {
    clear: both;
}

/*  TABLES*/

.table {
    margin-bottom: 20px;
    width: 100%;
    font-size: 0.8em;

}

.table td {
    border-top: 1px solid #DDDDDD;
    line-height: 14px;
    padding: 5px;
    text-align: left;
    vertical-align: top;
}

.table thead th {
    vertical-align: bottom;
    text-align: left;
}

.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {
    background-color: #F5F5F5;
}

/*.container {
    width: auto;
}*/

.ui-dialog .ui-dialog-titlebar {
    padding: 5px;
    position: relative;
    background: #173B8D;
}

.ui-accordion .ui-accordion-header {
    padding-top: 0.7em;
    padding-bottom: 0.7em;
}

#alertinfo {
    background: #F6F6F6;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0 0 10px 0;
}

#alertinfo h1 {
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #173B8D;
    font-family: verdana, verdana;
    font-size: 1.8em;
    font-weight: normal;
    margin-bottom: 10px;
    padding: 4px 0;

}

#mcauser_cont4 #accordion h3 {
    color: #FFF;
    /*font-size: 0.9em;*/
    line-height: 0.8em;
    margin-bottom: 0.1em;
    font-weight: 500
}

#mcauser_cont4 #accordion h3:hover {
    color: #173B8D; /*font-size: 0.9em;*/
    line-height: 0.8em;
    margin-bottom: 0.1em;
}

#mcauser_cont4 #accordion h3:active {
    color: #173B8D; /*font-size: 0.9em;*/
    line-height: 0.8em;
    margin-bottom: 0.1em;
}

#mcauser_cont4 #accordion .ui-state-active {
    color: #173B8D; /*font-size: 0.9em;*/
    line-height: 0.8em;
    margin-bottom: 0.1em;
}

.small {
    font-size: 85% !important;
    color: #000000 !important;
}

td:nth-child(2), th:nth-child(2) {
    width: 33%;
}

/*////////////////////
//RESPONSIVE TABLE STYLES
/////////////////////*/

/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr {
        border: 1px solid #ccc;
        margin: 5px;
        border-radius: 5px 5px 0 0;
    }

    td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 90%;
    }

    td {
        /* Behave  like a "row" */
        padding:5px;
        padding-left: 90%;
    }

    tbody tr td:nth-of-type(1){
        color: #fff!important;
        background:#004785!important;
        font-weight:900;
        text-transform:uppercase;
        border-radius: 5px 5px 0 0;
        padding: 7px;
    }

    td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
       /* width: 45%;*/
        padding-right: 10px;
        white-space: nowrap;
    }

    /*
    Label the data
    */
    td:nth-of-type(1):before { content: "Route"; }
    td:nth-of-type(2):before { content: ""; }
    td:nth-of-type(3):before { content: "PDF Schedule"; }
    td:nth-of-type(4):before { content: "E-Schedule"; }
    td:nth-of-type(5):before { content: "Notices"; }


    .table td {
        border-top: 1px solid #DDDDDD;
        line-height: 14px;
        padding: 7px;
        text-align: right;
        vertical-align: top;
    }

    td:nth-child(2), th:nth-child(2) {
       width:97%;
    }

}