/* --------------------------------------*/
/* >>>>>>>>>>>>> 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;padding-left:10px;}
.currentvacancies .formsection {padding-bottom:10px;padding-right:0;}
.currentvacancies p.strong input {margin:0 0 30px 20px;}
.currentvacancies label {display:inline; float:left; width:90px;}
.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;}
    
.currentvacancies .highlight {clear:both; display:block;background-color:#fcfbe9; border:1px solid #f4f1ce; padding:0px 0 10px 0;width:320px;}
.currentvacancies .highlight label{padding-left:35px; background: transparent url(../images/icons/attractionIcon.gif) no-repeat top left;}
.currentvacancies .highlight fieldset {padding:5px 0 0 5px;}
.currentvacancies .highlight legend {padding-top:5px;}
.currentvacancies .highlight .formsection {padding:0 0 5px 0;}
.currentvacancies .highlight .formsection label {width:75px;}
.currentvacancies p .required {padding:0;}

.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;
}

.icnMagnify
{
    padding-left:15px;
    background: #fff url('../images/icons/magnify.png') no-repeat scroll 0 4px;
}

/* 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 {
    border:1px solid #e8e5bf;
    background:#f1eec4;
    position:relative;
    padding:10px 15px;
    width:400px;
    margin-top:20px;
    float:left;
}

.cvPromo img {
    position:absolute;
    left:356px;
    top:-25px;
}
 
.cvPromo a {
    font: bold 1em verdana;
    color:#666666;
    width:420px;
    text-decoration:none;
    padding-left:10px;
}


/* 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;
	padding-bottom:10px;
	}
	
/* subfields error */
.currentvacancies .subfieldserror {
	border:3px solid #ffb55f;
	background: #FFF0DF; 
	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;}
table.leftheading th.nearby, table.vacancytimetable td.nearby {height:45px;}
table.leftheading th.homename {border-left:1px dotted #ccc;/*padding-top:3px;*/}

table.leftheading th.homename {border-left:1px dotted #ccc;}
table.leftheading .booknowalt {border:none;}


/*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 th.homename {background: #fff; font-size: 1em; padding-left: 7px;height:42px;}
.currentvacancies .homename a {float:left;display:block;}
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;border-right:0;}
.currentvacancies td.peak { background-color:#FACCA7;text-align:center;vertical-align:middle;border-right:0;}
.currentvacancies td.offPeak { background-color:#A1BBDC;text-align:center;vertical-align:middle;border-right:0;}

.currentvacancies td.selected { background-color:#ffff99;text-align:center;vertical-align:middle;}
.currentvacancies td.unselectable { border-right:0;border-left:0; }
.currentvacancies td.tick { background:#ffff99 url(../images/general/tick.png) no-repeat center 50%; }
.currentvacancies input.hideradio { display:none;}


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:45px!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:625px;/*al*/ }
.booknowbtn  span {vertical-align: 0px;}
.booknowtext {line-height:30px;font-size:0.9em; float:left;margin-right:5px;}
.booknowbtn input {margin-left:10px;}
.override {position:relative; top:-10px;} 

/* holiday homes line */
.homedetailslineouter {
	width: 99.7%;
	border: 1px solid #e5e5e5;
	float: left;
	margin:15px 0;
}
.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 {}
	.homedetailsline .address p {font-size:.9em; color: #666;float:left;padding-right:20px;font-weight:bold;}
	
.homedetailsline .descriptionicons {clear:both;padding-left:15px;}

.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;
}


/* ----------------------------------------------*/
/* >>>>>>>>> Holiday Feedback Survey <<<<<<<<<<<-*/
/* ----------------------------------------------*/ 

.deleteSuggestion, .deleteProblem {
    position:relative;top:15px;left:365px;
    font-size:0.8em;
}

#holidayFeedbackSurvey .charcount {
    position:relative;left:365px;
}
    
#holidayFeedbackSurvey textarea {
    height:120px;
}



/* ----------------------------------------------*/
/* >>>>>>>>> Current Vacancies Maps <<<<<<<<<<<-*/
/* ----------------------------------------------*/ 

.maplink {
	position: absolute;
	left: 0;
	top: 0;
	white-space:nowrap;
}

div.mapcontainer {
	float: left;
	width: 280px;
	margin-right:30px;
	margin-left:10px;
}

div.mapnewzealand {
	position: relative;
	background: transparent url(../images/general/mapNewZealand.png) 0 0 no-repeat;
	margin: 0 auto;
}

div.mapnewzealand a 
{
    font-size:0.8em;
}


/* ----------------------------------------------*/
/* >>>>>>>>> Current Vacancies Tool Tip <<<<<<<<<<<-*/
/* ----------------------------------------------*/ 

.bach-tooltip {display:none; position:relative;}
.bach-tooltip .content {position:absolute;margin:10px 0 10px 60px;padding:5px 10px 10px 10px;font-size:0.8em;width:200px;background:#fbf1cc;border:solid 1px #f5d68b;height:80px;z-index:2;left:50px;top:-5px;}
.bach-tooltip .content img.photo {width:80px;height:60px;float:left;margin-right:12px;border:1px solid #f5d68b;}
.bach-tooltip .content ul {clear:none;padding:2px;margin:0;}


/* ----------------------------------------------*/
/* >>>>>>>>>>>>>>>>>>> Homes <<<<<<<<<<<<<<<<<<<-*/
/* ----------------------------------------------*/ 

.home .carouselcontainer {float:left;width:280px;}
.home a.carousel {display:block;border:1px solid #c7c7c7;margin:0 auto;text-align:center;border-bottom:none;width:278px;}
.home #mainImage {padding:5px;}
.home .locationDescription {padding:3px;}
.home .descriptioncolumns div {float:left;width:300px;padding-right:10px;}
.home .descriptioncolumns ul li {list-style-type:disc;list-style-position:inside;}
.home .descriptioncolumns ul {list-style-type:disc;list-style-position:inside;}
.home .icons ul li {list-style-type:none;}
.home .contentfloater {width:460px;}
.home .formsectioncontainer {background:#FFF3AF;border:1px solid #FFD100;width:180px;float:right;height:60px;}