/*Login Page CSS Override for ease of use for customer custom page changes*/
/*Logo File names are logo-blue.png and logo-beta.png in Images/login rename and replace with company logos*/
/*Body Fonts Background*/
body {
color: #000000;
font-family: "Helvetica", arial, sans-serif;
font-size: 12px;
line-height: 22px;
margin: 0px;
padding: 0px;
background:#720024 !important;
}
/*Background Image size 1800 x 391 change color to match ends of picture */
.login-background {
-moz-box-shadow: inset 0px -5px 62px -3px #720024;
-o-box-shadow: inset 0px -5px 62px -3px #720024;
-webkit-box-shadow: inset 0px -5px 62px -3px #720024;
background: url(../Images/login/login-background.jpg) no-repeat top center #720024 !important;
height: 390px;
position: relative;
}
/*Header Bar Color*/
.login-header {
background-color: #383E4B !important; 
width: auto;
}

/*Button Colors for Product Catalog & Sign Up*/
.link-buttons a {
background: #56AD56 !important; /*Bacground Color*/
border-radius: 4px;
color: #fff; /*Font Color*/
display: block;
margin-bottom: 10px;
padding: 10px;
text-align: center;
text-decoration: none;
}
/*Login Form Colors and details*/
.login-form {
-moz-border-radius: 0 0 18px 18px;
-webkit-border-radius: 0 0 18px 18px;
background-color: #636363;/*Bacground Color*/
border-radius: 0 0 18px 18px;
height: 175px;
padding: 15px 20px 15px 20px;
}
/*Login Button Color and details*/
.button {
-moz-background-clip: padding;
-moz-border-radius: 8px;
-webkit-background-clip: padding-box;
-webkit-border-radius: 8px;
background-clip: padding-box;
background-color: #5BB759 !important;
background-image: linear-gradient(to bottom, #62C462, #51A351);/*Bacground Color*/
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-radius: 8px;
color: #ffffff; /*Font Color*/
cursor: pointer;
height: 35px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
width: 107px;
}