body {
    padding     : 20px 40px;
    font-size   : 14px;
    font-family : Verdana, Tahoma, sans-serif;
}

h2 {
    color : #273E83;
}

input:not([type=checkbox]), select {
    border-radius : 3px;
    padding       : 10px;
    border        : 1px solid #E2E2E2;
    width         : 200px;
    color         : #666666;
    box-shadow    : rgba(0, 0, 0, 0.1) 0 0 4px;
}

input:hover, select:hover,
input:focus, select:focus {
    border     : 1px solid #273E83;
    box-shadow : rgba(0, 0, 0, 0.2) 0 0 6px;
}

.form label {
    margin-left : 12px;
    color       : #BBBBBB;
}

.submit input {
    background-color : #273E83;
    color            : #FFFFFF;
    border-radius    : 3px;
}

div.create {
    width:45%;
    float:left;
    display: block;
}

div.join {
    width:45%;
    float:left;
    display: block;
}

p.hidden{
    display: none;
    overflow: hidden;
}

.red{
    border: 1px solid red;
}