//New Variables
@Four51Orange: #F26646;
@Four51Red: #E13D34;
@Four51DarkBlue: #00394D;
@Four51LightBlue: #0090D6; //light blue

@Four51LightGrey: #E4E5E6; //light grey
@Four51DarkGrey: #7F8080; //dark grey
@Four51Black: #231F20; //awesome black
@Four51White: #FFFFFF; //white

/* Page - Login
------------------------------------------------------------------- */
body.login  {
    background: #ffffff;
}

a#lbnHelp {
    padding-left: 180px;
    color:#0090D6;
    text-decoration: underline;}

div#cellophane-wrapper {
    width: 325px;
    margin: 75px auto;
    position: relative;
    border-bottom:2px dotted #00394D;
    background-color: transparent;
    margin-bottom: 0;
}

#adminLogMe {
    background-color: #fff;
    margin: 0 auto;
    width: 400px;
    padding: 25px 0 0;

}

#adminLogMe img {
    position: absolute !important;
    padding: 75px 0;
    float: left;

}

#adminLogMe .form-field {
    margin: 0;
    float: left;
    padding-right: 25px;
    border: none;
}

#adminLogMe .form-input {
    margin: 0;
    padding: 0;
    text-align: right;
}

fieldset.login 	{
    margin: 0;
    padding: 0 0 25px 0px;
    width: 400px;
    float: left;
    border: none !important;
}

fieldset.login div.form-input {
    float: left;
    clear: left;
    margin-top: 15px !important;
}

fieldset.login div.form-field label {
    display: block;
    margin: 15px 50px 3px 0 !important;
    color:#00394D;
    font-size: 10pt;
}

fieldset.login div.form-field input   {
    border: 2px solid #0090D6;
    width: 145px !important;
    color: #0090D6;
}

fieldset.emailme {
    margin: 0;
    padding: 0 0 25px 0px;
    width: 400px;
    float: left;
    border: none !important;
}

fieldset.emailme div.form-input {
    float: left;
    clear: left;
    margin-top: 15px !important;
}

fieldset.emailme div.form-field label {
    display: block;
    margin: 15px 50px 3px 0 !important;
    color:#00394D;
    font-size: 10pt;
}

fieldset.emailme div.form-field input   {
    border: 2px solid #0090D6;
    width: 321px !important;
    color: #0090D6;
}

fieldset.ResetPassword 	{
    margin: 0;
    padding: 0 0 25px 0px;
    width: 400px;
    float: left;
    border: none !important;
}

fieldset.ResetPassword div.form-input {
    float: left;
    clear: left;
    margin-top: 15px !important;
}

fieldset.ResetPassword div.form-field label {
    display: block;
    margin: 15px 50px 3px 0 !important;
    color:#00394D;
    font-size: 10pt;
}

fieldset.ResetPassword div.form-field input   {
    border: 2px solid #0090D6;
    width: 145px !important;
    color: #0090D6;
}

div#powered-by {
    margin: 10px auto;
    position: relative;
    width: 325px;
    padding: 0;
    text-align: right;
    font-size: 8pt;
}

div#powered-by a {
    text-decoration: underline;
    color: #0090D6;
}

fieldset.login div.form-input p {
    font-size: 12px;
    float: left;
    margin-left: 5px;
}

fieldset.login div.form-input input  {
    font-size: 10pt;
    float: left;
}

legend.login {
    display: none;
}

.clear  {
    display: block;
    clear: both;
    width: 1px;
    height: 0.001%;
    font-size: 0px;
    line-height: 0px;
}

fieldset.emailme div.form-input p {
    font-size: 10pt;
    float: left;
    margin-left: 5px;
}

fieldset.emailme div.form-input input  {
    font-size: 10pt;
    float: left;
}

legend.emailme {
    display: none;
}

fieldset.ResetPassword div.form-input p {
    font-size: 10pt;
    float: left;
    margin-left: 5px;
}

fieldset.ResetPassword div.form-input input  {
    font-size: 10pt;
    float: left;
}

legend.ResetPassword {
    display: none;
}

.form-field .form-field {
    padding: 4px;
    border:none;
    background:none;
}

.form-field .form-field>label {
    color:inherit;
    font-size:inherit;
    background-color:inherit;
}

.form-input {
    margin: 10px 0 0 0;
}

.form-error {
    padding: 2px 2px 2px 34px;
    background: #ffffff url(../Images/Logon/stop.png) no-repeat 4px 4px;
    min-height: 26px;
    border: 1px solid #F26646;
    color: #E13D34;
}

input[type=text].datepicker {
    width: 100px;
}

.MessageBox {
	padding: 5px !important;
    margin: 0 0px auto !important;
    border: 2px dotted #E13D34 !important;
    color: #E13D34 !important;
    font-size: 8pt !important;
    background-color: transparent;
    width: 325px !important;
}

a.lbnBackToLogon {
    color:#0090D6;
    text-decoration: underline;
    padding-left: 180px;
}

div#LogonDate {
    margin: 20px auto 10px auto;
    position: relative;
    width: 325px;
    padding: 0;
    text-align: right;
    font-size: 8pt;
}

div#RightsReserved {
    margin: 10px auto;
    position: relative;
    width: 325px;
    padding: 0;
    text-align: right;
    font-size: 8pt;
}

#divRightLogo, #divLeftLogo {
    text-align:center;
    display:block;
}

#LogoContainer #imgLeftLogo{
    position: relative;
    /*left: 37.8% !important;*/
    vertical-align: top;
}

#LogoContainer #imgRightLogo{
    position: relative;
    /*left: 37.8% !important;*/
    vertical-align: top;
}

#LogonContainer {
    margin-left: 0px !important;
    margin-bottom: 1px !important;
    /*margin-right: 15px !important;*/
}

#LogoContainer {
    position: relative;
    top: 0px !important;
    width: 100%;
    margin: 0 auto;
    overflow: visible;

}

/* Button - Primary Button 
------------------------------------------------------------------- */

.button-primary	{
    display: block;
    margin-left: 180px;
    font-size: 10pt !important;
    text-align: center;
	padding: 4px !important;
    background-color: transparent;
			border: 2px solid #00394D;
			color: #00394D;
			text-decoration: none !important;
			-webkit-tap-highlight-color: rgba(0,0,0, 0);
			-webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.05);
			   -moz-box-shadow: inset 0 0 5px rgba(0,0,0, 0.05);
					box-shadow: inset 0 0 5px rgba(0,0,0, 0.05);
			-webkit-border-radius: 20px;
			   -moz-border-radius: 20px;
					border-radius: 20px;
			-webkit-transition: all 0.123s ease-out;
			   -moz-transition: all 0.123s ease-out;  
					transition: all 0.123s ease-out;
		 }
.button-primary:hover {
	text-decoration: none;
    background-color:#0090D6;;
	border-color: #0090D6;
    color: #fff;
		}
		
.button-primary:active, .touched {
	background: #F26646;
	border-color: #F26646;
	color: #fff;
}