html,
body {
    background: #1B1B1B url('../images/background.png') repeat;
    color: #fff;
    font-family: sans-serif; /* Helvetica for Macs, Arial for PCs */
    font-size: 16px;
}

p {
    margin: 0px;
}

.error_wrapper {
    background: #282828;
    border: 1px solid #2d2d2d;
    padding: 20px;
    width: 430px;
    color: #fff;
    font-size: 16px;
    line-height: 1.4;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -225px;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.error_wrapper img {
    float: left;
}

.error_wrapper p {
    margin-left: 65px;
}

.error_wrapper label {
    display: block;
    font-size: 20px;
    margin-bottom: 15px;
}

#pw {
    background: #fff;
    background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 20%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(20%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(255,255,255,1) 20%);
    background: -o-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(255,255,255,1) 20%);
    background: -ms-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(255,255,255,1) 20%);
    background: linear-gradient(top, rgba(204,204,204,1) 0%,rgba(255,255,255,1) 20%);
    border: 1px solid #000;
    padding: 4px;
    width: 255px;
    margin-left: 13px;
    float: left;
    font-size: 24px;
    outline: none;
}

#pw.error {
    background: #ffe3e3;
    border-color: #F75342;
}

.teal_button {
    background: #229898;
    margin-left: 10px;
    border: 0;
    padding: 8px 5px;
    width: 90px;
    height: 40px;
    cursor: pointer;
    color: #fff;
    font: 20px arial, sans-serif;
    float: left;
    border: 0;
    border-bottom: 1px solid #101010;
    -moz-text-shadow: 0 -1px 0 #0f6362;
    -webkit-text-shadow: 0 -1px 0 #0f6362;
    text-shadow: 0 -1px 0 #0f6362;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.teal_button:hover {
    background: #38A2A2;
}

.powered_by {
    display: block;
    text-decoration: none;
    background: #101010;
    padding: 6px;
    width: 125px;
    color: #8E8D8B;
    font-size: 10px;
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -68px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 1px solid #232323;
}
.powered_by img {
    border: 0;
}