/* CSS shared between all of the settings pages in the members folder */
/* ProfileChange / Mailing Preferences etc... */

div.member-update {
	text-align: left;
}

div.membership-details {

}

div.membership-details .heading,
div.activities  div.roles .heading,
div.activities div.committees .heading,
div.activities div.groups .heading

{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-left: 0;
	color: #000;
	font-weight: bold;
	background-color: #FFCC00;
	border-bottom: 0;
	margin-bottom: 0;
}

div.membership-details .heading h2,
div.activities div.roles .heading h2,
div.activities div.committees .heading h2,
div.activities div.groups .heading h2
{
	font-size: 1em;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	line-height: inherit;
	margin-bottom: 0px;
	font-size: 16px;
}

div.membership-details .expandable,
div.activities div.roles .expandable,
div.activities div.committees .expandable,
div.activities div.groups .expandable
{
	margin: 0px;
	background: #DEE5E0 none repeat scroll 0 0;
}

div.membership-details .body
{
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	margin-top: 0px;
}

div.activities div.roles .body,
div.activities div.committees .body,
div.activities div.groups .body {
	padding-bottom: 1em;
	padding-top: 1em;
	margin-top: 0px;
}

div.membership-details .field
{
	padding-top: 1em;
	padding-bottom: 1em;
}

div.membership-details .field .caption {
	float: left;
	margin-right: 0.5em;
	text-align: left;
	width: 12em;
	vertical-align: middle;
}

div.membership-details .field .caption::after {
	content: '';
}

div.membership-details .heading .when-shown,
div.membership-details .heading .when-hidden,
div.activities div.roles .heading .when-shown,
div.activities div.roles .heading .when-hidden,
div.activities div.committees .heading .when-shown,
div.activities div.committees .heading .when-hidden,
div.activities div.groups .heading .when-shown,
div.activities div.groups .heading .when-hidden,
div.member-update legend .when-shown,
div.member-update legend .when-hidden,
div.mailing-preferences legend .when-shown,
div.mailing-preferences legend .when-hidden,
div.edit-interests legend .when-shown,
div.edit-interests legend .when-hidden,
div.activities legend .when-shown,
div.activities legend .when-hidden
{
	color: #FFFFFF;
	font-size: 1em;
	float: right;
	/*margin-top: 0.5em;*/
	margin-right: 0.5em;
	margin-bottom: 0;
}

div.mailing-preferences a.expand-button,
div.activities  a.expand-button,
div.member-update a.expand-button,
div.edit-interests a.expand-button
{
	color: #000;
	text-decoration: none;
}

div.member-update legend,
div.mailing-preferences legend,
div.activities legend,
div.edit-interests legend
{
	text-transform: uppercase;
}

div.member-update .expandable,
div.mailing-preferences .expandable,
div.activities .expandable,
div.edit-interests .expandable
{
	padding-left: 1em;
	padding-right: 1em;
}

div.member-update form .form_label,
div.mailing-preferences form .form_label,
div.activities form .form_label,
div.edit-interests form .form_label
{
	text-align: left;
	vertical-align: middle;
}

div.member-update .form_label label,
div.mailing-preferences .form_label label,
div.activities  .form_label label,
div.edit-interests .form_label label
{
	vertical-align: middle;
}
/*
div.member-update #FrmChange_homeaddress .form_field {
	padding-top: 0px; padding-bottom: 0px;

}

div.member-update #FrmChange_homeaddress .form_widget {
	width: 100%;
}

*/
.member-update #FrmChange_homeaddress .address-lookup-container
{
	padding-bottom: 2em;
}


.lookup   .form_widget .yui-ac:after {
	content: '\e890';	/* fontello icon-search-1 - magnifying glass */
	font-family: fontello;
	font-size: 29px;
	padding: 0.25em;
	color: #FFFFFF;
	background-color: #FFCC00;
	position: absolute;
	right: 0;
}

.address-lookup-container .form_field {
	padding: 0px;
}

.address_fields .form_field {
	padding-top: 0px;
	padding-bottom: 0px;
}

.preferred_contact_group td.preferred {
	vertical-align: middle;
}

/* rules for member-update and mailing-preferences when viewed via iframe on intranet */
div.member-update.staff .lookup  .form_widget .yui-ac:after,
div.mailing-preferences.staff .lookup .form_widget .yui-ac:after
{
	background-color: #d41872;
}

div.member-update.staff div.membership-details .heading,
div.mailing-preferences.staff .heading,
div.member-update.staff fieldset legend,
div.mailing-preferences.staff fieldset legend
{
	background-color: #d41872;
}

div.member-update.staff fieldset,
div.mailing-preferences.staff fieldset,
div.member-update.staff div.membership-details div.expandable,
div.mailing-preferences.staff div.expandable
{
	background-color: #fff8fe;
}

div.member-update.staff form .endwidgets input[type=submit],
div.mailing-preferences.staff form .endwidgets input[type=submit]
{
	background-color: #d41872;
}

div.mailing-preferences #MailingPreferences_notifications .form_field,
div.mailing-preferences #MailingPreferences_magazines .form_field,
div.mailing-preferences #MailingPreferences_subscriptions .form_field,
div.edit-interests  .form_field,
div.activities .form_field
{
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	float: left;
	padding: 0;
	margin: 0.5em 0;
	width: 100%;
}

div.activities .form_field {
	min-height: 48px;
}

div.mailing-preferences #MailingPreferences_notifications .form_field .form_label,
div.mailing-preferences #MailingPreferences_magazines .form_field .form_label,
div.mailing-preferences #MailingPreferences_subscriptions .form_field .form_label,
div.edit-interests .form_field .form_label,
div.activities .form_field .form_label
{
	text-transform: uppercase;
	vertical-align: middle;
	width: 10em;
	text-align: left;
}

div.mailing-preferences #MailingPreferences_notifications .form_field .form_label label,
div.mailing-preferences #MailingPreferences_magazines .form_field .form_label label,
div.mailing-preferences #MailingPreferences_subscriptions .form_field .form_label label,
div.edit-interests .form_field .form_label label,
div.activities .form_field .form_label label
{
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: 500;
	color: #000000;
	width: 11em;
	line-height: 16px;
	padding: 0.5em;
}

/*
	When the form is presented to staff users then the controls are full width so the
	label can be made wide enough so that it doesn't wrap onto two lines

 */

div.mailing-preferences.staff #MailingPreferences_notifications .form_field .form_label,
div.mailing-preferences.staff #MailingPreferences_magazines .form_field .form_label,
div.mailing-preferences.staff #MailingPreferences_subscriptions .form_field .form_label
{
	width: 20em;
}

div.mailing-preferences.staff #MailingPreferences_notifications .form_field .form_label label,
div.mailing-preferences.staff #MailingPreferences_magazines .form_field .form_label label,
div.mailing-preferences.staff #MailingPreferences_subscriptions .form_field .form_label label
{
	width: 20em;
}

div.mailing-preferences #MailingPreferences_notifications .form_field .form_widget,
div.mailing-preferences #MailingPreferences_magazines .form_field .form_widget,
div.mailing-preferences #MailingPreferences_subscriptions .form_field .form_widget,
div.edit-interests .form_field .form_widget,
div.activities .form_field .form_widget
{
	vertical-align: middle;
	margin-top: auto;
	margin-bottom: auto;
	float: right;
}


div.edit-interests .form_field.authentication,
div.activities .form_field.authentication
{
	background: none;
	border: none;
}

div.edit-interests .form_field.authentication .form_label,
div.activities .form_field.authentication .form_label,
div.edit-interests .form_field.authentication .form_label label,
div.activities .form_field.authentication .form_label label
{
	width: auto;
}

div.edit-interests .form_field.authentication .form_label,
div.activities .form_field.authentication .form_label,
div.edit-interests  .form_field.authentication .form_widget,
div.activities .form_field.authentication .form_widget
{
	padding: 0;
}

div.mailing-preferences #MailingPreferences_magazines .form_field.eprofile {
	float: none;
}

div.mailing-preferences #MailingPreferences_magazines .form_field .form_tip,
div.mailing-preferences #MailingPreferences_subscriptions .form_field .form_tip {
	clear: left;
	float: left;
	margin: 0.5em;
	color: #000000;
	font-size: 12px;
}

div.mailing-preferences .form-section-heading
{
	margin-top: 20px;
	margin-bottom: 5px;
	font-weight: bold;
	clear: left;
}

div.edit-interests #Interests_industries .form_field.industry label {
	/* the background-image for each label is set as an inline style. This sets the remaining background properties: */
	padding-left: 53px;
	background-repeat: no-repeat;
	background-size: 48px 48px;
	min-height: 48px;
	width: 10em;
	line-height: 17px;
	font-weight: 500;
	color: #000000;
}

div.edit-interests  .form_label
{
	width: 20em;
}

div.edit-interests #Interests_industries div.regions-separator {
	border-top: 1px dashed #999999;
	clear: left;
	margin: 0.5em;
}

div.activities .roles h3,
div.activities .committees h3 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 0px;
}

div.activities .roles a
 {
	float: right;
	margin-left: 10px;
}

div.activities .committees .committee {
	border-bottom: 1px solid #cccccc;
	min-height: 2em;
	padding-top: 0.5em;
}

div.activities .committees .committee-role {
	float: right;
}

div.activities .groups ul {
	list-style-type: none;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

div.activities .groups li {
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
}

/** Password change styles **/
div.password-change legend {
	text-transform: uppercase;
	text-align: center;
}

div.password-change .body {
	background-color:  #FDF7EF;
	text-align: left;
	border: 1px solid #c9c9c9;
	border-top: 0;
}

div.password-change form fieldset
{
	margin-top: 0;
}

div.password-change form fieldset.endwidgets
{
	padding: 0;
	border: none;
}

div.password-change form fieldset p,
div.password-change form fieldset .form_field
{
	padding-left: 1em;
	padding-right: 1em;
}

div.password-change form .form_label
{
	text-align: left;
}

#FrmChange_telephone .form_widget
{
	width: 36%;
}

#FrmChange_telephone .follow-on
{
	margin-left: 0;
}

form#FrmChange .form_label,
.form_field.follow-on .form_label
{
	width: 10em !important;
}

form#FrmChange .biglabel .form_label
{
	width: inherit !important;
}


@media (min-width: 1200px)
{
	#FrmChange_telephone .follow-on .form_label
	{
		margin-right: 0;
	}
	form#FrmChange .form_field.follow-on .form_label
	{
		width: auto !important;
	}
	#FrmChange_telephone .next-follow-on .form_widget
	{
		width: 54%;
	}
}

.toggle-btn-readonly
{
	text-transform: uppercase;
	padding: 0.5em;
	font-weight: 500;
	color: #000000;
}

#Interests_industries .form_field.industry.industry-default .form_label label,
.industry-default span
{
	font-weight: bold;
}

.group-toggle,
#MailingPreferences_magazines .col-lg-6 .form_field
{
	height: 60px;
}

#FrmChange .toggle.btn
{
	margin-left: 0;
}

.lookup .form_field .form_field
{
	padding: 0;
}


#FrmChange\.apprenticeship_end_date_month
{
	float: left;
	width: 50%;
}

#FrmChange\.apprenticeship_end_date_year
{
	float: right;
	width: 50%;
}

#FrmChange\.student_course_end_date_month
{
	float: left;
	width: 50%;
}

#FrmChange\.student_course_end_date_year
{
	float: right;
	width: 50%;
}