.membership-application {font-size: 13px; line-height: 20px; font-weight: normal;}

.membership-application h2 {background-color: #FFD51C; padding: 10px; font-size: 20px; line-height: 20px; margin-bottom: 20px;}
.membership-application h2 span {color: #fff;}
.membership-application h3 {background-color: rgba(255,213,28,0.5); border-top: solid 1px rgba(255,213,28,1); border-bottom: solid 1px rgba(255,213,28,1); padding: 10px; font-size: 20px; line-height: 20px; margin-bottom: 20px; font-weight: normal;}

.membership-application h4 {font-size: 15px; line-height: 20px; font-weight: normal; padding: 10px 10px 0 10px;}

.membership-application section {padding: 10px 0;}
.membership-application fieldset {border: none; padding: 0;}
.membership-application p, .membership-application fieldset {width: 100%; clear: both; padding: 20px 10px; border-bottom: solid 1px rgba(255,213,28,1);  box-sizing: border-box;}
.membership-application p:after, .membership-application fieldset:after { content: ""; display: table; clear: both;}

.membership-application p span {display: block; padding-top: 20px;}
.membership-application p span:after { content: ""; display: table; clear: both;}
.membership-application p span:first-of-type {padding-top: 0;}

.membership-application label {display: block; float: left; width: 30%; margin-right: 5%; font-weight: bold;}
.membership-application .declaration-signature label {width: 80%; font-weight: normal;}
.membership-application label em {font-weight: normal; font-style:normal;}
.membership-application label em strong {font-weight: bold;}
.membership-application label.no-set-width {width: auto;margin-right: 4px;}
.membership-application label span {display: block;font-weight: normal;}
.membership-application label span.mandatory, .membership-application legend span.mandatory, h4 span.mandatory {display: inline-block;font-weight: normal; color: #fff; background-color: #ffd51c; padding: 3px; border-radius: 2px; margin: 0 0 0 4px; font-size: 13px; line-height: 20px;}

.membership-application label span.larger-text {font-size: 14px;}
.membership-application input[type="text"] {display: block; float: left; width: 55%; padding: 5px; font-size: 13px; line-height: 18px; margin-right: 1%; font-family: Verdana,Geneva,sans-serif;}
.membership-application input[type="password"] {display: block; float: left; width: 55%; padding: 5px; font-size: 13px; line-height: 18px; margin-right: 1%;}
.membership-application textarea {display: block; float: left; width: 55%; padding: 5px; font-size: 13px; line-height: 18px; min-height: 150px; font-family: Verdana,Geneva,sans-serif;}

.membership-application input[type="radio"] {display: block; float: left;margin-right: 2%;}
.membership-application input[type="checkbox"] {display: block; float: left;margin-right: 2%;}

.membership-application .declaration fieldset div:after { content: ""; display: table; clear: both;}

.membership-application fieldset div.buttons label {display: block; float: left; width: auto; margin-right: 5%; font-weight: normal;}

.application-note {display: block; padding-top: 10px;}

.membership-application table {}
.membership-application table tr {}
.membership-application table tr th {text-align: left; font-size: 13px; line-height: 20px; padding: 6px; border-bottom: solid 1px rgba(255,213,28,1);}
.membership-application table tr td {text-align: left; font-size: 13px; line-height: 20px; padding: 6px; border-bottom: solid 1px rgba(255,213,28,1);}

.membership-application table tr:nth-of-type(odd) td {background-color:  rgba(255,213,28,0.1);}
.membership-application fieldset legend {padding: 20px 0 0 0; font-weight: bold; width: 100%;}
.membership-application fieldset div {padding: 0 10px 20px 10px;}

.membership-application .declaration-details {}
.membership-application .declaration-details div, .membership-application .help-services div {width: 50%; float: left; padding: 10px 0;box-sizing: border-box;}

.membership-application .declaration-details:after, .membership-application .help-services:after { content: ""; display: table; clear: both;}

.membership-application .contact-details {width: 100%; clear: both; padding: 20px 10px; border-bottom: solid 1px rgba(255,213,28,1);  box-sizing: border-box;}
.membership-application .contact-details:after { content: ""; display: table; clear: both;}

.membership-application .contact-details div {width: 50%; float: left; padding: 10px 0;box-sizing: border-box;}
.membership-application .contact-details div:nth-of-type(3) {clear: left;}

.membership-application .navbar { margin: 10px 0 2px 0; background-color: rgba(0,0,0,0.05); border-top: 1px solid rgba(0,0,0,0.2); border-bottom: 1px solid rgba(0,0,0,0.2); } /* NEW KS 16.02.2018 */
.membership-application .navbar:after { content: ""; display: table; clear: both;}
.membership-application .navbar div {cursor: pointer; width: 20%; float: left; padding: 5px 0;  text-align:center; color: rgba(0,0,0,0.7); /* STYLES FOR DEFAULT STYLING */}
.membership-application .navbar div.active { color: rgba(0,0,0,1); font-weight: bold; background-color: #C0FFC0; /* STYLES FOR CURRENT LOCATION*/}
.membership-application .navbar div:nth-of-type(6) {clear: left;}

.membership-application .navbarl { margin: 10px 0 2px 0; background-color: #FFD51C;; border-top: 1px solid rgba(0,0,0,0.2); border-bottom: 3px solid white; } /* NEW KS 16.02.2018 */
.membership-application .navbarl:after { content: ""; display: table; clear: both;}
.membership-application .navbarl div {cursor: pointer; width: 50%; float: left; padding: 5px 0;  text-align:center; color: rgba(0,0,0,0.7); font-weight: bold; /* STYLES FOR DEFAULT STYLING */}
.membership-application .navbarl div.active { color: rgba(0,0,0,1); font-weight: bold; /* STYLES FOR CURRENT LOCATION*/}
.membership-application .navbarl div:nth-of-type(3) {clear: left;}

.declaration fieldset:nth-of-type(2) input[type="text"], .help-services fieldset:nth-of-type(2) input[type="text"] {width: 10%;}
.declaration fieldset:nth-of-type(2) div, .help-services fieldset:nth-of-type(2) div {width: 50%; float: left; box-sizing:border-box;}

.declaration fieldset:nth-of-type(2) div label, .help-services fieldset:nth-of-type(2) div label {
    margin-right: 5%;
    width: 50%; box-sizing:border-box;
}

.declaration fieldset:nth-of-type(2) div input[type="text"], .help-services fieldset:nth-of-type(2) div input[type="text"] {
    padding: 5px; width: 40%; box-sizing:border-box;
}

.declaration fieldset:nth-of-type(2) div textarea, .help-services fieldset:nth-of-type(2) div textarea {
  
    padding: 5px;
   width: 40%; box-sizing:border-box;
}

.pay, .send-application {text-align: center;}

.pay input, .send-application input {background-color: #000; color: #fff; padding: 6px 20px; font-size: 14px; border-radius: 5px; border: solid 1px #000;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,595959+12,666666+25,2c2c2c+50,111111+72,1c1c1c+91,131313+100 */
background: rgb(76,76,76); /* Old browsers */
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(44,44,44,1) 50%, rgba(17,17,17,1) 72%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(44,44,44,1) 50%,rgba(17,17,17,1) 72%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(44,44,44,1) 50%,rgba(17,17,17,1) 72%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-*/
}

.pay input:hover, .send-application input:hover {background: #000; cursor: pointer; color: #FFD51C;}

/*.file-upload input {width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;}
	
.file-upload input + label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: black;
    display: inline-block;
	cursor: pointer;
}

.file-upload input:focus + label,
.file-upload input + label:hover {
    background-color: red;
}

.file-upload input + label * {
	pointer-events: none;
}*/