///////////////////////////////////////////////////
/*
// Blooming Property Management Static Page Styles
*/
//////////////////////////////////////////////////


/* PRIMARY COLORS OF BLOOMING FOR USE THROUGHOUT SITE
dark maroon: #44001a;
red: #6b091a;
dark turquoise: #104e5b;
light blue: #86b1b8;
gold: #a16c02;
/*


/* RESET STYLES */

*{
	margin:0;
	Padding:0
}


/* ***** Standard CSS On All Pages Begins Here ***** */

#booking_overlay {
		background: #ffffff;
		border: 1px solid black;
		width:512px;
		height:531px;
		padding:0px;
		position: relative;
	}
	
#booking_overlay div.close {
	background:url("../images/close.png") no-repeat scroll 0 0 transparent;
	cursor:pointer;
	height:35px;
	position:absolute;
	right:5px;
	top:2px;
	width:35px;
}

/* Body */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #ffffff;
	margin: 5px;
}

/* Body Class on All Template Driven Pages */

body.page-background {
	background: #6b091a;
	margin: 0px;	
}
body.home-background {
background:#6b091a url(images/body-bkgd-home.gif) no-repeat top center;
margin:0;
}

/* Body for Print Page */

body.printpage {
	background-color: #FFFFFF; 
	margin: 0px; 
	} 

/* ***** MAIN TEXT STYLES ***** */

/* Sitewide Link Style */

A:link, A:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #0b3042;
}

A:hover, A:active {
	font-weight: bold;
	text-decoration: underline;
	color: #44001b;
}

/* Footer Links Style */

A:link.footerlinks, A:visited.footerlinks {
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

A:hover.footerlinks, A:active.footerlinks {
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
} 

/* Link Back to VDS Site in Footer Area */

A:link.vdslink, A:visited.vdslink {
	font-size: 11px;
	color: #d0ddea;
	font-weight: normal;
	text-decoration: underline;
}

A:hover.vdslink, A:active.vdslink  {
	font-size: 11px;
	color: #d0ddea;
	font-weight: normal;
	text-decoration: underline;
}

/* Standard Headers */

h1 {
	font-size: 19px;
	color: #ffffff;
	font-weight: bold;
	margin: 15px 0px 15px 0px;
}

h2 {
	font-size: 15px;
	color: #6d1424;
	font-weight: bold;
	margin: 15px 0px 15px 0px;
}

h3 {
	font-size: 14px;
	color: #0b3042;
	font-weight: bold;
	margin: 15px 0px 15px 0px;
}

h4 {
	font-size: 13px;
	color: #0b3042;
	font-weight: bold;
	margin: 15px 0px 15px 0px;
}

h5 {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	margin: 15px 0px 15px 0px;
}

h6 {
	font-size: 11px;
	color: #6d1424;
	font-weight: bold;
	margin: 15px 0px 15px 0px;
}

/* STANDARD BODY TAG FORMATTING */

p {
	color: #0b3042;
	margin: 15px 0px 15px 0px;
	line-height: 18px;
}

hr {
    border-style: solid;
    background-color: #0b3042;
    height: 1px;
    border: none; 
    width: 100%; 
    color: #0b3042;
}

li {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #0b3042;
	padding: 1px;
}

table{} tr{} 

td{
	font-size: 12px;
}
 th{} strong{} b{} i{} ol{} ul{}

/* ***** Custom Styles applied to Home and Interior Templates By Designer ***** */

.content_bkgd {
	background: url(images/content-bkgd.jpg) repeat-y top left;
}

.leftbkgd {
	background: #6b091a url(images/left-bkgd.gif) top right no-repeat;
}

.rightbkgd {
	background: #6b091a url(images/right-bkgd.gif) top left no-repeat;
}

.bottombkgd {
	background: url(images/content-bottom-bkgd.jpg) bottom left no-repeat;
	vertical-align: bottom;
	font-size: 11px;
	color: #d0ddea;
	padding: 0 0 10px 135px;
}

.bottomshadow {
	background: url(images/bottom-shadow.jpg) bottom left no-repeat;
}

.flowerbkgd {
	background: url(images/left-flower-bkgd.jpg) bottom right no-repeat;
}

.border_fade_left {
	background: url(images/border-fade-left.jpg) top right no-repeat;
}

.border_fade_right {
	background: url(images/border-fade-right.jpg) top left no-repeat;
}


.main_content {
	background: url(images/masthead-image.jpg) top left no-repeat;
	padding: 206px 45px 0 45px;
}

.topnav {
	background: #6b081a url(images/nav-top.jpg) top left no-repeat;
	padding: 8px 35px 0 0;
	text-align: right;
	font-size: 11px;
	color: #ffffff;
	vertical-align: top;
}

A:link.topnavlink, A:visited.topnavlink {
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

A:hover.topnavlink, A:active.topnavlink {
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
} 

.nav_bottom {
	background: url(images/bottom-nav-bkgd2.jpg) top left no-repeat;
	height: 139px;
	padding: 17px 0 0 36px;
}


.nav_bottom2 {
	background: url(images/bottom-nav-bkgd-flower.jpg) top left no-repeat;
	height: 139px;
	padding: 17px 0 0 36px;
}

.nav_middle {
	background: url(images/nav-middle.jpg) top left no-repeat;
	width: 185px;
	height: 235px;
}

.footerTD {
	text-align: center;
	color: #ffffff;
	font-size: 11px;
	background: url(images/footer-bkgd.jpg) top left no-repeat;
	height: 46px;
}

.footerTDHome {
	text-align: center;
	color: #ffffff;
	font-size: 11px;
	height: 46px;
}

.static_photo {
	background: #ffffff;
	padding: 5px;
	border: solid 1px #4a6e73;
}

.homeownerTD {
	padding-right: 10px;
	font-weight: bold;
	font-size: 10px;
	color: #0b3042;
	padding-bottom: 15px;
}

.homeownerTD2 {
	font-weight: bold;
	font-size: 10px;
	color: #0b3042;
	padding-bottom: 15px;
}


#container { 
	width: 1024px;  
	margin: 0 auto; 
	
} 
#header { 
	width:1024px;
	height:30px;
	background:url(images/header-top-home2.gif) no-repeat;
} 

#menuWrapper {
width:265px;
height:408px;
background:url(images/menu-holder-home2.gif) no-repeat;
float:left;
}
#menu{
margin:150px 0 0 0;
width:265px;
float:left;
}
#quickSearch {
width:280px;
height:225px;
float:left;
font-size:11px;
font-weight:bold;
padding:42px 5px 0 1px;
text-align:left;
color:#d0ddea;

}
#mainContentFlash { 
	float:right;
	height:408px;
	width:759px;
	background:url(images/flash-bkdg2.jpg) no-repeat top right;
} 
#mainContentFlash2 { 
	float:right;
	height:408px;
	width:759px;
	background:url(images/flash-mountain.jpg) no-repeat top right;
} 
#mainContent{ 
	margin:0 0 0 300px;
	width:685px;
}
#mainContentWrapper{ 
background:url(images/home-content-bkgd2.jpg) no-repeat top right;
}

#contentRepeat{
background:url(images/content-repeat-bkgd.gif) repeat-y;
height:100%;
}
#weatherStamp{
width:135px;
height:32px;
margin:125px 0 0 90px;
font-size: 12px;
color: #0B3042;
text-align: center;
}
/*#weatherStamp2{
width:130px;
height:32px;
margin:125px 0 0 90px;
}*/
#weatherSticker{
position:relative;
top:80px;
left:90px;
}
#weatherSticker2{
position:relative;
top:120px;
left:90px;
}
#weatherSticker2{
position:relative;
}
#footer { 
	width:1024px;
	background:url(images/footer-home2.gif) no-repeat;
	height:160px;
} 
#footer p{
font-size: 11px;
color: #d0ddea;
text-align:center;
margin:0 0 0 0;
position:relative;
top:5px;
}
#footer table{
padding:5px 0 0 0;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#noMargin{
margin:0;
}

#aboutourstaffDIV a:link, #aboutourstaffDIV a:visited {  
	color: #0b3042;
	font-weight: normal;
	text-decoration: underline;
}

#aboutourstaffDIV a:hover, #aboutourstaffDIV a:active {  
	color: #520411;
	font-weight: normal;
	text-decoration: underline;

}

#footerlinksDIV{
padding:10px 0 0 0;
color:#fff;
}
#footerlinksDIV p{
margin:3px 0 0 0;
color:#fff;
}


#leftColumn{
width:286px;
float:left;
height:100%;
}

/* Yahoo Attribution for Weather Feed */

#yahooattribution {
margin: 7px 0px 0px 0px;
padding: 0px;
}

#yahooattribution a:link, #yahooattribution a:visited {  
color: #dfb8bf;
font-size: 11px;
text-decoration:none;
font-weight: normal;
}

#yahooattribution a:hover, #yahooattribution a:active {  
color: #dfb8bf;
font-size: 11px;
text-decoration:underline;
font-weight: normal;
}

/*-----------Quick Search Styles-----------*/
#quickSearch {
width:280px;
height:277px;
background:url(images/quicksearch-bkgd.jpg) no-repeat top;
float:left;
font-size:11px;
font-weight:bold;
padding:0px 5px 0 1px;
text-align:left;
color:#d0ddea;
}


#quickSearch table{
position:relative;
top:40px;
}
#quickSearch2 {
width:280px;
height:277px;
background:url(images/quicksearch-bkgd-new.jpg) no-repeat top;
float:left;
font-size:11px;
font-weight:bold;
padding:0px 5px 0 1px;
text-align:left;
color:#d0ddea;
}
#fieldTable{
position:relative;
top:45px;
left:10px;
}
.buttonSearch{
background:url(images/bttn-search.gif) no-repeat;
width:104px;
height:23px;
border:0;
padding:0 0 3px 0;
}
.buttonReset{
background:url(images/bttn-reset.gif) no-repeat;
width:54px;
height:23px;
margin:0 8px 0 0;
border:0;
padding:0 0 3px 0
}
#quickSearch a{
font-size:10px;
font-weight:bold;
}
#quickSearch2 a{
font-size:10px;
font-weight:bold;
}
.alignRight{
padding:0 0 0 20px;

}
.alignRight2{
padding:3px 0 0 24px;
}
.alignRight3{
padding:3px 65px 0 0;
text-align:right;
}
.alignRight4{
padding:3px 0 0 0;
text-align:right;
}
input.qsrch, textarea.qsrch, select.qsrch {
color: #005d23;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
border: 1px solid;
border-color: #D0D1D8;
text-indent: 1px; 
background-color: #FFFFFF;
padding: 0px;
width: 40px;
}
input.qsrch2, textarea.qsrch2, select.qsrch2 {
color: #005d23;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
border: 1px solid;
border-color: #D0D1D8;
text-indent: 1px; 
background-color: #FFFFFF;
padding: 0px;
width: 55px;
}
input.qsrch3, textarea.qsrch3, select.qsrch3 {
color: #005d23;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
border: 1px solid;
border-color: #D0D1D8;
text-indent: 1px; 
background-color: #FFFFFF;
padding: 0px;
width: 130px;
}
/*for new quick search*/
input.qsrch4, textarea.qsrch4, select.qsrch4 {
color: #005d23;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
border: 1px solid;
border-color: #D0D1D8;
text-indent: 1px; 
background-color: #FFFFFF;
padding: 0px;
width: 90px;
}
input.qsrch5, textarea.qsrch5, select.qsrch5 {
color: #005d23;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
border: 1px solid;
border-color: #D0D1D8;
text-indent: 1px; 
background-color: #FFFFFF;
padding: 2px;
width: 90px;
}

.qsrchButtons{
margin:3px 0 0 0;
width:200px;
float:right;
padding:40px 0 0 0;
}
.qsrchButtons2{
margin:3px 0 0 0;
width:200px;
float:right;
padding:10px 0 0 0;
}

.searchFields{
width:220px;
height:20px;
margin:0;
padding:0;
text-align:right;
}
.searchFieldsArrival{
width:280px;
height:20px;
margin:0;
padding:0;
text-align:left;
}
a:link.creditLink, a:visited.creditLink{
color:#FFFFCC;
}
a:hover.creditLink, a:active.creditLink{
color:#fff;
}
.zeroOut{
margin:0;
}
.calendar p{
margin:0;
}


#areaLinks{
height:100%;
margin:10px 0 0 0;
}
#linksHeader{
width:244px;
height:80px;
background:url(images/area-links.jpg) no-repeat;
margin:0 auto;
}

#areaLinks ul{
list-style-type:none;
width:200px;
margin:0 auto;
}
#areaLinks ul li{
padding:10px 0;
}
#areaLinks h2{
text-align:center;
}

#socialMedia {
margin: 10px 0 20px 58px;
}

#socialMediaP2 {
margin: 10px 0 20px 20px;
}

input, textarea, select {
color: #0b3042;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border: 1px solid;
border-color: #55777b;
background-color: #e3fbfe;
padding: 2px 2px 2px 2px; 
}

/* This is the button class to be used on all Dynamic Pages */

input.button {
	color: #fee8bc;
	font-size: 12px;
	font-weight: bold;
	border: solid 1px #2a1318;
	background: #49101a url(images/button-bkgd.jpg) repeat-x top left;
	height: 24px;
	width: 245px;
	padding: 0px 0px 2px 0px;
	vertical-align: top;
}

/* The checkbox/radio alternative should match the page background color */

input.clear {
	color: #000000;
	border: 0px;
	background-color: #83b0b6;
	padding: 0px;
}
.tagLine{
padding:10px 0 0 450px;
font-weight:bold;
font-style:italic;
color:#fff;
margin:0;
letter-spacing:2px;
}
.tagLine2{
font-weight:bold;
font-style:italic;
color:#fff;
margin:0;
letter-spacing:2px;
padding:0 10px 0 0;
}

.promo {
	font-weight: bold; color: #ff0000;
}


/*=========== tab navigation for search results ==========*/
ul.tabNavigation {
list-style: none;
margin: 0;
padding: 0;
}

ul.tabNavigation li {
    display: inline;
}

ul.tabNavigation li a {
    border:1px solid #dadada; line-height:18px; padding:1px 4px 0; color:#000; text-decoration:none;
}

ul.tabNavigation li a.selected,
ul.tabNavigation li a:hover {
    background:#dedede; border:1px solid #514f50;
}

ul.tabNavigation li p{margin:0 0 0 10px}

ul.tabNavigation li a:focus {
	outline: 0;
}


ul.tabNavigation2 {
list-style: none;
margin: 0;
padding: 0;
}

ul.tabNavigation2 li {
    display: inline;
}

ul.tabNavigation2 li a {
    border:1px solid #dadada; line-height:18px; padding:1px 4px 0; color:#000; text-decoration:none;
}

ul.tabNavigation2 li a.selected,
ul.tabNavigation2 li a:hover {
    background:#dedede; border:1px solid #514f50;
}

ul.tabNavigation2 li p{margin:0 0 0 10px}

ul.tabNavigation2 li a:focus {
	outline: 0;
}


div.tabs > div {
	margin-top: 3px;
	margin:7px 0;
}

div.tabs > div h2 {
	margin-top: 0;
}



	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
			cursor:pointer;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#ee0101;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}