div {border:0px solid #ff0000;}
#cardlessLogin{width:884px; margin:auto; padding-top:10px;}
#topOptions{height:55px;}
#TranslationPane{width:250px; float:right; margin-top:5px;}
#chat{width:90px; height:50px; float:right; background:transparent url('/assets/images/chat/chat_icon.jpg') top center no-repeat;}
#chat a{width:90px; height:50px;float:right;}
/***********************/
/* these are old login page styles that need to stay till we convert every custom login page as they use these styles */
#JJJlogin {height:600px; width:960px; margin:auto; background:#fff url('/assets/images/bg_login.jpg') no-repeat;}
#JJJloginBox{width:350px; position:relative; top:135px; left:600px; font-size:12px; line-height:17px;}
#JJJloginForm{margin-top:10px;}
#JJJloginForm.generic, #JJJloginForm.card {width:337px; height:188px; margin-top:10px;}
#JJJloginForm.generic form{padding-top:50px;}
#JJJloginForm.card form{margin:0px 0 0 0; text-align: center;}
#JJJloginForm label {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 120px; 
	padding: 0; 
	margin: 10px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	font-size:12px; 
	}
#JJJloginForm form fieldset {padding-left:42px;}
#JJJloginForm.generic input {width:180px; margin:6px 0 0 0px;}
#JJJloginForm.card input {width:120px; margin:60px 0 0 0px;}
#JJJloginForm.generic .JJJloginBtn {width:auto; margin-left:218px;}	
#JJJloginForm.card .JJJloginBtn {width:auto; margin:10px 0 0 175px;}	
#JJJloginGroup {width:240px; position:relative; left:100px; margin-top:10px;}
#JJJloginGroup p{float:left; font-size:10px; line-height:14px;}
#JJJloginGroup img{float:left;}		

#cardlogin	{
	background: url('/assets/images/card.gif') no-repeat 64px 0px;
	font:12px arial, sans-serif;		
	padding:0px 8px 8px 124px;
	margin:5px;
	}
}
#JJJlogin span{font-weight:bold;}
#loginerror	{
	border:#ee971c 1px solid;
	background:#ffe6c3 url('/assets/images/icon_warning.gif') no-repeat 5px 5px;
	padding:12px 8px 12px 50px;			
	margin:5px;
	width:270px;
	line-height:16px;
			
}
/***********************/
/* end old */
#newCardLogin	{
	
	font:12px arial, sans-serif;		
	padding:0px 8px 8px 0px;
	margin:5px;
}
#message.alert, .message.alert 	{
	position:relative;
top:20px;
			
}

#cardNumberImage{position:relative; float:left; left:30px; top:40px; padding-right:50px;}
#loginBanner{width:884px; height:144px; margin:auto; }

#loginBanner #JJJloginGroup {width:240px; position:relative; display:block; float:left; margin:10px 0px 0px -55px;}
#loginBanner #JJJloginGroup p{font-size:10px; line-height:14px;}
#loginBanner #JJJloginGroup img{max-width:175px;max-height:83px;}

#loginBanner #BannerText{position:relative; display:block; float:left; width:600px; margin:50px 0px 0px 50px; font:29px Trebuchet MS, Verdana, Arial; font-weight:400; color:#336699;}

#loginForm{margin:0px 0px 20px 75px; float:left; position:relative; top:50px;}
#loginForm.generic, #loginForm.card {width:337px; height:190px;}
#loginForm.generic form{position:relative; top:20px; height:110px;}
#loginForm b{position:relative;width:337px; top:10px;left:18px;font:18px Trebuchet MS, Verdana, Arial;color:#336699;}
#loginForm span{float:left; width:320px; margin:10px 5px 0px 19px; font:12px Trebuchet MS, Verdana, Arial;}
#loginForm.card form{margin:0px 0 0 0; text-align: center;}
#loginForm label {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 120px; 
	padding: 0; 
	margin: 10px 3px 0 10px; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	font-size:12px; 
	}
#loginForm.generic .JJJloginBtn {width:auto; margin:10px 30px 0px 0px; float:right;}	
#loginForm.card .loginBtn {width:auto; }
#loginForm.generic input {width:180px; margin:6px 0 0 0px;}

#loginForm input#groupId {width:120px; margin:0px 5px 0px 35px;}
#loginForm input#memberId {width:120px; margin:0px 5px;}
#loginForm input#memberIdOnly {width:150px; margin:0px 0px 0px 35px;}
#loginForm.card input {width:120px; margin:60px 0 0 0px;}
.es input#Groupid{}
.es input#Memberid{}
.es input#userName{}
.es input#pswd{}
.es #loginBanner #BannerText{}
.es #loginForm.generic fieldset form#Login{position:relative; top:10px; margin-left:20px;}
.es label{width:300px !important; text-align:left !important; margin:0px !important; float:none !important;}
.es .JJJloginBtn{position:relative; top:-3px;}
.es #cardLogin .JJJloginBtn{top:0px !important;}
#guest{position:relative; top:40px; left:28px;}
#guestCard{position:relative; left:28px;}
#forgotPswd{position:relative; top:24px; left:28px;}
#Div1{width:884px; height:82px; margin:0 auto; position:relative; top:70px; background:#fff url('/assets/images/BlueGradient.jpg') repeat-x bottom;}
#Div1 p{padding-top:25px;}

/***************************************************************
	Login Help styles
***************************************************************/

#LoginHelpMask {
    position: absolute;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none; 
	background-image: url('/assets/images/bg_loginHelp.png');
}	
#LoginHelp {
    z-index: 1001;
    padding: 25px; 
    width: 40%; 
    height: auto; 
    position: absolute; 
    top: 15%; 
    left: 30%; 
    background: url('/assets/images/bg_allCategories.gif') repeat-x bottom #ffffff; 
    border: 1px solid black; 
}
#LoginHelp h1 { padding: 15px 0 0 0; padding: 0; }

#LoginHelp form {
    margin-top: 15px;
}
#LoginHelp dt {
    font-weight: bold;
    margin: 20px 0 10px 0;
}
#LoginHelp dd {
    margin-left: 30px;
    line-height: 15px;
}