﻿
/* Styles */

body {
	margin: 0px;
	padding: 0px;
}

image a
{
	border: none;
}

hr 
{
	border: none;
	border-bottom: dotted 1px silver;
}

body, td
{
	font-family:  Verdana, 'Trebuchet MS', Arial; 
	/* font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif; */
	line-height: 18px;
	font-size: 9pt;
	color: #333333;
}

td 
{
	vertical-align: top;
}

input.btn {
	font-size: 8pt;
	padding: 2px 4px;
}

p { margin: 1em 0 !important; }

textarea {
	padding: 0px;
	margin: 0px;
}


#contenteditor {
	margin-left: 10px;
	width: 550px;
}

.summary td {
	padding-right: 5px;
	vertical-align: top;
}

.default-sidebar-block 
{
	margin-bottom: 25px;
}

.sitemapentry 
{
	margin-left: 20px;
}

#frontintro .highlight 
{
	color: #2275C3;
}

#frontintro h5 
{
	font-family: Georgia,Times,"Times New Roman",serif;
	font-size: 17px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	
	font-style: normal;
	font-weight: normal;
	line-height:1.3em;
}


.frontcontent 
{
	padding: 5px 30px;
	margin: 0px 4px;
	
}

#pagecontent h1 a 
{
	color: #333;
}

#pagecontent h1 {
	margin-bottom:16px;
	margin-top:5px;
}
#pagecontent h1 {
	
	 border-bottom:1px solid #DEDEDE; 
	color:#333333;
	font-family: Georgia,Times,"Times New Roman",serif;
	font-style: italic;
	font-size: 22px;
	font-weight: bold;
	
	margin-bottom:14px;
	padding-bottom:4px;
}

.frontfeature 
{
	width: 450px;
	height: 337px;
}

#front-top-left-column 
{
	width: 260px;
	float: left;
	padding-right: 20px;
	
}

#front-top-right-column 
{
	margin-left: 310px;
	padding-top: 0px;
}
	

ol.steps li {
	margin-bottom:17px;
	padding-left: 55px;
	padding-top: 0px;
	padding-right: 0px;
}

ol.steps 
{
	margin-top:-4px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}


#front-bottom-left-column 
{
	width: 450px;
	float: left;
	
}

#front-bottom-right-column 
{
	margin-left: 470px;
	padding-top: 0px;
}




/* Intro */

.intro-main {
	/*width: 550px;*/
	height: 231px;
	background: url(/Themes/root/Images/intro_main01.jpg) no-repeat;
}

.intro-main-spacer {
	/*width: 550px;*/
	height: 50px;
}

#intro-main01 {
	background: url(/Themes/root/Images/intro_main01.jpg) no-repeat;
}

#intro-main02 {
	background: url(/Themes/root/Images/intro_main02.jpg) no-repeat;
}

#intro-main03 {
	background: url(/Themes/root/Images/intro_main03.jpg) no-repeat;
}

.intro-main-content {
	
	width: 300px;
	height: 200px;
	padding: 15px;
	padding-left: 30px;
	padding-top: 0px;
	font-family: 'Trebuchet MS', Verdana, Arial;
}

.intro-main-content h1 {
	padding: 0px;
	margin: 0px;
	color: #4A5B6D;
	font-weight: bold;
	font-size: 28px;
	text-align: left;
}

.intro-main-content p {
	color: White;
	font-size: 18px;
	text-align: left;
	line-height: 20px;
}

.intro-main-content a {
	color: #82BEFD;
}


.intro-nav {
	cursor: pointer;
	width: 550px;
	height: 60px;
	background: url(/Themes/root/Images/intro_nav01.jpg) no-repeat;
}

.intro-nav table {
	width: 550px;
	height: 60px;
	padding: 0px;
	margin: 0px;
}

.intro-nav01 {
	cursor: pointer;
	width: 550px;
	height: 60px;
	background: url(/Themes/root/Images/intro_nav01.jpg) no-repeat;
}

.intro-nav02 {
	cursor: pointer;
	width: 550px;
	height: 60px;
	background: url(/Themes/root/Images/intro_nav02.jpg) no-repeat;
}

.intro-nav03 {
	cursor: pointer;
	width: 550px;
	height: 60px;
	background: url(/Themes/root/Images/intro_nav03.jpg) no-repeat;
}

#intro-content {
	width: 550px;
	padding: 10px;
}

#intro-content td {
	vertical-align: top;
}

#intro-content-left h2, #intro-content-right h2 {
	margin-bottom: 5px;
	font-size: 20px;
}

#intro-content h2 {
	margin-bottom: 5px;
	font-size: 20px;
}


#intro-content-left, #intro-content-right {
	
	padding: 10px;
	padding-top: 0px;
}

/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

.x-panel-footer {
	background-color: #fff;
}

.x-fieldset {
		background-color: #fff;
}

/* admin ---------------- */

.adminpanel {
	margin-bottom: 15px;
}

.adminform div {
	/*font-family: 'Trebuchet MS' , Verdana, Arial;
	font-size: 10pt;*/
	/*background-color: #F3F3F3;*/
	
}

.icon-refresh {
	background-image: url(/Themes/root/images/refresh.gif) !important;
	background-repeat: no-repeat;
}

.icon-upload {
	background-image: url(/Themes/root/images/ico_save.gif) !important;
	background-repeat: no-repeat;
}

.icon-save {
	background-image: url(/Themes/root/images/ico_save.gif) !important;
	background-repeat: no-repeat;
}

.icon-page-edit {
	background-image: url(/Themes/root/images/page_edit.png) !important;
	background-repeat: no-repeat;
}

.icon-add {
	background-image: url(/Themes/root/images/add.gif) !important;
	background-repeat: no-repeat;
}

.icon-delete {
	background-image: url(/Themes/root/images/delete.gif) !important;
	background-repeat: no-repeat;
}

.icon-wand {
	background-image: url(/Themes/root/images/wand.png) !important;
	background-repeat: no-repeat;
}


#img-chooser-view{ 
    background: white; 
    font: 11px Arial, Helvetica, sans-serif;
} 
#img-chooser-view .thumb{ 
    background: #dddddd; 
    padding: 3px; 
} 
#img-chooser-view .thumb img{ 
    height: 56px; 
    width: 80px; 
} 
#img-chooser-view .thumb-wrap{ 
    float: left; 
    margin: 4px; 
    margin-right: 0; 
    padding: 5px;
} 
#img-chooser-view .thumb-wrap span{ 
    display: block; 
    overflow: hidden; 
    text-align: center; 
} 
#img-chooser-view .x-view-over{
    border:1px solid #dddddd; 
    background: #efefef url(/resources/images/default/grid/row-over.gif) repeat-x left top; 
    padding: 4px; 
}
#img-chooser-view .x-view-selected{ 
    background: #DFEDFF; 
    border: 1px solid #6593cf; 
    padding: 4px; 
} 
#img-chooser-view .x-view-selected .thumb{ 
    background:transparent; 
}
#img-chooser-view .x-view-selected span{ 
    color:#1A4D8F;
}
#img-chooser-view .loading-indicator { 
    font-size:11px; 
    background-image:url(/resources/images/grid/loading.gif); 
    background-repeat: no-repeat; 
    background-position: left; 
    padding-left:20px; 
    margin:10px; 
} 



/*links -----------------------------------------------------------------*/

a.mainlink, a:link.mainlink, a:visited.mainlink, a:active.mainlink {
    color: #004F75;
    text-decoration: none;
}
a:hover.mainlink {
    color: #004F75;
    text-decoration: underline;
}

a.search, a:link.search, a:visited.search, a:active.search {
    color: #004F75;
    text-decoration: none;
}
a:hover.search {
    color: #004F75;
    text-decoration: underline;
}

a, a:link, a:visited, a:active {
    color: #004F75;
    text-decoration: none;
}
a:hover {
    color: #004F75;
    text-decoration: underline;
}
a.footerlink, a:link.footerlink, a:visited.footerlink, a:active.footerlink {
    color: #ffffff;
    text-decoration: none;
}
a:hover.footerlink {
    color: #ffffff;
    text-decoration: underline;
}

a.speciallink, a:link.speciallink, a:visited.speciallink, a:active.speciallink {
    color: #5F785F;
    text-decoration: none;
}
a:hover.speciallink {
   
    color: #333333;
    text-decoration: underline;
}

/*********************************/

#frame {
	margin: 0 auto;
	width: 804px;	
}

#caption {
	width: 804px;
	height: 80px;
}	

#navigation {
	padding-left: 5px;
	padding-right: 20px;
	padding-top: 7px;
	width: 804px;
	height: 35px;
}

#navigation table {
	height: 30px;
	
}

#navigation td {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	font-size: 10pt;
	font-weight: bold;
	border-right: solid 1px silver;
	border-right-color: #E4E4E4;
	vertical-align: middle;
}

#page {
}

.caption h1 {
	
	color:#fff;
	font-family: Georgia,Times,"Times New Roman",serif;
	font-style: italic;
	font-size: 22px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
     
     /*

	margin-top: 0px;	
	font-size: 14pt;
	font-weight: bold;
	line-height: 15px;
	margin-bottom: 0px;
    */
}

.caption {
	padding-top: 5px;
	padding-bottom: 3px;
	color: White;
}

.sidebarcaption h1 
{
	color: #445566;
	font-weight: normal;
	font-size: 20px;	
	line-height: 95%;
	margin-top: 0px;
	margin-bottom: 0px;
	
}

.sidebarcaption 
{
	margin-bottom: 5px;
}

.subtext {
	color: White;
}

.subtext a {
	color: White;
}



#pagecaption01 {
	width: 804px;
	height: 120px;
}

#pagecaption01front{
	width: 804px;
	height: 80px;
}


#pagecaptioncontent {
	padding-top: 70px;
	padding-left: 25px;
}

#pagecontent {
	width: 804px;
	padding-top: 0px;
}

.content {
	text-align: left;
	width: 507px;
	padding-left: 33px;
	margin-right: 0px;
	overflow: hidden;

}

.content-snug {
	margin-left: 18px;
	margin-right: 25px;
}

.contenthtml {
	margin: 0px;
	padding-top: 1px;
	padding-bottom: 10px;

}

.contenthtml h2
{
	color: #445566;
	font-weight: normal;
	font-size: 17px;	
}

#sidebar {
	padding-left: 0px;
	padding-left: 0px;
	margin-right: 0px;
	padding-top: 5px;
	width: 220px;
	float: right;
}

#front-top-left-column .sidebarpanel 
{
	padding-bottom: 15px;
	width: auto !important;
}


#sidebar .sidebarpanel {
	padding-bottom: 15px;
	width: 195px;
}

.sidebarcontent {
	padding-left: 0px;
	padding-top: 0px;
}

.sidebarcontent td {
	padding: 0px;
}

.clear {
	clear: both;
}

.pagefooter {
	width: 570px;
	height: 15px;
	/*background: url(/Themes/root/Images/pagecontentfooter.gif) no-repeat;*/
	
}

.pagecaption {
	width: 550px;
	height: 38px;
	padding-left: 30px;
	padding-top: 8px;
	/*background: url(/Themes/root/Images/pagecaption.gif) no-repeat;*/
	font-weight: bold;
	font-size: 12pt;
	color: #333333;
}


.twitter-widget 
{
	width: 200px;
}

.footerheader 
{
	height: 30px;
	
}

.footercontent 
{
	/*font-size: 10px;*/
	padding: 5px 0px 5px 20px;

}

.footercontent td
{
	/*font-size: 10px;*/
	
}

.footerlinks 
{
	width: 775px;
}

.footerlinks td
{
	vertical-align: top;
	padding-right: 10px;
}

.footerlinks ul 
{
	padding-left: 25px;
}

.footerlinks li
{
	margin-left: 0px;

}

.wowfill 
{
	border: 0px !important;
}

div.wow_container td 
{
	background-color: #F3F2F1 !important;
	
}


#footer {
	width: 804px;
	height: 20px;
	/*background: url(/Themes/root/Images/pagefooter.gif) no-repeat;*/
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 10px;
	
}

.establishmentlisting {
	margin-left: 0px;
	margin-right: 15px;	
}

.establishmentlisting table {
	 border-collapse:collapse; 
}

 .photo 
{
	border: solid 1px silver;
	padding: 2px;
}

.establishmentlisting .photo {
	padding-left: 0px;
	width: 100px;
	height: 75px;
	border: solid 1px silver;
	padding: 2px;
	margin-top: 2px;
}

.establishmentlisting .item {
	padding-bottom: 5px;
	margin-bottom: 5px;
	min-height: 136px;
}

.establishmentlisting .title {
	/*border-bottom:1px dotted silver;*/
	font-size:15px;
	margin-top:0px;
	padding-bottom:0px;	
	font-weight: normal;
}

.establishmentlisting .details {
	margin-top: 0px;
	margin-bottom: 5px;
	

}

.establishmentlisting .features {
	float: right;
	padding-top: 4px;
}


.establishmentlisting .description {
	line-height:150%;
}

.establishmentlisting td {
	vertical-align: top;
	padding-right: 10px;
	text-align: left;
}

.establishmentlisting tr.row {
}


.miniestablishmentlisting {
	padding-left: 0px;
	padding-right: 0px;	
}


.miniestablishmentlisting {
	
	width: 250px;
}

.miniestablishmentlisting .establishmentlisting 
{
	margin-left: 0px;
	margin-right: 0px;
}

.miniestablishmentlisting .establishmentlisting .title {
	font-size:12px;
	border-bottom: none;
	padding-bottom:0px;	
	font-weight: bold;
}

.miniestablishmentlisting .establishmentlisting .photo {
	padding-left: 0px;
	width: 80px;
	height: 60px;
	border: solid 1px silver;
	padding: 2px;
	margin-top: 2px;
}

.miniestablishmentlisting .establishmentlisting .item {
	padding: 5px;
	padding-bottom: 5px;
}

.subpagecaption {
	width: 530px;
	height: 29px;
	
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 30px;
	padding-right: 20px;
	
	font-weight: normal;
	font-size: 20px;
	color: #333;
	
}

.subpagecaptiontext {

}


.subpagecontent {
	
	padding-top: 10px;
	padding-right: 20px;
	/*background: url(/Themes/root/Images/subpagecontent.gif) repeat-y;*/
}

.subpagefooter {
	width: 804px;
	height: 30px;
	/*background: url(/Themes/root/Images/subpagefooter.gif) no-repeat;*/
}

.clearToolbar {
	background: none !important;
	border: none !important;
}

.rateDates {
	font-size: 10px;
}

.rateName {
	font-weight: bold;
}

.button-rate-new {
	background: url(/Themes/root/Images/add.gif) no-repeat;
	width: 16px;
	height: 16px;
	
}

.button-rate-edit {
	background: url(/Themes/root/Images/page_edit.png) no-repeat;
	width: 16px;
	height: 16px;
	
}

.button-rate-delete {
	background: url(/Themes/root/Images/delete.gif) no-repeat;
	width: 18px;
	height: 18px;
}

.button {
	border: solid 1px transparent;
	cursor: pointer;
	margin-right: 4px;
	float: right;
}

.button-hover {
	border: solid 1px #666;
	background-color: #aaa;
}

.photoFrame {
	width: 174px; /* 200 - 26 */
	height: 144px; /* 185px - 26 */
	background: url(/Themes/root/Images/photoFrame.gif) no-repeat;
	padding: 13px; 
	margin-bottom: 0px;
}




.photoFrameCenter
{
	width: 174px; /* 200 - 26 */
	background: url(/Themes/root/Images/photoFrameCenter.gif) repeat-y;
	padding: 0px 13px;
	margin-bottom: 0px;
}

.photoFrameTop 
{
	width: 174px; /* 200 - 26 */
	height: 13px;
	background: url(/Themes/root/Images/photoFrame.gif) no-repeat;
	padding: 0px 13px;
	margin: 0px;
}

.photoFrameBottom
{
	width: 174px; /* 200 - 26 */
	height: 30px;
	background: url(/Themes/root/Images/photoFrame.gif) no-repeat 0px -140px;
	padding: 0px 13px;
	margin: 0px;
}


.activities {
	width: 300px;
}

.activity-list {
	border: 1px dotted silver;
	background: #eee;
	padding: 5px;	
	margin-bottom: 10px;
}

.activity-name {
	font-weight: bold;
	width: 200px;
}

.activity-value {
	text-align: right;
		
}

.enquiry-box {
	border: 1px dotted silver;
	background: #eee;
	padding: 10px 15px;	
	margin-bottom: 10px;	
}

.enquiry-box td {
	vertical-align: top;
}


.room-name {
	margin-top: 20px;
	padding-bottom: 5px;
	font-size: 20px;
	border-bottom: 1px dotted silver;
}

.room-feature-list {
	border: 1px dotted silver;
	background: #eee;
	padding: 5px;
	margin-bottom: 10px;
}

.room-feature-name { 
	font-weight: bold;
	padding-right: 20px;
	vertical-align: top;
}
.room-feature-value {
}

.room-capacity {
	
}


.rate-list {
	border: 1px dotted silver;
	background: #eee;
	padding: 0px;
}

.rate-table {


}

.rate-item td, .rate-item-alt td {
	padding-left: 10px;
	padding-right: 5px;
	
}

.rate-item, .rate-item-alt {
	
}

.rate-item {
	background: #fefefe;
	
}

.warning {
	border: 1px solid #C0C0C0;
	background-color: #FFFFCC;
	padding: 5px;
	margin-bottom: 10px;
	text-align: center;
	margin-top: 10px;
}

.hiddenwarning {
	display: none;
}

/* jqmWindow */

.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

div.jqDrag {cursor: move;}

/* jqmModal dialog CSS courtesy of;
  Brice Burgess <bhb@iceburg.net> */

div.jqmDialog {
	display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -200px;
	width: 400px;

	overflow: hidden;
	font-family:verdana,tahoma,helvetica;
	background-color: White;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmDialog {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}



div.jqmdTC { 
  
	background-color: Silver;
	color: Black;
	padding: 7px 22px 5px 5px;
	font-family:"sans serif",verdana,tahoma,helvetica;
	font-weight: bold;
  * zoom: 1;
}
div.jqmdTL { }
div.jqmdTR { }



div.jqmdBC {
  padding: 7px 7px 7px;
  /*height: 180px;*/
  overflow: auto;
}
div.jqmdBL {  padding-left: 7px; }
div.jqmdBR { padding-right: 7px; * zoom: 1 }

div.jqmdMSG { 
	
}

div.jqmdButtons {
	padding: 7px;
	text-align: right;
}


/* [[[ Button classes ]]] */
input.jqmdX {
  position: absolute;
  right: 7px;
  top: 4px;
  padding: 0 0 0 19px;
  height: 19px;
  width: 0px;
  background: url(/Themes/root/Images/dialog/close.gif) no-repeat top left;
  overflow: hidden;
}
input.jqmdXFocus {background-position: bottom left; outline: none;}

div.jqmdBC button, div.jqmdBC input[type="submit"] {
  margin: 8px 10px 4px 10px;
  color: #777;
  background-color: #fff;
  cursor: pointer;
}

div.jqmDialog input:focus, div.jqmDialog input.iefocus { }


/* date picker */

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	font-family: Tahoma;
	font-size: 11px;
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/Themes/root/Images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}


/* slide show */

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:0px auto; display:none; margin-bottom: 0px }
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:350px; padding:0px; background:#fff}
#information {position:absolute; bottom:0; width:500px; height:0; background:#fff; color:#000; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(/Themes/root/images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(/Themes/root/images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(/Themes/root/images/link.gif) center center no-repeat}
#thumbnails {margin-top:5px}
#slideleft {float:left; width:20px; height:81px; background:url(/Themes/root/images/scroll-left.gif) center center no-repeat; background-color:#eee}
#slideleft:hover {background-color:#aaa}
#slideright {float:right; width:20px; height:81px; background:#eee url(/Themes/root/images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#ccc}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
#image img {position:absolute; z-index:25; width:auto; width: 500px; height: 350px}


/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/Themes/root/Images/lightbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/Themes/root/Images/lightbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/Themes/root/Images/lightbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/Themes/root/Images/lightbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


/* treeview */

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: normal;
}

.treeview ul {
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(/Themes/root/images/tree/treeview-stay.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(/Themes/root/images/tree/treeview-stay-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(/Themes/root/images/tree/treeview-stay.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }


/*
.treeview-red li { background-image: url(/Themes/root/images/tree/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(/Themes/root/images/tree/treeview-red.gif); } 

.treeview-black li { background-image: url(/Themes/root/images/tree/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(/Themes/root/images/tree/treeview-black.gif); }  

.treeview-gray li { background-image: url(/Themes/root/images/tree/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(/Themes/root/images/tree/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(/Themes/root/images/tree/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(/Themes/root/images/tree/treeview-famfamfam.gif); } 
*/

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(/Themes/root/images/tree/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(/Themes/root/images/tree/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(/Themes/root/images/tree/file.gif) 0 0 no-repeat; }


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #999;
	background-color: #fff;
	padding: 10px;
	width: 300px;
}

#tooltip h3, #tooltip div  
{
	margin: 0; 
}

#tooltip h3 
{
	margin-bottom: 10px;
}

.searchbox
{
	padding-left: 10px;
	/*
	margin-bottom: 10px; 
	padding: 15px; 
	border: solid 1px #ddd;
    background-color: white;*/
}

.searchbox select 
{
	font-family: "Verdana";
	font-size: 9pt;
	margin-bottom: 3px;
	height: 23px;
	width: 90%;
}


.specialbox 
{
	margin-bottom: 10px; 
	padding: 15px; 
	padding-top: 10px; 
	border: solid 1px #ddd;
    background-color: white;
}

.specialbox .title 
{
	font-size: 14px;
	
}

.specialbox .inner 
{
	margin-top: 5px;
}

.specialbox .name 
{
	font-size: 8pt;
	line-height: normal;
}



body {
	background: #8E8E93 url(/Themes/capetown/Images/background.gif) repeat-x;
}

#caption {
	background: url(/Themes/capetown/Images/logo.gif) no-repeat;
	height: 65px;
}	


#pagecaptioncontent {
	padding-top: 63px;
}

.caption h1 {
	
	
}

.subtext {
	
}

.subtext a {

}


#navigation {
	background: url(/Themes/capetown/Images/pageheader.jpg) no-repeat;
	text-align: right;
}

#navigation div {
	padding-right: 20px;
	padding-top: 5px;
}

#navigation a {
	color: #333;

}

.didyouknow {
	float: left; 
	background: url(/Themes/capetown/Images/question.png) no-repeat;
	padding: 0 10px 5px 0;
	width: 42px;
	height: 42px;
	
}


.frontcontent 
{
	background: url(/Themes/capetown/Images/frontbkg.gif) repeat-y;	
}

#frontintro 
{
	padding-left: 250px;
	padding-top: 10px;
	padding-right: 30px;
}

#front-top-left-column ol.steps li.one { background: transparent url(/Themes/capetown/Images/step1.png) no-repeat scroll left top; }
#front-top-left-column ol.steps li.two { background: transparent url(/Themes/capetown/Images/step2.png) no-repeat scroll left top; }
#front-top-left-column ol.steps li.three { background: transparent url(/Themes/capetown/Images/step3.png) no-repeat scroll left top; }


#page {
	background: url(/Themes/capetown/Images/page.gif) repeat-y;	
}

#pagecaption01 {
	background: url(/Themes/capetown/Images/pagecaption01.jpg) no-repeat;
	height: 130px;
}

#pagecaption01front {
	background: url(/Themes/capetown/Images/pagecaption01front.jpg) no-repeat;
	height: 170px;
}

#pagecontent {
	
}

.content {
	/*background: url(/Themes/capetown/Images/pagecontent.gif) repeat-y;*/
}

.pagefooter {
	/*background: url(/Themes/capetown/Images/pagecontentfooter.gif) no-repeat;*/
}

.pagecaption {
	/*background: url(/Themes/capetown/Images/pagecaption.gif) no-repeat;	*/
	
}

#footer {
	background: url(/Themes/capetown/Images/pagefooter.gif) no-repeat;
}

.footerheader 
{
	background: url(/Themes/capetown/Images/pagefooterhead.gif) no-repeat;
	
}

.footercontent 
{
	background: url(/Themes/capetown/Images/pagefooterbkg.gif) repeat-y;
}


.subpagecaption {
	/*background: url(/Themes/capetown/Images/pagecaption.gif) no-repeat;	*/
	color: #333;
}

.subpagecontent {
	/*background: url(/Themes/capetown/Images/subpagecontent.gif) repeat-y;*/
}

.subpagefooter {
	/*background: url(/Themes/capetown/Images/subpagefooter.gif) no-repeat;*/
}

.feed-icon {
	background: url(/Themes/capetown/Images/rss.png) no-repeat;
	width: 24px;
	height: 24px;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.news-feed .title {
	font-size: 14px; 
}

.news-feed .description {
	margin-top: 5px;	
}

