@charset "UTF-8";
/* CSS Document */

#tblBook {
 margin:0; padding:0; height:auto;
 background: #fafbfb; 
 background: -moz-linear-gradient(top, #ffffff 10%, #fafbfb 80%); 
 background: -webkit-linear-gradient(top, #ffffff 10%,#fafbfb 80%);
 background: linear-gradient(to bottom, #ffffff 10%,#fafbfb 80%); 
 font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:17px; font-weight: normal;  color:#AEBCC5;
}

/* Responsive Layout */
.tbRow { position: relative; margin:0; padding: 0px; } 
.tbCont { width: 95%; max-width:1100px; margin: 0px auto; position:relative; padding:0;} 
.tbWrap { font-size:0; width: 100%; margin:0px 0 20px 0; padding:0; }

.tbHead, .tbConf { width:100%; display:inline-block; position:relative; text-align:center;}
.tbDate, .tbDets, .tbContact { width: 32%; display:inline-block; position:relative; margin:0% 1%; padding: 0; vertical-align:top; font-size:17px;  }

.tbHead { border-bottom: 2px solid #C8D3D9; }
.tbDate { margin-left: 0;}	 
.tbDets { margin-top: 13px !important; }
.tbContact { margin-right: 0; }
.tbConf { border-top: 2px solid #C8D3D9; margin-top: 0px; padding-top: 25px; }

/* Content Style */
#tblBook h1, #tblBook h2 { color: #647A84; font-weight: normal;}
#tblBook h1 { font-size: 28px; line-height: 1.1em; margin:10px 0 35px 0;}
#tblBook h2 { font-size: 21px; line-height: 1.1em; text-align: center; }

.tbIcon { display:inline-block; padding:0 20px; background:rgba(255,255,255,1.00); position: absolute; margin:-15px 0 0 -45px; }
.tbIcon img { width:50px; height:auto; resize:both;}

/* The Date Picker  */
.tblBookCal { width: 100%; margin:0 auto; font-size: 18px; border: 0px solid #FFF; background-color: transparent; padding: 0; }
.tblBookCal table { border-spacing: 0px; border-collapse: separate; }

#tbDatePick .ui-datepicker { position: relative}
#tbDatePick .ui-datepicker-calendar { width:100%;}
#tbDatePick .ui-datepicker-calendar td { padding: 5px; text-align: center}
#tbDatePick .ui-datepicker-calendar td a { text-decoration: none; color: #00497F; font-weight: normal; }
#tbDatePick .ui-datepicker-calendar th { background-color: #C8D3D9; padding: 6px; font-weight: normal; color: #FFF; font-size: 18px; }
#tbDatePick .ui-datepicker-header { padding: 10px 0; height:auto;}
#tbDatePick .ui-datepicker-today { text-decoration: none;}
#tbDatePick .ui-datepicker-unselectable { color: #BECAD1; }
#tbDatePick .ui-datepicker-current-day { color:white; background-color: #76B82A; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;  }
#tbDatePick .ui-datepicker-current-day a { color:white !important;}
#tbDatePick .ui-datepicker-title { position: relative; font-size: 20px; color: #00497F; text-align: center; top: 0px;}
#tbDatePick .ui-datepicker-prev, .ui-datepicker-next { position: absolute; font-size: 20px; color: #AEBCC5; z-index: 5; cursor: pointer;}
#tbDatePick .ui-datepicker-prev { left: 0px;}
#tbDatePick .ui-datepicker-next { right: 0px;}

/* FORM Style */
#tblBook input, #tblBook textarea {
	width: 80%; padding:7px 10px 9px 10px;   display:block; margin: 15px auto; border: 1px solid #AEBCC5;
	background-color: #FFF;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
	font-size: 16px; line-height:1.4em; color: #004A7F;
}
::-webkit-input-placeholder { color:#c7d2d8;}
:-moz-placeholder { color:#c7d2d8;  }
::-moz-placeholder { color:#c7d2d8;  }
:-ms-input-placeholder { color:#c7d2d8; }
#tblBook placeholder { color: #C6D2D8 !important;}
#tblBook input:focus, #tblBook textarea:focus { outline: 0; border:1px solid #45C0EB; -moz-box-shadow: 0px 0px 8px #45C0EB; -webkit-box-shadow: 0px 0px 8px #45C0EB; box-shadow: 0px 0px 8px #45C0EB; }

#tblBookName, #tblBookEmail, #tblBookNumber { background: url(https://assets.zwift.com.au/paymentgateway/images/icons-24x24-sprite.png) no-repeat; text-indent:22px; }
#tblBookName { background-position: 4px -152px; }
#tblBookEmail { background-position: 4px -230px; }
#tblBookNumber { background-position: 4px -313px; }

input#tblBookNumPpl { font-size: 19px; width: 25%; text-align: center;}
#dvDdlTblBookTime { text-align: center; color: #EA5B0C; text-indent:20px;}
#tblBook select { margin:0; border: 1px solid #AEBCC5; font-size: 18px; line-height:1.3em; color: #004A7F; font-weight:normal; text-indent:0px; }
#tblBook label { position:absolute; left:10%; text-align:right; width:15%; overflow:visible; line-height:1.4em; color:#AEBCC5; }

a.tblBookBtnConfirm {
	width: 30%; padding: 10px; display: block; margin: 20px auto;  cursor: pointer;
	background:#00B1EB; border: 2px solid #00B1EB;
    font-size: 21px; line-height: 1.1em; color: #FFF;  text-decoration: none; text-align: center;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	}
a.tblBookBtnConfirm:hover { border: 2px solid #76B82A; background: #76B82A;}

.tbResult { font-size: 1.3em; line-height:1.2em; color: #76B82A; font-weight:normal; text-align: center; margin:20px 0 30px 0;}
.tbResult b { font-size: 1.5em; line-height:1.4em; font-weight:bold; display:block; }
#tblBookValFailedMsg { color: #D20A11; text-align: center; font-size: 18px;}


@media only screen and (max-width:  768px) { /* is max-width: 768px for devices up to smaller tablets*/
.tbDate, .tbDets, .tbContact { margin: 1% 0 1% 0%; width: 100%;}
#tblBook .tbDets { padding:30px 0;}
div.tbConf { border-top: 0;  margin-top: 10px; padding-top:0;}
a.tblBookBtnConfirm { width: 80%; }
}