@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);

/*
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/

.dnnEditState .DnnModule                {opacity:1 !important;}
.DnnModule                              {position: static !important;}
.ResLoginButton                         {display:none; top: 69px;
    position: relative;
    right: -72px;
    background-color: #2f88a7;
    padding: 0 10px 3px 10px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #fff !important;}

/* === MAIN CLASSES === */
    html, body, .container              { height:100%; overflow-x:none;  }
    .scroller                           { overflow-y: scroll; height: 100%; -webkit-overflow-scrolling: touch; }
    .scroller, .scroller-inner          { position: relative; background-color: #f4f4f4; }
    .container                          { position: relative; overflow: hidden; background-color: #fff; }
    .main                               {position: relative;}
    .wrapper                            {width: 100%; margin: 0px auto; background-color: #f4f4f4;}
    .innerwrapper                       { margin: 0 Auto; width: 1070px; }
    .header                             { background-color: #fff; }
        .topheader                      {border-bottom: solid 1px #e7e7e7;}
            .topheaderleft              {float: left; width: 55%;}
                .bamfacebook            {background: transparent url(images/Facebook.png) no-repeat top center; width: 32px; height: 32px; float: left; transition: 0.3s;}
                .bamtwitter             {background: transparent url(images/Twitter.png) no-repeat top center; width: 32px; height: 32px; float: left; transition: 0.3s;}
                .bamlinkedin            {background: transparent url(images/LinkedIn.png) no-repeat top center; width: 32px; height: 32px; float: left; transition: 0.3s;}
                .bamgoogle              {background: transparent url(images/Google.png) no-repeat top center; width: 32px; height: 32px; float: left; transition: 0.3s;}
                    .bamfacebook:hover, .bamtwitter:hover, .bamgoogle:hover, .bamlinkedin:hover {background-position: bottom;}
                .HeaderLinks            {float: left;}
                .HeaderLinks .Normal a  {line-height: 32px; text-transform: uppercase; padding: 8px; border-left: solid 1px #e7e7e7; color: #777 !important; font-size: 8pt;}
            .topheaderright             {float: left; width: 25%;}
            .SearchTop                  {float: right; width: 20%; height: 32px; overflow: hidden;}
            .SearchTop #search          {margin: 0px !important; width: 100%;}
        .middleheader                   {border-bottom: solid 1px #e7e7e7; background-color: transparent;}
            .MAlogo                     {float:left; padding: 1% 0px; width: 20%;}
                .MAlogo img             {height: 90px; width: auto;}
            .NextToLogo                 {float: right; padding: 1% 0px; width: 70%;}
                .NextToLogo a           {font-weight: bold; font-size: 10pt;}
                .NextToLogo p           {margin: 0px; padding: 0px;}

    .lightgray {background-color: transparent;}
        .padding10 {padding:10px 0px;}
    .FooterTopLeft {float:left; width:70%;}
    .FooterTopRight {float:right; text-align:left; width:30%;}
    .grayline {background-color: #e7e7e7;}
        .FooterLeft { float:left; padding: 1%; width: 63%; }
        .FooterRight { float:left; padding: 1%; width: 32%; border-left: solid 1px #ccc;}
    .Third {float: left; width: 31%; padding: 1%;}
    .FooterBG {background-color: #222;}
    .FooterBottomBG {background-color: #353535; padding: 10px 0px;}
        .FooterLinks {padding-bottom:3px; text-align:center;}
        .dnnFooter, .dnnFooter:Visited, .dnnFooter:Active, .dnnFooter:Link { color: #999; font-size: 8pt; text-decoration: none; }
        .dnnFooter:Hover { color: #fff; font-size: 8pt; text-decoration: none; line-height: 2em; }
        .footerpane p {text-align: center;}

/* === Container Styles === */
    /* fix large spaces */.dnnSortable {min-height: 15px !important;} .dnnSortable.ui-sortable, .dnnSortable.ui-droppable {padding: 0px;}
    .MAContainer_InnerShadow {-webkit-box-shadow: 0px 0px 5px #ccc inset; box-shadow: 0px 0px 5px #ccc inset; border-radius: 6px; text-align: left; margin:10px 0px;}
    .MAContainer_InnerShadowTitle {font-size:10pt; color:#555; font-weight:bold;}
    .MAContainer_BlueTitle { font-size:10pt; color:#fff; font-weight:bold; padding-left:10px;}
    .MAContainer_GrayTitle { font-size:10pt; color:#555; font-weight:bold; padding-left:10px;}

    /* --- Footer Pane Styles --- */
        .FLinksHeader {color:#fff; text-transform:uppercase; font-size:12pt; font-weight:bold; width: 100%; padding-bottom: 5px; border-bottom: solid 2px #444;}
        .FLinks {padding:0; margin:0;}
        .FLinks li {padding:4px 0px; list-style-type:none; margin:0;}
        .FLinks li a {color:#ccc;}
    /* --- Title H1 Line --- */
        .TitleH1LineContainer {padding: 2%; background-color: #fff; border: solid 1px #e7e7e7; margin: 0px 0px 2% 0px;}
            .TitleH1LineContainer h1 {text-align: left; position: relative; z-index: 2;}
            .TitleH1LineContainer h1:after {content: ""; position: absolute; top: 50%; left: 0; right: 0; border-top: solid 1px #777; z-index: -1;}
            .TitleH1LineContainer h1 span span {margin:0;padding:0 10px 0px 0px; background:#fff; display:inline-block; font-weight: normal; font-size: 18pt; }
    /* --- Title H2 Blue --- */
        .TitleH2Blue {padding: 2%; background-color: #fff; border: solid 1px #e7e7e7; margin: 0px 0px 2% 0px;}
            .TitleH2Blue h2 {font-size: 11pt; text-transform: uppercase; font-weight: bold; padding-bottom: 4px; border-bottom: solid 4px #ccc;}
            .TitleH2Blue h2 span {color: #2f88a7 !important;}
    /* --- Tab Title --- */
        .TabTitle {padding-top: 15px;}
            .TabTitle h1 {text-align: left; font-size: 20pt; color: #ffffff; font-weight: 300;}

/* === Content Panes === */
    .SliderBG                       {background-color: #e7e7e7;}
    .TopPane                        {width: 100%;}
        .TopPane h1                 {font-size: 20pt; font-weight: 300; padding: 1% 0px; margin-bottom: 0px;}
        .TopLeftPane                {width: 65%; float: left;}
        .TopRightPane               {width: 33%; float: left;}
    .TopPane2                       {width: 100%;}
        .leftPane                   {float: left;}
        .contentPane                {float:left; padding-right: 2%; width:70%;}
        .rightPane                  {float:left; width: 28%;}
    .BottomPane                     {padding: 15px 0px 0px 0px;}
        .FooterBottomLeft           {float: left; width: 21%; vertical-align: top; padding: 1% 2%;}
        .FooterBottomRight          {float: left; width: 21%; vertical-align: top; padding: 1% 2%;}
        .CntFooter                  {margin: 10px 0px;}
    .MAFooterLogos                  {text-align: center; padding: 1%; margin: 1%; width: 100%; background-color: #fff; border-radius: 4px; box-shadow: 0px 0px 0px rgba(0,0,0,0); transition: 0.5s;}
        .MAFooterLogos:hover        {box-shadow: 0px 0px 5px rgba(0,0,0,0.8);}
        .MAFooterLogos img          {width: 80%; height: auto;}
    .MAFooterLogosTitle             {font-size: 130%; font-weight: bold; line-height: 1.8em;}
    .MAFooterLogosText              {padding-bottom: 30px;}


/* == Clear-fix for floated elements === */
    .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
    .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; }
    .left { float: left; }
    .right { float: right; }

    /* --- Home Page Random BA Humor --- */
        .MainRandomBAHumor {height: 60px; overflow:hidden; padding-bottom: 2%; margin-bottom: 2%; border-bottom: solid 1px #e7e7e7;}

/* === Menus === */
    .ToggleRightPanelHolder                             {float: right; right: 0px; margin-top: 40px; display:none; cursor: pointer; width: 50px; height: 50px;}
    .hidemenu                                           {display: none;}
    .menutopsticky                                      {display: none;}
    .showmenu                                           {display: block;}
    .logomobiletop                                      {display: none;}

/* === Responsive Styles === */
    /* === More than 960px width (desktops) */
        @media only screen and (min-width : 1070px) {
                #accordion .FlinksContent               {display: block !important;}
        }
        
    /* === More than 768px width and less than 980px (pads) */
        @media only screen and (min-width : 750px) and (max-width : 1069px) {
            /* Main Classes Change */
                .innerwrapper                           {width: 750px;}
        
            /* --- Top Header --- */
                .topheaderleft                          {float:right; position:relative; width: 130px; height: 75px;}
                .HeaderLinks                            {position:absolute; top:42px; left:-620px; float: none; width: 750px; text-align: center;}
                .HeaderLinks .Normal a                  {border-left: none; line-height: 24px; padding: 4px 10px;}
                .topheaderright                         {float: right; width: 400px;}
                .SearchTop                              {float:left; width: 200px;}
                .NextToLogo                             {width: 100%;}
                .NextToLogo img                         {width: 100%; height: auto;}
        
            /* Footer Logos */
                #dnn_ctr420_HtmlModule_lblContent span  {font-size: 100% !important;}
                .MAFooterLogosTitle                     { font-size: 110%; }
                .MAFooterLogosText                      { font-size: 80%;}
        
            /* Footers */
                .FLinksHeader                           {font-size: 70%;}
                .FooterBottomBG .left                   {float: none; text-align: center;}
                .FooterBottomBG .right                  {float: none; text-align: center;}
        }

    /* === Less than 768px(mobile devices) */
        @media only screen and (max-width : 749px) {
            /* Main Classes Change */
                .wrapper                                {width: 100%; margin: 0px auto; padding: 0px; overflow-x: hidden; position: relative; right: 0px; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
                .innerwrapper                           {width: 100%; padding: 0px;}
            
            /* --- Top Header --- */
                .topheaderleft                          {float:right; position:relative; width: 130px; height: 100px;}
                .HeaderLinks                            {position:absolute; top:42px; left:-160px; float: none; width: 300px; text-align: center;}
                .ResLoginButton                         {display:inline-block;}
                .HeaderLinks .Normal a                  {border-left: none; line-height: 24px; padding: 4px 10px;}
                .topheaderright                         {display: none;}
                .SearchTop                              {float:left; width: 160px;}
                .MAlogo img                             {height: 70px; width: auto; padding: 10px 0px; transition:all 0.5s ease; -webkit-transition: all 0.5s ease;}
                .NextToLogo                             {width: 100%;}
                .stickyMobile                           {position:fixed; top:0; left:0; width:100%; z-index: 9999; background-color: #fff; display: block;}
                .stickyMobile .MAlogo img               {height: 50px; width: auto; padding: 5px; transition:all 0.5s ease; -webkit-transition: all 0.5s ease;}
                .stickyMobile .ToggleRightPanelHolder   {margin-top: 15px; transition:all 0.5s ease; -webkit-transition: all 0.5s ease;}
                .bottomheader                           {display: none;}
        
                .menutopsticky                          {display: none !important;}
        
            /* Content Panes */
                    .contentPane                {float:none; padding-right:0px; width: 100%;}
                    .rightPane                  {float:none; width: 100%;}
            
            /* --- Right Panel --- */
                .ToggleRightPanelHolder                 {display:block;}
                .rightPanel                             {display: block;}
                .MenuSide                               {padding: 5px 0px 10px 0px; border-bottom: solid 1px #fff;}
                .MenuSideAccountText                    {height: 60px; padding-top: 7px; text-align: center; line-height: 24px;}
                #login .MyAccountSide .registerGroup a, #login .loginGroup a {padding: 0px 5px 0px 5px; line-height: 32px;}
            
            /* --- Footer Logos --- */
                .FooterLeft                             { float:none; padding: 1%; width: 98%; }
                .FooterRight                            { float:none; padding: 1%; width: 98%; border-left: none;}
                .MAFooterLogosText                      {padding-bottom: 16px;}
        
            /* --- Ads Corrections --- */
                .ml-context                             {width: 100% !important; height: auto !important;}
            
            /* --- Pane Styles --- */
                .Third                                  {float: none; width: 94%;}
                .FooterBottomLeft                       {float: none; width: 100%; vertical-align: top; padding: 0px;}
                .FooterBottomRight                      {float: none; width: 100%; vertical-align: top; padding: 0px;}
                .FooterBottomBG .left                   {float: none; text-align: center;}
                .FooterBottomBG .right                  {float: none; text-align: center;}
                .FooterLinks                            {display: none;}
                .FooterBG                               {padding: 20px 0px;}
                .padding10                              {padding: 20px 0px !important;}
            
            /* --- Making footers an accordion --- */
                #accordion                              {width: 100%; padding: 0px;}
                .CntFooter                              {border-bottom: 2px solid #444;}
                .showfooter                             {display: block;}
                .FlinksContent                          {display: none;}
                .FlinksContent .Flinks                  {padding-bottom: 14px;}
                .FLinksHeader                           {border-bottom:none;}
                .CntFooter h2                           {pointer-events: all; cursor: pointer; margin-bottom: 0px; padding-top: 6px;}
                .CntFooter h2::after                    {float:right; content: "+"; font-size: 22px; color: #444;}
                .CntFooter h2.change::after             {content: "-";}

            /* --- responsive controls for login module --*/
                .dnnFormItem > label.dnnFormLabel       {display:block;}
                .dnnLoginService input[type="text"], .dnnLoginService input[type="password"]    {width:268px !important;}
            }

            
/* PA Ratings */
.pa-star-rating,
.pa-star-rating a:hover,
.pa-star-rating a:active,
.pa-star-rating a:focus,
.pa-star-rating .pa-current-rating              { background: url(/DesktopModules/PropertyAgent/images/rating/star.gif) left -1000px repeat-x; }
.pa-star-rating                                 { position:relative; width:125px; height:25px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top; }
.pa-star-rating li                              { display: inline; }
.pa-star-rating a, 
.pa-current-rating                              { position:absolute; top:0; left:0; text-indent:-1000em; height:25px; line-height:25px; outline:none; overflow:hidden; border: none; }
.pa-star-rating a:hover,
.pa-star-rating a:active,
.pa-star-rating a:focus                         { background-position: left bottom; }
.pa-star-rating a.pa-one-star                   { width:20%; z-index:6; }
.pa-star-rating a.pa-two-stars                  { width:40%; z-index:5; }
.pa-star-rating a.pa-three-stars                { width:60%; z-index:4; }
.pa-star-rating a.pa-four-stars                 { width:80%; z-index:3; }
.pa-star-rating a.pa-five-stars                 { width:100%; z-index:2; }
.pa-star-rating .pa-current-rating              { z-index:1; background-position: left center; }	
.pa-has-rated .pa-current-rating                { display:inline; } 
.pa-has-rated li a                              { display:none; }