body {
    font-family: arial;
}

#main-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width:100%;
}

#wip-logo {
    height: 27px;
    margin: 15px;
    float: right;
}

#content {
    background: #fafafa none repeat scroll 0 0;
    min-height: 500px;
    height: calc(100% - 100px);
}
#login-container {
    font-size: medium;
    margin-left: auto;
    margin-right: auto;
    width: 1100px;
    min-height: calc(100% - 300px);
    max-width: 98%;
}

#login-container p.sims {
    margin: 0 30px;
    padding: 30px;
}

#login-container p.sims a {
    display: block;
    border: 1px solid #e5e5e5;
    padding: 10px;
    width: 360px;
    background-color: #000860;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}

#login-container #form-a {
    background-color: gray;
    margin-top: 1em;
}

#login-container form {
    margin: 0px 30px;
    padding: 30px !important;
    text-align: left;
    width: 400px;
    height: 500px;
    max-width: 45%;
}


input[type='text'], input[type='password'] {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    margin: 15px 0;
    padding: 10px;
    width: calc(100% - 40px);
}

input[type='submit'] {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    margin: 15px 0;
    padding: 10px;
    width: calc(100% - 20px);
    background: #000860;
    color: #fff;
    text-transform: uppercase;
}

select {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    margin: 15px 0;
    min-height: calc(100% - 20px);
    padding: 10px;
    width: calc(100% - 20px);
}



#footer {
    background: #f0f0f0;
    height: 75px;
    width: 100%;
    bottom: 0px;
    text-align: center;
    position: fixed;
}

#text-copyright {
   font-size: xx-small;
   color:  #555;
}

.text-footer {
   font-size: xx-small;
   color:  #555;
   padding: 0px 30px;
}

.slogan {
    border-left: 1px solid #555;
    color: #555;
    line-height: 60px;
    padding-left: 20px;
}

#ilog_logo {
    height: 40px;
    margin: 10px 20px 0px 10px;
    float: left;
}
.red, .required {
    font-weight: bold;
    color: #b00;
    line-height: 30px;
}

#important-info {
    font-size: 14px;
    position: absolute;
    bottom: 0px;
    top: -25px;
    left: 50%;
    width: 550px;
    max-width: 53%;
    text-align: left;
}

#important-info-top {
    background-image:  url(/ilog/images/important_info_bg_top.png);
    background-repeat: no-repeat;
    height: 109px;
    padding: 0px 30px;
    position:relative;
}

#important-info-top span {
    text-align: bottom;
    position: absolute;
    bottom: 20px;
    line-height: 20px;
}

#important-info-middle {
    background-image:  url(/ilog/images/important_info_bg_middle.png);
    background-repeat: repeat;
    line-height: 20px;
    padding: 0px 30px;
    max-height: calc(100% - 150px);
    min-height: calc(100% - 300px);
    overflow:auto;
}

#important-info-bottom {
    background-image:  url(/ilog/images/important_info_bg_bottom.png);
    background-repeat: no-repeat;
    height: 25px;
}


.stripe {
    height: 15px;
    width: 100%;
    background: #000860;
}

.contact-text {
    float: left;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: #555;
}

.contact-text font{
    color: #b00;
    font-weight: bold;
}

.logotype {
    max-height: 100px;
    margin: 20px 0 0px 50px;
}