/*

	YachtCast Intelligence
	i.yachtcast.net
	Aug 2015 AH

-------------------------------------------------*/
/* fonts
-------------------------------------------
font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:400;

300 light
400 regular
500 medium
600 semi bold
700 bold

font-family:'proxima-nova-condensed', Arial, Helvetica, sans-serif; font-weight:400;
400 regular + italic
700 bold + italic

font-family:'proxima-nova-extra-condensed', Arial, Helvetica, sans-serif; font-weight:400;
400 regular + italic
700 bold + italic

*/

.loginContainer {}
.loginContainer .form { padding:0; margin:0; border:0;}
.loginContainer .logoContainer { text-align:center;}
.loginContainer .logoContainer img { margin:220px 0 0 0;}
.loginContainer .logoContainer h1 {
    background: rgba(0, 0, 0, 0) url("/resources/images/logo.svg") no-repeat scroll center top; background-size: auto 40px;
    color: #666;
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:400;
    font-size: 30px;
    height: 72px;
    letter-spacing: 3px;
    margin: 72px 0 0;
    padding: 72px 0 0;
    text-align: center;
    width: 100%;
    text-indent:-9999px;
}

.loginContainer .form fieldset {
    border:none;
    padding:20px 0 0 0; margin:20px auto 0 auto;
    width:90%; max-width:500px;
    text-align:center;
    border-top:1px solid #ccc;
}
.loginContainer .form fieldset legend { display: none;}
.loginContainer .form fieldset label {
    text-align:right;
    width:77px;
    float:left; height:30px; line-height:30px;
    padding:0 10px 0 0;
    color:#fff; font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
}

.loginContainer .form fieldset input:not([type="checkbox"]) {
    float:left;
    width:232px; height:30px;
    margin:0 0 1rem 0;
    outline: none; -webkit-appearance: none; -moz-appearance: none;
    box-shadow: unset;
}
.loginContainer .form fieldset .row.keep-signed-in .spacer {
    display: block;
    width: 77px; height: 30px;
    float: left;;
}
.loginContainer .form fieldset .row.keep-signed-in label {
    margin:0;
    text-align: left;
    padding: 0 0 0 27px;
    width: 140px;
}
.loginContainer .form fieldset .row.keep-signed-in label:before { top: 5px;}
.loginContainer .form fieldset .row.keep-signed-in .checkboxContainer { position: relative; top: -5px;}
.loginContainer .form fieldset .row.keep-signed-in input[type="checkbox"] {
    position: absolute; top: 5px;
    margin: 0;
    display: none;
    visibility: hidden;
}

.loginContainer .form fieldset input[type=text]:focus,
.loginContainer .form fieldset input[type=password]:focus {
    outline: none; -webkit-appearance: none; -moz-appearance: none;
    box-shadow: unset; box-shadow: none !important;
    background-color:#A6A8AB;
}
.loginContainer .form fieldset .loginButton,
.loginContainer form fieldset #js_submit,
.loginContainer .form fieldset.forgotten-copy a.reset-button {
    float: left;
    margin: 10px 0 0 0; padding: 7px 15px;

    font-size: 14px;  color: #fff; font-family: 'proxima-nova', Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.1em;
    background: #0093ee;
    opacity:0.8;
    border-color:#0093ee; border-radius: 3px;
    transition:all 200ms ease-in-out;
    cursor: pointer;
}
.loginContainer .form fieldset .loginButton:hover,
.loginContainer .form fieldset.forgotten-copy a.reset-button:hover {
    background:#0093ee;
    opacity:1;
    border-color:#0093ee;
}
.loginContainer .form.jsSubmit-enabled fieldset .loginButton:hover {
    background:#333;
    border-color:#333;
    text-decoration:none;
    cursor:pointer;
}
/* forgotten link */
.loginContainer .form fieldset .forgotten a {
    color: #666; font-size: 12px;
    display: block;
    float: left;
    height: 30px;
    text-align: left;
    margin-top: 40px;
}
.loginContainer .form fieldset .forgotten a:hover {color:#FFF;}

.loginContainer .errorMessage {
    font-size:11px; color:#e64343;
    width:100%;
    padding:0 0 10px 164px; margin-top: -9px;
    text-align:left;
    display: block;
    float: left;
}

.loginContainer .form .loading { margin: 0 auto; width: 50px; display: block;}

@media only screen and (min-width:641px) {
    .loginContainer .logoContainer h1 {
        background-size: auto 58px;
        margin: 160px 0 0;
    }
    .loginContainer .form fieldset { width: 100%;}
    .loginContainer .form fieldset label {
        width:164px;
    }
    .loginContainer .form fieldset input:not([type="checkbox"]) {
        width:240px;
    }
    .loginContainer .form fieldset .row.keep-signed-in .spacer { width: 164px;}
}




/* forgotten page */
.loginContainer .form fieldset.forgotten-copy { text-align: left; padding-left: 60px; color: #fff;}
.loginContainer .form fieldset.forgotten-copy label { width: 77px;}

.loginContainer .form fieldset.forgotten-copy h2 {
    color: #fff; font-size: 18px; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:700;
}

.loginContainer .form fieldset.forgotten-copy h3 {
    color: #fff; font-size: 16px; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:700;
    margin-bottom: 3px;
}

.loginContainer .form fieldset.forgotten-copy p {
    font-size: 14px; color: #fff; line-height: 1.1em;
    margin:0 0 14px 0;
}

.loginContainer .form fieldset.forgotten-copy a.reset-button { margin: 0 0 0 87px;}
.loginContainer .form fieldset.forgotten-copy a.backtoLink {
    margin: 40px 0 0 87px;
    display: block;
    font-size: 12px;
    float: left;
}
.loginContainer .form fieldset.forgotten-copy a.backtoLink:hover { color: #fff;}

.loginContainer .form fieldset.forgotten-copy a.backtoLink.loginButton { margin: 10px 0 0 0}


/* inactivity */
.loginContainer .form fieldset.inactivity h1   {
    color: #fff; font-size: 26px; font-weight: 700;
}
.loginContainer .form fieldset.inactivity p { font-size: 16px; color: #fff; margin: 10px 0 40px 0;}
.loginContainer .form fieldset.inactivity a.loginButton { float: none; }

/* reset */
.loginContainer.reset  h3 {
    color: #fff; margin: 0 0 8px 0;
}
.loginContainer.reset p { color: #fff; font-size: 14px; line-height: 1.1em; margin-bottom: 15px;}
.loginContainer.reset .loginCopy {
    text-align: left;
}
.loginContainer.reset .loginCopy label {
    width: 125px;
    float: left;
    height: 30px; line-height: 30px;
    font-size: 14px;
}

/* welcome rest*/
.loginContainer.welcome-reset  h3 {
    color: #fff; margin: 0 0 8px 0;
}
.loginContainer.welcome-reset p strong {
    color: #fff; font-weight: 700;
}
.loginContainer.welcome-reset p { color: #fff; font-size: 14px; line-height: 1.1em; margin-bottom: 10px;}
.loginContainer.welcome-reset .loginCopy {
    padding-left: 50px; padding-right: 50px;
    text-align: left;
}
.loginContainer.reset .form fieldset input:not([type="checkbox"]) { width: 184px;}

@media only screen and (min-width:641px) {
    .loginContainer.reset .loginCopy label {
        width: 128px;
        float: left;
    }

}





/*.loginContainer .loginCopy { text-align:left;}
.loginContainer .loginCopy p { font-size:14px; line-height:1.45em; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:400; margin:0 0 7px 0; color:#666;}
.loginContainer .loginCopy p.forgot-intro { font-size:14px; line-height:1.2em; margin:0 0 15px 0;}
.loginContainer .loginCopy .forgottonLeft  { margin:0; }

.loginContainer .resetForm { margin: 0 auto}
.loginContainer .resetForm { width: 430px;}
.loginContainer .resetForm h3 { margin-bottom: 10px; text-align: center; }
.loginContainer .resetForm p { text-align: center; }
.loginContainer .resetForm .button { padding: 0 15px;}

@media only screen and (max-width:640px) {
    .loginContainer .form fieldset label:not(.checkbox),
    .loginContainer .form fieldset .spacer-block {
        width:31%;
    }
    .loginContainer .form fieldset input:not([type="checkbox"]) {
        width:68%;
        max-width: 200px;
    }
    .loginContainer .form fieldset .forgotton {margin:40px 0 0 97px;}

    .loginContainer .form fieldset .button { margin: 0 0 0 31%;}
}

 log in / reset pages
---------------------------------------------*/

/*.loginContainer .logoContainer h1.loginHeading {
    opacity:0;
    transition:opacity 300ms 100ms ease;
}
.loginContainer .logoContainer h1.loginHeading {
    opacity:1;
}
@media only screen and (max-width:640px) {
    .loginContainer .logoContainer h1 {
        margin-top:60px;
    }
}
.homepage .loginContainer .loginCopy h2,
.homepage .loginContainer .loginCopy p {
    color:#FFF;
}

.homepage .error small.error {
    color: #FFF;
    display: block;
    margin: -12px 0 10px 0;
    float: left;
    width: 100%;
}*/