@import url(../layout.css);
@import url(../elements.css);
@import url(../Styles.css);
@import url(../popups.css);
@import url(../mapTooltip.css);

/*
	Light : #C2D1E3
	Dark : #004A91

	100% : #004A91
	70%: #4C80B2
	30%: #C2D1E3
	10%: #F7F7FA
*/
.development h1 {
	font-size: 40px;
	color: #C2D1E3; /* light */
}
.development h1 span {
	color: #004A91; /* dark */
}
.development strong.dark {
	font-weight: bold;
	font-size: larger;
	color: #004A91; /* dark */
}
.development strong, .development strong a, .development b {
	color: #004A91; /* dark */
}
/* sub navigation */
#subNav ul li a {
	color: #004A91; /* dark */
	background-color: #C2D1E3; /* light */
}
#subNav .selected {
	color: #ffffff;	/* white */
	background-color: #004A91; /* dark */
}
/* features */
.feature .title {
	color: #004A91 !important; /* dark */
}
.feature .subTitle {
	color: #C2D1E3 !important; /* light */
}

/* legacy development support */
.developmentHomeImage {
	background-color: #C2D1E3; /* light */
	width: 100%;
}
.developmentHomeImage IMG {
	display: block;
	background-color: #FFF;
	padding-right: 5px;
}
/* site plan map */
.sitePlanSvg {
	margin-right: 10px;
	border: 0px none #C2D1E3; /* light */
}
/* house styles */
.houseStyleRepeaterItem {
	color: #004A91; /* dark */
	background-color: #C2D1E3; /* light */
}
.houseStyleRepeaterItem a {
	color: #004A91; /* dark */
}
/* development map and directions */
.development #devMapWrapper {
	background-color: #C2D1E3; /* light */
}

/* development comming soon */
.development #divCommingSoon {
	background-color: #004A91; /* dark */
}
.development #divCommingSoon .title,
.development #divCommingSoon .subTitle,
.development #divCommingSoon .link,
.development #divCommingSoon .link a,
.development #divCommingSoon .link a:hover {
	color: #C2D1E3; /* light */
}

/* development forms */
.development .form .title {
	color: #ffffff;	 /* white */
	background-color: #004A91; /* dark */
}
.development .form .formArea {
	background-color: #C2D1E3; /* light */
	color: #696969;	 /* grey */
}

/* house styles page */
.development .houseStyleWrapper .bgColor {
	padding: 3px;
	background-color: #C2D1E3 !important; /* light */
}
.development .houseStyleWrapper #divSpecDownload {
	background-color: #004A91; /* dark */
	padding: 2px 0px 4px 5px;
	font-weight: bold;
	color: #ffffff;	/* white */
}
.development .houseStyleWrapper #divSpecDownload a {
	color: #ffffff;	 /* white */
}
.development #houseStyleFloorPlanTable table .row {
	background-color: #ffffff;   /* white */
	color: #004A91; /* dark */
}
.development #houseStyleFloorPlanTable table .altRow {
	background-color: #C2D1E3 /* light */;
	color: #004A91; /* dark */
}
.development .salesCenter, .development .salesCenter a {
	color: #004A91 !important; /* dark */
}
/* */

/* Siteplan tooltip */
#siteplanToolTip .colorTitle {
	color: #004A91 !important; /* dark */
}
#siteplanToolTip .colorSubTitle {
	color: #C2D1E3 !important; /* light */
}
/* house style rollup plot listing */
.development .plotRptItem .toggleHeader {
	margin-top: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	border: 1px solid #FFF;
	width: 168px;
	background-color: #FFF;
	color: #004A91;
}
.development .plotRptItem .toggleHeader a {
	color: #004A91;
}
.development .plotRptItem .pnlResults {
	width: 158px;
	background-color: #E5E5EF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding-left: 10px;
}
/* house style plot listing control */
.development .divPlotListing .toggleHeader {
	font-weight: bold;
	border: 1px solid #BBB;
	width: 180px;
	padding: 4px;
}
.development .divPlotListing .pnlResults {
	width: 180px;
	background-color: #E5E5EF;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	padding: 4px;
}

/* coming soon email & SMS checkboxes */
#divCommingSoon .formField span	label {
	color: #C2D1E3 !important; /* light */
}

/* House style rollup search house style */
.development #searchOptions .bgTheme {
	background-color: #FFF;
	border-top: 1px solid #004A91;
	border-left: 1px solid #004A91;
	border-bottom: 1px solid #004A91;
	border-right: 1px solid #ffffff;
	height: 18px;
	width: 205px;
	color: #004A91;
}
.buttonTheme {
	background-color: #004A91;
	color: #ffffff;
	border: 1px groove #004A91;
}