#booking {
	font: .75em "Lucida Grande", Verdana, Arial, sans-serif;
}

/* Room Selection Table */
.roomSelectTable
{

}
.roomSelectHeader
{
	background-color: #67B63B;
}


/* Forms
-----------------------*/
#booking span.row { float: left; width: 600px; margin-bottom: 1em; padding-bottom: 1em;
	border-bottom: solid 1px #ddd; }
#booking span.row p { padding-left: 250px; font-size: 12px; margin-top: .4em; margin-bottom: 0; color: #666; }
#booking span.row p.nostyle { padding-left: 0; font-size: 12px; margin-bottom: 0; color: #666; }

#booking label { display: block; width: 250px; padding-right: 20px; float: left; font-weight: bold;  clear: both; margin-bottom: 1em; }
#booking label.normal { display: block; width: auto; float: none; font-weight: bold;  clear: both; margin-bottom: 1em; }
#booking label.inline { display: inline !important; width: auto; float: none; clear: none; font-weight: normal; padding-right: 5px;}


#booking span.date-select-big { float: left;  width: 100%; margin-bottom: 1em;}
#booking span.date-select select { display: inline; }
#booking span table label {width: auto;}
#booking .nostyle input { width:  auto; }
#booking span input[type="text"]  { width:  200px; }
#booking label.inline input[type="text"] { width:  auto; }

#booking textarea { width: 408px; }

#booking fieldset {
	float: left;
	width: 600px;
	margin-bottom: 1em;
	padding: 15px 20px;
	border: solid 1px #ccc;
}

#booking fieldset legend {
	padding: 5px 7px;
	font-size: 1.2em;
}

#booking form p.note {
  background: #ffffe0;
  padding: 10px;
  clear: both;
  border: solid 1px #ccc;
}

#booking #booking-progress h3 {
  margin-bottom: 0;
}

#booking #booking-progress ul {
  overflow: hidden;
  list-style: none;
}

#booking #booking-progress ul li {
  display: block;
  padding: 5px 8px;
  float: left;
  margin: 0;
  color: #888;
  background: #E3F1DB;
}

#booking #booking-progress ul li.current {
  color: #222;
  background: #A6D2A6;
  font-weight: bold;
}

#booking dl.form-room { /*outline: solid thin green;*/
	width: 116px;
	margin: 0 20px 0 0;
	float: left;
	overflow: hidden;
}

#booking dl.form-room dt { margin: 0 0 1em 0; }

#booking dl.form-room dt input { display: inline !important; }
#booking dl.form-room dt label { width: auto; float: none; }
#booking dl.form-rooms-summary dt { font-weight: bold; margin: 0;}

#booking h2#booking-unavailable { color: #FF6666; }

#booking ul#alternative-bookings { list-style: none; }
#booking ul#alternative-bookings li {
	margin: 0;
	padding-left: 25px;
	font-size: 1.3em;
	line-height: 1.4em;
	background: url(/Media/gt-images/alt-booking.png) center left no-repeat;
}

#errorExplanation {
  padding: 15px;
  background: #ffffe0;
  margin-bottom: 20px;
}

#errorExplanation h2 {
  font-size: 1.4em;
  font-weight: bold;
  color: #408237;
}

/* Booking Calendar */

.schedulerLeftDiv
{
	display: block; float: left; width: 250px; background-color: #fff; padding: 3px;
}
.schedulerLeftDiv table th { background: #fff url(/Media/gt-images/th.png) bottom left repeat-x; }

.schedulerRightDiv
{
	  display: block; width: 360px; margin-left: 10px; float: left; 
	  background-color: #fff; padding: 3px; text-align: center;
}


.timeSlot
{
float: left;
padding: 3px;
width: 80px;
margin: 1px;
background-color: #FFF4BC;
color: #339933;
}

.bookingStart
{
float: left;
padding: 3px;
width: 80px;
margin: 1px;
background-color: green;
color: #fff;
}

.bookingEnd
{
float: left;
padding: 3px;
width: 80px;
margin: 1px;
background-color: red;
color: #fff;
}

.partOfBooking
{
		float: left;
		padding: 3px;
		width: 80px;	
		margin: 1px;
		background-color: Lime;
		color: #fff;
}
.booked
{
float: left;
padding: 3px;
width: 80px;	
margin: 1px;
background-color: #bbb;

}
.bookingCalendar
{
	background-color: #fff;
}

.bookingCalendar th
{
	background-color: #339933;
}

.ajax__calendar_container { z-index : 1000 ; }




/* Calender Key */
#calendarKeyPanel
{
    
}
.bookedKey
{
    width: 10px; background-color: #bbb;
}
.timeSlotKey
{
    width: 10px; background-color: #FFF4BC;
}
.bookingStartKey
{
    width: 10px; background-color: green;
}

.bookingEndKey
{
    width: 10px; background-color: red;
}

.partOfBookingKey
{
    width: 10px; Background-color: Lime;
}
/* End Key */

/* Time Selection */



.popupPanel
{
	font-size: 0.6em;
	background-color: #fff;
	padding: 5px;	
	width: 350px;
}

.timeSlot
{
float: left;	
}

.modalBackground
{

filter: Alpha(Opacity=20); -moz-opacity:0.2; opacity: 0.2;
width: 100%; 
height: 100%; 
background-color: #000000;
position: absolute;
z-index: 500;
top: 0px;
left: 0px;

}

.modalPanel
{
width: 640px;
font-size: 1em;
background-color: #fff;
padding: 5px;

}

.scheduler
{
	
}



div#schedulerWrapper
{
background-color: #fff;

}
div#schedulerWrapper a
{
    text-decoration: none;

}
.schedulerNumberHeadings
{
	display: inline;
	text-align: left;
	font-weight: bold;
    font-size: 1.9em;
	color: #fff;
	background-color: #339933;
	padding: 1px;
}

.schedulerTitle
{
	text-align: left;
	width: 100%;
	padding: 3px;
    font-size: 1.7em;
	font-weight: normal;
	color: #339933;
	display: inline;
   /* background-image: url(/Media/gt-images/th.png);
    background-repeat: repeat-x; */

}



.schedulerButtons 
{
/* border: solid 1px #ccc;
background-color: #ddd;
color: #000;	*/
}

.formButtonDiv
{
	float: left;
margin-top: 10px;
width: 100%;	
}