html {
    height: 100%;
}

body {
    background-color: #d9f1fb;
    font-family: HelveticaNeue, Arial, Helvetica, sans-serif;
    font-size: 14px;
    height: 100%;
}

a {
    color: #292f80;
}

.pageWrapper {
    min-height: 100%;
    position: relative;
}

.branding {
    font-size: 9px;
    height: 38px;
    position: relative;
    top: 38px;
}

.branding .caption {
    margin-left: 29px;
}

.content {
    width: 960px;
    margin: 0 auto;
    padding-bottom: 150px; /* This leaves at least 100px between the content and the footer, given the footer is 50px high */
}

.mainLogo {
    display: block;
    margin: 0 auto;
}

.loginForm {
    width: 500px;
    margin: 40px auto 75px auto;
}

.inputContainer {
    background-image: url('../img/input_background.png');
    background-position: top left;
    background-repeat: no-repeat;
    width: 381px;
    height: 73px;
    display: inline-block;
    vertical-align: middle;
}

.inputContainer > input {
    border: 1px #fff solid;
    font-size: 28px;
    width: 190px;
    position: relative;
    left: 45px;
    top: 15px;
}

.buttonContainer {
    width: 119px;
    height: 73px;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}

.buttonContainer > input {
    display: inline-block;
    margin-top: 19px;
}

.helpLink {
    text-align: right;
}

.pseudoLink {
    text-decoration: underline;
    cursor: pointer;
    color: #292f80;
}

.links {
    width: 500px;
    margin: 0 auto;
    background-color: #FFF;
}

.links .headerDecoration {
    width: 500px;
    height: 12px;
    background-image: url('../img/content_block_header.png');
    background-repeat: no-repeat;
}

.links .footerDecoration {
    width: 500px;
    height: 12px;
    background-image: url('../img/content_block_footer.png');
    background-repeat: no-repeat;
}

.links p {
    padding: 3px 15px;
    margin: 2px 0;
}

.links .linkContainer {
    text-align: center;
    padding: 3px 5px;
    margin: 18px 0 5px 0;
}

.linkContainer span.link {
    display: inline-block;
    width: 150px;
    text-align: center;
    margin: 0 5px;
    font-size: 13px;
    text-decoration: none;
    color: #000;
}

.linkContainer span.link img {
    display: inline-block;
    margin-bottom: 5px;
}

.footer {
    position: absolute;
    height: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #423865;
    font-size: 13px;
    color: #fff;
}

.footer a {
    color: #ffffff;
    text-decoration: none;
}

.footerContent {
    width: 960px;
    margin: 0 auto;
}

.footerContent a {
    display: inline-block;
    margin: 17px 15px 0 0;
}

.copyright {
    display: block;
    float: right;
    font-size: 11px;
    margin-top: 19px;
}

.dialogModal {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10001;
    background-image: url('../img/modal_mask.png');
    display: none;
}

.helpDialog {
    margin: 184px auto;
    width: 540px;
}

.helpDialogHeader {
    padding: 0;
    margin: 0;
    height: 47px;
    line-height: 1px;
}

.helpCloseButton {
    cursor: pointer;
}

.helpDialogBody {
    padding: 0 20px 15px 20px;
    margin: 0;
    background-image: url('../img/dialog_body_background.png');
    background-repeat: repeat-y;
    width: 481px;
}

.helpDialogBody p {
    margin: 0;
    padding: 0;
}

.helpDialogBody p.sample_image {
    margin: 15px 0;
}

.helpDialogFooter {
    height: 12px;
    line-height: 1px;
}

a:hover {
    text-decoration: underline;
}