@charset "utf-8";
/* CSS Document */	
.accessPrime {
    height:0px;
    overflow: visible;
    z-index: 1;
    position: relative;
    display: block; top: 0px;
}
.scrollFixed {
    position: fixed ;
    right: 0;
    left: 0;
    top: 20px;
    margin: 0 auto;
    max-width: 1100px
}
/* wonderful ie adjustment*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .accessPrime {
top: 0px;
}
    .scrollFixed {height: 0px !important;
    overflow: visible;
    z-index: 1;   top: 0px !;
    position: relative;
    display: block;
    position: initial !Important
    }
}

#AccountAccessPanel {
	text-align: center;
	box-sizing: border-box;
    position: relative;
    max-width: 180px;
    width: 180px;
    sheight:initial !important;
    background: #b1101a;
    padding: 10px;
    background-position: top left !important;
	float: right
}
#AccountAccessTitle{
	text-align:center;
	color:#fff;
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:0px;
}
#AccountAccessTitle h2{
	text-align:center;
	color:#fff !important;
	font-size:15px !important;
	font-family:Arial, Helvetica, sans-serif !important;
	margin-top:0px;
    margin-bottom:0px;
    padding: 0;
    font-weight: normal;
}
#AccountAccessPanel input {
    display: block !important;
    margin: 5px auto;
    padding: 5px;
    box-sizing: border-box !important;
    width: 100%;
}
#AccessLoginButton {
    margin:0 auto;
    text-align: center;
    padding: 0px;
}	
@media(max-width:1000px){
#AccessLoginButton {margin:0 3px !important;}
}
input#loginBtn {
    border: none;
    margin: 0 0 0 0;
    -webkit-box-shadow: 0px 7px 17px -4px rgba(0,0,0,0.49);
    -moz-box-shadow: 0px 7px 17px -4px rgba(0,0,0,0.49);
    box-shadow: 0px 7px 17px -4px rgba(0,0,0,0.49);
	position: relative;
	z-index: 1;
}
p#links {
    position: relative; max-height:45px; padding:0; display: flex;
    align-items: center;
    margin: 10px 0;
}
p#links a {
    font-size: 80%;
    vertical-align: middle;
    line-height: 120%;
    position: relative;
    display: table-cell;margin-top: 10px;
}
div#AccountAccessPanel a {
    color: white;
    padding: 5px 0;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    width: 48.5%;    
    position: relative;
    z-index: 0;
}		
div#AccountAccessPanel a:hover, div#AccountAccessPanel a:focus {
text-decoration:underline !important;
    color: white;
}
#otherLogin {
    font-size: 15px !important;
    opacity: 1;
    border: none;
    z-index: 1;
    background: none !important;
    margin: 0 auto -11px auto;
    width: 100%;
    padding: 10px 0 10px 0;
    color: white;
    text-transform: initial;
    font-size: 150%;
    cursor: pointer !important;
    box-shadow: none !important;
    text-align:center;
}
#otherLogin:hover,#otherLogin:focus {
    text-decoration: underline;
}		

/*Mobile Access*/
.bbLogin { display:none; border: 0; opacity: 1; z-index: 1; background:#9b0710; margin: 0 auto -11px auto ;
    width: 100%;
    padding: 10px 0 10px 0;
    color: white;
    text-transform: uppercase;
    font-size: 150%;
    cursor: pointer;
    box-shadow: 
        inset 0px 20px 25px -10px rgba(0,0,0,0.25);
        inset 0px 0px 0px 0px #CCC; 
    }
.accessOverlay{
/*background: url(/Portals/1/Images/mortgage/tucasa/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
        width:100%;
        height:100%;
        position:fixed;
        top:0; left:0;
         background: rgba(250,250,250,1);
        text-align:center; display:none;
        z-index: 101;
    }

.accessOverlay{
background: url(/Portals/1/Images/mortgage/tucasa/bg.jpg) no-repeat bottom right fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

@media(min-width:650px){
.accessOverlay{
background: url(/Portals/1/Images/mortgage/tucasa/bg.jpg) no-repeat bottom right fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

}
#innerAO{
display: none;
    margin:20px auto 10px auto;
    padding:0px 0px 0px 0px;
    max-width: 300px;
    min-width:200px;
    position:fixed !important;
left:0; right:0;
   /* -webkit-box-shadow: 0px 0px 54px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 54px -10px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 54px -10px rgba(0,0,0,0.75);*/
 z-index: 102;
top:20px;
transition: transform 200ms cubic-bezier(0.195, 0.650, 0.660, 0.845); 
transform: scale(2);
}
@media(max-width:650px){
body#Body #innerAO{position:absolute !important;}
}

#innerAO a {
    font-size: 140%;
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    background:#ddd;
    padding: 10px;
    border-bottom: thin white solid;
    color: black;
    text-align: left;
  transition: all 0.5s ease;
    /*margin: 50px 0 !important;
opacity:0;*/
}
#innerAO.active {
transform: scale(1);

}
#innerAO a:visited{
	color: black;
}
#innerAO a:hover, #innerAO a:focus, #innerAO a:visited:hover, #innerAO a:visited:focus{
    background: dimgrey;
    color: white;
}
.oaa {
    background: #B1101A;
    color: white;
    padding: 5px 0;
    text-transform: uppercase;text-align:center; position:relative;
}
.closeBtn {
    position: absolute;
    top: 0px;
    width: auto;
    right:3px;
    height: auto;
    padding: 0;
    background: none;
    border: none; color:white;background: grey;
    border-radius: 50px;}



@media (min-width:1000px) {
#AccountAccessPanel {
	 display: block !important
    }
}
@media (max-width:1000px) {
	.scrollFixed {
    position: inherit ;
}
    .bblogin {
        display: block;
        background: grey;
    }

    .bblogin:hover, #bblogin:focus {
        background: #B1101A !important;
    }

    .accessPrime {
        overflow: hidden;    margin: 10px 0 0 0; text-align: center; height: auto !important;
    }
	#AccountAccessTitle h2{display:none}
    #AccountAccessPanel {
        left: 0;
        top: 0;
        float: none;
        margin: 0 auto;
		width: 100%;
    max-width: 100%;
 display: none;
    }
	
#AccountAccessPanel input, div#AccountAccessPanel a  {  display: inline-block !important; width: 49%; }
input#loginBtn{width:100% !important}

}