
.MEAAMemberFees .SectionBlock {
	display: none;
}

.MEAAJoinForm {
	margin-top: 50px;
}

.MEAAJoinForm #auxiliary-container,
.MEAAJoinForm .footer-social {
	display: none;
}

.MEAAJoinForm .RadWindow.RadWindow_MetroTouch {
	z-index: 99999 !important;
}



.MEAAJoinForm #WebPartZone1_Page1 {
	max-width: 1140px;
	min-height: 125px;
	margin: auto;
	background: white;
}



/* ---- Initial Page styling ---- */
.JoinFormInitial {
	width: 720px;
	margin: auto;

}

.JoinFormInitial .JoinFreetext {
	width: 100%;
	margin: 0 15px 15px 0;

	font-size: 14px;
	line-height: 20px;
	
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	
	border: none;
	border-radius: 0;
	box-sizing: revert;
	
	background-color: #efefef;
	color: #424242;
}

.JoinFormInitial .JoinDropdown {
	width: 100%;
	margin: 0 15px 15px 0;

	font-size: 14px;
	line-height: 20px;
	
	background-color: #424242;
	color: #efefef;
	cursor: pointer;
	
}

.JoinFormInitial .JoinDatepicker {
	width: 100%;
	margin: 0 15px 15px 0;
	
}

.JoinFormInitial .JoinLabel {
	width: 100%;
	margin: 0 15px 15px 0;
}

/* Payment Detrails Page */

.GenerateToken #FzRadioButtonNote,
.GenerateToken #PaymentTypes {
    display:none !important;
}

.GenerateToken .fzWrapperRight {
    float: left;
}
    
#FatZebraCheckoutButtonWrapper .ShowFieldset {
    background: white;
}

/* Small screens smaller than 720px */
@media screen and (max-width: 720px) {
  .JoinFormInitial {
    width: 100%; 
  }
  
   .JoinFormInitial .JoinFreetext {
    box-sizing: inherit;
  } 
  
  .JoinFormInitial .col-md-6 {
	  overflow:auto;
  }
  
  
}

.JoinFormInitial .button.submit {
	background: none !important;
	background-color: rgba(0, 0, 0, 0);
	background-color: #F15931 !important;
	padding: 12px 33px !important;
	border-radius: 5px;
}

/* ----- CCO Styling ----- */
/* Tabs */
.MEAAJoinForm .RadTabStrip.RadTabStrip_MetroTouch {
	background-color: white;
	border-bottom: 2px solid #2d76b4;
}

.MEAAJoinForm .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
	background-color: white !important;
	border: none;
}

.MEAAJoinForm .RadTabStrip_MetroTouch .rtsLink {
	color: black !important;
}

.MEAAJoinForm .ContentWizardDisplay {
	border: none;
}


/* ----- Field Styling ----- */
/* Generic */

.MEAAJoinForm .JoinFreetext {
	
}

.MEAAJoinForm .JoinDropdown {
	background-color: #e9e9ed;
}


.MEAAJoinForm .LabelHeader {
	display: block;
	padding-top: 15px;	
	font-size: large;
	text-decoration: underline;
}

.MEAAJoinForm .PanelField.Top {
	width:auto;
	clear: revert;
}

.MEAAJoinForm .SingleColumnHalf .PanelField.Top {
	clear: both;
}

.MEAAJoinForm .SingleColumn .PanelField.Top {
  width: 100%;

}

.MEAAJoinForm .col-md-12 > div.ReadOnly.PanelField {
	width: 100%;
}

.MEAAJoinForm .col-md-12.slimLabel > div.ReadOnly.PanelField {
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: -15px;
}

.MEAAJoinForm .col-md-12:not(.SingleColumn) > div.PanelField.Top {
	width: 50%;
}

/* Name */
/* Check */
/*
.MEAAJoinForm #Name-Full .PanelField.Top {
	width: auto;
	clear: revert;
}
*/
.MEAAJoinForm .PanelField.Top select {
	width: 97%;
}

.MEAAJoinForm .PanelField.Top input {
	width: 100%;
}

/*
.MEAAJoinForm #Name-Full > .PanelField:nth-child(2) {
	width: 15%;
}
.MEAAJoinForm #Name-Full > .PanelField:nth-child(3) {
	width: 35%;
}
.MEAAJoinForm #Name-Full > .PanelField:nth-child(4) {
	width: 50%;
}
*/

/* Contact */



/* Address Section */
.MEAAJoinForm #HomeAdd-Full {
	display: none;
}

.MEAAJoinForm #PostAdd-Full > .PanelField:nth-child(3),
.MEAAJoinForm #PostAdd-Full > .PanelField:nth-child(4) {
	width: 100%;
}
.MEAAJoinForm #HomeAdd-Full > .PanelField:nth-child(1),
.MEAAJoinForm #HomeAdd-Full > .PanelField:nth-child(2) {
	width: 100%;
}


/* Section Info */
.EmployerButtons,
.FreelanceButtons {
	white-space: initial;
}


/* Section Info */
.EmployerButtons button.TextButton,
.FreelanceButtons button.TextButton {
	background-image: none !important;
	background-color: #2d76b4 !important;
	border-radius: 10px;
	padding: 0px 10px !important;
	min-width: 5em;
}
.SectionJobTitle .PanelField.Top {
	width: 100%;
	
}

.MEAAJoinForm .PanelField.Top input[type='radio'] {
	width: revert;
	scale: 1.2;
	margin-top: 7px;
}

.SectionEmployerNameAdditional,
.SectionFreelanceNameAdditional {
	display: none;
}


.SectionEmployerName .PanelFieldValue,
.SectionEmployerNameAdditional .PanelFieldValue {
	width: 80%;
}


.SectionFreelanceOrgs .PanelFieldValue,
.SectionFreelanceNameAdditional .PanelFieldValue {
	width: 90%;
}

.MEAAJoinForm input.Employer  {
	width: 100%;
}

.MEAAJoinForm input.Freelance  {
	width: 100%;
}


.CustomRequired {
	background-position: left .45em !important;
	background-image: url(/Assets/images/required.png) !important;
	background-repeat: no-repeat;
	
	padding-left: 7px;
	margin-left: -7px;
	/*
	display: inline;
	float: left;
	*/
}
.MEAAJoinForm .SectionEmploymentStatus .PanelField.Top {
	width: 100%;
}

.SectionMasthead .PanelField.Top {
	width: 100% !important;
}

.SectionMasthead .PanelField.Top input{
	width: 100%
}

.SectionAgency .PanelFieldValue {
	width: 100%
}

.SectionAgency .PanelFieldValue input {
	width: 100%
}

.SectionTypeOfWork .PanelField.Top {
	width: 100% !important;
}

.SectionTypeOfWork .PanelField.Top input{
	width: 100%
}



.ScrollContainer {
  width: 100%;
  height: 200px;
  overflow: auto;
  border: gray solid 1px;
  padding: 10px;
}


.CommandBar input.TextButton {
	border-radius: 10px;
	background: #d5a20ba3  !important;
}

input.TextButton.PrimaryButton,
.PanelFieldValue input.TextButton,
.FatZebraCreditCardButton {
	border-radius: 10px;
	background: #2d76b4 !important;
}
