/**
  * core.css
  * 
  * @Andy Do <andy.do@resiteonline.com>
  * @version $Id$
  **/ 

/******************************/
/* Global Site Style Settings */
/******************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
dl, dt, dd, ol, ul, li, a, 
fieldset, form, label, legend, 
table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background-repeat: no-repeat;
}
A, IMG, A IMG {
	outline: none;
}
body {
	color: #000;
	background-color: #fff;
	margin: 0 auto;
	padding: 0px 0px;
	font: 10pt/1.5 Century Gothic, Helvetica, Helv, Arial;
	/* font: 10pt/1.5 Verdana, Helvetica, Helv, Sans Serif; This may be better for Firefox */
}
H1 {
	font-size: 9pt;
	font-weight: 400;
	text-transform: uppercase;
}
H3 {
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
}
H4 {
	font-size: 12pt;
	font-weight: 200;
	text-transform: uppercase;
}
H5 {
	font-size: 14pt;
	font-weight: bold;
	text-transform: uppercase;
}
UL, LI { list-style-type: none; }

#innerWrapper { 
	margin: 0 auto;
}
#wrapper { 
	width: 976px;
	height: 100%;
	margin: 0 auto;
}


/*************************/
/* Styles for the Header */
/*************************/
#header {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 136px;
}

#header #imgLogo {
	position: absolute;
	float: left;
	vertical-align: top;
}
#imgLogo IMG {
	display: block;
}

/***********************************/
/* Resident Benefits Coupon */
div#benefits {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 194px;
	height: 76px;
	padding: 0px;	
}

div#resultsArea {
	float: left;
	width: 976px;
	margin: 0px;
	padding: 0px;
	
}

div#resultsArea h1#resultsHeader {
	float: left;
	width: 100%;
	margin: 0px;	
	padding: 20px 0px;
	font-size: 22px;
	text-align: center;	
}

div#resultsArea div#rewardsCategories {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;		
}

div#rewardsCategories ol#rewards {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div#rewardsCategories ol#rewards li.partnerCategory {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 40px 0px;	
	border-top: 1px dashed #DDE2F0;
}

li.partnerCategory div.partnerImg {
	float: left;
	width: 210px;
	height: 125px;
	margin: 0px;
	margin-right: 30px;
	padding: 0px;
	
}

li.partnerCategory div.partnerListing {
	float: left;
	width: 650px;
	margin: 0px;
	padding: 0px;
}

li.partnerCategory div.partnerListing h3 {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;
}


li.partnerCategory div.partnerListing p {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;	
}

.blueClass {
	color: #4564B0;
}

/*************************************/
/* Navigation - Sprite Overlay Style */
/*************************************/
#navContainer { /* Outmost wrapper (container) for the Navigation Component */
	width: 793px;
	height: 40px;
	left: 183px;
	top: 96px;
	position: relative;
	z-index: 10;
}
#nav {
	width: 793px;
	height: 40px;
	list-style: none;
	position: relative;
}
#nav li { 
	display: inline;
}
#nav li a {
	text-indent: -900%;
	float: left;
	height: 40px;
}
#nav-subNav {
	position: relative;
	z-index: 10;
}
/* The following styles are for individual Nav items */
#nav .searchApartments {
	width: 175px;
	background: transparent url('../images/hdr_mainNav.png') no-repeat;
	background-position: 0px 0px;	
}
#nav .searchApartments:hover {
	background-position: 0px -40px;
}
#nav .seniorLiving {
	width: 123px;
	background: transparent url('../images/hdr_mainNav.png') no-repeat;
	background-position: -175px 0px;
}
#nav .seniorLiving:hover {
	background-position: -175px -40px;
}
#nav .commercialProperties {
	width: 185px;
	background: transparent url('../images/hdr_mainNav.png') no-repeat;
	background-position: -298px 0px;
}
#nav .commercialProperties:hover {
	background-position: -298px -40px;
}
#nav .BEZTAKServices {
	width: 132px;
	background: transparent url('../images/hdr_mainNav.png') no-repeat;
	background-position: -483px 0px;
}
#nav .BEZTAKServices:hover {
	background-position: -483px -40px;
}
#nav .contactUs {
	width: 108px;
	background: transparent url('../images/hdr_mainNav.png') no-repeat;
	background-position: -615px 0px;
}
#nav .contactUs:hover {
	background-position: -615px -40px;
}
#nav .careers {
	width: 70px;
	background: transparent url('../images/hdr_mainNav.png') no-repeat;
	background-position: -723px 0px;
}
#nav .careers:hover {
	background-position: -723px -40px;
}


/*****************************************/
/* Sub-Navigation - Sprite Overlay Style */
/*****************************************/
#subnavContainer { /* Outmost wrapper (container) for the Navigation Component */
	width: 976px;
	height: 36px;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 10;
	background-image: url('../images/hdr_subNav.png');
}
#subnav {
	width: 976px;
	height: 36px;
	list-style: none;
	position: relative;
}
#subnav li { 
	display: inline;
}
#subnav li a {
	text-indent: -900%;
	float: left;
	height: 36px;
}
/* The following styles are for individual Nav items */
#subnav .aboutUs {
	width: 84px;
	background: transparent url('../images/hdr_subNav_Services.png') no-repeat;
	background-position: 0px 0px;
}
#subnav .aboutUs:hover {
	background-position: 0px -36px;
}
#subnav .residentialServices {
	width: 188px;
	background: transparent url('../images/hdr_subNav_Services.png') no-repeat;
	background-position: -85px 0px;
}
#subnav .residentialServices:hover {
	background-position: -85px -36px;
}
#subnav .commercialServices {
	width: 205px;
	background: transparent url('../images/hdr_subNav_Services.png') no-repeat;
	background-position: -273px -0px ;	
}
#subnav .commercialServices:hover {
	background-position: -273px -36px;
}
#subnav .thirdPartyManagementServices {
	width: 227px;
	background: transparent url('../images/hdr_subNav_Services.png') no-repeat;
	background-position: -478px -0px;
}
#subnav .thirdPartyManagementServices:hover {
	background-position: -478px -36px;
}
#subnav .careerOpportunities{
	width: 250px;
	background: transparent url('../images/hdr_subNav_Services.png') no-repeat;
	background-position: -704px 0px;
}
#subnav .careerOpportunities:hover {
	background-position: -704px -36px;
}
#subnav .furnishedApartments {
	width: 184px;
	background: transparent url('../images/hdr_subNav_Search.png') no-repeat;
	background-position: 0px 0px;
}
#subnav .furnishedApartments:hover {
	background-position: 0px -36px;
}


/****************/
/* Content Area */
/****************/

/* Standard settings + style classes shared by all pages */
/* ===================================================== */
#contentArea {
	width: 976px;
	position: relative;
}
#footer {
	width: 976px;
	height: 34px;
	font-size: 9pt;
}
.deepBlue {
	color: #101e57;
}
.lightGray {
	color: #626262;
}
.white {
	color: #ffffff;
}
.drawBorder {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #9c9c9c;
}
.thinWhiteBorder {
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #ffffff;
}
.emphasized {
	font-weight: bold;
}
.siteLink, .siteLink:visited, .siteLink:link {
	text-decoration: none;
	text-transform: uppercase;
}
.siteLink:hover {
	text-decoration: underline;
}
.dottedBorder {
	border-width: 1px 1px 1px 1px;
	border-style: dotted;
	border-color: red;
}
.companyName {
	width: 100% !important;
	background-color: #101e57;
	padding: 2px 0px 2px 0px;
	text-indent: 20px;
}
.companyInfo {
	width: 100%;
	padding: 2px 0px 2px 20px;
	margin: 12px 0px;
}
.instruction {
	color: white;
	background-color: #101e57;
	line-height: 28px;
	padding: 4px 20px;
}
.resite {
	color: #101e57; 
	text-decoration: none;
}
.resite:hover {
	text-decoration: underline;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* Styles for index.php */
/* ==================== */
#flashMovie {

	width: 976px;
	height: 350px;
}
#featuresBanner {
	width: 974px;
	height: 46px;
	background-color: #efefef;
	padding: 0px;
}
#featuresBanner #searchTitle {
	width: 304px;
	padding: 12px 20px;
	float: left;
}
#featuresBanner #featuredPropertyTitle {
	width: 588px;
	padding: 12px 14px;
	float: left;
}
#divider {
	width: 1px;
	background-color: #9c9c9c;
	position: relative;
	float: left;
}
#featuredPropertyContainer {
	width: 616px;
	height: 148px;
	float: left;
	padding: 0px 0px 0px 14px;
}
#imgArea {
	width: 292px;
	height: 136px;
	position: relative;
	float: left;
}
#descArea {
	width: 310px;
	padding: 0px 0px 0px 10px;
	position: relative;
	float: left;
}


/* Styles for searchapartments.php & commercialproperties.php */
/* ========================================================== */
TABLE.propertyList {
	width: 100%;
}
TABLE.propertyList TR TD {
    vertical-align: top;
}

DIV.middle {
    padding: 0px 52px;
}
#imageShow {
	text-align: center;
	vertical-align: middle;
}

/* Styles for services.php */
#contentArea #leftPanel {
	width: 294px;
	padding: 0px;
	position: relative;
	float: left;
	top: 6px;
}
#contentArea #rightPanel {
	width: 631px;
	float: left;
	padding: 0px 0px;
	_margin-bottom: 32px;
	margin: 0px 0px 20px 44px;
	position: relative;
	top: 6px;
}

/****************/
/* Search Form  */
/****************/
form label { float: left; }
#homeSearchContainer {
	width: 304px;
	height: 148px;
	float: left;
	padding: 0px 20px;
}
#searchApartmentsContainer {
	width: 100%;
	height: 48px;
	padding: 0px 0px;
}
#homeSearchContainer form {
	line-height: 34px;
	margin-top: 12px;
	vertical-align: bottom;
}
#homeSearchContainer select {
	height: 26px;
	vertical-align: middle;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}
#searchApartmentsContainer select {
	height: 25px;
	vertical-align: middle;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	margin-right: 28px;
}
#contactUsForm select, #contactUsForm input {
	border-color: transparent;
	float: right;
}
#selectState {
	width: 284px;
}
#selectCity, #selectPriceRange {
	width: 190px;
}
#selectBeds {
	width: 90px;
}
#community {
	width: 286px;
}
#email {
	width: 240px;
}
#firstName {
	width: 208px;
}
#lastName {
	width: 206px;
}
#phone {
	width: 234px;
}
#subject {
	width: 228px;
}
#message {
	width: 604px;
	height: 60px;
}
.btn_submit {
	border: none;
	background-color: #101e57;
	color: white;
	text-align: center;
	font-size: 8pt;
	width: 90px;
	height: 24px;
}
.inputBox {
	width: 45.5%;
	float: left;
	margin: 6px 0px;
	padding: 4px 8px;
}

.commercialContact {
    padding: 10px;
    background-color:  #e6edcc; 
}

.commercialMainImage {
    padding: 5px;
    height: 530px;
    width: 631px;
}

.commercialPrintLinks {
    text-align: right;
}

.commercialImageSelect {
    padding: 10px 5px 10px 5px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    height: 60px;
}

.commercialImageSelect ul {
    list-style-type: none;
}

.commercialImageSelect li {
    display: inline;
    padding-right: 10px;
}

.commercialImageSelect img {
    padding: 5px 10px;
}

.fpSearchResults table {
    width: 100%;
}
.fpSearchResults th {
    background-color:  #101e57;
    color: #ffffff;
    padding: 5px;
    font-size: 10pt;
    border-left: 1px solid #ffffff;
    text-transform: uppercase;
}

.fpSearchResults td {
    text-transform: uppercase;
    fonts-size: 10pt;
    padding: 5px;
}

.oddRowColor {
    background-color:  #e6edcc; 
}

.evenRowColor {
    background-color: #d9dbe4;
}
table.historyTable{ width: 100%; }
table.historyTable tr{      
        height:40px;        
}
table.historyTable thead tr{    
    background:url(../images/bg-nav-searchresults.gif) no-repeat #7299C6;   
    height:20px;
    line-height:20px; }
table.historyTable th{
    color:#fff;
    font-weight:bold;
}
table.historyTable th,
table.historyTable td{
    text-align:center;  
}
table.historyTable th:first-child,
table.historyTable td:first-child{ 
    padding-left:20px;
    text-align:left;
}

/* Site Map */
UL.siteMap LI {
	list-style-type: square;
}

UL.siteMap UL, UL.siteMap UL UL {
	margin-left: 40px;
}