/* idle timer */
#idletimeout {
    background:#fff;
    border:1px solid #333333;
    color:#333333;
    font-family:arial, sans-serif;
    text-align:center;
    font-size:16px;
    padding:20px 10px;
    position:fixed;
    top:0px;
    left:0;
    right:0;
    z-index:100000;
    display:none;
}

#idletimeout span { font-weight:bold }

/* Header */
.jumbotron {
    /*background-color: #3d8ecd;
    background-image: linear-gradient(to right, #37bdee , #4471b8);*/
    color: #ffffff;
    font-family: Century Gothic,sans-serif;
    margin-bottom: 0;
    padding: 0;
}
.jumbotron h1 {
    text-shadow: 1px 2px #000000;
    margin: 10px 0 10px 0;
}
.jumbotron img {
    margin: 30px 0 0 0;
}
.jumbotron p {
    margin: 0 0 0 0;
}
#head-disclaimer p {
    color: white;
    font-size: 14px;
    margin: 0 0 10px 0;
}
@media screen and (max-width: 768px) {
    #head-disclaimer p {
        margin: 15px 0 0 0;
    }
}

/* Breadcrumb */
.breadcrumb {
    background-color: white;
    list-style: outside none none;
    margin: 20px 0;
    padding: 8px 15px;
}
.breadcrumb span {
    margin: 0 10px;
}
.breadcrumb a {text-decoration: none; color: #31708f;}
.breadcrumb a:hover {color: #31708f;}
.breadcrumb > .active:hover {
    color: #777;
}

/* Breadcrumb hidden spacer */
.breadcrumb-spacer-20 {
    margin: 20px 0;
}

/* Home Page */
#patriot-act-main {
    margin: 40px 0 0 0;
}
#patriot-act-main img {
    margin: 8px 10px 4px 10px;
}
@media screen and (max-width: 1024px) {
    #patriot-act-main img {
        margin: 0;
        padding: 0 5px 5px 0
    }
}
@media screen and (max-width: 768px) {
    #head-disclaimer p {
        margin: 15px 0 0 0;
    }
}
@media screen and (max-width: 768px) {
    #patriot-act-main img {
        display: none;
    }
}
#ncua {
    font-size: 9px;
    margin: 0 0 0 19px;
}
p.loan {margin: 20px 0 20px 0}
#time-out {
    margin: 20px 0 0 0;
}

/* Eligibility Page */
#eligibility-dropdown  {margin: 20px 0 10px 0;}
#eligibility-buttons {margin: 30px 0 0 0;}
/* #joint-account {margin: 0 0 0px 0;} WPM CSR 9984 correct spacing issue on joints*/

/* Eligibility Loan Page */
#disclosure {margin: 30px 0 0 0;}

/* Loan Type */
#loan-type-h4 {
	margin: 40px 0 20px 0;
}

#individual-joint-h4 {
	margin: 0 0 20px 0;
}

/* Main Applicant Page */
#primary-address {margin: 40px 0 10px 0;}
@media screen and (max-width: 768px) {
    #beneficiary-required {margin: 10px 0 0 0;}
}
#mailing-address {margin: 40px 0 0 0;}
#previous-address {margin: 40px 0 10px 0;}
#mailing-address-checkbox {margin: 10px 0 20px 0;}
#employer-information {margin: 40px 0 -5px;}
.joint-account-heading {margin: 20px 0 20px 0;}

/* Mail Applicant Loan Page */
#checking-account {margin: 40px 0 -5px 0;}
#employer-information {margin: 40px 0 -5px 0;}
#income {margin: 40px 0 -5px 0;}

/* Joint Applicant Page */
#joint-required {margin: 10px 0 0 0;}
#primary-address-joint {margin: 0 0 -5px 0;}

/* Beneficiary Page */
#beneficiary-required {margin: 30px 0 0 0;}
@media screen and (max-width: 768px) {
    #beneficiary-required {margin: 10px 0 0 0;}
}
#primary-address-beneficiary-loan {margin: 10px 0 0 0;}
#primary-address-heading  {margin: 40px 0 -5px 0;}
@media screen and (max-width: 768px) {
    #primary-address-heading  {margin: 10px 0 -5px 0;}
}

/* Funding Page*/
.top-50 {
    padding: 52px 0 7px;
}
#bank-information {
    margin: 30px 0 20px 0;
}
#routing-number {cursor:help;}
#account-number {cursor:help;}
@media screen and (max-width: 768px) {
    #routing-number, #routing-number-image, #account-number, #account-number-image {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .top-50{
        margin: 0;
        padding: 0;
    }
}
#open-checking-account {
    margin: 0 0 30px 0;
}
#debit-credit-heading {margin: 40px 0 20px 0;}
.check-heading {margin: 30px 0 10px 0;}
#in-person-heading {margin: 30px 0 10px 0;}
.debit-credit-choice {margin: 30px 0 20px 0;}

/*Submit Page */
.submit-heading {margin: 20px 0 2px 0;}
.margin-right-80 { padding: 0 80px 0 0; }
.right-10 { 
    margin-right: 10px; 
}

/* All Pages */
h2 {
    font-size: 36px;
    margin: 10px 0 20px;
}
@media screen and (max-width: 768px) {
    .media-spaced h2 {
        margin: 20px 0 0 20px;
    }
}
@media screen and (max-width: 768px) {
    p.text-info {margin: 15px 0 15px 0;}
}
@media screen and (max-width: 768px) {
    .breadcrumb {display: none;}
}
@media screen and (max-width: 768px) {
    .button-spacing .col-md-3 {margin: 10px 0 30px 0;}
}
.button-spacing {margin: 30px 0 0 0;}
.padding-15-20 {
    padding: 20px 0 7px 15px;
}
@media screen and (max-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .pull-right span{
        margin: 0 0 0 10px;
    }
}
.top-10 {
	margin: 10px 0 0 0;
}
.top-20 {
    padding: 20px 0 7px;
}
.left-top-20 {
    padding: 20px 0 7px 20px;
}
.left-top-0 {
    padding: 0 0 7px 20px;
}
.top-5 {
    padding: 5px 0 7px;
}
.space-30 {
	margin: 30px 0 0 0;
}
@media screen and (max-width: 768px) {
    .top-5 {
        padding: 20px 0 7px;
    }
}
.dropdown-menu  {min-width: 220px;}
@media screen and (max-width: 768px) {
    .dropdown-menu > li > a {
        padding: 10px 20px;
    }
}
@media screen and (max-width: 768px) {
    .media-spaced h2 {
        font-size: 26px;
        margin: 20px 0 20px 0;
    }
}
p.disclosure-heading {
    padding: 5px 0 0 0;
    font-weight: bold;
}
ul.li-space li {padding: 2px 7px 2px 7px;}
.small-text p{
    margin: 5px 15px 5px 15px;
    font-size: 11px;
}
.small-text ul{
    margin: 5px 15px 5px 15px;
    font-size: 11px;
}
#ssn-note, #phoneReq-note, {margin: 10px 10px 10px 13px;}
#rent-own-other {margin: 10px 10px 0 13px;}
#house-insurance {margin: 10px 10px 0 13px;}
#current-employer-note {margin: 10px 10px 0 13px;}
#ssn-note {margin: 10px 10px 0 13px;}
#phoneReq-note {margin: 10px 10px 0 13px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #ffffff;
    opacity: 1;
    cursor: not-allowed;
}
.panel {margin-bottom: 0;}
ul.spaced li {
    padding: 2px 5px 2px 10px;;
}
.dropdown-menu li a {cursor: pointer}
.remove-margin-10 {margin: 0 -10px 0 -10px;}
.remove-margin-20 {margin: 0 -20px 0 -20px;}
.remove-margin-30 {margin: 0 -30px 0 -30px;}

/* Account Verify Page */
.acct-verify-button {
	margin-left: -24px;
}

@media screen and (max-width: 991px) {
	.acct-verify-button {
		margin-left: inherit;
	}
}

/* Footer */
p.footer {
    margin: 20px;
}

.select-div {
    line-height:32px;
    background-image: url("drop-down.jpg");
    background-repeat: no-repeat;
    background-position: right top;
    border: #ccc 1px solid;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0px;
    padding: 0 34px 0 0; /* width of drop-down.jpg */
    position: relative;
    z-index:100;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select-div select:hover {
    cursor: pointer;
    filter:alpha(opacity:1.5);
}

.select-default {
    padding-left:8px;
}

.select-div select {
    margin:0px;
    padding:0px;
    opacity:0;
    filter:alpha(opacity=0);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:block;
    z-index:101;
}
.select-div select:focus {
    outline: none;
}

.select-default, .select-div option {
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    font-size:14px;
}

.nslabel {
    font-weight: initial;
    margin-bottom: initial;
}

.nsfocus {
    border-color: #66AFE9;
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
}

.joint-required {
    padding-top:10px;
    margin-left: 2px;
    color: #31708f;
}

.cloak {
    display: none;
}

.confirmation-number {
    padding-top:10px;
}

#home-loan{
	margin: 20px 0 10px;
}

.label-space {
	padding: 20px 0 7px 0;
	font-weight: normal;
}
.label-narrow {
	font-weight: normal;
	padding: 10px 0 5px 0;
}

#ready-to-apply-h3 {
	margin-top: 10px;
}
.btn-block + .btn-block {
    margin-top: 10px;
}

/* page alerts */
.custom-close {
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.3;
    filter: alpha(opacity=20);
    padding-left: 10px;
    margin-top: 10px;
    top: 5px !important;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;   
}

.alert {
    box-shadow: 3px 3px 3px #888888;
    border: 1px solid #cccccc;
}

#alertDiv {
    margin-left: 15px;
}

/* print styles */
@media print {
    body * {
        visibility: hidden;
    }
  
    #disclosure, #disclosure * {
        visibility: visible;
    }

    #disclosure {
        position: absolute;
        left: 0;
        top: 0;
    }
}

.pad-left-100 {
    padding: 0 0 0 100px;
}

@media screen and (max-width: 768px) {
    .pad-left-100 {
        display: block;
        padding: 10px 0 10px 0;
    }
}

/* overrides */
.form-group {
    margin-bottom: 0px;
}

#ui-datepicker-div {
    z-index: 200 !important;
}

/* layout */
.bottom-15 {
    margin-bottom: 15px;
}

.valign-middle {
    vertical-align: middle !important;
}

/* These changes are for Share One demo DO NOT DELETE!!!
body {
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
    font-size: 16px;
}
h3 {
   font-size: 28px;
}
h2 {
   font-size: 40px;
}

.jumbotron {
    background-color: #3d8ecd;
    background-image: linear-gradient(to right, #37bdee , #4471b8);
}
.btn-primary {
    background-image: linear-gradient(to bottom,#37bdee 0,#4471b8 100%);
}
.btn-primary:focus, .btn-primary:hover {
    background-color: #4471b8;
    background-position: 0 -15px;
    color: #ffffff;
}

.btn-primary:active:focus {
    background-color: #4471b8;
    background-position: 0 -15px;
    color: #ffffff;
}
.btn-primary {
    background-image: linear-gradient(to bottom,#37bdee 0,#4471b8 100%);
}
.btn-primary:focus, .btn-primary:hover {
    background-color: #4471b8;
    background-position: 0 -15px;
    color: #ffffff;
}

.btn-primary:active:focus {
    background-color: #4471b8;
    background-position: 0 -15px;
    color: #ffffff;
}*/