/* --------------------------------------*/
/* >>>>>>>>>>>>> public forms <<<<<<<<<<<<<<<<-*/
/* -------------------------------------*/ 
.pagecontentinner ul {margin-bottom: 1em; clear: both;}

div.formsection {float:none; clear:both;}
.currentvacancies .formsection {float:left; display:block; /*width:87%*/;}
.currentvacancies .floatsection .formsection {clear:none !important; float:left !important;}
fieldset.who {width:99%;}
	.checkboxouter .formsection {padding-bottom: 0;}
div.radiosection	{float: none;}

/*p input {font-size: .9em; clear: both; display: block; margin-right: 10px; margin: 5px 0;}*/
p.buttonwithlink input, p.buttonwithlink a {float: left; clear: none;}
p.buttonwithlink a {padding-left: 6px; position: relative; top: 11px; font-size: .9em;}

.errorinfo {clear: both; width: 97%;}
	.col1 .errorinfo {width: auto;}
.publiccontent{ padding:10px; }
.publicpagecontentinner{background-color:#fff; padding:40px 10px 10px 10px; border:1px solid #E1E1E1;}
.stronglabel label {font-weight:bold}
/* ---------------------------------*/
/* >>>>>>>>> Login page <<<<<<<<<<<-*/
/* ---------------------------------*/ 
.login .errorinfo {
	background: none;
	border: none;  
}

ul.bullets 
{
	list-style-type: disc;
	margin-left: 15px;
	margin-bottom:10px;
}
/* --------------------------------------*/
/* >>>>>>>>> Select a ballot <<<<<<<<<<<-*/
/* -------------------------------------*/ 
table.infoform th {
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #e8e5b4;
	border-top: none;
	text-align: left;
	padding: 5px;
	background: #4D76A0;
	line-height:2em;
}
.infoform .xlargefont{ position:relative; top:-2px;}
table.infoform {
	 margin-bottom:10px;
}
.infoform .total {text-align:right}

/*faux table border to avoid inconsistancies caused by border collapse precedence across browsers */
.infoformBorder{border:1px solid #4D76A0 }


/* --------------------------------------*/
/* >>>>>>>>> Vacancy search <<<<<<<<<<<-*/
/* -------------------------------------*/ 
.col1 {float:left; display:inline; min-width:200px; padding-left: 10px;}
.col2 {display:inline;}


   
.currentvacancies legend {margin-left:0; padding-top:14px;}
.currentvacancies fieldset {clear:none; padding-top:9px;}
.currentvacancies .formsection {padding-bottom:10px;}
.currentvacancies p.strong input {margin:0 0 30px 20px;}
.currentvacancies label {display:inline; float:left; width:110px;}
.nolegend preferences {float:none;}
.currentvacancies .noNights .formsection {width:150px}
.nolegend .who {
    padding-left:0;
    clear:left;
    }
.nolegend .who label {width:160px;}
    .nolegend .who legend {padding-top:5px;}

.warningPrompt {
    padding:20px;
    border:3px solid #ffb55f;
    background:#FFF0DF;
    clear:both;
    }
.nearby  {margin:60px 0 0 0; border:3px solid #ffb55f; font-size:1.2em;clear:left;}  

.tofromdates {width:29em;}

/* --------------------------------------*/
/* >>>>>>>>>> Search results <<<<<<<<<<-*/ 
/* -------------------------------------*/ 

.searchresults h2 {background-color:#EDEBD2;border-bottom:2px solid #999999;padding-left:3px;}
.searchresults h3 
{
	border-bottom: 1px solid #ccc;
	background: #edebd2 url('../images/general/tableheaderbg.jpg') repeat-x left top;
	padding-left: 3px;
}
.searchresults {	margin-bottom: 1em;	clear: both;	border-top: 1px solid #e4e4e4;}
p.ballotrequests, .searchresults p {margin-top:10px;}
.locationresult {border:solid 1px #E8E5B4; padding:0 5px; margin-bottom: 7px; }
.locationresult .address {float: left; width: 29%; height: 100px;}
.locationresult .descriptionicon {float: right; width: 70%;}

/* ---------------------------------------------------*/
/* >>>>>>>>>> Ballots and bookings - Icons <<<<<<<<<<-*/
/* ----------------------------------------------------*/ 

.icons {float: left; }
.icons li 
{
	float: left;
	width: 50px;
	text-align: center;
	}
	.icons 
	{
	 padding-bottom:15px;   
	}
	
.icons img {height: 32px; width: 32px; margin-bottom: 3px; border: 1px solid #ccc; padding: 2px;}
.icons li span 
{
	font-size: .9em;
	/*background: #263666;*/
	background: #4d76a0;
	color: #fff;
	display: block;
	height: 16px;
	width: 16px;
	text-align: center; 
	font-weight: bold;
	padding: 0 3px 3px;
	margin: 0 auto;
}
.icons li span.reason 
	{
		background: none;
		color: #4d76a0;
		font-weight: normal;
		font-size: .8em;
		width: 200px;
		text-align: left;	
		float: left;
		line-height: 1.2;
	}

img.balloticon, img.enterballoticon {
	width: 32px; 
	height: 32px; 
	float: left;
	margin-right: 10px;
	border: 1px solid #ccc;
	padding: 2px;
	background: #fff;
}
img.balloticon 
{
	margin-bottom: 30px;
	margin-top: 7px;
}
h1 img.balloticon {margin-bottom:3px;clear:right;}
img.smokefree 
{
	background: #fff;
	padding: 2px;
	border: 1px solid #ccc;
	float: left;	
}
.withprompt img.smokefree 
{
	margin-left: 5px;
	top: 25px;
	position: relative;
}

/* --------------------------------------------------------------*/
/* >>>>>>>>>> Ballots and bookings - Photos and maps <<<<<<<<<<-*/
/* --------------------------------------------------------------*/ 
img.photomap 
{
	width: 200px;
	height: 200px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 3px;
	margin-right: 7px;
	margin-bottom:7px;
}

/* now open / closed  */
.cvmini { margin: 10px 0 0 0 ;    }
.cvmini img {margin-right:5px;float: left;
	margin-right: 10px;
	border: 1px solid #ccc;
	padding: 2px;
	background: #fff;}


.open, .closed {
display:block;
font-weight:bold;

padding:1px 0;
}
.strong {font-weight:bold;}
/* -------------------------------------------- */
/* >>>>>>>>>>>>> admintabs <<<<<<<<<<<<<<<<-*/
/* ---------------------------------------------*/ 

.admintabs {
	float: left;
	width: 100%;
	background: #f5f4f4;
}
.admintabs ul {
	list-style-type: none;
}
.admintabs li 
{
	float: left;
	background: #e1e1e1;
	border: 1px solid #f5f4f4;
	border-bottom: none;
	position: relative;
}
li.admintabfirst {border-left: 1px solid #eee;}
li.admintablast {border-right: none;}

.admintabs li a, .admintabs li a:link, .admintabs li a:active, .admintabs li a:visited  
{
	padding: 5px 20px;
	display: block;
	color: #666;
	text-decoration: none;
}
.admintabs li a:hover {
	background: #fff;
}
.admintabs li#selected 
{
	background: #fff;
	border: 1px solid #eee;
	border-bottom: none;
	top: 1px;
	padding-bottom: 1px;
	font-weight: bold;
}
.admintabs li#selected a {color: #333;}

/* ----------------------------------*/
/* >>>>>>>>> the Ballot <<<<<<<<<<<-*/
/* ---------------------------------*/ 
.ballotdeckcontainer {width: 100%; float: left;}
.ballotdeck 
{
	/*background: #fff url('../images/general/BallotDeckBG.jpg') repeat-x left top;*/
	background-color: #fff;
	border: 1px solid #f5f4f4;
	/*border-bottom: 1px solid #f8f8f8;*/
	float: left;
	padding: 20px 15px 0px;
	*padding-bottom: 20px;
}
.ballotdeck p {padding-bottom: 0;}



/* ----------------------------------------*/
/* >>>>>>>>> Current vacancies <<<<<<<<<<<-*/
/* ----------------------------------------*/ 

.cvPromo a {
    float:right;
    font: italic 1.2em verdana ;
    width:25%;
    margin:10px;
    background:#F9FDFF url(../images/general/palm.gif) no-repeat scroll 6px 50%;
    padding:20px 20px 20px 55px;
    border:1px solid #C2E2F9;
    color:#004990;}

/* main search */

.currentvacancies .col1, .currentvacancies .col2 {float: left; padding-right: 1em;}
.currentvacancies .col1 {
    float:left;
    /*display:block;*/
    min-width:200px;
    margin-left:0;
    }
.currentvacancies .col2 {display:block; width:65%;}

.currentvacancies .col1 label	{float: left; width: 6em;}
.currentvacancies .col2 label	{float: left; width: 10em;}
.currentvacancies fieldset p {font-size:.9em}

/* subfields */
.currentvacancies .subfields {
	border: 1px solid #eee; 
	background: #fff; 
	float: left; 
	padding-left: 5px;
	width:715px;
	padding-top:10px;
	}
		
.numberOfPeople p.questioninfo {margin-left:110px; position:relative; top:-10px;}
.currentvacancies .subfields .col1 label, .currentvacancies .subfields .col2 label {float: none; width: auto;}

.subfields .col1 {margin-left: 1em;}
.subfields .col1 .formsection {padding-bottom: 0;}

#ajaxLoader { display:none; }

.currentvacancies fieldset.nolegend {
    /*margin-left:.7em;*/
    margin-bottom:0;
    float:left;
    }
    /* North / South */
    .currentvacancies .radiosection {float:left; clear:none;}
    .currentvacancies .radiosection label {width:auto;float:left;}
    .currentvacancies .radiosection input {float:left;} 
    .currentvacancies fieldset.preferences {clear:both;}
    
    /* Show/Hide Home Preferences */
    .currentvacancies .col2 .formsection .radiosection {
        float:left;
        clear:left;
        width:99%;
        }
        
        .currentvacancies .formsection select {
            float:left;
            margin-right:3px;
            width:auto;
            display:block;
            }

/* select your start date table */
.currentvacanciesouter, .currentvacancies table  {background: #FFFDD7;}

/*********  CURRENT VACANCIES TABLE  *********/
table.searchMatch{margin-bottom:30px;}
.currentvacanciesouter {padding:10px 0 0 0;}
/* home names and checkbox cells */

table.leftheading th.homename, table.leftheading td, table.vacancytimetable td  {height: 45px; padding-top: 5px;}
table.leftheading th.nearby, table.vacancytimetable td.nearby { height:45px;}


/*dates etc */

.currentvacancies table {border: 1px solid #FFFDD7;	color: #666;}
.currentvacancies th, .currentvacancies td {border: 1px dotted #ccc;}
.peak, .school, .peakschool  {background: #E0F1FE;} 
.normal {background: #f5f4f4;}
.currentvacancies .datetype {color:#999;font-weight:bold;font-size:.8em;height:40px;padding:0px;border-style:none;}
.currentvacancies .datetype span {padding:5px 0 0 5px;}
.currentvacancies th.heading {font-size: 1em; height: 101px;}
.currentvacancies th.dates {font-size: .9em;text-align: center;	padding: 0px 5px; border-color: #fff; height: 60px;}
.day {font-weight: bold; font-size: 1.1em;}
.currentvacancies .homename {background: #fff; font-size: 1em; padding-left: 7px;}
.currentvacancies .homename a {float:left;}
th.homename a {font-weight: bold;}

.currentvacancies td.valid {text-align: center; background: #fff;}
.currentvacancies td.invalid  {background: #e4e4e4;}

/* seasons */
.currentvacancies td.shoulder { background-color:#d3b5df;text-align:center;vertical-align:middle;}
.currentvacancies td.peak { background-color:#FACCA7;text-align:center;vertical-align:middle;}
.currentvacancies td.offPeak { background-color:#A1BBDC;text-align:center;vertical-align:middle;}
.currentvacancies td.selected { background-color:#ffff99;text-align:center;vertical-align:middle;}
table.leftheading {width: 300px;}

td.rightcolumn {border: none;}
td.rightcolumn table.vacancytimetable {border-top:1px solid #ccc;}
/*.rightcolumn input{border:none; background:none;}*/
div.seasonKeys span { float:left; margin-right:3px;}	
	
div.seasonKeys div {float:left; margin:3px 15px 3px 0px;}	
	

.offPeak span {background-color:#A1BBDC; width:20px;height:20px;display:block;border:1px dotted #CCCCCC;}  	
.peakSeason span {background-color:#FACCA7; width:20px;height:20px;display:block;border:1px dotted #CCCCCC;}	
.shoulder span{background-color:#d3b5df; width:20px;height:20px;display:block;border:1px dotted #CCCCCC;} 	
.selected span {background-color:#ffff99; width:20px;height:20px;display:block;border:1px dotted #CCCCCC;}	



.vacancytimetablescroller {
	overflow-x: scroll; 
	width: expression(document.body.clientWidth < 800? "240px" : document.body.clientWidth < 1024? "450px" : document.body.clientWidth < 1150? "580px" : document.body.clientWidth < 1280? "730px" : "auto");
	width: 100%;
}	

tr.homename td, tr.homename th {height: 40px;}
.surcharge, .minNights {font-size:.9em;padding-right:2px;}
.surcharge {clear:left;}
.minNights {float:right;}
th.homename {border-right: none;}
td.surcharge {background: #fff; border-left: none;}

/*book now button layout */
td.booknow {background: #FFFF99; height:48px!important;}
	td.booknow span {vertical-align: 0px;}
td.booknowalt {	padding: 7px 0;*padding: 3px 0;}
.booknowcontainer{position:relative; height:0px;}
.booknowbtn{position:absolute;left:305px;width:598px;/*al*/ }
.booknowbtn  span {vertical-align: 0px;}
.booknowtext {line-height:30px;font-size:0.9em; float:left;margin-right:5px;}
.booknowbtn input {margin-left:10px;}

/* holiday homes line */
.homedetailslineouter {
	width: 99.7%;
	border: 1px solid #e5e5e5;
	float: left;
	margin-top: 7px;
}
.homedetailsline {padding: 2px 3px;}

.linetitle {
	background: #FFF8DF;
	float: left;
	margin-bottom: 4px;
	padding: 3px;
	border-bottom: 1px solid #ccc;
	width: 99.7%;
	display:block;
}
	.linetitle h3 {width: 99%; color: #666;}

.addressdescriptioniconsouter {	width: 99.7%;}	

.homedetailsline .address {	float: left;width: 19%;	}
	.homedetailsline .address p {font-size: .9em; color: #999;}
	
.homedetailsline .descriptionicons {float: right;width: 79% !important;}

.datepicker {float:left;}




/***************** Things to do ********************/

.eventContainer{background: #FFF8DF;float:left;width:100%;}

.events {width:49%;float:left;}

     .events h4 {text-transform:uppercase;margin:20px 10px 5px 20px;font-size:1.1em;font-weight:normal;}
    
     li.event, li.attraction, li.otherattractions, .events div#RSSFeed {
        border:1px solid #f8ecbc;
        background:#fff /*url(../images/general/eventBG.jpg) repeat-x top right*/;
        padding:10px;
        margin:0 15px 1px 15px;
        border-bottom-style:dashed;
        height:60px;
        height:auto;
        min-height:60px; 
     }
     
    li.promo {
        background:#f9fdff url(../images/general/sponsored.jpg) repeat-x top right;
        border:1px solid #b3daef;
        margin:0 15px 4px 15px;  
        height:105px;
        height:auto;
        min-height:105px; 
    }
    li.promo h5 {font-weight:bold;}
    li.attrLink{margin:0px 0 0 20px; float:left;}
    li.attraction {margin-right:20px;}
   
     /* attractions & events styles */
    .events img.icon, .otherattractions img.icon  {float:left; margin-right:5px;border:1px solid #dfce8b; padding:2px;}
    .events img.promoImage {float:right;border:1px solid #dfce8b; padding:2px; position:relative;}
    .events h5 {margin-top:0px; font-weight:normal;font-size:1.2em;}
    .events li span.type { display:block; color:#999; font-size:.9em;}
    .events li span.date { display:block; font-weight:bold; font-size:.9em;}
    
    .attraction li {float:left;}    
    
/*rss overrides*/
div#RSSFeedContent h4 {text-transform:none;margin:0px 0px 0px 0px;font-size:1.1em;font-weight:bold;}
p.rssFeed {margin:0 0 0 15px;}

/* ----------------------------------------*/
/* >>>>>>>>> Tenancy conditions <<<<<<<<<<<-*/
/* ----------------------------------------*/ 
.conditions {float:left;}
.conditions div.formsection {padding:0;}

/* ----------------------------------------*/
/* >>>>>>>>> Payments page <<<<<<<<<<<-*/
/* ----------------------------------------*/ 

div.bookingInfo {background-color:#fcfadc;padding:10px;margin-bottom:10px;}

/*dps form*/
legend.dps {padding:15px 100px 15px 0; background: transparent url(../images/general/dpsSmall.gif) no-repeat 90% 0px ;}
    a.dps {float:right;}
    div.dpsForm {float:left;}

.poliLink {
    left:230px;
    font-size:.8em; 
    background: transparent url(../images/general/poliSmall.gif) no-repeat 1px 0px ;
    padding:15px 10px 10px 100px;
    position:relative;
    top:-36px;
}
/*Poli form*/
legend.poli {padding:15px 130px 15px 0; background: transparent url(../images/general/poliSmall.gif) no-repeat 90% 0px ;}

    img.poliLogo {float:right;}
    div.poliForm {float:left;}
    .poliFormLink {clear:both;display:block;margin-left:20px;}

/*modal window*/
body #simplemodal-container {background:#fff;border:#ccc 1px solid;}
body #simplemodal-container #TenancyConditions {padding:20px;}
body #simplemodal-container .modalHeader a {
	background:url("../images/general/x.gif") no-repeat scroll top right #efefef;
    text-indent: -9999em;
	cursor:pointer;
	display:block;
	float:right;
	height:29px;
	width:30px;
	z-index:3200;
}

body #simplemodal-container .modalHeader {
	background:#efefef;
	border:1px solid #CCCCCC;
	display:block;
	height:29px;
	left:-1px;
	position:absolute;
	top:-31px;
	width:100%;
	z-index:3200;
}