/* Main Colors: #0B5563 (Dark Blue), #4B95A3 (Tween Blue), #88CCF1 (Light Blue), #D6D6D6 (Light Grey) */
:root {
	--main-color-hex: #0B5563;
	--main-color-90percent: rgba(11, 85, 99, 0.9);
	--main-color-30percent: rgba(11, 85, 99, 0.3);
	--second-color-hex: #88CCF1;
	--second-color-90percent: rgba(136, 204, 241, 0.9);
	--second-color-65percent: rgba(136, 204, 241, 0.65);
	--complement-color-hex: #D6D6D6;
}

.mc-color { color:var(--main-color-hex); }
.mc-back { background-color:var(--main-color-hex); color:white; }
.mc-border { border-color:var(--main-color-hex); }

.sc-color { color:var(--second-color-hex); }
.sc-back { background-color:var(--second-color-hex); color:black; }
.sc-border { border-color:var(--second-color-hex); }

.tc-color { color:var(--complement-color-hex); }
.tc-back { background-color:var(--complement-color-hex); color:black; }
.tc-border { border-color:var(--complement-color-hex); }

/* General styles */
label, span{ display:inline-block; }

.supported-browsers {  display: none; font-size: 22px; font-weight: bold; text-align: center; }
.supported-browsers a { text-decoration: underline; }
/* need to remove .android.safari .supported-browsers */
.windows.safari .supported-browsers, .ie .supported-browsers, .android.safari .supported-browsers { display: block; }
.windows.safari #main-content, .ie #main-content, .android.safari #main-content { display: none;}
@supports (-ms-ime-align:auto) {
    .supported-browsers {
        display: block;
    }
   #main-content{
	display:none;
   }
}

#logo img {
	height: 75px;
}

@media (max-width:767px) {
    #logo { float:left; width:auto; }
}

@media screen and (max-width: 800px) {
	#main-content {
		padding-top: 0;
	}
}

#centerTop { display:block; }
#form_container > h1 { display:none; }
#main-navigation .sf-menu > li a:not([href]), #pre-header .sf-menu > li a:not([href]),
	#header-top .sf-menu > li a:not([href]) { cursor:default; }
.no-sidebar #mainSection { width:90%; }
.no-sidebar aside.col-md-4 { display:none; }
.front #banner #slideshow { margin:0; }
.slideshow-title { font-size:19pt; font-variant:small-caps; letter-spacing:2px; }

#top-content { padding-top: 0; }
#top-content .view-titles { margin-top: 10px; }

.view-titles:after { content:''; }

.flex-control-paging li a { background:#F0F0F0; }
.flexslider .field-content.has-extra { display:flex; }
.flexslider .field-content.has-extra > a { margin:13px; width:100px; }
.flexslider .field-content.has-extra > a img { width:auto; }
.featuredTherapistInfo { flex-grow:2; margin-top:13px; }
.featuredTherapistName { float:left; margin:0 10px 10px 0; min-height:100px; }
.featuredTherapistDesc { display:inline-block; margin-left:-87px; max-height:70px; overflow:scroll; }
.flexslider .views-field-nothing .field-content, .flexslider .views-field-nothing .field-content .caption { width:100%; }
.flexslider .caption h1 { display:block; font-size:25px; text-align:center; }

@media screen and (min-width:600px) {
	.slideshow-title { font-size:20pt; }
	.flexslider .field-content.has-extra > a { width:150px; }
	.featuredTherapistName { min-height:initial; }
	.featuredTherapistDesc { display:inline; margin-left:0; max-height:initial; overflow:hidden; }
}

#header ul.menu { display:flex; flex-wrap:wrap; justify-content:space-around; }

.menuToggle { cursor:pointer; display:inline-block; padding:0 10px; }
.menuToggle:before { color:white; content:'\f0c9'; font-family:fontawesome; font-size:23px; }

@media screen and (min-width:600px) {
	#header ul.menu { flex-wrap:nowrap; }
	.menuToggle { display:none; }
	.collapse { display:block; }
}

.navigation-social-bookmarks .social-bookmarks { min-height:48px; }

#sm_like_btns {
	transform:rotateX(0deg);
	transition:0.3s linear transform;
}
#sm_like_btns.loading { transform:rotateX(90deg); }
#sm_like_btns > * {
	display:inline-block;
	height:27px;
	margin:0 1px 3px;
	vertical-align:top;
}
#sm_like_btns > .txt {
	display: block;
}

#small_logo {
	display: none;
	padding-left: 125px;
	width: 50%;
}

#small_logo div {
	display: inline;
}

.extra-links { display:inline-block; margin:0; list-style:none; padding:0; position:relative; z-index:21; }
.extra-links li { display:inline-block; margin-right:10px; }
.extra-links li a { display:block; height:48px; text-align:center; width:50px; }
.extra-links li i { font-size:23px; height:100%; line-height:56px; width:100%; }

#offerBox { border-radius:15px; box-shadow:0 0 1px 1px #F3F3F3; left:120%; opacity:1; padding:5px 10px;
	position:absolute; top:5px; width:300px; z-index:1; }
#offerBox.vanish { opacity:0; transition:0.5s ease 3s; }
#offerBox::before { font-family:fontawesome; content:'\f060'; position:absolute; right:102%; top:30%; }

.loadingSection { align-items:center; display:flex; height:100%; justify-content:center; min-height:400px; width:100%; }
.loadingSection:after { content:url("../../assets/img/loading.gif"); }
.loadingSection + * { display:none !important; }

@media screen and (min-width: 800px) {
    #sm_like_btns {
		width: 50%;
	}

	#sm_like_btns > .txt {
		display: inline-block;
	}
}

/* Datepicker styles */
div[class^="datepicker_"] table { margin:0; }
div[class^="datepicker_"] tbody { border-top:none; }
div[class^="datepicker_"] th { background:none; border:none; color:black; font-size:10px; }
div[class^="datepicker_"] td { border:none; }
div[class^="datepicker_"] { box-sizing:content-box; z-index:2; }
div[class^="datepicker_"] input.ok { margin:0; padding:10px; }

/* Join Mailing List Form styles */
#mailingListForm { border-style:outset; border-width:2px; border-radius:15px; bottom:-200px; color:white; padding:20px; position:fixed;
	right:5%; transition:0.7s; width:90%; z-index:22; }
#mailingListForm.slideUp { bottom:20px; }
#mailingListForm.signedin { display:none; }
#mailingListForm .closeForm { background:maroon; border-radius:100%; cursor:pointer; position:absolute; right:-5px; text-align:center; top:-5px; width:20px; }
#mailingListForm input[type="email"] { color:black; }
#mailingListForm.loading input[type="submit"], #mailingListForm.success input[type="submit"] { display:none; }
#mailingListForm .loading, #mailingListForm .success { display:none; height:43px; margin-top:10px; padding-top:4px; }
#mailingListForm .loading { background:#2B193D; }
#mailingListForm .loading > img { margin:auto; }
#mailingListForm.loading .loading { display:block; }
#mailingListForm .success { background:#27D927; color:white; font-size:1.5em; text-align:center; }
#mailingListForm.success .success { display:block; }
@media screen and (min-width:400px){
	#mailingListForm { right:10%; width:80% }
}

@media screen and (min-width:700px){
	#mailingListForm { right:5%; width:40% }
}

@media screen and (min-width:1100px){
	#mailingListForm { width:320px }
}

/* Sidebar styles */
a.overlayed { align-content: center; display: flex; float:unset; height: 100px; }
a.overlayed img { margin:auto; max-height:310px; min-width:50%; }
.sidebarAdContainer { text-align:center; }
.sidebarAdContainer > a { display:inline-block; margin:auto; }

/* Result Box styles */
#resultBoxPopup { align-items:center; display:flex; height:100%; position:fixed; top:0; width:100%; }
#resultBoxPopup > div { margin-top:0; }

.errorBox, .successBox, .warningBox { border:2px groove; font:14px Arial; margin:15px auto 0; max-width:530px; padding:5px;
	text-align:center; width:80%; }
.errorBox { background:#FFCACA; border-color:#F00; }
.errorBox a { text-decoration:none; color:#000085; font:bold 13px Arial; }
.errorBox a:hover { text-decoration:underline; color:#0000FF; }
.successBox { background:#CAFFCA; border-color:#0F0; }
.warningBox { background:#FFFFCA; border-color:#FF0; }

/* Negative Captcha style */
#molasses, .molasses { bottom:-400px; position:fixed; }

/* Popup Div */
#popupDiv { background:white; position:fixed; border:1px solid #E2E3E4; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;
	box-shadow:0 0 6px #333; z-index:1001; }
#popupDivBack { background:rgba(100,100,100,0.4); height:100%; left:0; position:fixed; top:0; width:100%; z-index:1000; }

/* Home Page styles */
.views-field-created { display:flex; justify-content:space-between; }
#homePageAdStrip > span { margin:0 7px; }
#promoted .view-content > div { border-bottom:1px solid black; height:340px; margin-bottom:0; padding:15px; }
#promoted .view-content > div:last-child { border-bottom:none; }

#slideshow-container {
	height: 400px;
	margin-left: 15px;
	overflow: hidden;
	position: relative;
	width: 700px;
}

.safari #slideshow-container {
	width: 685px;
}

#slideshow-container img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	width: 709px;
}

#slideshow-container img:first-child {
	opacity: 1
}

@media screen and (min-width: 770px) {
	#promoted .view-content > div:nth-child(odd) { border-right:1px solid black; }
	#promoted .view-content > div:nth-child(5) { border-bottom:none; }
}

/* Contact page styles */
.feedbackForm { margin:10px auto; text-align:center; }
.feedbackForm > div > input, .feedbackForm > div > select { box-sizing:border-box; margin:2px 0; width:100%; }
.feedbackForm > div > textarea { box-sizing:border-box; resize:none; width:100%; }
#callDiv { background-color:white; border:1px solid rgb(180, 180, 180); border-radius:5px; box-shadow:0 0 5px rgb(180, 180, 180);
	margin:auto; padding:5px 3px; text-align:center; width:300px; }

@media screen and (min-width:1000px){
	.feedbackForm { width:50%; }
}

/* Filters styles */
#listingSearchBox { text-align:center; margin-top: 20px; }
#listingSearchBox label { margin:0 5px; }
#listingSearchBox input[type="button"] { height:28px; margin:0 2px; min-width:initial; padding:2px; vertical-align:top; width:80px; }

#filterContainer a { color:#444; }
#directory a { color:#444; }
#directory a:hover { text-decoration:none; }

.desc { max-width:250px; width:100%; }
.address { overflow: hidden; }
.address span { margin-right:10px; padding:5px}

.blogsLinks { min-height:40px; margin:7px 0 5px; display:block; text-decoration:none; text-align:center; width:460px;
	vertical-align:middle; font:bold 15px Arial,Verdana,Sans-Serif; color:black; border:2px groove #808080; position:relative;
	border-radius:15px 15px 15px 15px; -webkit-border-radius:15px 15px 15px 15px; -moz-border-radius:15px 15px 15px 15px;
	background:#DDD linear-gradient(top, #F5F5F5, #DDD); }

.blogsLinks:hover { color:#4040A0; background:#DEF linear-gradient(bottom, #EFF, #DEF); }
.blogsLinks .art { border-top:1px dashed black; margin-top:5px; font:13px Arial; display:none; clear:both; position:relative; }

.pgsMenu { clear:both; margin-bottom:5px; text-align:center; width:100%; margin-top: 20px;}
.pgsMenu .letterNav { margin-bottom:5px; }
.pgsMenu a{ display:inline-block; padding:7px 14px; margin:0 3px; color:#0654BA; border-radius:3px;
	text-decoration:none; font:16px Helvetica; }
.pgsMenu a:hover{ background-color:#C9DDE9; text-decoration:underline;  }
.pgsMenu a.curpg{ border:solid blue 1px;}
.pgsMenu a.curpg:hover, .pgsMenu a.nonav:hover{ background-color:#fff; text-decoration:none;}
.pgsMenu a.pgarrow { border:solid 1px grey; }
.pgsMenu a.nonav{ color:grey; }
.pgsMenu .letterNav > a { padding:4px 7px; margin:0 1px; cursor:pointer; }
.pgsMenu .letterNav > a.nonav { cursor:default; }

.directoryMainContainer { display:flex; flex-direction:column-reverse; justify-content:space-between; }
#directory { width:100%; }
.therapistsLinks, .webinarsLinks { display:flex; position:relative; border-top: 1px solid #ddd; padding: 10px; margin: 5px 0; border-radius: 3px; text-decoration:none; }
.therapistsLinks:hover, .webinarsLinks:hover { box-shadow: 0 4px 8px rgba(50, 50, 50, 0.25); }

.bold { font-weight:bold; }
.webinarsLinks > .desc { max-width:178px; }
.webinarsLinks > .desc .title { font-weight:bold; }
.webinarsLinks > .desc .info { width:100%; }
.webinarsLinks > .desc .price { display:block; padding-top:0%}
.webinarsLinks { display:flex; background:linear-gradient(90deg, rgb(0 164 153) 1%, rgb(255, 255, 255) 19%);}
/* .webinarsLinks.professional { background:linear-gradient(270deg, rgb(38, 92, 219) 2%, rgb(255, 255, 255) 10%); } */
/* .webinarsLinks.public { background:linear-gradient(270deg, rgb(38, 219, 92) 2%, rgb(255, 255, 255) 10%); } */

#webinarsHeader { margin-bottom:5px; text-align:center; }
#webinarsHeader img.ce, #directory img.ce { display:inline; }
#webinarsHeader img.ce.apt, #directory img.ce.apt { max-width:50px; }
#webinarsHeader img.ce.nys_ed, #directory img.ce.nys_ed { max-height:20px; }

#directory .desc img.ce.nys_ed { max-width:80px; }

/* Error Messages:
If we allow multiple pages of non-exact results, we should allow for the following two errors:
Where page 2 begins with more results, and where page three is a continuation of non-exact results. */
div.nomatch:hover { box-shadow:none; }
/* div.therapistsLinks.nomatch:first-child:before{ padding:25px 0; text-align: center; display:block; text-decoration:none;
	content:'We are sorry, but no results exactly matched your search parameters.\a Try one of the other professionals listed on our site:';} */
/* a.matches + div.therapistsLinks.nomatch:before{ content:'Try browsing some of the other professionals listed on our site:';
	padding:25px 0; text-align: center; display:block; text-decoration:none; } */
/* div.webinarsLinks.nomatch:first-child:before{ padding:25px 0; text-align: center; display:block; text-decoration:none;
	content:'We are sorry, but no results exactly matched your search parameters.\a Try one of our other available workshops:';} */
a.matches + div.webinarsLinks.nomatch:before{ content:'Other available workshops:';
	padding:25px 0; text-align: center; display:block; text-decoration:none; }

.pics{ background:no-repeat center center; height:100px; margin-right:5px; vertical-align:top; width:100px;background-size:cover;min-width: 100px; }
.price_member{border: 2px outset var(--main-color-hex);border-radius: 10px;display: inline-block;font: bold 13px Tahoma;margin: 3px 10px;padding: 5px 25px;}
.price_student{border: 2px outset var(--main-color-hex);border-radius: 10px;display: inline-block;font: bold 13px Tahoma;margin: 3px 10px;padding: 5px 25px;}
#tabHolder { margin: 0px 0 10px 16px; text-align: center; }
#tabHolder a { background:var(--main-color-hex); border:2px outset var(--main-color-hex); border-radius:10px;
	color:white; cursor:pointer; display:inline-block; font:bold 13px Tahoma; margin:3px 10px; padding:5px 10px;
	text-decoration:none; }
#tabHolder a:hover { background:#4B95A3; }
#tabHolder a.selected, #tabHolder a:active { background:#4B95A3; border-style:inset; }
#tabHolder a.selected { cursor:default; }
#tabHolder > .tooltipHolder { position:relative; }
#tabHolder > .tooltipHolder > .tooltip { background:white; border-radius:7px; box-shadow:0 0 3px black; font-size:10pt; left:100%;
	opacity:0; padding:3px 10px; pointer-events:none; position:absolute; top:-2px; transition:0.3s; width:200px; -webkit-transition:0.3s; }
#tabHolder > .tooltipHolder > .tooltip > .arrow { border-right-color:rgba(0,0,0,0.2); border-width:7px; left:-14px; margin-top:-7px; }
#tabHolder > .tooltipHolder > .tooltip > .arrow:after { border-width:6px; bottom:-6px; left:-5px; }
#directory .tags { font-size:10pt; width:235px; }
#directory .tags > span { display:inline; font-style:italic; }
.quick-find-ul {width:70%}

@media (max-width:1024px){
	.pgsMenu a{ padding: 5px; }
	/* .pics{display: none;} */
	#tabHolder { margin: 0px;}
	#tabHolder a { background:var(--main-color-hex); border:2px outset var(--main-color-hex); border-radius:20px;
		color:white; cursor:pointer; display:inline-block; font: 13px Tahoma; margin:3px; padding:5px 0px;width:45%;
		text-decoration:none; }
	/* #tabHolder > .tooltipHolder { display:flex; }
	.tooltipHolder > span:nth-child(4) > a:nth-child(1) {width: 107%;}
	#tabHolder > a:nth-child(3) {width: 92%;}
	.tooltipHolder > a:nth-child(1) {margin-left: 3.5% !important;} */
}

@media screen and (min-width:400px) {
	#webinarsHeader { text-align:left; }
}

@media screen and (min-width:1000px) {
	.directoryMainContainer { flex-direction:row; }

	#directory { width:60%; margin-left: 7%; }
	.quick-find-ul {width:23%; margin-right: 7%;}

	.therapistsLinks > .desc { max-width:330px; }
	.webinarsLinks > .desc { max-width: 70%; }
	.webinarsLinks > .desc .price { float:right; }

	#tabHolder { text-align: left; }
	#tabHolder > .tooltipHolder > a:not(.selected):hover + .tooltip { opacity:1; }
}
.therapistsLinks >span{
	max-width: 700px;
}
/* Directory Filters: */
#filterContainer { border:double lightgrey; padding:10px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; }
#filterContainerMenuOther { max-width:175px; font-size:10pt; }
#filterBox select{width:170px;}
#filterBox > div > b{ font:bold 11px 'ProximaNovaBold',Arial,sans-serif; color:#333333; display:block;
	text-transform:uppercase; margin:5px 0 0; padding:10px 5px 5px; border-top:dotted 1px grey;
	background-image: -moz-linear-gradient(top, #fff, #ddd); background-image: -webkit-linear-gradient(top, #fff, #ddd); }
#filterBox > div > div > div{ margin:0; max-height:0; transition:.7s ease; -webkit-transition:.7s ease;}
#filterBox > div > div.selected > div/*, #filterBox > div > div:hover > div, #filterBox > div > b:hover + div > div*/{ max-height:110px; }
/*#filterBox > div > b:after{ content:'\25C0'; float:right; border:1px solid grey; text-align:center; border-radius:100%;
  height:10px; width:10px; font:bold 10px/10px Arial; padding:1px; margin:0; vertical-align:top; }*/
#filterBox > div > b > .expand-button{ box-sizing:content-box; display:block; float:right; border:1px solid grey; text-align:center; border-radius:100%;
    height:10px; width:10px; font:bold 10px/10px Arial; padding:1px; margin:0; vertical-align:top; cursor:pointer; }
/*
#filterBox > div > b:hover:after{ -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); transform:rotate(270deg); }
*/
.filter_anchor, .filter_select { font:12px/18px Arial; overflow-x:hidden; overflow-y:auto; padding-left:15px; /*width:160px;*/ }
.filter_select.date_range > div, .filter_select.location > div { width:140px; }
.filter_select.date_range > div > div, .filter_select.location > div > div { text-align:right; margin-top:5px; }
/*.filter_select.date_range input, .filter_select.location input { width:85px; }*/
.filter_anchor > a, .filter_select > a{ display:block; font:12px/18px Arial; margin-bottom:3px; }
.filter_anchor > div > a{ display:inline-block; margin:2px; padding:2px; }
#filterBox div > b > a{ cursor:pointer; text-decoration:none; border:outset thin transparent;
	border-radius:3px; padding:2px; position:relative; }
#filterBox .resetFilter{ text-align:right; display:block; font-size:11px; color:purple; }
.filter_input{ overflow:hidden; }
#filterBox a.selected { text-decoration:none; }
#filterBox a.selected, #filterBox a:hover:not(.resetFilter) { font-weight:bold; }
#filterBox a.selected:before { content:'\f00c'; display:inline-block; font-family:fontawesome; padding-right:3px; }

#mapContainer { margin-top:20px; width:175px; font-size:13px; }
#mapContainer.loading { position:relative; }
#mapContainer.loading:before { background:white; box-sizing:border-box; content:"Please wait while the map loads"; height:20%;
	position:absolute; text-align:center; width:100%; }
#mapContainer.loading:after { background:white; bottom:0; box-sizing:border-box; content:url("../../../assets/img/loading.gif"); height:80%;
	padding:55px 0; position:absolute; text-align:center; width:100%; z-index:1004; }
#mapContainer > .resetFilter { text-align:right; display:block; font-size:11px; color:purple; }
#map { height:175px; width:175px; }
#map .olControlAttribution { right:0; bottom:0; }
img.olTileImage { max-width:initial; }

@media screen and (min-width:1000px) {
	#filterContainer { align-self:flex-start; max-width:220px; }

}

/* Blog page */
.blogHeader > div:first-child { display:inline-block; }
.blogHeader .blogTitle { color:var(--main-color-hex); }

/* Blog Mailing List styles */
#subscribeBox { background:var(--main-color-hex); border:3px outset #4B95A3; border-radius:10px; box-sizing:content-box; color:white; cursor:pointer; height:20px;
	margin:10px auto; overflow:hidden; padding:10px; position:relative; text-align:center; transition:all 1s ease-out; -webkit-transition:all 1s ease-out;
	width:80%; }
#subscribeBox.complete { background:#3B3; border:3px outset #282; }
#subscribeBox.failed { background:#D11; border:3px outset #911; }
#subscribeBox > * { height:100%; left:0; padding-top:11px; opacity:0; pointer-events:none; position:absolute; top:0; transition:all 0.3s linear;
	-webkit-transition:all 0.4s linear; width:100%; }
#subscribeBox > *.selected { opacity:1; pointer-events:auto; }

#subscribeBox > form { margin-top:-4px; text-align:center; }
#subscribeBox > form > input { border:1px outset #4B95A3; box-sizing:border-box; color:initial; height:28px; margin:0; padding:2px 10px; position:relative;
	vertical-align:top; width:160px; }
#subscribeBox > form > input:first-child { border-radius:10px 0 0 10px; border-right-width:0; }
#subscribeBox .submit { background:var(--main-color-hex); border-width:3px 3px 3px 0; border-radius:0 10px 10px 0; color:white; cursor:pointer;
	font-weight:bold; height:28px; }
#subscribeBox .submit:hover { background:#4B95A3; }
#subscribeBox .submit:active { border-width:1px 1px 1px 0; margin-top:2px; }
#subscribeBox .email { padding-right:22px; }
#subscribeBox .email + span { position:relative; vertical-align:top; }
#subscribeBox .email + span:after { font-family:fontawesome; font-weight:bold; position:absolute; right:5px; top:5px; }
#subscribeBox .email:valid + span:after { color:green; content:'\f00c'; }

/* Share Span styles */
.shareMenu { position:relative; }
.shareBtns > span { height:20px; margin:0 1px; vertical-align:top; }
.shareBtns > span:first-child { margin-right:10px; }
.shareBtns .email { background:purple; border-radius:3px; color:white; cursor:pointer; padding:0 4px; }
.shareBtns .email > i { font-size:10pt; margin-top:3px; vertical-align:top; }
.shareBtns .email > span { font:bold 9pt Arial; margin:3px 0 0 2px; vertical-align:top; }
.shareBtns .facebook { background:linear-gradient(#4C69BA, #3B55A0); border-radius:2px; color:#fff; cursor:pointer; height:20px; line-height:20px; padding:0; text-shadow:0 -1px 0 #354c8c; white-space:nowrap; }
.shareBtns .facebook:hover { background:linear-gradient(#5B7BD5, #4864B1); }
.shareBtns .facebook > i { font-size:10pt; padding:4px; }
.shareBtns .facebook > span { font-size:9pt; padding-top:1px; padding-right:5px; position:relative; vertical-align:top; }
.shareForm { background:white; border-radius:10px; box-shadow:0 0 5px 0; box-sizing:border-box; display:none; padding:15px 30px; position:absolute; top:32px; width:420px; z-index:5;right: 20px; }
.shareForm > span { width:100% }
.shareForm > span > span { font-size:11pt; margin:4px 0; padding-right:10px; text-align:right; width:35% }
.shareForm > span > input { box-sizing:border-box; width:60%; }
.shareForm > textarea { box-sizing:border-box; height:80px; width:100% }
.shareForm .buttonLine { margin-top:10px; text-align:center; }
.shareForm .buttonLine > input { background:#EEF; border:2px outset #AAF; border-radius:5px; cursor:pointer; margin:0 10px; padding:2px; width:32%; }
.shareForm .buttonLine > input:active { border-style:inset; color:white; }
.shareForm .send:hover { background:#AFA; border-color:#6F6; }
.shareForm .cancel:hover { background:#FAA; border-color:#F66; }
.shareForm .send:active { background:#4E4; border-color:#0E0; }
.shareForm .cancel:active { background:#E44; border-color:#E00; }

/* Profile page styles */
body[class*="pg_profile"] #mainSection a { color:#3F3F3F; }
body[class*="pg_profile"] #mainSection a:hover { text-decoration:none; }
body[class*="pg_profile"] #mainSection a[href] { color:var(--main-color-hex); text-decoration:underline; }
body[class*="pg_profile"] #mainSection a[href]:hover { font-weight:bold; }
body[class*="pg_profile"] #mainSection .pgsMenu a.pgarrow { text-decoration:none; }
.detailsLogo{ display:inline-block; height:150px; margin:10px; width:25%; }
.detailsLogo > img{ max-height:150px; max-width:150px; }
.detailsCaption{ border-bottom:1px dotted; clear:both; color:#666; }
.detailsOffices{ border-bottom:1px dotted; padding-bottom:10px; }
.detailsIcons{ border-top:grey dotted; padding:5px; width:70%; }
.detailsIcons > span{ margin-right:10px; vertical-align:center; width:100%; }

/* Webinar pages styles */
body[class*="pg_workshops"] h4 { color:var(--main-color-hex); }
body[class*="pg_workshops"] #archiveList a { color:var(--main-color-hex); }

/* Sign In styles */
.signinBox { background:var(--complement-color-hex); border:2px outset var(--complement-color-hex); border-radius:15px; font:bold 9pt Arial; margin:10px auto;
	padding:20px 50px; text-align:center; }
.signinBox a { color:#4040A0; font:bold 12px Arial; text-decoration:none; }
.signinBox a:hover{ text-decoration:underline; }
.signinBox input { min-width:170px; width:100%; }
.signinBox input[type="checkbox"] { width:auto; min-width:unset; }
.signinBox table { margin:0; }
.signinBox tbody { border:none; }
.signinBox td { border:none; padding:4px; }

@media screen and (min-width:1000px) {
	.signinBox { width:500px; }
}

/* Phasing Box Styles */
.phasingBox { border:3px outset; border-radius:10px; box-sizing:border-box; display:block; margin:auto; overflow:hidden; position:relative;
	transition:0.8s all; -webkit-transition:0.8s all; }
.phasingBox > div { box-sizing:border-box; left:1000px; opacity:0; padding:10px; pointer-events:none; position:absolute; transition:0.5s opacity; }
.phasingBox > div.selected { left:0; opacity:1; pointer-events:auto; }

/* Generic Popup style */
.popup {
	background: rgb(246, 246, 246); border:3px outset black; border-radius:10px; display:none; padding:20px; position:absolute; z-index:15;
	background: linear-gradient(180deg, rgb(246, 246, 246) 25%, rgb(210, 210, 210) 75%);
	background: -moz-linear-gradient(90deg, rgb(246, 246, 246) 25%, rgb(210, 210, 210) 75%);
	background: -webkit-linear-gradient(90deg, rgb(246, 246, 246) 25%, rgb(210, 210, 210) 75%);
	background: -o-linear-gradient(90deg, rgb(246, 246, 246) 25%, rgb(210, 210, 210) 75%);
	background: -ms-linear-gradient(90deg, rgb(246, 246, 246) 25%, rgb(210, 210, 210) 75%); }

/* Various Admin styles */
#adminControls { padding-left:50px; border-left:2px dotted black; }
#adminControls a { color:black; text-decoration:none; display:block; }
#adminControls a:hover { color:#4040A0; text-decoration:underline; }

#adminMenu { border:3px groove black; border-radius:15px; text-align:center; width:100%; margin:10px; }
#adminMenu a, #adminMenu span { text-decoration:none; display:inline-block; width:32%; line-height:25px; }
#adminMenu a { color:var(--main-color-hex); }

.pg_admin-edit_blog #mainSection .backButton { color:var(--main-color-hex); }
.pg_admin-edit_blog #mainSection .viewLink > a { color:var(--main-color-hex); }
.pg_admin-edit_blog #mainSection .blogBtn { height:28px; margin:auto; padding:8px; }
#articlePane a { color:var(--main-color-hex); }
#schedule_flip_box .bottomFace select { width:auto; margin:0; }
#schedule_flip_box .bottomFace input { height:28px; margin:0; padding:2px; }

.answerContainer input[type="button"] { height:28px; margin:0; min-width:0; padding:2px; }
.objectives .rmvObjBtn { height:28px; margin:0 0 0 2px; min-width:0; padding:2px; vertical-align:top; }

/* Admin Listing styles */
#listing a { color:#444; }
#listingContainer #addBtn { height:28px; margin-bottom:5px; padding:2px; vertical-align:top; }

.listingLinks { text-decoration:none; width:450px; position:relative; padding:7px; margin:4px 0;
	border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border: 1px solid black; }
.listingLinks > a { text-decoration:none; }
.listingLinks > a > div { display:inline-block; width:390px; margin-left:20px; }
.listingLinks > a > div > span { float:right; }
.listingLinks .checkbox { position:absolute; top: 10%; }

/* tableDisp - for table-like displays using spans */
.tableDisp { margin:5px auto; }
/* .tableDisp input { width:90%; } */
/* .tableDisp input[type="radio"], .tableDisp input[type="checkbox"] { width:auto; } */
.tableDisp select { width:91.4%; }
.tableDisp div[contenteditable] { width:90.9%; height:130px; overflow-y:scroll; border:3px inset grey; }
.tableDisp > span { display:block; margin:3px 0; }
.tableDisp > span > span:first-child { text-align:right; width:28%; }
.tableDisp > span > span:last-child { margin-left:5px; width:70%; }
.tableDisp > span > span.largeCell { vertical-align:top; }

/* Select Multiple/Single */
.selectMultiple_mainContainer { min-width:430px; position:relative; width:100%; }
.selectSingle_mainContainer { /*min-width:430px;*/ width:100%; }
.selectMultiple_mainContainer *, .selectSingle_mainContainer * { box-sizing:border-box; }
.selectMultiple_controlContainer { width:100%; }
.selectMultiple_inputContainer, .selectSingle_inputContainer { width:80%; }
.selectMultiple_dataList, .selectSingle_dataList { background:var(--complement-color-hex); border:1px solid black; box-sizing:border-box; top:26px; display:none;
	padding:1px 2px; position:absolute; width:125%; z-index:100; max-height: 95px; overflow: auto; }
.selectSingle_dataList { max-height: 120px; overflow: auto; width: 100%; }
.selectMultiple_dataList > div:hover, .selectSingle_dataList > div:hover { background:var(--second-color-hex); cursor:pointer; }
.selectMultiple_dataList > span, .selectSingle_dataList > span { display:block; }
.selectMultiple_selectionList { display:block; margin-top:3px; }
.selectMultiple_selectionList:empty { display:none; }
.selectMultiple_selectionList > option:hover { background:var(--second-color-hex); cursor:pointer; }
.selectMultiple_inputField, .selectSingle_inputField { border:1px outset var(--second-color-hex); border-right-width:0; border-radius:5px 0 0 5px; height:32px; padding:5px;
	transition:0.3s all; vertical-align:top; width:100%; }
.selectMultiple_inputField:focus { border-radius:5px; border-right-width:1px; width:125%; }
.selectMultiple_controlContainer input.selectMultiple_clearBtn, .selectSingle_mainContainer input.selectSingle_clearBtn { border-radius:0 5px 5px 0;
	height:32px; margin:0; min-width:0; padding:5px; vertical-align:top; width:90px; }
.selectMultiple_clearBtn:active, .selectSingle_clearBtn:active { padding:5px 4px 5px 6px; }

/* Tabbed Windows */
.tabHolder > tab { border:1px solid black; border-radius:3px 3px 0 0; cursor:pointer; color:#777; display:inline-block;
	font:12pt Times New Roman; margin-right:1px; padding:2px 4px; }

.tabHolder > tab:first-child { margin-left:5px; }
.tabHolder > tab:hover{ color:black; }
.tabHolder > tab.selected { border-bottom:1px solid white; color:#4646C8; }

.tabContent { border:1px solid black; border-radius:5px; margin:-1px 0 5px; }
.tabContent > tab, .tabContent > .tab { display:none; padding:5px; }
.tabContent > tab.selected, .tabContent > .tab.selected { display:block; }

/* Comments styles */
.comments_newMessageComment { width:100%; }
.comments_unsibscribeBtn { margin-left:5px; }

/* Store styles (user) */
.store_mainContainer  select { margin:0; width:auto; }
.store_mainContainer .store_cartFinalContainer:before { left:-4px; }
.store_mainContainer .btn:hover, .store_mainContainer .btn:focus { color:white; }
.store_mainContainer .fwd-btn:hover:after { right:3% }
.store_mainContainer .ret-btn:hover:before { left:3% }
.store_mainContainer .close { color:white; float:none; font-size:initial; opacity:1; text-shadow:none; }
.store_mainContainer .store_checkoutAccountControlsNew { border-radius:0; }
.store_addAccountForm input { font-size:0.8em; color:black; }
.store_addAccountForm  select { font-size:0.8em; }
.store_mainContainer .store_checkoutAccountControlsPrev, .store_mainContainer .store_checkoutAccountControlsNext { padding-top:3px; }
.store_mainContainer .store_checkoutProductList { min-height:160px; }
.store_mainContainer .store_checkoutConfirmControls:before { border-width:3px 0 0 3px; bottom:-4px; left:-1px; }
.store_mainContainer .store_orderListHeader:before { left:-4px; }
.store_mainContainer .store_orderListHeader:after { right:-4px; }
.store_mainContainer .store_recurringChargeListHeader:before { left:-4px; }
.store_mainContainer .store_recurringChargeListHeader:after { right:-4px; }
.store_mainContainer .store_productAddToCartControlsLoginMsg > button { font-size:8pt; }
.store_mainContainer .store_loginForm .store_loginEmail, .store_mainContainer .store_loginForm .store_loginPassword { color:black; }
.store_mainContainer .store_fancyBtn { font-size: inherit; line-height: initial; text-transform: none; }

/* Store styles (admin) */
.store_mainContainer .store_ctrlPanel > .store_ctrlPanelBtn { border:1px solid #333; display:block; margin:3px auto; padding:3px 2px; width:100%; }
.store_mainContainer input.selectMultiple_clearBtn, .store_mainContainer input.selectSingle_clearBtn { border-radius:0 5px 5px 0; min-width:initial;
	padding:0; }
.store_mainContainer .selectMultiple_mainContainer, .store_mainContainer .selectSingle_mainContainer { min-width:360px; }
.store_mainContainer select.selectMultiple_selectionList { width:100%; }
/* .store_mainContainer input.store_deleteBtn { display:none; } */
.store_mainContainer .store_listControls { padding-left:0; }
.store_mainContainer input.store_listFilterRemoveBtn { display:block; margin:auto; }
.store_mainContainer .store_editCouponLimitByUserBox { width:100%; }
.store_mainContainer .store_editCategoryForm { width:80%; }
.store_mainContainer .store_viewOrderCheckNoInput { height:auto; }
.store_setListForm input.store_viewSetsCancel { display:block; }

/* Progress Bar Styles */
.progressBar { border:1px solid #2462B6; border-radius:10px; box-sizing:border-box; margin:0 auto; padding:3px; position:relative;
	text-align:center; width:200px; }
.progressFill { border-radius:6px; height:100%; left:0; position:absolute; top:0; overflow:hidden; width:0; }
.progressFill > .progressPercent { background-color:#2462B6; border:1px solid #2462B6; border-radius:6px; box-sizing:border-box; color:white;
	height:100%; padding:2px 0; width:200px; }
.progressBar.complete { border-color:#24B662; }
.progressBar.complete > .progressFill > .progressPercent { background-color:#24B662; border-color:#24B662; }
.progressBar.failed { border-color:#F00; }
.progressBar.failed > .progressFill > .progressPercent { background-color:#F00; border-color:#F00; }

/* Quick Finds style */
.quick-finds div[class*=box] { height: 35px; width: 50%; display: inline-block; justify-content: right; padding: 10; align-items: right; text-align: right;}
.quick-finds .box-1 {border-radius: 5px;}
.quick-finds .my-btn { line-height: 30px; height: 30px; text-align: left; width: 100%; cursor: pointer; color: black !important;}
.quick-finds .my-btn-one  { transition: all 0.3s; position: relative;}.my-btn-one > a{ color:rgba(0,0,0,0.7); font-family: 'Roboto', Helvetica Neue, Arial, Sans-serif; text-decoration: underline;}
.quick-finds .my-btn-one a { transition: all 0.3s;}
.quick-finds .my-btn-one::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.5; transition: all 0.3s; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: var(--main-color-hex); border-bottom-color: var(--main-color-hex); transform: scale(0, 0);}
.quick-finds .my-btn-one:hover a { letter-spacing: 0.9px; color:black; text-decoration: none;}
.quick-finds .my-btn-one:hover::before { opacity: 1; transform: scale(1, 1);}
.quick-finds .my-btn-one::after { text-decoration: none !important; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; transition: all 0.3s;}
.quick-finds .my-btn-one:hover::after { opacity: 0; transform: scale(0.1, 1);}
.bg-\[\#2462B6\] {
    --tw-bg-opacity:1;
    background-color:#007E75;
   }