#header {
width: auto;
max-width: 446px;
margin: 0px auto;
margin-bottom: 50px;
}
#header h1.logo {
margin: 0;
width: 320px;
}
a#clientLoginButton {
position: relative;
top: auto;
left: auto;
right: auto;
float: none;
margin: 20px 0 20px 56px;
display: block;
width: 272px;
}
a#clientLoginButton .text {
width: 240px;
}
#footer {
width: auto;
max-width: 446px;
margin: 0px auto;
border: none;
padding: 0;
}
#loginBox {
background: rgb(0,0,0);
background: rgba(0,0,0,0.5);
max-width: 446px;
margin: 0px auto;
font-family: Arial, 'Helvetica Neue', Helvetica, Tahoma, sans-serif;
}
#loginBox h2 {
background-color: #8DC63F;
color: white;
padding: 10px 20px 10px 56px;
font-size: 22px;
}
#loginBox form {
display: block;
padding: 10px 20px 10px 56px;
}
#loginBox form ul {
list-style: none;
margin: 0;
padding: 0;
}
#loginBox form ul li {
overflow: hidden;
margin: 0;
padding: 10px 0;
}
#loginBox form ul li label {
min-width: 100px;
float: left;
display: block;
}
#loginBox form ul li input {
float: left;
display: block;
width: 200px;
}
#loginBox form ul li.submitRow {
}
#loginBox form ul li.submitRow input,
#loginBox form ul li.submitRow a {
width: auto;
float: none;
margin-left: 100px;
}
#extraLinks {
padding: 10px 20px 30px 56px;
}
.copyright {
padding: 20px 40px;
display: block;
display: none;
}
/* button */
a.grey-button {
color: #333;
font-size: 11px;
text-decoration: none;
height: 23px;
line-height: 23px;
font-weight: bold;
padding: 5px 10px;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari, Chrome */
border-radius: 3px; /* CSS3 */
}
a.grey-button:link,
a.grey-button:visited {
border: 1px solid #c7c6c7;
background-color: #f7f7f7;
}
a.grey-button:hover,
a.grey-button:active {
border: 1px solid #8DC63F;
background-color: #f7f7f7;
-moz-box-shadow: 0px 0px 5px #8DC63F; /* x, y, blur, color */
-webkit-box-shadow: 0px 0px 5px #8DC63F;
box-shadow: 0px 0px 5px #8DC63F;
}
