/*=============================================*/
/* skinBuildiumClassicWinter.css */
/* Version 1.00 */
/*---------------------------------------------*/
/* This is the default 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: #d5dded;
    background-image: url('skinBuildiumClassicWinter/pageBackground.gif');
    background-repeat: repeat-y;
    background-position: center top;
}
body {
    color: #333;
}
a:active,
a:visited,
a:link {
    color: #4770b3;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
h1 {
    font-size: 182%;
    font-weight: bold;
    color: #9dadc6;
    padding: 10px 0 6px 0;
}
h2 {
    font-size: 138.5%;
    font-weight: bold;
    color: #9dadc6;
    padding: 10px 0 6px 0;
}
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) */
/*=============================================*/
#brandingArea {
    float: left;
    padding: 6px 10px 6px 10px;
}
#welcomeArea {
    float: right;
    clear: right;
    padding: 4px 10px 0 10px;
}
#utilityArea {
    float: right;
    clear: right;
    padding: 10px 10px 0 10px;
}
ul.utilityPrimary {
    float: left;
}
ul.utilityPrimary li {
    float: left;
    padding: 0 6px 0 6px;
    border-left: solid 1px #c4c4c4;
}
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. */
/*=============================================*/
#navAreaPrimary {
    float: left;
    width: 940px;
    margin-top: 10px;
	background: #dae0d2 url("skinBuildiumClassicWinter/border_nav_bottom.gif") repeat-x bottom;
    padding: 0 10px 0 10px;
}
ul.navPrimary {
    float: left;
}
ul.navPrimary li {
    display: block;
    float: left;
    padding-left: 6px;
    background: url("skinBuildiumClassicWinter/tab_left.gif") no-repeat left top;
}
ul.navPrimary li#current {
    background-image: url("skinBuildiumClassicWinter/tab_left_on.gif");
}
ul.navPrimary li a {
    display: block;
    float: left;
    padding: 5px 6px 4px 3px;
    background: url("skinBuildiumClassicWinter/tab_right.gif") no-repeat right top;
    color: #776655;
    font-weight: bold;
    text-decoration: none;
}
ul.navPrimary li#current a {
    background-image: url("skinBuildiumClassicWinter/tab_right_on.gif");
    color: #333;
    padding-bottom: 5px;
}    
ul.navPrimary li a:hover {
    color: #4770b3;
}
/*---------------------------------------------*/
/* The following styles are for the secondary */
/* navigation that sometimes appears below the */
/* primary navigation. */
/*---------------------------------------------*/
#navAreaSecondary {
    float: left;
    width: 940px;
	background: url("skinBuildiumClassicWinter/border_nav_bottom.gif") repeat-x bottom;
	padding: 0 10px 0 10px;
}
#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: solid 1px #666;
    border-right: solid 1px #666;
}
#navAreaSecondary ul li a.current {
    font-weight: bold;
    color: #333;
    background: #e5e5e5;
    text-decoration: none;
}

/*=============================================*/
/* Footer styles */
/*---------------------------------------------*/
/* These styles affect the footer that appears */
/* on every page. */
/*=============================================*/
#ft { 
    padding: 100px 10px 0 10px; 
}
#ft .contentFooter {
    padding: 16px 0 20px 0;
    border-top: solid 1px #9dadc6;
    font-size: 90%;
    background-color: #f2f5fa;
    height: 60px;
}
ul.utilityFooter {
    float: left;
    padding: 0 0 0 390px;
}
ul.utilityFooter li {
    float: left;
    padding: 0 6px 0 6px;
    border-left: solid 1px #c4c4c4;
}
ul.utilityFooter li.first {
    border-left: none;
}
#ft p {
	float: left;
	clear: left;
	text-align: center;
    margin-top: 6px;
	width: 99%;
}


/*=============================================*/
/* 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;
    width: 99%;
    margin-left: 10px;
}
div.customContentBox {
   padding-top: 10px; 
   padding-right: 20px;
   width: 95%;
}
div.customContentBox p,
div.customContentBox ol,
div.customContentBox ul {
   padding-bottom: 8px;
}
div.customContentBox ul li {
    padding-left: 14px;
    background: transparent url('skinBuildiumClassicWinter/square_bullet.gif') no-repeat left top;
    list-style: none;
    margin-left: 0;
}

/*=============================================*/
/* Sidebox styles */
/*---------------------------------------------*/
/* This set of styles is used for the blocks */
/* that appear in the left or right sidebar. */
/*=============================================*/
.sidebox {
	margin: 0 6px 0 6px;
	padding: 0;
	background: transparent url(skinBuildiumClassicWinter/sidebox_body_right.gif) no-repeat bottom right;
}
.sideboxHead {
	background: transparent url(skinBuildiumClassicWinter/sidebox_head_right.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.sideboxHead h2 {
    margin: 0;
	padding: 20px 0 6px 0;
	background: transparent url(skinBuildiumClassicWinter/sidebox_head_left.gif) no-repeat top left;
	color: #fff; 
	font-weight: bold;
	font-size: 100%;
}
.sideboxBody {
	background: transparent url(skinBuildiumClassicWinter/sidebox_body_left.gif) no-repeat bottom left;
	margin: 0;
	padding: 8px 20px 30px 30px;
}
.sidebox fieldset {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border: none;
	border-bottom: solid 1px #c4c4c4;
}
.sidebox fieldset label {
    margin-top: 6px;
}
.sidebox fieldset input.fieldSignin {
    width: 90%;
}
.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 #9dadc6;
	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: #9dadc6;
}
.gridBodyHidden {
	display: none;
	overflow: hidden;
}
.gridBodyChild {
	background-color: #f2f5fa;
	font-weight: normal;
        color: #000;
}
.gridSeparator {
	background-color: #c4c4c4;
	line-height:1px;

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

.gridUtilityBar 
{
	background: #9dadc6;
}
/*=============================================*/
/* 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: #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: #9dadc6;
}
.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 #9dadc6;
	border-left: solid 1px #9dadc6;
	border-right: solid 1px #9dadc6;
	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: #9dadc6;
}

/*=============================================*/
/* 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: #fff;
    border: solid 1px #9dadc6;
}
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: #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: #776655;
    font-weight: bold;
    border-top: solid 1px #b7ae88;
    border-right: solid 1px #776655;
    border-bottom: solid 1px #776655;
    border-left: solid 1px #b7ae88;
    padding: 2px 0.25em;
    width: auto;
    overflow: visible;
}
input.buttonPrimary {
    background: #fff;
}
input.buttonSecondary {
    background: #fff;
}
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 #9dadc6;
}

/*---------------------------------------------*/
/* Public Home - home.aspx */
/*---------------------------------------------*/
.listingForm_featuredListings {
    width: 680px;
}
.listingForm_featuredListings table.listings tr td.address {
    width: 475px;
}
.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: #e5e5e5;
}
.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: 800px;
}
.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 #9dadc6;
}
.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 #9dadc6;
}
.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('skinBuildiumClassicWinter/square_bullet.gif') no-repeat left top;
    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 #9dadc6;
    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 #9dadc6;
}
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 #9dadc6;
}
li.photo span.caption {
    display: none;
}
li.photo:hover {
    cursor: pointer;
}
li.photo:hover img {
    border: solid 1px #4770b3;
}

/*---------------------------------------------*/
/* 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: 10px;
    margin-left: 10px;
    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: 340px;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: 850px;
}

/*---------------------------------------------*/
/* Discussion Board/Topics - Topics.aspx */
/*---------------------------------------------*/
div.gridForm_topics {
    width: 720px; 
    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;
}
/*-------------------------------------------------*/
/* Reports - ReportCenter.aspx */
/*-------------------------------------------------*/
table.categorizedLinksWithDescription td.linkDescriptions {
    background: #efefef;
    border: solid 1px #9dadc6;
}

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

/* 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: #9dadc6;}