/*////////////////////////////////////////////////////////////////////////////////////////////////////

	author: Peter Roper 
	template: availability
	
	elements [external]		-   	these are core values used across all our sites
	layout					-   	these are the basic build files, which create the skeleton site
	content					-		these are the core values used throughout the site
	
//////////////////////////////////////////////////////////////////////////////////////////////////////

	layout

////////////////////////////////////////////////////////////////////////////////////////////////////*/
*{
margin:0;
padding:0;
}
html{
width:100%;
height:100%;
margin:0 0 1px 0;
}
body{
height:100%;
}
/*///////////////////////////////////////////////////*/
#venue-availability{
margin:1px;
font-size:10px;
position:relative;
}
/*///////////////////////////////////////////////////*/
.basic #venue-availability{
width:407px;
}
#venue-availability{
width:900px;
height:300px;
}
/*///////////////////////////////////////////////////*/
#venue-availability h2.title{
display:none;
}
#venue-availability h3{
margin:0 0 10px 0;
padding:0;
font-size:14px;
}
#venue-availability a{
text-decoration:none;
}
#venue-availability ul{
margin:0;
padding:0;
list-style-type:none;
}
#venue-availability p,
#venue-availability li{
font-size:11px;
}
a, 
a:active, 
a:focus{
outline:none;
}
/*///////////////////////////////////////////////////*/
#venue-availability .button{
margin:5px;
border-width:0 1px 1px 0;
border-style:solid;
}
#venue-availability .button button,
#venue-availability .button a{
height:24px;
line-height:24px;
border:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
cursor:pointer;
}
/*///////////////////////////////////////////////////*/
#venue-availability .step{
width:20px;
height:20px;
line-height:20px;
border-width:2px;
border-style:solid;
text-align:center;
display:block;
position:absolute;
top:140px;
}
#venue-availability .step1{
left:193px;
}
#venue-availability .step2{
left:386px;
}
#venue-availability .step3{
left:193px;
}
/*///////////////////////////////////////////////////*/
#venue-availability .outer-wrapper{
margin:0 5px 0 0;
float:left;
}
#venue-availability .widget{
width:179px;
height:286px;
padding:5px;
position: relative;
}
#venue-availability .widget h3{
line-height:18px;
margin:0 0 5px 0;
padding:10px 5px 8px 5px;
text-align:center;
}
#venue-availability .widget .loader{
width: 70px;
height: 14px;
line-height: 14px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
margin: -7px 0 0 -35px;
}
/*///////////////////////////////////////////////////*/
/*/ calendar /*/
/*///////////////////////////////////////////////////*/
#calender{
width:192px;
position: relative;
}
#calender .iq{
line-height: 18px;
overflow: hidden;
position: absolute;
bottom: 10px;
left: 46px;
}
#calender .iq b,
#calender .iq span{
margin: 0 2px 0 0;
float: left;
display: block;
}
#calender .iq span{
padding: 0 2px;
font-weight: bold;
font-family: Helvetica;
text-transform: lowercase;
/*width: 32px;
height: 32px;
margin: 0 0 0 5px;
text-indent: -5000px;
overflow: hidden;*/
} 
#calender .iq span em{
font-style: normal;
}
/*///////////////////////////////////////////////////*/
#venue-availability #datepicker{
width:182px;
position:relative;
}
#venue-availability .ui-datepicker{
width:auto;
padding:34px 0 0 0;
font-size:11px;
}
#venue-availability .ui-datepicker table{
width:auto;
height:165px;
margin:0;
border-width:5px;
border-style:solid;
font-size:11px;
display:block;
}
#venue-availability .ui-datepicker .ui-datepicker-header{
padding:0;
position:static;
}
#venue-availability .ui-datepicker .ui-datepicker-title{
width:170px;
height:18px;
line-height:18px;
padding:8px 5px;
position:static;
font-size:14px;
font-weight:bold;
line-height:18px;
margin:0;
position:absolute;
top:5px;
left:5px;
}
#venue-availability .ui-datepicker .ui-datepicker-prev,
#venue-availability .ui-datepicker .ui-datepicker-next{
width:54px;
height:24px;
line-height:24px;
border-width:0 1px 1px 0;
border-style:solid;
font-size:12px;
text-align:center;
cursor:pointer;
display:block;
top:auto;
bottom:55px;
}
#venue-availability .ui-datepicker .ui-datepicker-prev{
left:37px;
}
#venue-availability .ui-datepicker .ui-datepicker-next{
right:37px;
}
#venue-availability .ui-datepicker .ui-datepicker-prev span,
#venue-availability .ui-datepicker .ui-datepicker-next span{
margin:0;
position:static;
}
#venue-availability .ui-datepicker th{
padding:1px;
}
#venue-availability .ui-datepicker td a,
#venue-availability .ui-datepicker td span,
#venue-availability .ui-datepicker th span{
width:16px;
padding:2px;
border-width:1px;
border-style:solid;
display:block;
}
#venue-availability .ui-state-default{
border-width:1px;
border-style:solid;
}
/*///////////////////////////////////////////////////*/
/*/ sessions list /*/
/*///////////////////////////////////////////////////*/
#venue-availability .widget-menu li ul{
height: 198px;
border-width:1px 0 0 0;
border-style:dotted;
overflow: auto;
}
#venue-availability .widget-menu li ul li{
margin:1px 0;
border-width:1px 0 0 0;
border-style:dotted;
}
#venue-availability .widget-menu li ul li.first{
border:0;
}
#venue-availability .widget-menu li ul li a{
/*width:102px;*/
width: auto;
line-height:16px;
/*padding:3px 72px 3px 5px;*/
padding: 3px 0;
position:relative;
display:block;
}
#venue-availability .widget-menu li ul li.open a,
#venue-availability .widget-menu li ul li.selected a{
padding:3px 71px 3px 4px;
}
#venue-availability .widget-menu li ul li.selected a{
border-width:1px;
border-style:solid;
}
#venue-availability .widget-menu li ul li.no a{
cursor:default;
}
#venue-availability .widget-menu li ul li a .name{
width: 92px;
display: block;
}
#venue-availability .widget-menu li ul li .participants,
#venue-availability .widget-menu li ul li .price{
width:46px;
height:22px;
text-align:right;
display:block;
position:absolute;
top:3px;
right:21px;
}
/*///////////////////////////////////////////////////*/
/*/ sessions /*/
/*///////////////////////////////////////////////////*/
#venue-availability #times h3 span{
font-size:11px;
font-weight:normal;
display:block;
}
/*///////////////////////////////////////////////////*/
/*/ packages /*/
/*///////////////////////////////////////////////////*/
#venue-availability #packages h3 span{
font-size:11px;
font-weight:normal;
display:block;
}
#venue-availability #packages .notification{
width:159px;
height:27px;
margin:0;
padding:129px 10px;
text-align:center;
}
#venue-availability #packages .open{
border-width:1px;
border-style:solid;
}
#venue-availability #packages .open .pkgDesc{
padding:5px;
}
#venue-availability #packages .pkgDesc p{
line-height:14px;
margin:0 0 5px 0;
padding:0;
text-indent:0;
}
#venue-availability #packages .pkgDesc .button,
#venue-availability #packages .pkgDesc .button button{
width:90px;
}
/*///////////////////////////////////////////////////*/
/*/ booking form /*/
/*///////////////////////////////////////////////////*/
#venue-availability #bookForm{
width:595px;
height:300px;
position:absolute;
top:0;
left:0;
z-index:100;
}
/*///////////////////////////////////////////////////*/
#venue-availability #bookForm #bookSummary{
width:179px;
height:286px;
padding:5px;
}
#venue-availability #bookForm #bookSummary li{
margin:0 0 6px 0;
font-weight:bold;
}
#venue-availability #bookForm #bookSummary li dfn{
font-style:normal;
}
#venue-availability #bookForm #bookSummary li span{
font-weight:normal;
display:block;
}
/*///////////////////////////////////////////////////*/
#venue-availability #bookForm #bookDetails{
width:377px;
height:286px;
padding:5px;
position:relative;
}
#venue-availability #bookForm #bookDetails p{
margin:0;
padding:0;
}
#venue-availability #bookForm #bookDetails label{
margin:0 0 5px 0;
overflow:hidden;
display:block;
}
#venue-availability #bookForm #bookDetails label span{
width:80px;
line-height:22px;
margin:0 5px 0 0;
text-align:right;
display:block;
}
#venue-availability #bookForm #bookDetails label em{
line-height:22px;
margin: 0 0 0 5px;
font-style: normal;
display:block;
}
#venue-availability #bookForm #bookDetails label span,
#venue-availability #bookForm #bookDetails label em,
#venue-availability #bookForm #bookDetails label input,
#venue-availability #bookForm #bookDetails label textarea,
#venue-availability #bookForm #bookDetails label select{
float:left;
}
#venue-availability #bookForm #bookDetails .event-title input,
#venue-availability #bookForm #bookDetails .user-name input,
#venue-availability #bookForm #bookDetails .user-notes textarea{
width:274px;
}
#venue-availability #bookForm #bookDetails .user-notes textarea{
height:45px;
}
#venue-availability #bookForm #bookDetails .event-size input{
width:30px;
}
#venue-availability #bookForm #bookDetails .navigation{
padding: 0 0 0 85px;
overflow: hidden;
}
#venue-availability #bookForm #bookDetails .navigation li{
line-height: 23px;
margin: 0 5px 0 0;
float: left;
}
#venue-availability #bookForm #bookDetails .button{
border-width:0 1px 1px 0;
border-style:solid;
}
#venue-availability #bookForm #bookDetails .button,
#venue-availability #bookForm #bookDetails .button button,
#venue-availability #bookForm #bookDetails .button a{
width:56px;
}
#venue-availability #bookForm #bookDetails #bookDetails3 .button,
#venue-availability #bookForm #bookDetails #bookDetails3 .button button{
width:90px;
}
#venue-availability .button button,
#venue-availability .button a{
height:24px;
line-height:24px;
font-size:12px;
font-weight:bold;
display: block;
}
/*///////////////////////////////////////////////////*/
#venue-availability #bookForm #bookDetails .depositInfo{
margin: 0 0 15px 0;
padding: 0 0 0 85px;
display: block;
}
#venue-availability #bookForm #bookDetails .depositInfo ol{
padding: 5px 0 0 17px;
}
#venue-availability #bookForm #bookDetails .depositInfo ol li{
margin: 0 0 3px 0;
}
/*///////////////////////////////////////////////////*/
#venue-availability #bookForm #booking-error{
width:575px;
height:286px;
padding:5px;
position:relative;
}
#venue-availability #bookForm #booking-error #formErrorTitleJS{
line-height: 18px;
margin: 0 0 10px 0;
font-size: 14px;
font-weight: bold;
display: block;
text-align: center;
}
#venue-availability #bookForm #booking-error p{
margin: 0 0 15px 0;
text-align: center;
}
#venue-availability #bookForm #booking-error #formErrorMessageJS{
line-height: 16px;
margin: 0 0 10px 0;
text-align: center;
}
#venue-availability #bookForm #booking-error .button{
margin: 0 0 0 237px;
float: left;
}
#venue-availability #bookForm #booking-error .button,
#venue-availability #bookForm #booking-error .button button{
width: 100px;
}
#venue-availability #bookForm #booking-error .button.resetReturnButton{
margin: 0 0 0 225px;
}
#venue-availability #bookForm #booking-error .button.resetReturnButton,
#venue-availability #bookForm #booking-error .button.resetReturnButton button{
width: 125px;
}
#venue-availability #bookForm #booking-error .groupm8{
width: 252px;
margin: 0 0 15px 162px;
float: none;
}
#venue-availability #bookForm #booking-error .groupm8 a{
height: 42px;
line-height: 42px;
display: block;
}
#venue-availability #bookForm #booking-error .groupm8 a span{
width: 200px;
padding: 0 10px 0 42px;
font-size: 14px;
text-align: left;
display: block;
}
/*///////////////////////////////////////////////////*/
.loader,
.loading-message{
position: absolute;
top: 10px;
left: 10px;
}
.loader{
width: 580px;
height: 280px;
z-index: 1000;
}
.loading-message{
width: 578px;
height: 278px;
line-height: 228px;
border-width: 1px;
border-style: solid;
text-align: center;
z-index: 1010;
}