/******************************************************
   (c) 2010 DST, Inc                           
   XHTML TurboParts Custom Styles for ASCO Login Page                   
   $Workfile::   dst_login_asco_style.css        $ 
   $Revision::   1.1                       	 $ 
*******************************************************/
* { margin: 0; padding: 0; }

#bg { position: fixed;
	top: 0;
	left: 0;
	z-index: 1;}

.bgwidth { width: 100%; }
.bgheight { height: 100%; }

#page-wrap {
	position: relative;
	width: 445px;
	margin: 17% auto;
	padding: 10px;
	background: white;
	-moz-box-shadow: 0 0 20px black;
	-webkit-box-shadow: 0 0 20px black;
	box-shadow: 0 0 20px black;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	border-radius: 20px;
	z-index: 12;
}

p {
	font: 15px/2 Georgia, Serif;
	margin: 0 0 30px 0;
	text-indent: 40px;
}
body, table, strong, input, select, textarea, button
{
	font-size: 8pt;
	font-family: Helvetica, Serif, Verdana, Tahoma, Arial;
	/*overflow-y: hidden;*/
}
body
{
cursor: default;
	border: 0px;
	margin: 0px;
   	padding: 0 0 0 0;
	color: #4C4C47;
	text-align: left;
	background-color: transparent;

}
form
{

}
.logonContainer
{


	z-index: 1;
 
}
.logonMsgContainer
{


	position: fixed;
	background-color: transparent;
}

.logonFormContainer
{


	z-index: 2;

}
.logoTopHead
{

	width: 100%;
	background-image: url("../Style_Images/PEPBOYS/pepboys/22641_PepEx-com-Order-Login_HEADER.png");
	background-repeat: no-repeat;

}
.logonLeftBG
{
	position: relative;
	top: 0px;

	background:url("../Style_Images/PEPBOYS/pepboys/BackgroundLeftFadeBlueSide.png") left;
	background-repeat: no-repeat;

}
.logonRightBG
{
	position: relative;
	top: 0px;

	background:url("../Style_Images/PEPBOYS/pepboys/BackgroundRightFadeBlueSide.png") right;
	background-repeat: no-repeat;

}
.logonBlueBG
{
	position: absolute;

	left: 50%;
	margin-left: -380px;
	width: 777px;

	text-align: left;

	background:url("../Style_Images/PEPBOYS/pepboys/background.gif") center;
	background-position:center top;
	background-repeat: no-repeat;

	opacity: 0.2;
	
}
.logonMainTop
{
	position: relative;
	top: -12px;
	left: 50%;
	margin-left: -330px;
	width: 660px;

	text-align: left;

	background: #ffffff url("../Style_Images/PEPBOYS/pepboys/pepboys-top.png")  no-repeat fixed center;

}
.logonFormContainer
{

	background-color: #ffffff;
	position: relative;
	top: -11px;
	left: 35%;

	text-align: left;
	
}
.logonMsgContainer
{
	width: 717px;
	clear: both;
	margin-top: 28px;
	margin-left: 35px;
	
	background-color: transparent;
}

.pepboysLoginDiv
{
	float: left;
	background-color: #ffffff;
	width: 180px;
	height: 82px;
    
	
}

.pepboysLoginUsrName
{
	background-color: #e8e8e8;
	clear: both;
	padding-top: 0px;
	padding-bottom: 2px;
}
.pepboysLoginPwd
{
	background-color: transparent;
	clear: both;
	padding-top: 2px;
	
	padding-bottom: 2px;
}
.pepboysLoginButton
{
	background-color: transparent;
	clear: both;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
	height: 27px;
	margin-left:0px;
}
.pepboysLoginForgotPwd
{
	background-color: transparent;
	clear: both;
	padding-top: 2px;
	padding-bottom: 5px;
	text-align: justify;
	margin-left: 24px;
	
}
.loginSpanLeft1
{
	float: left;
	width: 120px;
	
	position:relative;
margin: 0px 0px 0px 25px;
padding-top: 0px;
font-size:13px;
line-height:18px;
color:#e31937;
text-transform:uppercase;
nowrap:"nowrap";
text-align:left;
font-weight:bold;
}
.loginSpanLeft2
{
	float: left;
	width: 100px;
margin: 0px 0px 0px 25px;
	padding-bottom: 5px;
	background-color: transparent;

}
.loginSpanLeft3
{
	float: left;
	width: 220px;
	column-span: 2;
	position:relative;
	margin-left: 25px;
	padding-top: 0px;
	font-size:16px;
	line-height:18px;
	color: #000000;
	text-transform:none;
	nowrap:"nowrap";
	text-align:left;
	font-weight:bold;
	font-style: italic;

}
.logonForgotPwdContainer
{

	border: 1px solid #00066;
	text-align: left;
}
.messages_1
{
	color: #FE0036;
}
.messages_2
{
	color: green;
}
div.messages
{
	text-align: left;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px;
	color: #000066;
	font-size: 12;
	font-weight: bold;
	background:#C8C8C8 url('../wam/grad_message.bmp') repeat-y right top;
}


input.number
{
	background-color: #ffffff;
	text-align: left;
}
input.text
{
	background-color: #ffffff;
	text-align: left;
}
input.ltext
{
	background-color: #ffffff;
	text-align: left;
	text-transform: lowercase
}
input.utext
{
	background-color: #ffffff;
	text-align: left;
	text-transform: uppercase;
}
.std_anchor
{
	color: #000066;
}
.std_anchor_mouseover
{
	color: #FFCC33;
}
.std_anchor_text
{
	color: #000066;
}
.logboxBtn{
position:relative;
clear:both;
margin-left:51px;
padding-top:0;
margin-bottom:2px;
vertical-align:top;
}
.logboxBtn_on{
background:url("../Style_Images/PEPBOYS/btn_login.png") no-repeat;
cursor:pointer;
width:94px;
height:31px;
border:none;
margin-left:195px;
margin-top: -20px;
}
.logboxBtn_hover{
background:url("../Style_Images/PEPBOYS/btn_login_on.png") no-repeat;
cursor:pointer;
width:94px;
height:31px;
border:none;
margin-left:195px;
margin-top: -20px;
}


html {
overflow-y:hidden;
}
/*
.page-background {
position:absolute; 
z-index:-1;
background-image:url("../Style_Images/MMJ/welcome.png");
background-position:224px 24px;
    /*-moz-background-size: 100% 100%;            Gecko 1.9.2 (Firefox 3.6) background-repeat: no-repeat; */  
    /* -o-background-size: 100% 100%;           Opera 9.5 */  
   /* -webkit-background-size: 100% 100%;            Safari 3.0 */  
   /* background-size: 100% 100%;
}
*/