/* cvs id: $Id: style.css,v 1.7 2009/07/28 01:08:04 sean Exp $ */

/* ==================== Start Body styles ====================== */



.text {
	/* text for home page */
	color : #4F4F4E;
	font : 11px/11px  Verdana, Arial, Helvetica;
	text-decoration: none;
	font-weight: normal;
	line-height: 16px;
	letter-spacing: 0.2px;
}

.menu-back {
	/* Creates background image and colour in menu and footer */
	height:48px;

	background-color: #0099cc;
}

.top-back {
	padding: 10px;
	background-color : #EDE6D4;
}

.header-back {
	/* Creates colour line above main header image */

	width:780px;
	background-color : #EDE6D4;
}

.narrow-td {
	/* Creates embost logo on background where images appear on right of screen */
	padding-left: 20px;
  	padding-right: 35px;
	padding-bottom: 37px;
}

.wide-td {
	/* Creates embost logo on background where NO images appear on right of screen */
	padding-left: 10px;
	padding-bottom: 10px;
}

.subIndexPanel {
	padding-top: 0px;
}




/* ==================== End Main Menu styles ====================== */

/* ==================== Start Footer styles ====================== */

.footer-text {
	font-family:  verdana, Arial, Helvetica, Geneva, Swiss;
	font-size: 10px;
	font-style: normal;
	text-decoration: none;
	color: #999999;
}

A.footer-text {
	text-decoration: none;
	color: #999999;
}

A.footer-text:visited {
	text-decoration: none;
	color: #999999;
}

A.footer-text:hover {
	text-decoration: none;
	color: #999999;
}

/* ==================== End Footer styles ====================== */

.caption {
	font-size: 12px;
}

.error {
	font-family: verdana, Arial, Helvetica, Geneva, Swiss;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #ff4444;
}

.pageHeading {
	font-family:  Arial, Helvetica, Geneva, Swiss;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 30px;
	color: #CBC6B8;
	white-space: normal;
}

.head2 {
	line-height: 200%;
	font-family:  verdana, Arial, Helvetica, Geneva, Swiss;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #f14a44;
	padding-bottom: 3px;
}

.subHeading {
	font-family:  verdana, Arial, Helvetica, Geneva, Swiss;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}


.head3 {
	margin-top: 5px;
	margin-bottom: 3px;
	font-family: verdana, Arial, Helvetica, Geneva, Swiss;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #828383;
}



.heading {
	font-family : serif;
	font-size : 15px;
	font-style : italic;
	font-weight : 600;
	color: #666666;
	font-stretch : normal;
	padding-bottom : 4px;
}

INPUT,
TEXTAREA,
SELECT {
	font-family : 	verdana, Arial, Helvetica, Geneva, Swiss;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #707070;
}

.roomTitle {
	font-size: 1.4em;
}

.element {
	font-family: "verdana", "arial", sans-serif;
	font-size: 8.5pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #555555;
	padding: 4px 2px 4px 2px
}

.elementTitle {
	font-family: "verdana", "arial", sans-serif;
	font-size: 8.5pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #4F4F4E;
	padding: 4px 2px 4px 2px
}

.elementTitle2 {
	font-family: verdana, Arial, Helvetica, Geneva, Swiss;
	font-size: 8.5pt;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #4F4F4E;
	line-height: 25px;
}


.elementmem {
	font-family: verdana, Arial, Helvetica, Geneva, Swiss;
	font-size: 8.5pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #303030;
	padding: 4px 2px 4px 2px;
	width: 200px;

}

.elementmemTitle {
	font-family: verdana, Arial, Helvetica, Geneva, Swiss;
	font-size: 8.5pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #4F4F4E;
	padding: 4px 2px 4px 2px;
	width: 130px;
	text-align: right;
	vertical-align: top;
}

.mandflag {
color: red;
}


.elementEdit {
	font-family: verdana, Arial, Helvetica, Geneva, Swiss;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #4F4F4E;
	padding: 4px 2px 8px 2px
}

.elementImg {
	border: 2px solid #EDE6D3;
}

FORM {
	margin: 0;
}

.subBox {
	background-color : white;
	color: Black;
	border: 1px solid #000000;
	font-size: 12px;
}

.link2:link,.link2:visited {
	line-height: 200%;
	font-family: verdana, Arial, Helvetica, Geneva, Swiss;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #707070;
}

.link2:hover {
	line-height: 200%;
	font-family: verdana, Arial, Helvetica, Geneva, Swiss;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #707070;
}

.headerLink:link,.headerLink:visited {
	font-family: verdana, Arial, Helvetica, Geneva, Swiss;
	font-size: 17px;
  	letter-spacing: 3px;
	font-weight: normal;
	text-decoration: none;
	color: Black;
}

.headerLink:hover {
	font-family: verdana, Arial, Helvetica, Geneva, Swiss;
	font-size: 17px;
  	letter-spacing: 3px;
	font-weight: normal;
	text-decoration: underline;
	color: Black;
}



/* =================== start search form styles ===================== */

.searchField {
  margin-top: 2px;
	width: 155px;
	color: Gray;
	border : solid 1px #CCC6B3;
	background-color : #FBF6E7;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans serif;
}

.utilityMenuItem,
.utilityMenuItem:link,
.utilityMenuItem:visited {
	font : 11px Verdana, Arial, Helvetica;
	font-weight: normal;
	color: #999999;
	line-height: 16px;
	text-decoration : none;
	border-style: none;
	white-space: nowrap;
	text-transform : lowercase;
}

.utilityMenuItem:hover {
	font : 10px Verdana, Arial, Helvetica;
	color : #ffcc66;
	font-weight: normal;
	line-height: 16px;
	text-decoration : none;
	border-style: none;
	white-space: nowrap;
	text-transform : lowercase;
	border-bottom: 0px solid #970000;
}

/* =================== end search form styles ===================== */

/* =================== start booking search form styles ===================== */

.bookingPanel {
	width: 160px;
	margin: 2px;
	padding: 0px 0px 0px 0px;
	border : solid 1px #CCC6B3;
	background-color : #FBF6E7;
}


.rangeValid {
  font-family: arial,sans-serif;
  color: white;
  font-weight: bold;
  font-size: 10pt;
  text-align: center;
  border: none;
  width: 132px;
  padding: 2px;
  background-color : transparent;
}

.rangeInvalid {
  font-family: arial,sans-serif;
  color: #000000;
  font-weight: bold;
  font-size: 10pt;
  text-align: center;
  border: none;
  width: 132px;
  padding: 2px;
  background-color : transparent;
}

.bookingSelect {
	font-family : 	Verdana, Helvetica, Arial, 'MS Sans Serif', Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 0px none red;
}

.bookingHead2 {
	line-height: 200%;
	font-family: verdana, Arial, Helvetica, Geneva, Swiss;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}

.bookingText {
	font-family: verdana, Arial, Helvetica, Geneva, Swiss;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #666666;
	padding-right: 8px;
}

.bookingSmall {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	font-size: 10px;
 	color: #666666;
	padding: 2px;
}

.mediaContainer {
  width:200px;
  text-align: center;
	padding-bottom: 12px;
}

/* ==================== end booking search form styles ====================== */






.navPanel {
	background-image: url('images/nav_bg.jpg');
	border: 0px solid #f00;
	line-height: 22px;
	/*
	height: 22px;
	background-repeat: repeat-x;*/
}

.mainContent {
	width: 75%;
	vertical-align: top;
	padding: 5px;
	border: 0px solid black;
}

.insideMain {
	width: 100%;
	vertical-align: top;
	padding: 0px 3px 3px 3px;
	border: 0px solid black;
	margin: 0;
}	

.siteMsg {
	width: 65%;
	vertical-align: top;
	padding-right: 10px;
	border: 0px solid black;
	padding-top: 20px;
}

.pageHead {
	font-family: arial;
	font-size: 24px;
	color: #002A90;
	font-weight: bold;
}

.siteSpecial {
	vertical-align: top;
	padding-top: 20px;
}

.bookPanel {
	width: 25%;
	vertical-align: top;
	border: 0px solid #000;
	padding: 0;
	margin: 0;
	height: 100%;
}

.bookDiv {
	background-color: #cdedf8;
	height: 100%;
	margin-top: 10px;
	padding: 4px 4px 4px 4px;
	border: 0px solid #000;
}

#footer {
	/*background-color: #007ABA;*/
	padding-top: 10px;
	border: 0px solid #000;
	text-align: left;
	color: #555555;
}

#footer td {
	padding-right: 5px;
}

.ratesTable {
	text-align: center;
	width: 100%;
	border: 0px solid white;
}

.ratesTable td {
	vertical-align: top;
	border: 1px solid white;
}

.ratesTable th {
	color: black;
}

.head01 {
	font-size: 13px;
	background-color: #ffe2a6;
	border: 1px solid white;
}

.head02 {
	font-size: 13px;
	background-color: #ffa98c;
	border: 1px solid white;
}

.head03 {
	font-size: 13px;
	background-color: #aad580;
}

.col1 {
	background-color: #ffeeca;
}

.col2 {
	background-color: #ffc5b0;
}

.col3 {
	background-color: #d7ebc2;
}

.titleSubHead {
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: #002A90;
}

#PricePopupDiv {
  background-color: #fff;
  margin-top: 20px;
  border: 1px solid #888;
  padding: 1px;
}

.psf_header {
  font-weight: bold;
  text-align: center;
}

.floatleft { float: left; }
.floatright { float: right; }
.date_header { font-weight: bold; }
.dayscontainer table { width: 100%; clear: right; }
.dayscontainer { }
.td_days { color: #fff; background-color: #888; text-align: center; }
.td_pricesalt { background-color: #ffa098; text-align: center; padding: 3px 0 3px; }
.td_pricesalt a { color: #000; font-weight: bold; }
.td_pricesalt a:hover { color: #000; font-weight: bold; }
.roomtitle { width: 100%; padding: 3px 0 0; }
td.roomtitle { vertical-align: bottom; }
.gridNavigation { padding-bottom: 0; }
#booking-description p { font-size: 9pt; margin-top: 1em;}