﻿/* -- Master Page Styles --  */
/* Page Layout  */
    /* .main
    {
        background-color:White;
        z-index:1;
        position:relative;
        top:-20px;             
    }
    .page
    {
        margin: 0 auto;
    } */
    .mimgBackImg
    {
        position:absolute;
        top:50px;
        left:0px;
        width:100%;
        height:100%;
        max-height:725px;
        z-index:-100;
    }        
    .mimgBackImgOverlay {
        position:absolute;
        top:50px;
        left:0px;
        width: 100%;
        height:100%;
        max-height:725px;
        background: url('../Images/BackgroundPattern9.png'); /* or any other overlay image/color */
        z-index:-50;
    }
        
    .mimgImgBanner { width:100%; min-height: 60px; }
/* Menu  */
    /* .navbar-default {
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.90);
        border-color: #e7e7e7;
    }
    .navbar-nav li:hover
    {
        background-color: #ffb736;
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        background-color: #ffb736;
        color: #f2f2f2;
    }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        background-color: #BD802D;
        color: #555;
    }
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        background-color: #ffb736;
        color: #262626;
        text-decoration: none;
    }
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        background-color: #ffb736;
        color: #fff;
        outline: 0 none;
        text-decoration: none;
    }        
    @media (max-width: 991px) 
    {
            .navbar-nav li
            {
                border-top: 1px solid #e8e8e8;
            }           
            .navbar-nav li:hover
            {
                background-color: transparent;
            }
            .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
                background-color: #ffb736;
                color: #fff;
            }
            .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
                background-color: #BD802D;
                color: #555;
            }
            .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
                background-color: #ffb736;
                color: #262626;
                text-decoration: none;
            }
            .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
                background-color: #ffb736;
                color: #fff;
                outline: 0 none;
                text-decoration: none;
            }
    }
    @media (min-width: 992px) {
      ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
      }
    }

    .navbar-logo > a > img
    {
        width: 100%;
        max-width: 146px;
    }
	.custom-navbar .navbar-logo
	{
	    float: left;
	    width: auto!important;
	}
	
    @media (max-width:767px) { 
	    .custom-navbar .navbar-right {
	        float: right;
	        padding-right: 15px;
	    }
	    .custom-navbar .nav.navbar-nav.navbar-right li {
	        float: right;
	    }
  	    .custom-navbar .nav.navbar-nav.navbar-right li > a {
	        padding:8px 5px;
	    }
	    .custom-navbar .navbar-toggle {
	        float: left;
	        margin-left: 10px;
	    }
	    .custom-navbar .navbar-header {
	        float: left;
	    }
	    .custom-navbar .navbar-logo
	    {
	        float: right;
	    }
	    .custom-navbar .navbar-collapse {
	        clear: both;
	        float: none;
	    }
        .navbar-logo > a > img
        {
            width: 100px;
        }
    }
    @media (max-width:767px) { .navbar { min-height: 86px; } .navbar-brand { padding-top: 10px; height:86px; min-height: 86px; } }
    */
/* Panel Tabs */
    .nav-tabs > li > a 
    {
        border: 1px solid #682b0f;
        background-color: #eeeeee;
        color: #682b0f;
    }
    .nav-tabs > li > a:focus, .nav-tabs > li > a:hover 
    {
        background-color: #682b0f;
        color: #eee;
    }
    .nav-tabs > li.active a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover
    {
        background-color: #ffb736;
        color: #fff;
    }
    .mimgManagementTabText
    {
        display: none;   
    }
    .mimgManagementTab > li
    {
        width:49%;
    }
    @media (min-width: 400px) 
    {
        .mimgManagementTab > li
        {
            width:165px;
        }   
        .mimgManagementTabText
        {
            display: inline-block;   
        }
    }
    
/* Footer  */

    .ulFooterLinks ul
    {
        list-style: none;
        position:relative;
        left:-20px;
    }
    .ulFooterLinks li
    {
        display: inline;
        padding-left:5px;
        padding-right:3px;
    }
    .ulFooterLinks img
    {
        padding-left :5px;
        margin-left: 5px;
        width:5px; height:5px;
        background-color:#ffb736;
    }
    #divBottomLinks a
    {
        color:#ffb736;
    }
    .footer-circle-border {
        border: 1px solid #fff;
        display: inline-block;
        color:White;
        background-color:#ffb736;
        border-radius:300px;
    }
    @media (max-width: 350px) {
        .mimgPhSmFootText
        {
            font-size: .9em;
        }
    }

/* -- Common --  */
/* buttons, panels, Titles, links Styles  */
    .btn-warning {
        background-color: #ffb736;
    }
    .panel-warning > .panel-heading {
        background-color: #682b0f;
    }
    .panel-default > .mimg-panel-heading
    {
        background-color:#ffb736;
    }
    .mimg-panel-heading:hover
    {
        background-color:#BD802D;
    }
    .mimgLinks a
    {
        color:#ffb736;
        text-decoration: none;
    }
    .mimgLinks a:hover, .mimgLinks a:focus
    {
        color:#ffb479;
        text-decoration:underline;
    }
    .mimgLinksNoUnderline a
    {
        color:#ffb736;
        text-decoration:none;
    }
    .mimgTitleLinks a
    {
        color:#BD802D;
        text-decoration:None;
    }
    .mimgPageTitle
    {
        font-weight: 200;
    }
    @media (min-width: 768px) {
        .mimgPageTitle
        {
            font-size: 40px;
        }
    }
    .mimgFooterContactLink a
    {
        color: White;
        text-decoration:none;
    }
    .mimgFooterContactLink a:hover, .mimgFooterContactLink a:focus
    {
        text-decoration:underline;
    }
    .HideMe
    {
        display:none;
    }
    @media (max-width: 400px) { .mimgSmPhText { text-align: justify; } .mimgSmPhCenterText { text-align: center; } }
    .mimgMsgBoxText { font-size: .8em; }
    @media (min-width: 700px) { .mimgMsgBoxText { font-size: 1em; } }
    
/* Input Styles */
    .SelectOverride
    {
        text-align:left;
    }
    .ddlPad
    {
        padding: 4px 0px 4px;
    }
    .mimgInput
    {
        padding-bottom:10px;
    }
    .mimgInputOverride
    {
        display: inline;
    }
    .mimgInput90Override
    {
        width: 90%;
        display: inline;
    }
    .mimgInput95Override
    {
        width: 95%;
        display: inline;
    }
    .mimgInput95Maxed { width: 95%; display: inline; max-width: 400px; }
    .mimgInput96Override
    {
        width: 96%;
        display: inline;
    }
    .mimgInput125Override
    {
        width: 125px;
        display: inline;
    }
    .mimgLabel
    {
        font-weight:normal;
    }
    .contactUsRequired
    {
        color:Red;
    }
    .mimgMsgBox
    {
        font-size:20px;
    }
    .mimgPad10Top { padding-top: 10px; }
    .mimgPad10Bot { padding-bottom: 10px; }
    .mimgPad10TopBot { padding-top: 10px; padding-bottom: 10px; }
    .mimgPropSearchCB { padding-top: 35px; }
    @media (max-width: 991px) { .mimgPropSearchCB { padding-top: 5px; } }
    
    
/* Ajax in Progress  */
    .divWait
    {
        position:absolute; 
        width:95%;
        height:100%; 
        z-index:800; 
        text-align:center; 
    }
    .divImgWait
    {
        background-color: #e8e8e8; 
        width: 75px; 
        height: 75px;
        position:relative; top:25%; 
        display: inline-block; 
        text-align:center;
    }
    
/* -- Home Page Styles --  */
    .homeImgTitle
    {
        background-image:url('../images/HomeImgTitleBack.png');
        max-width:500px;
        margin:0 auto;
    }
    .service {
        margin-top: 20px;
    }
    .service, .service h2 {
        padding-top: 15px;
    }
    .service p {
        padding: 0 50px;
    }
    .service img {
        height: 150px;
        width: 150px;
    }

    .centered {
        float: none;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    
    .mimgCenterTxt 
    {
        text-align: center;
    }
    
    .mimgMapDDLoverlay { padding-top:15px; text-align:left; width:450px; position:relative; top:-472px; left:80px; z-index:100; }
    @media (min-width: 992px) and (max-width: 1199px) {  .mimgMapDDLoverlay { position:relative; top:-472px; left:70px; z-index:100; }  }
    @media (max-width: 991px) { .mimgMapDDLoverlay { position:relative; top:-472px; left:160px; z-index:100; } }

    .zoom-in {
        transform: scale(1, 1);
        transition: all 250ms ease 0s;
    }
    .zoom-in:hover {
        transform: scale(1.3, 1.3);
    }

    .circle-border {
        border: 3px solid #fff;
        display: inline-block;
        color:#ffb736;
        background-color:#682b0f;
        border-radius:500px;
        -webkit-transition:color .4s, background-color .5s, -webkit-transform .5s;
        transition:color .4s, background-color .5s, transform .5s;
    }
    .circle-border a
    {
        color:#ffb736;
    }
    .circle-border:hover
    {
        color:#333333;
        background-color:#ffb736;
    }
    .circle-border a:hover
    {
        color:#682b0f;
    }
  
    .mimgImgBox
    {
	    max-height:458px;
	    overflow:hidden;
    }
    .mimgImgBox p
    {
        width:100%;
        height:550px;
        text-align:center;
        padding-left:50px;
        padding-right:50px;
        background: none repeat scroll 0 0 rgba(207, 141, 54, 0.85);
	    position: relative;
	    top: 500px;
	    -webkit-transition: all 1.0s ease-in-out;
	    -moz-transition: all 1.0s ease-in-out;
	    -ms-transition: all 1.0s ease-in-out;
	    -o-transition: all 1.0s ease-in-out;
	    transition: all 1.0s ease-in-out;
    }
    .mimgImgBox:hover p
    {
	    position:relative;
	    top:-458px;
	    z-index:100;
    }
    .mimgPopupText
    {
      padding-top:50px;
      margin-top:50px;
      font-size:22px;
      color: #f2f2f2;
    }
    
    .mimgImgBoxMD
    {
	    max-height:374px;
	    overflow:hidden;
    }
    .mimgImgBoxMD p
    {
        width:100%;
        height:450px;
        text-align:center;
        padding-left:50px;
        padding-right:50px;
        background: none repeat scroll 0 0 rgba(207, 141, 54, 0.85);
	    position: relative;
	    top: 500px;
	    -webkit-transition: all 1.0s ease-in-out;
	    -moz-transition: all 1.0s ease-in-out;
	    -ms-transition: all 1.0s ease-in-out;
	    -o-transition: all 1.0s ease-in-out;
	    transition: all 1.0s ease-in-out;
    }
    .mimgImgBoxMD:hover p
    {
	    position:relative;
	    top:-374px;
	    z-index:100;
    }

    .mimgPrefContactMeth
    {
        position:relative;
        top:-14000px;
        overflow: hidden;
    }

/* -- Careers --  */
.mimgCareersFrame { width:100%; height:190px; }
@media (max-width: 767px) { .mimgCareersFrame { height:190px; } }
@media (min-width: 768px) and (max-width: 991px) { .mimgCareersFrame { height:320px; } }
@media (min-width: 992px) and (max-width: 1199px) { .mimgCareersFrame { height:190px; } }
@media (min-width: 1200px) { .mimgCareersFrame { height:535px; } }

/* -- Properties --  */
    .ddlTopPad
    {
        padding: 4px 0px 4px 0px;
        margin-right:20px;
        margin-bottom:10px;
    }
    .Property-divider {
        margin: 10px 0;
    }
    .mimgPanelLink a
    {
        color: White;
        text-decoration: none;
    }
    .mimgPropImg
    {
        max-width: 100px;
        border: 1px solid #faebcc;
    }
    .mimgPropBtn
    {
        width:170px;
    }
    .dllNameWidth
    {
        width:286px;
        max-width:100%;
    }
    @media (max-width: 400px) 
    {
        .dllNameWidth { width: 97%; }
    }
    .mimgBedDll { width: 101px; }
    .mimgBathDll { width: 105px; }
    .mimgRentDll { width: 150px; }
    .mimgStateDll { width: 98px; }
    .mimgCityDll { width: 164px; }
    @media (min-width: 401px) and (max-width: 767px) { .mimgBedDll, .mimgBathDll { width: 150px; } }
    @media (max-width: 400px) { .mimgBedDll, .mimgBathDll, .mimgRentDll, .mimgStateDll, .mimgCityDll { width: 97%; } }

  /* -- Property Search --  */
    .searchDLL
    {
        text-align:left;
    }
    @media (min-width: 768px)
    {
        .searchDLL
        {
            text-align:center;
        }
    }  
    
  /* -- Maint Req --  */
    .maintReqInput
    {
        width:96%
    }
    .maintReqPetDesc
    {
        width:96%
    }
    .maintReqShortDDL
    {
        width:96%;
    }
    .mainReqProblem
    {
        width:96%;
    }
        
    /* -- sm --  */
    @media (min-width: 768px) and (max-width: 991px) 
    {
        .maintReqInput 
        {
            width:96%;
        }
        .maintReqPetDesc
        {
            width:96%
        }
        .maintReqShortDDL
        {
            width:33%;
        }
        .mainReqProblem
        {
            width:33%;
        }
    }
    /* -- md to lg --  */
    @media (min-width: 992px) 
    {
        .maintReqInput 
        {
            width: 90%;
        }
        .maintReqPetDesc
        {
            width:88%
        }
        .maintReqShortDDL
        {
            width:82%;
        }
        .mainReqProblem
        {
            width:88%;
        }
    }
