/* Override any defaults and setup the page for a clean layout */
*
{
    margin: 0;
    padding: 0;
}

table.routeList
{
    width: auto;
    
    /*
    max-width: 300px;
    min-width: 283px;
    */
    
    line-height: 1.4em;
    border-collapse: collapse;
    /* border: 4px solid #adbbca; */
    color: #4f6580;
    background: #f0f0f0;
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

table#routeListHeader.routeList
{
    width: 283px;
}

table#routeListHeader.routeList tbody
{
    display: none;
}

table#routeListHeader.routeList thead tr th.routeSelection
{
    display: none;
}

table#routeListBody.routeList thead
{
    display: none;
}

table.routeList thead tr
{
    color: black;
    background: #d3d39d;
}

table.routeList thead tr th
{
    padding: 0.4em 0.6em 0.4em 0.6em;
    /* border: 4px solid #adbbca; */
}

table.routeList thead tr th.routeSelection
{
    vertical-align: bottom;
}

table.routeList thead tr th.routeTitle
{
    width: 240px;
    font-size: 14px;
}

table.routeList thead tr th.routeInfoLinks
{
    padding-right: 9px;
    text-align: center;
    width: 35px;
}

table.routeList tbody tr
{
    background: #fefecb;
}

table.routeList tbody th
{
    padding: 0.6em;
    /* border: 4px solid #adbbca; */
}

table.routeList tbody td
{
    background: #fefecb;
    padding-left: 0.6em;
    /* border-bottom: 4px solid #ccc; */
}

table.routeList tbody tr.odd td
{
    background: #ffffdc;
    color: #4f6480;
}

table.routeList tbody tr.odd th
{
    background: #ffffdc;
}

table.routeList tbody tr th.routeSelection
{
    vertical-align: top;
    width: 30px;
}

table.routeList tbody tr td.routeColor
{
    vertical-align: text-top;
    padding: 0.6em;
}

table.routeList tbody tr td.routeDescription
{
    padding: 0.3em;
    vertical-align: top;
    width: 210px;
    font-size: larger;
}

table.routeList tbody tr th.routeLinks
{
    padding-right: 18px;
    vertical-align: top;
}

.routeListHeaderBox
{
    background: #d3d39d;
    width: 300px;
}
.routeListBodyBox
{
    width: 300px;
    height: auto;
    overflow: auto;
}

.routeColorBox
{
    border: none;
    height: 1.2em;
    width: 0.6em;
}