@font-face {
    font-family: "aldo-semibold";
    src: url(../fonts/aldo-semibold.eot);
    src: url(../fonts/aldo-semibold.eot) format("embedded-opentype"), url('/./fonts/aldo-semibold.woff') format("woff"), url(../fonts/aldo-semibold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

body {
    line-height: 1;
    font-family: 'Ubuntu';
}

.container {
    position: relative;
    margin: 0 auto;
    padding: 0;
    min-width: 0;
    max-width: 100%;
    width: 1008px
}

.container .column.twelve, .container .columns.twelve {
    min-width: 0;
    max-width: 100%;
    width: 978px
}

.container {
    width: 100%;
    max-width: 1300px
}

.container .columns.full {
    width: 100%;
    margin: 0;
    max-width: 1300px
}

.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.container .column, .container .columns {
    float: left;
    display: inline;
    margin-left: 15px;
    margin-right: 15px
}

.container .column.four, .container .columns.four {
    min-width: 0;
    max-width: 100%;
    width: 306px
}

.container .inner {
    margin: 0 auto;
    float: none;
    display: block
}

.container .inner:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

h1 {
    font-family: 'aldo-semibold';
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 14px;
    color: #003366;
}

p {
    margin: 0 0 20px 0;
    line-height: 21px;
    font-size: 15px
}

#login-page {
    margin-bottom: 0
}

#login-page #content {
    background: url("../images/login.jpg") no-repeat center top;
    min-height: 642px;
    padding-top: 270px
}

#login-page #login-form {
    background: white;
    border-radius: 4px 4px 4px 4px;
    margin: 0 auto;
    float: none;
    display: block;
    padding: 20px 0
}

#login-page #login-form form {
    background: transparent;
    border: none
}

#login-page #login-form h1 {
    font-size-adjust: 0.488;
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    line-height: 30px
}

#login-page #login-form h1 strong {
    font-size-adjust: 0.488;
    font-weight: normal;
    font-style: normal
}

#login-page #login-form h1, #login-page #login-form p {
    margin-left: 20px;
    margin-right: 20px
}

#header {
    overflow: hidden;
    *zoom: 1;
    padding: 22px 0
}

#header hgroup {
    padding-left: 84px;
    float: left
}

#header hgroup h1 {
    font-size-adjust: 0.488;
    font-weight: normal;
    font-style: normal
}

#header hgroup h1, #header hgroup h2 {
    line-height: 25px;
    font-size: 20px;
    margin: 0
}

#header #logo {
    display: block;
    width: auto;
    overflow: hidden;
    text-indent: -999px;
    background: url("../images/elis_logo.png") top left;
    background-repeat: no-repeat;
    text-align: left;
    float: right;
    margin: 0
}

#header #logo a {
    display: block;
    overflow: hidden;
    *zoom: 1
}

.button {
    font-family: 'Ubuntu';
    color: white;
    cursor: pointer;
    background-color: #00a4a9;
    min-width: 270px;
    color: #ffffff;
    border: 1px solid #00a4a9;
    padding: 5px;
    border-radius: 3px;
    height: 50px !important;
}

.button:hover {
    background-color: #11ced2 !Important;
}

input[type="text"], input[type="password"] {
    border: 1px solid #8ac3d0;
    padding: 6px 4px;
    outline: none;
    font-size: 15px;
    line-height: 21px;
    color: #50677b;
    margin: 0;
    width: 230px;
    max-width: 100%;
    display: block;
    background: #fff;
    padding: 14px 19px 13px 19px;
}

.error {
    color: #c21c1c !important
}

a {
    color: #2e2e2e;
    text-decoration: none;
}

a:hover {
    color: #77be22;
    text-decoration: underline;
}


#ctl00_p_LoginControl_RequestLoginLinkButton {
    font-size: small;
    color: #50677b;
}

#ctl00_p_LoginControl_RequestLoginLinkButton a:hover {
    color: #c80000 !Important;
}