
body {
    margin: 0;
    border: 0;
    outline: 0;
    padding: 0px;
    text-align: center;
    background: #e1e1e1;
    overflow: scroll;
}

ul {
    list-style: none;
}

td {
    font: 10px tahoma;
}

.siteHeaderWrapper {
    width: 100%;
    height: 10px;
    text-align: left;
    vertical-align: top;
    background: url(Design/layoutShdwTop.png) bottom left no-repeat;
    padding: 0px;
}

.siteWrapper {
    width: 1005px;
    border: none;
    vertical-align: top;
}

.loginBody {
    margin: 0;
    border: 0;
    outline: 0;
    padding: 0px;
    text-align: center;
    background: #FFFFFF;
}

.siteLoginWrapper {
    width: 510px;
    border: none;
    vertical-align: top;
}

.siteLayoutWrapper {
    text-align: left;
    vertical-align: top;
}

.siteLayoutShadowLeft {
    width: 5px;
    background: url(Design/layoutShdwVertical.png) top left repeat-y;
}

.siteLayoutShadowRight {
    width: 5px;
    background: url(Design/layoutShdwVertical.png) top right repeat-y;
}

.siteContentWrapper {
    text-align: left;
    vertical-align: top;
    background: #FBFCFC;
    width: 100%;
    padding: 0px;
}

.siteContentWrapperHeader {
    text-align: left;
    vertical-align: top;
    width: 100%;
    padding: 0px;
    border: 1px solid #ffffff;
    border-top: none;
    border-bottom: none;
    background: #ffffff url(Header/1.jpg) no-repeat top right;
}

.sidebarWrapper {
    width: 295px;
    text-align: left;
    vertical-align: top;
    padding-bottom: 20px;
    background: #EBEBEB url(Design/sidebarBgrnd.gif) top right repeat-y;
}

.siteFooterWrapper {
    height: 5px;
    vertical-align: bottom;
    padding: 0;
    background: url(Design/layoutShdwBottom.png) top left no-repeat;
}

a {
    color: Black;
}

    a:hover {
        color: red;
    }

.pageHeader {
    font: 14px Tahoma;
    color: #3d98c5;
    background-color: #F0F0F0;
    white-space: nowrap;
    background-image: url('Design/mItemBack.png');
    background-repeat: repeat-x;
    background-position: top;
    border: 0px;
}

    .pageHeader span {
        padding-left: 30px;
        background: transparent url('Design/pageHeader.png') no-repeat left;
        float: left;
        display: inline;
        font: bold 14px Tahoma;
        color: #ffffff;
        line-height: 25px;
        height: 25px;
    }

.escapeStyle span {
    padding: none;
    font: 11px tahoma;
    color: #000000;
}

.pageLabel {
    font: 11px tahoma;
}

.pageCombo {
    padding: 2px;
    font: 11px tahoma;
    background: #ffffff;
    border: 1px solid #699cb7;
}


.productSearchSprite {
    background: transparent url(Sprite/productSearchSprite.png) no-repeat 0px 0px;
}

.productSearchTable {
    border: 1px solid #699cb7;
    background: #ecf9fa;
    border-left: none;
    padding: 3px;
}



.cellCover {
    border: 1px solid #699cb7;
    background: #ecf9fa;
}

.hotelTabsSelected {
    border: 1px solid #699cb7;
    background: #ecf9fa;
}

.hotelTabs {
    border: 1px solid #efefef;
    background: #ffffff;
}

.resTouristAdultTable {
    border: 1px solid #699cb7;
    background: #f8f3e8;
    border-left: none;
    padding: 3px;
}

.resTouristChildTable {
    border: 1px solid #e586e8;
    background: #faeafa;
    border-left: none;
    padding: 3px;
}

.flightFlexible {
    border-left: 1px solid #699cb7;
    border-bottom: 1px solid #699cb7;
}

    .flightFlexible td {
        border: 1px solid #699cb7;
        border-left: none;
        border-bottom: none;
    }

.flexibleHeader {
    background: #ecf9fa;
}

/* Custom Control Styles */

.editArea {
    font: 11px Tahoma;
    background-color: white;
    border: Solid 1px #699cb7;
    height: 22px;
    line-height: 22px;
    padding-left: 3px;
}

/* Package Container Styles */

.lb_Are_Loader {
    height: 150px;
    border: 1px solid #699cb7;
    padding: 5px;
}

.lb_Are {
    width: auto;
    border: 1px solid #699cb7;
    background: #ffffff;
    height: 160px;
    overflow: auto;
    font: 11px tahoma;
}

.lb_Are_I {
    width: 310px;
    border: 1px solid #699cb7;
    background: #ffffff;
    height: 100px;
    overflow: auto;
    font: 11px tahoma;
}

.lb_SelHot_Loader {
    height: 104px;
    border: 1px solid #699cb7;
    padding: 5px;
}

.lb_SelHot {
    width: 297px;
    border: 1px solid #699cb7;
    background: #ffffff;
    height: 114px;
    overflow: auto;
}

.lb_SelHot_I {
    width: 250px;
    border: 1px solid #699cb7;
    background: #ffffff;
    height: 251px;
    overflow: auto;
}

.lb_Hot_Loader {
    height: 104px;
    border: 1px solid #699cb7;
    padding: 5px;
    width: 287px;
}

.lb_Hot {
    width: 297px;
    border: 1px solid #699cb7;
    background: #ffffff;
    height: 114px;
    overflow: auto;
}

.lb_Hot_I {
    width: 250px;
    border: 1px solid #699cb7;
    background: #ffffff;
    height: 214px;
    overflow: auto;
}

.lb_Ann {
    width: 303px;
    border: 1px solid #699cb7;
    background: #ffffff;
    height: 331px;
    overflow: auto;
}



/* Hotel Container Styles */


.lb_h_Are_Loader {
    height: 200px;
    border: 1px solid #699cb7;
    padding: 5px;
}

.lb_h_Are {
    width: 230px;
    border: 1px solid #699cb7;
    background: #ffffff;
    height: 200px;
    overflow: auto;
    font: 11px tahoma;
}

.lb_h_Cat_Loader {
    height: 120px;
    border: 1px solid #699cb7;
    padding: 5px;
}

.lb_h_Cat {
    width: 230px;
    border: 1px solid #699cb7;
    background: #ffffff;
    height: 120px;
    overflow: auto;
}

.lb_h_Mea_Loader {
    height: 120px;
    border: 1px solid #699cb7;
    padding: 5px;
}

.lb_h_Mea {
    width: 230px;
    border: 1px solid #699cb7;
    background: #ffffff;
    height: 120px;
    overflow: auto;
}

.lb_h_Roo_Loader {
    height: 119px;
    border: 1px solid #699cb7;
    padding: 5px;
}

.lb_h_Roo {
    width: 230px;
    border: 1px solid #699cb7;
    background: #ffffff;
    height: 119px;
    overflow: auto;
}

.lb_h_Con_Loader {
    height: 113px;
    border: 1px solid #699cb7;
    padding: 5px;
}

.lb_h_Con {
    width: 230px;
    border: 1px solid #699cb7;
    background: #ffffff;
    height: 113px;
    overflow: auto;
}

.lb_h_SelHot_Loader {
    height: 411px;
    border: 1px solid #699cb7;
    padding: 5px;
}

.lb_h_SelHot {
    width: 220px;
    border: 1px solid #699cb7;
    background: #ffffff;
    height: 411px;
    overflow: auto;
}

.lb_h_Hot_Loader {
    height: 368px;
    border: 1px solid #699cb7;
    padding: 5px;
}

.lb_h_Hot {
    width: 224px;
    border: 1px solid #699cb7;
    background: #ffffff;
    height: 368px;
    overflow: auto;
}

.lb_hs_SelHot_Loader {
    height: 251px;
    border: 1px solid #699cb7;
    padding: 5px;
}

.lb_hs_SelHot {
    width: 220px;
    border: 1px solid #699cb7;
    background: #ffffff;
    height: 251px;
    overflow: auto;
}

.lb_hs_Hot_Loader {
    height: 208px;
    border: 1px solid #699cb7;
    padding: 5px;
}

.lb_hs_Hot {
    width: 224px;
    border: 1px solid #699cb7;
    background: #ffffff;
    height: 208px;
    overflow: auto;
}

/* ------- EDITOR STYLES -------- */

.gridViewTable {
    border: solid 1px #9c9ab7;
}

.gridViewCaption {
    padding: 4px 6px 5px 6px;
    border-right: solid 1px #9c9ab7;
    background: url('Design/gvGradient.gif') repeat-x center top #b7d8dc;
    overflow: hidden;
    font-weight: normal;
    text-align: left;
}

.gridViewOdd {
    padding: 4px 2px 5px 2px;
    border-bottom: solid 1px #9c9ab7;
    background: #ffffff;
        text-align:justify;
    vertical-align:top;
    padding-top:9px;
}

.gridViewEven {
    padding: 4px 2px 5px 2px;
    border-bottom: solid 1px #9c9ab7;
    background: #efefef;
        text-align:justify;
    vertical-align:top;
    padding-top:9px;
}

.gridViewPager {
    padding: 4px 6px 5px 6px;
    background: #ffffff;
}

.descIcons {
    background-image: url(../resIconSet.png?v=1212);
}

/** GridView Pager **/

.pagerTable TD a {
    padding: 2px 2px 2px 2px;
    border: 1px solid #cccccc;
    background: #efefef;
    font: bold 12px tahoma;
}

    .pagerTable TD a:hover {
        background: #ffffff;
    }

.pagerTable TD .selected {
    border: 1px solid #efefef;
    background: #ffffff;
}

/* SpinTextEdit */

.pageTextEditSpinStyle {
    padding: 0px 2px 0px 0px;
    font: 11px tahoma;
    background: #ffffff;
    border: 1px solid #699cb7;
    border-right: 0 none;
    height: 18px;
    text-align: right;
}

.pageTextEditSpinUpButtonStyle {
    cursor: pointer;
    width: 16px;
    height: 10px;
    background: transparent url(Sprite/spinEditIcons.png) no-repeat 0px 0px;
}

.pageTextEditSpinDownButtonStyle {
    cursor: pointer;
    width: 16px;
    height: 10px;
    background: transparent url(Sprite/spinEditIcons.png) no-repeat -16px 0px;
}

.pageTextEditSpinUpHowerButtonStyle {
    cursor: pointer;
    width: 16px;
    height: 10px;
    background: transparent url(Sprite/spinEditIcons.png) no-repeat 0px -10px;
}

.pageTextEditSpinDownHowerButtonStyle {
    cursor: pointer;
    width: 16px;
    height: 10px;
    background: transparent url(Sprite/spinEditIcons.png) no-repeat -16px -10px;
}

/* DateEdit */

.pageTextEdit {
    padding: 2px;
    font: 11px tahoma;
    background: #ffffff;
    border: 1px solid #699cb7;
}

.pageTextEditCalendar {
    padding: 0px 0px 0px 0px;
    font: 11px tahoma;
    background: #ffffff;
    border: 1px solid #699cb7;
    border-right: 0 none;
    height: 18px;
    text-align: center;
}

.pageTextEditCalendarButtonStyle {
    border: 0 none;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: transparent url(Sprite/ico_calendar_n.png) no-repeat left top;
}

/* Tours */

.stepLabel {
    font-weight: bold;
}

.tabLeft {
    border-bottom: 1px solid #cfcfcf;
}

.tabEmpty {
    border-bottom: 1px solid #cfcfcf;
}

.tabPackage {
    background: transparent url(/Style/UserInterface/Coral/Sprite/ico_tourTabs.png) no-repeat -232px -0px;
    width: 232px;
    height: 42px;
}

    .tabPackage a {
        padding-left: 50px;
        font: 14px tahoma;
        color: #557937;
        text-decoration: none;
    }

.tabTour {
    background: transparent url(/Style/UserInterface/Coral/Sprite/ico_tourTabs.png) no-repeat -0px -0px;
    width: 232px;
    height: 42px;
}

    .tabTour a {
        padding-left: 50px;
        font: 14px tahoma;
        color: #557937;
        text-decoration: none;
    }

    .tabHotel {
    background: transparent url(/Style/UserInterface/Coral/Sprite/ico_tourTabs.png) no-repeat -464px -0px;
    width: 232px;
    height: 42px;
}

    .tabHotel a {
    padding-left: 50px;
    font: 14px tahoma;
    color: #557937;
    text-decoration: none;
}

    .tabExcursions {
    background: transparent url(/Style/UserInterface/Coral/Sprite/ico_tourTabs_new.png) no-repeat -696px -0px;
    width: 232px;
    height: 42px;
}

    .tabExcursions a {
        padding-left: 50px;
        font: 14px tahoma;
        color: #557937;
        text-decoration: none;
    }

.lbir {
    cursor: default;
}

div.onlyHotels.hotelDetails {
    width: inherit;
    padding-top: 10px;
}

    div.onlyHotels.hotelDetails > .hotelImage {
        width: 130px;
        display: inline-block;
        text-align: center;
    }

.hotelImage > img {
    height: inherit;
    margin: auto;
    padding: 3px;
    border: 2px solid #55B4DB;
    border-radius: 3px;
}

.hotelImage > .areaName {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

div.onlyHotels.hotelDetails > .hotelInfo {
    display: inline-block;
    width: 530px;
    vertical-align: top;
}

div.onlyHotels.hotelDetails > .dateInfo {
    display: inline-block;
    vertical-align: top;
}

.hotelInfo > .hotelDetails {
    display: inline-block;
    width: 300px;
}

.lbi {
    border: none;
    font: 11px Tahoma;
    padding: 0px;
    white-space: nowrap;
    text-align: left;
    color: Black;
    font-weight: normal;
    width: 100%;
    padding-left: 0px !important;
}

.searchGridFilterDescription {
    background: #efefef;
    padding: 10px;
}

#Label39 {
    font: bold 12px tahoma;
    color: red;
}

#Label40 {
    font: 12px tahoma;
}

.subButton {
    width: 100px;
    font: bold 12px tahoma;
    color: #efefef;
    background: #edc760 url(/Style/Common/Resource/subButton.png) no-repeat center left;
    padding-left: 20px;
}


/*----------------- NEW MENU STYLE -----------------*/

.eeoTD {
    background: transparent url(Design/mItemBack.gif) repeat-x top left;
}

.eeo, .eeo * {
    margin: 0;
    padding: 0;
    list-style: none;
    font: 11px tahoma;
}

.eeo {
    line-height: 1.0;
}

    .eeo ul {
        position: absolute;
        top: -999em;
        width: 12em;
        border: 1px solid #7eacb1;
    }

        .eeo ul li {
            width: 100%;
        }

    .eeo li:hover {
        visibility: inherit;
    }

    .eeo li {
        float: left;
        position: relative;
    }

    .eeo a {
        display: block;
        position: relative;
    }

    .eeo li:hover ul, .eeo li.sfHover ul {
        left: 0;
        top: 2em;
        z-index: 99;
    }

ul.eeo li:hover li ul, ul.eeo li.sfHover li ul {
    top: -999em;
}

ul.eeo li li:hover ul, ul.eeo li li.sfHover ul {
    left: 10em;
    top: 0;
}

ul.eeo li li:hover li ul, ul.eeo li li.sfHover li ul {
    top: -999em;
}

ul.eeo li li li:hover ul, ul.eeo li li li.sfHover ul {
    left: 10em;
    top: 0;
}

.eeo {
    float: left;
}

    .eeo a {
        border-left: 1px solid #fff;
        padding: .50em 1em;
        text-decoration: none;
    }

        .eeo a, .eeo a:visited {
            color: #000000;
        }

    .eeo li {
        background: transparent url(Design/mItemBack.gif) repeat-x top left;
    }

        .eeo li li {
            background: #F9FAFB;
        }

            .eeo li li li {
                background: #F9FAFB;
            }

        .eeo li:hover, .eeo li.sfHover, .eeo a:focus, .eeo a:hover, .eeo a:active {
            background: #efefef url(Design/mItemHBack.gif) repeat-x top left;
            outline: 0;
        }

li.current {
    background: transparent url(Design/mItemSBack.gif) repeat-x top left;
}

    li.current a {
        color: #ffffff;
    }

        li.current a:hover {
            color: #000000;
        }

ul.currentSub a {
    color: #000000;
}

.eeo a.eeo-with-ul {
    padding-right: 2.25em;
    min-width: 1px;
}

.eeo-sub-indicator {
    position: absolute;
    display: block;
    right: .75em;
    top: 1.05em;
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    background: url('arrows-ffffff.png') no-repeat -10px -100px;
}

a > .eeo-sub-indicator {
    top: .6em;
    background-position: 0 -100px;
}

a:focus > .eeo-sub-indicator,
a:hover > .eeo-sub-indicator,
a:active > .eeo-sub-indicator,
li:hover > a > .eeo-sub-indicator,
li.sfHover > a > .eeo-sub-indicator {
    background-position: -10px -100px;
}

.eeo ul .eeo-sub-indicator {
    background-position: -10px 0;
}

.eeo ul a > .eeo-sub-indicator {
    background-position: 0 0;
}

.eeo ul a:focus > .eeo-sub-indicator,
.eeo ul a:hover > .eeo-sub-indicator,
.eeo ul a:active > .eeo-sub-indicator,
.eeo ul li:hover > a > .eeo-sub-indicator,
.eeo ul li.sfHover > a > .eeo-sub-indicator {
    background-position: -10px 0;
}

.eeo-shadow ul {
    background: url('shadow.png') no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}

    .eeo-shadow ul.eeo-shadow-off {
        background: transparent;
    }

    div.hotelPriceDetailContainer > a.basket {
    display: inline-block;
    height: 30px;
    width: 40px;
    background-image: url('../sprite.png');
    background-repeat: no-repeat;
    vertical-align: middle;
    background-size: 50px;
    text-decoration: none;
}

    div.hotelPriceDetailContainer > a.basket.active {
        background-position: 0 -160px;
    }

    div.hotelPriceDetailContainer > a.basket.passive {
        background-position: 0 -122px;
    }


    



#ctl00_ContentPlaceHolder1_alternativeFlights .resultBody {
    max-height: 300px;
    overflow: auto;
}

.progress-overlay {
    z-index: 1160;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: fixed;
    background-color: rgba(255,255,255,0.75);
}

#progress-bar {
    width: 400px;
    height: 8px;
    margin: 0 auto;
    position: relative;
    top: 50%;
}

#progressbar-text,
.progressbar-text {
    color: #000;
}

.reservationCancellationRulesTable {
    font-size: 14px;
}

    .reservationCancellationRulesTable thead {
        font-weight: bold;
    }

    .reservationCancellationRulesTable tbody td {
        font-size: 14px;
        padding: 0 5px;
    }

    .reservationCancellationRulesTable tbody td.dataTypeDouble {
        text-align: right;
    }


#RegularFlightAgreementBody .pageLabel {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    font-size: 12px;
}

#RegularFlightAgreementBody .pageLabel b {
    cursor: pointer;
    text-decoration: underline;
}


.fare-basis-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #FFF;
    overflow-y: scroll;
    text-align: left;
    padding: 15px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    z-index: 99999;
}

.fare-basis-modal-close {
    position: fixed;
    top: 15px;
    right: 30px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background: #EFEFEF;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
}

.fare-basis-modal h1,
.fare-basis-modal h2,
.fare-basis-modal h3 {
    margin-top: 0;
}

.fare-basis-modal p {
    margin-top: 0;
    font-size: 14px;
}


.loading-wrapper {
    position: relative;
}

body.loading-wrapper {
    position: unset;
}

.loading-wrapper .loading-panel {
    position: absolute;
    z-index: 99999;
    /*width: 110px;*/ /*Removed for automatic calculation!*/
    height: 56px;
    top: 50%;
    left: 50%;
    /*margin: -28px 0 0 -55px;*/ /*Removed for automatic calculation*/
}

body.loading-wrapper .loading-panel {
    position: fixed;
}

.reservationRules {
  font-size: 0;
  max-width: 600px;
}

.flightRules,
.cancellationRules {
  font-size: 12px;
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
.cancellationRules {
    width: 100%;
}
.flightRules h2,
.cancellationRules h2 {
  color: #3d98c5;
  font-size: 12px; 
}

.flightCode {
  width: 60px;
  display: inline-block;
  
   text-align: left;
}

.flightRuleCode {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}

.cancellationDate {
  width: 180px;
  display: inline-block;

}

.flight-rules-modal {
    text-align: left;
}

.proxy-iframe {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    top: 0;
    left: 0;
}
