/* ## Member Account ## */

.accountBlocks { position:relative; min-height:1px; margin:35px 0 10px 0; border:1px solid #d2d2d2; background:#fff; margin-top:45px !important; }
.accountBlocks .inner { padding:10px 15px 15px; margin-top: -25px;}
.tabModule .inner { padding:10px 15px 15px; margin-top: 0px;}


.accountBlocks .blockhdng {
	position:relative;
	display:inline-block;
	font-size:1.5em;
	top:-43px;
	left:10px;
	margin:0;
	padding:3px 5px;
	background-color:#fff;
	
}

.floatLeft {float:left; display:inline;}
.floatRight {float:right; display:inline;}

.multiColumn {}
.multiColumn .halfColumn {float:left; display:inline; width:49%;}
.multiColumn .rightColumn {float:right;}

.accountLogin {background:url(/cms/images/global/lbl-or.gif) no-repeat center 45%;}
.accountLogin .halfColumn {width:46%;}

.accountBlocks .cartwrpr  {margin:0; padding:0;}
.accountBlocks .multipleShips {border-bottom:0; padding:0; margin:0;}

.formTable {vertical-align:top;}
.formTable th {width:100px; padding:0 12px 7px 0; background-color:transparent; vertical-align:top; font-weight:bold;}
.formTable td {padding:0 0 7px 0; vertical-align:top;}
.formTable td td {padding:0 2px 0 0;}

.formTable .req {font-weight:bold;}
.formTable .error {font-weight:bold; color:#f00;}

.formTable .securityCode {padding:7px 5px 7px 0; border:1px solid #a8c6e0;}
.formTable input.text {}

dl.forms, .forms-account {/* float:left; */ display: inline-block; width: 100%; margin: 0 0 10px 0; padding-top: 5px;}
dl.forms dt, .forms-account .account-label {float:left; clear:left; width:100px; margin:0; padding:0 12px 7px 0; text-align:right; font-weight:bold;}
dl.forms dt.full, .forms-account .account-label.full {width:90%; clear:both; text-align:left;}

dl.forms dd, .forms-account span.account-field {float:left; width:50%;	margin: 0;	padding:0 5px 7px 7px;}
dl.forms dd.clear, .forms-account span.clear {padding:0; margin:0;}
dl.forms dd.full, .forms-account span.full {width:90%; clear:both;}
dl.forms dd.clear, .forms-account span.clear {width:90%; clear:both; float:none;}
dl.forms dd.help, .forms-account span.help {padding-top:2px; font-size: 17px;}

fieldset .account-field label {
	padding-left: 3px;
	color: #222;
}

fieldset .account-field input {
	width: auto;
	margin: 4px 0 0;
}

dl.forms dl {float:none; display:block; margin:0;}

dl.forms .req {font-weight:bold;}
dl.forms .error {font-weight:bold; color:#f00;}
dl.forms .optional {font-weight:normal;}

dl.forms label {vertical-align:top;padding-left: 3px;}}
dl.forms input.text {width: 160px;}
dl.forms input[type="text"] {min-width: 60px;}
dl.forms textarea {}

.reqFieldHelpMobile {display:none;}


.formRow {margin:0 0 8px 0;}
.formRow label {display:inline-block; margin:0 0 4px 0;}
.formRow input.text,
.formRow textarea {width:93%; margin:0 0 7px 0; max-width: 500px; min-width: 237px;}
.formRow input.full {width:93%;}
.req, .fieldreq {
    background: url("/cms/images/global/field-req.gif") no-repeat scroll 100% 8px rgba(0, 0, 0, 0);
    padding-right: 10px;
}



.formRow .req, .formRow .fieldreq {padding:0 0 0 10px; background-position:0 8px;}
.formRow .smaller {background-position:0 5px;}
.formRow .error, .formRow .fieldred {padding:0 0 0 10px; background-position:0 2px;}


.forms fieldset {margin:0; border:0; padding:0;}
.formRow .formLabel {display:block; font-weight:normal;}

.formsColumn .formRow .formLabel {float:left; display:inline; width:110px; margin-right:10px;}





/* Members Form Updates */
dl.forms dd.mid, .forms-account dd.mid {padding-top:20px;}
dl.forms .req.mid, .forms-account .req.mid {background: url("/cms/images/global/field-req.gif") no-repeat scroll 100% 27px rgba(0, 0, 0, 0); padding-right: 10px;}
dl.forms input, .forms-account input {width:100%;}
dl.forms .mid input, .forms-account .mid input {width:auto;}

.hcoid table td.text {font-style:italic; padding:10px 30px; text-align:center; font-size:.9em;}
.hcoid table td.org {padding:20px 10px; text-align:center; background:#efefef;}
.hcoid table td.hcoidsearch {padding:20px 10px; text-align:center; background:#f5f5f5;}

.hcoid table td span {color:#8B2942; font-weight:bold; margin-top:10px; display:block;}
.hcoid table td h3 {color:#8B2942;  font-size:1em;font-weight:bold; margin:0em 0 1em 0;}
.hcoid table td label {font-size:1em; margin-bottom:5px; display:block;}


@media (max-width: 63.5em) 
{
    .hcoid {margin-top:20px;}
}

@media (max-width: 60em) 
{
    .hcoid {margin-top:20px;}
    .hcoid table td.text {width:100%; float:left; padding:10px 0px; display:block;}
    .hcoid table td.search {width:100%; float:left; padding:10px 0px; display:block; height:auto;}
    .hcoid table td.org {width:100%; float:left; padding:10px 0px;}
    .hcoid table td {width:100%; float:left; padding:10px 0px;}
}



@media (min-width: 48em) {
	.multiCol .colWrap {float:left; display:inline;}
	.multiCol2 .colWrap {width:48%;}
	.multiCol .ratio35	{width:34%;}
	.multiCol .ratio40	{width:39%;}
	.multiCol .ratio60	{width:59%;}
	.multiCol .ratio65	{width:64%;}
}

/* Members */
.accountLogin label {margin-bottom:5px;}

.currentAccount {margin-bottom:20px;}
.currentAccount .userName, .currentAccount .password, .currentAccount .saveLogin{width:216px;margin:10px auto 0 auto;}
.currentAccount .saveLogin {margin-bottom:15px;}
.currentAccount .accountDesc {float:left;}
.currentAccount .requiredAlertWrpr {padding-top:2px;}


.accountRegisterWrpr {margin-top:20px;}


.accountAddressWrpr {}
.accountRegisterDetailsWrpr {margin-bottom:15px;}
.accountRegisterAddressWrpr {margin-bottom:15px;}
.accountRegisterNewsletterWrpr {}
.accountRegisterNewsletterWrpr .emailFormat {padding-left:13px;padding-top:5px;margin-bottom:10px;}
.accountRegisterNewsletterWrpr .emailFormat label {margin-right:8px;}
.accountRegisterNewsletterWrpr .lists table{margin-left:6px;}
.accountRegisterNewsletterWrpr .salesUpdates {margin-bottom:15px;}


.accountLandingDetailsWrpr {margin-bottom:15px;}
.accountLandingDetailsWrpr .formRow .formLabel {}


.membersNewsletterRegWrpr .emailFormat{padding-left:12px;padding-top:5px;}
.membersNewsletterRegWrpr .lists {padding-left:10px;padding-top:5px;padding-bottom:5px;}
.membersNewsletterRegWrpr .lists table {padding-left:0px;margin-left:-3px;}
.membersNewsletterRegWrpr .formRow {margin-bottom:15px;}


/* login member tooltip classes */

.membershipToolTipWrpr {display:none; width:240px; left:745px !important;z-index:1000; color:#333;text-transform:none;}
.membershipToolTipShadow {background: url(/cms/images/core/memberTooltipbacktop.png) no-repeat top left;padding: 10px 13px 1px 13px; }
.membershipToolTopShadowBottom {background: url(/cms/images/core/memberTooltipbackbottom.png) no-repeat top left;width:240px;height:16px;}
.membershipToolTipWrpr h5 {font-size:14px; margin-bottom:6px;}
.membershipToolTipDate {font-size:11px; font-weight:bold;}
.membershipToolTipName {font-size:14px; font-weight:bold;margin-bottom:14px;}
.membershipToolLeftRailWrpr {float:left;width:69px;padding-right:5px;display:none;}
.membershipToolLeftRailWrpr img {border:1px solid #000;margin-bottom:5px;}
.membershipToolRightRailWrpr {}
.membershipToolRightRailWrpr .welcome{margin-bottom:5px;}
.membershipToolRightRailWrpr p{line-height:1.4em;}
.membershipToolTipWrpr .membershipLogout {position:absolute;bottom:16px;right:8px;}
.hdrwrpr a.memberHoverOn, .hdrwrpr a.memberHoverOn:link, .hdrwrpr a.memberHoverOn:visited {color:#fff; text-decoration:none;}
.hdrwrpr a.memberHoverOn:hover {color:#fff; text-decoration:none;}
.hdrwrpr a.memberHoverOn:active {color:#fff; text-decoration:none;}
.membershipToolTipWrpr a:hover {color:#000;}


.emailFormatLists label {font-weight:bold;}
.emailFormatLists em.form-req{font-weight:bold;margin: 0 4px 0 0px;}
.suContentSelection {margin-left:12px;}



@media (max-width: 67em) {
	.multiColumn .halfColumn {
		width: 100%;
		display: block;
		float: none;	
	}
	.accountLogin {background: none;}
	
}

@media (max-width: 26.875em) {
	dl.forms dt, .forms-account .account-label {
		float: none;
		text-align: left;
	}
	dl.forms dd, .forms-account span.account-field {
		width: auto;
	}

	.reqFieldHelp {display:none;}
	.reqFieldHelpMobile {display:block;}
	.reqFieldHelpMobile .req {font-weight:normal !important;}
}

@media (max-width: 26.25em) {

	dl.forms dt, .forms-account .account-label {
		clear: left;
		font-weight: bold;
		margin: 0;
		padding: 0 12px 7px 0;
		width: auto;
	}

	
	select {
    -moz-box-sizing: border-box;
    border: 1px solid #B4B4B4;
    border-radius: 1px;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.15) inset;
    min-height: 25px;
    width: 160px;	
	}
}

/* Order History */
.orderHistory {}
.orderHistory .order {border-bottom:1px solid #ccc;padding:20px 10px 0px 10px;}
.orderHistory .order:last-child {border-bottom:0px solid #ccc;}
.order .detailsBtn {width:20%;float:left;min-width:160px;text-align:center;margin-bottom:20px;}
.order .orderDetails {width:73%;float:left;}
.order .orderDetails div {font-weight:bold;display:inline-block;}
.order .orderDetails span {font-weight:normal;display:inline-block;}
.order .orderDetails .orderLeft {width:35%;float:left;min-width:168px;}
.order .orderDetails .orderLeft > div, .order .orderDetails .orderRight > div {margin-bottom:10px;width:100%;}
.order .orderDetails .orderRight {width:60%;float:left;}

@media (max-width: 26.25em) {
	.order .detailsBtn {width:100%;float:none;}
	.order .orderDetails {width:100%;float:none;}
}

@media (max-width: 35.187em) {
	.order .orderDetails .orderLeft, .order .orderDetails .orderRight {width:100%;}
}

@media (max-width: 80em) {

	.order .detailsBtn {width:100%;float:none;}
	.order .orderDetails {
		width:100%;
		float: none;
		margin: 0px auto;
	}
	.order .detailsBtn  {margin-top:20px;}
}

.confirmPrint p {
	margin-bottom: 10px;
}

/* Ticket #686953 - Accessibility - JCR Store - Issue 1258509 (NOT FIXED) */
#RenewCart .accountBlocks {
	margin-top: 0px !important;
}

.accountBlocks .inner {
	padding: 10px 15px 15px;
	margin-top: 0px;
}

.renewBlocks .blockhdng {
	position: relative;
	display: inline-block;
	font-size: 1.5em;
	top: 0px;
	left: 10px;
	margin: 0 0 20px 0;
	padding: 3px 5px;
	background-color: #fff;
}

.accountBlocks .blockhdng {
	top: 0px;
}