body
{ 
	font-family: Arial,Verdana,'Sans-Serif'; 
	font-size: 12px; 
	min-width: 960px; 
	line-height:20px;
}

input,textarea,select {/*font-size: 12px;*/}

a,h1,h2,h3,h4,h5,h6,.subtitle1,.subtitle2, .subtitle3,subtitle4,#resort-home .resort-home-summary #footer
{ font-family: "Lucida Grande","Lucida Sans Unicode",Arial;}


h1 {font-size: 24px;}
h2 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size:16px;}
h6 {font-size:12px;}
.subtitle1 {font-size:14px;}
.subtitle2 {font-size:13px;}
.subtitle3 {font-size:12px; line-height:12px;}
.subtitle4 {font-size:10px;}
h1,h2,h3,h4,h5 {margin-bottom: 10px;}

a {text-decoration: underline; cursor: pointer;}
#footer a {text-decoration: none;}

label {float: left;}

p { padding: 0px 0px 4px 0px; clear:left; }

img {border:0 none; margin:0; padding:0;}

hr {border: 0px; height:0px; border-bottom-style:dotted; border-bottom-width:1px; border-top-style: none; border-top-width: 0px; margin: 5px 0px 5px 0px; clear: both;}

input,textarea,select {border-style: solid; border-width: 1px; font-size:11px; margin: 0px 2px 5px 0px;}
/*input[type=text]{height:16px;}*/
input[disabled], input[readonly] { border-style: none; }

.parts{padding:0; margin-bottom: 20px;}
.clear{clear:both;}
.bold {font-weight:bold;}
.center {text-align: center;}

.alert-container,.alert-row
{
	background: url(images/messaging/error_bg.png) 50% 50% repeat; 
}
.alert-container
{
	border-style: solid; border-width: 1px; 
	padding: 5px;
}
.hide {display:none;}

/* header + culture selector*/
div.header-spacer{margin-left: 40px;}
#header-content {position: relative;}
#header-our-group {position: absolute; left: 10px;}
#header-customer {position: absolute; left: 400px;}
#header-culture{ position: absolute; left: 790px;}
#header-login {position: absolute; right:0;}
#main-nav {position: relative;}


/*footer*/
div.footer-payments, div.footer-advertise, div.footer-advertise{ width: 215px; }
div.footer-aboutus{ width: 140px; }
div.footer-our-sites { width: 300px; }
div.footer-payments, div.footer-our-sites, 
div.footer-aboutus,div.footer-advertise {margin-left: 10px; padding: 5px; min-height: 100px;}
div.footer-payments, div.footer-our-sites, 
div.footer-aboutus {border-right-style: dotted; border-right-width: 1px;}
div.footer-aboutus ul { list-style-type: none;}

/*main content area*/
div.content-top{background: url(images/rounded/div_content_top.png) no-repeat top left; padding: 5px 0px 0px 0px;}
div.content-main{width:935px; height:auto; min-height: 480px;  padding: 10px 10px 20px 15px; }
div.content-bottom{background:url(images/rounded/div_content_bottom.png) no-repeat bottom left ;height: 5px; padding: 0}

/*home page resort section*/
#resort-home{width:920px; height: 204px; background: transparent url('images/general/resort.jpg') no-repeat top left; margin-bottom: 20px;}
#resort-home .resort-home-summary {padding: 50px 0 0 30px;}
#resort-home .resort-home-headline {width: 400px;}
#resort-home-overview {width: 380px; padding: 5px 0 10px 0; border-top-style: dotted; border-top-width: 1px; min-height: 140px;}
#resort-manager-overview {width: 240px; padding: 5px 0 10px 0; border-top-style: dotted; border-top-width: 1px; min-height: 140px;}

/*search div with coloured background*/ 
div.search{width: 201px; padding:10px; min-height: 170px; }
div.search-top {background: transparent url(images/rounded/div_fill_top.gif) no-repeat scroll top left; height: 5px; z-index:1;}
div.search label {font-weight: bold;}
div.search-bottom {background: transparent url(images/rounded/div_fill_bottom.gif) no-repeat scroll bottom left;height: 5px;z-index:2;}

/*address container*/
div.address-spacer{margin-right: 20px;}
div.address-container{height: 180px;}
div.address-edit{height: 20px;}
div.address{width: 200px; padding: 10px; border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; min-height: 190px;}
div.address-top {background: url(images/rounded/div_fill_1_top.gif) no-repeat top left ; height: 5px;}
div.address label {font-weight: bold;}
div.address-bottom {background:url(images/rounded/div_fill_1_bottom.gif) no-repeat bottom left;height: 5px;}

/*square div with top dotted border*/
div.detail-home{ float: left; width: 200px; margin: 0px 20px 0px 0px; padding-top: 10px;  border-top-style: dotted; border-top-width: 1px; }
a.detail-home {vertical-align: baseline;}

/*weather*/
.weather,.weather-forecast{ width: 190px; border-style: solid; border-width: 1px;padding: 5px; min-height: 67px;}
.weather .location {font-family: "Lucida Grande","Lucida Sans Unicode",Arial;font-weight: bold;}
.weather-forecast td {text-align: center;}
.weather-forecast table{ width: 100%;}

/*booking quote*/
#booking-quote {width: 250px;}
.booking-quote-fill{width: 201px; padding:10px;}
.booking-quote-fill-top {background: transparent url(images/rounded/div_fill_top.gif) no-repeat scroll top left; height: 5px; z-index:1;}
.booking-quote-fill label {font-weight: bold;}
.booking-quote-fill-bottom {background: transparent url(images/rounded/div_fill_bottom.gif) no-repeat scroll bottom left;height: 5px;z-index:2;}


/*div with coloured background*/ 
div.attention{width: 201px; padding:10px;}
div.attention-top {background: transparent url(images/rounded/div_fill_top.gif) no-repeat scroll top left; height: 5px; z-index:1;}
div.attention-bottom {background: transparent url(images/rounded/div_fill_bottom.gif) no-repeat scroll bottom left;height: 5px;z-index:2;}


/*rounded div with gray background and border*/
div.fill{width: 200px; padding: 10px; border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px;}
div.fill-top {background: url(images/rounded/div_fill_1_top.gif) no-repeat top left ; height: 5px;}
div.fill label {font-weight: bold;}
div.fill-bottom {background:url(images/rounded/div_fill_1_bottom.gif) no-repeat bottom left;height: 5px;}


/*rounded half width div with no background and with border*/
div.fill-half {width: 400px; padding: 9px; border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px;}
div.fill-half-top {background: url(images/rounded/div_fill_2_top.gif) no-repeat top left ; height: 5px;}
div.fill-half label {font-weight: bold;}
div.fill-half-bottom {background:url(images/rounded/div_fill_2_bottom.gif) no-repeat bottom left; height: 5px;}

/*rounded full width div with no background and with border*/
div.nofill-full{width: 890px; padding: 9px; border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px;}
div.nofill-full-top {background: url(images/rounded/div_nofill_full_top.gif) no-repeat top left ; height: 5px;}
div.nofill-full label {font-weight: bold;}
div.nofill-full-bottom {background:url(images/rounded/div_nofill_full_bottom.gif) no-repeat bottom left; height: 5px;}

/*square div with white background and border*/
div.nofill-home-spacer{margin-left: 40px;}
div.nofill-home {width: 200px; padding: 5px 0 10px 0; border-top-style: dotted; border-top-width: 1px; min-height: 200px;}

/*square div with coloured background*/
div.highlight-container{padding: 3px; text-align: center; font-weight: bold;}

/*map popup*/
div.map-info-container { width:350px; padding: 5px;}

/*user profile*/
div.profile-spacer{margin-left: 40px;}
div.profile{background: transparent url(images/general/manager_stamp.gif) no-repeat top right; min-width:300px;}

/*property details*/
div.details-spacer{margin-left: 40px;}
div.details {width: 200px; padding: 10px 0 10px 0;}

/*booking dates*/
#booking-dates{
	margin: 0;
	padding: 0;
	float: left;
}
#booking-dates li{
	display: inline;
	margin-right: 10px;
}
#booking-dates li a {font-size: 16px;}


/* review speech bubble */
div.review {
	width: auto;
	margin-bottom: 20px;
}
div.review blockquote {
	margin: 0px;
	padding: 15px;
	border-style: solid;
	border-width: 1px;
}
div.review blockquote p {
	padding: 0px;
	font-style: italic;
}
.review-by {
	position: relative;
	margin: 0px;
	padding: 10px 0px 0px 30px;
	top: 6px;
	font-weight: bold;
}

/* reply speech bubble */
div.reply 
{
	width: 90%;
	float: right;
	margin-bottom: 20px;
}
div.reply blockquote {
	margin: 0px;
	padding: 15px;
	border-style: solid;
	border-width: 1px;
}
div.reply blockquote p {
	padding: 0px;
	font-style: italic;
}
.reply-by {
	position: relative;
	margin: 0px;
	padding: 10px 0px 0px 100px;
	top: 6px;
	font-weight: bold;
}

/*notes icon*/
.notes 
{
	width: 40px;
	height: 36px;
	text-align: center;
	padding-top: 4px;
	background: transparent url(images/general/notes.gif) no-repeat left top;
}

/*rich text box editor*/
.htmleditor
{
	width: 600px;
	height: 300px;
}

/*site list*/
.site-list{
	position: relative;
	padding: 0 30px 0 0;
}

/*video list*/
.vc-list{
	position: relative;
	padding: 0 20px 0 0;
}

/*facility list + new user benefits list*/
/*site booking overview*/
/*help text*/
/*location list*/

.site-booking-overview li, .help-text li, .benefits li, .user-menu li
{ 
	list-style-type: none; margin-left:10px; 
}
.facility-list,.benefits li,.site-booking-overview li, .help-text li {
	position: relative;
	padding: 0px 10px 0px 20px;
}
.location-list
{
	position: relative;
	padding: 0px 40px 0px 20px;
}
.pointed-list
{
	position: relative;
	padding: 0px 0px 0px 15px;
}
.user-menu li
{
	position: relative;
	padding: 0px 5px 0px 5px;
}
.facility-list,.benefits li,.site-booking-overview li, .help-text li,.location-list, .pointed-list
{
	background: transparent url(images/general/li.gif) no-repeat 0 3px;
}
.user-menu li 
{
	display: block;
	float: left;
}

/*search filters on top of lists*/
.search-filter li
{ 
	display: inline;
	list-style-type: none;
	padding-right: 10px;
}
/*location link*/
.location-link
{
	position: relative;
	padding: 0px 20px 20px 0px;
}

/*image gallery edit*/
.image-frame,.image-selected, .image-noframe
{
	padding: 2px;
	margin: 1px;
}
.image-frame,.image-selected
{
    border-style: solid ! important;
    border-width: 1px ! important;
}
.image-noframe
{
	border: none;
}
.image-link
{
	cursor:pointer; 
	vertical-align:middle; 
}
	
/*image and video title overlay*/
.ic-main{
	/* only need a width if it's not inheriting one
 	width:; */
	position:relative;
}

.ic-box{
	position:absolute;
	bottom:0;
	left:0; /* since it's positioned absolutely it will need a width, but not height, that would fill the entire box covering the image */
	width:100%;
}

.ic-box-bg{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.ic-desc{
	padding:5px;
	font-weight:normal;
}

.vc-desc
{
	padding:5px;
	font-weight:normal;
}

.ic-desc, .vc-desc, .char-count
{
	font-family:'Trebuchet MS', Arial, Verdana, Sans-Serif;	
	font-size:0.75em;
	text-align:center; 
}

/*calendar legend*/
div.calendar-available,div.calendar-changeover, div.calendar-booked
{
    width: 20px; 
    height: 20px; 
    border-style: solid; border-width: 1px;
}