/* General page style. The scroll bar colours only visible in IE5.5+ */
html, body {margin: 0; padding: 0; background: #FFF;}
table, img {border: 0;}
#loading {display:none; position: absolute;}
#sellang {border: 1px solid #000 }
#screen_text {background-color: #E5EFE6; padding-left: 10px;font-weight: bold}
#ifr {height:0px; width:0px; border: 0px}

.green {background-color: #E5EFE6}

.h10 {height: 10px}
.h30 {height: 30px}

.w4 {width: 4px}
.w33 {width: 33px}
.w510 {width: 510px}

.pt5 {padding-top: 5px}

body {
  SCROLLBAR-FACE-COLOR: #E6E6E6;
  SCROLLBAR-HIGHLIGHT-COLOR: #FFF;
  SCROLLBAR-SHADOW-COLOR: #E8E8DF;
  SCROLLBAR-3DLIGHT-COLOR: #F5F5EE;
  SCROLLBAR-ARROW-COLOR: #FF3300;
  SCROLLBAR-TRACK-COLOR: #FCFCF9;
  SCROLLBAR-DARKSHADOW-COLOR: #A5A295;
  SCROLLBAR-BASE-COLOR: #A9A69A;
  font-family: Arial; color: #235ECB; font-size: 9pt; text-align: left; font-weight: normal;
}


hr { font-family: Arial; color: #ffffff; size: 1pt; background-color: #ffffff;}
a { color: #333333; font-weight:normal}
a:hover { color: #000000; font-weight: normal}
strong { font-size: 9pt; color:#333333; text-align: center; font-weight: bold; font-family: Arial}
em { font-style: normal; color: #333333; font-weight: bold; font-size: 9pt; font-family: Arial}
td { font-family: Arial; font-size: 9pt; font-weight: normal; color: #000000}

.Bodytext { font-size: 9pt; color:#333333; font-weight: normal; font-family: Arial}
.Smtext { font-size: 8pt; color:#333333; font-weight: bold; font-family: Arial}
.Titletext { font-size: 10pt; font-weight: bold; font-family: Arial}

.Celltext { font-size: 9pt; color:#333333; font-weight: normal; font-family: Arial; background-color: #EEF0F3; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border: #ffffff}
.Title { font-size: 11pt; color:#333333; font-weight: bold; font-family: Arial}
.Changeover {font-family: Arial; font-weight: bold; background-color: #C5E6F5; color: #333333; font-size: 9pt; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border: #7BCBF1}
.fields { font-family: Arial; font-size: 9pt; font-weight: normal; color: #000000}
.table { border: #999999; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding: 0.1cm; spacing: 0.2cm}
.error {font-size: 9pt; COLOR: #cc0033; font-family: arial, helvetica, geneva}
.message_highlighted { border: 1px solid #D3D8FC; background-color: #EDFADB; }
.table2 { BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 0.1cm; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 0.1cm; PADDING-BOTTOM: 0.1cm; BORDER-LEFT: #999999 1px solid; PADDING-TOP: 0.1cm; BORDER-BOTTOM: #999999 1px solid; spacing: 0.2cm }
.grayText { color: #7D7A7A; }
.redText {color: #FF0000 };

.bluegrey
{
    background-color: #EEF0F3;
}

.pageInfo
{
    /* wrapper that goes around the key content
    of each page, usually just outside the form tags*/
    padding-bottom: 5px;
}

.formpanel
{
    /* currently only used on various tables
    to prevent conflicts with field colours and table
    background with celltext applied*/
    background-color: #EEF0F3;
}

.warningText
{
    font-size: 9pt;
    color:#333333;
    font-weight: normal;
    font-family: Arial;
    background-color: FFFFA4;
}

.bluecell
{
    border: 1px solid #b1c5f8;
    font-size: 9pt;
    background: #FFFFFF url('../images/bg_blue.gif') repeat-x;
    font-weight:bold;
    border-top-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-left-style:solid;
    padding: 5px;
}

.close_window_text
{
    text-decoration: none;
    font-weight: bold;
    font-size: 6pt;
    color: #808080;
}

.close_window_text:hover
{
    text-decoration: none;
    font-weight: bold;
    font-size: 6pt;
    color: #000000;
}

.maintable
{
        background: #FFFFFF;
        /*height: 100%;*/
        width: 600px;
}

.MainContent,
#flags
{
    padding-left: 36px;
    padding-right: 36px;
}

.Top
{
        padding-top: 16px;
}

.TrailTop
{
        padding-top: 5px;
}

.Tab
{
        cursor: pointer;
}

.TabCaption
{
        font-family: arial;
        font-size: 9pt;
        padding: 0px 4px 0px 4px;
}

.TabLeft
{

}

.TabRight
{

}

.TabSelected
{
        background: url('../images/tab_background.gif') repeat-x;
}

.TabSelected,
.TabNotSelected
{
        height: 23px;
        width: 100%;
        cursor: pointer;
}

.TabSelected .TabCaption
{
        color: #FFFFFF;
}

.TabCaption
{
                font-family: arial;
        font-size: 9pt;
        font-weight: bold;
        padding: 0px 4px 0px 4px;
        text-align: center;
        white-space: nowrap;
}

.TabSelected .TabLeft
{
        background: url('../images/tab_left.gif') no-repeat left;
}

.TabSelected .TabRight
{
        background: url('../images/tab_right.gif') no-repeat right;
}

.TabLeft,
.TabRight
{
                text-align: left;
        width: 3px;
        height: 23px;
}

/**/
.NotLink
{
                cursor: default;
}

.TabNotSelected
{
        background: url('../images/inactive_tab.gif') repeat-x;
}

.TabNotSelected .TabCaption
{
        /*color: #FFFFFF;*/
                font-weight: normal;
}

.TabNotSelected .TabCaption a
{
                /*font-weight: bold;*/
}

.TabNotSelected .TabLeft
{
        background: url('../images/inactive_tab_l.gif') no-repeat left;
}

.TabNotSelected .TabRight
{
        background: url('../images/inactive_tab_r.gif') no-repeat right;
}

#trail
{
        width: 100%;/*526px;*/
        border-bottom: 3px solid #173891;
}

#trail td
{
        font-family: Arial;
        font-size: 9pt;
}

#trail a, #trail a:Link, #trail a:Visited, #trail a:Hover
{
        font-family: Arial;
        font-size: 9pt;
        text-decoration: none;
        white-space: nowrap;
}

/* Main Tabs */
.LeftTab
{
        padding-left: 20px;
        padding-right: 5px;
}

.TabWithLink, .TabWithLink
{
        padding-left: 5px;
        padding-right: 5px;
}

.TabWithLink a, .TabWithLink a
{
        margin-left: 5px;
        margin-right: 5px;
}

.Tab2
{
        padding-left: 5px;
        padding-right: 5px;
}

.RightTab
{
        padding-left: 5px;
        padding-right: 20px;
}

.TabDivider
{
        width: 1px;
        padding: 0px;
}

.journeyTypesLink,
.journeyTypesLink:hover
{
        text-decoration: none;
        font-weight: bold;
        text-transform: uppercase;
}

.routeDescription
{
        text-transform: uppercase;
}