/* CC version 17 */
/* routefinder.css */
/**
 * ===============================
 * ARF CSS Images
 * =============================== 
 */
#contentARF div#grfSideTrack div.specialMap a,
#contentARF ul#grfNavi li {
    background-image: url(/styles/images/link_icons.gif);
    background-repeat: no-repeat;
}
#contentARF div#grfMapContainer {
    background-image: url(/styles/images/ajaxloader_grey.gif);
    background-repeat: no-repeat;
}
#contentARF .eastWestArrows {
    background-image: url(/styles/images/icons.gif);
    background-repeat: no-repeat;
}
/**
 * ===============================
 * ARF Styles
 * =============================== 
 */
#contentARF {
    margin-left: 0.5625em;
    margin-right: 0.5625em;
    padding-bottom: 0.5625em;
}
#contentARF h2 {
    font-size: 1.0625em;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0.2353em;
}
/* ---------- StatusLine, Infozeile unter der Ueberschrift ---------- */
#contentARF div#grfStatusLine {
    margin-top: 0.5em;
    text-align: left;
}
/* ---------- Header ---------- */
#contentARF div#grfHeader {
    margin-bottom: 0.625em;
    margin-top: 1.1875em;
}
#contentARF div#grfHeader form {
    float: right;
}
#contentARF div#grfAppName {
    float: left;
    margin-right: 0.75em;
    position: relative;
    text-align: left;
    width: 12.3125em;
}
#contentARF div#grfAppName a {
    color: #111565 !important;
    float: left;
    font-size: 1em;
    margin: 0.5em 0;
    text-decoration: none !important;
}
#contentARF div#grfAppName a:hover {
    color: #111565;
}
#contentARF div#grfAppName form {
    float: none;
}
#contentARF div#grfMapHeader {
    float: left;
    margin-top: 0;
    text-align: left;
    width: 47em; /* w=752px */
}
#contentARF.wideMap div#grfMapHeader {
    width: 60.125em; /* w=962px */
}
/* ---------- linke Spalte ---------- */
#contentARF div#grfSideTrack {
    clear: both;
    float: left;
    margin-right: 0.75em;
    position: relative;
    width: 12.3125em;
}
#contentARF div#grfSideTrack div {
    border: 1px solid #D5D5D5;
    margin-bottom: 1.25em;
}
#contentARF div#grfSideTrack div form {
    padding: 0.375em;
}
#contentARF div#grfSideTrack div.clearfloat {
    border: none;
    margin: 0;
}
#contentARF div#grfSideTrack div.scheduleBox {
    border: none;
    top: 390px;
    width: 100%;
}
#contentARF div#grfSideTrack div.scheduleBox p {
    margin: 0;
    padding: 0.5em;
}
#contentARF div#schedule{
    margin-top: 0.625em;
}
/* Special map box on worldmap*/
#contentARF div#grfSideTrack div.specialMap {
    margin-top: 0.625em;
}
#contentARF div#grfSideTrack div.specialMap h3,
#contentARF div#grfSideTrack div.specialMap p {
    margin: 0;
    padding: 0.25em;
}
#contentARF div#grfSideTrack div.specialMap a,
#contentARF div#grfSideTrack div.specialMap a:link {
    background-position: 6px 3px; /* link_icons.gif */
    display: block;
    font-size: 0.75em;
    height: 1.25em;
    padding: 3px 0.5em 0.25em 15px;
    text-decoration: none !important;
}
#contentARF div#grfSideTrack div.specialMap a:visited {
    background-position: 6px -197px; /* link_icons.gif */
}
#contentARF div#grfSideTrack div.specialMap a:active, 
#contentARF div#grfSideTrack div.specialMap a:hover {
    background-position: 6px -97px; /* link_icons.gif */
}
/* ---------- Navigation in der linken Spalte ---------- */
#contentARF ul#grfNavi {
    cursor: pointer;
    margin: 0;
}
#contentARF ul#grfNavi li {
    background-position: 6px 3px; /* link_icons.gif */
    color: #111565;
    display: block;
    font-size: 0.75em;
    font-weight: bold;
    height: 1.25em;
    margin: 0;
    padding: 3px 0.5em 0.25em 15px;
}
#contentARF ul#grfNavi li.highlighted {
    background-color: #fddeba;
}
#contentARF ul#grfNavi li.disabled {
    background-position: 6px -793px; /* link_icons.gif */
    color: gray;
    cursor: default;
}
#contentARF ul#grfNavi li.selected {
    background-color: #ffcd93 !important;
}
/* ---------- Content (rechter Bereich) ---------- */
#contentARF div#grfMainContent,
#contentARF div#grfButtonStripe,
#contentARF div#grfTransitTables {
    width: 47em; /* w=752px */
}
#contentARF div#grfMainContent {
    float: left;
}
#contentARF div.grfSpacer {
    clear    : both;
    /*height    : 15em;*/
    height    : auto;
}
#contentARF div#grfMapContainer,
#contentARF img.grfMapItem {
    width: 46.875em; /* w=750px */
}
#contentARF.wideMap div#grfMapContainer,
#contentARF.wideMap img.grfMapItem {
    width: 60em; /* w=960px */
}
#contentARF div#grfMapContainer {
    background-position: center center; /* ajaxloader_grey.gif */
    border: 1px solid #d5d5d5;
    clear: both;
    margin-bottom: 0.5em;
    overflow: hidden;
    position: relative;
}
#contentARF div#grfMapContainer,
#contentARF img.grfMapItem {
    height: 21.875em; /* h=350px */
}
#contentARF #reg0.grfMapItem {
    height: 10.875em;             /* h=174px; */
    left: 19.25em !important;     /* l=308px; */
    top: 7.875em !important;     /* t=126px; */
    width: 9.5em;                 /* w=152px; */
}
#contentARF #reg1.grfMapItem {
    height: 10.625em;             /* h=170px; */
    left: 31.4375em !important; /* l=503px; */
    top: 3.9375em !important;     /* t=63px; */
    width: 15.3125em;             /* w=245px; */
}
#contentARF #reg2.grfMapItem {
    height: 5.8125em;             /* h=93px; */
    left: 36em !important;         /* l=576px; */
    top: 14.5625em !important;     /* t=233px; */
    width: 9.3125em;             /* w=149px; */
}
#contentARF #reg3.grfMapItem {
    height: 5.1875em;             /* h=83px; */
    left: 29.75em !important;     /* l=476px; */
    top: 7.625em !important;     /* t=122px; */
    width: 3.8125em;             /* w=61px; */
}
#contentARF #reg4.grfMapItem {
    height: 13.1875em;             /* h=211px; */
    left: 6.25em !important;     /* l=100px; */
    top: 8.875em !important;     /* t=142px; */
    width: 11.5625em;             /* w=185px; */
}
#contentARF #reg5.grfMapItem {
    height: 4em;                 /* h=64px; */
    left: 19.375em !important;     /* l=310px; */
    top: 5.3125em !important;     /* t=85px; */
    width: 8.5em;                 /* w=136px; */
}
#contentARF #reg6.grfMapItem {
    height: 5.1875em;             /* h=83px; */
    left: 26.3125em !important; /* l=421px; */
    top: 7.625em !important;     /* t=122px; */
    width: 3.875em;             /* w=62px; */
}
#contentARF #reg7.grfMapItem {
    height: 10.1875em;             /* h=163px; */
    left: 0.375em !important;     /* l=6px; */
    top: 0 !important;            /* t=0; */
    width: 14.875em;             /* w=238px; */
}
#contentARF #reg8.grfMapItem {
    height: 6.6875em;             /* h=107px; */
    left: 18.75em !important;     /* l=300px; */
    top: 0.0625em !important;     /* t=1px; */
    width: 8.5625em;             /* w=137px; */
}
#contentARF div#grfButtonStripe {
    float: left;
    /*height: 2.375em;*/
    min-height: 2.375em;
}
/* Transit tables */
#contentARF div#grfTransitTables {
    float: left;
    margin-top: 0;
    text-align: left;
}
#contentARF div#grfTableHeader {
    height: 1.375em;
    margin-bottom: 0.5em;
    text-align: left;
}
/* Map Symbols */
#contentARF img.grfMapItem {
    left: 0;
    position: absolute;
    top: 0;
}
#contentARF input.buttonDisabled {
    display: none;
}
/* Direction Arrows */
#contentARF .eastWestArrows { /* icons.gif */
    float: left;
}
#contentARF .eastWestArrows span {
    left: -9999em;
    position: absolute;
}
#tableArrowWest {
    background-position: 0 -295px; /* icons.gif */
    height: 15px;
    width: 52px;
}
#tableArrowEast {
    background-position: 0 -345px; /* icons.gif */
    height: 15px;
    width: 52px;
}
@media print {
    #contentARF {
        margin-left: 0;
    }
    #grfSideTrack,
    #grfAppName,
    #btnDirection,
    #btnResetSelection {
        display: none !important;
    }
    #grfMainContent{
        height: auto;
    }
    #contentARF div#grfMapContainer {
        border: 1px solid #000000;
    }
}