﻿/*****************************************************************************************
	COLORS to Find & Replace
		#7ABCFF - PRIMARY COLOR
		#2e7acc - ACCENT / HOVER COLOR
****************************************************************************************/
div#hideAfterTesting {
	height: 0;  /*uncomment this out after testing the form*/
	border: #006fb0 0px solid; /*change this to 0px after testing the form*/
}
div.hideAfterTesting {
	height: 0;  /*uncomment this out after testing the form*/
	border: #006fb0 0px solid; /*change this to 0px after testing the form*/
	overflow:hidden;
}

font {
	display: inline-block;
}
/* Resets inputs to make stylable */
.wli input, .wli textarea, .wli select {
	-webkit-appearance: default;
	-moz-appearance: default;
	appearance: default;
	border-radius: 0;
}
.wli input[type=checkbox] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
	border-radius: 0;
}


/* ==========================
 	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: #7ABCFF 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;
	}
	#content1_Directory1_DirectorySearch1_SearchKeyword_txtKeyword, 
	select#content1_Directory1_DirectorySearch1_SearchCategory_ddKeyword {
		box-sizing: border-box;
		float: left;
		width: 200px !important;
		margin: 0px;
		max-width: none;
	}
/* ==========================
 	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: #7ABCFF;
			/*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;
		}
		table#content1_content_EventCalendarSmall1_calSmall tbody tr > td:hover {
			background: rgba(155, 179, 194, 0.75);
		}
	/******** 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: #7ABCFF;
			color: #FFF;
			text-align: center;
			box-sizing: border-box;
			border:thin solid #7ABCFF;
		}
	/******** Event Widget Event Details   ********/
		.wli-event-details {
			max-width: 180px;
			width: 100%;
			padding: 0 0 0 10px;
			margin:0px;
			float: left;
		}
		.wli-event-details p {
			margin:0px auto;
		}
		p.wli-event-datetime span {
			display:block;
			float: left;
			width: 100%;
		}
	/******** EVENTS Calendar Month TEXT instead of Image ********/
		#content1_content_EventCalendarSmall1_imgCalHeader {
			display: none;
		}

		.wc-EventCalendarSmallHeaderRightText {
			text-align: center;
			font-size: 120%;
		}

/* ==========================
 	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: #7ABCFF;
		color: #2e7acc;
		height: 100%;
		width: 100%;
		display: block;
		padding: 8px 0px;
		font-size: 18px;
		font-weight: 900;
		border: none;
	}
	.findajobheader a:hover {
		background-color: #2e7acc;
		color: #7ABCFF;
	}

	/******** 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 #7ABCFF;
			  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
========================================= */
	body.wli #Contact .Contact-Information .wli-form-row{
		max-width: 400px;
	}
	body.wli .ContactFormContent {
		margin-bottom: 20px;
	}
	textarea#content1_content_WebInputTextBox0_txtWebInputTextBox {
		max-width: none;
	}

/* =========================================
 	SUBMIT INPUT & CONTROLS ON MODULES
========================================== */

	/* ------------------------------------------------------------------
		IMPORTANT FORM ELEMENT FIXES
	--------------------------------------------------------------------*/

	/* Component Button Fixes */
		body.wli .wli input[type=button], body.wli .wli-form input[type=submit], body.wli input[type=submit] {
			-webkit-appearance: button-bevel;
			-moz-appearance: button;
			appearance: button;
			border-radius: 4px;
			color: #ffffff;
			background-color: #00458a;
			border:none;
			font-weight: bold;
			margin: 10px 0 0 10px;
			min-height: 22px;
			padding: 5px 25px;
			outline:none;
			border-radius: 2px;
			background: #00458a !important;
			margin: 15px auto;
			float: none;
			display: block;
		}
			body.wli .wli input[type=button]:hover, body.wli .wli-form input[type=submit]:hover, body.wli input[type=submit]:hover {
				background-color: #2e7acc;
				-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 */
				body.wli table.directory_advancedsearch_searchform input[type=submit] {
					float: right;
					margin-top: 10px !important;
				}
				body.wli input#content1_content_EventSubmission1_cmdSave {
					clear: left;
				}
				body.wli input#content1_content_CouponAdmin1_cmdSave,
				body.wli input#content1_content_CouponAdmin1_cmdCancel,
				body.wli input#content1_content_CouponAdmin1_cmdNew {
					width: auto !important;
				}
				body.wli input#content1_content_EventSubmission1_cmdSave, 
				body.wli 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);
			}
	
	/* Other Component Form Fixes */
		.wli input[type=text], .wli textarea {
			-webkit-appearance: textarea;
			-moz-appearance: textarea;
			appearance: textarea;
			border-radius: 4px;
		}
		.wli select {/*
			-webkit-appearance: listbox;
			-moz-appearance: listbox;
			appearance: listbox;*/
			border-radius: 4px;
		}
			body.wli .wli-form select[multiple=multiple] {
				background-image: none;
				max-height: 90px;
				height: 90px !important;
			}


		body.wli .wli-form legend {
			background: #7ABCFF;
			font-size: 115%;
			margin: 15px auto;
			box-sizing: border-box;
			padding: 10px;
			font-weight: bold;
		}
		body.wli .wli-form label {
			width: 50%;
			max-width: 275px;
			font-weight: normal;
		}
		body.wli input#additionalItem1Cost {
			float: right;
		}

		body.wli .wli-form input[type=checkbox],
		.wli-form input[type=checkbox] {
			-webkit-appearance: checkbox;
			-moz-appearance: checkbox;
			appearance: checkbox;
			border-radius: 4px;
			float: right;
			max-width: 25px;
			height: 25px;
		}
	
	/* Radio Buttons */
		body.wli .wli-form .wli input[type=radio] {	
			float: right;
		}
		body.wli .wli-form .wli input[type=radio],
		.wli input[type=radio] {
			-webkit-appearance: radio;
			-moz-appearance: radio;
			appearance: radio;
			max-width: 25px;
			width: 20px;
			height: 20px;
		}
		body.wli div.radioBtns div table {
		  width: 50%;
		  display: block;
		  float: right;
		}
		body.wli div.radioBtns div table tbody, 
		body.wli div.radioBtns div table tbody tr {
		  width: 275px;
		  max-width: 100%;
		  display: block;
		}
		body.wli div.radioBtns div table tbody tr td {
		  display: block;
		  width: 50%;
		  float: left;
		}
		body.wli 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 */
		body.wli .wli-form-row.contactRegard ul {
			list-style-type: none;
		}
		.contactRegard div ul li.wli-form-checkbox-field {
			min-height: 30px;
		}
	
	/* Credit Card Control Fixes */
		body.wli table#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo {
			width: 100%;
		}
		body.wli select#content1_content_WebInput_CreditCardInfo_ddWebInputCreditCardValidThroughMonth, 
		body.wli select#content1_content_WebInputTextBox32_ddWebInputCreditCardValidThroughMonth,
		body.wli select#content1_content_WebInput_CreditCardInfo_ddWebInputCreditCardValidThroughYear,
		body.wli select#content1_content_WebInputTextBox32_ddWebInputCreditCardValidThroughYear {
			width: 95px !important;
		}
		body.wli select#content1_content_WebInputTextBox32_ddWebInputCreditCardValidThroughMonth,
		body.wli select#content1_content_WebInput_CreditCardInfo_ddWebInputCreditCardValidThroughMonth {
			float: left;
			margin-left: 43px !important;
		}

/* ===================================================
 	GENERAL / SPECIFIC CUSTOMIZATIONS
 	(Useful, but not required - Can Remove or Add to bottom)
=================================================== */
	body.wli .wli-quicklinks-box nav ul {
	  margin-left: 0px
	}
	body.wli .wli-quicklinks-box nav ul li {
	  list-style-type: none;
	}
	body.wli .wli-quicklinks-box li {
	  margin: 5px 0;
	}
	body.wli .wli-form select {
		/*-webkit-appearance: drop-down-menu;
			-moz-appearance: drop-down-menu;
			appearance: drop-down-menu;*/
		height: 35px !important;
	}
	body.wli 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%;}
	
	/* Show the TEXT month on calendar */
	.wc-EventCalendarSmallHeaderLeftText {display:block !important;}
	div.industryLeaders {overflow-x:hidden;}
	
/* ====== Responsive Fixes ====== */

@media only screen and (max-width : 555px) {
	body.wli .wli-form label {
		width: 50%;
		max-width: 275px;
		margin: 10px auto;
	}
	.wli-form-row {
		max-width: 600px;
		min-height: 45px;
	}
	body.wli select#content1_content_WebInput_CreditCardInfo_ddWebInputCreditCardValidThroughMonth, 
	body.wli select#content1_content_WebInputTextBox32_ddWebInputCreditCardValidThroughMonth,
	body.wli select#content1_content_WebInput_CreditCardInfo_ddWebInputCreditCardValidThroughYear,
	body.wli select#content1_content_WebInputTextBox32_ddWebInputCreditCardValidThroughYear {
		width: 75px !important;
	}
	body.wli select#content1_content_WebInputTextBox32_ddWebInputCreditCardValidThroughMonth,
	body.wli select#content1_content_WebInput_CreditCardInfo_ddWebInputCreditCardValidThroughMonth {
		float: left;
		margin-left: 0px !important;
	}
	input#content1_content_WebInput_CreditCardInfo_txtWebInputTextBox {
		margin-bottom: 10px;
		width: 100%;
		clear: both;
		max-width: none;
	}
}
@media only screen and (max-width: 530px) {
	div.industryLeaders table tbody tr td {
		display: block;
		float: left;
		width: 150px;
		max-width: 33.3%;
	}
	div.industryLeaders table tbody tr td a {
		display: block;
	}
	div.industryLeaders table tbody tr td img {
		text-align: center;
		float: none;
		width: 100%;
		height: auto;
		max-width: 120px;
	}
}

/* Responsive Fixes*/
@media only screen and (max-width: 480px) {
	.contactRegard div ul {
		margin: 0px auto;
		display: block;
	}
	/*.contactRegard div ul li.wli-form-checkbox-field {
		width: 300px;
	}*/
	
	.wli-form textarea {
		margin: 10px 0;
	}
	
	.wli-form select {
		margin: 0 0;
	}
}

@media only screen and (max-width: 420px) {
	div.industryLeaders table tbody tr td {
		display: block;
		float: none;
		clear:right;
		text-align:center;
		width: 100%;
		max-width: 425px;
		margin: 10px auto;
	}
}

/* Custom Edits */	
body #banner-cover {
	background: rgba(0,0,0,.0);
}

#banner .wsite-button-highlight .wsite-button-inner, #splash-wrap .wsite-button-highlight .wsite-button-inner {
	color: #00458a !important;
	text-transform: none;
}

#banner .wsite-button-highlight:hover .wsite-button-inner, #splash-wrap .wsite-button-highlight:hover .wsite-button-inner {
	color: rgb(255,255,255) !important;
}

body a {
	color: rgb(122,188,255);
}

body .paragraph a:hover {
	color: rgb(96,171,248);
}

li.web-menu-has-children > a, a.web-menu-a-depth-0, a.web-menu-a-depth-2 {
	background: rgb(122,188,255);
	color: rgb(255,255,255);
    display: block;
    width: 100%;
    padding: 10px 0 10px 10px;
    box-sizing: border-box;
}

li.web-menu-has-children > a:before {
    content: "> ";
}

li.web-menu-has-children.opened > a:before {
    content: "v "
}

li.web-menu-has-children > a:after {
    
}

li.web-menu-has-children ul {
    max-height: 0;
    transition: max-height .25s ease-out;
    overflow-y: hidden;
}

li.web-menu-has-children.opened > ul {
    max-height: 500px;
    transition: max-height .25s ease-in;
}

.wli-mo-quicklinks {
	font-size: 20px;
}

.wli-quicklinks .wli-mo-quicklinks ul ul li {
    padding: 5px 0;
}

.wli-mo-quicklinks ul {
	margin-left: 15px;
}

.primaryFunction, .secondaryFunction {
    display: none;
}

ul[data-wli-dump] li {
    float: left;
}

table#content1_content_WebInput_MembershipSelection_rdoWebInputRadioButton td input, table#content1_content_WebInput_MembershipSelection_rdoWebInputRadioButton td label {
    float: none;
}

table#content1_content_WebInput_MembershipSelection_rdoWebInputRadioButton td {
    float: left;
    width: 100%;
    font-size: 16px;
    padding: 10px 0;
}

table#content1_content_WebInput_MembershipSelection_rdoWebInputRadioButton {
    float: left;
    width: 100%;
}

#MembershipApplication .accountingContact {
	display: none;
}

body .directory_navigation {
	background: rgb(122,188,255);
}

body .directory_navigation a {
	color: #FFFFFF;
}

td.wc-EventCalendarSmallHeaderLeft {
    display: none;
}

body select#content1_content_EventSubmission1_ddStartHour, body select#content1_content_EventSubmission1_ddStartMinute, body select#content1_content_EventSubmission1_ddStartAMPM, body select#content1_content_EventSubmission1_ddEndHour, body select#content1_content_EventSubmission1_ddEndMinute, body select#content1_content_EventSubmission1_ddEndAMPM {
    float: right;
    width: 65px;
}

body .fTime {
    width: 260px !important;
}

.wli-page-title {
    font-size: 32px;
    font-weight: bold;
    text-align: left;
}

body #wsite-menus .wsite-menu-arrow {
	right: 5px;
}

/* Kiley Suggestions */
body a,
body .wsite-social-item {
	color: #00458a;
}
body a:hover, 
body #nav ul li#active a, 
body #nav ul li a:hover,
body #wsite-menus .wsite-menu li a:hover,
body .wsite-social-item:hover {
	color: #00a1a6;
}

/* Add this to fix Keyword Adv Search on Directory & Events Pages */
.wli #content1_content_EventSearchAdvanced1_txtKeyword, .wli #content1_Directory1_DirectorySearch1_SearchKeyword_txtKeyword, .wli #content1_content_PortalLogin1_txtUsername, .wli input[type=text] {
	border-style: solid;
	border-width: 1px;
	border-color: #777;
}

/* Touches items below without adding the margin */
.wli .wli-page-title {
	margin-bottom: 10px;
}

/* Makes a little easier to read the Directory Navigation Items */
body.wli .directory_navigation {
	padding: 5px 15px;
}

body.wli .directory_navigation a {
	font-weight: bold;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
body.wli .directory_navigation a:hover {
	text-shadow: none;
}

/* Dk Blue */
li.web-menu-has-children > a, 
a.web-menu-a-depth-2,
a.web-menu-a-depth-0 {
	background: #00458a;
}

/* Green Quicklinks Background Hover */
li.web-menu-has-children > a:hover,
li.web-menu-has-children.opened > a, 
a.web-menu-a-depth-2:hover,
a.web-menu-a-depth-0:hover {
	background: #00a1a6;
	color: #FFFFFF;
}

#content1_content_WebInputRadioButton2_rdoWebInputRadioButton label,
#content1_content_WebInputRadioButton1_rdoWebInputRadioButton label {
    float: right;
    width: auto;
}

#content1_content_PortalWelcomeMessage3_lblProfileName {
    float: left;
    padding-bottom: 10px;
}

@media (min-width: 769px) {
	body.landing-page #banner {
		height: 850px;
	}

	/*body #logo, body #nav {
		vertical-align: bottom;
	}*/
}

div#nav ul li a, div#wsite-menus .wsite-menu li a {
    color: #000;
	font-weight: bold;
}

div#nav > ul > li > a[href="https://canadiansolarindustriesonassoc.wliinc28.com/portal"], div#mobile-nav > ul > li > a[href="https://canadiansolarindustriesonassoc.wliinc28.com/portal"] {
	background: #00458a !important;
	color: #FFFFFF;
	padding-right: 15px!important;
	border-radius: 15px;
}

div#nav > ul > li > a[href="https://canadiansolarindustriesonassoc.wliinc28.com/portal"]:hover {
	background: #00a1a6!important;
}

#wsite-menus .wsite-menu {
	border-radius: 0 0 15px 15px;
}

div#wsite-menus .wsite-menu li a {
	text-transform: none;
}

body .wsite-button-highlight, body .wsite-editor .wsite-button-highlight {
    color: #fff !important;
    background: #00458a;
    border-color: #00458a;
}

body .wsite-button-highlight:hover, body .wsite-editor .wsite-button-highlight:hover {
    color: #fff !important;
    background: #00a1a6;
    border-color: #00a1a6;
}

.wli-quicklinks li {
    padding: 5px 0;
}

.wli-quicklinks .wli-mo-quicklinks li {
    padding: 0px 0;
}

.wsite-social-item {
	font-size: 22px;
}

#banner-content span.wsite-text {
    color: white;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

/* MembApp */
input.emailConfirm {
    float: right;
    clear: right;
    margin: 10px;
}

label.emailConfirmLabel {
    margin: 10px 0;
}

label.emailConfirmLabel.emailWrong::after {
	color: red;
    content: "These two emails do not match";
	float: left;
}

label.emailConfirmLabel.emailRight::after {
	color: green;
    content: "Thank you for confirming your email";
	float: left;
}

input.requiredPhone:invalid {
	background: red;
}

input.requiredPhone:focus {
	background: #eeeeee;
}

.wli-form-row {
    margin: 4px 0;
}

.corp1,.corp2,.supp1,.supp2,.indiv {
	display: none;
}

/*.state option {
    display: none;
}

.state option[value='AB'],
.state option[value='BC'],
.state option[value='MB'],
.state option[value='NB'],
.state option[value='NL'],
.state option[value='NT'],
.state option[value='NS'],
.state option[value='NU'],
.state option[value='ON'],
.state option[value='PE'],
.state option[value='QC'],
.state option[value='SK'],
.state option[value='YT'],
.state option[value='Outside Canada'] {
    display: block;
}*/

.outsideCA {
    float: left;
    margin: 10px 0;
	display: none;
}

div#content1_content_WebInput_Submit_ValidationSummary1 {
    display: none;
}

.fixRequired {
	display: none;
}

.wli-form-row p {
    margin: 10px;
	font-weight: normal;
}

.wli-form-row .normalText {
    font-weight: normal;
}

.wli-form-row ol {
    margin: 0 10px;
	list-style-position: inside;
}

.wli-form-row ol li {
    margin: 10px 0;
	font-weight: bold;
}

/* Client requested Pro-Rate Turned on Ticket #62373 - JM on 8-18-2016 */
.wli-prorate {
	display: none;
}
/* Directory */
div.ListingCategories_AllCategories_CONTAINER LI {
    padding: 5px 0;
}

/* Events */
table#eventsAdvancedSearch {
    display: none;
}
/* Business Connect */
#content1_content_BusinessConnectRequest1_table1 > tbody > tr:nth-child(20) > td:nth-child(1),
#content1_content_BusinessConnectRequest1_table1 > tbody > tr:nth-child(16) > td:nth-child(1) > span {
	visibility: hidden;
}
/* Portal Login */
#content1_content_PortalLogin1_hypHelp {
	font-size: 14px !important;
}
/* Sponsor Scroller */
.wli-sponsor {
    margin: 0 10px;
}

.wli-sponsor-scroller img {
    max-height: 80px;
}
/* Component Pages */
h3.wc-affcodetype-title {
    padding: 10px 0;
}

[action="./advancedsearch"] .directory_header_text, [action="./advancedsearch"] .directory_results_footer_container {
    display: none;
}

#content1_content_NewsArticle1_lblArticle {
	display: none;
}

.wl-weblink-widget.wl-weblink-widget.wl-weblink-widget p.wl-pending-new-profile-button {
    margin: 0 auto 1.7em;
}

.wl-fieldset-section-title {
    margin-bottom: 1em;
}

#content1_content_WebInputUniqueIDDropDownList30_ddWebInputUniqueIDDropDownList option[value="0"] {
    display: none;
}

/* Misc */
@media (max-width: 992px) {
	label#nav-trigger span, label#nav-trigger:before, label#nav-trigger:after {
		background: #00458a;
	}
}

h1 {
    line-height: 35px;
}
#content1_content_WebInputRenew_chkWebInputCheckBox {float:none !important;}