﻿body 
{
	margin: 0px;
	background: url(../images/common_img/bg3.png) repeat; 
	text-align: center;
	font-family: "arial", "verdana", "helvetica", "sans-serif";
}
#logoContainer
{
	margin: auto;
	width: 585px;
	height: 122px;
	border: solid 0px #ffffff;
	position: relative;
	/*top: 8px;*/
}
#mainContainer 
{
	margin: auto;
	width: 585px;
	height: 325px;
	background: url(../images/common_img/loginbg3.png) repeat;
	border: solid 0px #ffffff;
	position: relative;
	top: 150px;
}

.waistcoat_LOGO
{
	float: left;
	width: 800px;
	height: 100px;
	margin: 18px 0px 0px 7px;
	border: 0px solid #ffffff;
	color: #ffffff;
	font-size: 25pt;
	font-family: Arial;
	font-weight: bold;
}

.login_pane
{
	height: 180px;
	width: 375px;
	margin: 105px 0px 0px 178px;
	float: left;
	border: 0px solid red;/*#ff00ff;*/
	position: absolute;
}

.login_user_id, .login_user_pass
{
	float: left;
	width: 155px;
	height: 56px;
	text-align: right;
	line-height: 56px;
	color: #ffffff;
	font-size: 20pt;
	font-weight: normal;
	font-family: "arial", "verdana", "helvetica", "sans-serif";
	border: 0px solid #ffff00;
}

.login_text_name, .login_text_passwd
{
	float: left;
	width: 255px;
	height: 42px;
	margin: 0px 0px 0px 81px;
	overflow: hidden;
}

.login_user, .login_userTouch, .login_pass, .login_passTouch
{
	position: absolute;
	top: 7px;
	left: 85px;
	width: 249px;
	height: 33px;
	line-height: 33px;

	height: 28px\9;
	line-height: 28px\9;
	
	border: 2px solid #dcdcdc;
	font-size: 21px;
	color: #000000;
	border-radius: 4px 4px 4px 4px;	
}

.login_pass, .login_passTouch
{
	top: 43px;
	top: 45px\9;
}

.loginErrorReport
{
	position: absolute;
	width: 375px;
	height: 29px;
	border: 0px solid #ffff00;
	font-size: 13pt;
	font-family: "arial", "verdana", "helvetica", "sans-serif";
	color: #000000;
	top: 96px;
	left: 0px;
	display: block;
}
.loginErrorReportHidden
{
	left:90px;
	top:93px;
	display: block;position:absolute;
}

.login_btn
{
	float: left;
	width: 138px;
	height: 47px;
	margin: 135px 0px 0px 55px;
	border: 0px solid #ff00ff;
	overflow: hidden;
}

.login_confirm, .login_confirmTouch
{
	float: left;
	width: 139px;
	height: 40px;
	margin: 0px 9px 0px 0px;
	color: #000000;
	font-family: "arial", "verdana", "helvetica", "sans-serif";
	font-size: 18pt;
	padding-top: 7px;
	cursor:pointer;
	/*background :url(../images/login/login.png) no-repeat;
	*/
}

.login_confirmTouch
{
 	/*background :url(../images/login/login.png) no-repeat;
	*/
 }

 .login_cancel, .login_cancelTouch
 {
 	float: left;
 	width: 100px;
 	height: 55px;
 	margin: 0px 0px 0px 0px;
 	color: #000000;
	font-family: "arial", "verdana", "helvetica", "sans-serif";
	font-size: 18pt;
	padding-top: 7px;
 	cursor: pointer;
 	background: url(../images/login/reset.png) no-repeat;
 }

 .login_cancelTouch
 {
 	background :url(../images/login/reset.png) no-repeat;
 }

.staySigned
{
	float: left;
	width: 170px;
	height: 40px;
	margin: 140px 0px 0px 7px;
}

.persistentCookie
{
	float: left;
	width: 32px;
	height: 32px;
	margin: 0px;
}

.rememberLabel
{
	float: left;
	width: 125px;
	height: 30px;
	margin: 7px 0px 0px 0px;
	border: 0px solid #ff00ff;
	white-space: nowrap;
	color: #666666;
	font-size: 13pt;
	font-family: "arial", "verdana", "helvetica", "sans-serif";
}
