/*=============================================*/
/* skinBasicOrange.css */
/* Version 1.00 */
/*---------------------------------------------*/
/* This is a 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. */
/*=============================================*/

body {
	color: #333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px;
}
#doc4, .yui-t5 { width:100%; }
a:active,
a:visited,
a:link {
    color: #c06a08;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
h1 {
	font-size:24px;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	margin: 0px;
}
h2 {
	font-size: 21px;
	font-weight: bold;
	color: #c06a08;
	padding-top: 15px;
	padding-bottom: 15px;
	background-position: bottom;
}
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-image: url(skinBasicOrange/bg-hdr.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#hd .contentHeader {
	padding-top:20px;
	width:960px;
	margin:auto;
}
#brandingArea {
    float: left;
}
#welcomeArea {
	float: right;
	clear: right;
	color:#4c4c4c;
	font-size:12px;
	line-height:20px;
	padding-right:12px;
	margin-right:4px;
}
#utilityArea {
	float: right;
	clear: right;
	color:#536268;
	font-size:12px;
	margin-right:4px;
	padding:6px;
	padding-bottom:5px;
}
#utilityArea a {
	color:#686868;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #686868;
}
#utilityArea a:hover {border-bottom-style: solid;}
ul.utilityPrimary {
    
}
ul.utilityPrimary li {
    float: left;
    padding: 0 6px 0 6px;
    border-left: solid 1px #dcdcdc;
}
ul.utilityPrimary li.first {
    border-left: none;
}

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

#pageNavigation {position:relative; clear:both;}
#navAreaPrimary {
	float: left;
	margin-top:14px;
	margin-bottom:14px;
	width: 960px;
}
html>body #navAreaPrimary { *float:none; }
ul.navPrimary {
    float: left;
}
ul.navPrimary li {
	display: block;
	float: left;
	padding-right:2px;
	background-image: url(skinBasicOrange/nav-devider.gif);
	background-repeat: no-repeat;
	background-position: right 13px;
}
ul.navPrimary li#current {
    
}
ul.navPrimary li a {
	display: block;
	float: left;
	color: #fff;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
	line-height: 40px;
	padding-right: 10px;
	padding-left: 10px;
	text-transform: uppercase;
}
ul.navPrimary li#current a {
	background-image: url(skinBasicOrange/bg-nav-current.gif);
	background-repeat: no-repeat;
	background-position: center 0px;
	color:#fff;
}
ul.navPrimary li a:hover {
    color:#e4e4e4;
}
/*---------------------------------------------*/
/* The following styles are for the secondary */
/* navigation that sometimes appears below the */
/* primary navigation. */
/*---------------------------------------------*/
#navAreaSecondary {
	float: left;
	width: 960px;
	position: absolute;
	left: 0px;
	top: 60px;
}
html>body #navAreaSecondary { *top:46px; }
#navAreaSecondary ul {
    display: block;
    float: left;
    padding: 6px 0 6px 0;
}
#navAreaSecondary ul li {
    display: block;
    float: left;
    padding: 0 6px 0 6px;
    margin: 0 3px 0 3px;
    border-left: dotted 1px #666;
}
#navAreaSecondary ul li a.current {
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

/*=============================================*/
/* Page Body styles */
/*---------------------------------------------*/

#bd {
	margin: auto;
	width: 960px;
	min-height:350px;
}


/*=============================================*/
/* Footer styles */
/*---------------------------------------------*/
/* These styles affect the footer that appears */
/* on every page. */
/*=============================================*/
#ft {
	background-image: url(skinBasicOrange/bg-ftr.gif);
	background-repeat: repeat-x;
	height:100px;
	margin-top:20px;
}
#ft a {
	color:#333333;
	text-decoration:underline;
}
#ft .contentFooter {
	width:960px;
	margin:auto;
	font-size:12px;
	color:#313439;
}
ul.utilityFooter {
    padding-top:20px;
}
ul.utilityFooter li {
    float: left;
    padding: 0 6px 0 6px;
    border-left: solid 1px #727272;
}
ul.utilityFooter li.first {
    border-left: none;
}
#ft p {
	float: left;
	clear: left;
    margin-top: 6px;
	padding-left:6px;
	color:#999;
}
#ft p a {color:#999; text-decoration:none;}

/*=============================================*/
/* Content wrappers styles */
/*---------------------------------------------*/
/* These divs are wrapped around all content */
/* that appears in the body of each page. */
/*=============================================*/
div.contentBox,
div.customContentBox {
    float: left;
    clear: left;
}
div.customContentBox {
   padding-top: 10px; 
   padding-right: 20px;
   width: 680px;
}
div.customContentBox p,
div.customContentBox ol,
div.customContentBox ul {
   padding-bottom: 8px;
}
div.customContentBox li {
    padding-left: 14px;
}

/*=============================================*/
/* Sidebox styles */
/*---------------------------------------------*/
/* This set of styles is used for the blocks */
/* that appear in the left or right sidebar. */
/*=============================================*/

.sidebox {
	margin-top: 20px;
	font-size:12px;
	background-image: url(skinBasicOrange/sidebox-body.gif);
}
.sidebox a {
	
}
.sideboxHead {
	background-image: url(skinBasicOrange/sidebox-hdr.gif);
	height:40px;
}
.sideboxHead h2 {
	margin: 0px;
	color: #fff;
	font-size:14px;
	font-weight:bold;
	line-height:40px;
	padding:0px;
	padding-left: 35px;
	background-image: none;
}
.sideboxBody {
	background-image: url(skinBasicOrange/sidebox-ftr.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding:15px;
	padding-right:18px;
	min-height:50px;
}
.sidebox fieldset {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border: none;
	border-bottom: solid 1px #c8c8c8;
}
.sidebox fieldset label {
    margin-top: 6px;
}
.sidebox fieldset input.fieldSignin {
    width: 100%;
	background-color:#fff;
	border:1px solid #a3a3a3;
	padding:2px;
}
.sidebox p {
    margin: 0;
    padding: 0 0 8px 0;
}

/*=============================================*/
/* 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;
}
ul.utilitySecondary li {
    float: left;
    margin-right: 6px;
    font-weight: bold;
}
/* 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 {
    display: inline-block;
    width: auto;
    padding: 0px 0 2px 0px;
    font-weight: bold;
}
ul.utilitySecondary li.first a:active,
ul.utilitySecondary li.first a:visited,
ul.utilitySecondary li.first a:link,
ul.utilitySecondary li.first a {
    border: 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 #c3c3c3;
	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: #fff;
	background-color: #eb861c;
	background-image: url(skinBasicOrange/tbl-hdr.gif);
}
.gridBodyHidden {
	display: none;
	overflow: hidden;
}
.gridBodyChild {
	background-color: #f7f7f7;
	font-weight: normal;
        color: #000;
}
.gridSeparator {
	background-color: #c4c4c4;
	line-height:1px;

}
.gridBodyCopy {
}
.gridBodyCopyCream {
	background: #f7f7f7;
}
.gridBodyCopyBold {
    font-weight: bold;
}

.gridUtilityBar 
{
	background: #eb861c url(skinBasicOrange/tbl-hdr.gif);
}

/*=============================================*/
/* 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 #c3c3c3;
	border-left: solid 1px #c3c3c3;
	border-right: solid 1px #c3c3c3;
	border-bottom: none;
	background-color: #fff;
}    
.ledgerCategories ul li.current a,
.ledgerCategories ul li.current a:active,
.ledgerCategories ul li.current a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-color: #eb861c;
}
.dateFilterOptions {
	float: right;
	margin-right: 6px;
}
.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 #c3c3c3;
	border-left: solid 1px #c3c3c3;
	border-right: solid 1px #c3c3c3;
	border-bottom: none;
	background-color: #fff;
}    
.dateFilterOptions ul li.current a,
.dateFilterOptions ul li.current a:active,
.dateFilterOptions ul li.current a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-color: #eb861c;
}

/*=============================================*/
/* 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;
    border: solid 1px #c3c3c3;
}
fieldset {
    float: left;
    clear: left;
    width: 100%;
    margin: 0 8px 8px 0;
}
legend {
    font-weight: bold;
    padding-bottom: 2px;
    border-bottom: solid 1px #c4c4c4;
    margin-bottom: 4px;
    padding-top: 8px;
}
fieldset table.form {
    float: left;
    clear: left;
    width: 100%;
}
fieldset table.form tr {
	vertical-align: top;
}
fieldset table.form td {
    padding: 4px 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: 4px 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: #EFEFEF;
}
#requestSearch {margin-top:28px;}
.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;
    overflow: visible;
}
input.buttonPrimary {
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
}
input.buttonSecondary {
    
}
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 tr td h3 {
    padding-top: 0;
    font-weight: bold;
}
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: 0 8px 8px 0;
}
table.listings td p {
    padding: 4px 0 0 0;
}
table.listings img {
    border: solid 1px #c3c3c3;
}

/*---------------------------------------------*/
/* Public Home - home.aspx */
/*---------------------------------------------*/
.listingForm_featuredListings {
    width: 680px;
}
.listingForm_featuredListings table.listings tr td.address {
    width: 475px;
}
.criteriaForm_miniListingSearch { width: 662px; }
.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 #c8c8c8;
    padding: 0 0 12px 0;
    margin: 0 0 12px 0;
}
.simpleForm_signIn fieldset {
    border: none;
    padding: 0;
    margin: 0;
}
.listingActions a { white-space: nowrap; }

/*---------------------------------------------*/
/* Rentals - apartmentsearch.aspx */
/*---------------------------------------------*/
.listingForm_availableListings table.listings {
    width: 900px;
}
.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: 940px;
}
.criteriaForm_fullListingSearch fieldset {
    float: left;
    clear: left;
    width: 550px;
    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 #c3c3c3;
}
.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: 80px; }
.criteriaForm_fullListingSearch select.fieldRentHigh { width: 80px; }
.criteriaForm_fullListingSearch input.fieldSquareFootageLow { width: 100px; }
.criteriaForm_fullListingSearch input.fieldSquareFootageHigh { width: 100px; }
.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 #c3c3c3;
}
.rentalInfo,
.rentalDescription,
.rentalFeatures,
.propertyDescription,
.propertyFeatures,
.leaseTerms {
    float: right;
    clear: right;
    margin-top: 8px;
    margin-bottom: 10px;
    width: 610px;
	margin-left:30px;
}
.rentalFeatures ul li,
.propertyFeatures ul li,
.leaseTerms ul li {
    float: left;
    padding-left: 14px;
    width: 170px;
}

/*---------------------------------------------*/
/* 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 #c3c3c3;
    margin-bottom: 8px;
    background: #f4f4f4;
}
.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 ul li a {color:#333; text-decoration:underline;}
.imageActions img {
    float: left;
    margin: 0;
    padding: 0;
    border: solid 1px #c3c3c3;
}
ul.imagesList {
    width: 530px;
    float: right;
    margin-left: 10px;
}
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 #c3c3c3;
}
li.photo span.caption {
    display: none;
}
li.photo:hover {
    cursor: pointer;
}
li.photo:hover img {
    border: solid 1px #858585;
}

/*---------------------------------------------*/
/* Contact Us - ContactUs.aspx */
/*---------------------------------------------*/
.simpleForm_contactUs { width: 450px; }
.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;
    border-top: solid 1px #c4c4c4;
    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: 340px;
    padding-bottom: 4px;
}
.recentFiles {
    margin-top: 44px;
    padding: 4px;
    background: #efefef;
    border: solid 1px #c4c4c4;
    font-size: 85%;
}
.recentFiles li {
    padding-bottom: 4px;
}
.recentRequestList dt {
    margin-top: 2px;
    padding-top: 2px;
    border-top: solid 1px #c4c4c4;
}
.recentRequestList dd {
    padding-left: 8px;
}
ul.balanceDueList li {
    padding-bottom: 4px;
}

/*---------------------------------------------*/
/* My Info - UpdateInfo.aspx */
/*---------------------------------------------*/
.complexForm_updateUserInfo {
    width: 600px;
}
.complexForm_updateUserInfo th {
    width: 140px;
}
/*---------------------------------------------*/
/* Payments - HistoryStatement.aspx */
/*---------------------------------------------*/
div.historyStatement { width: 640px; float: left; clear: left; }
table.tableSideBox { margin: 4px 0 4px 0; }

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


/*---------------------------------------------*/
/* Requests - RequestSearch.aspx */
/*---------------------------------------------*/
div.gridForm_requestSearch { width: 640px; float: left; clear: left; }

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

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

p.responseMessage,
dl.requestDetailsList,
dl.requestUpdatesList {
    float: left;
    border-top: solid 1px #c4c4c4;
    margin-bottom: 8px;
    padding-top: 8px;
    width: 450px;
}
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: 340px;
    padding-bottom: 4px;
}

/*---------------------------------------------*/
/* Directory - ImportantNumbers.aspx */
/*---------------------------------------------*/
.importantNumbersCategoryList {
    margin-top: 3px;
    padding-top: 3px;
    border-top: solid 1px #c4c4c4;
}
.importantNumbersList {
    float: left;
    width: 740px;
}
.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: 330px;margin-bottom: 10px;margin-right: 10px;padding: 6px;}
.importantNumbers .odd, .importantNumbersList .odd, .importantNumbers .even, .importantNumbersList .even {border: solid 1px #c3c3c3;background: #f7f7f7;}

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

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

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

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

/*---------------------------------------------*/
/* Discussion Topic - ViewTopic.aspx */
/*---------------------------------------------*/
.simpleForm_postReply {
    width: 260px;
}
.simpleForm_postReply .txtDescription { width: 250px; height: 150px; }

p.topicSubject,
dl.topicReplyList {
    float: left;
    border-top: solid 1px #c4c4c4;
    margin-bottom: 8px;
    padding-top: 8px;
    width: 450px;
}
dl.topicReplyList dt {
    float: left;
    clear: left;
    width: 80px;
    font-weight: bold;
    padding-bottom: 4px;
}
dl.topicReplyList dd {
    float: left;
    width: 370px;
    padding-bottom: 4px;
}

/*---------------------------------------------*/
/* Financials - FinancialsSearch.aspx */
/*---------------------------------------------*/
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;
}
.searchForm_transactionsSearch label,
.searchForm_transactionsSearch input,
.searchForm_transactionsSearch select {
    width: auto;
}
.searchForm_transactionsSearch input.buttonPrimary {
    width: auto;
}
.searchForm_transactionsSearch .ddlAccountList {
    width: 180px;
}

/*** Credit Card ***/
.aside {background-color: #f7f7f7; border: 1px solid #c3c3c3;} 

/* 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: #d97811;border-left:1px solid #c3c3c3;border-top:1px solid #c3c3c3;border-right:1px solid #b7b9ac; padding-right: 0px;}
.gridUtilityBar a:link{ color: #fff;}