/* CSS Document */

img, div { behavior: url(css/iepngfix.htc) }

body
{
	margin: 0px;
	padding: 0px;
	background: #B5DBEC;
	width: 100%;
	
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 15pt;
	text-align: center;
}

ul
{
	margin-top: 5px;
}

.pageHolder
{
	margin: 0px auto;
	width: 860px;
	background: url(../images/bg.png) repeat-y center top;
}

.siteHolder
{
	width: 780px;
	margin: 0px auto;
	text-align: left;
}

td
{
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 15pt;
}

.smaller, .shrink .static
{
	font-size: 9pt;
}

.evenSmaller, .shrink .smaller
{
	font-size: 8pt;
	line-height: 11pt;
}

.shrink .evenSmaller
{
	font-size: 7pt;
	line-height: 11pt;
}

.mini
{
	font-size: 7pt;
	line-height: 11pt;
}

.special
{
	color: #CC0000;
	font-weight: bold;
}

input.text, input.password
{
	font-size: 10pt;
	width: 150px;
}

select
{
	font-size: 10pt;
}

.headSpace
{
	border-bottom: solid 1px #FFFFFF;
	width: 100%;
	height: 120px;
	background: #e4e4e4 url( ../images/headerBg.png ) no-repeat;
}
.headSpace h1 {
      text-indent: -9999px
}

.headText
{
	padding: 40px 0px 0px 27px;
	font-family: Verdana, Arial, Helvetica, sans-serif; /*Georgia, "Times New Roman", Times, serif;*/ 
	font-size: 22pt;
	font-weight: normal;
	margin-bottom: 4px;
	color: #000000;
	text-align: left;
}

.subHeadText
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt;
	font-weight: normal;
	margin-left: 57px;
	color: #666666;
	letter-spacing: 1px;
	font-style: italic;
	text-align: left;
}

.menuArea
{
	background-color: #3B9FCC;
	border-bottom: solid 1px #FFFFFF;
	padding: 0 16px;
}

.memberBar
{
	background-color: #3B9FCC;
	padding: 5px 0px 5px 14px;
	color: #FFFFFF;
	font-weight: bold;
}

.memberBarStyle
{
	background-color: #3B9FCC;
	color: #FFFFFF;
	font-weight: bold;
}


.menuElement
{
	display: block;

	padding: 6px 13px 6px 12px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

.menuElement:hover, .menuElementOver
{
	display: block;

	padding: 6px 13px 6px 12px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	
	text-decoration: underline;
}

.searchBar
{
	background-color: #E5E5E5;
	width: 100%;
}

.quickSearch
{
	background-color: #e4e4e4;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 14pt;
	color: #666666;
	vertical-align: top;
	padding: 12px 15px 12px 15px;
}

.quickLink
{
	display: block;
	margin: 8px 0px 6px 5px;
	font-weight: bold;
	color: #666666;
}

.quickSearchTitle
{
	width: 130px;
	font-family: Verdana, Arial, Helvetica, sans-serif; /*Georgia, "Times New Roman", Times, serif;*/
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 5px;

}

.quickSearch select
{
	width: 150px;
}



.memberMenuArea, .adminMenuArea
{
	background-color: #e4e4e4;
	vertical-align: top;
	padding: 12px 7px 7px 10px;
}

.memberMenuElement, .adminMenuElement
{
	display: block;

	padding: 5px 0px 5px 0px;
	width: 110px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt;
	line-height: 13pt;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}

.memberMenuElement:hover, .memberMenuElementOver, .adminMenuElement:hover, .adminMenuElementOver
{
	display: block;

	padding: 5px 0px 5px 0px;
	width: 110px;

	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt;
	line-height: 13pt;
	font-weight: bold;
	text-decoration: underline;
	color: #666666;
}

.memberPropertyMenuElement, .adminSpecialMenuElement, .specialMenuElement
{
	display: block;

	padding: 1px 6px 1px 6px;
	
	border: solid 1px #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	text-decoration: none;
	color: #000000;
}

.memberPropertyMenuElement:hover, .memberPropertyMenuElementOver, .adminSpecialMenuElement:hover, .adminSpecialMenuElementOver, .specialMenuElement:hover, .specialMenuElementOver
{
	display: block;

	padding: 1px 6px 1px 6px;
	
	border: solid 1px #666666;
	background-color: #e4e4e4;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	text-decoration: none;
	color: #000000;
}

.condoLink
{
	display: block; 
	padding: 2px 8px 8px 8px;
	text-decoration: none;
}

.condoLink .subTitle
{
	line-height: 11pt;
	margin-bottom: 3px;
}

.condoLink:hover
{
	background-color: #EAEAEA;
}

.contentTable
{
	width: 100%;
	border-bottom: solid 1px #FFFFFF;
	background-color: #FFFFFF;
}

.contentHolder
{
	vertical-align: top;
	background-color: #FFFFFF;
}

.content
{
	width: 555px;
	margin: 13px 0px 25px 20px;
}

.contentWidth
{
	width: 555px;
}

.footerSeperator
{
	height: 8px;
	background: #3B9FCC;
}

.footerSpace
{
	border-top: solid 1px #FFFFFF;
	background: #e4e4e4;
	font-size: 8pt;
	text-align: left;
	padding: 14px 0px 20px 0px;
	padding-left: 30px;
	color: #666666;
}

.footerMenuElement
{
	color: #666666;
	text-decoration: none;
}

.footerMenuElementOver, .footerMenuElement:hover
{
	color: #666666;
	text-decoration: underline;
}


.subTitle
{
	font-size: 10pt;
	line-height: 18pt;
	font-weight: bold;
	color: #666666;
}

.title
{
	font-size: 14pt;
	font-family: Verdana, Arial, Helvetica, sans-serif; /*Georgia, "Times New Roman", Times, serif;*/
	margin-bottom: 8px;
	color: #000000;
}

a.link
{
	font-weight: bold;
	color: #CC0000;
}

.contactInput
{
	width: 180px;
}

form
{
	margin: 0px;
}

.frame
{
	border: solid 1px #E4E4E4;
}

img
{
	border: 0px;
}

a.imageGallery
{
	display: block;
	border: solid 1px #000000;
}

a.imageGallerySelected
{
	display: block;
	border: solid 1px #CC0000;
}

a.imageGallery:hover
{
	border: solid 1px #999999;
}

.hidden
{
	overflow: hidden;
	width: 100px;
	height: 100px;
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
}

/* Linear Calendar */

#linearCalendar
{
	border: solid 1px #000000;
	float: left;
}

.toolbar
{
	font: bold 8pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFFFFF;
	background: #000000;
	border: solid 2px #FFFFFF;
	border-width: 2px 2px 0 2px;
}

.toolbar .text
{
	padding: 3px 0;
}

.toolbar .next, .toolbar .prev
{
	float: right;
	color: #FFFFFF;
	display: block;
	font: bold 10pt Arial, Helvetica, sans-serif;
	padding: 0 4px;
}

.toolbar .prev
{
	float: left;
}

.chart
{
	border: solid 1px #FFFFFF;
}

.chart td, .chart th
{
	border: solid 1px #FFFFFF;
	font: normal 8pt Arial, Helvetica, sans-serif;
	text-align: center;
}

.chart th
{
	font-weight: bold;
}

.chart .seperator
{
	border-right-width: 10px;
}

.chart .chartLabel
{
	text-align: left;
	width: 175px;
	padding-left: 3px;
}

.chart .chartLabel a
{
	text-decoration: none;
	color: #000000;
}

.chart .chartLabel a:hover
{
	text-decoration: underline;
}

.chart .markedDate, .chart .showDate, .chart .booked
{
	width: 20px;
	height: 20px;
	background: #EEEEEE;
}

.chart .showDate
{
	background: #2E6BCA;
	font-weight: bold;
	color: #FFFFFF;
}

.chart .weekend
{
	background: #8BADE1;
	/*
	filter:alpha(opacity=55);
	-moz-opacity:.55;
	opacity:.55;
	*/
}

.chart .past
{
	background: #000000;
}

.chart .booked
{
	background: #AA0000;
}





/* 
 * 
 * MESSAGE BOARD STYLES
 *
 */

.board_cell_on
{
	background-color: #e4e4e4;
	border: solid 1px #AAAAAA;
	color: #444444;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 12pt;
}

a.board_text_on
{
	color: #000000;
	text-decoration: underline;
}


.board_cell_off
{
	background-color: #FFFFFF;
	border: solid 1px #AAAAAA;
	color: #444444;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 12pt;
}

a.board_text_off
{
	color: #000000;
	text-decoration: underline;
}

.board_head_cell
{
	background-color: #FFFFFF;
	border: solid 1px #AAAAAA;
	color: #CC0000;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}