div.divCalendarContainer{
	width: 20%;
	margin: 20px auto 0px auto;
	background-color: #EEE;
	border: 1px solid #CCC;
	border-radius: 7px;
	-moz-border-radius: 7px;
	padding: 10px;
}

div.divSlot{
	position: relative;
	background-color: white;
	border: 1px solid #888;
	padding: 5px;
	margin-top: 15px;
	height: 90px;
}

div.divSlot.first_slot{
	margin-top: 0px;
}

div.divSlotTitle{
	font-weight: bold;
	border-bottom: 1px dashed #CCC;
	padding-bottom: 3px;
}

div.divSlot.slot_clickable:hover{
	cursor: pointer;
	background-color: black;
	color: white;
}

div.divMakeBooking{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 4em;
}

div.divRemoveBooking{
	position: absolute;
	bottom: 5px;
	right: 5px;
}

table.tblSchedule{
	width: 100%;
	margin-top: 15px;
}

table.tblSchedule th{
	font-size: 12px;
	text-align: center;
	border: 1px solid #979797;
	border-bottom: 1px solid #656565;
	width: 75px;
	padding: 3px 0px;
	line-height: 1.1em;
	background-image: url(/_images/calendar/th_back.png);
	background-position: top;
	background-repeat: repeat-x;
	font-weight: bold;
}

table.tblSchedule td{
	border: 1px solid #979797;
	border-top: 1px solid #656565;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
}

table.tblSchedule td div{
	height: 100%;
	position: relative;
}

a.aRemoveBooking{
	position: absolute;
	display: block;
	background-color: red;
	color: white;
	font-weight: bold;
	font-size: 10px;
	float: left;
	padding: 2px;
	bottom: 1px;
	right: 2px;
}

a.aRemoveBooking:hover{
	text-decoration: none;
	background-color: black;
}

div.divCalendarTitle{
	position: relative;
	margin-top: 30px;
	background-image: url(/_images/calendar/calendar-tab.jpg);
	width: 905px;
	height: 40px;
}

div.divCalendarTitle input{
	position: absolute;
	top: 12px;
	left: 660px;
	font-size: 12px;
	padding: 1px;
	border: 0px;
	width: 230px;
}

div.divCalendarTitle img{
	position: absolute;
	top: 12px;
	left: 590px;
	display: none;
}

a.aBook{
	display: block;
	margin: auto;
	background-image: url(/_images/calendar/slot_free.png);
	width: 51px;
	height: 24px;
}

a.aBook:hover{
	background-image: url(/_images/calendar/slot_free_over.png);
}

ul.ulAppointmentSlot{
	margin: 0px;
	list-style-type: none;
	line-height: 1em;
}

ul.ulAppointmentSlot li{
	margin: 0px;
	border: 1px solid #ccc;
	width: 170px;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	margin-right: 10px;
	text-align: center;
	color: #013366;
	font-weight: bold;
	font-size: 12px;
}

ul.ulAppointmentSlot li a{
	display: block;
	height: 33px;
	background-image: url(/_images/calendar/atol_appointment_back.png);
	color: black;
	text-align: center;
	font-weight: bold;
	line-height: 2.3em;
	font-size: 14px;
}

ul.ulAppointmentSlot img{
	width: 170px;
	height: 45px;
}

ul.ulAppointmentSlot li a.aProposedAppointment{
	background-image: url(/_images/calendar/atol_appointment_proposed_back.png);
}

ul.ulAppointmentSlot li a:hover{
	text-decoration: none;
	opacity: 0.8;
	-moz-opacity: 0.8;
}

div.divDelegateName{
	color: red;
	font-weight: bold;
	margin-top: 15px;
}

table.tblCalendar{
	margin-top: 15px;
}

table.tblCalendar td, table.tblCalendar th{
	border: 1px solid #ccc;
	vertical-align: middle;
	text-align: center;
	width: 30px;
}

table.tblCalendar th{
	color: black;
	font-weight: bold;
	background-image: url(/_images/calendar/calendar_header_back.png);
	height: 33px;
}

table.tblCalendar th.thLogo{
	width: 170px;
}

table.tblCalendar th.thBreak{
	background-color: #5B5C5E;
	background-image: none;
	width: 13px;
}

table.tblCalendar td.tdBreak{
	background-color: #D4D5D7;
	width: 13px;
}

table.tblCalendar td.tdSlotNumber{
	background-color: #FFFBCC;
	width: 100px;
	height: 33px;
}

table.tblCalendar td a:hover img{
	opacity: 0.7;
	-moz-opacity: 0.7;
}

table.tblCalendar td.tdLogo{
	color: #013366;
	font-weight: bold;
	font-size: 12px;
}

table.tblCalendar td.tdLogo img{
	width: 175px;
	height: 45px;
}

table.tblCalendar td.tdLogo div.op_details a{
	color: inherit;
}

table.tblCalendar td.tdLogoMember{
	line-height: 1.3em;
	height: 45px;
}

table.tblCalendar td.tdLogoMember a{
	color: #013366;
}

table.tblCalendar td.tdSessionLengthTitle{
	width: 170px;
	font-size: 12px;
}

table.tblCalendar td.tdRoadshow{
	background-color: #E7F6FD;
}

div.divRoadshowLink{
	color: white;
	background-image: url(/_images/calendar/roadshow_green.png);
	width: 36px;
	height: 36px;
	font-weight: bold;
	margin: auto;
}

div.divRoadshowLink a{
	color: white;
	display: block;
	width: 36px;
	height: 36px;
	font-size: 16px;
	padding-top: 9px;
}

div.divRoadshowLink a:hover{
	text-decoration: none;
}

div.divRoadshowLink:hover{
	opacity: 0.7;
	-moz-opacity: 0.7;
}












table.tblMemberInfo{
	width: 100%;
	margin-top: 10px;
}

table.tblMemberInfo th{
	text-align: left;
	width: 150px;
}

table.tblMemberInfo th,
table.tblMemberInfo td{
	padding-top: 7px;
	line-height: 1.3em;
}