
#main{
    width:auto;
    width:100%\9;
    /*width:500px\9;*/
    text-align:center;
    font-family:raleway;


}
#login {
    width: 315.5px\9;
    margin:0 auto\9;
    text-align:left\9;
    border-radius: 10px\9;
    border: 1px solid #999\9;
    -webkit-border-radius: 10px\9;
    -moz-border-radius: 10px\9;
    padding: 1px 30px 25px \9;
}
span{
    color:red;
}

h2{
    background-color: #FEFFED;
    text-align:center;
    border-radius: 50px 50px 0px 0px;
    margin: -10px -30px 1px;
    padding: 25px;
}
textarea{
    width:99.5%;
    padding: 10px;
    margin-top: 8px;
    margin-left: 0px;
    border: 1px solid #ccc;
    padding-left: 5px;
    font-size: 1.500em;
    font-family:raleway;
}

select{
    width:99.5%;
    padding: 10px;
    margin-top: 8px;
    margin-left: 0px;
    border: 1px solid #ccc;
    padding-left: 5px;
    font-size: 1.500em;
    font-family:raleway;
}
.label_left{
    background-color: #f5f5f5;
    float:left;
    width: 99.5%;
    font-weight: bold;
    text-align: left;
    box-sizing: border-box;
    font-size: 1.500em;
    margin-left: 0px;
    margin-top: 5px;
}
.g-recaptcha{
    float:left;
    margin-left: 0px;
    width:99.5%;
    padding: 10px;
    margin-top: 8px;
    border: 1px solid #ccc;
    padding-left: 5px;
    font-size: 1.000em;
    font-family:raleway;
    box-sizing: border-box;
}

.ie89 {
    padding: 10px;
    margin-left: 0px;
    float:left;
    font-size: 1.500em;
    width: 99.5%;
    height:40px;
    font-weight: bold;
    text-align: left;
    box-sizing: border-box;
}
.ie98 {
    margin-left: 0px;
    padding: 10px;
    float:left;
    font-size: 1.500em;
    width: 99.5%;
    height:45px;
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;

}
input[type=text],input[type=password], input[type=email]{

    width:99.5%;

    margin-top: 8px;
    border: 1px solid #ccc;
    padding-left: 10px;
    font-size: 1.500em;
    font-family:raleway;

}

input[type=submit]{
    width: 99.5%;
    background-color:#FFBC00;
    color: white;
    border: 2px solid #FFCB00;
    padding: 10px;
    font-size:1.250em;

    cursor:pointer;
    border-radius: 5px;
    margin-bottom: 15px;

}

#profile{
    padding:50px;
    border:1px dashed grey;
    font-size:1.250em;
    background-color:#DCE6F7;
}

#logout{
    width:315.5px;
    position:absolute;
    transform: translate(20%, 0);
    float:right;
    padding:5px;
    border:dashed 1px gray;
    margin-top: -8px;
}

a{
    text-decoration:none;
    color: #00876C;
}

i{
    color: cornflowerblue;
}

.error_msg{

    color:red;
    font-size: 1.000em;
}
@media  (min-width: 548px) {
    .message {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        font-weight: bold;
        font-size: 1.750em;
        color: mediumblue;
        width: 315.5px;
        text-align: center;
        display: inline-block;
        vertical-align: top;

    }
    #twcaseal {
        display: inline-block;
        vertical-align: top;

    }
    #login {
        width: 315.5px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin:0 auto;text-align:left;
        border-radius: 50px 50px 10px 10px;
        font-family: raleway;
        border: 2px solid #ccc;
        padding: 10px 30px 15px;
        margin-top:1px;
    }
}