@font-face
{
    font-family: 'interstate_black';
    src: url("fonts/interstate-black-webfont.eot");
    src: url("fonts/interstate-black-webfont.eot?#iefix") format('embedded-opentype'), url("fonts/interstate-black-webfont.woff") format('woff'), url("fonts/interstate-black-webfont.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'interstate_light';
    src: url("fonts/interstate-light-webfont.eot");
    src: url("fonts/interstate-light-webfont.eot?#iefix") format('embedded-opentype'), url("fonts/interstate-light-webfont.woff") format('woff'), url("fonts/interstate-light-webfont.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'interstate_regular';
    src: url("fonts/interstate-regular-webfont.eot");
    src: url("fonts/interstate-regular-webfont.eot?#iefix") format('embedded-opentype'), url("fonts/interstate-regular-webfont.woff") format('woff'), url("fonts/interstate-regular-webfont.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

body
{
    line-height: 1;
    color: #727f8c;
    font-size: 13px;
    font-family: interstate_regular;
}

h1
{
    font-family: interstate_black;
}

h1
{
    text-align: center;
    color: #475965;
    font-size: 16px;
    padding: 0 0 13px;
}

input
{
    color: #57595d;
    font-family: interstate_regular;
    font-size: 12px;
    outline: medium none;
}

a
{
    text-decoration: none;
}

#pre_box
{
    display: block;
    margin: 100px auto 0;
    width: 600px;
    text-align: center;
}

    #pre_box h1
    {
        font-family: interstate_regular;
        text-align: center;
        color: #fff;
        font-size: 25px;
    }

    #pre_box img
    {
        margin-bottom: 55px;
    }

#box_bg
{
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 3px;
    display: block;
    margin: 50px auto 0;
    width: 290px;
}

#content
{
    padding: 23px 28px;
}

.blue
{
    color: #2b83b6;
}

.button
{
    border-radius: 3px;
    margin-top: 18px;
}

    .button a
    {
        padding: 10px;
        color: #fff;
        display: block;
        font-size: 14px;
        font-family: interstate_regular;
        text-align: center;
    }

    .button.blue
    {
        background-color: #2e82ac;
    }

        .button.blue:hover
        {
            background: none repeat scroll 0 0 #529ec3;
        }

#login
{
}

.login
{
    background-color: #fff;
    border: 1px solid #a4adb5;
    color: #8e8d8d;
    display: block;
    font-family: interstate_regular;
    font-size: 14px;
    margin: 13px 0 -3px;
    padding: 10px 15px 10px 50px;
    width: 167px;
}

.user
{
    background: url("user.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.password
{
    background: url("password.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.checkbox
{
    margin: 15px 0 15px;
}

    .checkbox li
    {
        height: 15px;
        list-style: none outside none;
    }

        .checkbox li:not(#foo) > fieldset > div > span > input[type="checkbox"]
        {
            float: left;
            opacity: 0;
            width: 15px;
        }

            .checkbox li:not(#foo) > fieldset > div > span > input[type="checkbox"] + label
            {
                background: url("check.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
                clear: none;
                cursor: pointer;
                display: block;
                height: 15px;
                margin: 0;
                padding: 0 0 0 22px;
            }

            .checkbox li:not(#foo) > fieldset > div > span > input[type="checkbox"]:checked + label
            {
                background: url("check.png") no-repeat scroll 0 -15px rgba(0, 0, 0, 0);
                display: block;
                height: 15px;
            }

#bottom_text
{
    display: block;
    line-height: 19px;
    margin: 12px auto;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
    width: 300px;
}

#blue
{
    color: #2b83b6 !important;
}

    #blue:hover
    {
        color: #878787 !important;
    }