@charset "utf-8";

/* CSS Document */



@import url("htmltags.css");

@import url("globalHeader.css");

@import url("globalFooter.css");



#siteBody {width: 957px; float: left;}



#leftBodyWrap {width: 507px; float: left;}

#rightBodyWrap {width: 275px; float: left;}

#rightContentWrap {width: 267px; padding: 8px 8px 8px 8px;}



#pubHomeContent {width: 957px; height: 800px; background: url(../images/home_pub_bg2.jpg) top left no-repeat; float: left; overflow: hidden;}

#pubHomeContent .top {width: 278px; height: 420px; margin: 40px 0 0 585px; _margin: 40px 0 0 295px; float: left;}

#pubHomeContent .top .proofLogin {position: relative; top: -50px; left: 140px; width: 158px; height: 83px; float: left; overflow: hidden;}

#pubHomeContent .top .proofLogin a {width: 158px; padding-top: 30px; float: left; text-decoration: none;}

#pubHomeContent .bottom {width: 957px; height: 211px; float: left;}


/*Start: cady 2011 Layout Change*/
/*Start: Spring Change 2011 */
#pubHomeContent1 {width: 957px; height: 800px; background: url(../images/non-buyer-login-BG1.jpg) top left no-repeat; float: left; overflow: hidden;}
/*End: Spring Change 2011 */
#pubHomeContent1 .top {width: 278px; height: 420px; margin: 40px 0 0 585px; _margin: 40px 0 0 295px; float: left;}

/*End: cady 2011 Layout Change*/


#registrationFormWrap {width: 957px; background: url(../images/create_account_bg.jpg) top left no-repeat; float: left; overflow: hidden;}

#registrationFormWrap .left {width: 565px; height: 850px; margin: 0 0 0 20px; float: left;}

#registrationFormWrap .right {width: 278px; height: 533px; margin: 40px 0 0; float: left;}


#formWrap {width: 957px; height: 670px; background: url(../images/forgot_password_bg1.jpg) top left no-repeat; float: left; overflow: hidden;}

/*Start: cady 2011 Layout Change*/
#registrationFormWrap1 {width: 957px;background-attachment:fixed;background: url(../images/create_account_bg.jpg) no-repeat;}

.textLabel {padding-left:44px;color:white;}
.textField {padding-left:45px;}

.rowField { height:24px;border:none;width:225px;}

/*End: cady 2011 Layout Change*/

.formRow {width: 497px; padding: 0px 5px 0px 5px; float: left;}

.formRowFldTitle {padding: 2px 2px 0 0; font: normal 11px Arial, Helvetica, sans-serif; color: #333; float: left; text-align: right;}

.formRowFldText {padding: 2px 0 0 2px; float: left;}



.formRowLogin {width: 267px; float: left;}

.formRowLoginFldTitle {width: 267px; padding: 2px 0 0 75px; font: normal 11px Arial, Helvetica, sans-serif; color: #333;}

.formRowLoginFldText {width: 267px; padding: 52px 0 0 73px;}


.formRowLoginFldText1 {width: 267px; padding: 0 0 0 73px;}


.formRowPwdFldText {width: 267px; padding: 27px 0 0 73px;}

#homeRBodyWrap1 {width: 800px; border-bottom: 10px solid #000; float: left;}

#homeRBodyWrap2 {width: 800px; float: left;}



#loginFormWrap {width: 267px; float: left;}

#loginFormWrap .messageRow1 {width: 241px; padding-top: 10px; float: left; font: normal 12px Arial, Helvetica, sans-serif;}

#loginFormWrap .messageRow2 {width: 241px; padding-top: 68px; padding-left: 70px; float: left; font: normal 10px Arial, Helvetica, sans-serif;}

/*Start: cady 2011 Layout Change*/
#loginFormWrap .messageRow3 {width: 241px; padding-top: 0px; padding-left: 70px; float: left; font: normal 10px Arial, Helvetica, sans-serif;}
/*End: cady 2011 Layout Change*/

#loginFormWrap a.small:link {font: normal 11px Arial, Helvetica, sans-serif; color: white; text-decoration: none;}

#loginFormWrap a.small:visited {font: normal 11px Arial, Helvetica, sans-serif; color: white; text-decoration: none;}

#loginFormWrap a.small:active {font: normal 11px Arial, Helvetica, sans-serif; color: white; text-decoration: underline;}

#loginFormWrap a.small:hover {font: normal 11px Arial, Helvetica, sans-serif; color: white; text-decoration: underline;}



#loginFormWrap .createAccount {position: relative; top: 20px; left: 75px; width: 165px; height: 50px; float: left; overflow: hidden;}

#loginFormWrap .createAccount a {width: 137px; padding-top: 32px; float: left;height:5px; text-decoration: none;}

#loginFormWrap .createAccount1 {position: relative; top: 20px; left: 0px; width: 165px; height: 50px; float: left; overflow: hidden;}

#loginFormWrap .createAccount1 a {width: 137px; padding-top: 32px; float: left;height:5px; text-decoration: none;}


/* Start :Spring Change 2011*/
#loginFormWrap .createAccount2 {position: relative; top: 16px; left: 75px; width: 165px; height: 50px; float: left; overflow: hidden;}

#loginFormWrap .createAccount2 a {width: 137px; padding-top: 30px; float: left;height:5px; text-decoration: none;}
/* End :Spring Change 2011*/

#pubHomeContent .bottom .submitOrderInq {position: relative; top: 158px; left: 193px; width: 157px; height: 27px; float: left; overflow: hidden;}

#pubHomeContent .bottom .submitOrderInq a {width: 157px; padding-top: 32px; float: left; text-decoration: none;}

#pubHomeContent .bottom .reorderPortraits {position: relative; top: 147px; left: 460px; width: 209px; height: 27px; float: left; overflow: hidden;}

#pubHomeContent .bottom .reorderPortraits a {width: 209px; padding-top: 32px; float: left; text-decoration: none;}


#formWrap .bottom .submitOrderInq {position: relative; top: 158px; left: 193px; width: 157px; height: 27px; float: left; overflow: hidden;}

#formWrap .bottom .submitOrderInq a {width: 157px; padding-top: 32px; float: left; text-decoration: none;}

#formWrap .bottom .reorderPortraits {position: relative; top: 147px; left: 460px; width: 209px; height: 27px; float: left; overflow: hidden;}

#formWrap .bottom .reorderPortraits a {width: 209px; padding-top: 32px; float: left; text-decoration: none;}



.rBodyRowWrap {width: 267px; float: left;}



#ProgressOverlay1 {background: url(/images/overlayDirect.png) repeat; position: absolute; left: 0px; top: 0px; width:863px; height:100%; text-align:center; z-index: 1000; -moz-opacity: 0.3; opacity:.30; filter: alpha(opacity=30);}

#ProgressOverlay2 {background: url(/images/overlayDirect.png) repeat; position: absolute; left: 0px; top: 0px; width:863px; height:100%; text-align:center; z-index: 1001; -moz-opacity: 0; opacity:.0; filter: alpha(opacity=0);}



.rHeader4 {width: 267px; padding: 0px 0px 5px 0px; font: bold 14px Arial, Helvetica, sans-serif; color: #006;}

.lHeader4 {width: 497px; padding: 5px 5px 5px 5px; font: bold 14px Arial, Helvetica, sans-serif; color: #006;}

.txtBox {color: #000; font: normal 11px Arial, Helvetica, sans-serif; border: 1px solid #000;}

.CtrlOnFocus {color: #C40000; background-color:#ffc; font: normal 11px Arial, Helvetica, sans-serif; border: solid 1px #000000;}

.CtrlLostFocus {color: #000; background-color: #fff; font: normal 11px Arial, Helvetica, sans-serif; border: solid 1px #000;}

.errorText {font: 11px Arial, Helvetica, sans-serif; color: #f00; background-color:#FFD3D3; }

.required {font: bold 11px Arial, Helvetica, sans-serif; color: #f00;}

.arrowBlueWrap {width: 10px; padding: 2px 2px 2px 0px; float: left;}

.difcursor {cursor: pointer;}



#proofFormWrap {width: 863px; height: 656px; background: url(../images/proof_login_bg1.jpg) top left no-repeat; float: left; overflow: hidden;}



.fpwdHeader {width: 957px;height:29px; background: url(../images/sectionbg.jpg) top left no-repeat; float: left; overflow: hidden;}



.sidebar{
background-color:#454545;
}

.textbox_bg{
background-color:#D0D0D0;
}

.Lable{
	font-size:14px;
	color:#FFFFFF;
	font:Arial, Helvetica, sans-serif;
	font-weight:400;

}

.Add_bg{
background-image:url(../images/registration/Add_bg.jpg);
}

.textbox_style
{
	border:none;
	height:27px;
	width:300px;
	background-color:#D0D0D0;
}
.textbox_style1
{
	border:none;
	height:27px;
	width:252px;
	background-color:#D0D0D0;
	
}
.textbox_style2
{
	border:none;
	height:24px;
	width:250px;
	background-color:#D0D0D0;
	
}
.errorText1 {font: 11px Arial, Helvetica, sans-serif; color: #f00; background-color:#FFD3D3; }