/* Login
------------------------------------------------------------- */
@import url(/css/fonts/font-pragmatica.css);

body.bodyLogin {
    min-height: 500px;
    overflow: hidden;
    color: #093e52;
    background: url(/content/images/backgrounds/login_background.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*   background: -webkit-linear-gradient(#e2e2e2, #fff); */ /* For Safari 5.1 to 6.0 */
    /*	background: -o-linear-gradient(#e2e2e2, #fff); */ /* For Opera 11.1 to 12.0 */
    /*	background: -moz-linear-gradient(#e2e2e2, #fff); */ /* For Firefox 3.6 to 15 */
    /*	background: linear-gradient(#e2e2e2, #fff); /* /* Standard syntax */
    /* background-color: #e2e2e2; */
    font-family: 'Pragmatica';
    text-align: center;

}

.loginWrap {
    width: 730px;
}

    .loginWrap .logos {
        float: left;
        width: 136px;
        height: 226px;
        margin: 12px 0 0 0;
        background: url(/content/images/backgrounds/white07.png);
        border: 1px solid #B4B4B4;
        border-radius: 6px 6px;
        -moz-border-radius: 6px 6px;
        -webkit-border-radius: 6px 6px;
        box-shadow: 0px 0px 14px #8A8A8A;
        -moz-box-shadow: 0px 0px 14px #8A8A8A;
        -webkit-box-shadow: 0px 0px 14px #8A8A8A;
    }

        .loginWrap .logos a {
            margin-left: 24px;
            display: block;
            width: 87px;
            background: transparent url('/content/images/sprite001.png') no-repeat;
        }

            .loginWrap .logos a.destiny {
                height: 55px;
                margin-top: 29px;
                background-position: -605px -60px;
            }

            .loginWrap .logos a.fastdox {
                height: 23px;
                margin-top: 32px;
                background-position: -615px -135px;
            }

            .loginWrap .logos a.twitter {
                height: 16px;
                margin-top: 39px;
                background-position: -615px -176px;
            }

    .loginWrap .vSpacer {
        float: left;
        width: 1px;
        height: 325px;
        margin: 0 45px 0 45px;
        background-color: #3D3E3E;
    }

    .loginWrap .mainWrap {
        margin: 12px 0 0 0;
    }

        .loginWrap .mainWrap h1 {
            font-size: 20px;
            padding: 20px 0 0px 20px;
        }

        .loginWrap .mainWrap div.contDiv {
            display: block;
            height: 226px;
            margin-top: 15px;
        }

            .loginWrap .mainWrap div.contDiv label {
                text-align: right;
                float: left;
                width: 110px;
                padding: 2px 0 0 0;
            }

        .loginWrap .mainWrap label.typ1 {
            margin-top: 20px;
        }

        .loginWrap .mainWrap label.typ2 {
            margin-top: 12px;
        }

        .loginWrap .mainWrap input.shad1 {
            float: left;
            width: 354px;
            margin-left: 170px;
            padding: 10px;
        }

        .loginWrap .mainWrap input.typ1 {
            margin-top: 20px;
        }

        .loginWrap .mainWrap input.typ2 {
            margin-top: 12px;
        }

        .loginWrap .mainWrap input {
            font-family: 'Pragmatica';
            font-size: 16px;
            border-radius: 20px;
        }


        /*
Buttons 
*/
        .loginWrap .mainWrap .wrapButts1 {
            padding: 0px 10px 0 0;
            clear: both;
        }


.hideLogin {
    display: none;
}


#loginButt {
    width: 84px;
    height: 58px;
    display: block;
    margin: 0 auto;
    color: white;
    background-color: Transparent;
    background-repeat: no-repeat;
    background: url(/content/images/login_chevron.png) no-repeat center;
    padding: 0 0 61px 0;
    border: none;
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
    margin-top: 50px;
    font-family: 'Pragmatica';
}

    #loginButt:hover {
        cursor: pointer;
        background-color: Transparent;
        background-repeat: no-repeat;
        border: none;
        cursor: pointer;
        overflow: hidden;
        outline: none;
    }

.loginWrap .mainWrap #forgottenPasswordButt {
    width: 180px;
    height: 27px;
    display: block;
    margin: 0 auto;
    color: white;
    background-color: Transparent;
    background-repeat: no-repeat;
    background: url(/content/images/chevron.png) no-repeat right center;
    padding: 0 0 0 0;
    font-size: 14px;
    border: none;
    cursor: pointer;
}

    .loginWrap .mainWrap #forgottenPasswordButt:hover {
        cursor: pointer;
        background-color: Transparent;
        background-repeat: no-repeat;
        border: none;
        cursor: pointer;
        overflow: hidden;
        outline: none;
    }

.loginWrap .mainWrap .error {
    color: #EB2125;
    padding: 20px 0 0 118px;
}

.footer {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0px;
}

.footerinner {
    /*width: 100%;*/
    margin: 0 auto;
    border-top: 1px dotted #3D3E3E;
    padding: 24px;
    text-align: center;
    color: white;
    font-family: 'Pragmatica';
    font-size: 10px;
    font-weight: lighter;
}

#forgottenPasswordModal {
    text-align: left;
    display: none;
    background-color: #E8E8E8;
}

    #forgottenPasswordModal .intro {
        padding: 12px 16px;
    }

    #forgottenPasswordModal label {
        float: left;
        width: 100px;
        padding: 2px 0 0 0;
    }

    #forgottenPasswordModal label {
        margin-left: 16px;
    }

        #forgottenPasswordModal label.typ1 {
            margin-top: 12px;
        }

    #forgottenPasswordModal .error {
        color: #EB2125;
        padding: 12px 16px 0 16px;
    }

    #forgottenPasswordModal .info { padding: 12px 16px 0 16px; }

#forgottenPasswordModalCancel {
    margin: 1px 20px 0 15px;
    height: 15px;
}

.wrapButts1 button {
    float: none;
}

.main .wrapButts1 button {
    float: left;
}

table.tac td {
    padding-top: 10px;
    min-width: 20px;
}

input:focus {
    border-radius: 3px 3px;
    -moz-border-radius: 3px 3px;
    -webkit-border-radius: 3px 3px;
}

#txtForgotPasswordName {
     width: 250px;
}