/* SVN FILE: $Id: main.css 259 2009-11-22 09:45:18Z Chris $ */
/**
 * Main CSS files
 *
 * @copyright    Copyright 2008 PBM Web Development - All Rights Reserved
 * @package      css
 * @since        V1.0.0
 * @version      $Revision: 259 $
 * @modifiedby   $LastChangedBy: Chris $
 * @lastmodified $Date: 2009-11-22 09:45:18 +0000 (Sun, 22 Nov 2009) $
 */

/* Stop Flash Of Unstyled Content
   The html element is given the js class in javascript
   This means that if the user has javascript disabled
   these statements have no effect
*/
html.js #availability-calendar,
html.js #updateBooking,
html.js div.portlet.rollup div.content {
  display: none;
}
/* end Stop FOUC */

body {
  background: #ebe8da;
  color: #071701;
}

h1, h2, h3, h4, h5, h6 {font-weight:bold;}
.print {
  display: none;
}
.print-button {
  background: url(/images/print.png) 0 0 no-repeat;
  cursor: pointer;
  display: inline-block;
  margin-left: 15px;
  height: 24px;
  width: 24px;
}
div.portlet {
  border-bottom: 1px inset #000;
  clear: both;
  margin-bottom: 1.5em;
}
div.login.login p.action {
  overflow: hidden;
}
div.portlet .header {
  font-size: 1.25em;
  font-weight:bold;
  line-height: 1;
  margin-bottom:0.75em;
}
div.portlet.link-list ul {
  margin: 0;
  margin-bottom: 1.5em;
  padding: 0;
}
div.portlet.link-list li {
  list-style: none;
}
div.portlet.link-list a {
  color: #071701;
  display: block;
  padding: 0 1.5em;
  text-decoration: none;
}
div.portlet.link-list a:hover {
  background: url(/images/bg/opaque/808080_25.png);
}
div.portlet.link-list a.update-question {
  color: #800515;
  text-decoration: blink;
}
div.property h3 {
  margin-bottom: 0.75em;
}
#property-show p.rating,
div.property p.rating {
  font-weight: bold;
  margin-bottom: 0.75em;
}
#property-show p span.property-rating,
div.property p span.property-rating {
  display: inline-block;
  float: none;
  margin-left: 10px;
}
div.portlet.login div.checkbox label {
  width: 150px;
}
div.portlet.login div.action {
  clear: left;
  margin: 0.5em 0;
  padding: 0;
}
.fraction {
  left: -0.2em;
  position: relative;
}
.fraction sub {
  left: 0.1em;
  position: relative;
}
.fraction sup {
  left: 0.25em;
  position: relative;
}
.signature {
  background-image: url(/images/bg/signature.png);
  height: 60px;
  text-indent: -9999px;
  width: 316px;
}
.filter {
  margin-bottom: 1.5em;
}
.filter h3,
.filter p {
  margin: 0;
}
.filter p span {
  font-weight: bold;
}
.error,
.errorSummary,
.notice,
.success,
.unauthorised,
.warning {
  border-style: solid;
  border-width: 2px;
}
.error,
.notice,
.success,
.unauthorised,
.warning {
  background-position: 10px 10px;
  background-repeat: no-repeat;
  min-height: 36px;
  padding: 10px 3em 10px 36px;
}
.error p,
.notice p,
.success p,
.unauthorised p,
.warning p {
  margin: 0;
}
.error,
.errorSummary,
.warning,
.unauthorised {
  background-color: #ffd7da;
  border-color: #800515;
  color: #800515;
}
.notice {
  background-color: #fffbd9;
  border-color: #898006;
  color: #373302;
}
.success {
  background-color: #eaffd9;
  border-color: #227405;
  color: #227405;
}
.flash.error { /* only flash messages get the background image */
  background-image: url(/images/error.png);
}
.notice {
  background-image: url(/images/notice.png);
}
.flash.success {
  background-image: url(/images/success.png);
}
.flash.unauthorised {
  background-image: url(/images/unauthorised.png);
}
.warning {
  background-image: url(/images/warning.png);
}
.number, .date {
  text-align: right;
}
.page-version {
	clear: both;
	font-size: 90%;
	font-style: italic;
}
.adr .this-country {
  display: none;
}
.vcard div.adr {
  margin-bottom: 0.5em;
  white-space: nowrap;
}
.vcard p {
  margin: 0;
}
.vcard.organizer {
  margin-bottom: 1.5em;
}
.invoice-date,
.vcard .url {
  display: none;
}

/* Properties */
.property {
  -moz-border-radius: 10px;
  margin-bottom: 1.5em;
  padding: 1.5em 40px 3em;
}
.little_dumpledale {
  background: #f48594;
}
.swallows_dance {
  background: #9eeb80;
}
.wyns_cottage {
  background: #7eb7e6;
}
.four_acres {
  background: #af7ee6;
}
.the_caravan {
  background: #fdf48b;
}
/* /Properties */
/* Availability calendar */
.cal div {
  margin: 0.75em 0;
}
.cal div p {
  margin: 0;
  padding: 0;
}
.cal div p.booked {
  background-image: url(/images/bg/opaque/ffffff_50.png);
  color: #777;
  padding: 0.25em 0.5em;
}
.cal div p a {
  color: #000;
  font-weight: bold;
  padding: 0.5em 0.5em;
  text-decoration: none;
}
.cal-wday6 div p {
  width: 200%;
  z-index: 10;
}
.cal-wday2 {
  text-align: center;
}
/* /Availability calendar */
.mapping td,
.mapping th {
  text-align: center;
  width: 25%;
}
.mapping td div {
  text-align: center;
  height: 30px;
  position: relative;
}
.mapping a {
  background-image: url(/images/mapping.png);
  background-repeat: no-repeat;
  display: block;
  height: 20px;
  margin: 5px auto;
  text-decoration: none;
}
.mapping a:hover {
  height: 30px;
  position: relative;
  top: -5px;
}
.mapping a.google {
  background-position: 0 -30px;
  width: 60px;
}
.mapping a.google:hover {
  background-position: 0 0;
  width: 90px;
}
.mapping a.mapquest {
  background-position: -90px -30px;
  width: 20px;
}
.mapping a.mapquest:hover {
  background-position: -90px 0;
  width: 30px;
}
.mapping a.mapquest.directions {
  background-position: -120px -30px;
  width: 20px;
}
.mapping a.mapquest.directions:hover {
  background-position: -120px 0;
  width: 30px;
}
.mapping a.multimap {
  background-position: -150px -30px;
  width: 35px;
}
.mapping a.multimap:hover {
  background-position: -150px 0;
  width: 53px;
}
.mapping a.yahoo {
  background-position: -205px -30px;
  width: 38px;
}
.mapping a.yahoo:hover {
  background-position: -205px 0;
  width: 56px;
}
.show, .hide {
  background: url(/images/bg/show_hide.png);
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
  height: 16px;
  text-indent: -9999px;
  width: 16px;
}
.show {
  background-position: 0 -16px;
}
.hide {
  background-position: 0 0;
}
/* Tables */
table {
  max-width: 100%;
  width: auto;
}
thead th.sortable a {
  background-image: url(/images/sortable.png);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  display: block;
  padding-right: 15px;
}
tbody th {
  text-align: left;
}
tr.even td,
tbody tr.even th {
  background-color: transparent;
  background-image: url(/images/bg/opaque/ffffff_50.png);
}
td.actions a {
  padding-right: 0.5em;
}
.total {
  border-bottom: 3px double #000;
  border-top: 1px solid #000;
}
/* /Tables */
/* Attributions */
div.attributions {
  margin: 1.5em 0;
}
div.attributions p {
  margin: 0;
  padding: 0;
}

/* /Attributions */
/* hCalendar */
.vevent .category,
.vevent .description,
.vevent .location,
.vevent .status {
  display: none;
}
/* /hCalendar */
ul.hfeed {
  list-style: none;
}
.hentry {
  background: #bfc9bf;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  float: left;
  margin-bottom: 1.5em;
  margin-right: 40px;
  padding: 1.5em 40px;
  width: 560px;
}

/* social bookmarks */
.hentry .bookmarks {
  border-top: 1px dotted #ddd;
  clear: both;
  margin: 0.5em -1.5em 0.25em;
  padding: 0.5em 1.5em 0;
  position: relative;
}
.hentry .bookmarks ul {
  margin-top: 0.5em;
}
.hentry .bookmarks li {
  display: inline;
}
.hentry .entry-content {
  padding: 0.75em 0;
}
.hentry .actions {
  margin-bottom: 0.75em;
}
.hentry .actions a {
  display: inline-block;
  margin-right: 10px;
}
.hentry div.item-status div,
.hentry div.item-status p {
  float: left;
  margin-right: 10px;
}

/* icons */
.icon {
  min-height: 16px;
  position: relative;
}
a.icon {
  display: inline-block;
  margin-right: 10px;
  padding-left: 24px;
  width: 100%;
}
a.icon span {
  left: 0;
}
span.icon {
  display: inline-block;
  position: relative;
  height: 16px;
  width: 16px;;
}
span.icon a,
.icon span:first-child {
  background: url(/images/icons.png);
  display: block;
  height: 16px;
  position: absolute;
  width: 16px;
}
span.icon a {
  overflow: hidden;
  text-indent: 24px;
}
span.icon a:hover,
a.icon:hover span  {
  height: 20px;
  left: -2px;
  top: -2px;
  width: 20px;
}
.items span.icon {
  margin-right: 8px;
}


/* icons - must come before social bookmarks */
span.icon a.item.approve {
  background-position: -40px -72px;
}
span.icon a.item.approve:hover {
  background-position: -40px -88px;
}
span.icon a.item.archive {
  background-position: -60px -72px;
}
span.icon a.item.archive:hover {
  background-position: -60px -88px;
}
span.icon a.item.delete {
  background-position: -80px -72px;
}
span.icon a.item.delete:hover {
  background-position: -80px -88px;
}
span.icon a.item.edit {
  background-position: -100px -72px;
}
span.icon a.item.edit:hover {
  background-position: -100px -88px;
}
span.icon a[rel=bookmark] {
  background-position: -140px -72px;
}
span.icon a[rel=bookmark]:hover {
  background-position: -140px -88px;
}
span.icon a[rel=bookmark] {
  background-position: -140px -72px;
}
span.icon a[rel=bookmark]:hover {
  background-position: -140px -88px;
}
span.icon a[rel=external] {
  background-position: -160px -72px;
}
span.icon a[rel=external]:hover {
  background-position: -160px -88px;
}

.booking-note {
	border-top: 1px solid #000;
	clear: both;
	float: left;
	padding-top: 1.5em;
}
/* social bookmarks */
.bookmarks span.icon a {
  background: url(/images/bookmarks.png) no-repeat;
}
span.icon a.buzz {
  background-position: 0 0;
}
span.icon a.buzz:hover {
  background-position: 0 -16px;
}
span.icon a.delicious {
  background-position: -20px 0;
}
span.icon a.delicious:hover {
  background-position: -20px -16px;
}
span.icon a.digg {
  background-position: -40px 0;
}
span.icon a.digg:hover {
  background-position: -40px -16px;
}
span.icon a.facebook {
  background-position: -60px 0;
}
span.icon a.facebook:hover {
  background-position: -60px -16px;
}
span.icon a.google_bookmarks {
  background-position: -80px 0;
}
span.icon a.google_bookmarks:hover {
  background-position: -80px -16px;
}
span.icon a.live {
  background-position: -100px 0;
}
span.icon a.live:hover {
  background-position: -100px -16px;
}
span.icon a.mixx {
  background-position: -120px 0;
}
span.icon a.mixx:hover {
  background-position: -120px -16px;
}
span.icon a.myspace {
  background-position: -140px 0;
}
span.icon a.myspace:hover {
  background-position: -140px -16px;
}
span.icon a.newsvine {
  background-position: -160px 0;
}
span.icon a.newsvine:hover {
  background-position: -160px -16px;
}
span.icon a.reddit {
  background-position: -180px 0;
}
span.icon a.reddit:hover {
  background-position: -180px -16px;
}
span.icon a.stumbleupon {
  background-position: -200px 0;
}
span.icon a.stumbleupon:hover {
  background-position: -200px -16px;
}
span.icon a.technorati {
  background-position: -220px 0;
}
span.icon a.technorati:hover {
  background-position: -220px -16px;
}
span.icon a.tumblr {
  background-position: -240px 0;
}
span.icon a.tumblr:hover {
  background-position: -240px -16px;
}
span.icon a.twitter {
  background-position: -260px 0;
}
span.icon a.twitter:hover {
  background-position: -260px -16px;
}
/* Booking */
#bookings .dtend {
  display: none;
}
.invoice {
  border-top: 3px inset #000;
  overflow: hidden;
  padding-top: 1.5em;
}
.balance_overdue,
.deposit_overdue,
.unpaid {
  color: #db000d;
  font-weight: bold;
}
.unpaid {
  text-decoration: blink;
}
.balance_due {
  color: #0b51a1;
  font-weight: bold;
}
.paid_in_full {
  color: #227405;
  font-weight: bold;
}
.reserved_booking {
  color: #b59e01;
  font-weight: bold;
}
.vevent .booking,
.vevent .booking-details {
  clear: left;
  float: left;
  margin-right: 10px;
  overflow: hidden;
  width: 510px;
}
.vevent .organizer,
.weekly-breakdown {
  float: left;
  margin-right: 0;
  width: 230px;
}
.vevent .booking-details,
.weekly-breakdown {
  padding-top: 1.5em;
}
/* /Booking */
/* Hire rates */
#hire-rates-table caption {
  font-size: 110%;
  font-weight: bold;
  text-align: center;
}
#hire-rates-table td {
  text-align: right;
}
#hire-rates-table th {
  text-align: center;
}
#hire-rates-table col.start-date {
  background-color: #eee;
}
/* /Hire rates */
.alphabet {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.alphabet li {
  float:left;
  font-size:11px;
  margin-bottom: 1.5em;
  margin-right: 2px;
}
.alphabet li a {
  border:solid 1px #1b5d04;
  color:#1b5d04;
  display: block;
  font-weight:normal;
  padding:1px 6px;
  text-align: center;
  text-decoration:none;
  min-width: 0.5em;
}
.alphabet li a:hover {
  background:#7e67bb;
  border:solid 1px #1b5d04;
  color:#fff;
}
.alphabet li.selected a {
  background:#1b5d04;
  color:#FFFFFF;
  font-weight:bold;
}
#bookings td p.number,
#bookings td p.uid {
  margin-bottom: 0;
}
#bookings td p.number.total {
  margin-bottom: 1.5em;
}
#about_us h3 {
  clear: both;
}
#about_us div {
  float: left;
  margin-bottom: 1.5em;
  margin-right: 10px;
}
#about_us p {
	float:left;
  width: 480px;
}
#about_us p+div {
	float:left;
	margin-left:10px;
  width: 230px;
}
#about_us div p {
	width:auto;
}
#about_us div div {
	width: 480px;
}
#availability {
  clear: both;
}
/* Buttons and link buttons */
span.button {
  display: inline-block;
  padding-left: 1em;
  position: relative;
  top: 0.5em
}
img.pool, img.jacuzzi {
  margin-top: 0;
}
.property img {
  background: url(/images/bg/opaque/000000_50.png);
  border: 2px solid #000;
  display: block;
  float: right;
  height: 125px;
  margin-left: 40px;
  padding: 5px;
}
#slideshow {
  border-bottom: 2px solid #0d2c02;
  border-top: 2px solid #0d2c02;
  float: right;
  margin-bottom: 0.75em;;
  margin-left: 40px;
  padding: 1.5em;
}
#slideshow, #slideshowImg, #slideshowImg img {
  height: 207px;
  overflow: hidden;
  width: 310px;
}
p.button {
  margin: 0;
  overflow: hidden;
  padding: 0;
}
a.button,
button {
  background: transparent url('/images/bg/button.png') no-repeat top right;
  color: #444;
  cursor: pointer;
  display: block;
  float: left;
  font: bold 12px arial, sans-serif;
  height: 22px;
  margin: 0;
  margin-right: 6px;
  overflow: visible;
  padding: 0;
  padding-right: 18px; /* sliding doors padding */
  position: relative;
  text-align: center;
  text-decoration: none;
}
a.button span,
button span {
  background: transparent url('/images/bg/button_span.png') no-repeat;
  border: none;
  display: block;
  line-height: 12px;
  margin: 0;
  padding: 5px 0 5px 16px;
  position: relative;
  white-space: nowrap;
}
a.button:active,
button:active {
  background-position: bottom right;
  color: #000;
  outline: none; /* hide dotted outline in Firefox */
}
a.button:active span,
button:active span {
  background-position: bottom left;
  padding: 6px 0 4px 18px; /* push text down 1px */
}
a.button:hover,
button:hover {
  background-position: right -22px;
  color: #222;
}
a.button:hover span,
button:hover span {
  background-position: left -22px;
}
/* end Buttons */

/* Header */
#header {
  background: #1b5d04;
  margin: 0;
  padding: 0;
}
#header .container {
  height: 110px;
  position: relative;
}
#header h1 {
  background: url(/images/bg/header_h1.png) no-repeat 0 -20px;
  height: 151px;
  margin: 0;
  margin-left: -140px;
  width: 859px;
}
#header h1 a {
  display: block;
  height: 75px;
  text-indent: -9999px;
  width: 859px;
}
/* /Header */
/* Main navigation */
#nav-main {
  bottom: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 10px;
  z-index: 1000; /* Needs to be larger than the number of images in the display */
}
#nav-main li {
  float: left;
  margin: 0;
  position: relative;
}
#nav-main li a {
  color: #b4c4ae;
  display: block;
  font-size: 1.25em;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 0.4em 0.4em;
  text-decoration: none;
}
#nav-main li:hover,
#nav-main li a:hover,
#nav-main li a.active {
  background: #53903e;
  color: #123b02;
}
#nav-main li ul {
  background-color: #1b5d04;
  display: none;
  list-style: none;
  margin: 0;
  position: absolute;
  top: 2.75em;
}
#nav-main li li {
  float: none;
}
#nav-main li li a {
  font-size: 90%;
  padding: 0.4em 1.4em;
  white-space: nowrap;
}
#nav-main li:hover {
  display: block;
}
#nav-main li:hover ul {
  display: block;
}
/* end Main navigation */

#content {
  float: left;
  margin-right: 10px;
  padding: 3em 40px 1.5em;
  width: 750px;
}
#sidebar {
  background: transparent url(/images/bg/opaque/000000_10.png);
  -moz-border-radius: 10px;
  float: left;
  font-size: 90%;
  margin: 3em 0;
  padding: 1.5em 20px;
  width: 190px;
}
#sidebar form fieldset {
  padding:0;
  margin: 0;
  margin-bottom: 1.5em;
}
#sidebar form input,
#sidebar form label {
  display: inline-block;
  float: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
#sidebar div.login form label {
  float: left;
  margin-right: 0.5em;
  padding: 0;
}
#sidebar div.login form div.checkbox {
  margin-top: 0.5em;
}
#sidebar form label {
  width: auto;
}
#content div.rating {
  margin: 1.5em;
  margin-left: 0;
  overflow: hidden;
}
div.rating span.label {
  display: block;
  float: left;
  font-weight: bold;
  margin-right: 10px;
  position: relative;
  text-align: right;
  width: 100px;
}
.feedback ul.hfeed {
  list-style: none;
  margin: 0;
  width: 100%;
}
.feedback ul li.hentry {
  background: none;
  border-bottom: 1px dotted #333;
  float: none;
  margin: 0;
  padding: 0.75em 0;
  width: 100%;
}
.feedback ul li.hentry div,
.feedback ul li.hentry p {
  margin-bottom: 0.5em;
  padding: 0;
}
.feedback ul li.hentry p.vcard {
  font-style: italic;
  margin: 0;
}
.feedback ul li.hentry p.published {
  display: none;
}
.feedback ul li.hentry div.rating {
  float: left;
  margin: 0;
  margin-right: 10px;
  overflow: hidden;
}
.portlet a.icon span {
  background: none;
}

/* Footer */
#footer {
  background: #144603;
  color: #fefefe;
  border-top: 2px solid #92c271;
  clear: both;
  font-size: 0.8em;
  letter-spacing: 1px;
  margin: 0;
  overflow: hidden;
  padding: 15px 0;
  position: relative;
  text-align: center;
}
#footer a {
  color: #fefefe;
  text-decoration: none;
}
#nav-footer {
  clear: left;
  float: left;
  list-style: none;
  margin: 0;
  margin-bottom: 1.5em;
  overflow: hidden;
}
#nav-footer li {
  float: left;
  margin: 0;
  padding: 0;
}
#nav-footer li.first {
  padding-left: 0;
}
#nav-footer li ul {
  display: none;
}
p.legal a {
  float: left;
}
#nav-footer li a,
p.legal a {
  border-right: 1px solid #fff;
  display: block;
  padding: 0 0.5em;
}
#nav-footer li.last a,
p.legal a.last {
  border-right: none;
}

#footer div.left {
  clear: left;
  float: left;
  text-align: left;
}
#footer div.legal {
  clear: left;
  float: left;
  text-align: left;
}
#footer div.legal p {
  margin: 0;
  margin-bottom: 0.75em;
}
#footer div.vcard {
  float: right;
  text-align: right;
}
#site-attribution {
  position: absolute;
  bottom: 0;
}
/* /Footer */
#booking-create div.weeks span,
#propertyComments-create div.rating span.label {
  display: block;
  float: left;
  font-weight: bold;
  margin-right: 10px;
  position: relative;
  text-align: right;
  width: 100px;
}
#propertyComments-create div.rating {
  margin-left: 0;
}
#booking-create div.weeks div.control.radio {
  clear: none;
  float: left;
  margin: 0;
  padding: 0;
}
#booking-create div.weeks div.control input,
#booking-create div.weeks div.control label {
  clear: none;
  display: inline-block;
  float: left;
  padding: 0;
  width: auto;
}
#booking-acknowledge p.tel,
#booking-acknowledge p.email {
  display: none;
}
button::-moz-focus-inner {
  padding:0;
  border: none;  /* overrides extra padding in Firefox */
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* Safari and Google Chrome only - fix margins */
  button span {
    margin-top: -1px;
  }
}