html, body {
    background: #c2dde4;
    color: #606060;
    font: 15px Arial, Helvetica, sans-serif;
    padding: 5px
}
a, a:visited {
    color: #000
}
a:hover {
    text-decoration: none
}
a img {
    border: 0px!important
}
h1 {
    font-size: 30px
}
h3 {
    font-size: 16px
}
h1, h2, h3 {
     margin: 0px
}
#logo {
    display: inline-block;
    padding: 15px;
    background: #4D5B78
}
#logo:hover {
    background: #6a7da4
}
#top_box {
    position: static;
    top: 10%;
}
#content_box {
    left: 50%;
    margin-left: -450px;
    margin-top:  -115px;
    position: absolute;
    top: 50%;
    width: 900px;
}
.invite {
    padding: 5px;
    background: #e9e9e9
}
#footer {
    display: inline;
    background: #4D5B78;
    padding: 5px;
    font-size: 16px;
    color: #fff
}
#footer a {
    color: #fff
}
.box {
    background: #4D5B78;
    color: #fff;
    padding: 5px
}

.quest {
    font-weight: bold
}
input[type='text'] {
    width: 200px
}
.hint {
    color: #666666
}
.error {
    color: #cc2828
}
.error_box {
    background: #cc2828;
    color: #fff;
    padding: 5px
}
.success {
    display: inline-block;
    padding: 10px;
    border: 3px #26a937 solid
}