﻿@charset "utf-8";
/* CSS Document */
body { font-family: Arial, Helvetica, sans-serif; }

.tableBookDateLink { color: #333; text-decoration: none; font-size: 13px; }
.tableBookDateLinkNotThisMonth { color: #666666; text-decoration: none; }
.tableBookDateInPast { color: #aaaaaa; background-color: #eaf2f8; text-decoration: none; }
.tblBookSelDate { color: #006AB3; font-size: 14px; font-weight: bold; }
.tableBookDateLinkUnavailable { background-position: center; background-repeat: no-repeat; background-image: url(https://assets.zwift.com.au/RetailerWebsites/0Templates/Template3/AdditionalImages/button_remove_small.png); }
.tblBookCalContainer { border: 2px solid #006AB3; background-color: #eaf2f8; padding: 13px 0px 13px 0px; margin-right: 5px; margin-right: 20px; border-radius: 10px; }


.tblBookLabels { color: #006AB3; font-size: 11px; margin-top: 3px; margin-right: 4px; text-align: right; }
.tblBookInputs { color: #006AB3; font-size: 11px; margin-top: 3px; margin-left: 4px; border: 1px solid #006AB3; font-weight: bold; }
.tblBookLabelsDark { color: #333333; font-size: 11px; margin-top: 3px; margin-right: 4px; }
.tblBookInputsDark { color: #333333; font-size: 11px; margin-top: 3px; margin-left: 4px; border: 1px solid #333333; width: 120px; }
.bookTbl { width: 550px; text-align: left; }
.box_message { position: relative; padding: 15px 20px 15px 15px; margin: 10px 10px 20px 10px; border: 1px solid #006AB3; background: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: left; left: 140px; width: 300px; }
.box_message:before { content: ""; display: block; position: absolute; bottom: -20px; left: 20px; width: 0; height: 0; border: 10px solid transparent; border-top-color: #006AB3; }
.box_message:after { content: ""; display: block; position: absolute; bottom: -16px; left: 22px; width: 0; height: 0; border: 8px solid transparent; border-top-color: #FFF; }
.box_message.top:before { top: -20px; bottom: auto; border: 10px solid transparent; border-bottom-color: #006AB3; }
.box_message.top:after { top: -16px; bottom: auto; border: 8px solid transparent; border-bottom-color: #FFF; }
.box_message.left:before { top: 14px; left: -20px; bottom: auto; border-width: 10px 20px 10px 0; border-style: solid; border-color: transparent #006AB3; }
.box_message.left:after { top: 15px; left: -18px; bottom: auto; border-width: 9px 19px 9px 0; border-style: solid; border-color: transparent #FFF; }
.box_message.left { margin-left: 30px; }
.box_message.right:before { top: 14px; right: -20px; bottom: auto; left: auto; border-width: 10px 0 10px 20px; border-style: solid; border-color: transparent #006AB3; }
.box_message.right:after { top: 15px; right: -18px; bottom: auto; left: auto; border-width: 9px 0 9px 18px; border-style: solid; border-color: transparent #fff; }
.box_message.right { margin-right: 30px; }
.message_ret { color: #006AB3; font-weight: bold; font-size: 14px; }
.message_inf { color: #999; font-weight: bold; font-size: 13px; }
.btn { margin: 10px; width: 200px; }
.btn span { display: block; padding: 7px 30px 7px 30px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0px 1px 2px #666; -moz-box-shadow: 0px 1px 2px #666; -webkit-box-shadow: 0px 1px 2px #666; font-size: 14px; color: #FFF; text-align: center; }
.btn a { text-decoration: none; }
.blue { background: #006AB3; border: 1px solid #006AB3; }
.blue:hover { background: #004A8D; }
.limeskin span { background: #7AB51D; border: 1px solid #679b1d; }
.limeskin span:hover { background: #679b1d; }
.grey span { background: #646567; border: 1px solid #3E3D40; }
.grey span:hover { background: #3E3D40; }

.tblBookCalContainer {font-size:16px;}
.ui-datepicker {position:relative}
.ui-datepicker-calendar td {padding:5px; text-align:center}
.ui-datepicker-calendar td a { text-decoration: none; color: #006AB3; font-weight: bold; }
.ui-datepicker-header {height:25px;}
.ui-datepicker-today {text-decoration:none;}
.ui-datepicker-unselectable {color:#999;}
.ui-datepicker-current-day {color:white;background-color:#00BF00;}
.ui-datepicker-current-day a {color:white !important;}
.tblBookCalContainer table { border-spacing: 0px; border-collapse: separate; }
.ui-datepicker-calendar th { background-color: white; padding: 6px; font-weight: normal; color: #333; font-size: 14px; }
.ui-datepicker-title { font-size: 18px; position: relative; top: -5px; }
.ui-datepicker-prev {position:absolute;left:10px;color:#888;z-index:5;cursor:pointer;}
.ui-datepicker-next {position:absolute;right:10px;color:#888;z-index:5;cursor:pointer;}