.loginForm .header {
    background-color: #303c49;
    background-repeat: ${header.background.repeat};
    background-position: ${header.background.position};
}

.loginForm .header > div {
	border-top: ${header.border.top};
    border-right: ${header.border.right};
    border-bottom: ${header.border.bottom};
    border-left: ${header.border.left};
}

.loginForm .logo {
    background-repeat: ${logo.repeat};
    background-position: ${logo.position};
}

.loginForm {
    color: #000000;
}

.loginForm form, .loginForm .form {
    background-color: #d6d8db;
}

.loginForm .loginButton {
	background-color: ${form.button.background.color}
}

.loginForm .loginButton:hover {
    background-color: ${form.button.background.highlight.color};
}

#lostPassword  a,
#lostPassword  a:link,
#lostPassword  a:visited,
#lostPassword  a:hover,
#lostPassword  a:active {
    color: ${lost.password.link.text.color};
    background-color: ${lost.password.link.background.color};
    font-size: ${lost.password.link.font.size};
}

#lostPassword  a:hover {
    color: ${lost.password.link.text.hover.color};
    background-color: ${lost.password.link.background.hover.color};
    font-size: ${lost.password.link.font.hover.size};
}

.loginBoxFooter {
    color: ${box.footer.text.color};
    font-size: 15px;
}

.loginBoxFooter > span {
    color: ${box.footer.span.text.color};
    font-size: ${box.footer.span.font.size};
}

.loginBoxFooter a,
.loginBoxFooter a:link,
.loginBoxFooter a:visited,
.loginBoxFooter a:hover,
.loginBoxFooter a:active {
    color: #000000;
    background-color: ${box.footer.link.background.color};
    font-size: ${box.footer.link.font.size};
}

.loginBoxFooter a:hover {
    color: ${box.footer.link.text.hover.color};
    background-color: #d6d8db;
    font-size: ${box.footer.link.font.hover.size};
}