/*=============================================*/
/* skinDeepBlue.css */
/* Version 1.00 */
/*---------------------------------------------*/
/* This is the cascading style sheet */
/* for skinning the Buildium Public and */
/* Resident websites. */
/*=============================================*/

/*=============================================*/
/* Global tag styles */
/*---------------------------------------------*/
/* These are styles for general tags that are */
/* applied globally throughout the pages. */
/*=============================================*/
html {background-color: #99ddf4;}
body {color: #333;}

a:active,
a:visited,
a:link {color: #4770b3;text-decoration: none;}
    
a:hover{text-decoration: underline;}
a.actions{font-size: 12px;font-weight:bold;	color:#2377a1;padding: 5px 0 0 0;text-decoration:none;}
a.actions:hover{text-decoration:none;font-weight:bold;color:#f18c09;}

strong {font-weight: bold;}
em {font-style: italic;}
    
h1,h2 {margin: 10px 0 10px 0;padding: 0 0 2px 0;font-weight: normal;color: #2377a1;}
h1 {font-size: 24px;font-weight:bold;}
h2 {font-size: 18px;	background: url("skinDeepBlue/bg-dot-row.gif") bottom center repeat-x;}
h3 {font-weight: bold;}
h4 {font-weight: bold;padding: 0 0 6px 0;}
p, td p {margin-bottom: 4px;}

/*=============================================*/
/* Masthead styles */
/*---------------------------------------------*/
/* These are styles for the branding area */
/* in the top left corner of the site, along */
/* with the utiltity links in the top right */
/* and the user welcome message (Resident */
/* pages only) */
/*=============================================*/

#hd 
{
	background: url("skinDeepBlue/bg-header.gif") center top no-repeat;}

#brandingArea 
{
	float: left;
	width:655px;
	margin: 34px 10px 0 10px;}
	
#welcomeArea 
{
	float: left;
	width:225px;
	display:block;
	text-align:center;
	padding: 20px 0 0 0;}

#utilityArea {
    float: left;
    width:225px;
    height:30px;
    display:block;
    text-align:center;
    margin:20px 0 0 0;
}

#utilityArea ul.utilityPrimary 
{
	list-style:none;
	width:100%;
}

ul.utilityPrimary li {
    display:inline;
    padding: 0 6px 0 6px;
    border-left: solid 1px #ffffff;
}
ul.utilityPrimary li.first {
    border-left: none;
}

#utilityArea ul.utilityPrimary li a:active,
#utilityArea ul.utilityPrimary li a:visited,
#utilityArea ul.utilityPrimary li a:link 
{
	font-size:12px;color: #fff;
	text-decoration:none;}

#utilityArea ul.utilityPrimary li a:hover 
{
	font-size:12px;color: #eef700;
	text-decoration:none;}

/*=============================================*/
/* Navigation styles */
/*---------------------------------------------*/
/* These styles affect the main navigation */
/* links, which in the default skin are styled */
/* as tabs. */
/*=============================================*/

#pageNavigation
{
	clear:both;margin:0;}
    
#navAreaPrimary 
{
	clear:both;float: left;
	width: 974px;height: 45px;
    background: url("skinDeepBlue/bg-nav.gif") repeat-x;
    padding: 0;margin: 8px 0 0 0;}
   
    
#navAreaPrimary ul.navPrimary 
{
	float: left; 
	margin: 5px 0 0 2px;
    padding: 0;
    list-style: none;}
    
#navAreaPrimary ul.navPrimary li 
{
	display: block;
	float: left;
	margin: 0 4px 0 0;
	padding: 4px 0 0 4px;}
    
#navAreaPrimary ul.navPrimary li a:active,
#navAreaPrimary ul.navPrimary li a:visited,
#navAreaPrimary ul.navPrimary li a:link 
{
	display: block;
	float: left;
    margin: 5px 0 0 2px;
    padding: 0 0 0 15px;
    background: url("skinDeepBlue/bg-nav-item-normal.gif") center left no-repeat;
    color: #fff;
    font-size:12px;
    text-decoration: none;}
    
#navAreaPrimary ul.navPrimary li a:hover 
{
	background: url("skinDeepBlue/bg-nav-item-active.gif") center left no-repeat;
	color:#eef700;}

#navAreaPrimary ul.navPrimary li#current a:visited,
#navAreaPrimary ul.navPrimary li#current a:active,
#navAreaPrimary ul.navPrimary li#current a:link 
{
	background: url("skinDeepBlue/bg-nav-item-active.gif") center left no-repeat;
	color:#eef700;}

/*---------------------------------------------*/
/* The following styles are for the secondary */
/* navigation that sometimes appears below the */
/* primary navigation. */
/*---------------------------------------------*/
#navAreaSecondary 
{
	clear:both;
	float:left;
	margin:0;
	padding:0;
    width: 974px;
    display:block;
	background: url("skinDeepBlue/bg-sub-nav.gif") top center repeat-x;}
	
#navAreaSecondary ul 
{
	display: block;
    height:32px;
    float: left;
    list-style:none;
    padding:0;
    margin:0;}
    
#navAreaSecondary ul li 
{
	float: left;
    padding:0;
    margin:0 0 0 1px;}

#navAreaSecondary ul li a:active,
#navAreaSecondary ul li a:visited, 
#navAreaSecondary ul li a:link 
{
	color: #fff;
    background: url("skinDeepBlue/bg-sub-nav-divider.gif") right no-repeat;  
	margin:0;
	padding: 8px 12px 8px 12px;
	display:block;
    text-align:center;	
    text-decoration: none;}

#navAreaSecondary ul li a:hover
{
	background: url("skinDeepBlue/bg-sub-nav-divider.gif") top center repeat-x;  
	text-decoration: none;	
	color: #0b6609;}

#navAreaSecondary ul li a.current 
{
	display:block;margin:0;
    color: #0b6609;
    text-align:center;
    background: url("skinDeepBlue/bg-sub-nav-divider.gif") top center repeat-x;  
	padding: 8px 12px 8px 12px;
    text-decoration: none;}

/*=============================================*/
/* Footer styles */
/*---------------------------------------------*/
/* These styles affect the footer that appears */
/* on every page. */
/*=============================================*/

#ft 
{
	width: 974px;
	height:90px;
	margin:0;
	padding:0;
	border:solid 0px;
	background: url("skinDeepBlue/bg-footer.gif") center top no-repeat;	
    display:block;
    text-align:center;}

#ft a:active, 
#ft a:visited, 
#ft a:link {color:#fff;text-decoration:none;}
#ft a:hover{color:#eef700;text-decoration:none;}

#ft ul.utilityFooter 
{
	margin: 0 0 0 430px;
	padding: 0;
    list-style: none;
    font-size: 90%;}
    
#ft ul.utilityFooter li 
{
	margin:10px 0 0 0;
	padding: 0 6px 0 6px;
    float: left;
    border-left: solid 1px #fff;
	color:#fff;}
	
#ft ul.utilityFooter li.first {border-left: none;}
    
#ft p 
{
	clear:both;
	color:#fff;	
    margin:0;
    padding: 5px 0 10px 0;
    font-size: 12px;}

/*=============================================*/
/* Content wrappers styles */
/*---------------------------------------------*/
/* These divs are wrapped around all content */
/* that appears in the body of each page. */
/*=============================================*/

#bd
{   background-image: url(skinDeepBlue/pageBackground.gif);
    background-repeat: repeat-y;}    
    
div.contentBox,
div.customContentBox 
{
	float: left;
    clear: left;
    margin: 10px;}
    
div.customContentBox 
{
   padding-top: 10px; 
   padding-right: 20px;
   width: 95%;}
   
/*=============================================*/
/* Sidebox styles */
/*---------------------------------------------*/
/* This set of styles is used for the blocks */
/* that appear in the left or right sidebar. */
/*=============================================*/
.sidebox 
{
	margin:0;
	padding: 20px 0 0 10px;
	background: url(skindeepblue/sidebox_body_right.gif) repeat-x top left #258fb6;}
	
.sideboxHead 
{
	margin:0;
	padding:0;
	background: url("skinDeepBlue/bg-nav-item-active.gif") center left no-repeat;}
	
.sideboxHead h2
{
	margin: 0;
	padding:0 0 0 20px;
	color:#fff;
	font-size: 14px;
	font-weight:bold;}
	
.sideboxBody 
{
	margin: 0;
	padding: 20px 20px 30px 20px;
	color: #ffffff;
	font-size: 12px;
	min-height:80px;}	

.sidebox fieldset 
{
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border: none;}
	
.sidebox fieldset label {margin-top: 6px;}
	
.sidebox fieldset input.fieldSignin {width: 90%;}

.sidebox p 
{
	clear:both;
	margin: 0;
    padding: 8px 0 8px 0;}


.sidebox p a:active,
.sidebox p a:visited,
.sidebox p a:link 
{
	display: block;
	margin:5px 0 0 0;
	padding:0 0 0 15px;
    background: url("skinDeepBlue/bg-sidebox-link.gif") center left no-repeat;
    color: #eef700;
    font-size:12px;
    text-decoration: none;}
    

.sidebox div a:active,
.sidebox div a:visited,
.sidebox div a:link 
{
	display: block;
	margin:5px 0 0 0;
	padding:0 0 0 15px;
    background: url("skinDeepBlue/bg-sidebox-link.gif") center left no-repeat;
    color: #eef700;
    font-size:12px;
    text-decoration: none;}    
    
/*=============================================*/
/* Action links/buttons */
/*---------------------------------------------*/
/* The class name "utilitySecondary" is a bit */
/* misleading. These classes are used to style */
/* the action links that appear after the page */
/* title on some pages, for example, */
/* on apartmentdetail.aspx */
/*=============================================*/
ul.utilitySecondary 
{
	float: left;
    clear: left;
    margin-bottom: 10px;
    height:20px;
}

ul.utilitySecondary li {
    float: left;
    margin-right: 0px !important;
    padding: 0 10px !important;
}


/* All this extra stuff is for IE6 */
ul.utilitySecondary li a:active,
ul.utilitySecondary li a:visited,
ul.utilitySecondary li a:link,
ul.utilitySecondary li a,
ul.utilitySecondary li.first a:active,
ul.utilitySecondary li.first a:visited,
ul.utilitySecondary li.first a:link,
ul.utilitySecondary li.first a 
{
	display: inline-block;
    width: auto;
    color: #668700 !important;
    font-weight: bold;
    font-size: 14px !important; 
}

ul.utilitySecondary li a:hover,
ul.utilitySecondary li.first a:hover 
{
	display: inline-block;
    color:#7b9f0b;
	text-decoration:none;}
    
/*=============================================*/
/* Grid styles */
/*---------------------------------------------*/
/* These styles are used to change the general */
/* appearance of data grids that appear on */
/* the Documents, Payments, and Requests pages */
/*=============================================*/
.border,
.bordersmall,
.bordermedium,
.borderlarge 
{
    float: left;
    clear: left;
	border: 1px solid #46a5c8;
	width: 100%;}
.grid 
{
    float: left;
	width: 100%;}
	
.grid tr {vertical-align: top;}

.grid tr td 
{
    vertical-align: top;
    padding: 4px;}
    
.gridHeadBlue,
.gridHeadBlue a {
    font-weight: bold;
    color: #003300;
    background-color: #c3ddf0;
}
.gridHeadBlue {
    border-bottom:solid 1px #46a5c8;
}    
.gridBodyHidden 
{
	display: none;
	overflow: hidden;}
	
.gridBodyChild 
{
	background-color: #e6e6e6;
	font-weight: normal;
    color: #000;}
    
.gridSeparator 
{
	background-color: #c4c4c4;
	line-height:1px;}
	
.gridBodyCopy {}
.gridBodyCopyCream{background: #e6e6e6;}
.gridBodyCopyBold {font-weight: bold;}

.gridUtilityBar 
{
	background: #c3ddf0;
}

.actionColumnCell{text-align:center;}

/*=============================================*/
/* Ledger links/tabs */
/*---------------------------------------------*/
/* These styles are used to style the links */
/* that filter the Payments data grid. In the  */
/* default skin, these links are styled to */
/* look like tabs on top of the data grid. */
/*=============================================*/
.ledgerCategories 
{
	float: left;
	clear: left;}
	
.ledgerCategories ul {float: left;}

.ledgerCategories ul li 
{
    float: left;
    margin-right: 3px;}
    
.ledgerCategories ul li a,
.ledgerCategories ul li a:active,
.ledgerCategories ul li a:hover 
{
    padding: 4px;
    display: block;
	border-top: solid 1px #9dadc6;
	border-left: solid 1px #9dadc6;
	border-right: solid 1px #9dadc6;
	border-bottom: none;
	background-color: #d8d8d8;}    
	
.ledgerCategories ul li.current a,
.ledgerCategories ul li.current a:active,
.ledgerCategories ul li.current a:hover 
{	
	color: #0478b4;
	font-weight: bold;
	text-decoration: none;
	background-color: #c3ddf0;}
	
.dateFilterOptions 
{
	float: right;
	margin-right:0;}
	
.dateFilterOptions ul {	float: left;}

.dateFilterOptions ul li 
{
    float:left;
    margin-left: 3px;}
    
.dateFilterOptions ul li a,
.dateFilterOptions ul li a:active,
.dateFilterOptions ul li a:hover 
{
    padding: 4px;
    display: block;
	border-top: solid 1px #9dadc6;
	border-left: solid 1px #9dadc6;
	border-right: solid 1px #9dadc6;
	border-bottom: none;
	background-color: #d8d8d8;}    
	
.dateFilterOptions ul li.current a,
.dateFilterOptions ul li.current a:active,
.dateFilterOptions ul li.current a:hover 
{
	color: #0478b4;
	font-weight: bold;
	text-decoration: none;
	background-color: #c3ddf0;}
	

/*=============================================*/
/* Form styles */
/*---------------------------------------------*/
/* Styles for different types of forms that */
/* appear on the site: */
/* simpleForm: 1-6 fields */
/* criteriaForm: search criteria, horizontal */
/* complexForm: all other forms */
/*=============================================*/

p.headerMessage {width: 500px;}

.searchForm,
.simpleForm,
.criteriaForm,
.complexForm 
{
    float: left;
    clear: left;
    padding: 8px 8px 12px 8px;
    margin: 0 0 10px 0;
    background: #e9eef2;
    border: solid 1px #b8ccd2;
    color:#115487;}
    
fieldset 
{
    float: left;
    clear: left;
    width: 100%;
    margin: 0 8px 8px 0;}
    
legend 
{
    font-weight: bold;
    padding-bottom: 2px;
    margin-bottom: 4px;
    padding-top: 8px;}
    
fieldset table.form 
{
    float: left;
    clear: left;
    width: 100%;
    background: url("skinDeepBlue/bg-dot-row.gif") top center repeat-x;
    margin:0px;}
    
fieldset table.form tr {vertical-align: top;}
fieldset table.form td {padding: 10px 0 4px 0;}
table.form td br {clear: both;}

table.form td input,
table.form td select,
table.form td textarea 
{
    float: left;
    margin-right: 4px;}
    
fieldset table.form th label 
{
    float: right;
    padding: 10px 8px 4px 0;}
    
dt label,
fieldset table.form th label {font-weight: normal;}

dt label span,
fieldset table.form th label span 
{
	color: #a20e0a; /* red for required asterisks */
	margin: 0 2px 0 2px;}
	
fieldset table.form td table 
{
	margin: 0;
	padding: 0;}
	
fieldset table.form td table tr 
{
	margin: 0;
	padding: 0;}
	
fieldset table.form td table tr td 
{	padding: 0 4px 4px 0;
    margin: 0;}
    
fieldset dd {
    padding-bottom: 4px;
}

/* Search criteria that appears in the sidebar */
/* For example, on the Requests page */
.searchForm {
    margin-top: 10px;
    background: #e5e5e5;
}
.searchForm label,
.searchForm input,
.searchForm select {
    float: left;
    clear: left;
    margin: 0 0 4px 0;
    width: 120px;
}
.searchForm legend {
    padding-top: 0;
    border: none;
    font-size: 85%;
}
.searchForm dt,
.searchForm dd {
    float: left;
    clear: left;
    width: 100%;
}
/* Simple forms with a handfull of input fields */
/* For example, Change Password or Contact Us */
.simpleForm dt,
.simpleForm dd {
    float: left;
    clear: left;
}    
.simpleForm input,
.simpleForm select {
    float: left;
}
/* Search criteria that appear in the body of the page */
/* For example, on the Rentals page */
.criteriaForm label,
.criteriaForm p { 
    float: left;
    margin: 6px 6px 0 6px;
    clear: none;
    text-align: right;
}
.criteriaForm p { 
    font-size: 90%;
}
.criteriaForm input,
.criteriaForm select {
    float: left;
    margin: 4px 4px 0 0;
    clear: none;
}
.criteriaForm fieldset {
    width: auto;
}
.criteriaForm fieldset.listingButtons {
    margin-left: 10px;
    float: left;
    clear: none;
}

/*=============================================*/
/* Form buttons */
/*---------------------------------------------*/
/* Used to style the buttons that appear at */
/* the bottom of forms. */
/*=============================================*/
.formButtons {
    float: left;
    clear: left;
    width: 100%;
}
.primaryButtons {
    float: left;
}
.secondaryButtons {
    float: right;
}

input.buttonPrimary,
input.buttonSecondary {
    float: left;
    margin-right: 6px;
    color: #064006;
    font-weight: bold;
    border-top: solid 1px #fff;
    border-right: solid 1px #333;
    border-bottom: solid 1px #333;
    border-left: solid 1px #fff;
    padding: 5px 12px 5px 12px;
    width: auto;
    overflow: visible;
}
input.buttonPrimary {
    background: #b2d81c;
}
input.buttonSecondary {
    background: #a5c819;
}
input.buttonPrimary:hover,
input.buttonSecondary:hover {
    cursor: pointer;
   
}
/***********************************************/
/* PAGE SPECIFIC STYLES */
/***********************************************/

/*=============================================*/
/* PUBLIC PAGES */
/*=============================================*/

/*---------------------------------------------*/
/* Common styles for the listings tables that  */
/* appear on the Public Home and Rentals pages */
/*---------------------------------------------*/
.listingForm {
    float: left;
    clear: left;
}

table.listings td h3 {
	padding:0;
	margin:3px 0 5px 0;}

table.listings td h3 a:active,
table.listings td h3 a:visited,
table.listings td h3 a:link {
    font-size: 14px;font-weight: bold;
    color: #92b131;text-decoration:none;}

table.listings td h3 a:hover{
    color: #2377a1;text-decoration:none;} 
    
table.listings {
    float: left;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    font-weight: normal;
    width: 100%;
}
table.listings tr {
    vertical-align: top;
}

table.listings th {
    padding-bottom: 10px;
    text-align: left;
    font-weight: bold;
}
table.listings td {
    padding: 5px 8px 8px 0;
}
table.listings td p {
    padding: 4px 0 0 0;
}
table.listings img {
    border: solid 1px #9dadc6;
}

/*---------------------------------------------*/
/* Public Home - home.aspx */
/*---------------------------------------------*/
.listingForm_featuredListings {
    width: 690px;
}
.listingForm_featuredListings table.listings img {
    border: solid 1px #479ee3;
	margin:5px 0 5px 0;
}

.listingForm_featuredListings table.listings tr {
background: url("skinDeepBlue/bg-dot-row.gif") bottom center repeat-x;}
	
		
.listingForm_featuredListings table.listings tr td.address {width:550px;padding-left:10px;}

.listingForm_featuredListings table.listings p.description,p.rent,p.beds{
	font-family:Arial, Helvetica, sans-serif;color: #666;
	clear:both;width:100%;
	margin:0;padding:0;vertical-align:top;}

.listingForm_featuredListings table.listings p.description {
	margin:0 0 5px 0;
	font-size:12px;}

.listingForm_featuredListings table.listings p.rent,p.beds{
	margin:2px 0 0 0;font-weight:bold;
	color:#0679a0;font-size:12px;}
	
.criteriaForm_miniListingSearch { width: 680px; }
.criteriaForm_miniListingSearch .listingButtons { float: right; }
.criteriaForm_miniListingSearch input.fieldZip { width: 80px; }
.criteriaForm_miniListingSearch input.fieldCity { width: 170px; }
.criteriaForm_miniListingSearch select.fieldState { width: 60px; }
.criteriaForm_miniListingSearch input.buttonPrimary { margin: 0; }

.simpleForm_signIn {
    width: 100%;
    border: none;
    border-bottom: solid 1px #ccc;
    padding: 0 0 12px 0;
    margin: 0 0 12px 0;
    background: #258fb6; 
}
.simpleForm_signIn fieldset {
    border: none;
    padding: 0;
    margin: 0;color:#ffffff;
}
.listingActions a { white-space: nowrap; }


/*---------------------------------------------*/
/* FirstTime.aspx */
/*---------------------------------------------*/
.simpleForm_firstTimeVisitor
{   width: 680px;}
*html .simpleForm_firstTimeVisitor
{   width: 650px;}

/*---------------------------------------------*/
/* ForgotPassword.aspx */
/*---------------------------------------------*/
.simpleForm_forgotPassword
{   width: 680px;}

*html .simpleForm_forgotPassword
{   width: 650px;}

/*---------------------------------------------*/
/* ChangePassword.aspx */
/*---------------------------------------------*/
.simpleForm_ChangePassword
{   width: 680px;}

*html .simpleForm_ChangePassword
{   width: 650px;}

/*---------------------------------------------*/
/* Rentals - apartmentsearch.aspx */
/*---------------------------------------------*/
.listingForm_availableListings table.listings {
    width: 900px;
}

.listingForm_availableListings table.listings img {
    display:block;border: solid 1px #2377a1;
	margin:0;
}

.listingForm_availableListings table.listings thead tr
{background: url("skinDeepBlue/bg-dot-row.gif") bottom center repeat-x;}

.listingForm_availableListings table.listings thead th
{	color:#2377a1;}

.listingForm_availableListings table.listings tr td.address { width: 450px; }
.listingForm_availableListings table.listings tr td.rent { width: 90px; white-space: nowrap; }
.listingForm_availableListings table.listings tr td.size { width: 90px; white-space: nowrap; }
.listingForm_availableListings table.listings tr td.beds { width: 70px; white-space: nowrap; }
.listingForm_availableListings table.listings tr td.baths { width: 70px; white-space: nowrap;}
.listingForm_availableListings table.listings tr td.description {
    font-size: 90%;
    padding: 0 20px 20px 0;
    color: #666;
}
.listingForm_availableListings table.listings tr td.more ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.listingForm_availableListings table.listings tr td.more ul li {
    padding-bottom: 8px;
    white-space: nowrap;
}
.criteriaForm_fullListingSearch {
    width: 900px;
}
.criteriaForm_fullListingSearch fieldset {
    float: left;
    clear: left;
    width: 650px; 
    border: none;
}
.criteriaForm_fullListingSearch label {
    float: left;
    margin: 6px 6px 0 6px;
    clear: none;
}
.criteriaForm_fullListingSearch fieldset.listingType {
    float: right;
    width: 230px;
}
.criteriaForm_fullListingSearch fieldset.listingType ul {
    float: left;
    list-style: none;
    margin: 4px 6px 0 6px; 
}
.criteriaForm_fullListingSearch fieldset.listingType ul label {
    width: 100px;
}
.criteriaForm_fullListingSearch fieldset.listingLocation {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #b8ccd2;
}
.criteriaForm_fullListingSearch fieldset.listingButtons {
    float: left;
}
.criteriaForm_fullListingSearch label#labelZip,
.criteriaForm_fullListingSearch label#labelRent,
.criteriaForm_fullListingSearch label#labelSquareFootage,
.criteriaForm_fullListingSearch label#labelBedrooms {
    width: 100px;
}
.criteriaForm_fullListingSearch label#labelOr {
    font-weight: bold;
}

.criteriaForm_fullListingSearch .labelNonUsState{
    clear:both; margin-top:15px;
}
.criteriaForm_fullListingSearch .ddlNonUsStates {
    margin-top:13px;    
}

.criteriaForm_fullListingSearch input,
.criteriaForm_fullListingSearch select {
    float: left;
    margin: 4px 4px 0 0;
}
.criteriaForm_fullListingSearch fieldset.listingType ul input {
    float: none;
    margin: 0;
}
.criteriaForm_fullListingSearch input.fieldZip { width: 80px; }
.criteriaForm_fullListingSearch input.fieldCity { width: 120px; }
.criteriaForm_fullListingSearch select.fieldState { width: 60px; }
.criteriaForm_fullListingSearch select.fieldRentLow { width: 120px; }
.criteriaForm_fullListingSearch select.fieldRentHigh { width: 120px; }
.criteriaForm_fullListingSearch input.fieldSquareFootageLow { width: 115px;margin-right:15px;}
.criteriaForm_fullListingSearch input.fieldSquareFootageHigh { width: 115px; }
.criteriaForm_fullListingSearch select.fieldBedrooms { width: 120px;}
.criteriaForm_fullListingSearch select.fieldBathrooms { width: 120px;}

.criteriaForm_fullListingSearch .validationInlineErrorMessage,
.criteriaForm_fullListingSearch .validationInlineWarningMessage {
    margin-left: 120px;
}

/*---------------------------------------------*/
/* Rental Details - apartmentdetail.aspx */
/*---------------------------------------------*/
.rentalImage {
    float: left;
    clear: left;
    margin: 10px 10px 20px 0;
}
.rentalImage img {
    border: solid 1px #a5c819;
    display:block;
}

.apartmentDetail h3,h4
{
	color:#688804;
	background: url("skinDeepBlue/bg-dot-row.gif") bottom center repeat-x;
	margin-bottom:10px;
	padding-bottom:5px;}

.rentalInfo,
.rentalDescription,
.rentalFeatures,
.propertyDescription,
.propertyFeatures,
.leaseTerms {
    float: right;
    clear: right;
    margin-top: 8px;
    margin-bottom: 10px;
    margin-right: 50px;
    width: 580px;
}
.rentalFeatures ul li,
.propertyFeatures ul li,
.leaseTerms ul li {
    float: left;
    padding-left: 14px;
    background: transparent url('skindeepblue/square_bullet.gif') no-repeat left top;
    width: 170px;
}

.rentalInfo p.beds, p.rent, p.size{color:#0679a0;font-weight:bold;}

/*---------------------------------------------*/
/* Rental Photos - apartmentImages.aspx */
/*---------------------------------------------*/
.apartmentImages {
    float: left;
    width: 100%;
}
.imageActions {
    float: left;
    width: 406px;
    margin: 0 10px 10px 0;
}
.divImages {
     float: right;
}
.imageActions ul {
    float: left;
    width: 100%;
    border: solid 1px #a5c819;
    margin-bottom: 8px;
    background: #f2f5fa;
}
.imageActions ul li {
    float: left;
    font-weight: bold;
    line-height: 100%;
    margin: 8px;
}
.imageActions ul li.next {
    float: right;
}
.imageActions ul li span {
    color: #333;
}
.imageActions img {
    float: left;
    margin: 0;
    padding: 0;
    border: solid 1px #a5c819;
}
ul.imagesList {
    width: 500px;
    float: right;
}
li.photo {
    margin: 0 8px 8px 0;
    height: auto;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}
li.photo img {
    float: left;
    border: solid 1px #479ee3;
}
li.photo span.caption {
    display: none;
}
li.photo:hover {
    cursor: pointer;
}
li.photo:hover img {
    border: solid 1px #085f7e;
}


/*---------------------------------------------*/
/* Contact Us - ContactUs.aspx */
/*---------------------------------------------*/
.simpleForm_contactUs { width: 680px; }
.simpleForm_contactUs .txtComments {
    width: 400px;
    height: 120px;
}
.simpleForm_contactUs input.txtName,
.simpleForm_contactUs input.txtEmail,
.simpleForm_contactUs input.txtPhone,
.simpleForm_contactUs input.txtProperty {
    width: 200px;
}

/* =========================================== */
/* RESIDENT PAGES */
/* =========================================== */

/*---------------------------------------------*/
/* Resident Home - default.aspx */
/*---------------------------------------------*/
dl.announcementList {
    float: left;
	background: url("skinDeepBlue/bg-dot-row.gif") bottom center repeat-x;
    margin-bottom: 8px;
    padding-top: 8px;
}
dl.announcementList dt {
    float: left;
    clear: left;
    width: 60px;
    font-weight: bold;
    padding-bottom: 4px;
}
dl.announcementList dd {
    float: left;
    width: 360px;
    padding-bottom: 4px;
}
.recentFiles {
    margin-top: 10px;
    margin-left: 10px;
    padding: 4px;
    background: #efefef;
    border: solid 1px #c4c4c4;
    font-size: 85%;
}
.recentFiles li {
    padding-bottom: 4px;
}
.recentRequestList dt {
    margin-top: 5px;
    padding-top: 5px;
}
.recentRequestList dd {
    padding-left: 8px;
}
ul.balanceDueList li {
    padding-bottom: 4px;
}

/*---------------------------------------------*/
/* My Info - UpdateInfo.aspx */
/*---------------------------------------------*/
.complexForm_updateUserInfo {width: 680px;}
*html .complexForm_updateUserInfo {width: 650px;}
.complexForm_updateUserInfo th {
    width: 140px;
}

/*---------------------------------------------*/
/* Payments - HistoryStatement.aspx */
/*---------------------------------------------*/
div.historyStatement { width: 680px; float: left; clear: left; }
table.tableSideBox { margin: 4px 0 4px 0; }

/*---------------------------------------------*/
/* One Time/Recurring Payment - MakePayment.aspx */
/*---------------------------------------------*/
div.checkSample { margin-top: 60px; width: 350px;}
.complexForm_makePayment { width: 450px;}
.complexForm_makePayment table.form th { width: 220px; }


/*---------------------------------------------*/
/* Requests - RequestSearch.aspx */
/*---------------------------------------------*/
.searchForm_requestSearch{width:130px;}
div.gridForm_requestSearch { width: 680px; float: left;clear:both;}

/*---------------------------------------------*/
/* Submit Request - RequestAdd.aspx */
/*---------------------------------------------*/
.simpleForm_addRequest {width: 680px;}
*html .simpleForm_addRequest {width: 650px;}
.simpleForm_addRequest .txtSummary { width: 500px; }
.simpleForm_addRequest .txtDescription { width: 500px; height: 150px; }

/*---------------------------------------------*/
/* Update Request - RequestEdit.aspx */
/*---------------------------------------------*/
.simpleForm_editRequest {
    width: 225px;   
}
.simpleForm_editRequest .ddlStatus { width: 225px; }
.simpleForm_editRequest .txtComment { width: 225px; height: 150px; }

p.responseMessage,
dl.requestDetailsList,
dl.requestUpdatesList {
    float: left;
    margin-bottom: 8px;
    padding-top: 8px;
    width: 430px;
}
dl.requestDetailsList dt,
dl.requestUpdatesList dt {
    float: left;
    clear: left;
    width: 110px;
    font-weight: bold;
    padding-bottom: 4px;
}
dl.requestDetailsList dd,
dl.requestUpdatesList dd {
    float: left;
    width: 320px;
    padding-bottom: 4px;
}

/*---------------------------------------------*/
/* Directory - ImportantNumbers.aspx */
/*---------------------------------------------*/
.importantNumbersCategoryList {
    margin-top: 3px;
    padding-top: 3px;
}
.importantNumbersList {
    float: left;
    width: 680px;
}
.importantNumbersList span {
    float: left;
    clear: left;
    width: 100%;
}
.importantNumbersList span.name {
    font-size: 108%;
    font-weight: bold;
}
a.linkViewMap {
    float: left;
}

.importantNumbersList div {float: left;width: 315px;margin-bottom: 10px;margin-right: 10px;padding: 6px;}
.importantNumbers .odd, .importantNumbersList .odd, .importantNumbers .even, .importantNumbersList .even {border: solid 1px #9dadc6;background: #f2f5fa;}

/*---------------------------------------------*/
/* Directory - ResidentDirectory.aspx */
/*---------------------------------------------*/

/*---------------------------------------------*/
/* Documents - LibrarySearch.aspx */
/*---------------------------------------------*/
.gridForm_documentsSearch {
    width: 950px;
}

*html .gridForm_documentsSearch {
    width: 930px;
}
/*---------------------------------------------*/
/* Discussion Board/Topics - Topics.aspx */
/*---------------------------------------------*/
div.gridForm_topics {
    width: 700px; 
    float: left; 
    clear: left;
}

/*---------------------------------------------*/
/* Add Topic - TopicAdd.aspx */
/*---------------------------------------------*/
.simpleForm_topicAdd {width: 680px;}
*html .simpleForm_topicAdd {width: 650px;}
.simpleForm_topicAdd .txtSummary {
    width: 500px;
}
.simpleForm_topicAdd .txtDescription,
.simpleForm_topicReply .txtDescription { 
    width: 500px;
    height: 200px;
}

/*---------------------------------------------*/
/* Discussion Topic - ViewTopic.aspx */
/*---------------------------------------------*/

.simpleForm_postReply {
    width: 225px;
}
.simpleForm_postReply .txtDescription { width: 225px; height: 150px; }

p.topicSubject,
dl.topicReplyList {
    float: left;
    margin-bottom: 8px;
    padding-top: 8px;
    width: 430px;
}
dl.topicReplyList dt {
    float: left;
    clear: left;
    width: 80px;
    font-weight: bold;
    padding-bottom: 4px;
}
dl.topicReplyList dd {
    float: left;
    width: 350px;
    padding-bottom: 4px;
}


/*---------------------------------------------*/
/* Financials - FinancialsSearch.aspx */
/*---------------------------------------------*/

.searchForm_financialSearch {width: 160px;}
*html .searchForm_financialSearch {width: 145px;}

div.gridForm_financialsSearch {
    width: 750px; 
    float: left; 
    clear: left;
}

/*-------------------------------------------------*/
/* Account Transactions - AccountTransactions.aspx */
/*-------------------------------------------------*/
div.gridForm_accountTransactions {
    width: 680px; 
    float: left; 
    clear: left;
}
.searchForm_transactionsSearch {width: 200px;}
*html .searchForm_transactionsSearch {width: 185px;}

.searchForm_transactionsSearch label,
.searchForm_transactionsSearch input,
.searchForm_transactionsSearch select {
    width: auto;
}
.searchForm_transactionsSearch input.buttonPrimary {
    width: auto;
}
.searchForm_transactionsSearch .ddlAccountList {
    width: 180px;
}
/*-------------------------------------------------*/
/* Reports - ReportCenter.aspx */
/*-------------------------------------------------*/
table.categorizedLinksWithDescription td.linkDescriptions {
    background: #e9eef2;
    border: solid 1px #b8ccd2;
    color:#115487;
}

/*** Credit Card ***/
.aside {background-color: #f2f5fa; border: 1px solid #9dadc6;} 

/* Historystatement.aspx page - history & schedule payments tables */
.linkButton{border: 1px solid #b7ae88;border-bottom: 1px solid#79a477;border-right: 1px solid #79a477;color: #776655;}
.gridFilter { background-color: #c3ddf0;border-left:1px solid #46a5c8;border-top:1px solid #46a5c8;border-right:1px solid #46a5c8; padding-right: 0px;}

.pageResStatementNewmakepayment .yui-t5 .yui-b, .pageResPublicpagesApplication .yui-t5 .yui-b  {float: right;width: 16.2615em;}
.pageResStatementNewmakepayment .cc .yui-b, .pageResPublicpagesApplication .cc .yui-b {margin: 0 0 0 35px;}

.pageResStatementNewmakepayment #hd, .pageResStatementEditpayment #hd, .pageResPublicpagesApplication #hd { height: auto;margin-top: 25px;-webkit-border-radius:12px 12px 0 0;-moz-border-radius:12px 12px 0 0;border-radius:12px 12px 0 0;}
.pageResStatementNewmakepayment #bd, .pageResStatementEditpayment #bd, .pageResPublicpagesApplication #bd{-webkit-border-radius: 0 0 12px 12px;-moz-border-radius: 0 0 12px 12px;border-radius: 0 0 12px 12px;padding-bottom: 5px;}

.pageResStatementNewmakepayment #brandingArea, .pageResStatementEditpayment #brandingArea, .pageResPublicpagesApplication #brandingArea{margin-top: 10px;} 
.pageResStatementNewmakepayment #hd, .pageResStatementEditpayment #hd, .pageResStatementEditpayment #bd, .pageResPublicpagesApplication #hd{ background: #fff;}
.pageResStatementNewmakepayment #welcomeArea, .pageResStatementEditpayment #welcomeArea{ display: none;}
.pageResStatementEditpayment h2, .pageResStatementNewmakepayment h2, .pageResStatementNewmakepayment h4{ background: none;}



/*Custom CSS*/
#footerArea{
    display: none !important;
}


.listingLocation {
  margin: -25px 0 0 !important;
  display: none !important;
}
.listingSearch {
  margin: 20px 0 0 !important;
}

.pageResPublicpagesApartmentsearch .contentBox > h2 {
  display: none !important;
}


.criteriaForm.criteriaForm_fullListingSearch {
  display: none !important;
}

.rentalInfo h3.address {
  margin: 17px 0 11px !important;
}
.rentalImage {
  clear: left;
  float: left;
  margin: 10px 20px 20px 0 !important;
}