body {
	background: url('../../images/system/login-background.png') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* IE8 Browser Fallback */

.browser-ie .container{
	width: 25%;
	display: table;
	background: transparent;
}


.browser-ie .panel-transparent {
	background:rgb(255,255,255);
    background: transparent\9;
    background:rgba(255,255,255,0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff);
    zoom: 1;
}

.browser-ie .panel-footer {
	border-top: 0;
}

.browser-ie .submit-btn {
	width: 100%;
	display: block;
	text-align: center;
	margin: 0;
}

/*
body, html {
	font-family: Helvetica, sans-serif;
	height:100%;
	margin: 0px;
	padding: 0px;
}
#loginMain {
	display: block;
	width: 602px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../../icons/login_main_bg.png);
	background-repeat: repeat-y;
}
#loginMain, #loginBox_top, #loginBox_bottom {
	background-color: #FFFFFF;
}
#companyLogo, #loginBox, #loginBox_top, #loginBox_bottom, #loginCredentials {
	margin: 0 auto;
}
*/
#companyLogo {
	width: 424px;
	margin-bottom: 20px;
}
/*
#loginBox {
	width: 496px;
	overflow:auto;
	min-height: 400px;
}
#loginBox, #loginUn, #loginPw, #loginPw_clear {
	background-color: #FFFFFF;
}
#loginBox_top, #loginBox_bottom {
	height: 5px;
	background-repeat: no-repeat;
}
#loginBox_top {
	background-image: url(../../icons/login_box_top.png);
}
#loginBox_bottom {
	background-image: url(../../icons/login_box_bottom.png);
}
#loginCredentials {
	width: 307px;
}
*/
#loginHead {
	color: #99CCFF;
	font-size: 18px;
	display: block;
	float: left;
}
#pwChange {
	color: #666666;
	font-size: 11.5px;
	display: block;
	float: right;
	padding-top: 5px;
}

.panel-transparent {
	background: rgba(255,255,255, 0.8);
	/* IE 6/7 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
	/* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)"; 
}
.panel-default>.panel-heading {
	background: none !important;
}

.btn-group-sm>.btn, .btn-sm {
	width: 100%;
	font-weight: bold;
	border-radius: 1px !important;
}

.form-control {
	border-radius: 1px !important;
}

.panel-footer {
	background: none !important;
	border-top: 0;
}

.panel {
	border-radius: 3px !important;
	background: rgba(255,255,255, 0.8);
}

.panel-body {
	margin-top: 25px;
}

.panel-heading {
	/* IE 6/7 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
	/* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)"; 
}
.panel-footer {
	text-align: center;
}

.panel-footer.bottom {
	float: right;
}

.panel-footer.bottom  span{
	float: left;
}


.login-panel {
	margin-top: 200px;
}

.login-title {
	text-align: center;
	height: 35px;
}

.login-title span{
	color:#8181F7;
	font-size: 20px;
	margin-left: 10px;
	display: inline-block;
}

.company-title {
	text-align: center;
	display: block;
	float: left;
	margin-bottom: 25px;
	width: 100%;
}

.company-title span{
	font-size: 28px;
	color: green;
	font-weight: bold;
	font-family: Segoe Script;
}

#pwChange a {
	color: #5690B9;
	text-decoration: underline;
}
/*
#loginUn, #loginPw_clear {
	color: #E4EBF0;
}
#loginPw {
	color: #FFFFFF;
}
*/

/*
#loginUn, #loginPw, #loginPw_clear {
	border: none;
	width: 260px; /* subtract padding (45px) from actual width (305px) */ /*
	height: 31px; /* for other browsers */ /*
	line-height: 31px; /* for our friendly neighbourhood browser IE */ /*
	background-repeat: no-repeat;
	padding-left: 45px;
	margin-top: 16px;
	vertical-align: middle;
}
#loginUn {
	background-image: url(../../icons/un_input.png);
}
#loginPw, #loginPw_clear {
	background-image: url(../../icons/pw_input.png);
}
*/
#submitButton {
	margin-top: 18px;
	margin-bottom: 36px;
}
#poweredBy {
	color: #999999;
	font-size: 10px;
	float: right;
	margin-right: 10px;
	display: table-cell;
	vertical-align: middle;
}
#pageTitle {
	overflow: auto;
}
#loginCredentials  {
	clear: both;
	/* position: relative;
	top: 20px; */
	margin: 20px auto;
}
#loginCredentials .fields {
	float: right;
	margin-top: 10px;
}
#loginCredentials label {
	clear: both;
	color: #669966;
	font-size: 0.8em;
}

.stylizedTable{
	display: table;
}
.stylizedTable > div, .stylizedTable > label {
	display: table-row;
}
.stylizedTable > div > div, .stylizedTable > div > label, .stylizedTable > div > input, .stylizedTable > div > select , .stylizedTable > div > span {
	display: table-cell;
	margin-top: 4px;
	/* padding: 0 10px 0 0; /* this setting is causing problems with select field */
}
.stylizedTable > div > label {
	width: 1px;
	padding-right: 5px;
	white-space: nowrap;
}
/*
#vFloater {
	position:relative;
	display: block;
	width: 100%;
	height:50%;
	margin-bottom:-250px; /* half of the height of the content div */ /*
	z-index: -100; /* to make sure that the layer doesn't block links on the page */ /*
}
*/

#content_holder {
	position: relative;
	width: 424px;
	margin: 0 auto;
	text-align: center;
	top: 50%;
	margin-top: -160px;
}

.loginErrors {
	color: red;
	font-size: 0.8em;
	margin-top: 10px;
}
.centerImageV {
	width:auto; 
	height:auto;
	vertical-align: middle;
	margin-left: 5px;
}