body
{
    font-size: .95em;
    font-family: arial, Sans-Serif;
    color: #222;
    margin: 0;
    padding: 0;
    background: white; /*line-height: 1.5;*/
    overflow: hidden; 
}

.strikeout { text-decoration: line-through; }

#Header { height: 75px; background: #F1F1F1; border-bottom: 1px solid #EAEAEA; }
/*#Header #PropertyAddress { float: right; margin: 10px; text-align: right; font-size: .8em }*/

#Platform { width: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
#Page { width: 100%; max-width: 900px; margin: 20px auto; }
h4 { border-bottom: 1px solid #EAEAEA; padding: 0px 0 5px 0; font-size: 1.3em; }
h5 { border-bottom: 1px solid #EAEAEA; padding: 5px 0 5px 0; font-size: 1.1em; margin: 5px 0 5px 0; font-weight: bold; }
h6 { font-size: 1em; margin: 5px 0 5px 0; font-weight: bold; }

#WelcomeMessage { overflow: hidden; padding: 2px; }
#WelcomeMessage iframe { width: 500px; border: none; }
.ui-dialog.no-title .ui-dialog-titlebar { display: none; }
.ui-autocomplete { max-height: 250px; overflow-y: auto; overflow-x: hidden; padding-right: 20px; }


.disabled-look { color: grey; }

#ApplicationNavigation 
{
    font-size: .80em;
    width: 901px;
    border: 1px solid #EAEAEA;
    margin: 10px 0 10px 0;
    text-align: center;
    height: 40px; 
}

#ApplicationNavigation td
{
    cursor: pointer;
    width: 80px;
    padding: 0 5px 0 5px;
}
#ApplicationNavigation td.completed { background-color: lightgreen; }
#ApplicationNavigation td.error { background-color: #FF5A5A; }
#ApplicationNavigation td.current { background-color: lightblue; }
/*#OnlineApplication [data-form].available { display: initial; }*/
#OnlineApplication [data-form]:not(.available) { display: none; }

#OnlineApplication #ApplicationLeftSide { width: 440px; float: left; }
#OnlineApplication #ApplicationRightSide { width: 440px; float: right; }

#OnlineApplication div.application-screen
{
    border: 1px solid #EAEAEA;
    padding: 10px;
    padding-top: 0px;
    -moz-box-shadow: 0 0 1px #B7B7B7;
    -webkit-box-shadow: 0 0 1px #B7B7B7;
    box-shadow: 0 0 1px #B7B7B7;
    width: 880px;
}

#OnlineApplication div.deletable { position: relative; }
#OnlineApplication div.deletable button.delete-item { position: absolute; right: 0px; bottom: 10px; }

#OnlineApplication button.green 
{
    background: #5CB85C !important;
    color: #FFF;
    border: 1px solid #4CAE4C !important; 
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#OnlineApplication button.green:hover 
{ 
    color: #FFF;
    background: #449D44 !important;
    border: 1px solid #398439 !important
}

#OnlineApplication button.red 
{
    background: #D9534F !important;
    color: #FFF;
    border: 1px solid #D43F3A !important; 
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#OnlineApplication button.red:hover 
{ 
    color: #FFF;
    background: #C9302C !important;
    border: 1px solid #AC2925 !important
}

#OnlineApplication button.blue 
{
    background: #428BCA !important;
    color: #FFF;
    border: 1px solid #357EBD !important; 
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
}

#OnlineApplication button.blue:hover 
{ 
    color: #FFF;
    background: #3071A9 !important;
    border: 1px solid #285E8E !important
}

#OnlineApplication button.gray 
{
    background: #DDD !important;
    color: #000;
    border: 1px solid #CCC !important; 
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#OnlineApplication button.gray:hover 
{ 
    color: #000;
    background: #CCC !important;
    border: 1px solid #BBB !important
}

#OnlineApplication button.red span.ui-button-text, 
#OnlineApplication button.blue span.ui-button-text, 
#OnlineApplication button.gray span.ui-button-text, 
#OnlineApplication button.green span.ui-button-text { text-shadow: none; }

#OnlineApplication div.application-screen h4 { border-top: 1px solid #EAEAEA; margin: 30px -10px 5px -10px; padding: 10px 5px 8px 10px; font-size: 1.2em; font-weight: bold;  background-color: #F1F1F1; }
#OnlineApplication div.application-screen h4.first {  margin-top: 0px; border-top: none; }

#OnlineApplication div.application-screen-buttons { margin: 40px -10px 0px; border-top: 2px solid #EAEAEA; padding: 0px 10px; }
#OnlineApplication div.center-buttons { text-align: center; }

#OnlineApplication div.application-left { width: 45%; float: left; }
#OnlineApplication div.application-right { width: 52%; float: right; }

#OnlineApplication tr.indent-row td:first-child { padding-left: 12px; padding-right: 0px; }

#OnlineApplication input.phone-number { width: 109px; }

#OnlineApplication div.pad { padding: 5px; }
#OnlineApplication hr.divider { border: 1px dashed #AEAEAE; }

#ApplicantTypeTable { margin-bottom: 15px; }

#OnlineApplication #PresentTextBox { width: 80px; }

div.verification-docs { }
table.documents-table { margin-bottom: 5px; }
table.documents-table .dl-date-col { width: 150px; }
table.documents-table .dl-name-col { }

#PetsNotPermitted { text-align: center; font-size: 1.3em; }
#Pets select { width: 185px; }

#ReferringMethod { max-width: 325px; width: 325px; max-height: 100px; height: 50px; }
#ReasonForLeaving { max-width: 250px; width: 250px; max-height: 100px; height: 20px; }

textarea.reason-for-leaving { max-width: 192px; width: 192px; max-height: 55px; height: 55px; }

#TermsAndConditions { height: 400px;  overflow: auto; -webkit-overflow-scrolling: touch; margin-bottom: 10px; }
html.touch #TermsAndConditions, html.touch #Platform { height: inherit; }


#ReviewScreen hr { border: 1px solid #BDBDBD; }

#ReviewScreen input[readonly] { background-color: White; height: 18px; padding: 0; color: #222; }
#ReviewScreen input[type="text"][readonly] { width: 240px; }
#ReviewScreen input[type="text"][readonly].short { width: 120px; }
#ReviewScreen input[type="text"][readonly].tiny { width: 60px; }
#ReviewScreen #ApartmentInfoWrapper td { width: 100%; }

#ChargesTable input { width: 100px !important; }

#ReviewScreen tr td:first-child { width: 150px; }
#ReviewScreen div.sr-question-holder tr td:first-child { width: 0px; }
#ReviewScreen td.long { width: auto !important; }

#ReviewScreen td.border-top { border-top: 1px solid black; }

span#MustAgree { color: Red; }

#ReceiptTable { margin: auto; }
#ReceiptTable tbody { border: 1px solid #d7d7d7; } 
#ReceiptTable h4 { padding: 0; }
#ReceiptTable tr td:nth-child(1) { font-weight: bold; }
#ReceiptTable tr td:nth-child(2) { text-align: right; }
#ReceiptTable tr:last-child { border-top: 1px solid #d7d7d7; }


select.ui-datepicker-month, select.ui-datepicker-year { font-size: 1.2em !important; }

div.application-screen:not(#ReviewScreen):not(.survey-screen) tr { height: 40px; }
div.documents-detail tr { height: auto !important; }

#UnitAvailability { width: 100%; }
#UnitAvailability .ua-pref-col { width: 250px; }
#UnitAvailability .ua-units-col { width: 625px; }

#UnitAvailability #MoveInDateWrapper input.date { width: 85px; }

#UnitAvailability button[disabled] { color: #bdbdbd; cursor: default; background: #edeaea !important; }

#UnitAvailabilityHeaderRow td { vertical-align: bottom; }
#UnitAvailabilityContentRow td { vertical-align: top; }
#UnitAvailabilityHeaderRow h4 { margin-bottom: 0px; }

/*#UnitAvailability #AvailableUnitsHeader h4 { margin-bottom: 0px; padding-bottom: 0px; }*/
#UnitAvailability #ApplyWithoutUnit { margin-top: -10px; }

#UnitAvailability > tbody > tr > td { padding: 0px 0px 0px 10px; }

#UnitAvailability #FilterMenu { *position: fixed; width: 250px; *margin-right: 20px; overflow: auto; padding-bottom: 20px; }
#UnitAvailability #Units { *margin-left: 270px; width: 100%; *margin-bottom: 60px; overflow: auto; }
#UnitAvailability #UnitsList { width: 625px; }

#UnitAvailability #FilterMenu h4 { margin-bottom: 0px; }
#UnitAvailability #ClearPrefs { font-size: 12px; float: right; padding-top: 8px; }
#UnitAvailability #FilterMenuWrapper { overflow: auto; padding-bottom: 20px; }
#UnitAvailability #FilterMenu .filter-label { padding: 3px; margin-top: 10px; font-weight: bold; }
#UnitAvailability #FilterMenu .filter-label span.ui-icon { display: inline-block; }
#UnitAvailability #FilterMenu .filter-slider input { width: 40px; }
#UnitAvailability #FilterMenu #MoveInDate { position: relative; z-index: 10; } /* This fixes an issue with the datepicker behind other elements */
#UnitAvailability #FilterMenu .filter-slider .ui-slider { width: 100px; margin: 2px 10px; display: inline-block; }
#UnitAvailability #FilterMenu .ui-slider-handle 
{ 
    margin-left: -11px; 
    top: -5px; 
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
    background: linear-gradient(top, #EDEDED 0%,#C4C4C4 100%);
    background: -ms-linear-gradient(top, #EDEDED 0%,#C4C4C4 100%);
    background: -o-linear-gradient(top, #EDEDED 0%,#C4C4C4 100%);
    background: #EDEDED url(images/bg_fallback.png) 0 0 repeat-x;
    background: -webkit-linear-gradient(top, #EDEDED 0%,#C4C4C4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#C4C4C4));
    background: -moz-linear-gradient(top, #EDEDED 0%, #C4C4C4 100%);
    width: 22px; 
    height: 16px; 
}

#UnitAvailability #FilterMenu .filter-label.unit-types-filter, #UnitAvailability #FilterMenu .filter-label.unit-types-filter label { cursor: pointer; }
#UnitAvailability #FilterMenu .filter-label a { font-size: .8em; font-weight: normal; }
#UnitAvailability #FilterMenu #HideFloorPlans { display: none; }


#UnitAvailability #FilterMenu .filter-count { padding-left: 10px; font-style: italic; }

#UnitAvailability .tour-stop { border: 1px solid #000; }
.qtip { font-size: 1.1em; line-height: 1.1em; max-width: 450px; }
.qtip-title { font-weight: bold; }
.qtip .ui-button-text { line-height: 1.2; font-size: 12px; }
.padding-left { padding-left: 20px; }

#UnitAvailability #Units #MatchedUnits { font-style: italic; }

/*.touch #Units { -webkit-overflow-scrolling: touch; overflow: auto; }*/

#UnitAvailability #Units td { vertical-align: top; }
#UnitAvailability #Units h4:not(.rent-schedule-header)
{
    position: fixed;
    background-color: #FFF;
    padding-left: 10px;
    width: 623px;
    padding-top: 20px;
    z-index: 100;
    margin-top: -21px;
    margin-left: -3px;
}

#UnitAvailability #UnitsList
{
    /**position: relative;
    *top: 40px;*/ 
    padding-bottom: 10px;  
    padding-top: 10px;
}

#UnitAvailability .unit-type
{
    border: 1px solid #DDD;
    box-shadow: 0px 0px 3px 0px #B7B7B7;
    -moz-box-shadow: 0px 0px 3px 0px #B7B7B7;
    -webkit-box-shadow: 0px 0px 3px 0px #B7B7B7;
    margin-bottom: 15px; 
}

#UnitAvailability .unit-type-left { width: 310px; }
#UnitAvailability .unit-type-table .unit-type-name { font-size: 1.3em; font-weight: bold; }

#UnitAvailability .unit-type.open table.unit-type-table
{ 
    box-shadow: 0px 3px 5px -2px #B7B7B7;
    -moz-box-shadow: 0px 3px 5px -2px #B7B7B7;
    -webkit-box-shadow: 0px 3px 5px -2px #B7B7B7;
    z-index: 10;
    position: relative;
}

#UnitAvailability .default-floor-plan { background-image: url(images/availability/floorplan_coming_soon_300.png); }
#UnitAvailability .unit-type-image { width: 300px; height: 300px; }
#UnitAvailability img.unit-type-image { cursor: pointer; }
#UnitAvailability .unit-image { width: 100px; height: 100px; border: 1px solid #DDD; }
#UnitAvailability .gallery-image { width: 49px; height: 49px; cursor: pointer; border: 1px solid #DDD; }
#UnitAvailability .image-gallery-row td { padding: 0px; }

#UnitAvailability table.unit-type-details-table { height: 300px; }
#UnitAvailability .unit-available-date { text-align: right; font-weight: bold; }
#UnitAvailability .unit-available-date .available { color: Green; }
#UnitAvailability .unit-available-date .available-before, #UnitAvailability .unit-available-date .available.red { color: red; }

#UnitAvailability .rent-list-header, #UnitAvailability .unit-details-header, #UnitAvailability .special-header:not(.no-line) { border-bottom: 1px solid #DDD; font-weight:bold;  }
#UnitAvailability .special-header { /*padding-top: 10px;*/ }
#UnitAvailability .special-name { position: relative; left: -16px; }
/*#UnitAvailability .amenity-list { margin: 0; padding-left: px; list-style: none; }*/

#UnitAvailability table.unit-type-details-table tr.info-row { height: 25px; }
#UnitAvailability #Units td.show-hide-units-cell { vertical-align: bottom;  }
#UnitAvailability .hide-units-link { display: none; }
#UnitAvailability .no-matching-units { display: none; float: right; font-style: italic; }
#UnitAvailability span.show-hide-units { font-style: italic; }
#UnitAvailability span.show-hide-units a { font-style: normal; }

#UnitAvailability .available-unit 
{
    border-top: 1px solid #DDD;
    background-color: #FFF;
    font-size: .8em;
}

#UnitAvailability .available-unit.alt { background-color: #FAFAFA; }

#UnitAvailability .none-available
{
    padding-top: 47px;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    height: 70px;
    border: 1px solid #DDD;
}

#UnitAvailability #Units .unit-left { width: 120px; }
#UnitAvailability .unit-number { font-size: 1.1em; font-weight: bold; }

#UnitAvailability .unit-details-left { width: 45%; padding-left:20px; }
#UnitAvailability .unit-details-right { padding-left: 15px; }
#UnitAvailability .unit-details-left table thead th, #UnitAvailability .unit-details-right table thead th { border-bottom: 1px solid #DDD; font-weight:bold; }
#UnitAvailability .unit-details-left table tbody td { padding-left: 10px; }
#UnitAvailability .unit-details-left .specials-table, #UnitAvailability .unit-details-left .amenities-table { margin-top: 10px; }


#UnitAvailability .unit-rent-table { width: 100% }
#UnitAvailability th.unit-rent-value { padding-right: 15px; }
#UnitAvailability .unit-rent-value { text-align: right; /*min-width: 80px;*/ }
#UnitAvailability .unit-rent-value.special-unit-rent-value { /*cursor: pointer;*/ }
#UnitAvailability .unit-rent-table tr.disabled { color: Gray; }
#UnitAvailability #Units .unit-rent-table td { vertical-align: middle; }
#UnitAvailability .unit-rent-table .rent-value, #UnitAvailability .unit-rent-table .special-rent-value { width: 57px; display: inline-block; position:relative; top: 2px; }
#UnitAvailability .star-col { max-width: 77px; }
/*#UnitAvailability .unit-lease-term-col { padding-right: 30px; }*/

#UnitAvailability #Units .apply-for-unit { vertical-align: bottom; }
#UnitAvailability #Units .apply-for-unit button { float: right; }

#UnitAvailability .specials-available { color: green; font-weight: bold; font-size: 1.1em; }
#UnitAvailability .unit-details-left .star-icon { position:relative; top:2px; }
#UnitAvailability .unit-details .ui-icon-star { margin-left: -8px; }

.rent-schedule span.close { position: absolute; top: 7px; right: 10px; cursor: pointer; }
.rent-schedule-note { font-size: .65em; }
.bottom { vertical-align: bottom !important; }

div.fl
{
    color: #666/*#919191*/;
    font-style: italic;
    margin-bottom: 2px; 
}

#Overlay
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20000;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.75;
    filter: Alpha(Opacity=75);
    display: none;
}


select.medium { width: 212px; }
select.short { width: 112px; }


#SignLeaseButtons { text-align: center; }
#ApplicationComplete span.ui-icon-check { display: inline-block; }

/*#ApplicationComplete #InviteRoommates { width: 500px; margin: auto; }*/
#InviteRoommates .invite-name-col { width: 230px; }
#InviteRoommates .invite-email-col { width: 245px; }
#InviteRoommates .email { width: 215px; }
#InviteRoommates #MessageTable textarea { width: 475px; height: 100px; }
#InviteRoommates #MessageTable label { font-weight: bold; }
#InviteRoommatesLink { float: right; }


h5 {
    font-weight: bold;
    color: #0891c2;
    font-size: 18px;
}

/*.welcome-dialog button {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font-weight: bold;
    border: none;
    position: relative;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    color: white;
    background: #0891c2 !important;
}

.welcome-dialog button:after {
    content: "";
    background: rgba(255, 255, 255, 0);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: all .3s;
}

.welcome-dialog button:hover:after {
    content: "";
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: all .3s;
}*/
#PaymentInformation .pay-expire-month { white-space: nowrap; }

#OriginalApplicantMustPay {
    background-color: #FFF3ED;
    border: 1px solid #FFD7D7;
    padding: 15px;
    border-radius: 10px;
    max-width: 450px;
    margin: auto;
    width: 60%;
}

#OnlinePaymentConfirmationWrapper .payment-amount-label {
    float: left;
    width: 75px;
}

.race-refused { margin-left: 25px; }