body,
html {
    width: 100% !important;
}

body {
    overflow-y: auto;
}

#container {
    width: 100%;
}

.header span {
    margin: 0 6px !important;
}

.content {
    padding: 7px 10px !important;
    /* had to delete as content is now mainly set in pageWrapper and when content is 100% it stretches out of the dataGrid */
    width: 100%;
}

.loginBox {
    padding: 5px 25px 35px;
    margin-bottom: 30px !important;
}

.loginLinksWrapper .link#register {
    display: none !important;
}

.loginLinksWrapper {
    padding-bottom: 40px !important;
}

.loginLinksWrapper div.loginRegister {
    display: block !important;
}

label.error,
label.valid {
    display: inline;
    padding-left: 16px;
    margin-left: .3em;
}

#functionLoginMessageWrapper #functionLoginMessage {
    padding: 5px 25px;
}