/*============================================
		FORM / INPUT ITEMS
============================================*/
.hide,
#content1_content_WebInputDropDownList4_ddWebInputDropDownList {
	display: none !important;
}

	/************ Main Form Elements *************/
		table.wli-form,
		table.wli-form tbody,
		table.wli-form tbody tr {
			width: 100%;
			max-width: 600px;
			display: inline-block;
		}
		table.wli-form tbody tr,
		table.wli-form tbody tr td {
			min-height:40px;
		}
		table.wli-form tbody tr td {
			width: 100%;
			max-width: 300px;
			display: block;
			float: left;
		}
		table.wli-form tbody tr td table {
			width: 100% !important;
		}
		table.wli-form tbody tr td table tr td {
			width: 50%;
		}
		/*.wli-form * {
			width: 100%;
		}*/
		.wli-form-row {
			min-height: 35px;
			width: 100%;
			max-width: 600px;
			display: inline-block;	
		}
		fieldset {
			max-width: 600px;
			display: block;
			padding: 0px;
			margin: 0px;
			border: none;	
			}
		legend {
			max-width: 600px;
			padding: 5px 16px;
			margin-bottom: 5px;
			text-align: left;
			font-weight: bold;
			color: #ffc222;
			background-color: #343434;
		}
		.wli-form label {
			width: auto;
			float: left;
			clear: both;
			padding-left: 10px;
			font-weight: bold;
			}
		.wli-sub-label {
			display: inline-block;
			float:left;
			clear: left;
			font-size: 75%;
			}

		select {
			padding:5px;
			margin: 0px auto;
			border: 1px solid #282828;
			border-radius: 4px;
			outline-color: rgba(217, 177, 0, 0.3);
			box-sizing:content-box;
			background-color: rgba(253, 228, 161, 0.5);
			height: 27px;
			float: right;
			width: auto;
			max-width: 270px;
		}
		input {
			padding:5px !important;
			margin: 0px auto;
			border: 1px solid #282828;
			border-radius: 4px;
			outline-color: rgba(217, 177, 0, 0.3);
			box-sizing:border-box;
			background-color: rgba(253, 228, 161, 0.5);
			float: right;
			width: 100%;
			max-width: 270px;
		}
		textarea {
			width:100%;
			max-width: 500px;
			padding:5px;
			margin: 0px auto;
			border: 1px solid #282828;
			border-radius: 4px;
			outline-color: rgba(217, 177, 0, 0.3);
			background-color: rgba(253, 228, 161, 0.5);
		}
		input[type=image] {
			width: auto !important;
			max-width: none;
			float: none;
			box-sizing: border-box;
			outline: none;
			outline-color: transparent;
			background: none;
		}
		input[type=checkbox]{
			max-width: 20px;
			float: left;
		}
			.wli-checkbox-list {
				padding-left: 50px;
			}
		input[type=radio] {
			max-width: 20px;
		}
		input[type=button] {cursor: pointer;}
		
		/* Required Fields Styles */	
		.wli-required-label:after {
			content: " *";
			color: #FF0000;
		}

		/* Post Back Message Styles */
		.wli-PostBackMessage {
			color: #FF0000;
		}

		/* Needed for Controls in Tables */
		/*.wli-form-row table, 
		.wli-form-row table *{
			width: auto;
			float: left;
		}*/
		
		/* ONLY WORKS when you add  ".rtPad" to 
		cell containing 'totaled item' in calculator_02.aspx file */
		td.rtPad {
			padding-right: 15px;
		}
	/*-----------------------------------------------------
		SPECIFICALLY TARGETED INPUTS/SELECTS
	-----------------------------------------------------*/
		/*May not be used- Adds padding to search box to create space 
		above google map, aff code search or state search.*/
		.directory_search_simple {
			padding-bottom: 20px;
		}
		/*  Portal Login Fields usr/pwrd  */
		select#content1_Directory1_DirectorySearch1_SearchCategory_ddKeyword {
			height: 27px;
			padding:0px;
			box-sizing: content-box;
			outline-color: rgba(217, 177, 0, 0.3);
		}
		/*  Directory Search  */
		.directory_keyword_search input {
			width: 210px !important;
			min-height: 16px;
		}
		/*  Portal Login Fields usr/pwrd  */
		input#content1_content_PortalLogin1_txtUsername, 
		input#content1_content_PortalLogin1_txtPassword {
			width: 100% !important;
			text-align: left;
			float: left;
		}
		/* Event Search Fields*/
		#eventsAdvancedSearch select, 
		#eventsAdvancedSearch input {
			height: 23px !important;
			margin: 5px 0 5px 0 !important;
			padding: 0px !important;
			box-sizing: border-box;
			border-radius: 4px;
			border: 1px solid #666;
			background: white;
			float: left;
			clear: left;
		}
		/* ONLY WORKS when you add  ".submit2Me" to 
		cell containing Submit Control in application.aspx file */
		td.submit2Me > table {
			width: 100%;
		}
	/*-----------------------------------------------------
		MEMBER APP FIELD CUSTOMIZATIONS
	-----------------------------------------------------*/
		/* Removes misaligned left margin on nested
		    Additional Info checkbox section of mbr app
		    creates left padding instead for checkbox labels */
		table#table tbody tr td.labelcontainer > table {
			margin-left: 0px !important;
			padding-left: 30px;
		}
		/* ONLY WORKS when you add  ".addCatSelection" to 
		nested table containing category control in calculator_02.aspx file */
		table.addCatSelection {
			width: 100%;
			margin: 20px auto;
		}
		select#additionalCategories {
			height: 60px;
		}
		/* IMPORTANT CREDIT CARD INPUT STYLING */
			.creditcardtype {}
			/*.creditcardtype label {float:none;}	
			.creditcardtype input{float:none;}*/
			.creditcardinfo {
				max-width: NONE !IMPORTANT;
				padding-left: 10px;
			}
			.creditcardinfo label {
				padding-left: 0px;
			}
			.creditcardinfo input, 
			.creditcardinfo select  {
				width: 100%;
				max-width: 212px;
				display: inline-block;
			}
			.creditcardinfo table tr td input, .creditcardinfo table tr td select {
				width: 100%;
				max-width: 212px;
				padding: 0px;
				display: block;
				margin-right: 10px !important;
				box-sizing: border-box;
			}
			.creditcardinfo table tr td:first-child {
				width: 100% !important;
			}
			select#content1_content_WebInput_CreditCardInfo_ddWebInputCreditCardValidThroughMonth, select#content1_content_WebInput_CreditCardInfo_ddWebInputCreditCardValidThroughYear {
				width: 95px;
			}
			select#content1_content_WebInput_CreditCardInfo_ddWebInputCreditCardValidThroughMonth {
				float: left;
				margin-left: 310px !important;
			}
			#content1_content_WebInput_CreditCardType_rdoWebInputRadioButton td {
				width: 25% !important;
			}
			table#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo tr {
				height: 40px;
			}

			/* Request Info Form CC Styling... */
			table#content1_content_WebInputTextBox6_tblCreditCardInfo {
				width: 100%;
			}
		/* Add Contacts Buttons */
			#addButton,
			#removeButton {
				max-width: 40px;
				float: none;
				cursor: pointer;
				border-radius: 20px;
			}
		/* Specific Common Input Content Types */
			.firstname input {}
			.lastname input {}
			.address1 input {}
			.address2 input {}
			.city input {}
			.state select {}
			.zip input {}
			.phone input {}
			.fax input {}
			.website input {}
			.email input{}
			.other input {}
		/* After testing, use these styles to hide the test fields on the member app */
			.hideAfterTesting {
				width: 95%;
				padding: 6px; 
				margin: 0px;
				overflow: hidden;
				height: 0px;  /*uncomment this out after testing the form*/
				border: #ff0000 0px solid;  /*change this to 0px after testing the form*/
			}		
	/*-----------------------------------------------------
		SUBMIT BTNS
	-----------------------------------------------------*/
		input[type=submit], 
		#table tr td input[type=submit], 
		.directory_search_button input {
			float:left;
			background-color: #ffc222;
			color: #FFFFFF;
			font-weight: bold;
			min-width:175px;
			border: none;
			border-radius:0px;
		}

			input[type=submit]:hover, 
			#table tr td input[type=submit]:hover {
				background-color: #fde4a1;
				color: #070707;
				cursor: pointer;
				box-shadow: 0px 0px 4px #ffc222 inset;
				/*border-radius*/
				-webkit-border-radius:15px;
				-moz-border-radius:15px;
				border-radius:15px;
				/*transition*/
				-webkit-transition: all .5s;
				-moz-transition: all .5s;
				-o-transition: all .5s;
				transition: all .5s;
			}

			input[type=submit]:focus, #table tr td input[type=submit]:focus {
					box-shadow: 0px 0px 7px #ffc222 inset;
				}

			/* Just for Button on Search Nav Box */
				/*.directory_search_button input:hover {
					background: white;
					color: #94a544;
					font-weight: bold;
				}*/

			.wli-form-row table input[type=submit] {
				width: 100%;
				cursor: pointer;
			}
/* ////////////////////////////////////////////////////////////////////////////////
	End FORM ELEMENTS Styling 
////////////////////////////////////////////////////////////////////////////////*/

/* /////////////////////////////////////////////////////////////////////////////////
	Begin COMPONENT Styling 
 //////////////////////////////////////////////////////////////////////////////   */
/* =====================================================
 	DIRECTORY MODULE
===================================================== */
	/******** Listing Details Submit Info Request Form & 'Captcha'  ********/
	#content1_Directory1_Directory1_EmailForm1_txtVerificationText {
		width: 100% !important;
		margin-top: 25px;
		float: right;
	}
	img#content1_Directory1_Directory1_EmailForm1_imgVerificationImage {
		float: right;
		margin: 0px auto;
	}
	.ListingForm_Container_box table tr td input[type=submit] {
		width: 100px !important;
		margin: 5px;
		min-width: 0px;
		height: 28px !important;
	}
	div.directory_search {
		background-color: #efefef;
		margin: 7px 0 0px 0;
		padding: 10px;
	}
	div.directory_navigation {
		background: #efefef;
	}
	select#ListingResults_SortBy {
		background: #efefef;
		color: black;
	}
	.directory_advancedsearch_searchform {width:80%;}

/* =====================================================
 	EVENT COMPONENT PAGES
===================================================== */
	/******** EVENT START PG - Events Calendar */
			table.wc-EventCalendarSmallContainerTable {
				width: 100% !important;
			}
	/******** EVENT START PG - Events Calendar Heading  */
		.wc-EventCalendarSmallHeaderLeftImage {
			display:none;
		}

		.wc-EventCalendarSmallHeaderLeftText {
			display:block !important;
		}
		/*table.wc-EventCalendarSmallHeader tbody tr:first-child {
			background: #333333;
		}*/
	/******** EVENT START PG - Advanced Event Search Fields*/
		table#table tbody tr {
			height: 40px;
		}
	/******** EVENT START PG - Advanced Event Search Fields*/
		input#content1_content_EventSearchAdvanced1_cmdSearch {
			box-sizing: content-box;
			padding: 0px !important;
			margin: 5px 0px !important;
			display: block;
			float: left;
		}	
	/******** EVENT START PG - Row Height for Calendar & Event List  ********/
		#eventCalendarSmallContainer tr, div#EventListContainer tr {
			height: 40px;
		}
		.wc-EventCalendarSmallBox {
			margin-top: 15px;
			border:none;
		}
		.wc-EventCalendarSmall {
			box-shadow: none;
		}

		.wc-EventCalendarSmall tr th, .wc-EventCalendarSmall tr td {
			box-shadow: 0px 0px 2px rgba(0,0,0,0.7);
		}
		
		#eventCalendarSmallContainer tr th {
			height: 50px;
			vertical-align: middle;
			background: #333;
			box-shadow: 0px 0px 2px rgba(0,0,0,0.7);
		}
	/******** EVENT START PG - Calendar styles  ********/	
		#content1_content_EventCalendarSmall1_calSmall, #content_EventCalendarSmall1_calSmall {
			width: 100% !important;
			box-shadow: 3px 3px 3px rgba(121, 121, 121, 0.1) !important;
			border: none !important; */
			margin-bottom: 10px;
		}

		table#content1_content_EventCalendarSmall1_calSmall,
		table#content1_content_EventCalendarSmall1_calSmall tbody tr > td {
			background: rgba(244, 229, 155, 0.2);
			padding-top: 10px;
			transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			-webkit-transition: all 0.4s ease;
			-moz-transition: all 0.4s ease;
		}
		table#content1_content_EventCalendarSmall1_calSmall tbody tr > td:hover {
			background: rgba(244, 229, 155, 0.75);
		}
	/******** EVENT START PG - Calendar Month Nav Btns.  ********/
		td.wc-EventCalendarSmallNavigationPrevious,  td.wc-EventCalendarSmallNavigationNext {
			width: 20%;
		}
		td.wc-EventCalendarSmallNavigationCurrent {
			text-align: center;
		}
		td.wc-EventCalendarSmallNavigationNext {
			text-align: right;
		}
	/******** EVENT START PG - Pads the event list items to indent a couple spaces  ********/
		.EventListBody tbody tr > td {
			vertical-align: middle;
			padding-left: 4px;
		}
	/******** EVENT START PG - Styles that Outlook icon container   ********/
		.EventListBody tbody tr > td:nth-child(2n) {
			text-align: left;
			width: 10%;
		}
	/******** EVENT START PG - Header Row of Event List   ********/
		.EventListHeader {
			height: 50px !important;
			border-bottom: 2px solid black;
			display: table-row !important;
		}
	/******** EVENT START PG - Whole Event List table width expands to space   ********/
		#EventListContainer table {
			width: 100%;
			max-width: 610px;
		}
	/******** EVENT START PG - Previous / Next Month Nav centered   ********/
		table.wc-EventCalendarSmallNavigation {
			margin: 10px auto;
		}
	/******** EVENT START PG - Calendar Background   ********/	
		table#content1_content_EventCalendarSmall1_calSmall tbody tr > td:hover {
		}
	/************  EVENT DETAIL PG -  More Info Form ******************/
		textarea#content1_content_EventDetailEmail1_txtBody {
			float: right;
		}
		input#content1_content_EventDetailEmail1_imgSend {
			float: right;
		}
	/************  EVENT DETAIL PG -  Reminder ******************/
		.eventDetailRightContent div {
			text-align: left;
		}
		span#content1_content_EventReminderForm1_lblEmail {
			float: left;
		}
		input#content1_content_EventReminderForm1_txtEmail {
			float: left;
			clear: right;
			margin-bottom: 20px !important;
		}
		span#content1_content_EventReminderForm1_lblRemindMe {
			float: left;
			clear: left;
		}
		select#content1_content_EventReminderForm1_ddDays {
			width: 95px;
			float: left;
		}
		span#content1_content_EventReminderForm1_lblDaysPrior {
			float: left;
		}
	/************  EVENT REGISTRATION PG  -  "NEXT" btn float *********/
		input#content1_content_EventReg1_cmdNextBillingInfo {
			float: right;
		}
	/******** Event Registration Quantity input field   ********/
		input#content1_content_EventReg1_dgEventItems_txtQuantity_0 {
			width: 50px !important;
		}

/* =====================================================
 	NEWS MODULE
===================================================== */
	/******** NEWS - Wrap div.class around control in searchstart page  ********/
		.newsSearch table {
			width: 100%;
		}
	/******** Row Height for News List  ********/
		table#content1_content_NewsLister1_dgArticles tr {
			height: 40px;
		}
	/******** Row Height for News List  ********/
		table#content1_content_NewsLister1_dgArticles tr td {
			padding: 5px;
			text-align: justify;
		}

/* =====================================================
 	CONTACT US
===================================================== */
	#Contact .Contact-Information .wli-form-row{
		max-width: 400px;
	}

/* =====================================================
 	INPUTS & CONTROLS ON MODULES
===================================================== */
	input[type=submit] {
		margin: 0 0 0 10px;
		min-height: 40px;
		padding: 5px;
	}
		input[type=submit]:hover {
			-moz-transition: all 0.5s ease;
			-webkit-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
			border-radius: 5px;
		}

/* =====================================================
 	OTHER GENERAL CUSTOMIZATIONS
===================================================== */
	h1#wc-pageTitle {
		margin: 15px auto;
	}
	/* Request Info Form Styles*/
	span#content1_content_content1_lblContent ul {
		list-style-type: disc;
		margin-left: 30px;
	}
	/*  label disclaimer on join form */
	.ifApplicable {
		font-size:10px; 
		font-style: italic;
		padding-left: 3px; 
	}
	.doNotPub {
		font-size:10px; 
		font-style: italic;
		font-weight: bold;
		padding-left: 3px; 
	}
	.usrNamePwrd {text-align:right;}

	/* Form Content Record Message/Instructions */
	dt {
		font-weight: bold;
		display: block;
		width: 30%;
		float: left;
		}
	dl dl {
		display: block;
		width: 70%;
		float: right;
		}
	.information {}
	.information ul {
		float:left;
		}
	.information li {
		list-style-type:disc;
		margin-left:60px;
		}
	input#additionalItem1Cost {
		float: right;
		margin-top: 7px !important;
	}
	/* Mbr App CC Payment fields*/
	table#content1_content_WebInputTextBox24_tblCreditCardInfo {
		width: 100%;
		margin-top: 10px;
	}
	table#content1_content_WebInputTextBox24_tblCreditCardInfo tr {
		height: 40px;
	}
	#content1_content_WebInputTextBox24_ddWebInputCreditCardValidThroughMonth, #content1_content_WebInputTextBox24_ddWebInputCreditCardValidThroughYear {
		width: 95px;
		float: left;
	}
	/*#content1_content_WebInputTextBox24_ddWebInputCreditCardValidThroughMonth {margin-left:170px !important;}*/
	#content1_content_WebInputTextBox24_ddWebInputCreditCardValidThroughMonth {margin-right:20px;}
	#content1_content_WebInputDisplayList1_gvData tbody tr td {white-space:normal !important;padding:10px;}
	#content1_content_WebInputDisplayList1_txtSearchKeyword {max-width:150px !important;float:left !important}
	#content1_content_WebInputDisplayList1_cmdSearch {max-width:100px !important;}
	input#wl-zipext-field {max-width:60px !important;}

	tr.sectionStart {
		height: 55px;
		vertical-align: bottom;
		text-transform: uppercase;
	}
	table#content1_content_WebInputRadioButton5_rdoWebInputRadioButton tbody tr td {
		width: 25%;
	}
#content1_content_WebInputTextBox24_tblCreditCardInfo tbody tr:nth-child(20n+3) td:nth-child(2n) select:last-child {
	float: right;
}
tr.sectionStart td {
	padding-top: 25px;
}
.wl-profile-update-form input, .wl-profile-update-form select, .wl-profile-update-form textarea {
    float: none;
}