.LoginScreenDialog {
	top: 73px; 
	bottom: 33px; 
	width: 100%; 
	min-height: 446px;  
}

/*********** Login dialog specific CSS ***********/
.login-view {
	padding-top: 40px;
	padding-right: 28px;
	padding-left: 28px;
	padding-bottom: 40px;
	display: inline-block;
	width: 300px;
	min-width: 300px;
}

.login-view.sso {
	padding-top: 0;
	text-align: center;
	font-size: large;
}

.product-image {
	margin-bottom: 20px;
}

.input-view {
	background-position: 10px;
	background-repeat: no-repeat;
	background-color: #ffffff;
	height: 45px;
}

#pw-input-view, #new-pw-input-view, #confirm-pw-input-view {
	background-image: url("images/UserPassword_up.png");
}

#pw-input-view.input-focus, #new-pw-input-view.input-focus, #confirm-pw-input-view.input-focus {
	background-image: url("images/UserPassword_active.png");
}

#user-input-view, #change-password-user-input-view {
	background-image: url("images/UserName_up.png");
}

#user-input-view.input-focus {
	background-image: url("images/UserName_active.png");
}

#change-password-title h2 {
	font-weight: normal;
	padding-bottom: 10px;
	color: #1776bf;
}

#change-password-user-input-view, #change-password-user-input-view input {
	background-color: #ededed;
}

#change-pass-success h2 {
	text-align: center;
	margin: auto;
}

#change-pass-success {
	margin-bottom: 20px;
}

.input-label {
	position: absolute;
	margin-top: 14px;
	margin-left: 40px;
	border: 0;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	width: 250px;
	outline: 0 none;
	cursor: text;
}

.login-input {
	margin-top: 14px;
	margin-left: 40px;
	margin-right: 5px;
	border: 0;
	width: 250px;
	outline: 0 none;
}

.login-input::-moz-placeholder {
	color: #666666;
}

.login-input::-webkit-input-placeholder {
	color: #666666;
}

.login-input::-ms-input-placeholder {
	color: #666666;
}

input.login-input:focus[type=text],
input.login-input:focus[type=password] {
	background-color: #ffffff;
}

.input-focus {
	border: 1px solid #1776BF;
    box-shadow: 0px 0px 4px #1776BF;
    -moz-box-shadow: 0px 0px 4px #1776BF;
	-webkit-box-shadow: 0px 0px 4px #1776BF;
}

.input-error { 
	border: 1px solid #AF2227;
	box-shadow: 0px 0px 4px #AF2227;
    -moz-box-shadow: 0px 0px 4px #AF2227;
	-webkit-box-shadow: 0px 0px 4px #AF2227;
}

.login-error-msg {
	height: auto;
	min-height: 15px;	
	margin-top: 5px;
	color: #AF2227;
	-webkit-font-smoothing: antialiased; 
}

.login-button-panel {
	height: 45px;
}

.login-button {
	text-align: center;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 0;
	margin-left: 0;
	margin-top: 10px;
	outline: 0 none;
}

.login-button:hover {
	cursor: pointer;
}

body[class^="webkit"] .login-button:active {
	padding-top: 2px;
	padding-bottom: 0px;
}

.login-link {
	color: #007096;
	text-decoration: none;
	-webkit-font-smoothing: antialiased; 
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
	margin-left: 4px;
}

.login-link a:link,.login-link a:hover,.login-link
a:visited,.login-link a:active {
    color: #007096;
    text-decoration: none;
}

.login-link label {
	font-weight: normal;
}

/*********** webkit style scroll bar ***********/
::-webkit-scrollbar{
	width: 12px;
	height: 12px;
}

::-webkit-scrollbar-track {
	background: rgba(254,254,254,1);
}

::-webkit-scrollbar-thumb {
	border: 2px solid rgba(254,254,254,1);
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: rgba(0,0,0,0.5);
} 

/** Don't display autofilled username and password with yellow background **/
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}