/*----------------------------------------
General buttons and things 
-----------------------------------------*/

.jbsForm * {
    box-sizing: border-box;
}

.jbsForm {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin: 0px;
}

    .jbsForm table {
        padding: 0;
        margin: 0;
        font-size: 13px;
    }

td {
    text-align: left;
}

input[type="checkbox"], input[type="radio"] {
    background: transparent;
    border: 0;
}


.jbsForm li {
    list-style-type: none;
}

a.jbsButton {
    text-decoration: none !important;
    color: white !important;
    margin: 2px 0 2px 0;
    display: inline-block;
    padding: 4px 14px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #BBB;
    border-bottom-color: #A2A2A2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #0044af #0044af #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    background-color: #0066cc;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044af));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044af);
    background-image: -o-linear-gradient(top, #0088cc, #0044af);
    background-image: linear-gradient(to bottom, #0088cc, #0044af);
    background-image: -moz-linear-gradient(top, #0088cc, #0044af);
    background-image: -ms-linear-gradient(top, #0088cc, #0044af);
}

    a.jbsButton:hover {
        text-decoration: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background-color: #0044af;
        background-image: linear-gradient(top, #0044af, #0044af);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0044af), to(#0044af));
        background-image: -webkit-linear-gradient(top, #0044af, #0044af);
        background-image: -o-linear-gradient(top, #0044af, #0044af);
        background-image: linear-gradient(to bottom, #0044af, #0044af);
        background-image: -moz-linear-gradient(top, #0044af, #0044af);
        background-image: -ms-linear-gradient(top, #0044af, #0044af);
    }

    a.jbsButton.aspNetDisabled,
    a.jbsButton.aspNetDisabled:hover,
    a.jbsButton[disabled],
    a.jbsButton[disabled]:hover,
    a.jbsButton[disabled]:active {
        cursor: default;
        background-image: none;
        opacity: 0.50;
        filter: alpha(opacity=50);
        text-decoration: none;
        background-color: #0088cc;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044af));
        background-image: -webkit-linear-gradient(top, #0088cc, #0044af);
        background-image: -o-linear-gradient(top, #0088cc, #0044af);
        background-image: linear-gradient(to bottom, #0088cc, #0044af);
        background-image: -moz-linear-gradient(top, #0088cc, #0044af);
        background-image: -ms-linear-gradient(top, #0088cc, #0044af);
    }

.jbsAddtoCart {
    float: right;
}

.jbsErrorBox {
    background: rgba(255,100,100,0.3);
    border: 2px solid rgba(255,100,100,0.8);
    background-image: url('jbs_img/error-icon.png');
    /*background-position: 5px;*/
    line-height: 30px;
    min-height: 30px;
}

.jbsie8 .jbsErrorBox,
.jbsie8 .jbsErrorBox span.jbsGrpBookingExceeded {
    background-image: none;
    color: red;
    font-weight: bold;
    font-size: 16px;
    padding-left: 0;
}

.jbsie8 .jbsAlert {
    filter: none;
}


.jbsThankYouBox {
    background: rgba(180, 255, 180, 0.2);
    border: 2px solid rgba(100, 235, 130, 0.7);
    background-image: url('jbs_img/Thank-You-icon.png');
    background-position: 5px 13px;
    line-height: 30px;
    min-height: 30px;
}

.jbsInfoBox {
    background: rgba(0, 70, 255, 0.2);
    border: 2px solid rgba(0, 70, 255, 0.7);
    background-image: url('jbs_img/info-icon_40x40.png');
    background-position: 5px 8px;
    min-height: 55px;
}

    .jbsErrorBox:empty,
    .jbsThankYouBox:empty,
    .jbsInfoBox:empty {
        display: none;
    }

.jbsErrorBox,
.jbsThankYouBox,
.jbsInfoBox {
    display: block;
    border-radius: 3px;
    -moz-background-size: 40px;
    -o-background-size: 40px;
    -webkit-background-size: 40px;
    background-size: 40px;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 60px;
}

    .jbsThankYouBox h1 {
        color: black;
        margin: 0;
        background: none;
        border: 0;
        padding: 0;
        font-size: 30px;
        text-align: left;
    }

    .jbsErrorBox span,
    .jbsThankYouBox span,
    .jbsInfoBox span {
        color: black;
        font-size: 16px;
    }

    .jbsInfoBox,
    .jbsInfoBox > span > *,
    .jbsInfoBox > span > font > * {
        font-size: 14px;
        line-height: 16px;
        color: black;
        margin-top: 10px;
    }

        .jbsInfoBox > span > *:first-child,
        .jbsInfoBox > span > font > *:first-child {
            margin-top: 0;
        }

        .jbsInfoBox li {
            list-style-type: circle;
            margin: 5px 0 0 30px;
        }

/*.jbsCallout
{
	background-color: #6FC4E9;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	color: #000000;
	padding: 20px;
}*/

.jbsForm div div.jbsInfoBox {
    margin: 10px 0;
}

.jbsTourDesc {
    background-color: #006396;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    color: #CCCCCC;
    padding-left: 20px;
}

.jbsButton:active {
    position: relative;
    top: 1px;
}

div.jbsSelect select {
    position: relative;
    /*top: -10px;*/
    padding: 3px;
}

#jbsCartButtons, #jbsCartButtons li {
    list-style: none;
    background: none;
    background-image: none;
    background: url("/images/bg-lxi.png") no-repeat left 0.4em;
    padding: 0 0 0 0px;
    color: White;
    list-style-position: inside;
}

.jbsForm div {
    margin-top: 10px;
}

    .jbsForm div div {
        margin-left: 0px;
        margin-top: 0px;
    }

.jbsForm input,
.jbsForm select,
.jbsForm text-area {
    border: 1px solid #7F9DB9;
    background: #F7F8FA;
    border-style: inset;
    padding: 3px 2px;
    color: black;
    min-width: 43px;
    width: auto;
    margin: 0;
}

.jbsForm input {
    margin-right: 0;
    margin-left: 0;
}

    .jbsForm input:disabled {
        background-color: #DDDDDD;
    }

.jbsTourHeader {
    font-size: 16px;
}

.jbsFormGroup {
    /* width: 48%;
  display: inline-block;
  vertical-align: top; */
    float: left;
    padding: 0 40px 0 0;
}

.jbsFormGroupFull {
    width: 96%;
}

    .jbsFormGroupFull textarea {
        max-width: 960px;
    }

.jbsLabel {
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 0px;
    text-align: left;
}

.giftVoucherTour {
    font-size: 18px;
}

.jbsDeparting table,
.jbseoCalendar {
    border: inset 1px #7F9DB9;
    background: #F7F8FA;
    display: table;
}

    .jbsDeparting td,
    .jbseoCalendar td {
        padding: 1px !important;
        display: table-cell;
        vertical-align: middle;
    }

    .jbsDeparting input,
    .jbseoCalendar input {
        border: 0;
        padding: 0 4px;
        margin: 0;
        vertical-align: bottom;
    }

    .jbsDeparting img,
    .jbseoCalendar img {
        display: table-cell;
        margin: 1px;
    }

a.eo_calendar_style1_title_button {
    padding: 4px 4px;
    margin: 2px;
    min-width: 15px;
}

#Body_BodyContent_JBSPage1_ctl01_gridPackages > tbody > tr.jbsTabHeaderBar {
    display: none;
}

.jbsTabHeaderBarNames {
    display: none;
}

table.jrsHideHeader tr.jbsTabHeaderBar {
    display: none;
}

/*----------------------------------------
Calendar 
-----------------------------------------*/
/* Calendar Display */

.jbscal {
    background-color: White;
    font-size: 8pt;
    border-color: #3366CC;
    border-width: 0px;
    font-family: Verdana;
    color: #FFFFFF;
}

.undefined {
    color: #666666;
    font-size: 15px;
}

.jbscalSelected {
    color: #CCFF99;
    background-color: #009999;
    font-weight: bold;
    border-bottom: 1px solid #333333;
    border-right: 1px solid #333333;
}

.jbscalToday {
    color: White;
    background-color: #99CCCC;
}

.jbscalSelector {
    color: #336666;
    background-color: #99CCCC;
}

.jbscalWeekendDay {
    background-color: #CCCCFF;
}

.jbscalOtherMonthDay {
    color: #999999;
    background-color: Silver;
}

.jbscalDayHeader {
    color: #003399;
    background-color: #FFFFFF;
    font-weight: bold;
    font-size: 10pt;
    border-bottom: 1px solid #000000;
}

.jbscalTitle {
    color: #FFFFFF;
    background-color: Silver;
    font-weight: bold;
    border-color: Blue;
    border-width: 1px;
    outline-color: Blue !important;
    padding: 0 !important;
    margin: 0 !important;
}

.jbscalNotSelectable {
    color: #888;
    background-color: #DDD;
    padding: 1px;
}


.jbscalStyle {
    width: 125px;
    padding-bottom: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

    .jbscalStyle td:first-Child {
        width: auto;
    }

#eo_root > div > div {
    width: 339px;
}

#eo_root table {
    width: 100%;
    font-size: 13px;
    padding: 0;
    margin-bottom: 0;
}

.jbsIframe {
    width: 100%;
    overflow: auto;
    height: 600px;
}

#eo_root table tbody tr td img {
    max-width: none;
}

/*****************************************************************/

.jbslstCountries {
    width: 150px;
}

.jbslstGender {
    width: 100px;
}

input.jbstxtPaxFirstName {
    width: 90px;
}

input.jbstxtPaxSurname {
    width: 90px;
}

.jbsRowGroupHeaderPackages .jbscalStyle {
    float: right;
}

.jbsRowPackageGroupHeaderHide {
    visibility: collapse;
}

.jbsRowItemPackagesAlt a,
.jbsRowItemPackages a,
.rowItemPackagesSelected a {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.jbsRowGroupHeaderPackages {
    background-color: #178FD2;
    color: #FFFFFF;
}

.jbsPackageGroupAlert {
    color: Orange;
    display: block;
}

.jbsRowItemPackagesSelected td {
    color: Black;
}

.jbsPackageOptions {
    width: 100%;
}

    .jbsPackageOptions td {
        background-color: #aaa;
        border-top: 1px solid white;
    }

.jbsRowItemPackages td, .jbsRowItemPackagesAlt td {
    padding: 7px 0 7px 0;
}

.jbsRowItemPackages {
    background-color: #ffffff;
    color: #888888;
    margin: 5px 0 5px 0; /*font-weight: bold;*/
}

.jbsRowItemPackagesAlt {
    background-color: #eeeeee;
    color: #888888;
    margin: 5px 0 5px 0; /*font-weight: bold;*/
}

.jbsRowItemPackages {
    background-color: #e4e4e4;
    color: #888888;
    margin: 5px 0 5px 0; /*font-weight: bold;*/
}

.jbsRowGroupHeaderPackages .calStyle {
    float: right;
}

.jbsGeneralOptionsHeader {
    color: #004F99;
    background-color: #4BC5E1;
}

.jbsOptionsLine {
    font-style: italic;
}

.jbscalDayStyle {
    text-align: center;
    cursor: pointer;
    padding: 1px;
    background-color: transparent;
    color: black;
}

.jbscalCalendar td {
    text-align: center;
    height: 16px;
}

.jbscalCalendar {
    border: 1px solid #000000;
}

.jbscalTitle {
    background-color: #178FD2;
}

    .jbscalTitle td {
        color: white;
    }

.jbscalMonth {
    background: #FFFFFF;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
}

tr td:first-child > .jbscalMonth {
    border-left: 1px solid #000000;
}

.jbscalDayHover {
    background-color: #99CCCC;
    cursor: pointer;
    font-weight: bold;
}

.jbsPrompt, .jbsDisplayNotes {
    font-size: smaller;
    color: #333;
    margin-left: 1px;
    font-weight: bold;
}

.jbsFarePrompt {
    display: block;
}

#xJBSPage1_JBSTourBooking1_eodpTourDate,
#xJBSPage1_JBSExpressBooking1_eodpDateDepart,
#xJBSPage1_JBSExpressBooking1_eodpDateReturn {
    position: relative;
    width: 100px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.jbsCheckoutDate {
    margin-left: 10px;
    margin-top: 5px;
    width: 100px;
}

#JBSPage1_JBSAccomFixedBooking1_lblCheckOutDate {
    width: 100px;
    padding: 3px 3px 3px 3px;
    color: #666666;
}
/*------------------------------------------
Fares table
--------------------------------------------*/

.jbsGrid {
    width: 100%;
    padding: 0 0 0 0;
    border: 0;
}

.jbsCartDepartCol,
.jbsCartTourNameCol,
.jbsCartItemAmt,
.jbsCartButtonCol {
    vertical-align: top;
}

.jbsTabHeaderBar {
    font-weight: bold;
    margin-left: 10px;
}

    .jbsTabHeaderBar td:first-child, .jbsTabHeaderBar th:first-child, .jbsFaresRoomHeader td:first-child {
        padding-left: 0;
    }

    .jbsTabHeaderBar th {
        padding-top: 15px;
        padding-left: 8px;
        padding-right: 10px;
        text-align: left;
    }

.jbsTabFareColumn {
    width: 70%;
}

.jbsTabFooterBar, .jbsCartHeader, .jbsCartFooter {
    font-weight: bold;
    background-color: #dddddd;
    margin-left: 10px;
    padding: 10px 10px 10px 10px;
}

    .jbsTabFooterBar td, .jbsCartHeader td, .jbsCartFooter td {
        padding: 10px 10px 10px 10px;
    }

.jbsFaresTotalAmount {
    text-align: right;
}

.jbsFareLine {
}

.jbsFareOptionLine {
}

.jbsItem {
}

.jbsGrid td {
    padding-left: 8px;
    padding-right: 8px;
    border: 0;
}

.jbsgrpPaxDob td {
    padding-left: 0;
    padding-right: 0;
}

td.jbsRouteRadioButtonColumn {
    border: 1px solid grey;
    border-right: 0;
    vertical-align: middle;
    text-align: center;
}

td.jbsRouteTextColumn {
    border: 1px solid grey;
    border-left: 0;
    text-align: left !important;
}

.jbsTabAmtItem {
    text-align: right;
}

.jbsFaresFareTypeRow .jbsPrompt {
    display: block;
}

/*------------------------------------------
Package
-------------------------------------------*/
.jbsPkgEventDate {
    /*width: 110px; 	float: right;*/
}

    .jbsPkgEventDate .calendarIconEnabled {
        display: inline-block;
    }

.jbsRowGroupHeaderPackages #pkgEventName {
    padding-left: 0;
}

.jbsRowHeaderPackages {
    display: none;
}

td .jbsPkgPickup,
td .jbsPkgDropoff {
    margin-top: 0;
}

div.jbsPkgPickup select,
div.jbsPkgDropoff select {
    width: 250px;
}

.jbsRowGroupHeaderPackages #pkgEventName span {
    vertical-align: bottom;
}

.jbsRowGroupHeaderPackages td {
    padding-top: 10px;
}

#JBSPage1_JBSPackageBooking1_gridPackages .jbsTabHeaderBar {
    visibility: collapse;
}

/*------------------------------------------
Shopping cart
-------------------------------------------*/
.jbsCartHeader, jbsCartFooter {
    font-weight: bold;
    text-align: left;
}

.jbsCartHeaderAmt, .jbsCartFooterAmt {
    font-weight: bold;
    text-align: right;
    vertical-align: top;
}

.jbsCartItem {
    text-align: left;
    vertical-align: top;
}

.jbsCartItemAmt {
    text-align: right;
    vertical-align: top;
}

.jbsCartList, .jbsCartList li {
    list-style: none !important;
    list-style-type: none;
    padding: 0px;
    margin: 0px !important;
    font-size: 11px;
    color: #666;
    font-weight: normal;
}

.jbsCartDepartCol span {
    color: black;
    font-size: 12px;
}

.jbsSurchargeTable {
    margin-top: 13px;
    float: right;
    width: 250px;
}

    .jbsSurchargeTable td {
        font-size: small;
        font-weight: normal;
    }

.jbsSurchargeTableTotalRow td {
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
}

.jbsSurchargeAmt {
    text-align: right;
}

.jbsSurchargeAmtTotal {
    font-weight: bold;
    font-size: large;
}

.jbsSurchargeTableTotalLabel {
    float: left;
    width: 150px;
    font-weight: bold;
    font-size: large;
}

.jbsPanel div {
    margin-left: 10px;
    font-weight: bold;
}

    .jbsPanel div div {
        margin-left: 0px;
    }

.jbsPanel fieldset legend {
    font-weight: bold;
}

.jbsPadlockImage {
    float: left;
    background-image: url('jbs_img/padlock.png');
    width: 32px;
    height: 32px;
    margin-right: 6px;
    margin-top: 1px;
    margin-bottom: 20px;
}

#lblPadlock {
    margin: 9px 0 0 10px;
}

.jbsCCVImage {
    height: 149px;
    width: 328px;
    background-image: url('jbs_img/ccv.gif');
    float: none;
    position: relative;
    left: 150px;
}

#clearFloat1, #clearFloat2, #clearFloat3, #clearFloat4, .clearFloat {
    clear: both;
}

.jbsCCVImageSmall {
    height: 24px;
    width: 66px;
    background: url('jbs_img/CCVsmall.gif') 100% 100%;
    float: left;
    margin: 2px 5px !important;
}

.jbsCCImageSmallX {
    height: 30px;
    width: 120px;
    background-image: url('jbs_img/VisaMCAmexDinersJCB.jpg');
    float: left;
    margin-top: -5px;
}

.jbsCCImageVisa,
.jbsCCImageMasterCard,
.jbsCCImageAmex,
.jbsCCImageDiners,
.jbsCCImageJCB,
.jbsCCImageDiscover {
    height: 26px;
    width: 38px;
    float: left;
    margin-top: 0px;
}

.jbsCCImageVisa {
    background-image: url('jbs_img/visa.png');
}

.jbsCCImageMasterCard {
    background-image: url('jbs_img/master_card.png');
}

.jbsCCImageAmex {
    background-image: url('jbs_img/amex.png');
}

.jbsCCImageDiners {
    background-image: url('jbs_img/diners.png');
}

.jbsCCImageJCBx {
    background-image: url('jbs_img/JCB.png');
}

.jbsCCImageDiscoverx {
    background-image: url('jbs_img/discover.png');
}

.jbsStarF {
    float: left;
}

.jbsPanelSpacer {
    height: 15px;
}

a.jbsShopCartEditButton {
    background-image: url('jbs_img/SCEdit.png');
    width: 30px;
    height: 25px;
    float: right;
    margin-top: -3px;
}

a.jbsShopCartRemButton {
    background-image: url('jbs_img/SCRem.png');
    width: 30px;
    height: 25px;
    float: right;
    margin-top: -3px;
}

td.jbsRouteRadioButtonColumn input {
    width: 40px;
}

td.jbsRouteRadioButtonColumn {
    background-color: #DDDDDD;
    width: 40px;
}

td.jbsRouteTextColumn {
    padding: 0 0 0 10px;
}

.jbsTabHeaderBar th.jbsFaresPPHead,
.jbsTableRow td.jbsFaresPPRow,
.jbsTableRowAlt td.jbsFaresPPRow,
.jbsTabHeaderBar th.jbsFaresTotalHead,
.jbsTableRow td.jbsFaresTotalRow,
.jbsTableRowAlt td.jbsFaresTotalRow,
.jbsTabHeaderBar td:last-child,
.jbsTabItem td:last-child {
    text-align: right;
}

.jbsTabItem > td {
    padding: 8px;
}

.jbsTableRow,
.jbsTableRowAlt,
.jbsTabFooterBar,
.jbsCartHeader,
.jbsCartFooter {
    color: black;
}

.jbsFaresFareTypeHead, .jbsFaresPPHead, .jbsFaresTotalHead {
    font-weight: bold;
}

#JBSPage1_JBSShoppingCart1_txtCardSecurity {
    width: 40px;
    float: left;
    margin-right: 5px;
}

#JBSPage1_JBSShoppingCart1_txtFirstName,
#JBSPage1_JBSShoppingCart1_txtLastName,
#JBSPage1_JBSShoppingCart1_txtEmail,
#JBSPage1_JBSShoppingCart1_txtContactDetails {
    width: 270px;
}

#JBSPage1_JBSShoppingCart1_lstCountries {
    width: 277px;
}

#JBSPage1_JBSShoppingCart1_txtPostCode {
    width: 120px;
}

.jbsSecureSealFrame {
    width: 220px;
    height: 50px;
}


    .jbsSecureSealFrame iframe {
        overflow: hidden;
        border-style: hidden;
        width: 220px;
        height: 80px;
    }

.lnkbtnSubmitPayment {
    font-size: larger;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #efc811), color-stop(1, #e4ae0d) );
    background: -moz-linear-gradient( center top, #efc811 5%, #e4ae0d 100% );
    background: -ms-linear-gradient(top, #efc811, #e4ae0d);
    background: linear-gradient( center top, #efc811 5%, #e4ae0d 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efc811', endColorstr='#e4ae0d');
    color: Black;
}

    .lnkbtnSubmitPayment:hover {
        background: #efc811;
        color: Black;
    }

    .lnkbtnSubmitPayment[disabled] {
        font-size: larger;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #888888), color-stop(1, #dddddd) );
        background: -moz-linear-gradient( center top, #888888 5%, #dddddd 100% );
        background: -ms-linear-gradient( top, #888888, #dddddd);
        background: linear-gradient( center top, #888888 5%, #dddddd 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#dddddd');
        color: #777777;
    }

#JBSPage1_JBSShoppingCart1_gridBookings td {
    padding-top: 5px;
    padding-bottom: 5px;
}

#JBSPage1_JBSShoppingCart1_txtCardNumber {
    width: 130px;
    float: left;
}

#JBSPage1_JBSShoppingCart1_chkTermsAndCond {
    width: 25px;
}

#JBSPage1_JBSShoppingCart1_btnShowTermsAndConditions {
    padding-top: 5px;
    padding-bottom: 5px;
}

#thawteseal {
    float: right;
}


.jbsCancelCart {
    float: right;
}

.jbsSubmitCart {
    float: left;
}

.jbsErrorCart {
    clear: both;
}

/*------------------------------------------
popups
-------------------------------------------*/
.jbsPopup {
    border-style: solid;
    border-width: 2px;
    border-color: #444444;
    background: #eeeeee;
    visibility: hidden;
    margin: 0 auto;
    z-index: 1000;
}

    .jbsPopup div,
    .jbsPopup input,
    .jbsPopup a {
        z-index: 1000;
    }

.popTerms {
    padding: 0 3px !important;
    overflow: hidden !important;
}

.ui-dialog {
    max-width: 80%;
}

.ui-widget-header,
.ui-dialog-titlebar-close {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0099D2), color-stop(1, #006396) ) !important;
    background: -moz-linear-gradient( center top, #0099D2 5%, #006396 100% ) !important;
    background: -ms-linear-gradient( top, #0099D2, #006396 ) !important;
    background: linear-gradient( center top, #0099D2 5%, #006396 100% ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099D2', endColorstr='#006396') !important;
    background-color: #0099D2 !important;
    background-image: none !important;
    color: white !important;
}

.ui-state-hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006396), color-stop(1, #0099D2) ) !important;
    background: -moz-linear-gradient( center top, #006396 5%, #0099D2 100% ) !important;
    background: -ms-linear-gradient(top, #006396, #0099D2) !important;
    background: linear-gradient( center top, #006396 5%, #0099D2 100% ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006396', endColorstr='#0099D2') !important;
    background-color: #006396 !important;
    border: 1px solid #888 !important;
}

.ui-icon {
    background-image: url(../../css/ui-lightness/images/ui-icons_ffffff_256x240.png) !important;
}

div.jbsTermsBackground {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    display: none;
    z-index: 1001;
}

.popSpecialAssistance {
    padding-right: 3px !important;
}

/*------------------------------------------
-------------------------------------------*/

#jbsExpiryDateLabel {
    clear: left;
}

#lblEnlarge {
    position: relative;
}


#lblTermsAndConditions {
    margin: 5px 0 5px 0;
    padding-top: 10px;
}

/*------------------------------------------
Update progress
-------------------------------------------*/

.jbsUpdateProgress {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 00%;
    right: 00%;
    background: white;
    opacity: 0.75;
    -moz-opacity: 0.75;
    filter: alpha(opacity=75);
}

.jbsUpdateMessage {
    position: fixed;
    top: 40%;
    right: 45%;
    font-size: xx-large;
}

.jbsUpdateMessageImage {
    background-image: url(jbs_img/slimbox-loading.gif);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    margin-top: 4px;
    position: relative;
    float: left;
}

/*------------------------------------------*/

.errorField {
    border-width: 1px;
    border-color: Red !important;
    color: Red;
    border-style: solid;
}

.jbsForm fieldset {
    border-style: solid;
    border-width: 1px;
    border-color: #999999;
    padding: 5px 15px;
    margin: 5px 0px 0px 0px;
}

/* Validator callout */

.ajax__validatorcallout_error_message_cell {
    color: white;
}
/* */

.ajax__validatorcallout_error_message_cell, .ajax__validatorcallout_icon_cell, .ajax__validatorcallout_close_button_cell, .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {
    background: linear-gradient(top, #de3137, #bf0007);
    background: -moz-linear-gradient(top, #de3137, #bf0007);
    background: -ms-linear-gradient(top, #de3137, #bf0007);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #de3137), color-stop(1, #bf0007) );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de3137', endColorstr='#bf0007');
}

.ajax__validatorcallout_innerdiv div {
    background-color: #bf0007 !important;
}

.ajax__validatorcallout_callout_arrow_cell_topleftpos {
    padding: 1px 0 0 15px !important;
}

.ajax__validatorcallout div, .ajax__validatorcallout td {
    border: solid 1px #de3137;
    background-color: #de3137;
}

/* */

.jbsTableRowAlt {
    background-color: #e8e8e8;
}

.jbsTableRow {
    background-color: #f0f0f0;
}

    .jbsTableRow > td, .jbsTableRowAlt > td {
        padding: 8px 8px 8px 8px;
        height: 29px;
        vertical-align: top;
    }

.jbsTablePaxNames > tbody > tr > td {
    float: left;
    height: auto;
}

.jrsHideHeader tr.jbsTabHeaderBar td {
    color: white;
    width: 100%;
}


.jbsFaresRoomHeader {
    font-weight: bold;
}

    .jbsFaresRoomHeader td {
        padding-left: 8px;
        padding-right: 10px;
        padding-top: 15px;
    }

#JBSPage1_JBSTourBooking1_gridNames {
    margin-top: 20px;
}

.jbsPaxCountDropList {
    position: relative;
    top: -1px;
    font-size: 11px;
}

    .jbsPaxCountDropList:disabled {
        display: none;
    }


/*--------------------------------------------------------------
Calendar
---------------------------------------------------------------*/


.cal {
    background-color: White;
    font-size: 8pt;
    border-color: #3366CC;
    border-width: 0px;
    font-family: Verdana;
    color: #000000;
    padding: 0;
    margin: 0;
}

.calSelected {
    color: #CCFF99;
    background-color: #009999;
    font-weight: bold;
    border-bottom: 1px solid #333333;
    border-right: 1px solid #333333;
}

.calToday {
    color: White;
    background-color: #99CCCC;
}

.calSelector {
    color: #336666;
    background-color: #99CCCC;
}

.calWeekendDay {
    background-color: #CCCCFF;
}

.calOtherMonthDay {
    color: #999999;
    background-color: Silver;
}

.calDayHeader {
    color: #003399;
    background-color: #FFFFFF;
    font-weight: bold;
    font-size: 10pt;
    border-bottom: 1px solid #000000;
}

.calTitle {
    color: #FFFFFF;
    background-color: Silver;
    font-weight: bold;
    border-color: Blue;
    border-width: 1px;
    outline-color: Blue !important;
    padding: 0 !important;
    margin: 0 !important;
}

.calNotSelectable {
    color: #888;
    background-color: #DDD;
    padding: 1px;
}

.calStyle {
    width: 125px;
    padding-bottom: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.calDayStyle {
    text-align: center;
    cursor: pointer;
    padding: 1px;
    background-color: transparent;
}

.calCalendar td {
    text-align: center;
}

.calCalendar {
    border: 1px solid #000000;
    width: 336px !important;
}

.calTitle {
    background-color: #178FD2;
}

.calMonth {
    background: #FFFFFF;
}

.calDayHover {
    background-color: #99CCCC;
    cursor: pointer;
    font-weight: bold;
}

#eo_root table td {
    padding: 0px;
    text-align: center;
}

#_eo_JBSPage1_JBSTourBooking1_eodpTourDate_picker,
#_eo_JBSPage1_JBSPackageBooking1_eodpTourDate_picker {
    position: relative;
    z-index: -1;
}

#_eo_JBSPage1_JBSTourBooking1_eodpTourDate_popupimg,
#_eo_JBSPage1_JBSPackageBooking1_eodpTourDate_popupimg {
    position: relative;
    left: 10px;
}

#JBSPage1_JBSTourBooking1_lnkbtnAddToCart,
#JBSPage1_JBSAccomFixedBooking1_lnkbtnAddToCart,
#JBSPage1_JBSExpressBooking1_lnkbtnAddToCart,
#JBSPage1_JBSPackageBooking1_lnkbtnAddToCart,
#Body_BodyContent_JBSPage1_ctl01_lnkbtnAddToCart {
    float: right;
}

#JBSPage1_JBSTourBooking1_lnkbtnShopCart,
#JBSPage1_JBSAccomFixedBooking1_lnkbtnShopCart,
#JBSPage1_JBSExpressBooking1_lnkbtnShopCart,
#JBSPage1_JBSPackageBooking1_lnkbtnShopCart #JBSPage1_JBSPackageBooking1_lnkbtnShopCart,
#Body_BodyContent_JBSPage1_ctl01_h1ShopCart {
    float: left;
}

.jbsEquivLocation > fieldset {
    border-style: none;
    margin-top: -42px;
    float: right;
    padding-top: 0;
}

/* CSS Document */
/* Tour Listing Styles */
table .jrs-tourlist-table {
    font-size: 11px;
}

    table .jrs-tourlist-table td {
    }

.jrs-tour-name {
    font-weight: bold;
}


/* Price Table Styles - used on tour description and tour listing pages */

.tableWrapper table.jrs-price-table {
    background: transparent;
}

.jrs-prices {
}

.jrs-price-table {
    width: 100%;
    font-size: 11px;
    border-collapse: collapse;
}

.jrs-price-fare {
    text-align: left;
}

.jrs-price-price {
    text-align: right;
    padding-left: 5px;
}

.jrs-avail-seats {
    text-decoration: underline;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 4px;
}

.jrs-avail-seats-table {
    width: 100%;
}

/* Availability Table Styles */
#availabilityFrame {
    width: 100%;
}

.jrs-avail-scrollButtons {
    width: 100%;
}

.jrs-avail-scrollForward {
    background: url(jbs_img/calNext.png) no-repeat;
    height: 32px;
    width: 32px;
    border: none;
    display: inline-block;
    text-align: right;
    float: right;
    color: transparent;
}

.jrs-avail-scrollBack {
    background: url(jbs_img/calPrev.png) no-repeat;
    height: 32px;
    width: 32px;
    border: none;
    display: inline-block;
    text-align: left;
    float: left;
    color: transparent;
}

.jrs-avail-top table {
    margin: 0 auto;
}

.jrs-availability-table .jrs-price-fare, .jrs-availability-table .jrs-price-price {
    font-size: 1em;
}

.jrs-availability-table * {
    font-family: Arial, Helvetica, sans-serif;
}

.jrs-availability-table {
    border-collapse: separate !important;
}

    .jrs-availability-table > tbody > tr > td {
        border: solid 1px white;
    }

    .jrs-availability-table > tbody > tr td:first-child {
        vertical-align: top;
    }

.jrs-avail-DummyCell {
    display: none;
}

.jrs-avail-cruise-head {
    font-size: 1.2em;
    font-weight: bold;
    background-color: #0162A7;
    color: #FFFFFF;
    padding: 4px;
}

.jrs-avail-day-cell {
    text-align: center;
    vertical-align: middle;
    padding: 2px;
    font-weight: bold;
    background-color: #0162A7;
    color: #FFFFFF;
}

.jrs-avail-cruise-cell {
    color: #666666;
    padding: 4px;
}

.jrs-avail-detail-cell {
    text-align: center;
    vertical-align: middle;
    padding: 4px;
}

.jrs-avail-noDepart, .not_running {
    background-color: #99CCFF;
}

.jrs-avail-noAvail, .avail_none {
    background-color: #FF6666;
}

.jrs-avail-avail, .avail_lots {
    background-color: #66FFCC;
}

.jrs-avail-availLimited, .avail_few {
    background-color: #FFCC66;
}

.jrs-avail-detail-cell .jrs-price-table {
    margin-bottom: 4px;
}

.jrs-avail-insufficient {
    background-color: #ddd;
    color: #aaa;
}

.jrs-avail-day-cell-date-weekday,
.jrs-avail-day-cell-date-month {
    font-size: 10px;
}

.jrs-avail-day-cell-date-day {
    font-size: 24px;
}

.jrs-avail-day-cell-date-year {
    display: none;
}

td.jrs-avail-detail-cell table.jrs-avail-flyout {
    visibility: collapse;
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 10px;
}


td.jrs-avail-detail-cell:hover table.jrs-avail-flyout {
    visibility: visible;
    background-color: white;
    border-color: black;
    border-width: 2px;
    border-style: solid;
    padding: 10px;
    margin-top: 10px;
    margin-left: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: margin 0.5s, padding 0.5s;
}

#spinner {
    height: 100%;
    background: transparent url(/img/indicator.gif) no-repeat center top;
    font-size: 1.5em;
}

/* Agent availability page */
.not_running ul, .avail_lots ul {
    list-style: none;
    padding: 2px;
    margin: 0;
}

.farename {
    text-align: left;
}

.fareprice {
    text-align: right;
    padding-left: 5px;
}

#ctl00_cp1_gridTourAvail td {
    border: 1px solid #000;
}

    #ctl00_cp1_gridTourAvail td table td {
        border: none;
    }

.jrs-Login-Message {
    display: none;
}

.jbsMailingList input[type="checkbox"] {
    margin-left: -4px;
    min-width: 22px;
    width: auto;
}


#lblTermsAndConditions input[type="checkbox"] {
    width: auto;
    min-width: 0px;
}

#priceTable {
    margin-top: 15px;
}

.jbsPanel[name=pnlCustDetails] input,
.jbsPanel[name=pnlCustDetails] textarea,
.jbsPanel[name=pnlCustDetails] select,
#PaymentOptions,
#txtCardNumber,
#priceTable,
#txtCardholderName,
#commissionTable {
    width: 225px;
}

/*-------------
Never want to see the agent menu on the public booking page
--------------*/
#MenuBar2 {
    display: none;
}

#AgentSiteForm #MenuBar2 {
    display: block;
}

/*-------------
    luggage labels
---------------*/
.jbsLuggageLabel select,
.jbsLuggageLabel textarea {
    width: 48%;
    float: left;
}

.jbsLuggageLabel span {
    display: block;
}

.jbsMailingList {
    display: none;
}

.jbsPackageSurchList {
    font-size: 10px;
    padding-left: 10px;
}

.jbsShoppingCartRouteDesc {
    font-size: smaller;
    display: block;
}

    .jbsShoppingCartRouteDesc span {
        color: #666666;
        padding-left: 10px;
        display: block;
    }

td.jbsCartDepartCol {
    max-width: 100px;
}

.jbsCCError {
    line-height: 20px;
}

span.jbsShoppingCartDateJoin {
    font-size: smaller;
    color: #666666;
    margin-left: 15px;
}

/*************************************************************
    Errors
*************************************************************/

span.jbsErrText {
    border-style: solid;
    border-width: 1px;
    background-color: aliceblue;
    border-radius: 3px;
    font-family: Courier;
    display: block;
    padding-left: 3px;
    line-height: 13px;
    font-size: smaller;
    background-color: #DDDDDD;
    color: #222222;
    padding: 5px;
}

span.jbsErrTag {
    font-size: smaller;
    color: grey;
    text-align: right;
    display: block;
}

span.jbsErrSeeMessage:hover .jbsErrText {
    display: block;
}

span.jbsErrSeeMessage span.jbsErrText {
    display: none;
}

span.jbsErrSeeMessage {
    color: blue;
}

    span.jbsErrSeeMessage:hover {
        color: red;
        cursor: pointer;
    }

.placeholder {
    color: #aaa !important;
}

.jbsPxPayResponse td {
    background-color: #6dd;
    border-width: 5px;
    border-color: white;
    padding: 5px;
    color: white;
    border-style: solid;
    width: 250px;
}

    .jbsPxPayResponse td span {
        color: black;
    }

.jbsPxPayResponse {
    width: 500px;
    margin: 0 auto;
    border-color: black;
    border-style: solid;
    border-width: 1px;
}

.originMessage {
    display: block;
}

    .originMessage:empty {
        display: none;
    }

/**********************
		Mobile
**********************/

.JBSMobile .jbscalMonth tbody tr td,
.JBSMobile .calMonth tbody tr td {
    width: 35px;
    font-size: 20px;
    text-align: center;
}

.JBSMobile .jbscalDayStyle,
.JBSMobile .jbscalSelected,
.JBSMobile .jbscalNotSelectable,
.JBSMobile .jbscalDayHover,
.JBSMobile .calDayHover,
.JBSMobile .calNotSelectable,
.JBSMobile .calSelected,
.JBSMobile .calDayStyle {
    padding: 11px;
}

.JBSMobile .calCalendar {
    width: 309px !important;
}

.JBSMobile .jbscalTitle,
.JBSMobile .jbscalTitle td {
    background-color: black;
    text-align: center;
}

.JBSMobile .jbsDeparting img,
.JBSMobile .jbseoCalendar img {
    height: 35px;
    max-width: initial;
}

.JBSMobile .jbsDeparting table,
.JBSMobile .jbseoCalendar {
    border: 0;
}

span.PO_dropdown {
    float: left;
    width: 75px;
}

.jbsConsent input[type="checkbox"] {
    margin-left: -4px;
    min-width: 22px;
    width: auto;
    display: inline;
}

.jbsConsent label {
    display: inline;
}

.externalPaymentMessage {
    text-align: center;
    width: 250px;
    margin: 0 auto !important;
}

    .externalPaymentMessage img {
        max-width: 80%;
    }

.externalPaymentText {
    border-bottom: 1px solid #ddd;
    margin: 0 0 10px;
    padding: 0 0 10px;
}

.jbsPayPlusWrapper {
    position: relative;
}

    .jbsPayPlusWrapper .externalPaymentMessage {
        margin: 0 auto;
    }

@media (min-width: 800px) {
    .jbsPayPlusWrapper .externalPaymentMessage {
        position: absolute;
        right: 0;
    }
}

.jbsPayPlusQRCode {
    margin: 0 auto;
    max-width: 330px !important;
    display: block;
}

.jbsSubmitPayment {
    float: right;
}

.jbsPayPlusHelpMessage {
    margin-bottom: 5px;
}

@media (max-width : 500px) {
    table.jbseoCalendar, table.jbseoCalendar table {
        border: none;
    }

    td#_eo_ctl00_ctl00_Body_BodyContent_JBSPage1_ctl01_jbscalTourDate_eoCal1_title_text {
        color: black;
    }

    table.jbseoCalendar td {
        text-align: center;
    }

    table.jbseoCalendar table td div {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

.jbscalTitle img {
    max-width: none;
}

#ExpressLegDate {
    font-weight: 600;
}

.rbDivCreditCard {
    display: none;
}

.jbsCCText {
    display: none;
}

div#jbsPaymentTypeSelect img {
    width: 100px;
}

/*  Payment Type Select */
#Body_BodyContent_JBSPage1_ctl01_pnlPayment {
    border-top: 1px solid #ddd;
    margin: 20px 0 0;
    padding: 20px 0 0;
}

#Body_BodyContent_JBSPage1_ctl01_lblPaymentOptions {
    background: #ddd;
    display: block;
    padding: 10px;
    margin: 10px 0 0;
}

    #Body_BodyContent_JBSPage1_ctl01_lblPaymentOptions + br {
        display: none;
    }

#jbsPaymentTypeSelect {
    background: #f0f0f0;
    padding: 10px;
}

#PaymentRadioButtons {
}

    #PaymentRadioButtons tbody {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        background: none;
    }

        #PaymentRadioButtons tbody tr {
            display: flex;
            align-items: center;
            justify-content: center;
        }

            #PaymentRadioButtons tbody tr td {
                width: 100%;
                padding: 0;
                text-align: center;
                border: none;
            }

                #PaymentRadioButtons tbody tr td img {
                    max-width: 80%;
                }

                #PaymentRadioButtons tbody tr td label {
                    display: block;
                    margin: 10px 5px;
                    padding: 20px 10px;
                    background: #fff;
                    border-radius: 3px;
                    border: 2px solid #fff;
                    transition: 0.3s ease all;
                    cursor: pointer;
                }

    #PaymentRadioButtons input[type=radio]:checked + label {
        background: #fff;
        border-color: lightgreen;
    }

    #PaymentRadioButtons tbody tr td label:hover {
        background: #f9f9f9;
    }

    #PaymentRadioButtons tbody tr td input {
        display: none;
    }

p.externalPaymentText::before {
    display: inline-block;
    content: "";
    width: 18px;
    height: 22px;
    background: url(https://test.customlinc.com.au/ExploreGroup/PaymentUpgrade/App_Themes/Jbs/jbs_img/padlock2.png) no-repeat;
    margin: 0 10px 0 0;
    background-size: 100%;
    transform: translateY(5px);
}

#Body_BodyContent_JBSPage1_ctl01_imgQRCode {
}

#PaymentCounter {
    text-align: center;
    width: 100%;
    display: block;
    padding: 10px;
    font-size: 14px;
}

#PaymentColumn1 {
    width: 60% !important;
}

#PaymentColumn2 {
    position: relative;
    float: left !important;
    width: 40%;
    padding: 0 0 0 20px;
}

@media only screen and (max-width: 700px) {
    #PaymentColumn1 {
        width: auto !important;
    }

    #PaymentRadioButtons tbody tr {
        width: 31.3333%;
        margin: 0 1%;
    }
}

#Body_BodyContent_JBSPage1_ctl01_gridBookings {
    margin: 0 0 20px;
}

.lblPkgHeaderError {
    display: block;
    margin: 5px 0;
    font-size: 16px;
    color: #ffbc41;
}

.pkgHeaderError {
    margin-left: 10px;
}