::-webkit-input-placeholder { /* WebKit browsers */
    color: #ccc;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ccc;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ccc;
}


/*override jqurey ui - so that the auto complete height is restricted */
.ui-autocomplete {
    max-height: 20em;
    overflow-y: auto;
}



.sprite-func {
    background: url(../Images/spritesetgrey_1.png) no-repeat;
}

.sprite-funcwhite {
    background: url(../Images/spritesetwhite_1.png) no-repeat;
}

.sprite-func_archive {
    background-position: 0 0;
    width: 16px;
    height: 16px;
}

.sprite-func_attachment {
    background-position: 0 -21px;
    width: 16px;
    height: 16px;
}

.sprite-func_bookmark {
    background-position: 0 -42px;
    width: 16px;
    height: 16px;
}

.sprite-func_brush {
    background-position: 0 -63px;
    width: 16px;
    height: 16px;
}

.sprite-func_calc {
    background-position: 0 -84px;
    width: 16px;
    height: 16px;
}

.sprite-func_calendar {
    background-position: 0 -105px;
    width: 16px;
    height: 16px;
}

.sprite-func_cancel {
    background-position: 0 -126px;
    width: 16px;
    height: 16px;
}

.sprite-func_chat {
    background-position: 0 -147px;
    width: 16px;
    height: 16px;
}

.sprite-func_chats {
    background-position: 0 -168px;
    width: 16px;
    height: 16px;
}

.sprite-func_clear {
    background-position: 0 -189px;
    width: 16px;
    height: 16px;
}

.sprite-func_cloud {
    background-position: 0 -210px;
    width: 16px;
    height: 16px;
}

.sprite-func_delete {
    background-position: 0 -231px;
    width: 16px;
    height: 16px;
}

.sprite-func_documents {
    background-position: 0 -252px;
    width: 16px;
    height: 16px;
}

.sprite-func_down {
    background-position: 0 -273px;
    width: 16px;
    height: 16px;
}

.sprite-func_down_circle {
    background-position: 0 -294px;
    width: 16px;
    height: 16px;
}

.sprite-func_download {
    background-position: 0 -315px;
    width: 16px;
    height: 16px;
}

.sprite-func_edit {
    background-position: 0 -336px;
    width: 16px;
    height: 16px;
}

.sprite-func_empty_document {
    background-position: 0 -357px;
    width: 16px;
    height: 16px;
}

.sprite-func_favorite {
    background-position: 0 -378px;
    width: 16px;
    height: 16px;
}

.sprite-func_folder {
    background-position: 0 -399px;
    width: 16px;
    height: 16px;
}

.sprite-func_fullscreen {
    background-position: 0 -420px;
    width: 16px;
    height: 16px;
}

.sprite-func_graph {
    background-position: 0 -441px;
    width: 16px;
    height: 16px;
}

.sprite-func_grid {
    background-position: 0 -462px;
    width: 16px;
    height: 16px;
}

.sprite-func_left {
    background-position: 0 -483px;
    width: 16px;
    height: 16px;
}

.sprite-func_left_circle {
    background-position: 0 -504px;
    width: 16px;
    height: 16px;
}

.sprite-func_list {
    background-position: 0 -525px;
    width: 16px;
    height: 16px;
}

.sprite-func_lock {
    background-position: 0 -546px;
    width: 16px;
    height: 16px;
}

.sprite-func_mail {
    background-position: 0 -567px;
    width: 16px;
    height: 16px;
}

.sprite-func_minus {
    background-position: 0 -588px;
    width: 16px;
    height: 16px;
}

.sprite-func_ok {
    background-position: 0 -609px;
    width: 16px;
    height: 16px;
}

.sprite-func_picture {
    background-position: 0 -630px;
    width: 16px;
    height: 16px;
}

.sprite-func_map_marker {
    background-position: 0 -651px;
    width: 16px;
    height: 16px;
}

.sprite-func_plus {
    background-position: 0 -672px;
    width: 16px;
    height: 16px;
}

.sprite-func_power {
    background-position: 0 -693px;
    width: 16px;
    height: 16px;
}

.sprite-func_print {
    background-position: 0 -714px;
    width: 16px;
    height: 16px;
}

.sprite-func_refresh {
    background-position: 0 -735px;
    width: 16px;
    height: 16px;
}

.sprite-func_right {
    background-position: 0 -756px;
    width: 16px;
    height: 16px;
}

.sprite-func_right_circle {
    background-position: 0 -777px;
    width: 16px;
    height: 16px;
}

.sprite-func_settings {
    background-position: 0 -798px;
    width: 16px;
    height: 16px;
}

.sprite-func_sound {
    background-position: 0 -819px;
    width: 16px;
    height: 16px;
}

.sprite-func_sync {
    background-position: 0 -840px;
    width: 16px;
    height: 16px;
}

.sprite-func_tag {
    background-position: 0 -861px;
    width: 16px;
    height: 16px;
}

.sprite-func_target {
    background-position: 0 -882px;
    width: 16px;
    height: 16px;
}

.sprite-func_text_document {
    background-position: 0 -903px;
    width: 16px;
    height: 16px;
}

.sprite-func_time {
    background-position: 0 -924px;
    width: 16px;
    height: 16px;
}

.sprite-func_unlock {
    background-position: 0 -945px;
    width: 16px;
    height: 16px;
}

.sprite-func_up {
    background-position: 0 -966px;
    width: 16px;
    height: 16px;
}

.sprite-func_up_circle {
    background-position: 0 -987px;
    width: 16px;
    height: 16px;
}

.sprite-func_user {
    background-position: 0 -1008px;
    width: 16px;
    height: 16px;
}

.sprite-func_users {
    background-position: 0 -1029px;
    width: 16px;
    height: 16px;
}

.sprite-func_zoom {
    background-position: 0 -1050px;
    width: 16px;
    height: 16px;
}

.sprite-func_plane {
    background-position: 0 -1066px;
    width: 16px;
    height: 16px;
}

.sprite-func_luggage {
    background-position: 0 -1082px;
    width: 16px;
    height: 16px;
}

.sprite-func_book {
    background-position: 0 -1099px;
    width: 16px;
    height: 16px;
}

.sprite-func_shoppingcart {
    background-position: 0 -1118px;
    width: 16px;
    height: 16px;
}

.sprite-func_pin {
    background-position: 0 -1137px;
    width: 16px;
    height: 16px;
}

.sprite-func_plane_horiz {
    background-position: 0 -1154px;
    width: 16px;
    height: 16px;
}

.sprite-func_seat {
    background-position: 0 -1173px;
    width: 16px;
    height: 16px;
}

.sprite-func_seattaken {
    background-position: 0 -1192px;
    width: 16px;
    height: 16px;
}


.flx-flight-container {
    margin-bottom: 1em;
}

.flx-flight-row {
    border-radius: 0.5em 0.5em;
    box-shadow: 0.5em 0.5em 0.5em #ccc;
    margin-bottom: 1em;
    padding-right: 1em;
}

.flx-flight-PTC {
    flex-grow: 0;
    flex-shrink: 0;
    width: 5em;
}

.flx-flight-airline {
    width: 3em;
}

.flx-flight-number {
    width: 4em;
}

.flx-flight-date {
    width: 8em;
}

.flx-flight-airport {
    width: 4.5em;
}

.flx-traveler-container {
    border-radius: 0.5em 0.5em;
    box-shadow: 0.5em 0.5em 0.5em #ccc;
    margin-bottom: 1em;
}

.flx-traveler-row {
}

.flx-service-block {
    border-radius: 0.5em 0.5em;
    box-shadow: 0.5em 0.5em 0.5em #ccc;
    margin-bottom: 1em;
    padding: 0.5em;
}

.flx-inline-block {
    display: inline-block;
    vertical-align: top;
}


.flx-button {
    background-color: rgb(238, 83, 21);
    font-weight: bold;
    text-align: center;
    border: none;
    color: white;
    border-radius: 0.2em 0.2em;
}

    .flx-button:hover {
        background-color: rgb(138, 83, 21);
    }

.flx-border-thin {
    border: solid 1px #ccc;
}

.fms2mobilewrapper {
    width: 90em;
    height: 50em;
    background-color: white;
    border: solid 1px white;
    border-radius: 0.25em 0.25em;
    margin: 0 auto;
    z-index: 3000;
}

.fms2frame {
}

.CurrencyCode, .FiledIn {
    color: green;
}

.flx-no-show {
    display: none;
}

ul.ui-autocomplete {
    list-style: none;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom: 1;
}

.flx-ff-block {
	border: solid 1px #c0c0c0;
	padding: 0.25em; 
}

.flx-ff-block > div {
	display: inline-block;
	vertical-align: top;
}

/* Shared elements from Service and Seatmap */
#flx-serviceTestPage {
    font-size: 0.8em;
}

    #flx-serviceTestPage .selectedSeat {
        outline: red solid 3px;
    }

    #flx-serviceTestPage .active {
        background-color: rgb(138, 83, 21);
    }

    #flx-serviceTestPage .form-container {
        margin-right: 1em;
        border: solid 2px #c0c0c0;
        padding-left: 0.2em;
    }

    #flx-serviceTestPage #seatmapSelector {
        height: 31px;
    }

    #flx-serviceTestPage .tktdate {
        width: 10em;
    }

    #flx-serviceTestPage .ptc {
        width: 3em;
    }

    #flx-serviceTestPage .FFNumber {
        width: 8em;
    }

    #flx-serviceTestPage .FFCompanyCode {
        width: 8em;
    }

    #flx-serviceTestPage .FFStatus {
        width: 8em;
    }

    input.CurrencyCode {
        width: 5em;
    }

    #flx-serviceTestPage .CityCode {
        width: 5em;
    }

    #flx-serviceTestPage .CountryCode {
        width: 5em;
    }

    #flx-serviceTestPage .Channel {
        width: 10em;
    }

    #flx-serviceTestPage .CustomName {
        width: 10em;
    }

    #flx-serviceTestPage .CustomValue {
        width: 10em;
    }

    #flx-serviceTestPage .inlineBlock, #flx-serviceTestPage .centerDiv {
        display: inline-block;
        vertical-align: top;
    }

    #flx-serviceTestPage .CodeMirror {
        height: auto;
        font-size: 1.5em;
    }

    #flx-serviceTestPage .seatmap-response-list {
        list-style-type: none;
    }

/* TODO: somehow set this to only work on flx-serviceTestPage */
.seatmap-response-list > li {
    cursor: pointer;
    padding: 5px 5px 5px 5px;
    display: inline;
    margin: 0 5px 0 5px;
}

.seatmapgrid_vertical {
    margin-bottom: 2em;
}

.flx-smap-row {
    text-align: center;
}

.flx-smap-row-exit {
    background-color: lightcoral;
    color: white;
}

.flx-smap-row-wing {
    background-color: grey;
    color: white;
}

.flx-smap-row-exit.flx-smap-row-wing {
    background-image: repeating-linear-gradient(45deg, lightcoral, lightcoral 10%, grey 10%, grey 20%) !important;
}

.seatmapgrid_vertical > .flx-smap-row > div {
    display: inline-block;
    vertical-align: top;
}
.flx-smap-seatinfo {
    position: absolute;
    bottom: 2em;
    left: -1em;
    z-index: 1000;
    background: greenyellow;
    display: none;
    min-width: 20em;
    text-align: left;
}

.flx-smap-cell {
    position: relative;
    border-radius: 0.2em;
    width: 4em;
    height: 1.5em;
    padding: 0.25em;
}


.flx-smap-rownum {
    font-size: 1.1em;
    border: none;
    text-align: center;
}

.flx_seat_avl {
    background-color: #EBDB00;
    opacity: .6;
    cursor: pointer;
}


.flx_seat_premium {
    background-color: green;
    opacity: 0.6;
}

.flx_seat_legroom {
    background-color: blue;
    opacity: 0.6;
}

    .flx_seat_legroom .flx-service-price {
        color: white;
    }

.flx_seat_pref {
    background-color: deepskyblue;
}

.flx_seat_restr {
    background-color: grey;
    opacity: 0.75;
    cursor: pointer;
}

.flx_seat_taken {
    background-color: grey;
    opacity: 0.75;
}

.flx-smap-legend > div div {
    display: inline-block;
    vertical-align: top;
}

.flx-service-price {
}

.flx-fms-req-res-xml {
    background-color: white;
    position: relative;
    min-width: 70em;
    
    max-height: 68vh;
    display: none;
    overflow-y: auto;
    padding: 0 !important;
}