@font-face {
    font-family: 'ProximaNovaLtRegular';
    src: url('/static/font/proximanova-light-webfont.eot');
    src: url('/static/font/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/font/proximanova-light-webfont.woff') format('woff'),
         url('/static/font/proximanova-light-webfont.ttf') format('truetype'),
         url('/static/font/proximanova-light-webfont.svg#ProximaNovaLtRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaRgBold';
    src: url('/static/font/proximanova-bold-webfont.eot');
    src: url('/static/font/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/font/proximanova-bold-webfont.woff') format('woff'),
         url('/static/font/proximanova-bold-webfont.ttf') format('truetype'),
         url('/static/font/proximanova-bold-webfont.svg#ProximaNovaRgBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_cn_rgregular';
    src: url('/static/font/proximanovacond-regular-webfont.eot');
    src: url('/static/font/proximanovacond-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/font/proximanovacond-regular-webfont.woff') format('woff'),
         url('/static/font/proximanovacond-regular-webfont.ttf') format('truetype'),
         url('/static/font/proximanovacond-regular-webfont.svg#proxima_nova_cn_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    margin: 0px;
    padding: 0px;
    border: none;
    background-color: #F9F9F9;
    font-size: 12pt;
}

h1 {
    margin: 40px;
    text-align: center;
    font-family: "ProximaNovaLtRegular";
    font-weight: normal;
    font-size: 170%;
    color: #44474D;
}

#login-box {
    width: 350px;
    margin: 0px auto;
    border: 3px solid #F0F0F0;
    background-color: #FCFCFC;
    padding: 20px;
    overflow: hidden;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-family: "Tahoma", sans-serif;
}

#login-box p {
	overflow: hidden;
}

#login-box .input-title {
    margin: 7px 0px 3px 0px;
    text-align: center;
    font-weight: bold;
    color: #555555;
}

#login-box .input-field-container {
    margin: 0px;
    text-align: center;
}

#login-box .input-field {
    width: 300px;
    height: 40px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#login-box .input-field:focus, #login-box .input-field:active {
    background-color: #FFFCF0;
    box-shadow: 0px 0px 3px #CCCCCC;
    -moz-box-shadow: 0px 0px 3px #CCCCCC;
    -webkit-box-shadow: 0px 0px 3px #CCCCCC;
}

#login-box .submit-button-container {
    margin: 7px;
    text-align: center;
}

#login-box .submit-button {
    width: 110px;
    height: 30px;
    border: 1px solid #999999;
    background-color: #F6F6F6;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 3px 3px 3px #999999;
    -moz-box-shadow: 3px 3px 3px #999999;
    -webkit-box-shadow: 3px 3px 3px #999999;
}

#login-box .submit-button:hover, #login-box .submit-button:focus {
    background-color: #FFFFFF;
    box-shadow: 4px 4px 4px #CCCCCC;
    -moz-box-shadow: 4px 4px 4px #CCCCCC;
    -webkit-box-shadow: 4px 4px 4px #CCCCCC;
}

#login-box .submit-button:active {
    background-color: #CCCCCC;
    outline: none;
    text-shadow: 0px 0px 2px #FFFFFF;
}

#login-box .submit-button::-moz-focus-inner {
    border: none;
}