body{
	margin: 0;
}

.right_box {
    float:right;
    background:#ddd;
    padding:2px;
}
.right_box li {
    list-style-type:none;
    margin:0px;
    padding:0px;
}
.right_box h2 {
    margin:0px 0 2px 0;
    padding:2px;
    background:#8FCFF5;
}
.mybookings_btn {
    position:absolute;
    top:-1px;
    right:3px;
    background:#99ddFF;
    padding:0 2px;
    border:1px solid #666;
    border-top:none;
    cursor:pointer;
    box-shadow: 2px 2px 5px #888888;
    font-size:12px;
}
.mybookings_btn:hover {
    background:#fff;
}
.mybookings_wrap {
    display:none;
}
.mybookings_wrap div {
    padding:0 5px !important;
    margin-bottom:2px !important;
}
.mybookings_wrap span {
    float:right;
    font-size:11px;
    text-transform:uppercase;
    margin-top:2px; 
}
.mybookings_wrap span a {
   text-decoration:none;
}
.mybookings_wrap span a:hover {
    color:#fff;
}
.SlotsWrapper {
     height: 252px;
     overflow-y: scroll;
	 min-width:280px;
	 width:100%;
}

.calCredits {
     background: url("../images/myBOOKEDtime-logo.jpg") no-repeat scroll 56px 0px transparent;
     clear: both;
     float: right;
     font-size: 11px;
     height: 20px;
     margin-right: 5px;
     padding-top: 4px;
     width: 200px;
}

.confirmBooking {
     background: none repeat scroll 0% 0% #99CCFF;
     border-radius: 10px 10px 10px 10px;
     font-size: 15px;
     margin: 5px;
     text-align: center;
     width: 94%;
}

.BACK {
     margin: 2px;
}

.identity,.mybookings_wrap div {
    position:relative;

     border: 1px solid lightblue;
     font-size: 14px;
     margin: 1px 1px 4px;
     padding: 2px;
background: #99ccff;

}

#date1-gldp {
     background: none repeat scroll 0% 0% #8B8C8E;
     border-radius: 5px 5px 5px 5px;
     float: left;
     margin: 5px;
    /* min-width: 520px; */
	
     padding: 5px;

}

#date1-gldp * {
     font-family: Trebuchet MS ! important;
 
}

#date1-gldp .legends {
     background: none repeat scroll 0% 0% #CCCCCC;
     border: 1px solid #999999;
     clear: both;
     float: left;
     list-style-type: none;
     margin: 5px 0px 0px;
     padding: 2px 1px;
     width: 99%;
}

#date1-gldp .legends li {
     float: left;
     font-size: 12px;
     margin-left: 8px;
}

#date1-gldp .legends li span {
     border: 1px solid #333333;
     display: block;
     float: left;
     height: 10px;
     margin: 2px 4px;
     width: 10px;
}

#date1-gldp .NoSched span, div.NoSched {
     background: none repeat scroll 0% 0% #888888;
     border: 1px solid #666666;
     color: #AAAAAA;
     cursor: not-allowed;
}

#date1-gldp .Sched span {
     background: none repeat scroll 0% 0% #FFFFFF;
}

#date1-gldp .Today span {
     background: none repeat scroll 0% 0% #FFEFA8;
}

#date1-gldp .SelectedDate span {
     background: none repeat scroll 0% 0% #D5EAFF;
}

#date1-gldp #localSelector {
     float: left;
     height: 247px;
     margin-right: 3px;
}

#date1-gldp #date1 {
     margin: 2px 0px;
     width: 252px;
}

#date1-gldp .bookingDiv {
   background: #fff;

     border: 1px solid #AAAAAA;
     float: left;
     margin-left: 3px;
     height: 270px;
     width: 300px;
}

#date1-gldp .bookingDiv h2 {
     font-size: 14px;
     margin: 0px 2px;
     padding: 0px;
}

#date1-gldp .bookingDiv ul {
     font-size: 12px;
     list-style-type: none;
     margin: 0px 5px;
     padding: 0px;
}

#date1-gldp .bookingDiv ul li {
     background: url("../images/blue-checkbox.jpg") no-repeat scroll 3px 3px #FFFFFF;
     border-radius: 10px 10px 10px 10px;
     border: 1px outset #444444;
     cursor: pointer;
     font-size: 15px;
     margin: 2px;
     min-width: 216px;
     padding: 2px 4px 2px 24px;
}

#date1-gldp .bookingDiv ul li.booked {
     background: url("../images/not_available.png") no-repeat scroll 2px 1.5px #888888;
     color: #AAAAAA;
     cursor: not-allowed;
     display: none;
}

#date1-gldp .bookingDiv ul li:hover:not(.booked) {
     background-color: #99CCFF;
     color: #FFFFFF;
}

.gldp-default {
     background-color: #CCCCCC ! important;
     border: 1px solid #888888;
     float: left;
     font-family: "trebuchet ms" ! important;
     font-size: 0.8em ! important;
}

.gldp-default table {
     border-collapse: separate;
     border-spacing: 4px;
}

.gldp-default tr {
     line-height: 28px;
}

.gldp-default td {
     margin: 0px;
     padding: 0px;
     text-align: center;
     width: 36px;
}

.gldp-default-prevnext {
     color: #222222;
     cursor: pointer;
     font-family: "times new roman";
     font-weight: bold;
}

.gldp-default-monyear {
     color: #222222;
     font-size: 0.9em ! important;
     font-weight: bold;
}

.gldp-default-dow {
     background-color: #99CCFF;
     color: #EEEEEE;
     font-size: 0.8em ! important;
     font-weight: bold;
}

.gldp-default-day {
     background-color: #FFFFFF;
     border: 1px solid #FFFFFF;
     color: #222222;
     font-weight: bold;
}

.gldp-default-day-hover {
     background-color: #FFFFFF;
     border: 1px solid #3E78FD;
     color: #99CCFF;
     cursor: pointer;
     font-weight: bold;
}

.gldp-default-selected {
     background-color: #D5EAFF;
     border: 1px solid #3E78FD;
     color: #222222;
}

.gldp-default-today {
     background-color: #FFEFA8;
     border: 1px solid #3E78FD;
     color: #000000;
     font-weight: bold;
}

.gldp-default-today-hover {
     background-color: #FFFFFF;
     border: 1px solid #3E78FD;
     color: #99CCFF;
     cursor: pointer;
     font-weight: bold;
}

.gldp-default-sat, .gldp-default-sun {
     background-color: #FFFFFF;
     border: 1px solid #FFFFFF;
     color: #004F8F;
     font-weight: bold;
}

.gldp-default-sat-hover, .gldp-default-sun-hover {
     background-color: #FFFFFF;
     border: 1px solid #3E78FD;
     color: #004F8F;
     cursor: pointer;
     font-weight: bold;
}

.gldp-default-noday {
     background-color: #DDDDDD;
     border: 1px solid #FFFFFF;
     color: #666666;
     cursor: wait;
}

.apprise-overlay {
     background-color: #FFFFFF;
     display: none;
     height: 100%;
     left: 0px;
     position: fixed;
     top: 0px;
     width: 100%;
}