/* hafas_ewb.css */

/*
gelb 100%:      #f0be3c - 240,190,60
gelb 70%:       #f4d176 - 244,209,118
gelb 30%:       #faebc4 - 250,235,196

text/link       #000
link hover:     #666
link hover-bg:  #f0be3c - 240,190,60

Fehlermeldungen:
errormsg:       #ce0000
*/


/* ############ Allgemein ############# */

#HFS.ewb  {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

#HFS.ewb input[type="text"]:hover {
    border: 1px solid #f0be3c !important;
    color: #666;
    transition-duration: 0.3s;
}
#HFS.ewb input[type="text"]:focus {
    border: 1px solid #f0be3c !important;
    color: #666;
}

#HFS.ewb select {
    border-radius: 4px;
}

#HFS.ewb select:hover {
    border: 1px solid #f0be3c !important;
    transition-duration: 0.3s;
}

#HFS.ewb .greyButton {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
    color: #000;
    border: 1px solid #f0be3c;
}

#HFS.ewb .greyButton:hover {
    background: rgb(240,190,60);
    background: -moz-linear-gradient(top, rgba(240,190,60,1) 0%, rgba(240,190,60,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,190,60,1)), color-stop(100%,rgba(240,190,60,1)));
    background: -webkit-linear-gradient(top, rgba(240,190,60,1) 0%,rgba(240,190,60,1) 100%);
    background: -o-linear-gradient(top, rgba(240,190,60,1) 0%,rgba(240,190,60,1) 100%);
    background: -ms-linear-gradient(top, rgba(240,190,60,1) 0%,rgba(240,190,60,1) 100%);
    background: linear-gradient(to bottom, rgba(240,190,60,1) 0%,rgba(240,190,60,1) 100%);
    color:#000;
    box-shadow:0 0 2px #f0be3c;
    text-shadow:0 0 0 #000;
}

#HFS.ewb .extraInput .greyButton {
    border: 1px solid #ccc;
}

#HFS.ewb .bigButton {
    /*background:#f0be3c;*/
    background: rgb(240,190,60);
    background: -moz-linear-gradient(top, rgba(240,190,60,1) 0%, rgba(240,190,60,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,190,60,1)), color-stop(100%,rgba(240,190,60,1)));
    background: -webkit-linear-gradient(top, rgba(240,190,60,1) 0%,rgba(240,190,60,1) 100%);
    background: -o-linear-gradient(top, rgba(240,190,60,1) 0%,rgba(240,190,60,1) 100%);
    background: -ms-linear-gradient(top, rgba(240,190,60,1) 0%,rgba(240,190,60,1) 100%);
    background: linear-gradient(to bottom, rgba(240,190,60,1) 0%,rgba(240,190,60,1) 100%);
    background-position:0px 0px;
    color: #333;
    border:1px solid #f0be3c;
    border-radius:5px;
    font-weight:700 !important;
}

#HFS.ewb .bigButton:hover     {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
    box-shadow:0 0 0 #333;
    text-shadow:0 0 0 #333;
    border-color:#999;
}

#HFS.ewb #tpQueryInputButtonsTop .bigButton {
    /*background:#f0be3c;*/
    background: rgb(240,190,60);
    background: -moz-linear-gradient(top, rgba(240,190,60,1) 0%, rgba(240,190,60,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,190,60,1)), color-stop(100%,rgba(240,190,60,1)));
    background: -webkit-linear-gradient(top, rgba(240,190,60,1) 0%,rgba(240,190,60,1) 100%);
    background: -o-linear-gradient(top, rgba(240,190,60,1) 0%,rgba(240,190,60,1) 100%);
    background: -ms-linear-gradient(top, rgba(240,190,60,1) 0%,rgba(240,190,60,1) 100%);
    background: linear-gradient(to bottom, rgba(240,190,60,1) 0%,rgba(240,190,60,1) 100%);
    background-position:0px 0px;
    border:1px solid #f0be3c;
    color: #333;
    border-radius:5px;
    font-weight:700 !important;
}

#HFS.ewb #tpQueryInputButtonsTop .bigButton:hover {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
    border-color:#999;
}

#HFS.ewb a {
    color:#000;
    text-decoration:underline;
}

#HFS.ewb a:hover {
    background-color:#f0be3c;
}

#HFSResult table.ajaxMapConnection td.mapConMOT img,
#HFSResult .resultTable td.productsIcon img {
    /*width: 32px !important;*/
}

#HFS.ewb h2 {
        border:none;
        display:inline-block;
        width:330px;
        height:50px;
        color:#fff;
        font-size:18px;
        background:#f0be3c;
        line-height:20px;
        padding:15px;
        margin:0px;
        font-weight:500;
}

#HFS.ewb h3.sepHeader, #HFS.ewb .headerHint {
        display:none;
}

/* ########################### TP-Query ###################### */

#HFS.ewb #HFSQuery {
        width:670px;
        box-shadow:0px 0px 7px rgba(0, 0, 0, 0.6);
        margin:0 0 18px;
}

#HFS.ewb #HFSQuery .mainInput {
        padding:20px;
        background:#fff;
}

#HFS.ewb #HFSQuery .mainInput  label {
        color:#000;
}

#HFS.ewb #HFSQuery .mainInput  label.front {
        width:105px;
}

#HFS.ewb .HFS_CalendarMonthSwitch a {
        background-color:transparent;
        text-decoration:none;
}

#HFS.ewb .HFS_CalendarMonthSwitch a:hover {
        background-color:#fff;
}

#HFS.ewb #HFSQuery .calDayScoller {
        background:#fff;
        margin-right:20px;
        border-radius:5px;
        border-color:#f0be3c;
}

#HFS.ewb #HFSQuery .viaDurationHolder span {
        color:#fff;
        display:inline-block;
}

#HFS.ewb #HFSQuery .extraInput {
        background:#edf2d1;
        padding:20px;
}

#HFS.ewb ul#intermodalChoice .featureBox label {
        color:#000;
}

#HFS.ewb #HFSQuery .wrapProductChoiseTable {
        margin:0px;
}

#HFS.ewb #HFSQuery .extraInput label.front {
        color:#000;
}

#HFS.ewb .greyBox.tpButtonHolder {
        padding:0px;
}


#HFS.ewb.sq_query #HFSQuery label.checkboxRadio {
        display:inline-block;
        margin-right:15px;
}

#HFS.ewb #HFSQuery .errormessage {
        background:#faebc4;
        padding:4px 10px;
        margin-top:1px;
        border-radius:5px;
        color:#ce0000;
        max-width:284px;
}

#HFS.ewb #HFSQuery .inputHolder strong {
        display:inline-block;
        padding:4px 0px;
        color:#fff;
        font-weight:bold;
        line-height:22px;
}

/* ########################## TP - Result ###################### */
#HFS.ewb #HFSResult #Querysummary,
#HFS.ewb #HFSResult #ConnectionDetails {
        background-color:#f0be3c;
}

.ewb .summary {
        line-height:30px;
        width:670px;
        box-shadow:0px 0px 7px rgba(0, 0, 0, 0.6);
}
.ewb .summary .label {
        padding:0px;
        display:inline-block;
        width:85px;
        text-align:left;
        font-size:14px;
        font-weight:normal;
}

.ewb .summary .output {
        font-weight:bold;
        font-size:14px;
}

#HFS.ewb #HFSResult .linkGroup a,
#HFS.ewb a.print_ico {text-decoration:none;}

.ewb #HFSResult h2.separator  {
        background:transparent;
        font-size:24px;
        font-weight:bold;
        color:#333;
        padding:0px 15px 10px;
        border-bottom:5px solid #f0be3c;
        display:block;
        margin:20px 0px 10px 0px;
        width:auto;
        height:auto;
}
#HFS.ewb #HFSResult .resultTableConnection {
        background-color:#faebc4;
}

#HFSResult .resultTable .connectionFirstLast {
        width:17%;
        text-align:right;
}
#HFSResult .resultTable .connectionSonnerLater {
        width:18%;
}

#HFSResult .resultTable .showAsTableCell .greyButton {transition-duration:0s;}
#HFSResult .resultTable .showAsTableCell .greyButton:hover {
        background-image:none;
        background-color:#fff;
        border-radius:0;
}

#HFSResult .resultTable .connectionIcon {color:#333;}

#HFSResult .resultTable .connectionDate,
#HFSResult .resultTable .connectionTime,
#HFSResult .resultTable .connectionRealTime,
#HFSResult .resultTable .connectionFirstLast,
#HFSResult .resultTable .connectionSonnerLater,
#HFSResult .resultTable .connectionDuration           {background:#f4d176;}
#HFSResult .resultTable .showAsTableCell .greyButton  {font-weight:normal;}

#HFSResult .sqResultTable .showSqInterStops,
#HFSResult .sqResultTable .hideSqInterStops,
#HFSResult .resultTable .showAsTableCell .greyButton,
#HFS.ewb #HFSResult .resultTable div[class*="header"],
#HFS.ewb #HFSResult .resultTable th,
#HFS.ewb #HFSResult .resultTableConnection,
#HFS.ewb #HFSResult .resultTable .details .LinkButton.activeTab {color:#000;}

#HFS.ewb #ovLegendRealtime {padding:20px 15px 0;}

/* sq */
#HFS.ewb .inputHolder .preGeneratedInputValue {color:#fff; font-weight:bold;}
#HFS.ewb .furtherJourneys a {text-decoration:none;}

#HFS.ewb #HFSResult .tableResultTrainRoute .pearl .line,
#HFS.ewb #HFSResult .detailsTable .pearl .line              {color:#faebc4;}
#HFS.ewb #HFSResult .tableResultTrainRoute .pearl .dot,
#HFS.ewb #HFSResult .detailsTable .pearl .dot               {border-color:#faebc4;}
#HFS.ewb #HFSResult .detailsContent .intermediateStop .pearl .dot,
#HFS.ewb #HFSResult .detailsTable .pearl .hideInterDot,
#HFS.ewb #HFSResult .detailsTable .pearl .showInterDot,
#HFS.ewb #HFSResult .tableResultTrainRoute .pearl .hideInterDot,
#HFS.ewb #HFSResult .tableResultTrainRoute .pearl .showInterDot,
#HFS.ewb #HFSResult .tableResultTrainRoute .pearl .line,
#HFS.ewb #HFSResult .detailsTable .pearl .line              {background-color:#faebc4;}

#HFS.ewb #HFSResult .tableResultTrainRoute tr.highlight.exit .pearl .line.before,
#HFS.ewb #HFSResult .tableResultTrainRoute tr.highlight.entry .pearl .line.before {background-color:#faebc4;}

#HFS.ewb #HFSResult .tableResultTrainRoute tr.highlight .pearl .dot {border-color:#f0be3c;}
#HFS.ewb #HFSResult .tableResultTrainRoute tr.highlight .pearl .line{background-color:#f0be3c;}