body {
	position:			relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size:			12px;
	line-height:		1.3em;
	color:				#333;
	background-color:	#fff;
	margin:				0;
	padding:			0 20px 24px 20px;
}
/* FIXES */
img {
	display:			block;
}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin:				0;
	padding:			0;
}

/* input, textarea, select, button {
	font-size:16px;
	line-height:20px;
} */
a:active {  /* remove firefox link outlines */
	outline:			none;
	border:				none;
}
a:focus, a img {  /* remove firefox link outlines */
	-moz-outline-style:	none;
	outline:			none;
	border:				none;
}

p.expired {
	color:red;
	font-weight:800;

}

#page {
	position: relative;
	width: 800px;
	margin: 0 auto;
}

#header {
	border-right: 1px solid #333;
	border-left: 1px solid #333;
}
/* NAV */
#nav {
	background: #eee;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	width: 798px;
}
#nav a {
	float: left;
	font-size: 13px;
	border-right: 1px solid #333;
	padding: 10px 8px;
}
#nav a#last {
	border-right: 0px;
}
#nav a:link, #nav a:visited {
	background-position: 0 0;
}
#nav a:hover, #nav a:active {
	background-position: 0 -41px;
}

#content {
	padding: 20px;
}
.leftCol, .rightCol {
	float: left;
	padding-top: 20px;
}
.leftCol {
	width: 60%;
}
.rightCol {
	width: 35%;
	padding-left: 5%;
}
.column {
	float: left;
	width: 45%;
	padding: 0 5% 0 0;
}
.rightCol .image {
	padding: 0 0 10px 0;
}
.container {
	padding: 0 0 20px 0;
}
.propertyDetails {
	float: left;
	padding: 0 20px 0 0;
}

.member_lookup_content {
	width:100%;
	padding-top:10px;
}
.member_lookup_content .member_lookup_container {
	float:left;
	width:50%;
}
.member_lookup {
	width: 90%;
	padding: 0 0 20px 0;
}
.member_lookup .lookup_form {
	float:left;
	padding-right:20px;
}

.member_lookup .lookup_form p {
	line-height: 17px;
	font-weight:800;
}

.member {
	float:left;
	width: 60%;
	padding: 5px 5px 5px 5px;
	margin: 0 0 20px 0;
	border: red 1px solid;
	background-color:#F8F8F8;
	position:relative;
}

.member_shade {
	float:left;
	width: 60%;
	padding: 5px 5px 5px 5px;
	margin: 0 0 20px 0;
	border: red 1px solid;
	background-color:#CCCCCC;
	position:relative;
}

.member_info {
	float: left;
	width: 50%
}

.membership_info {
	float: right;
	width: 50%;
}

.membership_info .select {
	position:absolute; right:10px; bottom:10px;
}

.membership_info .member_select {
	width: 100px;
}


h1,h2,h3,p { padding: 0 0 10px 0; }
h1 { line-height: 1em; }
table {
	padding: 5px 0;
	margin: 0 0 15px 0;
}
table th {
	text-align: left;
}
table th, table td {
	padding: 5px;
}

.floatLeft {
	float: left;
}
.container .floatLeft {
	width: 49%;
	padding: 0 1% 0 0;
}
.searchBar {
	border: none;
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
}
.searchBar .label {
	white-space: nowrap;
}
.box {
	border: 1px solid #333;
	padding: 10px;
	margin: 0 0 20px 0;
}
.gradientBox {
	background: url(../images/bg_sidebar.gif) 0 0 repeat-x;
	border: 1px solid #e6e6e6;
	margin: 0 0 15px;
	padding: 0 0 10px 0;
}
.gradientBox .container {
	padding: 0 10px;
}
.gradientBox h2 {
	background: #e1e1e1;
	padding: 5px 10px;
	margin: 0 0 10px 0;
}

table.unitAmenities {
	margin: 0px;
}

table.unitHighlights {
	margin: 0px;
}

table.box th, table.box td {
	border-bottom: 1px solid #333;
	padding: 5px;
}

table.box td#charge {
	text-align:right;
}

table.box td.total {
	border-bottom: 0px;
	padding: 5px;
}
.box .image {
	float: left;
	width: 100px;
	padding: 0 10px 0 0;
}

.box .image .thumbnail {
	margin-left:auto;
	margin-right:auto;
}
.box .image a {
	text-decoration:none;
	font-size:10px;
}
.box .image .image_details {
	text-align:center;
	padding:0;
}
.box .details {
	float: left;
	width: 196px;
	padding-right: 15px;
}

#propertyConfirm{
	float: left;
	width: auto;
	max-width: 327px;
	padding-right: 15px;
}

.userDetails {
	float: left;
	width: 200px;
	padding: 0 10px 0 0;
}
.box .buttonContainer {
	float: right;
	width: 140px;
}
.box .address {
	padding: 0 0 5px 0;
}
.box .availDates {
	padding: 0 0 5px 0;
}
.box .bedroom {
	padding: 0 0 5px 0;
}
.box .tableContainer, .box .datesContainer {
	float: right;
	width: 270px;
}
.box .datesLeft {
	float: left;
}
.propertyDates {
	border: none;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	width: 340px;
	padding: 0;
	margin: 0;
}

.holds {
	width: 270px;
}

.propertyDates th, .propertyDates td {
	vertical-align: top;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 5px 10px;
}

.propertyDates th.checkin, .propertyDates td.checkin {
	width:200px;
}

.propertyDates th.price, .propertyDates td.price {
	width:69px;
}

.propertyDates th.booknow, .propertyDates td.booknow {
	text-align: center;
	width:69px;
}
.propertyDates th.addFunweek, .propertyDates td.addFunweek {
	text-align: center;
	width:69px;
}

#propertyDetails {
	border: none;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	width: 450px;
	padding: 0;
	margin: 0;
}

.propertyConfirmDetails {
	border: none;
	/*border-top: 1px solid #333;
	border-left: 1px solid #333; */
	width: 270px;
	padding: 0;
	margin: 0;
}

.propertyConfirmDetails th, .propertyConfirmDetails td {
	vertical-align: top;
	/*border-right: 1px solid #333;
	border-bottom: 1px solid #333;*/
	padding: 1px 1px;
}

.propertyConfirm h2 { padding: 0 0 5px 0; }
.row {
	padding: 0 0 5px 0;
}
.last {
	border-bottom: 1px solid #333;
	padding: 0 0 2px 0;
	margin: 0 0 10px 0;
}
.detail {
	float: left;
	padding: 0 20px 0 0;
}
.propertyConfirm .leftCol, .propertyConfirm .rightCol {
	float: left;
}
.propertyConfirm .leftCol {
	width: 20%;
	padding: 0 5% 0 0;
}
.propertyConfirm .rightCol {
	width: 75%;
	padding: 0;
}
.property .image {
	width: 110px;
}
.floatLeft .label {
	display: block;
	text-align: left;
}
.moreDates {
	float: right;
	padding: 5px 0;
}
.button {
	display: block;
	text-align: center;
	border: 1px solid #333;
	background: #eee;
	line-height: 1em;
	padding: 4px 0;
	margin: 0 0 5px 0;
}
.backButton {
	float: right;
}
.label {
	text-align: right;
	font-weight: bold;
}
select {
	margin: 0 5px 0 0;
}
.innerLabel {
	margin: 0 5px 0 0;
}

#errors {
	display: none;
	color: red;
	font-size: 14px;
	padding: 0 0 10px 0;
}
#errors h3 {
	font-size: 14px;
	padding: 0;
}

.end {
	clear:				both;
	font-size:			1px;
	line-height:		.1em;
}

div.error_container {
  margin-left: auto;
  margin-right: auto;
}
span.error {
  font-size: 10px;
  color: red;
}

div.success_container {
  margin-left: auto;
  margin-right: auto;
}
span.success {
  font-size: 10px;
  color: blue;
}

div.letters {
  letter-spacing: 5px;
}

div.letters #all {
  padding-left: 5px;
  letter-spacing: 1px;
}

div.pagination {
  text-align:center;
}

div.locations_dropdown {
  width: 200px;
}

select#location_dropdown {
  width: 100%;
}

select:focus#location_dropdown {
  width: auto\9;
}

/* Fun Weeks */
.emailDisplay {
	font-size: 14px;
	width: 600px;
	padding: 0 0 20px 0;
	margin: 0 auto;
}
.emailDisplay .subject {
	padding: 0 0 5px 0;
}
.emailDisplay .banner {
	padding: 0 0 10px 0;
}
.emailDisplay .tagline {
	font-weight: bold;
}
#graphic {
	padding: 10px 0;
}

a.big_button {
	display:block;
	width:90%;
	height:auto;
	padding:10px;
	margin:auto;
	color:#555;
	text-decoration:none;
	background-color:#ccc;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	border: 1px solid #ccc;
}

a.big_button:hover {
	background-color:#ddd;
}

form#login {
	background: url('../images/bg_sidebar.gif') 0 0 repeat-x;
}

.case_sensitive {
	margin-left: 10px;
	font-style: italic;
	font-size: 11px;
}

div.outage_msg {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid red;
	padding: 10px;
}

#search_form {
	display: inline;
}

.access_table {
	/*text-align: center;*/
	width: 100%;
	margin: 0px;
}

.dataList tr:nth-child(even) {
	background-color: #DDD;
}

.dataList tr:nth-child(odd) {
	background-color: #FFF;
}

.access_table tr th, .access_table tr th a {
	text-align: left;
	text-decoration: none;
	background-color: black;
	color: white;
}

.access_table tr td {
	height: 25px;
}

.access_table .phone {
	white-space: nowrap;
}

.access_table .active, .access_table .sales_access {
	color: #1DD01D;
	font-weight: bold;
	font-style: italic;
}

.access_table .inactive, .access_table .no_sales_access {
	color: red;
	font-weight: bold;
	font-style: italic;
}

.access_table tr td.bookings {
	text-align: center;
}

#access_create_agent, #access_create_member {
	background: url('../images/bg_sidebar.gif') 0 0 repeat-x;
}

.access .letters {
	width: 100%;
	background: url('../images/bg_sidebar.gif') 0 0 repeat-x;
}

.access .auto_register_note {
	display: block;
	margin: 2px 20px;
	font-size: 13px;
	font-weight: bold;
}

.access #auto_register_1 {

}

.access #auto_register_2 {
	font-size: 11px;
}

/* member-details */
.info {
	margin-top: 20px;
}

#memberNotes tr td {
}

#memberNotes tr td.noteContent {
	white-space: normal;
}

#notes_container textarea {
	width: 100%;
	height: 150px;
}


/* custom-property-details */
#customPropertyDetails tr td {
	white-space: nowrap;
	padding-bottom: 5px;
	padding-left: 5px;
}
#customPropertyDetails tr td .note {
	font-size: 8px;
}
#customPropertyUnitDetails .tableRow input[type=number] {
	width: 30px;
}

#customPropertyUnitDetails tr td {
	white-space: nowrap;
	padding-bottom: 15px;
	padding-right: 5px;
}

/* wholesalers */
#wholesalerList td {
	cursor: pointer;
}

#wholesalerList td.wholesalerEdit, #wholesalerList td.wholesalerDelete {
	cursor: default;
}


/* Paginator */
div.pages {
	width: 100%;
}

div.ipp {
	float: right;
}

select.paginate {
	margin-left: 10px;
}

.paginate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-style: italic;
}

a.paginate {
	border: 1px solid #000080;
	border-color: #DDD;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
	/*color: #000080;*/
	color: #DDD;
}


a.paginate:hover {
	background-color: #000080;
	background-color: #DDD;
	color: #FFF;
	text-decoration: underline;
}

a.current {
	border: 1px solid #000080;
	border-color: #000;
	font: bold .8em Arial,Helvetica,sans-serif;
	padding: 2px 6px 2px 6px;
	cursor: default;
	background:#000080;
	background: #000;
	color: #FFF;
	text-decoration: none;
}

.pages span.inactive {
	border: 1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding: 2px 6px 2px 6px;
	color: #999;
	cursor: default;
}

.funWeeksListings tr {
	white-space: nowrap;
}

.funWeeksListings tr th a {
	color: #000;
	text-decoration: none;
}

.funWeeksListings tr:nth-child(even) {
	background-color: #EEE;
}

#add_funweek {
	background: url('../images/bg_sidebar.gif') 0 0 repeat-x;
}

.tableRow {
	margin: 0;
	padding: 0;
}

#customPropertyUnitDetails .tableRow tr td {
	padding-bottom: 0;
}

span.stars, span.stars span {
    display: block;
    background: url(../images/stars.png) 0 -16px repeat-x;
    width: 80px;
    height: 16px;
	margin: 5px 0;
}

span.stars span {
    background-position: 0 0;
}


/* Datepicker */
.ui-datepicker { width: 17em; padding: 5px; display: none; border: 1px solid #666; background: #ddd; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev { left:2px; cursor: pointer; }
.ui-datepicker .ui-datepicker-next { right:2px; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev:hover { text-decoration: underline; }
.ui-datepicker .ui-datepicker-next:hover { text-decoration: underline; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; border: 1px solid #ccc; background: #eee; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* Micro Clearfix */
.clear:before, .clear:after { content: " "; display: table; }
.clear:after { clear: both; }
.clear { *zoom: 1; /* IE6/7 */ }

.clearAfter + * { clear: both; }

.hidden {
	display: none;
}

.janchor {
	cursor: pointer;
}