#cal{z-index:10000}

table.calendar{background-color:#214F7A;border:1px solid #000}

.cells td{background-color:#f2f2f2;border-right:1px solid #a6a6a6;border-bottom:1px solid #a6a6a6;border-top:1px solid #fff;border-left:1px solid #fff;color:#333;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:right;padding:0 2px 1px}
.cells .over{background-color:#fff;border:1px solid #444;cursor:pointer}
.cells .weekend{background-color:#dbdbdb}
.cells .current{background-color:#ffeec9;border:1px solid #e4bd6a;color:#333;font-weight:bold}
.cells .selected{background-color:#ffeec9;border:1px solid #e4bd6a;color:#333}
.cells .weekendpast{background-color:#dbdbdb;color:#999;text-decoration:line-through}
.cells .specialOffer{background-color:#16ba00;border-right:1px solid #0c6700;border-bottom:1px solid #0c6700;border-top:1px solid #45de31;border-left:1px solid #45de31;color:#fff;font-weight:bold}
.cells .specialOfferOver{background-color:#1bec00;border-right:1px solid #16b601;border-bottom:1px solid #16b601;border-top:1px solid #9fff92;border-left:1px solid #9fff92;color:#fff;cursor:pointer;font-weight:bold}

.mtitle .next,
.mtitle .over{background-color:#b80000;border-right:1px solid #000;border-bottom:1px solid #000;border-top:1px solid #e15e5e;border-left:1px solid #e15e5e;cursor:pointer;text-align:center;padding:4px 0 5px}
.mtitle .over{background-color:red;border-top:1px solid #ff7676;border-left:1px solid #ff7676}
.mtitle .title{color:#fff;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;text-align:center;padding:2px 0 2px 2px}

.wtitle td{background-color:#879db3;border-right:1px solid #4b7caa;color:#fff;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;padding:1px}
.wtitle td.weekend{background-color:#4b7caa}

a.cancelCalendar{color:#fff;font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal}

td.link{text-align:right;padding:2px 10px 2px 2px}
td.link a{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;color:#fff;text-decoration:none}

.spacerA{background-color:#8fb4d8;border-left:1px solid #00264a;font-size:1px;width:1px}
.spacerB{background-color:#3d6f9e;border-right:1px solid #00264a;font-size:1px;width:1px}
.invalid{background-color:#ffd0d0;color:maroon;width:85px}
.specialOfferInfo{background-color:#e7ebee;border:solid #98999b 1px;font-size:9pt;height:110px;position:absolute;left:285px;top:0;width:220px;padding:15px 20px 15px 50px}

.calOfferWarning{background:url(https://beta.aircanada.com/content/dam/aircanada/portal/Legacy/Images/calendar_arrow.png) 5px 0 no-repeat transparent;float:left;margin:0 0 5px;padding:0 0 0 15px}
.calOfferWarning .i{background:url(https://beta.aircanada.com/content/dam/aircanada/portal/Legacy/Images/calendar_warning.png) no-repeat 2px 5px #fff;border:1px solid #fc8800;color:#c00;width:300px;padding:5px 5px 5px 30px}

.calTextWhite{background-color:#fff;border:1px solid #ccc;width:85px;padding:2px 0 2px 2px}

#departure1,#departure2,#departure3,#departure4,#departure5,#departure6{border:1px solid #ccc;width:85px;padding:2px 0 2px 2px}

#dl1,#dl2,#dl3,#dl4,#dl5,#dl6{margin-left:5px}

.cells .past,.cells .disabled{color:#999;text-decoration:line-through;}


/* NEW CSS FOR CALENDAR
--------------------------------------------------------------------*/
#calendarFrame {background-color: #ffffff;border:1px solid #c1c1c1;box-shadow:2px 2px 2px 0 rgba(0,0,0,0.2);}

#calendarFrame table.calendar {background-color: #ffffff;border-collapse: collapse;font:normal 11px Verdana, arial, helvetica, sans-serif; border:none;}
#calendarFrame table.calendar td {text-align:center; /*width:14.2857%*/width:27px; height:14px;}

#calendarFrame #cal1Title { width:71.42857% !important}
#calendarFrame #cal2Title {display:none !important;}

#calendarFrame .wtitle td,
#calendarFrame .wtitle td.weekend {border-right:none; border-top:1px solid #ffffff; color:#404040; padding:5px 3px; /*width:14.2857%*/width:21px; text-shadow: 0px 0px 1px #ffffff; background: #f5f5f5;}

#calendarFrame .mtitle td,
#calendarFrame .mtitle .title {color: #404040;font-weight: bold; text-shadow: 0px 0px 1px #ffffff;background: #eeeeee; font-size:12px;}
#calendarFrame .mtitle .next,
#calendarFrame .mtitle .over {color:#404040;cursor: pointer;padding: 4px 0 7px 0;text-align: center; background-color: #eeeeee; border:none;}

#calendarFrame .cells td {border:none;color: #404040;padding: 5px;background: #ffffff;}
#calendarFrame .cells .weekend {color:#707070;}
#calendarFrame .cells .selected {background: #404040; color:#ffffff;font-weight: bold;}
#calendarFrame .cells .current {background: #eeeeee; color:#404040;font-weight: bold; border:1px solid #c1c1c1;}
#calendarFrame .cells .disabled,
#calendarFrame .cells .past,
#calendarFrame .cells .weekendpast {color: #909090;text-decoration: line-through;}
#calendarFrame .cells .over {cursor:pointer;background:#eeeeee;color:#404040;}
#calendarFrame .cells .specialOffer{background-color:#16ba00;}
#calendarFrame .cells .specialOfferOver{background-color:#16ba00; color: #fff;}





/* Accessible DatePicker */
.fd-hidden-input {
    display: none
}
.fd-screen-reader {
    position: absolute;
    left: -999em;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    -moz-outline: 0 none;
    outline: 0 none
}
.date-picker {
    position: absolute;
    z-index: 9999;
    text-align: center;
    font: 900 .8em/1em"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Verdana, Arial, "Lucida Grande", sans-serif;
    background: #fff;
    border: 1px solid #c1c1c1;
    box-shadow:2px 2px 2px 0 rgba(0,0,0,0.2);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    opacity: 1;
    -webkit-transition: opacity .75s ease-in-out;
    -moz-transition: opacity .75s ease-in-out;
    -ms-transition: opacity .75s ease-in-out;
    -o-transition: opacity .75s ease-in-out;
    transition: opacity .75s ease-in-out
}
.date-picker div {
    border-radius: .8em
}
.date-picker.fd-dp-fade {
    opacity: 0
}
.static-datepicker {
    position: relative;
    top: 5px;
    left: 0;
    margin-bottom: 1.5em
}
.iehack {
    position: absolute;
    background: #fff;
    z-index: 9998;
    padding: 0;
    margin: 0;
    border: 0;
    display: none
}
.date-picker-control span {
    display: block;
    width: 18px;
    height: 18px;
    overflow: hidden;
    margin: auto 0;
    resize: none;
    outline: 0
}
.date-picker-control:link,
.date-picker-control:visited {
    position: relative;
    display: -moz-inline-box;
    border: 0 none;
    padding: 0;
    margin: 0 4px;
    background-color: transparent;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAB+CAYAAAAp+EF2AAAD8ElEQVRo3u2Zu0scXxTHz8zcXR0H8UnEIpXyQ8TGaJNCFAlqEUyTMlUaWTC/IoR0vxQ2vz8hfZJGIki2URARkkbxhSJq4avI7uqK7x2V9XF/93v83WGzmIezKVLcL1zmvubcc+49w352xurr63tZW1s7EI1GPSkloVxfX5Ou55f8sYuLCz+TybwRMNLf3++dn5+jk8vl5eU39Ww2G/TlX6+urrzZ2dkBAU9gZGVlBZ08If+qC9r5Y6WlpeQ4jmf/714oI9orhCuOj49peXmZDg4OCDo6OqKSkhKswm0stL+/T5WVlWTbNvchVLQxhjpsiEgkQm1tbWwANy8uLlJ9fT2Vl5dzGzePjY1RR0cH1zFvfX2dOjs7ybIs2tjYoOHhYbLhHizrmyBcc0tuH25GKLhCqMOGQEgTExMcKzQ1NUX/vntHjoiS1l8lxbwYdHJywl4cHh5y3/b2NteF53kcGjYQK66urtL1wzYSKjQtMfyRuru7eRz7hT1FG8L8oaEhsmEAljFJb/Bt0uMoOiwdGmxwaOPj48FebG1tUTqRIqfYDSaXp1I0MjLCdZXFtLa2xp7BSCKRuDnxWCwmVZxSnYZU8Ut1QjKVSkl1rFJtolSTZTweD9o7OztydHRUai0sLMiWlhYpckPTp5J7YmgLIQhpokPMVRAakml6eppc1+WbsJG+73Pq64TE4wNDqOs80qeIMHGSAqvV1dUFmQsjjY2NQeZCu7u71NzcHGQ5rq2trUH+wYbARKxeVVXFhlCHERQtpAjGtYeYU11dze2ysrKbFFEe+Ol02kNCYlIymeRnDZN1/DjJmZkZbus8gnGMbW5u0unpqW8pF1/W1NQMKPc8TOQHULCjwROPvqKiIq5jQYSv2zCiUuANGRkZGRl9R5ZiyGcK/2KK3NyQDHmmfn3fgiFjiiHdAhjSVQwZA0O6v4EhXcOQIRiSQSudZjrRAt7dmSHn5uaooaGBKioqAg9Qurq6fsiQ4jaG1GHk8uKdGRJuK/Tjk9NaWloKQvseQ3Jo7e3tvCcwNjk5SU1NTQEvoYA8enp6uL63t0fz8/NBaDjlwcFBMgz5awx5phLQLZAhz8CQzxRDxpR7bkiGPFMp8Nb8RhgZGRn9iCHNe0jDkIYhzXtI8x7SvIc0MjIyuhNDPn/x9NP9qsbeomgxhWHI7MU5HWa/xgWMvOj/mwpgSJqZlb0CnhTKkMKJkmHIkN+y3394T8Xql1QrEomG+5b9+MkjevCgmRxbqJVtev3qn59+y76dIS2HjdgolhOOIUEeXwY+M23chGPxzeZb9p/EkBk/w39iCmFI/9QnMOSnezX3eiMiQmEYEkaSiWT8P0zZxbn5chQoAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: 0 -72px;
    min-width: 18px;
    line-height: 1;
    cursor: pointer;
    visibility: visible;
    text-decoration: none;
    vertical-align: text-bottom;
    resize: none
}
.oldie .date-picker-control:link,
.oldie .date-picker-control:visited {
    *background-image: url(https://beta.aircanada.com/content/dam/aircanada/portal/Legacy/Images/datepicker-sprite.png);
    _background-image: none;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://freqdec.github.io/datePicker/media/datepicker-normal.png')
}
.date-picker-dateval:link,
.date-picker-dateval:visited {
    background-position: 0 -108px
}
.oldie .date-picker-dateval:link,
.oldie .date-picker-dateval:visited {
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://freqdec.github.io/datePicker/media/datepicker-selected.png')
}
.date-picker-button-active:link,
.date-picker-button-active:visited,
.date-picker-control:focus,
.date-picker-control:hover,
.date-picker-control:active {
    background-position: 0 0
}
.oldie .date-picker-button-active:link,
.oldie .date-picker-button-active:visited,
.oldie .date-picker-control:focus,
.oldie .date-picker-control:hover,
.oldie .date-picker-control:active {
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://freqdec.github.io/datePicker/media/datepicker-focused.png')
}
.date-picker-control-disabled:link,
.date-picker-control-disabled:visited,
.date-picker-control-disabled:hover,
.date-picker-control-disabled:active {
    background-position: 0 -36px;
    cursor: default
}
.oldie .date-picker-control-disabled:link,
.oldie .date-picker-control-disabled:visited,
.oldie .date-picker-control-disabled:hover,
.oldie .date-picker-control-disabled:active {
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://freqdec.github.io/datePicker/media/datepicker-disabled.png')
}
.date-picker-control-disabled:hover span,
.date-picker-control-disabled:active span {
    box-shadow: none!important
}

.oldie .date-picker-control {
    _width: 18px
}
.date-picker-control {
    display: inline-block;
    outline: none!important
}
.date-picker th span {
    display: block;
    padding: 0;
    margin: 0;
    text-align: center;
    line-height: 1em;
    border: 0 none;
    background: transparent;
    font-weight: 100;
    font-size: 11px;
    cursor: pointer
}
.date-picker .month-display,
.date-picker .year-display {
	color: #404040;
	background: #eee;
    display: inline;
    text-transform: capitalize;
    letter-spacing: 0;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 12px;
    text-shadow: 0px 0px 1px #fff;
}
.date-picker .prev-but,
.date-picker .next-but {
    font-weight: normal;
    font-size: 2.4em;
    font-family: georgia, times new roman, palatino, times, bookman, serif;
    cursor: pointer
}
.date-picker .prev-but,
.date-picker .next-but,
.date-picker .today-but {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.date-picker .date-picker-hover,
.date-picker .month-out.date-picker-hover,
.date-picker .date-picker-selected-date {
	background: #eee;
}
.date-picker table {
	font:normal 12px Verdana, arial, helvetica, sans-serif;
    table-layout: auto;
    empty-cells: show;
    border-spacing: 2px;
    border-collapse: collapse;
    position: relative;
    margin: 0;
    padding: 0;
    background: #fff;
    border: none;
    text-align: center;
    padding: .3em;
    width: auto;
    height: auto;
    color: #555;
    box-shadow: 0 0 5px #aaa
}
.date-picker td,
.date-picker tbody th {
    padding: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    width: 25px;
    height: 20px;
    overflow: hidden;
    text-transform: none;
    font-weight: normal;
    font-size: 11px;
}
.date-picker th {
    border: 0 none;
    padding: 0;
    font-weight: bold;
    color: #333;
    text-align: center;
    vertical-align: middle;
    text-transform: none
}
.date-picker .date-picker-week-header {
    border: 1px solid #dcdcdc;
    font-style: oblique;
    background: transparent;
    cursor: default
}
.date-picker .date-picker-thead .date-picker-week-header {
    border: 0 none;
    cursor: help
}
.date-picker .date-picker-thead tr:nth-child(2) {display: none;}
.date-picker .date-picker-day-header {
	border-right: none;
	border-top: 1px solid #fff;
	color: #404040;
    cursor: help;
    border: 0 none;
    padding: 5px 1px;
    text-transform: lowercase;
    height: auto;
    width: auto;
    font-weight: 100;
    background: #f5f5f5;
    font-size: 11px;
}
.date-picker .date-picker-statusbar {
    cursor: default;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: .1em;
    border: 0 none;
    background: #fff;
    height: 2.8em
}
.date-picker .date-picker-unused {
    border-color: #dcdcdc;
    cursor: default!important;
    background-position: 0 -25px
}
.date-picker .date-picker-title {
    width: 71.42857%;
    height: auto;
    padding: 8px 0;
    color: #404040;
    font-weight: bold;
    font-size: 12px;
    background: #eee;
    text-shadow: 0px 0px 1px #fff;
}
.date-picker .day-disabled {
    color: #888;
    cursor: default;
    text-decoration: line-through;
    background-position: 0 -15px
}
.date-picker .month-out {
    border-color: #ddd;
    border-color: rgba(220, 220, 220, 0.8);
    color: #aaa;
    background-position: 0 -25px
}
.date-picker .date-picker-selected-date {
    border-color: #888!important;
    border-color: rgba(7, 7, 7, .6)!important
}
.date-picker .out-of-range,
.date-picker .not-selectable {
    color: #ccc;
    text-decoration: line-through;
    background: #fcfcfc;
    cursor: default
}
.date-picker th.month-out,
.date-picker th.out-of-range {
    color: #aaa;
    font-style: oblique;
    background: #fcfcfc
}
.date-picker .out-of-range {
    opacity: .6
}
.date-picker .not-selectable {
    opacity: .8
}
.oldie .date-picker .out-of-range {
    filter: alpha(opacity=60)
}
.oldie .date-picker .not-selectable {
    filter: alpha(opacity=80)
}
.date-picker tr {
    display: table-row
}
.date-picker sup {
    font-size: .86em;
    letter-spacing: normal;
    text-transform: none;
    height: 0;
    line-height: 1;
    position: relative;
    top: -0.2em;
    vertical-align: baseline!important;
    vertical-align: top
}
.date-picker .date-picker-day-header,
.date-picker .month-display,
.date-picker .year-display {
    text-shadow: 0 0px 1px #fff
}
.date-picker .month-display,
.date-picker .year-display {
    cursor: default
}
.date-picker .date-picker-selected-date {
    color: #333;
    color: rgba(3, 3, 3, .8);
    font-weight: bold;
    /*
    font-size: 1.2em;
    width: 2.4em;
    height: 2.4em
    */
}
.static-datepicker table {
    box-shadow: 0 0 0 transparent
}
.static-datepicker table:before,
.static-datepicker table:after {
    display: none
}
.date-picker-focus table {
    border-color: #999;
    border-color: rgba(153, 153, 153, .8);
    box-shadow: 0 0 5px #aaa
}
.date-picker .drag-enabled,
.date-picker .drag-enabled span {
    cursor: move
}
.date-picker-disabled table {
    opacity: .8!important
}
.date-picker-disabled table:before,
.date-picker-disabled table:after {
    display: none
}
.oldie .date-picker-disabled table {
    filter: alpha(opacity=80)
}
.date-picker-disabled,
.date-picker-disabled td,
.date-picker-disabled th,
.date-picker-disabled th span {
    cursor: default!important
}