/* -*-CSS-*- */

acronym
{
 border-bottom-width: 1px;
 border-bottom-style: dotted
}

div.banner { text-align: center; }

div.clear { clear: both }
div.lclear { clear: left }
div.rclear { clear: right }

div.message,
div.error-message,
div.warning-message,
div.success-message
{
 border: 1px solid #000;
 background: #FFF;
 padding: 2px;
 font-weight: bold;
}

div.message { color: #000 }
div.error-message { color: #f00 }
div.warning-message { color: #f60 }
div.success-message { color: #0a0 }

div.error-message ul,
div.warning-message ul,
div.success-message ul { color: #000; font-weight: normal }

table.structural
{
 padding: 0;
 margin: 0;
 border: 0px;
 border-width: 0px;
 border-spacing: 0;
 border-collapse: collapse;
}

table.structural td { margin: 0; padding: 0; border: 0px }
td > form, th > form { margin-bottom: 0px }

.helptext {
  display: block;
  font-size:0.9em;
  font-weight:normal;
  padding:3px 0 12px;
}

.multipage { text-align: center; margin: 0.5em 0px }

.negative-number { color: #f00 }


.availcal .availcalmo {
  border: 1px solid #fff;
  margin: 5px;
}

.availcalmo tr th {
  background:none repeat scroll 0 50% #D5EA9B;
  border:1px solid #FFFFFF;
  color:#004F00;
  font-weight:bold;
  padding:2px 4px;
}

.availcal .availcalmo td {
  background-color:#FFFFFF;
  border-right:1px solid #FFFFFF;
  border-top:1px solid #FFFFFF;
  color:#000;
  margin:0;
  padding:2px 4px;
  text-align:center;
}

.availcal .availcalmo .availcalmt { background-color: #f0f0f0 }
.availcal .availcalmo .availcal_unavail { background-color: #bcbcbc; color: #000 }
.availcal .availcalmo .availcal_unknown { background-color: #dedede; color: #000 }
.availcal .availcalmo .availcal_req { background-color: #fe6; color: #000 }
.availcal .availcalmo .availcal_avail { background-color: #c7f28e; color: #000 }
.availcal .availcalmo .availcal_req_in { background-color: #fc0; color: #000 }
.availcal .availcalmo .availcal_avail_in { background-color: #FEDCC1; color: #000 }
table#extras-list
{
  width:100%;
}

/* Calendar on View page */
.availability-calendar
{
 vertical-align: top;
 text-align: center;
 background-color: transparent;
}
.availability-calendar-plain table
{
 font-size: 12px;
}
.availability-calendar-navigation
{
 text-align: center;
}
.availability-calendar-navigation img
{
 border: none;
 text-decoration: none;
}

/* Brand Console Links */
.brandconsolelinks {
 margin: 3px 0px 3px 0px;
 padding: 3px;
 background-color: #dde;
 border: 1px dashed #ccc;
}
.brandconsolelinks a {
 display: block;
 float: left;
 margin-right: 5px;
 padding: 1px 4px;
 text-decoration: none;
 background-color: #C00;
 color: #fff;
 border: 1px solid #FFF;
}
.brandconsolelinks a:hover {
 background-color: #FFF;
 color: #000;
 text-decoration: none;
 border: 1px solid #C00;
}
.brandconsolelinks .advertconddesc {
  display: block;
  float: left;
  margin-right: 5px;
  padding: 1px 4px;
}
.brandconsolelinks .advertconddesc .advertcond {
  font-style: italic;
}
.brandconsolelinks .advertconddesc .advertcondmh {
  font-weight: bold;
}
.brandconsoleinfo {
 margin: -3px 0px 3px 0px;
 padding: 3px;
 background-color: #eef;
 border-width: 0px 1px 1px 1px;
 border-style: dashed;
 border-color: #ccc;
}
/* -*- CSS -*- Directories */

#browse-region-map { float: right }

#region-breadcrumbs { margin-bottom: 1em; width: auto }

dl#browse-regions
{
 margin: 0px;
 padding: 0px;
 list-style: none;
 text-align: left;
}

#directoryfinder #browse-shortcut-links { margin-bottom: 2px }

#directoryfinder #df-area1 { float: left; width: 160px }

#directoryfinder #df-area1 input,
#directoryfinder #df-area1 select { width: 140px }
#directoryfinder #df-area1 #from-d,
#directoryfinder #df-area1 #from-m,
#directoryfinder #df-area1 #from-y,
#directoryfinder #df-area1 #from-f { width: auto }

#directoryfinder #df-area1 #season-from-d,
#directoryfinder #df-area1 #season-from-m,
#directoryfinder #df-area1 #season-to-d,
#directoryfinder #df-area1 #season-to-m,
#directoryfinder #df-area1 #fe26,
#directoryfinder #df-area1 .sea-facilitys input,
#directoryfinder #df-area1 .sea-recreations input { width: auto }

#directoryfinder #df-area1 .sea-facilitys input[type=submit],
#directoryfinder #df-area1 .sea-recreations input[type=submit] { width: 140px }

#directoryfinder #df-area1 .alt-search {
 font-size: 0.85em;
 padding-left: 1em;
}
#directoryfinder #df-area1 form {
 margin: 0;
}
#directoryfinder dl.tree-closed { display: none }

#directoryfinder #df-area2 { float: right; left: 165px; width: 580px }

#directoryfinder #df-area2 #df-hql
{
 margin: 2px 2px 6px 2px;
 border-bottom: 2px ridge #cccccc;
}

#directoryfinder #df-area2 #df-primary
{
 margin: 6px 2px 2px 2px;
 text-align: left;
}

#directoryfinder #list-featured-entry
{
 float: right;
 width: 120px;
 text-align: center;
}

#directoryfinder #list-legend { width: auto }
#directoryfinder #directory-xlink { width: 440px }

#directoryfinder #list-online-booking-toggle {
 font-size: 0.85em;
}

/* Lodgings Member Type Filter */
.lodging-member-type-filter {
 clear: both;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 background-color: #eee;
 padding: 3px 0 3px 5px;
}
.lodging-member-type-filter h4 {
 display: inline;
}
.lodging-member-type-filter ul {
display: inline;
 padding-left: 1em;
}
.lodging-member-type-filter li {
 display: inline;
 padding-right: 1.5em;
}

/* -*-CSS-*- */
.dynCalendar_header{
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 10pt;
  font-weight: bold;
}
.dynCalendar_dayname {
  background-color: #eee;
  border: 1px solid #c0c0c0;
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 8pt;
  text-align: center;
}

.dynCalendar_day {
  background-color: #eee;
  color: #000;
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 8pt;
}

.dynCalendar_today {
  background-color: #fff;
  border: 1px solid #c0c0c0;
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 8pt;
}

.dynCalendar {
  background-color: #c0c0c0;
  border: 2px outset #fff;
  visibility: hidden;
  position: absolute;
  top: 1px;
  left: 1px;
}
/* -*-CSS-*- HQL */

.hql { margin: 1px }

.hql .hqlitem
{
 text-align: right;
 background-color: #cdf;
 padding: 2px 4px 2px 5px;
 margin: 2px;
 border: 1px solid #808080;
}

.hql .sea-features .hqlitem { background-color: #fcc }
.hql .sea-facilitys .hqlitem { background-color: #beb }
.hql .sea-recreations .hqlitem { background-color: #eea }
.hql .hqlitem .hqltext { font-weight: bold }
.hql .hqlitem img { vertical-align: baseline; border: 1px solid #999 }
.hql .parks-online-booking .hqlitem { background-color: #FC0 }
.hql .sea-availability .hqlitem { background-color: #8d8 }
/* -*-CSS-*- Rollupboxes */
#filters h4 {
 margin-bottom: 0;
}
.rollupbox { border: 1px outset #000; margin-top: 0px; margin-bottom: 3px }

.rollupboxheader
{
 background-color: #34b3d1;
 background-position: top left;
 background-repeat: no-repeat;
 color: #fff;
 font-weight: bold;
 text-align: right;
 padding: 1px 3px 1px 34px;
 cursor: pointer;
}
.rollupbox.rbdown .rollupboxheader:hover,
.rollupbox.rbup .rollupboxheader:hover
{
 background-color: #006;
 text-decoration: underline;
}

.rollupbox.rbdown .rollupboxheader:active,
.rollupbox.rbup .rollupboxheader:active
{
 background-color: #009;
}

.rollupbox.rbdown .rollupboxheader { background-image: url(/frontend/default/images/icons/rollupbox_open.gif) }
.rollupbox.rbup .rollupboxheader { background-image: url(/frontend/default/images/icons/rollupbox_closed.gif) }

.rbdefault .rollupboxcontent { background-color: #cdf }

.rollupboxcontent { border-top: 1px solid #000; color: #000; padding: 3px }

.sea-availability .rollupboxheader { background-color: #6a6 }
.sea-availability .rollupboxcontent { background-color: #8d8 }
.sea-facilitys .rollupboxheader { background-color: #8b8 }
.sea-facilitys .rollupboxcontent { background-color: #beb }
.sea-features .rollupboxheader { background-color: #c99 }
.sea-features .rollupboxcontent { background-color: #fcc }
.sea-recreations .rollupboxheader { background-color: #bb7 }
.sea-recreations .rollupboxcontent { background-color: #eea }
/* -*- CSS -*- Gallery */

.gallery {
  text-align: center;
  margin: 5px;
}
.gallery .thumbnails ul {
  list-style-type: none;
}
.gallery .thumbnails li {
  float: left;
  margin: 3px;
}
.gallery .thumbnails img {
  border-width: 3px;
  border-color: #ccc;
  border-style: solid;
}
.gallery #current-thumb img {
  border-color: #000;
}
.gallery .thumbnails a:hover img {
  border-color: #00F;
}

/* Facilities Page */
ul.facilities {
  list-style-type: none;
  padding-left: 0px;
  margin-left: 15px;
}
ul.facilities li {
  width: 245px;
  float: left;
}
/* -*-CSS-*- */
/* Google Maps Styling */
#full-locationmap #locationmap{
 width: 600px;
 height: 500px;
 margin: 0 auto;
}
.googlemaps-label {
 text-align: left;
 width:230px;
}
.googlemaps-label table {
 border-collapse: collapse;
 margin-top: 3px;
 border-top: 1px solid #ccc;
}
.googlemaps-label table td {
 vertical-align: top;
 padding-top: 3px;
}
.googlemaps-label .address {
 font-size: 0.85em;
}
.googlemaps-label .name {
 font-weight:bold;
}

.directory #locationmap .tooltip {
 background-color: #fff;
 border: 1px solid #ccc;
 padding: 0 3px 0 3px;
 text-align: center;
}

/* System Messages */
.systemmessages { border: 1px solid #000; padding: 5px; background: #cc9 }
.systemmessages .systemmessage { border: 1px solid #666; padding: 3px; margin: 5px 0px; background: #ffc }
.systemmessages .systemmessage .systemmessagetitle { font-weight: bold }
.systemmessages .systemmessage .systemmessagemessage { margin: 5px 0px }
.systemmessages .systemmessage .systemmessagedates { font-style: italic }

/* Recently Viewed */
.recentlyvieweds .recentlyviewed { float: left; width: 134px; margin: 0px 3px; text-align: center }
.recentlyvieweds .recentlyviewed img { border: 0; text-align: center }
.recentlyvieweds .recentlyviewed a span { display: block; margin-left: 7px; height: 80px; width: 114px; background-color: #ccc }
.recentlyvieweds .recentlyviewed .recentlyviewedadd { margin-top: 10px; font-size: 80%}

table.list#statisticstable td.datum1 { background-color: #e4ffff }
table.list#statisticstable td.datum2 { background-color: #c4e9f2 }

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}/* -*-CSS-*- Page layout style 1: small area on left, big area on right */
div#page-area1 { float: right; width: 572px }
div#page-area2 { width: 185px; left: 0; float: left }
/* -*-CSS-*- Common console */

div.console div#page-area1 div#page-title div.content-block h1
{
 font-size: large;
 margin-top: 2px;
}

div.console table.list tr.duplicateemail td { background-color: #ffa0a0 }
div.console table.list tr.invalidemail td { background-color: #e9d3a0 }
div.console table.list tr.notsent td { background-color: #ff6060 }
div.console table.list.compact td { font-size: smaller }

/* -*-CSS-*- Comments */
#comment-body
{
 margin: 0;
 padding: 0;
 width: auto;
 background-color: #fff;
 color: #000;
 text-align: left;

 font: small arial, helvetica, sans-serif;
}


.comment-page { padding: 3px }

.comment-inset
{
 border-top: 8px solid #9cf;
 border-left: 2px solid #9cf;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 background-color: #fff;
 padding: 3px;
}

.comment-unhandled
{
 border: none;
 border-top: 8px solid #9cf;
 border-right: 1px solid #ccc;
 border-left: 2px solid #9cf;
 border-bottom: 1px solid #ccc;
 background-color: #fff;
 padding: 5px;
 margin-bottom: 2px;

 font: small arial, helvetica, sans-serif;
}

.comment-important
{
 float: right;
 background-color: #fcc;
 border: 1px solid #000;
 padding: 2px 2px 0px 2px;
 font-weight: bold;
}

.comment-handled, .comment
{
 padding: 5px;

 border: none;
 border-top: 8px solid #9cf;
 border-right: 1px solid #ccc;
 border-left: 2px solid #9cf;
 border-bottom: 1px solid #ccc;
 background-color: #fff;
 margin-bottom: 2px;

 font: small arial, helvetica, sans-serif;
}

.comment-next
{
 font-style: italic;
 text-align: right;
 color: #000;
}

.comment-next input,
.comment-next select
{
 font: small arial, helvetica, sans-serif;
 font-style: normal;
}

.comment-next-done
{
 font-style: italic;
 text-decoration: line-through;
 text-align: right;
 color: #000;
}

.comment-changeimportance,
.comment-changeimportance input
{
 text-align: right;
 font: small arial, helvetica, sans-serif;
 font-style: normal;
}

.comment-what
{
 color: #333;
 margin-bottom: 2px
}

.comment-who-when
{
 color: #000;
 font-weight: bold;
 margin-bottom: 2px
}

#comment-body a,
.comment a,
.comment-unhandled a,
.comment-handled a
{
 color: #00f;
 font-weight: bold;
 text-decoration: underline;
}

#comment-body a:link,
.comment a:link,
.comment-unhanded a:link,
.comment-handled a:link
{
 color: #00f;
 font-weight: bold;
 text-decoration: underline;
}

#comment-body a:hover,
.comment a:hover,
.comment-unhandled a:hover,
.comment-handled a:hover
{
 color: #f00;
 font-weight: bold;
 text-decoration: underline;
}

#comment-body a:visited,
.comment a:visited,
.comment-unhandled a:visited,
.comment-handled a:visited
{
 color: #c0c;
 font-weight: bold;
 text-decoration: underline;
}

#comment-body table.tabs td
{
 text-align: center;
 background-color: #9cf;
 border: 1px solid #333;
}

#comment-body table.tabs td:hover
{
 background-color: #bdf;
}

#comment-body table.tabs td.selected
{
 background-color: #fff;
 border: 1px solid #333;
 border-bottom: none;
}

#comment-body .field-name
{
 color: #d90000;
 font-weight: bold;
 margin-top: 0.4em;
 text-align: left;
}

#comment-body .field-data
{
 color: #000;
 text-align: left;
}


#comment-body table.list
{
 background-color: #c4e9f2;
 border: 1px solid #34b3d1;
 border-collapse: collapse;
 border-spacing: 0pt;
 empty-cells: show;
 padding: 2px;
 margin: 1px;
}

#comment-body table.list th
{
 background-color: #34b3d1;
 color: #fff;
 border-bottom: 1px solid #34b3d1;
 empty-cells: show;
 padding: 2px;
}

#comment-body table.list td
{
 border-bottom: 1px solid #34b3d1;
 border-right: 1px solid #34b3d1;
 empty-cells: show;
 padding: 8px 2px;
 color: #006;
}

/* Users Console */

/* User Special Offers */




#userpooloffers {

}
#userpooloffers h3 {
 margin: 0.25em;
}
.userpooloffer {
 padding: 1px;
 clear: both;
 background-color: #eee;
 margin-bottom: 9px;
 border: 1px solid #CCC;
}
.userpooloffer h4 {
 padding: 0.25em;
 margin: 0;
 background-color: #ccc;
}
.userpooloffer img {
 float: right;
}
.userpooloffer .decription {
 font-style: italic;
 margin-bottom: 1em;
}
.userpooloffer .ref {
 padding: 5px 5px 0px 0px;
 width: 18em;
 text-align: center;
 clear: both;
 font-weight: bold;
 border-width: 1px 1px 0px 0px;
 border-style: dashed;
 border-color: #AAA;
 background-color: #FFF;
 float: left;
}
.userpooloffer .offer-footer {
 text-align: left;
 font-size: 0.85em;
 padding: 3px;
}
.userpooloffer .date-expries {
 text-align: right;
 padding-top: 5px;
 font-size: 0.85em;
 color: #999;
 clear: right;
}
.userpooloffer .email-tel {
 display: inline;
 padding-left: 0.3em;
}

/* Members Console */
#page-summary {
 border-bottom: 1px solid #ccc;
}
#page-summary .content-block {
 padding-bottom: 0.25em;
 margin: 0.25em;
}
#page-summary p {
 margin-top: 0;
 margin-bottom: 0;
}
#members-images .members-image {
 float: left;
 margin-right: 8px;
 margin-bottom: 15px;
 padding: 6px;
 border: 1px solid #ccc;
 background-color: #eee;
}
#members-images .members-image h4 {
 margin: 0;
 text-align: center;
}
#members-images .members-image img {
 border: 1px solid #aaa;
}
#members-images .members-image ul {
 margin: 0;
 list-style-type: none;
 padding: 0;
 font-size: 0.9em;
}
#members-images .members-image li {
 text-align: center;
 margin-top: 3px;
}
#members-images .members-image form {
 display: inline;
 clear: both;
}
#members-images .members-image .image-edit {
 text-align: center;
}
#image-upload {
 clear: both;
}

#excluded-images img {
 float: left;
 border: 1px solid #ccc;
}
#excluded-images table {
 float: right;
 width: 300px;
}
#excluded-images table td.field-name {
 width: 90%;
}
/* End Members Console */


/* Layout Editor */
#layout-editor {
 background-color: #369;
 padding: 5px 5px 0px 5px;
 color: #fff;
}
#layout-editor h3 {
 color: #fff;
 text-align: right;
 margin: 0px 20px 10px 0px;
}

.membertypetabs {
 width: 680px;
 margin-bottom: 0px;
 clear: both;
}
.membertypetabs .bottombar {
 border-top: 4px solid #000;
 clear: both;
}
.membertypetabs a {
 display: block;
 float: left;
 text-decoration: none;
 font-weight: bold;
 color: #000;
 font-size: 0.85em;
 width: 5.8em;
 height: 2.0em;
 text-align: center;
 vertical-align: middle;
 margin: 0px 0px 0px 4px;
 margin-top: 0.5em;
 padding-top: 0.5em;
 padding-bottom: 0.3em;
 background-color: #ccc;
 border-width: 3px 1px 0px 1px;
 border-style: solid;
 border-color: #999;
 background-image: url(/frontend/default/images/brand_console/tabs_mt.png);
 background-position: left top;
}
.membertypetabs a:hover {
 color: #000;
 border-color: #000;
}
.membertypetabs a#current {
 border-color: #000;
 color: #000;
}

#layout-editor .tabs a {
 margin: 0px 0px 0px 4px;
 padding: 3px 10px 3px 10px;
 color: #666666;
 text-decoration: none;
 background-image: url(/frontend/default/images/brand_console/tabs.png);
 background-position: center top;
 border-width: 1px 1px 0px 1px;
 border-style: solid;
 border-color: #666666;
}
#layout-editor .tabs a:hover {
 border-color: #fff;
}
#layout-editor .tabs a#current {
 font-weight: bold;
 border-color: #fff;
 color: #000;
}
/* End Layout Editor */


/* Styles for dp.SyntaxHighlighter */
.dp-highlighter {
 color: #000;
 width: 100%;
 overflow: auto;
 line-height: 100% !important;
 margin: 18px 0px 18px 0px;
}

.dp-highlighter table {
 width: 100%;
 margin: 2px 0px 2px 0px;
 border-collapse: collapse;
 border-bottom: 2px solid #eee;
 background-color: #fff;
}

.dp-highlighter td
{
 font-family: Courier New;
 font-size: 11px;
}

/* Styles for the tools */

.dp-highlighter .tools-corner {
 background-color: #eee;
 font-size: 9px;
}

.dp-highlighter .tools {
 background-color: #eee;
 padding: 3px 8px 3px 0px;
 border-bottom: 1px solid #808080;
 font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: silver;
}

.dp-highlighter .tools a {
 font-size: 9px;
 color: #808080;
 text-decoration: none;
}

.dp-highlighter .tools a:hover {
 color: #F0F;
 text-decoration: underline;
}

/* Gutter with line number */

.dp-highlighter .gutter {
 padding-right: 5px;
 padding-left: 10px;
 width: 5px;
 background-color: #eee;
 border-right: 1px solid #808080;
 color: #808080;
 text-align: right;
 vertical-align: top;
}

/* Single line style */

.dp-highlighter .line {
 padding-left: 10px;
 border-bottom: 1px solid #F7F7F7;
 white-space:nowrap;
}

/* About dialog styles */

.dp-about {
 background-color: #fff;
 margin: 0px;
}

.dp-about table {
 width: 100%;
 height: 100%;
 font-size: 11px;
 font-family: Tahoma, Verdana, Arial, sans-serif !important;
}

.dp-about td {
 padding: 10px;
 vertical-align: top;
}

.dp-about .copy {
 border-bottom: 1px solid #ACA899;
 height: 95%;
}

.dp-about .title {
 color: #F0F;
 font-weight: bold;
}

.dp-about .para {
 margin-bottom: 4px;
}

.dp-about .footer {
 background-color: #ECEADB;
 border-top: 1px solid #fff;
 text-align: right;
}

.dp-about .close {
 font-size: 11px;
 font-family: Tahoma, Verdana, Arial, sans-serif !important;
 background-color: #ECEADB;
 width: 60px;
 height: 22px;
}

/* Language specific styles */
.dp-c {}
.dp-c .comment { color: #0F0; }
.dp-c .string { color: #00F; }
.dp-c .preprocessor { color: #808080; }
.dp-c .keyword { color: #00F; }
.dp-c .vars { color: #d00; }

.dp-vb {}
.dp-vb .comment { color: #0F0; }
.dp-vb .string { color: #00F; }
.dp-vb .preprocessor { color: #808080; }
.dp-vb .keyword { color: #00F; }

.dp-sql {}
.dp-sql .comment { color: #0F0; }
.dp-sql .string { color: #F0F; }
.dp-sql .keyword { color: #00F; }
.dp-sql .func { color: #ff1493; }
.dp-sql .op { color: #808080; }

.dp-xml {}
.dp-xml .cdata { color: #ff1493; }
.dp-xml .comments { color: #0F0; }
.dp-xml .tag { color: #00F; }
.dp-xml .tag-name { color: #000; font-weight: bold; }
.dp-xml .attribute { color: #FF0000; }
.dp-xml .attribute-value { color: #00F; }

.dp-delphi {}
.dp-delphi .comment { color: #008200; font-style: italic; }
.dp-delphi .string { color: #00F; }
.dp-delphi .number { color: #00F; }
.dp-delphi .directive { color: #008284; }
.dp-delphi .keyword { font-weight: bold; color: #000080; }
.dp-delphi .vars { color: #000; }

.dp-py {}
.dp-py .comment { color: #0F0; }
.dp-py .string { color: #F0F; }
.dp-py .docstring { color: #A52A2A; }
.dp-py .keyword { color: #00F; font-weight: bold;}
.dp-py .builtins { color: #ff1493; }
.dp-py .magicmethods { color: #808080; }
.dp-py .exceptions { color: #A52A2A; }
.dp-py .types { color: #A52A2A; font-style: italic; }
.dp-py .commonlibs { color: #8A2BE2; font-style: italic; }

/* [END] Styles for dp.SyntaxHighlighter */

a:link       { color: #0033CC; text-decoration: none }
a:visited    { color: #008000; text-decoration: none }
a:active     { color: #FF0000; text-decoration: none }
a:hover      { text-decoration: none; color: red }

body         
{ 
  font-family: Arial, Helvetica; 
  color: #000080; 
  background-color: #76EFDD;
  display: block;
  width: 98.6%;
  padding: 8px 0px 0px 8px;
  margin: 0px;
}
table
{ 
  table-border-color-light: rgb(255,102,153); 
  table-border-color-dark: rgb(102,51,153)
}
h1, h2, h3, h4, h5, h6
{
	font-family: Arial Bold, Arial, Helvetica;
}
h1           { color: #0000FF; font-size: 14pt; font-weight: bold }
h2           { color: #000080; font-weight: bold }
h3           { color: #339966; font-weight: bold }
h4           { color: #663399; font-weight: bold }
h5           { color: #FF6699; font-weight: bold }
h6           { color: #339966; font-weight: bold }

body {scrollbar-face-color: #00CC99; scrollbar-shadow-color: #76EFDD; 
scrollbar-highlight-color: ##003366; scrollbar-3dlight-color: ##003366; 
scrollbar-darkshadow-color: ##003366; scrollbar-track-color: #00FFFF;
scrollbar-arrow-color: #0000FF}


.copyright	{ font-family:Arial, Helvetica; font-size: 8pt;  } 
table#copyright { border: 0px; text-align: center} 

input		{ font-family:arial; font-size:9pt }


#header p { text-align: center; margin: 0px; font-size: 2.0em; color: #FF0000; font-weight: bold;}
#footer p { text-align: center; margin: 10px; font-size: 0.9em; }
#footer nobr { padding: 6px;}
#footer .clinks-links { display: block; text-align: center;}
#footer .clinks-links a { padding: 12px; }


input, textarea, select
{
  margin-bottom: 2px;
  font-family: arial, helvetica, sans-serif;
  border-color: #666666;

  font-size: small;
}

option.optgroup
{
  background-color: #44aaff;
  font-weight: bold;
}

.content-block
{ 
  border: none;
  color: #000000;
  margin: 3px 0px 3px 0px;
  padding: 5px;
  text-align: left;
  font-size: 0.9em;
}


.row-unavailable { color: #d99999; font-weight: bold; margin-top: 0.4em; font-style: italic; }
.field-unavailable { background-color: #DDDDDD; color: #AAAAAA}
.field-error { background-color: #ff9999; }


.field-name { color: #333366; font-weight: bold; margin-top: 0.4em; }
.field-data { color: #333333 }

.field-name, .field-data, h1 { text-align: left; }

.brand-default-option { background-color: inherit; color: #000099; font-weight: bold; }

#main, #home, #page { 
  margin-left: 0px;
  width: 600px;
  margin-right: 0px;
}

#caravanninglinks-leftbar { float: left; }
#caravanninglinks-rightbar { float: right; }

#caravanninglinks-leftbar p { margin: 0px; font-weight: normal; text-align: center; }
#caravanninglinks-rightbar p { margin: 0px; font-weight: normal; text-align: center; }

#caravanninglinks-leftbar table { width: 138px; border: 0px; }
#caravanninglinks-rightbar table { width: 138px; border: 0px; }

#caravanninglinks-leftbar td { width: 100%; background-color: #00CC99; }
#caravanninglinks-rightbar td { width: 100%; background-color: #00CC99; }

.clinks-alliance-partners { font-size: 0.6em; padding: 3px 0px 3px 0px; margin: 0px;} 
.clinks-alliance-partners a { display: block; padding: 0px; margin: 3px 0px 3px 0px;}

.clinks-small { font-size: 0.6em }
#caravanninglinks-leftbar .clinks-highlight { background-color: #00FFFF; }
#caravanninglinks-rightbar .clinks-highlight { background-color: #00FFFF; }

#caravanninglinks-leftbar .clinks-sidebar-ad { background-color: transparent; }
#caravanninglinks-rightbar .clinks-sidebar-ad { background-color: transparent; }

.clinks-footer-nav { font-size: 0.9em; }

#other-content { float: right; width: 390px; }

.full-page-title .content-block
{
  background-color: #CCEECC; color: #333333;
}

#region-title h1, #other-heading h1
{ font-size: large; margin-top: 2px; }

#other-basic-info-extra
{
  float: right;
  margin-right: 15px; margin-top: 15px;
}

.full-page-block, #tourist-info
{


}


#other-list
{ 
}

#review-title .content-block, #other-heading .content-block
{
  background-color: #CCEECC;
  color: #333333;
}

#review-title h1 { font-size: large; margin-top: 2px; }

.review-head
{
  margin-top: 3px;
  margin-bottom: 0px;
  color: #0000a0;
  font-weight: bold;
}

.review-body { margin-top: 0px; margin-bottom: 5px; }

/* HACK as IE's CSS is so crap */
table.page-table { padding: 0px; border: 0px; border-spacing: 0px; width: auto; }

table.list
{
  background-color: #00EEB3;
  border: 1px solid #666666;
  border-collapse: collapse;
  border-spacing: 0pt;
  empty-cells: show;
  padding: 2px;
  margin: 1px;
}

table.list th
{ 
  background-color: #00DDA6; color: #333366;
  border-bottom: 1px solid #666666;
  empty-cells: show;
  padding: 2px;
}

table.list th.subhead
{ 
  background-color: #99CCAA; color: #333333;
  padding: 2px;
  vertical-align: middle;
  font-weight: normal;
}

table.list th.left-side
{
  text-align: left; border-right: 1px solid #666666;
}

table.list th a { color: #ffffff; }

table.list td
{
  border-bottom: 1px solid #666666;
  border-right: 1px solid #666666;
  empty-cells: show;
  padding: 8px 2px 8px 2px;
  color: #000066;
}

table.list tr.selected td { background-color: #a0d3e9 }


/* Because IE doesn't handle :hover on anything but anchors we need a highlight class for
 * highlighting clickable rows
 */
table.list tr.highlight td { background-color: #10fabc; cursor: pointer }

div.console div#page-area2
{
  width: 180px;
  float: left;
  font-size: 1.0em;
  font-weight: bold;
}

div.console div#page-area2 a
{
  color: #444477;
  font-weight: bold;
}

div.console div#page-area2 a:hover
{
  color: #666699;
  font-weight: bold;
}

div.console div#page-area2 a:active
{
  color: #444477;
  font-weight: bold;
}

div.console div#page-area1
{
  float: right;
  width: 390px;
}

div.console div#page-title .content-block
{
  background-color: #CCEECC;
  color: #333333;
}

div.console div#page-area2 .content-block
{
  background-color: #AAEEAA;
}

/* -*-CSS-*- */

#browse-region-select
{
  width: 585px;
}/* -*-CSS-*- */

div.directory div.list
{ 
}

div.directory div.list div#list-featured-entry
{ 
  float: right;
  text-align: center;
  width: 30%;
}

div.directory div.list div#list-legend
{ 
  /* Without this Internet Explorer 6 wrongly makes text disappear */
  width: 65%;
}

/* -*-CSS-*- */

#view-main
{
  float: left; 
  width: 390px;
}

#view-summary
{
  float: right;
  width: 180px;
}

#view-title .content-block
{
  background: #67d1c1;
  color: #333333;
  width: auto;
  padding-bottom: 1px;
}

#view-title h2 
{
  font-size: large; 
  margin-top: 2px;
  color: #333333;
}

#view-banner1
{
  float: right;
}

/* Can this be combined with #view-summary .thingy dt below? */
#view-basic-info dt,
#view-extnd-info dt
{
  color: #333366;
  font-weight: bold;
}

#view-basic-info dd,
#view-extnd-info dd
{
  color: #333333;
  margin-left: 10px;
  margin-bottom: 2px;
}

#view-basic-info,
#view-extnd-info,
#view-supplimentary-images,
#view-email-fax-form
{ 
  width: auto;
}

#view-basic-info .content-block
{
  background-image: none;
  padding-top: 1px
}

#view-email-fax-form .content-block
{ 
  border-style: double;
  border-width: 4px;
  border-color: #366E66;
}

#view-email-fax-form .field-name,
#view-email-fax-form .field-data
{
  color: #000000;
}

#view-basic-info .image,
#view-extnd-info .image
{
  text-align: center;
  margin-top: 15px;
  margin-left: 3px;
}

/* Replicate the red bar - change to icons! */
/* Does the icon change happen in CSS or HTML?? */
/* I think it will have to be in HTML */
#view-services ul
{
  background-color: #67d1c1;
  color: #000033;
  list-style: none;
  margin: 0;
  padding: 0;
  clear: both;
}

#view-services ul li a
{
  margin-left: 2px;
  color: #666633;
  text-transform: uppercase;
}


#view-facilitys .content-block,
#view-recreations .content-block,
#view-awards .content-block
{
  background: #67d1c1;
}

#view-summary .thingy dt
{
  color: #333333;
  font-weight: bold;
}

#view-summary .thingy dd
{
  color: #104a86;
}

#view-reviews .content-block,
#view-lastmodified .content-block,
#view-brochure .content-block
{
  background: #6cdbca;
}

/* NB Thingys are for lodgings too, not just directory */
dl.thingy, .thingy dd { margin: 0; padding: 0; }
.thingy dl { list-style: none; margin-left: 5px; padding-left: 0; width: 165px; }
.thingy dd { margin-top: 2px; padding-top: 2px; border: none; text-align: left; border-bottom: 1px #4cbb9a solid; }
.thingy .qty { display: block; float: right; text-align: right; }
.thingy .price { display: block; clear: both; text-align: right; padding-right: 10px; }


dd#li-facility1 { background: transparent url(/frontend/default/images/icons/facilitys_touring_pitches.gif) no-repeat; }
dd#li-facility2 { background: transparent url(/frontend/default/images/icons/facilitys_holiday_homes_owned.gif) no-repeat; }
dd#li-facility3 { background: transparent url(/frontend/default/images/icons/facilitys_holiday_homes_rented.gif) no-repeat; }
dd#li-facility4 { background: transparent url(/frontend/default/images/icons/facilitys_tent_pitches.gif) no-repeat; }
dd#li-facility5 { background: transparent url(/frontend/default/images/icons/facilitys_serviced_pitches.gif) no-repeat; }
dd#li-facility6 { background: transparent url(/frontend/default/images/icons/facilitys_sanitary_blocks.gif) no-repeat; }
dd#li-facility7 { background: transparent url(/frontend/default/images/icons/facilitys_disabled.gif) no-repeat; }
dd#li-facility8 { background: transparent url(/frontend/default/images/icons/facilitys_electricity.gif) no-repeat; }
dd#li-facility9 { background: transparent url(/frontend/default/images/icons/facilitys_bar.gif) no-repeat; }
dd#li-facility10 { background: transparent url(/frontend/default/images/icons/facilitys_restaurant.gif) no-repeat; }
dd#li-facility11 { background: transparent url(/frontend/default/images/icons/facilitys_shop.gif) no-repeat; }
dd#li-facility12 { background: transparent url(/frontend/default/images/icons/facilitys_laundry.gif) no-repeat; }
dd#li-facility13 { background: transparent url(/frontend/default/images/icons/facilitys_pets.gif) no-repeat; }
dd#li-facility14 { background: transparent url(/frontend/default/images/icons/facilitys_take_away.gif) no-repeat; }
dd#li-facility15 { background: transparent url(/frontend/default/images/icons/facilitys_play_area.gif) no-repeat; }
dd#li-facility16 { background: transparent url(/frontend/default/images/icons/facilitys_adult.gif) no-repeat; }
dd#li-facility17 { background: transparent url(/frontend/default/images/icons/facilitys_rallies.gif) no-repeat; }
dd#li-facility18 { background: transparent url(/frontend/default/images/icons/facilitys_drainage.gif) no-repeat; }
dd#li-facility19 { background: transparent url(/frontend/default/images/icons/facilitys_water.gif) no-repeat; }
dd#li-facility20 { background: transparent url(/frontend/default/images/icons/facilitys_cafe.gif) no-repeat; }
dd#li-facility21 { background: transparent url(/frontend/default/images/icons/facilitys_solarium.gif) no-repeat; }
dd#li-facility22 { background: transparent url(/frontend/default/images/icons/facilitys_motorhome_pitches.gif) no-repeat; }
dd#li-facility23 { background: transparent url(/frontend/default/images/icons/facilitys_chalets_owned.gif) no-repeat; }
dd#li-facility24 { background: transparent url(/frontend/default/images/icons/facilitys_chalets_rented.gif) no-repeat; }
dd#li-facility25 { background: transparent url(/frontend/default/images/icons/facilitys_residential_owned.gif) no-repeat; }
dd#li-facility26 { background: transparent url(/frontend/default/images/icons/facilitys_repairs.gif) no-repeat; }
dd#li-facility27 { background: transparent url(/frontend/default/images/icons/facilitys_servicing.gif) no-repeat; }
dd#li-facility28 { background: transparent url(/frontend/default/images/icons/facilitys_accessories.gif) no-repeat; }
dd#li-facility29 { background: transparent url(/frontend/default/images/icons/facilitys_parking.gif) no-repeat; }
dd#li-facility30 { background: transparent url(/frontend/default/images/icons/facilitys_overnight_pitches.gif) no-repeat; }
dd#li-facility31 { background: transparent url(/frontend/default/images/icons/facilitys_awnings.gif) no-repeat; }
dd#li-facility32 { background: transparent url(/frontend/default/images/icons/facilitys_tents.gif) no-repeat; }
dd#li-facility33 { background: transparent url(/frontend/default/images/icons/facilitys_parts.gif) no-repeat; }
dd#li-facility34 { background: transparent url(/frontend/default/images/icons/facilitys_finance.gif) no-repeat; }
dd#li-facility35 { background: transparent url(/frontend/default/images/icons/facilitys_insurance.gif) no-repeat; }
dd#li-facility36 { background: transparent url(/frontend/default/images/icons/facilitys_tourers.gif) no-repeat; }
dd#li-facility37 { background: transparent url(/frontend/default/images/icons/facilitys_motorhomes.gif) no-repeat; }
dd#li-facility38 { background: transparent url(/frontend/default/images/icons/facilitys_holiday_homes.gif) no-repeat; }
dd#li-facility39 { background: transparent url(/frontend/default/images/icons/facilitys_folding_campers.gif) no-repeat; }
dd#li-facility40 { background: transparent url(/frontend/default/images/icons/facilitys_trailer_tents.gif) no-repeat; }
dd#li-facility41 { background: transparent url(/frontend/default/images/icons/facilitys_seasonal_pitches.gif) no-repeat; }
dd#li-facility53 { background: transparent url(/frontend/default/images/icons/facilitys_mail_order.gif) no-repeat; }
dd#li-facility54 { background: transparent url(/frontend/default/images/icons/facilitys_delivery_service.gif) no-repeat; }
dd#li-facility65 { background: transparent url(/frontend/default/images/icons/facilitys_internet_access.gif) no-repeat; }
dd#li-facility101 { background: transparent url(/frontend/default/images/icons/facilitys_showroom.gif) no-repeat; }
dd#li-facility102 { background: transparent url(/frontend/default/images/icons/facilitys_wireless_internet.gif) no-repeat; }
dd#li-facility103 { background: transparent url(/frontend/default/images/icons/facilitys_credit_card.gif) no-repeat; }
#view-facilitys dl dd { padding-left: 24px; min-height: 20px; }

dd#li-recreation1 { background: transparent url(/frontend/default/images/icons/recreations_beach.gif) no-repeat; }
dd#li-recreation2 { background: transparent url(/frontend/default/images/icons/recreations_boat_launch.gif) no-repeat; }
dd#li-recreation3 { background: transparent url(/frontend/default/images/icons/recreations_cycle_hire.gif) no-repeat; }
dd#li-recreation4 { background: transparent url(/frontend/default/images/icons/recreations_fishing.gif) no-repeat; }
dd#li-recreation5 { background: transparent url(/frontend/default/images/icons/recreations_golf.gif) no-repeat; }
dd#li-recreation6 { background: transparent url(/frontend/default/images/icons/recreations_horse_riding.gif) no-repeat; }
dd#li-recreation7 { background: transparent url(/frontend/default/images/icons/recreations_sailing.gif) no-repeat; }
dd#li-recreation8 { background: transparent url(/frontend/default/images/icons/recreations_swim_indoor.gif) no-repeat; }
dd#li-recreation9 { background: transparent url(/frontend/default/images/icons/recreations_swim_outdoor.gif) no-repeat; }
dd#li-recreation10 { background: transparent url(/frontend/default/images/icons/recreations_games_room.gif) no-repeat; }
dd#li-recreation11 { background: transparent url(/frontend/default/images/icons/recreations_tv_room.gif) no-repeat; }
dd#li-recreation12 { background: transparent url(/frontend/default/images/icons/recreations_internet_access.gif) no-repeat; }
dd#li-recreation13 { background: transparent url(/frontend/default/images/icons/recreations_gym.gif) no-repeat; }
dd#li-recreation14 { background: transparent url(/frontend/default/images/icons/recreations_snooker.gif) no-repeat; }
dd#li-recreation15 { background: transparent url(/frontend/default/images/icons/recreations_tennis.gif) no-repeat; }
dd#li-recreation16 { background: transparent url(/frontend/default/images/icons/recreations_entertainment.gif) no-repeat; }
#view-recreations dl dd { padding-left: 24px; min-height: 20px; }



#view-awards dl dd { min-height: 20px; }
#view-reviews dl dd a { display: block; }/* -*-CSS-*- */

/* NB Some CSS is shared with directory.view */

#view-lodging-facilitys .content-block
{
  background: #67d1c1;
}

div.view div.lodging #view-extnd-info .image
{
  text-align: center;
  margin-top: 15px;
}

/* -*-CSS-*- */
#review-main {
  padding: 5px;
}
#review-main .review-block {
  background-color: #fff;
  border: 1px solid #66AB65;
  margin-bottom: 8px;
}

#review-title h2
{
 font-size: large;
 margin-top: 2px;
}

.review-overall-rating { text-align: right }
.review-overall-rating dt { display: inline; font-weight: bold }
.review-overall-rating dd { display: inline; margin-left: 10px; white-space: nowrap }

.review-head
{
  background-color: #66AB65;
  color: #fff;
  padding: 3px;
  height: 1.3em;
}
.review-user {
  width: 500px;
  float: left;
}
.review-r-tot {
  float: right;
}
.review-r-lbl,
.review-r-rat {
  display: inline;
  padding-left: 5px;
}
.review-r-rat img,
.review-bdn .review-bdn-v img {
  padding-right: 3px;
}

div.review-bdn {
	display: table;
	margin: 0.5em 30px 0.5em 5px;
  border: 1px solid #ccc;
  padding: 2px 3px;
  float: left;
  width: 300px;
  clear: both;
}

.review-bdn1 { clear: both; }
.review-bdn-t { 
 width: 140px;
 float: left;
 }
.review-bdn-v { 
 width: 140px;
 float: right;
 }

.review-rec-am,
.review-rec-for { margin-left: 3px }

.review-rec-am dt,
.review-rec-for dt { font-weight: bold }

.review-rec-am dd,
.review-rec-for dd { font-style: italic }

.review-body { clear: both; padding: 3px; }

.review-response-head
{
  border-top:                 1px solid #ccc;
  padding: 3px 3px 1px 1em;
  color: #c20000;
  background-color: #eee;
  font-weight: bold;
}
.review-response
{
  padding: 1px 3px 3px 2em;
	color: #000;
  background-color: #eee;
}

.review-helpfulness {
  text-align: right;
  font-style: italic;
  padding: 3px 3px 3px 0px;
}
.review-edit,
.review-helpful {
  border-top:                 1px solid #ccc;
  clear: both;
  padding: 3px 3px 1px 3px;
  background-color: #fff;
  text-align: right;
}
.review-helpful-intro {
  display: inline;
}
.review-helpful-yes {
  display: inline;
  padding-left: 5px;
}
.review-helpful-no {
  padding-left: 5px;
  display: inline;
}

.review-helpful-yes form,
.review-helpful-no form {
  display: inline;
}