background-color: #eeeff3;
        text-align:center;
}

#main {
        position: relative;
        margin-top:15px;
}

img#logo {
        margin-top:50px;
}

#first {
        width: 308px;
        margin-top: 0px;
        padding: 28px 25px;
        background-color: white;
        border: 1px solid black;
        border-radius: 5;
        position :absolute;
        left: 50%;
        margin-left:-180px;
        top:0px;
}

#second {
        width: 308px;
        margin-top: 0px;
        padding: 28px 25px;
        background-color: white;
        display:none;
        border: 1px solid black;
        border-radius: 5;
        position :absolute;
        left: 50%;
        margin-left:-180px;
        top:0px;
}

h3 {
        margin-top: 0;
}

input[type=text],[type=password] {
        padding: 7px;
        width: 100%;
        height: 40px;
        margin-top: 15px;
        font-size: 18px;
}

input[type=submit]{
        background: linear-gradient(to bottom, #22abe9 5%, #36caf0 100%);
        box-shadow: inset 0px 1px 0px 0px #7bdcf4;
        border: 1px solid #0F799E;
        color: #ffffff;
        width: 306px;
        height: 40px;
        margin-top: 15px;
        font-size: 18px;
        font-weight: bold;
        cursor: pointer;
        text-shadow: 0px 1px 0px #13506D;
}

input[type=button]:hover{
        background: linear-gradient(to bottom, #36caf0 5%, #22abe9 100%);
}

a {
        text-decoration: none;
        color: cornflowerblue;
}

p#two {
        margin-bottom:0;
}