/* CSS for resource pages */

@media print {
    a::after {
        content: "" !important; /* Remove the URL */
    }
}

.branchResourceLabelName { font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 16pt; margin: 28px 0px 0px 0px; padding-left:2px; position:absolute; color: #CC8A00; }
.resourcePanel { width: 650px; float:left;}
.resourceBlock { width: 300px; float:left; }
.resourcePanel h5 { background: url(../Images/NewImages/orange_subheader-03.png) top left no-repeat; color: White; width: 650px; height: 25px; line-height: 25px;
                    font-family: Arial, Helvetica, Sans-Serif; font-size: 12pt; margin: 0 auto; padding-top: 2px; padding-bottom: 7px;}

.resourceBlock h4{ font-family: Arial, Helvetica, Sans-Serif; font-weight:bold; font-size:12pt; color: #CC8A00; text-decoration:none; }
.resourceBlock ul { width: 270px; font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt;
                    padding: 1px; margin-left:0px; list-style-type: none;}
.resourceBlock li { width: 270px; padding: 2px; word-wrap:break-word;}

a, a.txt, a.viewLink { text-decoration: none; color: #313f7e; }
a:hover { text-decoration: underline; }
a.viewLink:hover { text-decoration: none; }

.homeBuyersSellersPanel { width: 650px; float:left;}
.homeBuyersSellersBlock { width: 300px; float:left; }
.homeBuyersSellersPanel h4 { background: url(../Images/NewImages/blue_subheader-03.png) top left no-repeat; color: White; width: 650px; height: 25px; line-height: 25px;
                    font-family: Arial, Helvetica, Sans-Serif; font-size: 12pt; margin: 0 auto 7px; padding-top: 0; padding-bottom: 0; }
.homeBuyersSellersPanel h5 { background: url(../Images/NewImages/blue_subheader-03.png) top right no-repeat; color: White; height: 25px; line-height: 25px;
                    font-family: Arial, Helvetica, Sans-Serif; font-size: 12pt; margin: 0 auto 7px; padding-top: 0; padding-bottom: 0;}
.homeBuyersSellersBlock ul { width: 290px; font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt;
                    padding: 1px; margin-left:0px; list-style-type: none;}
.homeBuyersSellersBlock li { width: 290px; padding: 2px; word-wrap:break-word;}
.productsservices h2 { font-size: 11pt; font-weight: bolder; color: white; height: 24px; line-height: 24px; margin-top: 0;
                       margin-right: 10px; padding-left: 3pt; background: url(../Images/NewImages/orange_subheader-03.png) top right; clear: both; }

.search-button { vertical-align: middle; background: url(../Images/NewImages/MagnifyingGlass.png) no-repeat transparent; border: none;
	display: inline-block; width: 15px; height: 15px; padding: 0; cursor: pointer; }
.txtfooter { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 7pt; }
.textbox { border: 1px solid #9f9f9f; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 8pt; }
.orangefont { font-family: Arial, Helvetica, Sans-Serif; font-weight:bold; font-size:9pt; color:#CC8A00; text-decoration:none; }
.orangefont-subheader{ font-family: Arial, Helvetica, Sans-Serif; font-weight:bold; font-size:12pt; color: #CC8A00; text-decoration:none; }
a.orangefont:hover { color: #894311; text-decoration: none; }
.bluefont {font-family: Arial, Helvetica, Sans-Serif; font-weight:bold; color: #3175B2; }
.county { padding-left:8px; margin-right:140px; float: right; clear: right; border-left:2px solid#003087; }
.img { border: none; }
.pagetext { margin: 0 70px 30px 0; padding-top: 2em; }
.leftnavheader { margin: 20px 0 20px 10px; }
.leftnavheader img { display: block; }

.button { color: white; text-transform: uppercase; border: none; border-radius: 10px; font-size: 9pt;
    padding: 4px 14px; background: url(../Images/NewImages/button.png) bottom left repeat-x #999; 
    cursor: pointer; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; }
.branchname { font-weight: bold; font-size: 16pt; font-family: Arial, Verdana, Helvetica, sans-serif; margin: 20px 15px 0 15px;
                width: 180px; position: absolute; color: #CC8A00; padding-bottom: 3em; }
.branchaddress { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; padding-left: 214px;
                    font-weight: bold; position: absolute; padding-top: 1.7em; }
.productsservices { width:610px; margin: 0 30px 0 0; float: right;  padding-top:25px; }
.directions { position:absolute; margin-top:30px; margin-left: 470px; }
.directions:hover { text-decoration: none; }
.orangeswoosh { background: url(../Images/NewImages/swoosh-orange.png) no-repeat; width:600px; margin: 15px 30px 0 0; float: right; padding: 25px 10px 0 0; min-height: 300px; } 
.orangeswoosh-BranchPage { background: url(../Images/NewImages/swoosh-orange.png) no-repeat; width:610px; margin: 15px 30px 0 0; float: right; min-height: 300px; } 
.greenswoosh { background: url(../Images/NewImages/swoosh-green.png) no-repeat; width:610px; margin: 15px 30px 0 0; float: right; padding-top:25px; min-height: 300px; } 
.purpleswoosh { background: url(../Images/NewImages/swoosh-purple.png) no-repeat; width:610px; margin: 15px 30px 0 0; float: right;  padding-top:25px; min-height: 300px; }
.professionals { width:610px; margin: 15px 30px 0 0; float: right;  padding-top:25px; }
.homebuyersandsellers { width:610px; margin: 15px 30px 0 0; float: right;  padding-top:25px; }
.blueswoosh { background: url(../Images/NewImages/swoosh-blue.png) no-repeat; width:610px; margin: 15px 30px 0 0; float: right; padding-top:25px; min-height: 300px; } 
.greyswoosh { background: url(../Images/NewImages/swoosh-grey.png) no-repeat; width:610px; margin: 15px 30px 0 0; float: right; padding-top:25px; min-height: 300px; } 
.olivegreenswoosh { background: url(../Images/NewImages/swoosh-olivegreen.png) no-repeat; width:610px; margin: 15px 30px 0 0; float: right; padding-top:25px; min-height: 300px; }
.olivegreenswooshpopup {
    background: url(../Images/NewImages/swoosh-olivegreen.png) no-repeat;
    margin: 15px 30px 0 0;
    float: right;
    padding-top: 25px;
    min-height: 10px;
    min-width:10px;
    max-width:610px;
} 

.minheight { min-height:500px; }

#container { margin: 20px auto 0; width:820px; }
.socialnetwork { margin-top:20px; text-align:right; margin-right:20px; }
#text{ font-family: Arial, Helvetica, Sans-Serif; width: 460px; }
#body { background: white; }
#header { background: url("../Images/NewImages/header-bg.png") right top; }
#footer { background: white; }

/*  #states { float: left; margin: 0 90px 10px; width: 600px; height: 100px; }  */
.state { display: block; float: left; height: 55px; width: 60px; margin: 16px 0 0; background: no-repeat 5px top; }
.state:hover {
    width: 80px !important;
    height: 80px !important;
    margin-top: 7px !important;
}
#state-container { margin-left: 155px; }
#state-container:hover { margin-left: 135px; }
#state-container .state { margin-left: 0; margin-right: 0; }
#state-container:hover .state { margin-left: 0; margin-right: 0; }
#state-container #az { background-image: url(../Images/NewImages/Icons/az-55.png); margin-left: 0; background-position: left top; }
#state-container #az { width: 55px; } 
#state-container #comm { width: 60px; }
#state-container #az:hover { width: 75px; }
#state-container #comm:hover { width: 80px; }
#ca { background-image: url(../Images/NewImages/Icons/ca-55.png); }
#hi { background-image: url(../Images/NewImages/Icons/hi-55.png); }
#nv { background-image: url(../Images/NewImages/Icons/nv-55.png); }
#wa { background-image: url(../Images/NewImages/Icons/wa-55.png); }
#or { background-image: url(../Images/NewImages/Icons/or-55.png); }
#state-container #comm { background-image: url(../Images/NewImages/Icons/comm-55.png); margin-right: 0; }
#state-container #az:hover { background-image: url(../Images/NewImages/Icons/az-73.png); }
#ca:hover { background-image: url(../Images/NewImages/Icons/ca-73.png) !important; }
#hi:hover { background-image: url(../Images/NewImages/Icons/hi-73.png); }
#nv:hover { background-image: url(../Images/NewImages/Icons/nv-73.png); }
#wa:hover { background-image: url(../Images/NewImages/Icons/wa-73.png); }
#or:hover { background-image: url(../Images/NewImages/Icons/or-73.png); }
#state-container #comm:hover { background-image: url(../Images/NewImages/Icons/comm-73.png); }

.dropbtn {
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    display: contents;
}

.state-dropdown {
    display: inline;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
    z-index: 1;
    margin-top: 80px;
    margin-left: 60px;
    /*max-height: 220px;
    overflow-y: scroll;*/
}

    .dropdown-content a {
        color: black;
        padding: 3px 5px;
        text-decoration: none;
        display: block;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 9pt;
    }

        .dropdown-content a:hover {
            background-color: #00529b;
            color: white;
        }   

.state-dropdown:hover .dropdown-content {
    display: block;
}



/*  For other pages  */
#statessmall { width: 600px; height: 100px; margin-top: 130px; margin-right: 20px; padding-left: 25px; }
.statesmall { display: block; float: left; background: no-repeat 1px top; height: 41px; width: 42px; margin: 16px 0 0; }
.statesmall:hover, .large .statesmall, .large.statesmall {
    width: 61px !important;
    height: 59px !important;
    margin-top: 0 !important;
}
.statesmall-container { margin-left: 0; }
.indent { margin-left: 160px;}
.statesmall-container:hover .statesmall { margin-left: 0; margin-right: 0; }
#azsmall { background-image: url(../Images/NewImages/Icons/az-40.png); margin-left: 0; background-position: left top; }
.statesmall-container #az:hover, .statesmall-container #commsmall:hover { width: 61px; }
#casmall { background-image: url(../Images/NewImages/Icons/ca-40.png); }
#hismall { background-image: url(../Images/NewImages/Icons/hi-40.png); }
#nvsmall { background-image: url(../Images/NewImages/Icons/nv-40.png); }
#wasmall { background-image: url(../Images/NewImages/Icons/wa-40.png); }
#orsmall { background-image: url(../Images/NewImages/Icons/or-40.png); }
.statesmall-container #commsmall { background-image: url(../Images/NewImages/Icons/comm-40.png); margin-right: 0; }
.statesmall-container #azsmall:hover, .statesmall-container .large #azsmall { background-image: url(../Images/NewImages/Icons/az.png); }
#casmall:hover, .large #casmall { background-image: url(../Images/NewImages/Icons/ca.png) !important; }
#hismall:hover, .large #hismall { background-image: url(../Images/NewImages/Icons/hi.png); }
#nvsmall:hover, .large #nvsmall { background-image: url(../Images/NewImages/Icons/nv.png); }
#wasmall:hover, .large #wasmall { background-image: url(../Images/NewImages/Icons/wa.png); }
#orsmall:hover, .large #orsmall { background-image: url(../Images/NewImages/Icons/or.png); }
.statesmall-container #commsmall:hover, .statesmall-container .large #commsmall { background-image: url(../Images/NewImages/Icons/comm.png); }

/*.dropupbtn {
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    display: contents;
}

.state-dropup {
    display: inline;
}

.dropup-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
    z-index: 1;
    margin-top: -220px;
    margin-left: 43px;
    max-height: 220px;
    overflow-y: scroll;
}

    .dropup-content a {
        color: black;
        padding: 3px 4px;
        text-decoration: none;
        display: block;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 8pt;
    }

        .dropup-content a:hover {
            background-color: #00529b;
            color: white;
        }

.state-dropup:hover .dropup-content {
    display: block;
}*/

#statessmallmockup { float:left; width: 600px; height: 100px; margin-left: 230px; margin-top: 60px; }
#statesfooter { margin-left: 30px; }
#leftnavfooter { float:left; width: 630px; margin-top:10px; margin-left: 180px; }

.azfooter { margin: 100px 0 auto; clear:both; background: url(../Images/NewImages/Arizona/az-footer.jpg) white; width:820px; height:337px; padding-top: 20px; }
#azlarge { background-image: url(../Images/NewImages/Icons/az.png); width: 61px; height: 58px; margin-top: 0;}

.cafooter { margin: 100px 0 auto; clear:both; background: url(../Images/NewImages/California/ca-footer.jpg) white; width:820px; height:270px; padding-top: 20px; }
#calarge { background-image: url(../Images/NewImages/Icons/ca.png); width:61px; height: 58px; margin-top: 0; margin-left:0;}

.hifooter { margin: 100px 0 auto ; clear:both; background: url(../Images/NewImages/Hawaii/hi-footer.jpg) white; width:820px; height:270px; padding-top: 20px; }
#hilarge { background-image: url(../Images/NewImages/Icons/hi.png); width: 61px; height: 58px; margin-top: 0;}

.nvfooter { margin: 100px 0 auto; clear:both; background: url(../Images/NewImages/Nevada/nv-footer.jpg) white; width:820px; height:270px; padding-top: 20px; }
#nvlarge { background-image: url(../Images/NewImages/Icons/nv.png); width: 61px; height: 58px; margin-top: 0;}

.wafooter { margin: 100px 0 auto; clear:both; background: url(../Images/NewImages/Washington/wa-footer.jpg) white; width:820px; height:270px; padding-top: 20px; }
#walarge { background-image: url(../Images/NewImages/Icons/wa.png); width: 61px; height: 58px; margin-top: 0;}

.orfooter { margin: 100px 0 auto; clear:both; background: url(../Images/NewImages/Oregon/or-footer.jpg) white; width:820px; height:270px; padding-top: 20px; }
#orlarge { background-image: url(../Images/NewImages/Icons/or.png); width: 61px; height: 58px; margin-top: 0;}

.akfooter { margin: 100px 0 auto; clear:both; background: url(../Images/NewImages/state-default-footer.jpg) white; width:820px; height:250px; padding-top: 20px; }

#comlarge { background-image: url(../Images/NewImages/Icons/comm.png); width: 61px; height: 58px; margin-top: 0;}

.employeebox { background: url(../Images/NewImages/gray_gradient_employees_without_photos.png) no-repeat; width:175px; height: 107px; margin: 20px 10px 0 10px; float:left; }
.employeeimage { float:left; width: 170px; height:160px; margin: 30px 0 30px 30px; }
.employeetext { margin:10px 0 0 15px; }
.bio { float: left; margin: 20px 0 0; width: 400px; }
.image-bio { float: left; margin: 30px 20px 0; width: 350px; }

.clearfix:before, .clearfix:after
{
    content: "";
    display: table
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }      /* IE 6/7 */

.preload { display: none; }

#scroll { float:left; width: 280px; height: 350px; position: relative; }
#scroll .viewport { width: 280px; height: 390px; overflow: hidden; position: relative; }
#scroll .overview { width: 100%; min-height: 100%; list-style: none; position: absolute; left: 0; top: 0; }
#scroll .scrollbar { position: absolute; bottom: 3px; right: 0; width: 15px; }
#scroll .track { height: 100%; width: 13px; position: relative; padding: 3px 0 0; background: url("../Images/tracktop.png") no-repeat 3px top; z-index:1; top:40px; }
#scroll .trackbg { height: 387px; width: 13px; background: url("../Images/track.png") no-repeat 3px bottom; }
#scroll .thumb { height: 6px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; background: url("../Images/thumb.png") no-repeat 4px top; }
#scroll .disable { display: none; } 

#nav, #nav ul { list-style: none; padding-left: 0; margin-left: 0; }
#nav { width: 150px; margin-left: 10px; }
#nav > li:first-child { background: url(../Images/NewImages/nav-bg-darkblue.png) top right no-repeat; }
#nav > li.menuItemSelected:first-child { background: url(../Images/NewImages/nav-bg.png) top right no-repeat; }
#nav li { list-style: none; display: block; margin: 0; padding-left: .3em; border-top: 1px solid white; }
#nav li.menuItemSelected { padding-bottom: 0; }
#nav li > span { display: block; margin: 0; padding: .3em 0; }
#nav ul { margin-left: -.3em; }
#nav ul li { padding-left: 1.3em; }
#nav ul ul { margin-left: -1.3em; }
#nav ul ul li { padding-left: 2.3em; }
#nav ul ul ul { margin-left: -2.3em; }
#nav ul ul ul li { padding-left: 3.3em; }
#nav ul ul ul ul { margin-left: -3.3em; }
#nav ul ul ul ul li { padding-left: 4.3em; }
#nav ul ul ul ul ul { margin-left: -4.3em; }
#nav ul ul ul ul ul li { padding-left: 5.3em; }
.menuItem, .menuItemSelected .menuItem {  background-color:#003087; }
.menuItem > span, .menuItem a, .menuItemSelected .menuItem a { color: white; }
.menuItemSelected { background:#E7E8EA; color: black; }
.menuItemSelected a { color: white; }
.menuItem a:hover { color: lightgrey; }
.menuItemSelected span, .menuItem span { cursor: default; }

.ClosePopupButton {
    font-size: 9pt !important;
    padding: 2px 6px !important;
    float: right;
    position: relative;
    top: -5px;
    left: 15px;
}

.PasswordPopup {
    position: fixed;
    top: 25%;
    left: 40%;
    z-index: 2002;
    background-color: white;
    padding: 15px 25px 15px 20px;
    border: 2px solid #003087;
    width: 380px;
}

.Popup {
    position: fixed;
    top: 30%;
    left: 40%;
    z-index: 2002;
    background-color: white;
    padding: 15px 25px 15px 20px;
    border: 2px solid #003087;
    width: auto;
}

.black_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 2001;
    -moz-opacity: 0.2;
    opacity: .20;
    filter: alpha(opacity=20);
}

.overlayclick {
    cursor: default;
}

.padtop5{
    padding-top: 5px;
}
.padbottom5{
    padding-bottom:5px;
}
.center{
    margin-left: auto;
    margin-right: auto;
}
.txtCenter{
    text-align: center;
}