.g15 {float: left; width: 15%;}

@media screen and (max-width: 800px) {
    .step_4 .g15, .step_4 .g20, .step_4 .g25 {width: 100% !important;}    
} 


.label {
	font-weight: bold;
	padding: 22px 0 0 0;
	line-height: 18px;
}


.pricedata {
	padding: 22px 0 0 0;
	line-height: 18px;
}

#membership_application p {margin: 0 !important; padding: 0 0 10px 0 !important;}


.small {font-size: 80%; font-weight: normal;}

#membership_application .paddingr {padding: 0 1% 0 0 !important;}
#membership_application .paddingt5 {padding: 5px 0 0 0 !important;}
#membership_application .paddingt15 {padding: 15px 0 0 0 !important;}
#membership_application .paddingsm {padding: 5px !important;}
#membership_application .paddingb10 {padding: 0 0 10px 0 !important;}

#membership_application .checkbox_lg {width: 20px !important; height: 20px !important;}


.membergroupblurb, .membertypeblurb {
	font-size: 90%;
	font-style: italic;
}

.membergroupblurb p , .membertypeblurb p  {
 padding: 0 0 5px 0 !important;
} 


#username_availability_result {margin: 5px 0;}
#check_username {margin: 10px 0 0 5px;}

#membership_application .sectionheader { 
    background: #232a29;
    color: #fff;
    padding: 10px;
    font-weight: bold; 
    font-size: 115%;
} 

#membership_application input {padding: 15px  !important; margin: 5px 0;}
#membership_application select {padding: 18px 10px !important; margin: 5px 0;}


#membership_application input, #membership_application textarea,  #membership_application select {
border: 0px !important;
background: #E7E7E7 !important;
font-family: inherit;
width: 100%;
}
#membership_application input[type="checkbox"], #membership_application input[type="radio"] {
width: auto;
}
#membership_application input:focus, #membership_application .textarea:focus {
border: 0px;
background: #F0F0F0 !important;
font-family: inherit;
padding: 15px !important;
}

#membership_application select:focus {
border: 0px;
background: #F0F0F0 !important;
font-family: inherit;
padding: 18px 10px !important;
}



#membership_application button {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #008066 0%, #025847 100%) repeat scroll 0 0 !important;
    border-bottom: 2px solid #008066 !important;
    color: #fff !important;
    display: inline-block;
    padding: 15px 20px;
    text-decoration: none;
	text-transform: uppercase;
} 
#membership_application .button:hover {    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #025847 0%, #008066 100%) repeat scroll 0 0 !important;}


.showtooltip {color: #014438; cursor: pointer; font-size: 85%;}
.moreinfo { font-size: 85%; border: 1px solid #C1C1C1; padding: 5px; background-color: #efefef;}


.checkbox_container {width: 100%; height: 160px; border: 1px solid #C1C1C1; overflow-x: hidden;overflow-y: scroll;}
.select_all_row {background-color: #efefef;}

.dues_total_line {margin-bottom: 10px; padding: 10px; background-color: #b7e6de;}


@media screen and (max-width: 800px) {
    #membership_application .g25, #membership_application .g75, #membership_application .g35, #membership_application .g45 {width: 100%;}
    
    .previousnext {text-align: center !important;}

    #membership_selected .g75 {width:75% !important;}
    #membership_selected .g25 {width:25% !important;}    

    
}
@media screen and (max-width: 500px) {
    .step_1 .g10,.step_2 .g10, .checkbox_container .g10 {width: 10% !important}
    .step_1 .g90,  .step_2 .g90, .checkbox_container .g90 {width: 90% !important}    
    
.membertype .g10 {width: 10% !important}
.membertype .g90 {width: 85% !important}    
    
    .padding {padding: 5px 15px !important;}

        

.family_card_names .g25 {display: none;}    
.family_card_names .g75 {width:100% !important;}   
    
#membership_questions .g10 {width: 50% !important;}
    
}