/* Force long strings, like email addresses to wrap in the sidebox */
.sidebox{word-wrap:break-word;}
/* ============================================= */
/* Inline form messages                          */
/* ============================================= */
.validationRequiredErrorMessage,
.validationInlineErrorMessage,
.validationInlineWarningMessage {
    display: inline-block;
    float: left;
    clear: both;
    padding: 10px 8px 4px 8px;
    border-bottom: solid 2px #990000;
    color: #990000;
    margin: 0 0 0 10px;
    width: 134px;
    background-image: url('../images/bgInlineValidationChevron.png');
    background-repeat: no-repeat;
    background-position: left top;
}
.validationInlinePlaceholder {
	display: none;
}
.contactInformation {
	text-align: center;
	width: 300px;
}
.errorMessage,
.errorMessageSummary {
    display: block;
    float: left;
    width: 90%;
    background: #f9f9f9;
    margin: 0 0 10px 0;
    padding: 6px;
    border: solid 2px #990000;
}
.errorMessage,
.errorMessageSummary strong {
    color: #990000;
    font-weight: bold;
}
div.customContentBox ul,
div.customContentBox ol {
	margin-top: 6px;
	margin-bottom: 6px;
}
div.customContentBox ol li {
	list-style: decimal;
	margin-left: 22px;
}
div.customContentBox ul li {
	list-style: disc;
	margin-left: 16px;
}


/* ============================================= */
/* Sort column headers */
/* ============================================= */

span.sortAscending,
span.sortDescending {
    padding: 0 15px 0 0;
}
span.sortAscending { background: url('../images/sort_arrow_up.gif') no-repeat center right; }
span.sortDescending { background: url('../images/sort_arrow_down.gif') no-repeat center right; }

/* ============================================= */
/* Categorized links with rollover descriptions  */
/* --------------------------------------------- */
/* Used on the Reports page                      */
/* ============================================= */
fieldset.normal table th { width: 140px; }

table.categorizedLinksWithDescription td {
    width: 25%;
    vertical-align: top;
    padding: 0 10px 0 20px;
}
table.categorizedLinksWithDescription h5 {
	font-size: 18px;
	font-weight:bold;
	margin: 0 0 10px 0;
	padding: 0;
}
table.categorizedLinksWithDescription ul {
	margin: 2px 0 10px 0;
	padding: 0;
}
table.categorizedLinksWithDescription li {
	font-size: 14px;
	line-height: 20px;
	list-style-type: none;
	margin: 0;
	padding: 0 0 4px 0;
}
table.categorizedLinksWithDescription p {
	font-size: 14px;
}

table.categorizedLinksWithDescription li a:hover {
	text-decoration: underline;
}
table.categorizedLinksWithDescription .linkDescriptions {
    background: #F2F2F2;
    border: solid 1px transparent;
    padding: 10px 20px 20px 20px;
	border-radius: 8px;
}
table.categorizedLinksWithDescription .linkDescriptions p.inlineInstructions {
    font-size: 14px;
	padding: 10px 0 10px 0;
    margin: 0;
}
table.categorizedLinksWithDescription .linkDescriptions div {
    color: #191919;
    margin-top: 8px;
    border-top: solid 1px #ccc;
    padding-top: 20px;
}

/** End Reports **/

/** Begin Grid **/
.gridUtilityBar
{
	font-size: 90%;
	background: #999;
	margin: 0;
	padding: 5px;
	text-align: right;
	color: #fff;
}

.gridUtilityBar div, .gridUtilityBar ul, .gridUtilityBar li
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

.gridUtilityBar li
{
	padding-right: 5px;
}

.gridUtilityBar div
{
	padding-left: 5px;
	border-left: 1px solid #fff;
}

.gridUtilityBar div.gridUtilityBar_PaginationControls
{
	padding-left: 0;
	border-left: 0;
}

.gridUtilityBar div.gridUtilityBar_PerPageControls li.current
{
	font-weight: bold;
}

/*** End grid ***/

/* Override yui grid's yui-t3 to make left-hand column narrower */
.yui-t3 .yui-b {
    width: 18.4615em;
}

.datePickerHolder{width:108px;height:20px;position:relative;display:inline-block;}
input.datePicker, #main input.datePicker{width:75px;height:20px;padding-right:29px;}
.datePickerHolder.inactive{pointer-events: none;}
.datePickerHolder .datePickerBlocker {position: absolute;left:0;right:0;top:0;bottom:0;display:none;background-image: url(../static-images/transparent.png);}
button.ui-datepicker-trigger{background:#fff url(../static-images/calendar.gif) right top no-repeat;width:25px;height:22px;position:absolute;top:1px;right:1px;cursor:pointer;border:none;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
.input-action{margin-left:140px; padding-right:5px}
.button.primary {
	font-weight:bold;
}

.button {
	padding:2px 12px;
    margin-right: 5px;
	display:inline-block;
	text-shadow:1px 1px 0 #fff;
	border:1px solid #979986;
	background: -moz-linear-gradient(top, #FFF 0%, #E3E4E7 94%, #C6CCD3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(94%,#E3E4E7), color-stop(100%,#C6CCD3));
	-webkit-box-shadow: 1px 1px 1px #fff;
	-moz-box-shadow: 1px 1px 1px #fff;
	box-shadow: 1px 1px 1px #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	width:auto;
    overflow:visible;
}

/*** Credit Card ***/
.column{float: left; margin-right:5px;}
.column label{margin-bottom: 6px;font-weight: normal;display: block;}
.column input{border:1px solid #868686; line-height:18px; text-indent:3px; float:left; margin-right:5px;}
.column .ddselect{border:1px solid #868686;text-indent:1px;height:20px;margin-right:5px;}
/*Same as above column but not to have other extension classes*/
.columnSide{float: left; margin-right:5px;}

.lineHeight{line-height: 25px;}
.fontbold{font-weight:bold;}
.fontnormal{font-weight:normal;}
.clr-both{ clear: both;margin:5px 0 5px;}
.txtAlignLeft{ text-align: left;}
.widthFifty{ width: 49%;float: left;margin-bottom: 6px;}
.paddingRight{ padding-right: 10px;}

.frequencyWidth{width: 135px;} /* specific widths required */
.AccHolderName{ width: 326px;}

.cc fieldset{padding-bottom: 5px;}
.row span a:link{text-align:left; margin-left: 38px;text-decoration: underline;}
.row span a:hover{text-decoration:none;}
.forTxtlink{text-decoration: none;line-height: 22px;margin-left: 10px;}
#brandingArea .logoText a:hover {text-decoration: none;}

.distxt {color: #767676;font-style: italic;}
.smallFontChkbox{ font-size: 11.5px;float: left;margin: 5px 0 8px 17px;line-height: 16px;}
.smallFont{ font-size: 11.5px;float: margin: 0 0 5px; left;line-height: 16px;}
.cc .complexForm_Application {width: 680px; float: left;}

.payment-cards ul{position: relative;clear: both;padding: 5px 0px 5px;}
.payment-cards li{margin:0;list-style:none;height:31px;width:44px;float: left;padding:0 6px 0 0px;background: url('../images/payment-cards.png') no-repeat top left;}

.payment-cards li.visa{background-position:0 0px;}
.payment-cards li.mcard{background-position: 0 -59px;}
.payment-cards li.discover{background-position: 0 -118px;}
.payment-cards li.amex{background-position: 0 -177px;}
.payment-cards li.cardback{background-position: 0 -236px;}

.payment-cards li.visa.medium{background-position:0 -295px;}
.payment-cards li.mcard.medium{background-position:0 -354px;}
.payment-cards li.discover.medium{background-position:0 -413px;}
.payment-cards li.amex.medium{background-position:0 -472px;}

.payment-cards li.visa.active{background-position:0 -533px;}
.payment-cards li.mcard.active{background-position:0 -592px;}
.payment-cards li.discover.active{background-position:0 -651px;}
.payment-cards li.amex.active{background-position:0 -711px;}

.cc .yui-b{margin: 0 0 0 25px;display: block;float: right;}
.aside {padding: 10px 10px 10px;width: 210px;border: 1px solid #cccccc;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;margin-bottom: 15px;-webkit-box-shadow: 2px 4px 2px rgba(0,0,0,0.2);-moz-box-shadow: 2px 4px 2px rgba(0,0,0,0.2);box-shadow: 2px 4px 2px rgba(0,0,0,0.2);}
.aside li {clear: both;list-style: none;line-height: 22px;}
.aside .flotLeft, .flotLeft{float: left;text-align: left;}
.aside .floatRight, .floatRight{float: right;text-align: right;}
.aside .borderTop, .borderTop {text-align: right;border-top: 1px dotted #B2B3A5;padding: 5px 0px 5px;}
.aside .borderBottom {text-align: right;border-bottom: 1px dotted #B2B3A5;padding: 5px 0px 5px;}
.aside .paddingTop { padding-top:10px;}
.aside p{padding-top: 10px;font-size: 12px;line-height: 18px;clear: both;}

hr{ clear: both;margin:10px 0 10px;}
.clr-both{ clear: both;margin:5px 0 5px;}
.ccPaymentImg p{margin: 0px 0 0 50px;}

.aside .inside{ float: right;}
.validationMessage label{clear: both;color: #990000;padding-top: 5px;min-width: 60px;max-width: 160px;}
.cc .disableButton{ background-color: #f0f0f0;color: #898888;}
.processbutton{ margin-left: 30px;}
/* Historystatement.aspx page - history & schedule payments tables*/
.linkButton{ background: #fff;padding: 0px 4px 0px 4px;width: 105px;}
.linkButton a:hover{text-decoration: none;}
.linkUnderline a:link{text-decoration: underline;}

.gridFilter {-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0; width: 100%; padding-right: 2px; border-bottom: 1px solid #b7b9ac;  box-shadow:0px 1px 0px #fff;-moz-box-shadow:0px 1px 0px #fff;-webkit-box-shadow: 0px 1px 0px #fff; margin-bottom: 1px;}
.gridFilter select{ margin: 3px 0 2px 5px;}
.gridConfirmBox{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background: #EDF2E9;}

.genReportWrap{margin:250px auto !important; top: 0px !important; padding-top: 15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:5px solid #AAA; background: #EDF2E9;}
.genReportSpinner{background:url('../static-images/spinner-large.gif') no-repeat top; margin:10px 0 0 0;}
.genReportWrap h4{padding:45px 0 0 0px; margin:auto; margin: 0px 0px 10px 0; text-align: center;}
input[type="text"].undefined,input[type="text"].placeholder{color:#666 !important;font-style:italic;}
.wordWrap{ word-wrap: break-word;}
p.mainDescription, .description p { white-space: pre-wrap; word-wrap: break-word;}
.pageResPublicpagesHome .description{ width: 410px;}
.announcementList dd li{list-style:inherit;margin-left: 20px;}

/* to hide background in makepayment screen */
.pageResStatementNewmakepayment #hd,.pageResStatementNewmakepayment #ft, .pageResStatementEditpayment #hd, .pageResStatementEditpayment #ft, .pageResPublicpagesApplication #hd, .pageResPublicpagesApplication #ft {background-image:none;}
/* to hide background for hidden nav items (linked from new portal) */
.pageNavigationHidden #hd, .pageNavigationHidden #ft {background-image:none;}
.pageResStatementNewmakepayment #welcomeArea, .pageResStatementEditpayment #welcomeArea, .pageResPublicpagesApplication #welcomeArea{ display: none;}
#rblAccountType input[type="radio"]{ border: 0px;}

.changeToLabel{ border: 0px none;readonly: readonly;}

/* Submit request - upload control*/
.ajaxUpload{ margin-right: 5px;}
.pageResRequestadd .validationInlineErrorMessage{ margin-left: 0px;}
.flashUpload{ clear: both !important;}
.responseHistory .filesize{font-size:12px;color:#666;font-style:italic;}

.validationInlineErrorMessage1{display:inline-block;position:relative;margin-left:5px;font-size:12px;color:#900 !important;font-weight:bold;vertical-align:middle;white-space:normal;padding:4px 0;}
.validationInlineErrorMessage1.under{display:block;margin-left:0;}

/***************************/
/* ICONS */
/***************************/
.icon {
	line-height:20px;
	padding-left:22px;
	padding-bottom:2px;
	background:url(../static-images/icon-sprite.png) no-repeat left center;
}
.icon.fileUnknown		{background-position:0 -1020px;}
.icon.fileText			{background-position:0 -1050px;}
.icon.fileZip 			{background-position:0 -1080px;}
.icon.fileHTML			{background-position:0 -1110px;}
.icon.fileImage			{background-position:0 -1140px;}
.icon.filePDF			{background-position:0 -1170px;}
.icon.fileExcel			{background-position:0 -1200px;}
.icon.filePowerPoint	{background-position:0 -1230px;}
.icon.fileWord			{background-position:0 -1260px;}

img.attachment-thumbnail { max-height: 106px;max-width: 90px; }


/**
 * Enhanced Listings
 */
.heroImage {
	max-width: 100%;
}

.heroVideo {
	border: none;
	width: 406px;
	height: 228px;
}

.details-heroVideo {
	border: none;
	width: 304px;
	height: 171px;
}

#enhanced_apartment_images .photo img {
	height: 80px;
}

#enhanced_apartment_images .photo a {
	position: relative;
	display: inline-block;
}

.icon-playbutton-overlay {
	position: absolute;
	z-index: 2;
	height: 80px;
	width: 100%;
	top: 22px;
}

.icon-playbutton-overlay >div {
	width: 36px;
	margin-left: auto;
	margin-right: auto;
}

.icon-playbutton {
	display: inline-block;
	width: 36px;
	height: 36px;
	background: url(../../Manager/static-images/gallery-sprite.png) 0px 0px no-repeat;
	background-position: 0px -180px;
}

.rentalDescription p {
	margin-bottom: 14px;
}

.rentalDescription p:last-child {
	margin-bottom: 0;
}

.featuredImage {
	max-width: 210px;
}
.thumbnailImage {
    max-width: 90px;
}

.listings .description {
    word-break: break-word;
}
.passwordInstructions {
    font-weight: bold;
}
.passwordInstructions li {
    list-style: square;
    list-style-position: inside;
}

.contentBox.account-transactions-search__grid,
.contentBox.account-transactions-search {
	clear: none;
}

.account-transactions-search {
	width: 260px;

}

.account-transactions-search__grid {
	width: calc(100% - 260px);
}