/*** Breadcrumbs ***/
.wli-breadcrumbs-container  {
    overflow:  hidden;
    padding:  20px 0;
    width:  100%;
}

.wli-breadcrumbs-container li  {
    float:  left;
    list-style:  outside none none;
    padding:  0 2px;
}

/*** Sitemap ***/
.wli-sitemap  {
    list-style-type:  square;
    padding-left:  10px;
}

.wli-sitemap ul  {
    padding-left:  10px;
    margin-bottom:  10px;
}

/*** WebLink Banner Ad Styles ***/
.wli-ad-leaderboard  {
    height:  90px;
}

.wli-ad-square1  {
    height:  250px;
}

@media only screen and (max-width : 480px)  {
    .wli-ad-leaderboard  {
		height: 0px !important;
	}
	.wli-ad-mobile  {
		height: 250px !important;
	}
}

.emptyBanner  {
    height:  0px!important;
}

/*** WebLink Component Styles ***/
.wsite-page-weblink-narrow-template-1 .wli-main-content ul, .wsite-page-weblink-wide-template-1 .wli-main-content ul  {
    list-style-type:  disc;
    padding-left:  20px;
}

/***  Member App Styles  ***/
.wli-form  {
    background:  #eeeeee;
	color: #000000;
}

.wli-form fieldset  {
    border:  0px;
    width:  100%;
}

.wli-form *  {
    box-sizing:  border-box;
}

.wli-form legend  {
    width:  100%;
    background:  #d41a00;
	color: #ffffff;
    padding:  0 15px;
    font-size:  1.75em;
	line-height: 2;
}

.wli-form label  {
    display:  inline-block;
}

.wli-form input,  .wli-form textarea  {
    width:  100%;
}

.wli-form select  {
    margin-bottom:  15px;
}

.wli-form-row  {
    margin:  0 15px;
}

.addressInfo .state select  {
    width:  100%;
}

.addressInfo .city  {
    width:  Calc(50% - 30px);
    display:  inline-block;
}

.addressInfo .state,  .addressInfo .zip  {
    width:  Calc(25% - 35px);
    display:  inline-block;
}

#addButton,  #removeButton  {
    width:  auto;
    padding:  5px 15px!important;
    margin:  10px;
    border-radius:  10px;
}

.membershipType,  .primaryCategory  {
    width:  49%;
    margin:  15px 0;
}

.membershipType select,  .primaryCategory select  {
    width:  Calc(100% - 15px);
}

select#additionalCategories  {
    width:  100%;
    height:  100%;
}

.additionalCategories,  .information  {
    display:  inline-block;
    margin:  15px 0;
}

.additionalCategories  {
    width:  33%;
    vertical-align:  top;
}

.information  {
    width:  66%;
}

.information > ul  {
    margin-left:  15px;
}

.wli-form-checkbox-field  {
    display:  inline-block;
    min-width:  49%;
}

.wli-form-input-field  {
    display:  flex;
    flex-wrap:  wrap;
    justify-content:  space-between;
}

.wli-min  {
    max-height:  0;
    overflow:  hidden;
    transition:  max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.activeField .wli-min  {
    max-height:  2500px;
    transition:  max-height 1s ease-in-out;
}
label.wli-required-label:before  {
    color:  red;
    content:  "* ";
}
.wli-form > fieldset.hasRequired > legend:before  {
    color:  red;
    content:  "* "}
.copyFromCheckbox  {
	text-align:  right;
}
.Dues-Information input  {
    max-width:  300px;
}

#hideAfterTesting  {
    overflow:  hidden;
    width:  95%;
    margin:  0;
    height:  0px;
    background:  lightgray;
}
 
.hide  {
    display:  none !important;
}

#jsEnable  {
    display:  none;
}

.wli-form input[type="checkbox"] {
    max-width: 20px;
}

/* CC field fixes */
table#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo td  {
    width:  100%;
    display:  block;
    height:  auto !important;
}

table#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo  {
    width:  100%;
}

#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo tr  {
    display:  inline-block;
    width:  100%;
}

#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo tr:nth-child(2), #content1_content_WebInput_CreditCardInfo_tblCreditCardInfo tr:nth-child(3)  {
    max-width:  50%;
}

table#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo select  {
    margin-bottom:  15px;
    width:  Calc(100% - 15px);
}

#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo table#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo input  {
    width:  100% !important;
}

input#content1_content_WebInput_CreditCardInfo_txtWebInputCreditCardPIN  {
    width:  Calc(100% - 15px)!important;
}

#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo tr:nth-child(3) select  {
    width:  100%;
    max-width:  225px;
}

#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo tr:nth-child(3) td  {
    display:  flex;
    justify-content:  space-between;
}

table#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo tr:nth-child(6),  table#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo tr:nth-child(7),  table#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo tr:nth-child(8)  {
    max-width:  33%;
}

input#content1_content_WebInput_CreditCardInfo_txtWebInputCreditCardZip  {
    max-width:  Calc(100% - 15px);
}

table#content1_content_WebInput_CreditCardType_rdoWebInputRadioButton tr  {
    display:  flex;
    flex-flow:  row wrap;
}

table#content1_content_WebInput_CreditCardType_rdoWebInputRadioButton input  {
    display:  none;
}

table#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo span:before  {
    color:  red;
    content:  "* ";
}

table#content1_content_WebInput_CreditCardType_rdoWebInputRadioButton label  {
    width:  49px;
    height:  30px;
    margin:  5px 10px;
    box-sizing:  content-box;
    border-radius:  8px;
}
label.CCSelected  {
    border:  3px solid black;
}
@media (max-width:  480px)  {
	.wli-form legend  {
		font-size:  1.35em;
	}

	.membershipType,  .primaryCategory  {
		width:  100%;
	}

	.additionalCategories  {
		width:  100%;
	}
	.information  {
		width:  100%;
	}
	#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo tr:nth-child(3) select  {
		max-width:  75px;
	}
	.addressInfo .state select  {
		width:  100%;
	}
	.addressInfo .city  {
		width:  auto;
		display:  block;
	}

	.addressInfo .state,  .addressInfo .zip  {
		width:  auto;
		display:  block;
	}
	.wli-form-checkbox-field {
		width: 100%;
		margin: 5px 0;
	}
}

/* Portal Navigation  */
.wli-portal-logout  {
    padding:  0 0 5px;
    width:  99%;
    text-align: right;
}

.wli-portal-logout a  {
    font-weight: bold;
}
.wli-portal-nav  {
    margin-bottom:  20px;
    overflow:  hidden;
    padding:  10px 20px;
}

.wli-portal-nav ul li  {
    float:  left;
    padding:  4px 0;
    width:  33%;
}

@media screen and (max-width: 800px)  {
    .wli-portal-nav ul li  {
		width:  50%;
	}
}
@media screen and (max-width: 375px)  {
    .wli-portal-nav ul li  {
		width:  100%;
	}
}
#content1_content_PortalWelcomeMessage3_lblProfileName  {
    font-size:  24px;
}

/*** AFF CODE UPDATE PAGE ***/
.affCodeItem:nth-child(2n+1)  {
    background-color:  #eeeeee;
}

.affCodeItem  {
    padding:  20px;
}

.affCodeItem td  {
    padding:  10px;
}

.affCodeItem label  {
    padding:  0 10px;
}

/* Directory */
.directory_search_button  {
    margin:  0 0 10px 15px;
}


/* Event Details */
#wc-eventDetailMiddle  {
	float:  right;
}
#content1_content_EventSubmission1_txtAddress2  {
    float:  right;
}
#EventSubmission .wli-form input,  #EventSubmission .wli-form textarea  {
    width:  100% !important;
}
#EventSubmission .wsite-button  {
    margin-left:  15px;
}
.fTime  {
    width:  240px;
}
.fTime > *  {
    float:  right;
    margin:  0 2px;
}
.fTime select  {
    padding:  0 15px !important;
}

#wc-eventDetailDateAndLocation {
   width: 100%;
}

/* Misc Fixes */
input#content1_content_CouponAdmin1_cmdNew  {
    width:  auto !important;
}

.wli-event-date {
    margin-right: 5px;
}

.wli-site-search {
    position: fixed;
    bottom: 0;
	width: 100%;
	max-width: 320px;
	z-index: 1000;

	.cse .gsc-control-cse,
	.gsc-control-cse {
	  background-color: transparent;
	  border: 1px solid transparent;
	}
	.gsib_a {
		padding: 0px;
	}
}
@media (max-width: 767px) {
    div#mdiv_DirectoryContentRight {
        width: 100%;
    }
    div#mdiv_DirectoryContentLeft {
        width: 100%;
    }
    [id^="content1_Directory1_square1_Square1_Rotator"] {
        width:100% !important;
    }
    .ListingSearch_StandardCategoriesQuicklist.ListingSearch_StandardCategoriesQuicklist>.halfWidth {
        width:100% !important;
    }
}