/* -*-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 { font-size: 80% }

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

.negative-number { color: #f00 }


.availcal .availcalmo { border: 1px solid #808080 }
.availcal .availcalmo td
{
 padding: 0;
 margin: 0;
 border-right: 1px solid #FFF;
 border-top: 1px solid #FFF;
 text-align: center;
 background-color: #FFF;
 color: #000;
}
.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: #9dea8a; 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-*- 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 */
/* -*-CSS-*- Booking */

div#booking-summary {
 border: 1px solid #ccc;
 width: 220px;
 margin-bottom: 10px;
}
div#booking-summary h4 {
 margin:0;
 padding: 3px 0px 3px 3px;
 background-color: #BBE;
 text-align: center;
 font-size: 10pt;
}
div#booking-summary table {
 width: 200px;
 font-size: 10pt;
}

div#booking-summary table td.icon { width: 25px }
div#booking-summary table td.value { text-align: right }

table.booking-list {
 width: 520px;
 background-color: transparent;
 border: 1px solid #CCC;
 border-spacing: 0pt;
 empty-cells: show;
 padding: 2px;
 margin: 1px;
 border-bottom: 1px none #AAA;
}

table.booking-list th
{
 background-color: #AAC;
 color: #225;
 border-bottom: 1px solid #AAA;
 empty-cells: show;
 padding: 2px;
}

table.booking-list td { border-bottom: 1px dashed #AAA }

table.booking-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.booking-list tr.highlight td { background-color: #dcdcf5; cursor: pointer }


tr.confirmed td { background-color: lightgreen }
tr.cancelled { background-color: #FF2D2D }
tr.request { background-color: #FF0 }
tr.on_hold { background-color: #FFA500 }

.booking-details {
 font-size: 10pt;
 width: 520px;
 margin-bottom: 7px;
}

.booking-details table { width: 518px }

tr.line-dates td {
 border-top: 1px dashed #000;
 text-align: right;
}
tr.total td {
 border-top: 1px solid #000;
 font-weight: bold;
}

tr.line_heading td, p.line_heading
{
 padding-top: 20px;
 font-style: italic;
 font-variant: small-caps;
 font-size: large;
 border-bottom: 1px dashed black;
}

p.line_heading { padding-top: 10px }

#basket.booking-details tr.line_heading td { border-bottom: none }
/* -*-CSS-*- */
div#categoriesnew {text-align: left; position: relative; width: 680px; height: 273px; margin-bottom: 15px; display: block;}
#level-1, #level-2, #level-3 {background-color: transparent; margin: 0;  padding: 0;  position: absolute;  top: 0;  width: 226px; height: 250px;}
#level-1 {left: 0;}
#level-2 {left: 227px;}
#level-3 {left: 453px;}
#categoriesnew h3 {display: none;}

#categoriesnew ul {list-style-type: none; list-style-image: none; list-style-position: outside;}
#categoriesnew ul {border: 1px solid #C5C5C5; width: 226px; height: 250px; overflow: auto; margin: 0; padding: 0;}
#categoriesnew ul {background: #fff; }
#categoriesnew li#selecta {height: 100px; text-align: center; color: #c8c8c8; font-size: 30px; font-weight: bold; margin: 40px auto 0 0px; line-height: 1em;}
#level-1 ul {background: #ffffff;}
#level-2 ul {background: #f8f8f8;}
#level-3 ul {background: #f0f0f0;}
#categoriesnew li {margin: 0px; width: 202px; padding:0px;}
#level-3 ul li {padding-top: 3px;}
#categoriesnew #level-1 ul a, #categoriesnew #level-2 ul a
{
  display: block; padding: 2px 12px 2px 2px; margin: 0; text-decoration: none; width: 188px; color: #000;
}
#categoriesnew #level-1 ul a.open, #categoriesnew #level-2 ul a.open
{
  background: #D0D0D0;
}
#categoriesnew #level-1 ul a.hi, #categoriesnew #level-2 ul a.hi
{
  background: #3875D7; color: #fff;
}
#categoriesnew #level-1 ul a:hover, #categoriesnew #level-2 ul a:hover
{
  background: #3875D7 no-repeat 190px 50%; color: #fff;
}
#categoriesnew h3 {color: #76797c; font-weight: normal; margin: 0 0 5px 0; display: block; font-size: 14px;}
#level-3 h2 {margin: 0 0 4px 0; padding:0; line-height: 1em;}
#categoriesnew a.wid {width: 226px; height: 100px; text-align: center; display: block; margin-bottom: 10px;}
#categoriesnew a.more
{
  background: white; position: relative; left: 10px; display: block; text-decoration: none; font-size: 10px; text-align: center; height: 17px; width: 196px; padding-top: 0px; color: #000;
}
#categoriesnew p.title {font-weight: bold;}

div.clearer { clear:both }
div#page-area1 {
 float: right;
 width: 79%;
}

div#page-area2 {
 float: left;
 width: 20%;
 left: 0;
}

body
{
 background-color: #fff;
 font-family: sans-serif;
 font-size: small;
 margin: 0;
 padding: 0;
 color: #000;
}



#header
{
 background-image: url(/pages/directory/frontend/default/images/brand_console/header_back.png/);
 background-repeat: no-repeat;
 background-position: center left;
 background-color: #89AED1;
 text-align: left;
 color: #fff;
 padding: 0;
 margin: 0;
 border-bottom: 1px solid #ccc;
}
#header #maker {
 font-size: 10px;
}
#header #maker a {
 text-decoration: none;
 color: #fff;
}

.tool {
  float: left;
  min-width: 40px;
  height: 25px;
  margin: 2px 2px 0px 2px;
  padding: 1px;
  border: 2px solid #999;
  font-size: 0.85em;
  cursor: pointer; /* Standard. Must be 1st */
  cursor: hand;    /* Microsoft. Must be 2nd */
  background-image: url(/pages/directory/frontend/default/images/brand_console/drop_down.gif/);
  background-position: top right;
  background-repeat: no-repeat;
}
#help.tool
{
  background-image: url(/pages/directory/frontend/default/images/brand_console/pop_up.gif/);
  width: 5em;
}
#todos.tool
{
  background-image: url(/pages/directory/frontend/default/images/brand_console/pop_up.gif/);
}

.tool ul {
  display:                    none;
  position:                   absolute;
  background-color:           #99AACC;
  border-width:               2px 0px 2px 0px;
  border-style:               solid;
  border-color:               #6699CC;
  margin-left:                0px;
  margin-top:                 25px;
  padding:                    5px;
  z-index:                    3;
}
.tool li {
  list-style-type:            none;
  margin-left:                0px;
  padding-left:               0px;
}

/*.tool:hover ul {
  display:                    block;
  background-color:           #ccc;
}*/

.tool li a {

}

#footer
{
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding: 5px;
  background-color: white;
}

a { color: #0000ff; }
a:hover { color: #ff0000; }

input,
textarea,
select
{
  background-color: #f0f0f0;
  margin-bottom: 2px;
  font-family: sans-serif;

  font-size: small;
}

option.optgroup
{
  background-color: #c0c0c0;
  border-top: 1px solid black;
  font-weight: bold;
}

.content-block
{
  border: none;
  border-top: 8px solid #99ccff;
  border-right: 1px solid #cccccc;
  border-left: 2px solid #99ccff;
  border-bottom: 1px solid #cccccc;
  background-color: #ffffff;
  margin: 3px 0px 3px 0px;
  padding: 5px;
  text-align: left;
}

div.console div.brand div.accounts .content-block
{
  border-top: 8px solid #ffcc99;
  border-left: 2px solid #ffcc99;
}

.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: #890000;
  font-weight: bold;
  margin-top: 0.4em;
  text-align: left;
}

.field-data
{
  color: #000000;
  text-align: left;
}

.error-message
{
  color: #ff0000;
  font-weight: bold;
  margin-top: 0.4em;
  text-align: left;
}


h1
{
  text-align: left;
}

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

table.statistics
{
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	border-spacing: 0pt;
	empty-cells: show;
	padding: 1px;
	margin: 1px;
}

table.statistics tr:hover
{
	background-color: #dddddd;
}

table.statistics th
{
  background-color: #cccccc;
  color: #000000;
  border-top: 2px solid #000000;
  empty-cells: show;
  padding: 7px 2px 7px 2px;
}

table.statistics td
{
	border-bottom: 1px dotted #dddddd;
	padding: 3px 2px 3px 2px;
}

table td.numcell
{
	text-align: right;
}

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

div.console div.brand div.accounts table.list
{
  background-color: #f2e9c4;
  border: 1px solid #d1b334;
}
table.list tr.selected td {
  background-color: #a0d3e9
}
div.console div.brand div.accounts table.list tr.selected td {
  background-color: #e9d3a0
}

/* 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: #d4f0ff;
  cursor: pointer
}
div.console div.brand div.accounts table.list tr.highlight td {
  background-color: #fff0d4;
}
table.list th {
  background-color: #34b3d1;
  color: #ffffff;
  border-bottom: 1px solid #34b3d1;
  empty-cells: show;
  padding: 2px;
}
div.console div.brand div.accounts table.list th {
  background-color: #d1b334;
  border-bottom: 1px solid #d1b334;
}
table.list th.subhead {
  background-color: #7ccee1;
  color: #333366;
  padding: 2px;
  vertical-align: middle;
  font-weight: normal;
}

div.console div.brand div.accounts table.list th.subhead {
  background-color: #e1ce7c;
  color: #663333;
}

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

div.console div.brand div.accounts table.list th.left-side
{
  border-right: 1px solid #d1b334;
}

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

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

div.console div.brand div.accounts table.list td
{
  border-bottom: 1px solid #d1b334;
  border-right: 1px solid #d1b334;
  color: #660000;
}

.ml-input-tabs a
{
  padding: 3px;
  margin: 2px;
  margin-bottom: 0;

  text-decoration: none;

  display: block;
  float: left;

  min-width: 3em;
  text-align: center;
  background-color: #47a6bd;
  border: 1px solid #336699;
  border-bottom: none;
}

.ml-input-tabs a:hover
{
  background-color: #87e6ff;
}

.ml-input-tabs a.selected
{
  background-color: #67c6dd;
  border:   1px solid #336699;
  border-bottom: none;
}

.ml-input-area
{
  clear: both;
  background-color: #67c6dd;
  padding: 5px;
  margin: 0;

  border: 1px solid #336699;
}


.stickynote
{
  border: 1px solid #cccccc;
  background-color: #ffffcc;
  padding: 5px;
}

div.console div#page-area1 div#page-title div.content-block
{
  border:                     none;
  border:                     0px solid #ccc;
  background-color:           #fff;
  background-repeat:          no-repeat;
  background-position:        bottom right;
}
div.console div#page-area1 div#page-title div.content-block h1 {
  padding:                    10px 0px 0px 0px;
  margin:                     0px 0px 0px 0px;
  text-align:                 right;
}
div.console div#page-area1 div#page-title div.content-block img {
  margin-left:                15px;
}

div.console #page-area2 div.content-block
{
 padding: 0px;
 background-color: #eee;
 border: none;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 border-right: 1px solid #ccc;
 color: #000;
 background-repeat: no-repeat;
 background-position: bottom right;
}

div.console #page-area2 #page-menu .menu-item {
 margin-top: 1px;
}
div.console #page-area2 #page-menu .menu-item img {
 margin-right: 2px;
 margin-left: 2px;
}
div.console #page-area2 #page-menu .menu-item a {
 display: block;
 text-decoration: none;
 padding: 0px;
 border-width: 2px 0px 2px 0px;
 border-color: #eee;
 border-style: solid;
 color: #000;
}
div.console #page-area2 #page-menu #current a {
 border-width: 0;
}
div.console #page-area2 #page-menu #current,
div.console #page-area2 #page-menu .menu-item a:hover {
 background-color: #9CF;
 border-color: #69C;
 color: #fff;
}
div.console div.brand div.accounts #page-area2 #page-menu #current,
div.console div.brand div.accounts #page-area2 #page-menu .menu-item a:hover {
 background-color: #FC9;
 border-color: #C96;
 color: #fff;
}
div.console #page-area2 #page-menu #current {
 border-width: 2px 0px 2px 0px;
 border-style: solid;
}

/* -*-CSS-*- Category stuff */

.ct-n
{
  background-color: #eeeeee
}
.ct-l
{
  background-color: #dddddd
}
.ct-n-sel
{
  background-color: #aaffff
}
.ct-t
{
  background-color: #ff8888
}
.ct-s
{
  background-color: #88ff88
}
.ct-s-t
{
  background-color: #ffff88
}

div.csukJs_Widget_Popup
{
  left: 0;
  top: 0;
  position: absolute;
  background: white;
  border: black 1px solid;
  padding: 4px;
  width: 300px;
  background-color:           #ddddee;
  border:                     2px outset #cccccc;
  color:                      #000000;
  background-repeat:          no-repeat;
  background-position:        bottom right;
}

div#managerlist
{
  width: 200px;
}

div.csukJs_Widget_Popup a.csukJs_Widget_Popup_CloseLink
{
  display: block;
  float: right;
}

div.csukJs_Widget_Popup img
{
  border: none;
}

div.csukJs_Widget_Popup img.titleicon
{
  float: left;
}

div.csukJs_Widget_Popup th
{
  text-align: left;
  font-weight: normal;
}

div.csukJs_Widget_Popup a.quicksearchlink
{
  display: block;
  width: 100%;
  text-align: center;
  border-width:               2px 0px 2px 0px;
  border-color:               #dde;
  border-style:               solid;
}

div.csukJs_Widget_Popup a.quicksearchlink:hover
{
  background-color:           #99AACC;
  border-color:               #6699CC;
  color:                      #fff;
  text-decoration: none;
}

div.csukJs_Widget_Popup form input[type=submit]
{
  /* Remove display none as Internet Explorer 7 will not submit form on keypress */
 /* display: none;*/
}

fieldset
{
	border-top: 1px solid #d0d0d0;
	border-bottom: none;
	border-left: none;
	border-right: none;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
}

legend
{
	font-weight: bold;
	color: #000000;
	margin-bottom: 5px;
	margin-left: -9px;
	padding-right: 0px;
	padding-left: 2px;
	vertical-align: middle;
}

fieldset > legend
{
  margin-left: -7px;
  padding-left: 0px;
  padding-right: 9px;
  padding-top: 3px;
}

.buttons
{
	padding: 0;
}

.buttons .button
{
	display: inline;
	float: left;
	margin: 0;
	padding: 0px 5px 0px 5px;
	text-align: center;
	width: 85px;
	height: 80px;
}

.buttons .button a { text-decoration: none }
.buttons .button a img { border: 0; padding: 0 0 5px 0; }
.buttons .button a span { font-size: 11px }
.buttons .button a:hover span { text-decoration: underline }

div.console #helparea #helplink {
	margin: 5px;
}

div.console #helparea #helplink a {
	text-decoration: none;
	padding: 0px;
	color: #000;
}

div.console #helparea #helplink a img { border: none; }

div.console #helparea #helplink a:hover span {
  color:                      #222;
  text-decoration: underline;
}

div.console #helparea #helplink a img {
	margin-right: 5px;
}

/*
div.console #helparea #helpcontext {
	margin: 5px;
	min-height: 100px;
	background-color: #eeeeff;
}
*/

.subtext {
	font-size: 85%;
	font-style: italic;
	opacity: 0.75;
}
td div.subtext {
	padding-left: 5px;
}








// SLAWO:

.currentSelectedContol
{
	background-color:#9999ff;
}

table.grid
{
	border-collapse: collapse;
	padding: 2px 4px 2px 4px;
	border: thin solid black;

}
th.grid
{
	padding: 0px;
	border: thin solid black;
	font-size: 0.7em;
	background-color:#aaffaa;
}
td.grid
{
	padding: 2px 4px 2px 4px;
	border: thin dotted gray;
	height:2.3em;
	//font-size: larger;
}
caption.grid
{
	text-align:left;
	border-top:thin solid black;
	border-left:thin solid black;
	border-right:thin solid black;

}

.grid-date
{
	height:100%;
	width:4em;
	text-align:center;
}


.grid-allocation
{
	float:left;
	color:blue;
	font-size: 0.7em;
}
.grid-block
{
	float:right;
	color:red;
	font-size: 0.7em;
}
.grid-availability
{
	float:left;
	clear:both;
	text-align:center;
	vertical-align:bottom;
	width:100%;
}

.instructions
{
	font-size: 0.9em;
}


.debug-interface
{
	background-color:#eeeeee;
	border: thin solid #000033;
}
.message-info
{
	background-color:#aaffaa;
	border: thin dotted gray;
}
.message-message
{
	background-color:#aaaaff;
	border: thin dotted gray;
}
.message-warning
{
	background-color:#ffffaa;
	border: thin dotted gray;
}
.message-error
{
	background-color:#ffbbbb;
	border: thin dotted gray;
}

.mini-control
{
  font-family:     Verdana;
  font-size:       0.8em;
  color:           blue;
  text-decoration: none;
	text-align:      center;
	text-indent:     0em;


  display:         block;
  float:           left;
  width:           1em;
  height:          1em;
	padding:         0em;
	margin:          0em;


  cursor:          default;
	background-color:#eeeeee;
	border:          thin solid #606060;

}

.value-el
{
}

.value
{
  color:           black;
}
.value-waiting-for-aproval
{
  color:           grey;
}


/* Zend Forms */

fieldset dd, form dt { float: left; }

fieldset dt { min-width: 9em; }
fieldset dt { clear: left; }


/* Tabs */
.yui-navset .yui-nav {
 border-bottom: 2px solid #B15220;
}
.yui-navset ul.yui-nav li a {
 border: 0;
 background-color: #CB5E25;
 color: #fff;
 padding: 5px 10px 2px 10px;
 text-decoration: none;
}
.yui-navset ul.yui-nav li a:hover {
 background-color: #B15220;
 background-image: none;
}
.yui-navset ul.yui-nav .selected a {
 background-color: #B15220;
 background-image: none;
}
.yui-navset .yui-content {
 border: 0;
 background-color: transparent;
 min-height: 40em;
 padding-top: 1em;
}

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
/* default space between tabs */
.yui-navset .yui-nav li {
    margin-right:0.5em; /* horizontal tabs */
}
.yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li {
    margin:0 0 0.5em; /* vertical tabs */
}

/* default width for side tabs */
.yui-navset-left .yui-nav, .yui-navset-right .yui-nav { width:6em; }
.yui-navset-left { padding-left:6em; } /* map to nav width */
.yui-navset-right { padding-right:6em; } /* ditto */

/* core */
.yui-nav, .yui-nav li {
 margin:0;
 padding:0;
 list-style:none;
}
.yui-navset li em { font-style:normal; }
.yui-navset {
 position:relative; /* contain absolute positioned tabs (left/right) */
 zoom:1;
}
.yui-navset .yui-content { zoom:1; }
.yui-navset .yui-nav li {
 display:inline-block;
 display:-moz-inline-stack;
 *display:inline; /* IE */
 vertical-align:bottom; /* safari: for overlap */
 cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */
 zoom:1; /* IE: kill space between horizontal tabs */
}
.yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li { display:block; }
.yui-navset .yui-nav a { outline:0; /* gecko: keep from shifting */ }
.yui-navset .yui-nav a { position:relative; } /* IE: to allow overlap */
.yui-navset .yui-nav li a {
 display:block;
 display:inline-block;
 vertical-align:bottom; /* safari: for overlap */
 zoom:1;
}

.yui-navset-left .yui-nav li a, .yui-navset-right .yui-nav li a {
 display:block;
}

.yui-navset-bottom .yui-nav li a {
 vertical-align:text-top; /* for inline overlap (reverse for Op border bug) */
}

.yui-navset .yui-nav li a em { display:block; }

/* position left and right oriented tabs */
.yui-navset-left .yui-nav, .yui-navset-right .yui-nav { position:absolute; z-index:1; }
.yui-navset-left .yui-nav { left:0; }
.yui-navset-right .yui-nav { right:0; }