/*shared ===============================================================================================*/

body {
    background: #474C52;
    text-align: center;
    font-family: 'PT Sans', Verdana, sans-serif;
    margin: 0;
    padding: 0;
}

.layout {
    width: 600px;
    margin: 100px auto;
}

.footer {
    /*color: #7e8186;
    font-size: 13px;*/
    margin: 45px auto 0;
}

#logo {
    margin: auto;
    display: block;
}

img {
    border: none;
}

/*icons ===============================================================================================*/
.icon_user_locked, .icon000, .icon400, .icon403, .icon404, .icon500 {
    margin: 65px auto 0;
    height: 162px;
}

.icon_user_locked {
    background: url('/content/images/Views/errors/user_locked.png');
    width: 374px;
    height: 115px;
    margin: 65px auto 60px;
}

.icon000 {
    background: url('/content/images/Views/errors/000.png') no-repeat;
    width: 398px;
}

.icon400 {
    background: url('/content/images/Views/errors/400.png');
    width: 391px;
}


.icon403 {
    background: url('/content/images/Views/errors/403.png');
    width: 391px;
}

.icon404 {
    background: url('/content/images/Views/errors/404.png');
    width: 396px;
}

.icon500 {
    background: url('/content/images/Views/errors/500.png');
    width: 395px;
}

/*text ===============================================================================================*/

.text {
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    margin: 40px auto;
}

.text-nodecoration {
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    margin: 40px auto;
}

/*buttons ===============================================================================================*/

.buttons {
    text-align: center;
    display: inline-block;
    margin: auto;
    position: relative;
}

    .buttons:before {
        content: '';
        height: 1px;
        width: 50px;
        background: #d8d9da;
        border-top: 1px solid #8f9295;
        box-shadow: 0 1px 0 0 rgba(0,0,0, 0.3);
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    .buttons:after {
        content: '';
        height: 1px;
        width: 50px;
        background: #d8d9da;
        border-top: 1px solid #8f9295;
        box-shadow: 0 1px 0 0 rgba(0,0,0, 0.3);
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }

a.button {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #555e6c !important;
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9, #e2e2e2);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e2e2e2));
    background: -webkit-linear-gradient(top, #f9f9f9, #e2e2e2);
    background: -o-linear-gradient(top, #f9f9f9, #e2e2e2);
    background: -ms-linear-gradient(top, #f9f9f9, #e2e2e2);
    background: linear-gradient(top, #f9f9f9, #e2e2e2);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #e3ddd0 #ccc6bb #9f9b92;
    padding: 0 20px;
    line-height: 30px;
    height: 30px;
    box-shadow: inset 0 2px 1px -1px rgba(255,255,255,0.5);
    text-shadow: none;
    vertical-align: middle;
    cursor: pointer;
}

    a.button:hover {
        text-decoration: none;
    }

    a.button.orange {
        color: #fff !important;
        text-shadow: 1px 1px 1px #c35717;
        background: #f9cc91;
        background: -moz-linear-gradient(top, #f9cc91, #f28c57);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9cc91), color-stop(100%,#f28c57));
        background: -webkit-linear-gradient(top, #f9cc91, #f28c57);
        background: -o-linear-gradient(top, #f9cc91, #f28c57);
        background: -ms-linear-gradient(top, #f9cc91, #f28c57);
        background: linear-gradient(top, #f9cc91, #f28c57);
        border-color: #fac996 #eea46d #e38045;
    }

    a.button.orange {
        text-decoration: none !important;
    }