/* membership/membership.css */

/* Membership description panels for the title page */

.membership-panel {
	width: 47.5%; float: left;
	background-color: #F2F2F2;
	padding: 70px 30px 30px 30px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 30px;
}
.membership-panel:nth-child(odd) { clear: both; }
.membership-panel:nth-child(even) { float: right; }
@media screen and (max-width: 767px) {
	.membership-panel { width: auto; float: none !important; clear: both !important; margin-bottom: 20px; }
}
.membership-panel h3 {
	color: #FFFFFF; background-color: #00163D;
	position: absolute; left: 0px; top: 0px; right: 0px;
	padding: 10px 0px;
	text-indent: 15px;
}
.membership-panel li { margin-bottom: 5px; }

/* Membership Product */

.membership-product { padding-right: 250px; margin-bottom: 30px; position: relative; }
.membership-product:after { content: ""; display: block; clear: both; }
.membership-product-info { display: block; }
.membership-product .button { position: absolute; right: 0px; top: 0px; }

@media screen and (max-width: 1000px) {
	.membership-product { padding-right: 0px; }
	.membership-product .button { position: relative; right: auto; top: auto; }
}

/* Summary */

.account-details { padding: 30px; background-color: #F2F2F2; }
.account-details:after { content: ""; display: block; clear: both; }
.account-details ul {
	list-style: none; margin-left: 0px; margin-bottom: 20px;
	width: 100%; display: table;
}
.account-details ul li { display: table-row; }
.account-details ul li label, .account-details ul li span {
	display: table-cell; padding-bottom: 10px;
	text-align: left; vertical-align: top;
}
.account-details ul li label { padding-right: 10px; font-weight: 600; }
.account-details .button a { float: right; }

.account-details.label-above ul,
.account-details.label-above ul li { display: block; padding-bottom: 10px; }
.account-details.label-above ul li label,
.account-details.label-above ul li span { display: block; padding-bottom: 0px; }

@media screen and (max-width: 767px) {
	.account-details ul li label { display: none; }
}

#mbr_search { margin-bottom: 40px; }
#mbr_search h3 {
	padding: 10px 20px; color: #FFFFFF; background-color: #00163D; margin: 0px;
	position: relative; cursor: pointer;
}
#mbr_search h3:after, #mbr_search h3:before,
h4.options-link:before, h4.options-link:after {
	content: "";
	width: 15px; height: 3px; display: block;
	background-color: #FFFFFF;
	position: absolute; right: 20px; top: 50%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
#mbr_search h3:before, h4.options-link:before { width: 3px; height: 15px; right: 26px; display: none; }
#mbr_search.closed h3:before { display: block; }
#mbr_search_form { padding: 40px 40px 20px 40px; background-color: #F6F6F6; }
#mbr_search.closed #mbr_search_form { display: none; }
#mbr_search_form:after, #mbr_search_default:after { content: ""; display: block; clear: both; }
#mbr_search_default .form-row { float: left; white-space: nowrap; clear: none; margin: 0px; }
#mbr_search_default .form-row .form-label { float: left; }
#mbr_search_default .form-row:after { display: none; }
#mbr_search_default input[type=text] { font-size: 15px; }
#mbr_search_default .form-submit { margin-left: 10px; }
#mbr_search_default input[type=submit] { padding: 14px 20px; }
#mbr_search_default .form-reset { float: right; font-size: 1.4em; line-height: 42px; text-transform: uppercase; font-weight: 700; }
#mbr_search_default .form-reset a { color: #58595B; }
#mbr_search_default .form-reset a:hover { color: #E46C0A; text-decoration: none; }

#mbr_search_results td.member a { color: #000000;  }
#mbr_search_results td.member a:hover { color: #00163D; }

h4.options-link {
	clear: both; position: relative;
	padding: 20px 0px 20px 20px;
	color: #58595B;
	margin: 0px;
	cursor: pointer;
}
h4.options-link:hover, h4.options-link.active { color: #E46C0A; }
h4.options-link:before, h4.options-link:after { width: 10px; height: 2px; left: 0px; right: auto; background-color: #58595B; display: block; }
h4.options-link:before { width: 2px; height: 10px; left: 4px; }
h4.options-link.active:after, h4.options-link:hover:before, h4.options-link:hover:after { background-color: #E46C0A; }
h4.options-link.active:before { display: none; }

#mbr_search_options { background-color: #FFFFFF; margin-bottom: 20px; display: none; }
#mbr_search_options:after { content: ""; display: block; clear: both; }
#mbr_search_options.active { display: block; }
#mbr_search_options .menu { list-style: none; margin: 0px; background-color: #F6F6F6; }
#mbr_search_options .menu:after { content: ""; display: block; clear: both; }
#mbr_search_options .menu li { float: left; }
#mbr_search_options .menu li a { font-weight: 700; padding: 10px 20px; display: block; text-decoration: none !important; }
#mbr_search_options .menu li a.active { background-color: #00163D; color: #FFFFFF; }
#mbr_search_options .options-section { padding: 20px; display: none; border-top: 1px solid #00163D; }
#mbr_search_options .options-section.active { display: block; }
#mbr_search_options .form-submit { float: right; padding-right: 40px; padding-bottom: 40px; margin: 0px; }

.sort-options { padding: 10px; background-color: #F6F6F6; margin-bottom: 20px; }
.sort-options:after { content: ""; display: block; clear: both; }
.sort-options-fields { display: table; float: right; }
.sort-menu, .sort-submit { display: table-cell; text-align: left; vertical-align: middle; }
.sort-label, .sort-field { float: left; }
.sort-label { font-size: 1.4em; font-weight: 700; margin-right: 10px; padding-top: 2px; }
.sort-field { padding-right: 10px; }

.form-languages { position: relative; }
ul.acc-languages {
	list-style: none;
	font-size: 0.9em;
	margin-left: 0px;
	min-width: 100%;
	clear: both;
	padding: 10px 30px 30px 30px;
	background-color: #E6E6E6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}
ul.acc-languages.active { display: block; }
ul.acc-languages:after, p.acc-lang-list:after { content: ""; display: block; clear: both; }
ul.acc-languages li { width: 25%; float: left; }
ul.acc-languages li:nth-child(4n+1) { clear: both; }
ul.acc-languages li label { width: auto; white-space: nowrap; }
p.acc-lang-list { padding-top: 11px; }
p.acc-lang-list a.acc-lang-button {
	font-size: 0.8em;
	line-height: 1.1em;
	font-weight: 700;
	display: inline-block;
	padding: 5px 10px;
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #58595B;
	position: relative;
}
.no-touchevents p.acc-lang-list a.acc-lang-button:hover { background-color: #00163D; color: #FFFFFF; text-decoration: none; }
p.acc-lang-list a.acc-lang-button.active { padding-right: 20px; }
p.acc-lang-list a.acc-lang-button.active:before, p.acc-lang-list a.acc-lang-button.active:after {
	content: ""; display: block;
	width: 1px; height: 8px;
	background-color: #FFFFFF;
	position: absolute; right: 10px; top: 8px;
}
p.acc-lang-list a.acc-lang-button.active:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
p.acc-lang-list a.acc-lang-button.active:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
p.acc-lang-list span.lang { font-weight: 700; }
span.lang-none { font-style: italic; }
p.acc-lang-list span.lang-none { font-weight: 400; }
span.lang:before { content: " / "; font-weight: 300; }
p.acc-lang-list span:first-child:before { content: ""; }
p.acc-lang-list span:last-of-type { margin-right: 10px; }