/**************************************************************************************************************
	3 COLORS to Find & Replace
		#014890 - PRIMARY COLOR
		#3794F2 - ACCENT / HOVER COLOR
		rgba(1, 137, 117, 0.5) - Semi-Transparent Hover on Evt Calendar
**************************************************************************************************************/
#hideAfterTesting {
	/*height: 0;*/  /*uncomment this out after testing the form*/
	border: #006fb0 1px solid;*/  /*change this to 0px after testing the form*/
}

font {
	display: inline-block;
}
body * {
	outline-color: #014890;
}
/* ==========================
 	DIRECTORY MODULE
========================== */
	/******** Listing Details Submit Info Request Form & 'Captcha'  ********/
	#content1_Directory1_Directory1_EmailForm1_txtVerificationText {
		width: 100% !important;
		margin: 25px auto;
		float: right;
	}
	img#content1_Directory1_Directory1_EmailForm1_imgVerificationImage {
		float: left;
		margin: 0px auto;
	}
	.ListingForm_Container_box table tr td input[type=submit] {
		width: 100px !important;
		margin: 5px;
		min-width: 0px;
		height: 50px !important;
	}
	div.ListingForm_Container div.ListingForm_Container_box {
		border: #014890 1px solid !important;
		padding: 0 5px;
		/*background-color: transparent;*/
		margin-top: 15px;
	}
	.ListingResults_Level1_HEADER, .ListingDetails_Level1_HEADERBOX {
	  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
	}
	li.ListingCategories_AllCategories_CATEGORY {
	  margin: 4px;
	}
	.directory_advancedsearch_searchform {
		margin: 8px;
		width: 75% !important;
	}

/* ==========================
 	EVENTS MODULE
========================== */

 	/******** EVENTS Search Fields ********/
		/* Advanced Event Search Fields*/
		table#table tbody tr {
			height: 40px;
		}
		/* Advanced Event Search Fields*/
		input#content1_content_EventSearchAdvanced1_cmdSearch {
			box-sizing: content-box;
			padding: 0px !important;
			margin: 5px 0px !important;
			display: block;
			float: left;
		}
	/******** 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: #93221C;
			/*box-shadow: 0px 0px 2px rgba(0,0,0,0.7);*/
			border:2px solid #fff;
		}
	/******** Calendar styles  ********/	
		#content1_content_EventCalendarSmall1_calSmall, 
		#content_EventCalendarSmall1_calSmall {
			width: 100% !important;
			box-shadow: 0px 0px 3px rgba(121, 121, 121, 0.7) !important;
			border: none !important; */
			margin-bottom: 10px;
		}

		table#content1_content_EventCalendarSmall1_calSmall,
		table#content1_content_EventCalendarSmall1_calSmall tbody tr > td {
			background: #dddddd;
			border: 2px solid #FFF;
			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;
		}
	
	/******** Calendar Day Hover Color  ********/
		#content1_content_EventCalendarSmall1_calSmall tr td.CalendarOtherMonthDayStyle:hover, 
		#content_EventCalendarSmall1_calSmall tr td.CalendarOtherMonthDayStyle:hover,
		#content1_content_EventCalendarSmall1_calSmall tr td.CalendarDayStyle:hover, 
		#content1_content_EventCalendarSmall1_calSmall tr td.CalendarWeekendDayStyle:hover, 
		#content1_content_EventCalendarSmall1_calSmall tr td.CalendarTodayDayStyle:hover, 
		#content_EventCalendarSmall1_calSmall tr td.CalendarDayStyle:hover, 
		#content_EventCalendarSmall1_calSmall tr td.CalendarWeekendDayStyle:hover, 
		#content_EventCalendarSmall1_calSmall tr td.CalendarTodayDayStyle:hover {
			background: rgba(1, 137, 117, 0.5);
			color: #FFF;
		}
	
	/******** Pads the event list items to indent a couple spaces  ********/
		.EventListBody tbody tr > td {
			vertical-align: middle;
			padding-left: 4px;
		}
	/******** Styles that Outlook icon container   ********/
		.EventListBody tbody tr > td:nth-child(2n) {
			text-align: left;
			width: 10%;
		}
	/******** Header Row of Event List   ********/
		.EventListHeader {
			height: 50px !important;
			border-bottom: 2px solid black;
			display: table-row !important;
		}
	/******** Whole Event List table width expands to space   ********/
		#EventListContainer table {
			width: 100%;
			max-width: 610px;
		}
	/******** Previous / Next Month Nav centered   ********/
		table.wc-EventCalendarSmallNavigation {
			margin: 10px auto;
		}
	/******** Calendar Background   ********/	
		table#content1_content_EventCalendarSmall1_calSmall tbody tr > td:hover {}
	
	/******** Remind me in # days drop down   ********/	
		select#content1_content_EventReminderForm1_ddDays {
			width: 60px;
			float: none;
			box-sizing: border-box;
		}
	/******** Event Registration Quantity input field   ********/
		input#content1_content_EventReg1_dgEventItems_txtQuantity_0 {
			width: 50px !important;
		}
	/******** Event Widget Icon   ********/
		.wli-event-month {
			display: block;
			background-color: #014890;
			color: #FFF;
			text-align: center;
			box-sizing: border-box;
			border:thin solid #014890;
		}

	/******** Upcoming Events & Calendar Month TEXT instead of Image ********/
		#content1_content_EventCalendarSmall1_imgCalHeader,
		.wc-EventCalendarSmallHeaderLeftImage, 
		#content1_content_EventList1_imgUpcomingEvents {
			display: none;
		}

		/********  Style of Calendar Month Text *********/
		.wc-EventCalendarSmallHeaderRightText {
			text-align: center;
			font-size: 120%;
		}

		/********  Style of Upcoming Events & Recent News Text *********/
		table#EventHeader tbody tr td:first-child,
		table#newsheader tbody tr td:first-child {
			color: initial;
			font-size: 20px;
			font-weight: bold;
			text-transform: uppercase;
		}


/* ==========================
 	NEWS MODULE
========================== */
	/******** 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;
		}
	/******** News WIdget  ********/
		.wli-news-article-icon {
		  float: left;
		  max-width: 30px;
		  width: 100%;
		}
		.wli-news-article-details {
		  float: left;
		  padding: 0 0 0 10px;
		  width: 100%;
		  max-width: 210px;
		}

/* ==========================
 	JOBBANK
========================== */

	.findajobheader {
		padding: 2px; 
		margin: 15px; 
	}
	/******** FindAJob Buttons  ********/
	.findajobheader a {
		background-color: #014890;
		color: #3794F2;
		height: 100%;
		width: 100%;
		display: block;
		padding: 8px 0px;
		font-size: 18px;
		font-weight: 900;
		border: none;
	}
	.findajobheader a:hover {
		background-color: #3794F2;
		color: #014890;
	}

	/******** Row Height for Job Listings  ********/
		table#content1_content_WebInputDisplayList1_gvData tbody tr {
		  min-height: 25px;
		}
	
	/******** Table Idea on Listings Page  ********/
		table#content1_content_WebInputDisplayList1_gvData tbody tr td {
		  display: block;
		  float: left;
		  box-sizing: border-box;
		  padding: 5px;
		  width: auto;
		  white-space: normal !important;
		}
		table#content1_content_WebInputDisplayList1_gvData tbody tr td:nth-child(4n+1) {
		  width: 15%;
		  max-width: 85px;
		  margin: 5px;
		}
		table#content1_content_WebInputDisplayList1_gvData tbody tr td:nth-child(4n+2) {
		  width: 35%;
		  max-width: 265px;
		}
		table#content1_content_WebInputDisplayList1_gvData tbody tr td:nth-child(4n+3) {
		  width: 40%;
		  max-width: 275px;
		}
		table#content1_content_WebInputDisplayList1_gvData tbody tr td:nth-child(4n+4) {
		  width: 10%;
		  max-width: 75px;
		}

		/*-----------------------------------------------------------------------------
			JobListings Responsive Styles  
		-----------------------------------------------------------------------------*/
		@media (max-width: 991px) {
			/*Hide Date Column*/
			table#content1_content_WebInputDisplayList1_gvData tbody tr td:nth-child(4n+4) {
			  display: none;
			}
		}
		
		@media (max-width: 649px) {
			table#content1_content_WebInputDisplayList1_tblSearch tbody tr td {
				display: block;
				float: left;
				padding: 5px;
				width: auto;
				white-space: normal !important;
			}
			/*Search Column on Phones*/
			table#content1_content_WebInputDisplayList1_tblSearch tbody tr td:nth-child(2n+1) {
			  display: none;
			}
			input#content1_content_WebInputDisplayList1_txtSearchKeyword {
			  margin-bottom: 10px;
			  height: 30px;
			  border-radius: 4px;
			  border: 1px solid #014890;
			  width: 200px;
			  clear: right;
			  margin: 10px auto;
			  text-align: center;
			  float: none;
			}
		}

		@media (max-width: 480px) {
			/*Width of Details Link Column on Phones*/
			table#content1_content_WebInputDisplayList1_gvData tbody tr td:nth-child(4n+1) {
			  width: 40%;
			  max-width: 100px;
			}
			/*Width of Position Title Column on Phones*/
			table#content1_content_WebInputDisplayList1_gvData tbody tr td:nth-child(4n+3) {
			  width: 60%;
			  max-width: 200px;
			}
			/*Hide Company Column on Phones*/
			table#content1_content_WebInputDisplayList1_gvData tbody tr td:nth-child(4n+2) {
			  display: none;
			}

			/*Hide Company Column on Phones*/
			table#content1_content_WebInputDisplayList1_tblSearch tbody tr td {
			  width: 100%;
			  text-align: center;
			  max-width: 300px;
			  margin: 0px auto;
			}
		}
		@media (max-width: 380px) {
			/*Width of Details Link Column on Phones*/
			table#content1_content_WebInputDisplayList1_gvData tbody tr td:nth-child(4n+1) {
			    max-width: 75px;
			}
		}

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

/* =========================================
 	SUBMIT INPUT & CONTROLS ON MODULES
========================================== */
	/* Component Button Fixes */
	.wli-form input[type="submit"],
	input[type="submit"] {
		color: #ffffff;
		background-color: #014890;
		border:none;
		font-weight: bold;
		margin: 0 0 0 10px;
		min-height: 22px;
		padding: 5px 25px;
		outline:none;
		border-radius: 2px;
	}
		.wli-form input[type="submit"]:hover,
		input[type="submit"]:hover {
			background-color: #3794F2;
			-moz-transition: all 0.4s ease;
			-webkit-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			transition: all 0.4s ease;
			border-radius: 5px;
		}
		/* Structural Component Button Fixes */
			table.directory_advancedsearch_searchform input[type=submit] {
				float: right;
				margin-top: 10px !important;
			}
			input#content1_content_EventSubmission1_cmdSave {
				clear: left;
			}
			input#content1_content_CouponAdmin1_cmdSave,
			input#content1_content_CouponAdmin1_cmdCancel,
			input#content1_content_CouponAdmin1_cmdNew {
				width: auto !important;
			}
			input#content1_content_EventSubmission1_cmdSave, 
			input#content1_content_EventSubmission1_cmdCancel {
				float: right !important;
			}

		/* Additional Contacts + / - Buttons*/
		#addButton, #removeButton {outline:none; border:none;}
		#addButton:hover, #removeButton:hover {
			background-color: rgba(237, 237, 237, 0.6);
		}
	/* --- END Component Button Fixes --- */

	/* Other Component Form Fixes */
	.wli-form legend {
		background: #014890;
	}
	input#additionalItem1Cost {
		float: right;
	}
	.wli-form input[type=checkbox] {
		float: right;
		max-width: 25px;
		height: 25px;
	}
	.wli-form label {
		width: 50%;
		max-width: 275px;
	}
	.wli-form div.radioBtns input[type=radio] {
	  max-width: 25px;
	  width: 20px;
	  height: 20px;
	  float: right;
	}
	div.radioBtns div table {
	  width: 50%;
	  display: block;
	  float: right;
	}
	div.radioBtns div table tbody, 
	div.radioBtns div table tbody tr {
	  width: 275px;
	  max-width: 100%;
	  display: block;
	}
	div.radioBtns div table tbody tr td {
	  display: block;
	  width: 50%;
	  float: left;
	}
	div.radioBtns div table tbody tr td label {
	  float: left;
	  margin-top: -17px;
	  width: auto;
	  text-align: right;
	}

	/* Add Info - Contact Regarding checkboxes List - Removes bullets */	
	.wli-form-row.contactRegard ul {
		list-style-type: none;
	}
	
	/* Credit Card Control Fixes */
	table#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo {
		width: 100%;
	}
	select#content1_content_WebInput_CreditCardInfo_ddWebInputCreditCardValidThroughMonth, 
	select#content1_content_WebInputTextBox32_ddWebInputCreditCardValidThroughMonth,
	select#content1_content_WebInput_CreditCardInfo_ddWebInputCreditCardValidThroughYear,
	select#content1_content_WebInputTextBox32_ddWebInputCreditCardValidThroughYear {
		width: 95px;
	}
	select#content1_content_WebInputTextBox32_ddWebInputCreditCardValidThroughMonth,
	select#content1_content_WebInput_CreditCardInfo_ddWebInputCreditCardValidThroughMonth {
		float: left;
		margin-left: 43px !important;
	}

	/* --- END Component Form Fixes --- */

/* ===================================================
 	GENERAL / SPECIFIC CUSTOMIZATIONS
 	(Useful, but not required - Can Remove or Add to bottom)
=================================================== */
	.wli-quicklinks-box nav ul {
	  margin-left: 0px
	}
	.wli-quicklinks-box nav ul li {
	  list-style-type: none;
	}
	.wli-quicklinks-box li {
	  margin: 5px 0;
	}
	.wli-form input[type=radio] {
		max-width: 20px;
		width: 20px;
		height: 20px;
	}
	.wli-form select {
		height: 30px;
	}
	select#additionalCategories {
		height: auto;
	}
	.wli-ad-square1 { text-align: center;}
	.wli-ad-fullbanner img {max-width: 100%; max-height: 90px;}
	.wli-ad-leaderboard  {height:90px;text-align: center;}
	.wc-banner-img {max-width: 100%;}
	
	.wc-EventCalendarSmallHeaderLeftText {display: block !important;}