body {
	width:										100%;
	background-color:							#ffffff;
	color:										#333333;	
	background-image:							none;
	font-family:								"Open Sans",sans-serif;
}

#container_logo {
	width:										100%;
	margin-left:								auto;
	margin-right:								auto;
	padding-top:								2px;
	margin-bottom:								25px;
}

#container_login {
	width:										400px;
	margin-left:								auto;
	margin-right:								auto;
	min-height:									400px;
	padding-top:								60px;
}

#container_login div.form_box {
	background-color:							#f9f9f9;
	padding:									50px;
	padding-top:								25px;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(51,51,51,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(51,51,51,1);
	box-shadow: 0px 0px 10px 0px rgba(51,51,51,1);
}

#container_login div.welcome {
	color:										#999999;
	font-size:									20px;
	margin-bottom:								25px;
}

#error_container {
	background-color:							#ffe0e0;
	padding:									10px;
	color:										#ff0000;
	font-size:									12px;
}

#warning_container {
	background-color:							#eocccc;
	padding:									10px;
	color:										#00ff00;
	font-size:									12px;
}

#logo {
	background-image:							url(../images/default/evi_logo_720.png);
	width: 										100px;
	height: 									100px;
	border-radius: 								100px;
	-webkit-border-radius: 						100px;
	-moz-border-radius: 						100px;
	box-shadow: 								0 0 8px rgba (0, 0, 0, .8);
	-webkit-box-shadow: 						0 0 8px rgba(0, 0, 0, .8);
	-moz-box-shadow: 							0 0 8px rgba(0, 0, 0, .8);
	margin: 									auto;
	background-repeat: 							no-repeat;
	background-position: 						center;
	background-size: contain;
	background-color:white;
}

#intro_text {
	font-size:									13px;
	text-align:									center;
	margin-bottom:								10px;
	color:										#999999;
}

#login_form {
	
}

#login_form .username_container {
	color:										#999999;
	font-size:									13px;
	line-height:								32px;
	margin-bottom:								20px;
}

#login_form .username_container>input {
	width:										300px;
	border:										1px solid #cccccc;
	font-size:									12px;	
	height:										32px;
	padding-left:								5px;
}

#login_form .password_container {
	color:										#999999;
	font-size:									13px;
/* 	line-height:								32px; */
	margin-bottom:								10px;
}

#initiate_help {
	font-size:									13px;
	
}

#login_form .password_container>input {
	width:										300px;
	border:										1px solid #cccccc;
	font-size:									12px;
	height:										32px;
	padding-left:								5px;
}

#login_form>input {
	width:										280px;
	border:										1px solid #cccccc;
	padding:									10px;
	font-size:									12px;
}

#login_form .button {
	width:										300px;
	border:										1px solid #cccccc;
	background-image:							none;
	height:										32px;
	line-height:								32px;
	padding-top:								0px;
}

#reset_form .password_container {
	color:										#999999;
	font-size:									13px;
/* 	line-height:								32px; */
}

#reset_form input {
	width:										300px;
	border:										1px solid #cccccc;
	padding:									10px;
	font-size:									12px;
}

#reset_form .button {
	width:										300px;
	border:										1px solid #cccccc;
	background-image:							none;
	height:										32px;
	padding:									0px;
}

#brands_container {
	width:										100%;
	height:										100px;
	overflow:									hidden;
	position:									absolute;
	white-space:								nowrap;
	vertical-align:								middle;
}

#brands_container img {
	position:									absolute;
	margin: 									10px;
	transition: 								all 0.5s ease 0s;
    display: 									block;
    max-width:									120px;;
    width: 										auto;
    height:45px;
    max-height:60px;
}

#brands_container a {
 	width: 150px !important;
 	min-width:150px;
}

#brands_container img:hover {
	cursor:										pointer;
	transform:									scale(1.5);
}

.image_container {
	position:									relative;
	margin-left:								200px;
	text-align:									center;
}

.welcome_container_with_user_info {
	color:										#999999;
	font-size:									18px;
	margin-bottom:								25px;
}

.welcome_normal {
	color:										#999999;
	font-size:									20px;
	margin-bottom:								25px;
	margin-top:									5px;
}

@media only screen and (max-width: 1026px), screen and (max-height: 650px) {
    footer {
        display: none;
    }
}

#pw_without_email {
	padding: 									25px 15px 0px 15px;
	font-size: 									13px;
	color: 										#999999
}

#pw_with_email {
	padding: 									25px 15px 25px 15px;
	font-size: 									13px;
	color: 										#999999
}

.ui-widget.reset-dialog {
    font-family: 								Verdana,Arial,sans-serif;
    font-size: 									.8em;
}

.ui-widget-content.reset-dialog {
    background: 								#F9F9F9;
/*     border: 1px solid #4785E3; */
    color: 										#222222;
}

.ui-dialog.reset-dialog {
    left: 										0;
    outline: 									0 none;
    padding: 									0 !important;
    position: 									absolute;
    top: 										0;
}

.ui-dialog.reset-dialog .ui-dialog-content {
    background: 								none repeat scroll 0 0 transparent;
    border: 									0 none;
    overflow: 									auto;
    position: 									relative;
    padding: 									0 !important;
    margin: 									0;
}

.ui-dialog.reset-dialog .ui-widget-header {
    background: none;
    border: 0;
    font-weight: bold;
    font-size: 40px;
    height:30px;
    font: 400 18px "Open Sans",sans-serif;
    border-bottom:1px solid grey;
}

.ui-dialog.reset-dialog .ui-widget-header > span{
	font-size: 18px;
}

.ui-dialog.reset-dialog .ui-dialog-titlebar {
    padding: 0.1em .5em;
    position: relative;
    font-size: 2em;
    border-bottom: 1px solid #ececec;
	border-radius: 0;
	color: #666666;
}

#popover_pw_with_email_form .button {
	width: 50px;
	margin-bottom: 10px;
}

#popover_pw_with_email{
	font-size: 10px;
}