/*-- Theme Wide CSS  -  Please talk to a theme specialist before editing this file! --*/

/*-- Sisters Map --*/

#sister_community_info_window {width: 280px;}

.disability{
    float:right;
    margin:6px;
}

#div_logo ul li a {min-width: 0;}

.application > div.pad { text-align: center;}

.main_posts img {
    width:auto; 
    max-width: 600px; 
    display: block; 
}

#div_page_area {
    display:block; 
    margin: 0 auto; 
    text-align: center;
}

#div_success_popup p a, .gm-style-iw a { color:#666; }

#div_success_popup p a:hover { color:#777; }

.blog_page_link {
    padding: 2px 4px;
    margin: 4px;
}

.blog_page_link.active {color: #000;}

.api-pet_policy {white-space: pre-wrap;}
.api-office_hours {white-space: pre-wrap;}

.goog-logo-link img {width:auto;}

.fptab .slide {behavior:none;}

.beds_link:hover:after {
    content: " - Click to Close/Open";
    font-weight: normal;
    font-size: 10px;
    vertical-align: top;
}


/*-- Promotions --*/

#div_promotions {max-width: 95%;}
#div_promotions .promotion.twelve {margin: 5px; padding: 0; max-width: 500px;}
.pep_promotions_collection {max-width: 510px;}
.promotion h4 {width: 100%; text-align: center;}
body#body_home .promotion p, .promotion p {text-indent: 0; text-align: center; padding: 0px; width: 100%; margin: 0px;}
.promotion p img {max-width: 300px;}
.form_promotion { text-align:center;}
.promotions .promotion p {color: inherit;}

#body_specials h1 {text-align:center;}

#specials-button-uag {
    margin:5px auto;
    display:none;
    padding-bottom:10px;
    text-align:center;
    width:100%;
    max-width:400px;
}

#specials-button-uag.active {display:block;}

#specials-button-uag a {
    background:#fff;
    border-radius: 15px;
    border: 1px solid #000;
    min-width:300px;
    text-align:center;
}

.hp-specials, .hp-specials h4, .hp-specials p {
    color:#000 !important;
    text-indent:0px !important;
    text-align:center;
    padding: 3px 0px;
}

.hp-specials h4 {
    color:#000;
    font-weight:bold;
    text-transform:uppercase;
}


/*-- site map tab fix --*/

.gallerytabs li div {
    padding:4px; 
    text-align:center; 
    display:block;  
    color:#fff;
    text-shadow:1px 1px 2px #333;
    text-decoration:none;
}

.gallerytabs li.highlighted div { 
    font-weight:bold;
    text-shadow:none;
}

.sitemaptabs li {
    border-radius: 10px;
    background-clip: border-box;
    overflow: hidden;
}

.fpselect {margin:2px auto;}

/*-- corp logo fix --*/

.corp-container-top {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
}

.corp-container-top p {
    font-size:12px; 
    text-align: center;
    color: inherit;
}

.corp-logo-top {
    display: block;
    width: auto;
    max-width: 175px;
    margin: 0 auto;
}

.ie .bdbacat.thirteen {width: 100%;}

#newsletter {
    background: url(../img/siteimages.png) no-repeat;
    background-position:-100px 0px; 
}

#newsletter:hover {
    background: url(../img/siteimages.png) no-repeat;
    background-position:-100px -200px;
}

span[itemprop="telephone"] a, span[itemprop="faxNumber"] a, .topphone a {
    color: inherit !important;
}

.refer-a-friend-wrapper > div {
    max-width: 320px;
    margin: 0 auto;
}

.content .refer-a-friend p {margin:0; padding:0; text-indent:0;}

.payrent .paylease {background: #ccc;}

.rdot div#div_community_map_wrapper {margin: 0;}

.header-buttons-links {
    float: right;
}

header #div_logo, header #div_logo a.max {max-height: 100%;}


/* review styling */

.insidepage.testimonials > h3, #body_review h2 {text-align:center;}

#review-form textarea{
    width: 92%;
    padding: 4%;
    margin: 0;
}
#review-form > select {
    margin: 0;
    max-width: 100%;
    padding: 1%;
    width: 100%;
}
#review-form #submit-id-submit{
	width: 100%;
}
#review-form label {
    display: block;
    width: 98%;
	margin: 1%;
}
#review-form input {
    width: 94%;
	margin: 1%;
	padding: 2%;
}
#rating{
	width: 100%;
	margin: 5px 0 15px 0;
}
#rating > img.raty-cancel{
	width: 20px;
	margin: 5px 9px 0 0;
    width: 20px;
}

#section_flythrough {
    display: block;
    margin: 0 auto;
    max-width: 500px;
}

#body_application .pad .apply {max-width:200px;}

/* affordable */

a.button.affordable-button {
    text-align: center;
    display: block;
    width: 200px;
    margin: 5px auto;
}

.affordable-family h2 {text-align: center;}

/* Address Bar Fix Per RS */

@media only screen and (max-width: 359px){

.addressbar > span {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.addressbar > span.bulletpoint-address {
    display: none;
}


.bulletpoint-address {
    display: none;
}


/* #Media Queries */       
@media only screen and (min-width: 1680px) and (max-width: 1900px){

}
@media only screen and (min-width: 1440px) and (max-width: 1679px){

}
@media only screen and (min-width: 1280px) and (max-width: 1439px){

}
@media only screen and (min-width: 1044px) and (max-width: 1279px){
    .sitemaptabs {margin-top: -50px;}
}
@media only screen and (min-width: 768px) and (max-width: 1043px){
    .sitemaptabs {margin-top: -300px;}
    .ie div#div_community_map_wrapper, .ie10 #div_community_map_wrapper {           
        transform: scale(.9);   
        -o-transform: scale(.9);
        -ms-transform: scale(.9);
        -moz-transform: scale(.9);
        -webkit-transform: scale(.9); 
        -ms-zoom: (.9)~"\9";
        zoom: (.9)~"\9";    
        top:-10px;
        left:-10px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px){
    #gallery-thumbs {width:460px !important;}
    .revolver.nomargin {height:306px !important;}
    .fptab, .fpthumbs, #floorplan_details > div, #floorplans_nav, #availabilities, #floorplan_details {width:460px !important;}
    .fourteen.columns.infobox {width:460px !important;}
    #pets_photos {width:360px !important;}
    .pets h1 {text-align:center !important;}
    #div_promotions .promotion.twelve {width: 100%; margin: 0; padding: 0;}
    .sitemaptabs {margin-top: -220px;}
    .container .gallery.insidepage { width: 96%; }
    .insidepage div.gallery-slides.nomargin { width: 460px; }
    .revolver.nomargin { height: 307px; }
    .amenities .amenities-section {margin: 0;}
    .petpolicy div.fifteen {width: 95%; padding: 5px;}
    .map-directions #map_canvas.map_canvas.sixteen {width: 460px;}
    .map-directions .directions-form {width: 460px;}
    #div_post_area {width:100%;}
    .main_posts {width:90%;}
    .main_posts img {width:100%;}
    #div_post_area article {width:100% !important;}
    div#div_community_map_wrapper {
        transform: scale(.6);   
        -o-transform: scale(.6);
        -ms-transform: scale(.6);
        -moz-transform: scale(.6);
        -webkit-transform: scale(.6); 
        -ms-zoom: (.6)~"\9";
        zoom: (.6)~"\9";    
        top: -120px;
        left: -154px;
    }
    .ie div#div_community_map_wrapper, .ie10 #div_community_map_wrapper {           
        transform: scale(.8);   
        -o-transform: scale(.8);
        -ms-transform: scale(.8);
        -moz-transform: scale(.8);
        -webkit-transform: scale(.8); 
        -ms-zoom: (.8)~"\9";
        zoom: (.8)~"\9";    
        top:-20px;
        left:-30px;
    }
    #section_flythrough #fp3dbg {width: 100%; max-width: 460px; height: 100%;}
    #section_flythrough #fp3d {width: 100%; max-width: 460px; height: auto; position: relative;}
    #fp3d canvas {
        width: 460px;
        height: 259px;
    }
    #section_flythrough #container3d {width: 100%; height: auto;}
    .fptab section.threed {width: 100%; max-width: 460px;}
}
@media only screen and (max-width: 479px){
    #div_promotions .promotion.twelve {width: 100%; margin: 0; padding: 0;}
    .sitemaptabs {margin-top: -450px;}
    .gallerytabs li div { font-size:12px; }
    .container .gallery.insidepage { width: 96%; }
    .gallery-slides.nomargin { width: 460px; }
    .revolver.nomargin { height: 306px; }
    .gallery-slides.twentyone.nomargin { width: 289px; }
    .revolver.nomargin.stack { width: 287px; height: 191px;  }
    #gallery-thumbs { width: 302px; }
    .content .homepage-container {width:100%;}
    h3, h5 {padding:0;}
    .sister-hero-shot {max-width:260px;}
    #div_post_area {width:100%;}
    #pets_text {width:300px !important;}
    .pets h1 {text-align:center !important;}
    .pet_photo_container {max-width:300px !important;}
    #pets_photos {width:300px !important;}
    .main_posts {width:90%;}
    .main_posts img {width:100%;}
    .ie div#div_community_map_wrapper, .ie10 #div_community_map_wrapper {           
        transform: scale(.7);   
        -o-transform: scale(.7);
        -ms-transform: scale(.7);
        -moz-transform: scale(.7);
        -webkit-transform: scale(.7); 
        -ms-zoom: (.7)~"\9";
        zoom: (.7)~"\9";    
        top:-30px;
        left:-40px;
    }
    header .header-buttons {right: 0; text-align: center;}
    header .header-buttons-links {float: none; width: 100%; text-align: center;}
    header .header-buttons-links li a {border-radius: 5px;}
    
    #section_flythrough #fp3dbg {width: 100%; max-width: 300px; height: 100%;}
    #section_flythrough #fp3d {width: 100%; max-width: 300px; height: auto; position: relative;}
    #fp3d canvas {
        width: 300px;
        height: 169px;
    }
    #section_flythrough #container3d {width: 100%; height: auto;}
    .fptab section.threed {width: 100%; max-width: 300px;}
    
    .refer-a-friend {
        max-width: 100%;
    }
    
    #refer-recaptcha {
        transform: scale(.9);
    }
    
}


/* adjustment for retina displays */
@media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    #availabilities, #floorplans_nav {width: 300px !important;}
    .div_main_availlist {width: 100% !important;}
    .fpselect {
        margin:2px auto; 
        width: 260px !imposrtant;
        min-width: 260px;
    }

}     
@media only screen and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
    .addressbar span{font-size:14px;}
}