/* outer table - allow extra padding at bottom for when things are selected */
#table_outer { clear:both;padding:0px 0px 40px 0px;margin:0px 0px 10px 0px;color:#333;}

/* top date select */
#dateselectwt{padding:10px;font-size:10px;display:block;}
#dateselectwt label{font-size:11px;}


.availabiltyWarn {color:red;}

/* buttons - forwards and backwards dates */
#table_availabiltytop { clear:both; background:#efefef;}
#table_availabiltytop table { clear:both;width:100%; }
#dateforback{clear:both;padding:10px 10px 10px 10px;}
button#next_week, button#prev_week{font-size:24px;padding:2px;cursor:pointer;display:inline-block;line-height:1em;text-transform:uppercase;background-color:#333;color:#fff;border:1px solid #333;}
button#next_week{float:right;}
button#prev_week{float:left;}
button#next_week:hover, button#prev_week:hover{color:#000;border:1px solid #dfdfdf;background-color:#efefef;}

/* table container / general table setting */
#table_container {width : 100%;float:left;overflow-x: hidden;overflow-y: hidden;border:1px solid #dfdfdf;}
table { border-collapse : collapse; }

/* dates */
#table_outer td.rate,  #table_outer th.date {border-right: 1px solid #fff;border-bottom: 1px solid #ccc;text-align: center;font-size: 11px;margin-right:0px;padding:0px;}
tr#topRow{border-top:2px solid #333;border-bottom:2px solid #333;}
#table_outer thead th, #table_outer th{}
.date { background-color: #fff; height:70px;width:20px;height:72px;}
#table_outer .weekend {background:#efefef;color:#000;}
.inner_table .rate,  .date{ width:4%;}
.date .day_name{clear:both;display:block;line-height:1em;padding:10px 0px 0px 0px;}
.date .day{clear:both;display:block;line-height:1em;font-size:24px;padding:4px 0px 0px 0px;}
.date .month{line-height:1em;color:#666;}
.date .year{display:none;line-height:1em;}

/* hover over a fare price */
.tmp-tip:hover{background:#fff;}
.optionmove .tmp-tip:hover{background:none;cursor:pointer;}

/* position for fare type description */
/* #table_outer .availability td.options2{width:100%; padding:0px 0px 0px 0px;height:auto;position:absolute;vertical-align:middle;line-height:1em;display:inline-block; !important}*/
.fareDetails {padding:0px 0px 0px 0px;font-weight:bold;height:18px;padding:10px; background:#FFFFFF; font-size:12px; width:98%;}
td.alt .optionmove {background:#FFFFFF;}

table.pickupsTimeTable tr th.timeLocationSelectsTd { padding: 10px; width: 80%; min-height: 50px; padding: 10px; text-align: right;}
table.pickupsTimeTable tr td.timeLocationSelectsTdData { padding: 10px; width: 60% }
select.bookingSelectData {height:25px; font-size:14px; max-width:400px;}
.timeLocationSelects label {text-align: right;}

.pickupsTimeTable td {width:98%; padding:10px; height:50px;}

.gifdiv{
    background:url(//itbasecamp.cachefly.net/wtc_cloud/images/loader.png) no-repeat left center #FFF;
    width:100%;
    height:30px;
    margin:0 auto;
    text-indent: 50px;
    text-align: left;

}
/* top aligned option move */
#tabs td.options2 .optionmove-top {left: 0px; width: 680px;}
#tabs .inner_table tr td.rate-top{padding:40px 0px 0px 0px;}


/* selected background effect for fare type description */
#table_container .inner_table .selDateOption {background:#000;color:#fff;!important}

#bodyRows th.selOption div.fareDetails {background:url(//itbasecamp.cachefly.net/wtc_cloud/images/tick.png) no-repeat right bottom #FFF; color:#000;}

#bodyRows th.selOption {background:url(//itbasecamp.cachefly.net/wtc_cloud/images/tick.png) no-repeat right bottom #FFF; color:#000;}


table.alloclass{width:100%;border:1px solid #000;background:#000;}
.inner_table td{height:auto;vertical-align:top;padding:0px 0px 0px 0px;clear:both;}

.inner_table td {background:#fff; color:#000;}
.inner_table tr.alt td {background:#efefef; color:#000;}
.inner_table tr.over td{background:#fff;!important}



/* no allocations */
.inner_table th.noallocation{padding:10px;text-transform:none;font-size:12px;}
.inner_table th.noallocation span.fareoptionwt{display:inline-block;width:80%;text-align:left;float:left;}
.inner_table th.noallocation span.selbutton{display:inline-block;width:20%;text-align:right;float:right;}
.inner_table th.noallocation span.selbutton input.checkOption{background:#333;border:none;padding:3px;color:#fff;}
.inner_table th.selOption span.selbutton input.checkOption{width:16px;background:none;}

#dateFrom,  #sdate,  #edit-qty,  #edit-attributes-uc-bookings-cms-requested-date-wrapper .form-text{padding:5px;margin-left:0px;margin-right:0px;font-weight:bold;background:#333;color:#fff;border:1px solid #333;}
#edit-qty-wrapper, #edit-attributes-uc-bookings-cms-requested-date-wrapper, #edit-uc-bookings-requested-date-wrapper{margin:10px;text-align:right;clear:both;float:right;}


#edit-attributes-uc-bookings-cms-requested-date-wrapper, #edit-uc-bookings-requested-date-wrapper{}
#edit-attributes-uc-bookings-cms-requested-date-wrapper label, #edit-uc-bookings-requested-date-wrapper label{float:left;}

#backgroundwhite .add-to-cart .attributes .attribute .form-item{color:#333;}
.inner_table {  text-transform:uppercase;}
.inner_table .available { }
.inner_table .available a{ }
.inner_table td.tmp-over {color: inherit;}
.inner_table .variation a{ }
.inner_table .variation { background-color: #dfdfdf;}
.inner_table .notavailable  {background: none; color: red;  }
.inner_table .notavailable:hover  {background: none; color: red; }

.inner_table td a{color:#000; font-size:11px;}

.inner_table a{display:block;padding:14px 0px 14px 0px;}
.inner_table span a{display:inline;padding:14px 14px 14px 14px;}
.datetop{ font-size:18px;text-align:left;padding:5px;}
#levies{font-size:10px;}


#table_availabilitybottom{padding:0px 0px 0px 0px;clear:both;}


#edit-qty-wrapper label{float:left;}
#edit-qty{float:right;}



label{font-size:18px;font-weight:normal;}

/* add to cart */
.node-add-to-cart{font-size:18px;clear:both;float:right;margin:10px 0px 10px 0px;background:#333;color:#fff;padding:5px;border:0px;}

#dateFrom,  #sdate,  #edit-qty,  #edit-attributes-uc-bookings-cms-requested-date-wrapper .form-text{padding:5px;margin-left:0px;margin-right:0px;font-weight:bold;background:#333;color:#fff;border:1px solid #333;}

#buttons_bottom{padding:10px;text-transform:uppercase;border:0px;background:none;margin-right:0px;}

.hasDatepicker,  #fdate, #tdate{padding:5px;margin:0px 5px 0px 5px;}
#fdate,  #tdate,  #sdate{width:80px;font-size:11px;}

/* other */
.avail {cursor: pointer;}
#cartSummary  {font-size: 18px;border:0px;margin-right:0px;border:0px; clear:both;text-align:right;float:right;display:inline-block; line-height:1.5em;}
#cartSummaryb {margin-top: 0px;padding-top: 0px;border-top: 2px solid;float:right; line-height:1.5em;}
#instruction-text {font-size: 10px;}
.inner_table small.alloccell {font-size: 10px;}
.inner_table small.alloccellna {font-size: 10px; color:red;}

.modal {
    background-color:#fff;
    display:none;
    width:95%;
    padding:15px;
    text-align:left;
    border:1px solid #000;

    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;

}


button.openAvailibility { cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
    vertical-align: middle;
    background-color: #FC0;
    background-image: -moz-linear-gradient(center top , #FC0, #efc02c);
    background-repeat: repeat-x;
    box-shadow: 1px 2px 1px #9a282e !important;
    color: #D41E24;
    border: 0;
    border-radius: 5px 5px 5px 5px;
    font-size: 18px !important;
    line-height: normal;
    padding: 10px 15px;
}


button.openAvailibility span {
	line-height: 28px;
	float: left;
	padding-left: 40px;
	background:url(//itbasecamp.cachefly.net/wtc_cloud/images/calendar.png) no-repeat left center;
}


button.openAvailibility:hover{
    background: #fff;
    /*background-position: 0 -15px;*/
    color: #D41E24;
    text-decoration: none;
}

span.availabilitySpan {
    float:right;
}

#faretypehead {padding:20px;}