﻿/*** Custom Headings ***/
#page h2.section-header
{
	background: transparent url("../images/bg/right-box-bg.jpg") repeat-x left bottom;
	margin-top: 25px;
	padding-left: 0;
	font-style: normal;
}
h2.section-header span
{
	float: left;
	display: block;
	width: 100%;
	height: 26px;
}
h2.section-header span.text-head
{
	color: #FFFFFF;
	font-weight: normal;
	font-size: .9em;
	margin: 3px 0 0 13px;
	padding: 0;
	width: auto;
	}
h2.section-header span.bg-left
{
	background: transparent url("../images/bg/right-box-left.jpg") no-repeat left top;
	}
h2.section-header span.bg-right
{
	background: transparent url("../images/bg/right-box-right.jpg") no-repeat right top;
	}
h2.section-header {
  display:inline;
  float:left;
  width:100%;
}
#page h3 
{
	float: left;
	display: inline;
	width: 100%;
	color: #555555;
	font-size: 0.9em;
	font-style: normal;
	margin-bottom: 0;
}

/*** Custom Lists ***/
.variable-column
{
	display:inline-block;
}
.variable-column ul
{
	margin: 0;
	padding: 0 0 0 30px;
	width: 100%;
}
.variable-column ul li
{
    float: left;
    padding-right: 15px;
}
.left-side .variable-column ul li
{
	width: 30%;
}
.right-side .variable-column ul li
{
	width: 45%;
}

body:last-child:not(:root:root) .right-side h4 {letter-spacing: -0.1em;}

/*** Tables ***/
table{
	width: 100%;
	float: left;
	margin-top: 5px;
	font-size: 1em;
	line-height: 125%;
}
table,
table td{
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	text-align: center;
}
table td,
table th{
	margin: 0;
	padding: 0;
	font-family: Tahoma, sans-serif;
	font-size: 0.69em;
	color: #666666;
}
table th {
	border-width: 1px;
	border-style: solid;
    border-bottom: 2px solid #CEE6EC;
    color: #333333;
    font-weight: bold;
	text-align: center;
}
/*
table tr td.col1,
table tr td.col2,
table tr td.text-data
{
	text-align: left;
}
*/
a.register{
	float: left;
	display: inline;
	margin-top: 5px;
	font-weight: bold;
	text-decoration: underline;
	padding: 3px 0 3px 27px;
	background: transparent url("../images/icons/icon-head.jpg") no-repeat left center;
	}
a.register:hover{
	text-decoration: none;
	}

/* VIF - Added 06/22/2009 */
.box-steps div.content-variation p {
    width: 100%;
}
.box-steps div.content-variation a.link-register {
	font-size: 1.0em;
	font-style: normal;
	margin: 0 5px 0 0;
}
/* JJN - Added 05/06/2011 */
div.photo-gallery
{
	width: 220px;
	padding-right: 10px;
}
.caption
{
	color: #AAAAAA;
	text-align: center;
	font-size: 0.75em;
	position: absolute;
	bottom: 0;
	display: none;
	width: 220px;
}
#full-image
{
	width: 220px;
	height: 151px;
	padding: 1px;
	margin-bottom: 5px;
	border-style:solid;
	border-color: #aaaaaa;
	border-width: 1px;
	position: relative;
}
#full-image img
{ 
	position:absolute; 
	display:none; 
}
ul#thumbnails li.active
{ 
	border:2px solid #000;	
	background:#fff; 
	padding:2px; 
} 
ul#thumbnails, ul#thumbnails li
{ 
	margin:0; 
	padding:0; 
	list-style:none; 
} 
ul#thumbnails
{
	display: none; /* if the image-carousel is set to display thumbnails, then this is overwritten */
}  
ul#thumbnails li
{ 
	float:left; 
	margin-right:2px; 
	margin-bottom:5px; 
	border:1px solid #CCC;	 
	padding:3px; 
	cursor:pointer; 
} 
ul#thumbnails img 
{
	float:left; 
	width:45px; 
	height:40px; 
	line-height:40px; 
	overflow:hidden; 
	position:relative; 
	z-index:1;	 
}
#full-image .photo-next {
	position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 100%;
    cursor: pointer;
    display: block;
    z-index: 100;
 }
#full-image .photo-prev {
	position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 100%;
    cursor: pointer;
    display: block;
    z-index: 100;
}
#full-image .photo-next .photo-next-image
{
	background: url("../images/next.png") no-repeat;
    width: 30px;
    height: 30px;
    display: none;
    position: absolute;
    top: 47%;
    left: 0;
    z-index: 101;
}
#full-image .photo-prev .photo-prev-image
{
	background: url("../images/prev.png") no-repeat;
	width: 30px;
    height: 30px;
    display: none;
    position: absolute;
    top: 47%;
    left: 0;
    z-index: 101;
}
#image-carousel-settings
{
	display: none;
	position: absolute;
}
#floor-plans-and-pricing,
#school-information,
#amenities-and-features,
#pet-information,
#other-information,
#map-location
{
	display: inline;
	margin-bottom: 20px;
}
.street-address,
.year-built,
.management-company,
.phone-number,
.fax-number,
.address-area{
	display: block;
}
span.register-to-view-phone,
span.register-to-view-fax,
span.register-to-view-amenities,
span.register-to-view-floor-plans,
span.register-to-view-info
{
	font-weight: bold;
	margin-top: 5px;
	color: #6DB4D7;
	font-family: Tahoma,sans-serif;
    margin: 0;
}
span.register-to-view-info
{
	font-size: 0.69em;
	text-decoration: underline;
}
span.register
{
	background: transparent url("../images/icons/icon-head.jpg") no-repeat scroll left center;
	float: left;
	padding: 3px 0 3px 27px;
	font-size: 0.69em;
}
span.register-to-view-phone:hover,
span.register-to-view-fax:hover,
span.register-to-view-amenities:hover,
span.register-to-view-floor-plans:hover,
span.register-to-view-info:hover
{
	cursor: pointer;
	text-decoration: none;
}
.apartment-description
{
	clear: both;
	padding-top: 10px;
}
a.property-name
{
	color: #333333;
	font-weight: bold;
	font-size: 0.9em;
}
a.property-name:hover
{
	text-decoration: none;
	cursor: text;
}
div.address
{
	font-size: .69em;
	color: #666666;
	font-family: Tahoma, Sans-Serif;
	float: none;
}
div.address a
{
	font-size: 1em;
}
.registration-heading
{
	font-size: 1.13em;
	font-weight: bold;
	font-style:italic;
	margin: 20px 0 0 0;
	float: left;
	padding: 0;
	display: inline;
	background: transparent url("../images/icons/icon-head.jpg") no-repeat left center;
	padding-left: 30px;
	color: #717171;
	width: 100%;
}
.registration-heading strong
{
	color: #54A7BC;
}

/*** Google Map ***/
#map_canvas
{
	background-color:#E5E3DF;
	position:relative;
}
.right-side #map_canvas
{
	width: 400px;
	height: 400px;
}
.left-side #map_canvas
{
	width: 100%;
	height: 300px;
}
#info-window-content
{
}
#info-window-content a
{
	color: #54A7BC;
	text-decoration: underline;
	margin: 0;
	padding: 0;
	float: none;
	text-transform: none;
	width: 100%;
}
#info-window-content a:hover
{
	color: #54A7BC;
	text-decoration: none;
}
/*** Modal Registration ***/
.modal-overlay
{
	display: none;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background: #555555;
	-moz-opacity: 0.75;
	-webkit-opacity: 0.75;
	filter: alpha(opacity=75);
	opacity:0.75;	
	z-index:101;
}
.close-window
{
	position:absolute;
	width:15px;
	height:15px;
	right:10px;
	top:10px;
	z-index:103;
	background: transparent url("../images/buttons/close_button.gif") no-repeat left center;
}
a.close-window:hover
{
	cursor: pointer;
}

/*** Secondary Validation for GWO variations ***/
span.error
{
	color:Red;
	font-weight: bold;
}





