/* account styles for Esselte Corporation project */
.orderTitleTd{font-weight:bold;font-size:10px;padding:20px 0 5px 0;border-bottom:5px solid #E7EFF3;}
.orderOrderTd, .orderStatusTd, .orderDateTd, .orderItemsTd, .orderTotalTd, .orderUPSTd {font-size:9px;padding:7px 0; border-bottom:1px solid #E7EFF3;}
.orderOrderTd{width:98px;padding-right:15px;voice-family:"\"}\"";voice-family:inherit;width:83px;}
html>body .orderOrderTd{width:83px;}
.orderStatusTd{width:88px;padding-right:15px;voice-family:"\"}\"";voice-family:inherit;width:73px;}
html>body .orderOrderTd{width:73px;}
.orderDateTd{width:103px;padding-right:15px;voice-family:"\"}\"";voice-family:inherit;width:88px;}
html>body .orderOrderTd{width:88px;}
.orderItemsTd{width:70px;padding-right:35px;text-align:center;voice-family:"\"}\"";voice-family:inherit;width:35px;}
html>body .orderOrderTd{width:35px;}
.orderTotalTd{font-weight:bold;width:74px;padding-right:15px;voice-family:"\"}\"";voice-family:inherit;width:59px;}
html>body .orderOrderTd{width:59px;}
.orderUPSTd{width:107px;padding-right:15px;voice-family:"\"}\"";voice-family:inherit;width:92px;}
html>body .orderOrderTd{width:92px;}
.orderBtmTd{background:#E7EFF3;}

.orderStatusContainer{float:left; width:230px; margin-bottom:10px; background:#E1E9ED url(/img/orderstatus_mask_bottom.gif) bottom right no-repeat;}
* html .orderStatusContainer{height:1%;}
.orderStatusModule{font-size:10px;padding:0 0 0 15px;}
.orderStatusStep{float:left;padding-left:20px;width:710px;voice-family:"\"}\"";voice-family:inherit;width:690px;}
html>body .orderStatusStep{width:690px;}
.webOrderNumberField{width:195px;color:#00B0F0;font-size:9px;}
.requestStatus{width:230px;float:left;}

/* styles for split-screen page with no left\right column */
.debug {background: #f00;}
.splitLeftSm {width:260px; float:left;}
.splitRightSm {width:260px; float:right;}

.orderDetailsTbl {float:left; /*width:545px;*/}
.orderDetailsTbl th {text-align: left; text-transform: uppercase;}
.orderDetailsTbl tr {vertical-align: top;}
.column1 {width: 190px; font-size:10px;}
.column2 {width: 190px; font-size:10px;}
.column3 {width: 160px; font-size:10px;}
.passwordCol {width:190px; padding-left:5px;}

.checkLeft{width:30px; float:left; margin-top: 10px; vertical-align:top;}
.checkRight{width:230px; float:right; margin-top: 12px; vertical-align:top;}

.ColumnAddressNew {width:290px; float:left;}
.ColumnAddressOld {width:250px; float:right;}
.theAddress {margin-top: 12px; margin-left:10px;}

.leftCell {width: 120px;}
.rightCell {width: 170px;}
.addBkBottom {margin: 15px 0 0 0;}

.fieldRow{width:590px;float:left;}
.signleftCell {padding:2px 5px 10px 0; vertical-align:top; width:195px;float:left;}
.signEndCell {margin-bottom: 10px}
.signrightCell {padding-bottom:10px; vertical-align:top;display:inline;}
.signrightCellSm {padding-bottom:10px; vertical-align:top; width:145px;}
.FormTextSmFL {width: 145px;float:left;margin-right:15px;}
.signinFlag {font-size:9px; color:#9CAEB7; float:right; width:310px; padding-bottom:10px; }
.personalInfo{line-height:20px; font-size:10px; color:#999;}
.fontGrey {color:#999;}
.createUserSubmit {width:100%;}
.campaignSubmit {width:440px;}
.campaignPanel {width:380px; float:right;}

.btnUpdate{float:right;}

.signIn .mainColumnContent {
	width:737px;
}
.userFormFields {
	padding-left:20px;
	padding-top:10px;
	position:relative;
	float:left;
}
.formItem {
	float:left;	
}

#loginFields, #newCustomerFields {
	height:120px;
}
#loginFields .field,
#loginFields .label,
#newCustomerFields .field,
#newCustomerFields .label {
	padding-top:0px;
}
#loginFields .field,
#newCustomerFields .field {
	right:3px;
}
#loginFields #forgotPasswordButton  {
	position:absolute; 
	right:3px; 
	top:65px;
}
#loginFields #loginButton {
	margin-bottom:10px; 
	position:absolute; 
	right:3px; 
	top:85px;
}
#newCustomerFields #choosePasswordButton {
    position:absolute;
    right:3px;
    top:40px;
}



.errorMessage{color:Red;}


/* ********************** NEW CSS STYLES ********************** */

/* Data List */
form dl > dt
{
	float: left;
	display: inline;
	width: 155px;
	vertical-align:bottom;
}
form dl > dd
{    
	float: left;
	display: inline;
	width: 400px;
	margin-bottom:10px;	
}

/* Signup & Account Edit Pages */

#formFields
{
    position:relative;
}
.container
{
    padding-bottom: 20px;
}
#emailContainer
{
    position:relative;
    float:left;
    width:590px;
    height:65px;
}
#emailContainer dd, #passwordContainer dd
{
    width:200px;
}
#emailFlag, #passwordInformation
{
    width:165px;
    float:right;
}
#rememberMeContainer
{
    clear:both;
    position:relative;
    left:195px;
    width:320px;
    height:120px;
    top:0px;
}
#passwordContainer
{
    position:relative;
    float:left;
}
#buttonContainer
{
    float:right;
}
#contactInfoContainer
{
    position:relative;
}
#stayInTouchContainer
{
    position:relative;
}
.fontNote
{
    padding-bottom:10px;    
}

.splitRight h2,
.splitLeft h2 {
    padding-left:20px;
    padding-bottom:20px;
    background-color:#F1EFF0;
    background-image:url(/img/hdrs/bg_h1_sub_menu_410.gif);
    height:21px;
    margin-bottom:10px;
    padding:4px 0 0 19px;
    background-repeat:no-repeat;
    width:335px;    
}

.formContainer .formItem {
    width:500px;
}

#emailNote {
    position:absolute;
    top:0px;
    right:0px;
    width:165px;
}

#passwordNote {
    position:absolute;
    top:30px;
    right:0px;
    width:185px;
}

#rememberMeNote {
    margin-top:10px;
}

div.formGrouping {
	float:left;
}
div.formGrouping h2 {
    background-image:url(/img/hdrs/bg_h1_sub_menu_410.gif);
    height:21px;
    margin-bottom:10px;
    padding:4px 0 0 19px;
    background-repeat:no-repeat;
    width:575px;
}
div#acctForm div#loginInfo 
{
	float:left;
}

.requiredFieldsLabel {
    margin-bottom:20px;
}

#basicUserInfo {
    margin-top:15px;
}

#stayInTouchInfo {
    margin-top:15px;
}

#privacyPolicyLink {
    margin-top:10px;
    margin-bottom:10px;
}

/*
FORM ERROR MESSAGES ACCOUNT SECTION
*/

.splitLeft > .validation{
	list-style-position:inside;
	list-style-type:disc;
	padding-top:5px;
	margin-left:20px;
	margin-top:10px;
}

/*.feedbackPanel > ul {
	list-style-position:inside;
	list-style-type:disc;
	padding-left:2.2em;
	text-indent:-1.2em;
	padding-top:10px;
}*/

.splitRight > .validation{
	list-style-position:inside;
	list-style-type:disc;
	padding-top:5px;
	margin-left:20px;
	margin-top:10px;
}
.selected {
	font-weight:bold;
}

#acctForm > .submitBtnDiv.bottomButton{
	float:right;
	width:auto;
	min-width:100px;
	text-align:right;
}	

.editProfileInfo {
    margin-bottom:13px;
}