html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: arial,sans-serif;
    font-size: 12px;
    margin: 0 auto;
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #C0C0C0 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #C0C0C0 100%);
    /* Opera */
    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #C0C0C0 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #C0C0C0));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #C0C0C0 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to top, #FFFFFF 0%, #C0C0C0 100%);
    color: #505050;
}

input[type=button] {
    color: blue;
}

tr {
    background-color: White;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
    border: 0px;
    width: 100%;
}

.WithBorder td, .WithBorder th {
    border: 1px solid silver;
}

.Month td {
    padding-left: 2px;
    padding-right: 2px;
    border: 1px solid white;
    cursor: pointer;
    text-align: right;
}

    .Month td:hover {
        background-color: #FBEC88;
    }

td {
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 0px;
}

.tableBorder td {
    border-right: #A6C9E2 1px solid;
}

.boderLeft {
    border-left: #A6C9E2 1px solid;
    width: 12px;
}

.Content {
    border-bottom: #A6C9E2 1px solid;
}

.Content2 {
    border-bottom: #A6C9E2 1px solid;
    border-left: #A6C9E2 1px solid;
    border-right: #A6C9E2 1px solid;
    width: 770px;
    text-indent: 0px;
}

.Content3 {
    border-left: #A6C9E2 1px solid;
    border-right: #A6C9E2 1px solid;
    width: 770px;
    text-indent: 0px;
}

a {
    color: #4285fc;
    text-decoration: none;
}

    a:hover {
        color: red;
    }

.tagNumber {
    width: 8px;
    color: #FD5722;
    text-align: left;
    text-indent: 0px;
    font-size: 11px;
    font-family: Arial,Helvetica,sans-serif;
}

input {
    background-color: #ffffff;
    font-size: 12px;
    border-width: 1px;
}

#divCalender {
    visibility: hidden;
    height: 153px;
    background-color: #ffffff;
    width: 100px;
    text-align: center;
    left: 513px;
    position: absolute;
    top: 119px;
    z-index: 140;
}

p {
    margin: 10px 10px 10px 10px;
    line-height: 130%;
    color: #ffffff;
    background-color: inherit;
    font-family: Arial,sans-serif;
    font-size: 11px;
    text-align: justify;
}

#tableTop {
    width: 770px;
}

    #tableTop td {
        background: #ffffff;
    }


.LightBlue {
    background-color: #DDECF7;
}

#divTopMenu, #divMiddle {
    clear: both;
    text-align: center;
    width: 100%;
    border-top: 1px solid #8dbffc;
    border-bottom: 1px solid #8dbffc;
    padding-top: 2px;
    padding-bottom: 2px;
}

    #divTopMenu table, #divTopMenu tr, #divTopMenu td, #divMiddle table, #divMiddle tr, #divMiddle td, .tagNumber {
        background-color: transparent;
    }

.DarkBlue {
    background-color: #ADD1FF;
}

select {
    background-color: #ffffff;
    font-size: 11px;
}

ul {
    padding-left: 20px;
}

.MainContent {
    border-left: #A6C9E2 1px solid;
    border-right: #A6C9E2 1px solid;
    width: 770px;
    text-indent: 0px;
    margin: auto;
    height: 100%;
    background-color: white;
}

.AdminNote {
    background-color: #FFCFCF;
    color: Red;
    font-weight: bolder;
    margin-left: 3px;
}

.tableStationSelector {
    margin: auto;
    margin: 10px;
    width: 740px;
    background-color: #EFF7FF;
}


.Steps {
    width: 3px;
    vertical-align: top;
}

.Steps2 {
    border-left: #A6C9E2 1px solid;
    width: 3px;
    vertical-align: top;
}

.Steps3 {
    position: relative;
    border-left: #A6C9E2 1px solid;
}

    .Steps3 div.Number {
        position: absolute;
        left: 0px;
        top: 0px;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 11px;
        float: left;
        color: #FD5722;
    }


#tableFilter table, #tableFilter td, #tableFilter tr {
    background-color: #FBF8EB;
}

.filtertable td {
    text-align: left;
    border: 0px !important;
}

.Transparent {
    background-color: transparent;
}

    .Transparent tr {
        background-color: transparent;
    }

.DataTable {
    text-indent: 0px;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
}

    .DataTable tr {
        height: 18px;
    }

        .DataTable tr:last-child td {
            border-bottom: #A6C9E2 1px solid;
        }

        .DataTable tr:nth-of-type(odd) {
            background-color: #fbf9ee;
        }

            .DataTable tr:hover, .DataTable tr:nth-of-type(odd):hover {
                background-color: #dfcef2;
            }

    .DataTable th {
        background-color: #C5EAFE;
        border-right: #A6C9E2 1px solid;
    }

    .DataTable td {
        border-right: #A6C9E2 1px solid;
    }

    .DataTable tr.active, .DataTable tr.active:nth-of-type(odd) {
        background-color: #dfcef2;
    }


.DataTableHeader tr:first-child td {
    background-color: #C5EAFE;
}

#tablefaredetail td {
    border-right: #A6C9E2 1px solid;
    text-align: center;
}

#tablefaredetail tr > td:last-child {
    border-right: #A6C9E2 0px solid;
}


.HelpInfo td {
    padding: 3px;
    color: gray;
}
/*Auto Complete*/

.autocomplete-w1 {
    background: url(Images/shadow.png) no-repeat bottom right;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 8px 0 0 6px; /* IE6 fix: */
    _background: none;
    _margin: 0;
}

.autocomplete {
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    text-align: left;
    max-height: 350px;
    overflow: auto;
    margin: -6px 6px 6px -6px; /* IE6 specific: */
    _height: 350px;
    _margin: 0;
    _overflow-x: hidden;
}

    .autocomplete .selected {
        background: #F0F0F0;
    }

    .autocomplete div {
        padding: 1px 1px;
        white-space: nowrap;
    }

    .autocomplete strong {
        font-weight: normal;
        color: #3399FF;
    }


#tableHelpInfo li:hover {
    color: Red;
}

.Child {
    display: none;
}

.Engine {
    background-color: #90ee90;
}

.H {
    background-color: #1e90ff;
}

.S {
    background-color: #ffe4c4;
}

.A {
    background-color: #6495ed;
}

.F {
    background-color: #ffb6c1;
}

.C {
    background-color: #add8e6;
}

.B {
    background-color: #87ceeb;
}

.D {
    background-color: #f0e68c;
}

.E {
    background-color: #48d1cc;
}

.J {
    background-color: #add8e6;
}

.HA {
    background-color: #6495ed;
}

.AB {
    background-color: #87ceeb;
}

.PC {
    background-color: #d3d3d3;
}

.GS {
    background-color: #ffd700;
}

.SLR {
    background-color: #ff7f50;
}

.SYLR {
    background-color: #ff7f50;
}

.Sorted {
    background-color: #FFF4BF !important;
}

.TrainList {
    border-collapse: collapse;
    width: 750px;
}


    .TrainList td:nth-child(1) {
        width: 50px;
    }

    .TrainList td:nth-child(2) {
        text-align: left;
        text-indent: 3px;
    }

    .TrainList td:nth-child(3), .TrainList td:nth-child(9) {
        width: 12px;
    }

    .TrainList td:nth-child(4), .TrainList td:nth-child(6) {
        width: 42px;
    }

    .TrainList td:nth-child(5), .TrainList td:nth-child(7), .TrainList td:nth-child(8) {
        width: 40px;
    }

    /*days*/
    .TrainList td:nth-child(10), .TrainList td:nth-child(11), .TrainList td:nth-child(12), .TrainList td:nth-child(13), .TrainList td:nth-child(14), .TrainList td:nth-child(15), .TrainList td:nth-child(16) {
        width: 15px;
        Color: #C0C0C0;
        font-weight: bold;
    }

    /*gap*/
    .TrainList td:nth-child(17) {
        width: 5px;
    }

    /*classes*/
    .TrainList td:nth-child(18), .TrainList td:nth-child(19), .TrainList td:nth-child(20), .TrainList td:nth-child(21), .TrainList td:nth-child(22), .TrainList td:nth-child(23), .TrainList td:nth-child(24), .TrainList td:nth-child(25) {
        width: 30px;
        Color: #C0C0C0;
        font-weight: bold;
    }


.TrainListClass {
    border-collapse: collapse;
    width: 750px;
}

    .TrainListClass td:nth-child(1) {
        width: 50px;
    }

    .TrainListClass td:nth-child(2) {
        text-align: left;
        text-indent: 3px;
    }

    /*pantry rundays*/
    .TrainListClass td:nth-child(3), .TrainListClass td:nth-child(9) {
        width: 12px;
    }

    .TrainListClass td:nth-child(4), .TrainListClass td:nth-child(6) {
        width: 42px;
    }

    .TrainListClass td:nth-child(5), .TrainListClass td:nth-child(7), .TrainListClass td:nth-child(8) {
        width: 40px;
    }

    /*days*/
    .TrainListClass td:nth-child(10), .TrainListClass td:nth-child(11), .TrainListClass td:nth-child(12), .TrainListClass td:nth-child(13), .TrainListClass td:nth-child(14), .TrainListClass td:nth-child(15), .TrainListClass td:nth-child(16) {
        width: 35px;
        Color: #C0C0C0;
        font-weight: bold;
    }

    /*Fare*/
    .TrainListClass td:nth-child(17) {
        width: 35px;
    }


.TrainListVia {
    border-collapse: collapse;
    width: 750px;
}

    .TrainListVia td:nth-child(1) {
        width: 50px;
    }

    .TrainListVia td:nth-child(2) {
        text-align: left;
        text-indent: 3px;
    }

        .TrainListVia td:nth-child(2) a div {
            width: 50px;
            float: left;
        }

    /*Pantry*/
    .TrainListVia td:nth-child(3) {
        width: 12px;
    }

    .TrainListVia td:nth-child(4), .TrainListVia td:nth-child(6) {
        width: 42px;
    }

    /*Departure Arrival*/
    .TrainListVia td:nth-child(5), .TrainListVia td:nth-child(7) {
        width: 75px;
        text-align: right;
        padding-right: 2px;
    }

    .TrainListVia td:nth-child(8) {
        width: 40px;
    }

    /*Rundays calendar*/
    .TrainListVia td:nth-child(9) {
        width: 12px;
    }

    /*gap*/
    .TrainListVia td:nth-child(10) {
        width: 5px;
    }

    /*Classes*/
    .TrainListVia td:nth-child(11), .TrainListVia td:nth-child(12), .TrainListVia td:nth-child(13), .TrainListVia td:nth-child(14), .TrainListVia td:nth-child(15), .TrainListVia td:nth-child(16), .TrainListVia td:nth-child(17), .TrainListVia td:nth-child(18) {
        width: 30px;
        Color: #C0C0C0;
        font-weight: bold;
    }

    /*Wait, total travel time*/
    .TrainListVia td:nth-child(19), .TrainListVia td:nth-child(20) {
        width: 35px;
    }


.TrainConList {
    border-collapse: collapse;
    width: 750px;
}

    .TrainConList td:nth-child(1) {
        width: 50px;
    }

    .TrainConList td:nth-child(2) {
        text-align: left;
        text-indent: 3px;
    }

    .TrainConList td:nth-child(3), .TrainConList td:nth-child(9) {
        width: 12px;
    }

    .TrainConList td:nth-child(4), .TrainConList td:nth-child(6) {
        width: 35px;
    }

    .TrainConList td:nth-child(5), .TrainConList td:nth-child(7), .TrainConList td:nth-child(8) {
        width: 35px;
    }


    .TrainConList td:nth-child(10), .TrainConList td:nth-child(11), .TrainConList td:nth-child(12), .TrainConList td:nth-child(13), .TrainConList td:nth-child(14), .TrainConList td:nth-child(15), .TrainConList td:nth-child(16) {
        width: 14px;
        Color: #C0C0C0;
        font-weight: bold;
    }

    .TrainConList td:nth-child(17) {
        width: 3px;
    }

    .TrainConList td:nth-child(18), .TrainConList td:nth-child(19), .TrainConList td:nth-child(20), .TrainConList td:nth-child(21), .TrainConList td:nth-child(22), .TrainConList td:nth-child(23), .TrainConList td:nth-child(24), .TrainConList td:nth-child(25) {
        width: 28px;
        Color: #C0C0C0;
        font-weight: bold;
    }

    .TrainConList td:nth-child(26), .TrainConList td:nth-child(27) {
        width: 40px;
        text-align: right;
        padding-right: 3px;
    }


.RouteList {
    border-collapse: collapse;
    width: 750px;
}

    .RouteList td:nth-child(1) {
        width: 35px;
    }

    .RouteList td:nth-child(2) {
        width: 45px;
    }

    .RouteList td:nth-child(3) {
        width: 120px;
        text-align: left;
        text-indent: 3px;
    }

    .RouteList td:nth-child(4), .RouteList td:nth-child(5) {
        width: 45px;
    }

    .RouteList td:nth-child(6), .RouteList td:nth-child(7) {
        width: 50px;
    }

    .RouteList td:nth-child(8), .RouteList td:nth-child(9), .RouteList td:nth-child(10), .RouteList td:nth-child(11) {
        width: 35px;
    }

    .RouteList td:nth-child(12) {
        text-align: left;
    }


#tableFareSelection tr > td:last-child {
    text-align: right;
}

#tableFareSelection tr:first-child > td:nth-last-child(-n+2) {
    text-align: right;
}

.HelpInfo tr:nth-of-type(odd) {
    background-color: #F0F0F0;
}

.RowHightLight tr:hover, .HelpInfo tr:hover {
    background-color: #dfcef2;
}

.Pad2 td {
    padding: 2px;
}

.Pad3 td {
    padding: 3px;
}

.RunHistory {
    border-collapse: collapse;
    width: 750px;
}

    .RunHistory td:nth-child(1) {
        width: 35px;
    }

    .RunHistory td:nth-child(2) {
        width: 45px;
    }

    .RunHistory td:nth-child(3) {
        text-align: left;
        text-indent: 3px;
    }

    .RunHistory td:nth-child(4),
    .RunHistory td:nth-child(5),
    .RunHistory td:nth-child(6),
    .RunHistory td:nth-child(7),
    .RunHistory td:nth-child(8),
    .RunHistory td:nth-child(9),
    .RunHistory td:nth-child(10),
    .RunHistory td:nth-child(11),
    .RunHistory td:nth-child(12),
    .RunHistory td:nth-child(13) {
        width: 65px;
        text-align: left;
        text-indent: 3px;
    }

.OnTime {
    color: green;
    font-weight: bold;
}


.PastLate {
    color: #F78181;
    font-weight: bold;
}

.FutureLate {
    color: red;
    font-weight: bold;
}

.Error {
    background: silver;
}

.ER {
    background: blue;
}

.WL {
    background: #FFC0CB;
}

.Y {
    background: #FFFF77;
}

.W {
    background: white;
}

.G {
    background: #78EF77;
}

.R {
    background: #FF9FBE;
}

.AvlHistory {
    width: auto;
    margin: auto;
}

    .AvlHistory tr td:first-child {
        text-align: left;
    }

    .AvlHistory th {
        padding-left: 10px;
        padding-right: 10px;
        border-top: #A6C9E2 1px solid;
    }

    .AvlHistory td {
        padding-left: 10px;
        padding-right: 10px;
        border-top: 1px solid white;
        border-bottom: 1px solid white;
    }

    .AvlHistory tr:hover td {
        border-top: 1px solid black;
        border-bottom: 1px solid black;
    }



.RunStatus2 td, .RunStatus2 th {
    text-align: right;
    padding-left: 3px;
    padding-right: 3px;
    border-top: #A6C9E2 1px solid;
}

.RunStatus {
    width: 400px !important;
}

    .RunStatus td, .RunStatus th {
        text-align: right;
        padding-left: 10px;
        padding-right: 10px;
        border-top: #A6C9E2 1px solid;
    }


    .RunStatus span {
        color: red;
    }

    .RunStatus span2 {
        color: green;
    }

    .RunStatus a {
        float: left;
    }

.RunStatusOnStation td {
    padding: 3px;
}

.SeatAvl td {
    padding-left: 3px;
    padding-right: 3px;
}

#footerInfo {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    list-style: square;
    margin: auto;
}

    #footerInfo li {
        display: inline;
        padding: .2em 1em;
    }



/*--------- NTES--------------------*/
a.blue11U:link {
    color: #0000FF;
    font-weight: bold;
    text-decoration: none;
}

a.blue11U:visited {
    color: #0000FF;
    font-weight: bold;
    text-decoration: none;
}

a.blue11U:hover {
    color: #0000FF;
    font-weight: bold;
    text-decoration: underline;
}

a.blue11U:active {
    color: #0000FF;
    font-weight: bold;
    text-decoration: none;
}

a.trainTypeU:link {
    text-decoration: none;
}

a.trainTypeU:visited {
    text-decoration: none;
}

a.trainTypeU:hover {
    text-decoration: underline;
}

a.trainTypeU:active {
    text-decoration: none;
}

.tableBorder300 td {
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    text-indent: 3px;
    empty-cells: show;
}

.tableWait {
    background: #f5f5f5;
}

.tableBorder300 tr {
    border-left: #cccccc 1px solid;
    text-align: center;
}

.tableBorder300 {
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    font-size: larger;
    border-collapse: collapse;
    border-left: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
}

.lightGrey {
    /*background-color: #C0C0C0;*/
    background-color: #f5f5f5;
    text-indent: 3px;
    text-align: center;
}

.basic {
    text-indent: 3px;
    text-align: center;
    vertical-align: middle;
}

.errorText {
    FONT-WEIGHT: normal;
    COLOR: #ff0000;
}

.errorTextL11 {
    text-indent: 3px;
    text-align: left;
    vertical-align: middle;
    COLOR: #ff0000;
}

.greenS11L {
    text-align: left;
    color: #00A900;
}

.greenS11C {
    text-align: center;
    color: #00A900;
}

.greenS11R {
    text-align: right;
    color: #00A900;
}

.blueS11L {
    text-align: left;
    color: #0000D7;
}

.blueS11C {
    text-align: center;
    color: #0000D7;
}

.blueS11R {
    text-align: right;
    color: #0000D7;
}

.blue12C {
    text-align: center;
    color: #0000D7;
    vertical-align: middle;
}

.blue13C {
    text-align: center;
    color: #0000D7;
    vertical-align: middle;
}


#divMiddle td:hover, #divTopMenu td:hover {
    /*background-color:#8dbffc;*/
}

[class^="icon-"] {
    background: url(marker.png);
    display: inline-block;
    position: relative;
    top: .3em;
}

.SpriteHightLight {
    opacity: .8;
}

    .SpriteHightLight:hover {
        opacity: 1;
    }

.icon-laptop {
    background-position: 0px -0px, left;
    width: 19px;
    height: 15px;
}

.icon-home {
    background-position: 0px -15px, left;
    width: 17px;
    height: 15px;
    top: .2em;
}

.icon-print {
    background-position: 0px -30px, left;
    width: 17px;
    height: 15px;
    top: .2em;
}

.icon-filter {
    background-position: 0px -45px, left;
    width: 15px;
    height: 15px;
    top: .2em;
}

.icon-tablet {
    background-position: 0px -60px, left;
    width: 13px;
    height: 15px;
    top: .2em;
}

.icon-mobile-phone {
    background-position: 0px -75px, left;
    width: 10px;
    height: 15px;
    top: .2em;
}

.icon-search {
    background-position: 0px -90px, left;
    width: 17px;
    height: 15px;
    top: .2em;
}

.icon-globe {
    background-position: 0px -105px, left;
    width: 16px;
    height: 15px;
    top: .2em;
}

.icon-inr {
    background-position: 0px -120px, left;
    width: 11px;
    height: 15px;
    top: .2em;
}

.icon-apple {
    background-position: 0px -135px, left;
    width: 30px;
    height: 31px;
    cursor: pointer;
}

.icon-windows {
    background-position: 0px -166px, left;
    width: 34px;
    height: 31px;
    cursor: pointer;
}

.icon-android {
    background-position: 0px -197px, left;
    width: 30px;
    height: 31px;
    cursor: pointer;
}

.icon-list-ol {
    background-position: 0px -228px, left;
    width: 18px;
    height: 15px;
    cursor: pointer;
}

.icon-bell {
    background-position: 0px -243px, left;
    width: 17px;
    height: 15px;
    cursor: pointer;
}

.icon-resize-vertical {
    background-position: 0px -258px, left;
    width: 10px;
    height: 15px;
    cursor: pointer;
}

.icon-table {
    background-position: 0px -273px, left;
    width: 17px;
    height: 15px;
    cursor: pointer;
}

.icon-suitcase {
    background-position: 0px -288px, left;
    width: 18px;
    height: 15px;
    cursor: pointer;
}

.icon-calendar {
    background-position: 0px -303px, left;
    width: 17px;
    height: 15px;
    cursor: pointer;
}

.icon-clock {
    background-position: 0px -318px, left;
    width: 16px;
    height: 15px;
    cursor: pointer;
}

.icon-check-square {
    background-position: 0px -333px, left;
    width: 17px;
    height: 15px;
    cursor: pointer;
}

.icon-square {
    background-position: 0px -348px, left;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.icon-code-fork {
    background-position: 0px -363px, left;
    width: 12px;
    height: 15px;
    cursor: pointer;
}

.icon-coffee {
    background-position: 0px -378px, left;
    width: 15px;
    height: 12px;
    top: .2em;
}

.icon-arrows-h {
    background-position: 0px -390px, left;
    width: 18px;
    height: 15px;
    cursor: pointer;
}

.icon-link {
    background-position: 0px -405px, left;
    width: 17px;
    height: 15px;
    cursor: pointer;
}

.icon-info-circle {
    background-position: 0px -420px, left;
    width: 16px;
    height: 15px;
    cursor: pointer;
    top: .2em;
}

.agentads {
    margin-left: 30px;
    margin-right: 30px;
    width: 710px;
}

    .agentads tr:nth-child(2n+1) > td {
        background-color: #fbf9ee;
    }

    .agentads td {
        width: 50%;
        padding: 3px 0px 3px 10px;
        vertical-align: top;
    }

        .agentads td:hover, .agentads tr:nth-child(2n+1) > td:hover, .agentads a:hover {
            background-color: #244c69;
            color: white;
        }