html, body {
	height: 100%;
}
body {
	background: #f7f7f7;
	color: #393939;
	font: normal 13px "Helvetica Neue", Helvetica, Arial;
	margin: 0;
	padding: 0;
}
input {
	font: normal 13px "Helvetica Neue", Helvetica, Arial;
	margin: 0;
}
#login:-ms-input-placeholder,
#email:-ms-input-placeholder,
#password:-ms-input-placeholder {
	color: grey;
}

img {
	border: 0;
}

.arrow-left {
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid #fff;
	position: absolute;
	top: -8px;
	left: 1px;
}
.arrow-left.grey {
	border-right: 8px solid #d6d6d6;
	left: -8px;
	top: 49%;
}

.reset-passwd {
	color: #2e2e2e;
}

.info {
	border-top: solid 1px #e1e1e1;
	border-bottom: solid 1px #e1e1e1;
	color: #6a6a6a;
	padding: 15px 0;
}

.v-table {
	border: 0;
	border-collapse: collapse;
	width: 100%;
	height: 100%;
}
.v-table td {
	vertical-align: middle;
}

#login-page.logout .login-box {
	text-align: center;
}

.bttn-login {
	padding: 6px 24px;
}

.lh20 {
	line-height: 20px;
	margin: 0;
	padding: 0 0 20px 0;
}

.info-box {
	width: 408px;
	margin: auto auto 15px;
}

.branding-img {
	text-align: center;
	margin-bottom: 40px;
}
.branding-img img {
	max-height: 151px;
	max-width: 311px;
}

.login-box {
	background: #fff;
	border: solid 1px #d7d7d7;
	padding: 40px;
	margin: auto;
	width: 360px;
}
.login-box form {
	margin: 0;
	padding: 0;
}

.login-box .inputs input {
	border: solid 1px #cecece;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1) inset;
	color: #393939;
	padding: 6px 10px;
	width: 338px;
}
.login-box .inputs .input input:focus {
	border-color: #a4a4a4;
	outline: 0;
}
.login-box .inputs .input {
	padding-bottom: 20px;
}
.login-box .inputs input.error {
	border-color: #ee1e1e;
}
.login-box .inputs input.warning {
	border-color: #F2A700;
}
.login-box .inputs input.placeholder {
	color: grey;
}
.reset-passwd .login-box .inputs label {
	display: block;
	font-weight: bold;
	padding-bottom: 3px;
}
.reset-passwd .login-box .inputs input {
	background: #fff url('../../../images/ui/ico-passwd-reset.gif') 3px center no-repeat;
	padding-left: 28px;
	width: 320px;
}

.remember-me {
	position: relative;
	margin-bottom: 20px;
}
.remember-me label {
	padding-left: 20px;
}
.remember-me input {
	height: 12px;
	line-height: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 2px;
	margin: 0;
	width: 12px;
}

.items {
	overflow: auto;
}
.buttons {
	float: left;
	margin-top: 2px;
}
.buttons .loading {
	padding: 0 5px 5px 20px;
	margin: 5px 0 0 0;
	position: relative;
}
.buttons .loading img {
	position: absolute;
	left: 0;
}
.buttons .loading,
.buttons.process .bttn {
	display: none;
}
.buttons.process .loading {
	display: block;
}
.buttons .cancel-bttn {
	margin-left: 10px;
}
.links {
	float: right;
	text-align: right;
}
.links.one-link {
	padding-top: 10px;
}
.links p {
	margin: 0;
	padding: 0;
}
.links p.f {
	padding-bottom: 5px;
}
.links a {
	color: #0186bd;
	text-decoration: none;
}
.links a:hover {
	text-decoration: underline;
}

.reset-passwd .login-box .inputs {
	position: relative;
}
.passwd-validators {
	background: #fff;
	border: solid 1px #d6d6d6;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	display: none;
	padding: 15px;
	position: absolute;
	top: 0;
	left: 105%;
	width: 223px;
}
.passwd-validators p {
	font-weight: bold;
	margin: 0;
	padding-left: 20px;
}
.passwd-validators .rules {
	list-style: none;
	margin: 7px 0 0 0;
	padding: 0;
}
.passwd-validators .rules li {
	background: url('../../../images/ui/reset-pass-sprite.png') no-repeat;
	background-position: 0 -33px;
	padding-left: 20px;
	padding-top: 5px;
}
.passwd-validators .rules li.error {
	background-position: 0 7px;
	color: #ee1e1e;
}
.passwd-validators .rules li.passed {
	background-position: 0 -73px;
}