/* General styles */
body { padding:0; margin:0; background:#EEF url('img/bgpattern.png'); }
span{ display:inline-block; }
textarea{ resize:none; }

@font-face { font-family:Aller; src:url('fonts/aller.ttf'); }
@font-face { font-family:Aller; src:url('fonts/aller_i.ttf'); font-style:italic }
@font-face { font-family:Aller; src:url('fonts/aller_b.ttf'); font-weight:bold  }
@font-face { font-family:Aller; src:url('fonts/aller_ib.ttf'); font-weight:bold; font-style:italic;}

/* Template styles */
.bg{ margin:auto; width:960px; border:solid #b0b7bc; border-width:0 2px; background-color:white; position:relative; }
.pg_index .bg{ background:white url('img/cloud.png') no-repeat; background-size: 100% 400px; }
.bg, .bg a{color:#202d48; font-family:Aller, Trebuchet, Tahoma;}
.bg h1, .pg_index .bg h2 { font-weight:bold; font-size:24px; text-align:center; padding:8px;}
.page-top-bar { height: 12px; background-color: #506c8e; }
.bg > #center, #centerTop { width:690px; margin:10px; }

/* Main Menu styles*/
.menu_Join_Our_Mailing_List+div{overflow:hidden;} /* This is not actual in use */
#menu.d1{padding-bottom:16px; border-bottom:1px solid #c8cacb; }
#menu.d1 a{text-decoration:none; font-size:16px;}
#menu.d1 a.nav-active { border-bottom:4px solid #a9a9a9; color:#848484;}
#xmenu a:hover { text-decoration:underline; }

#menuWrap{display:table; width:800px; margin-left:80px; white-space:nowrap; xmargin-top:-20px; height:40px;}
#menu.d1{ display:table-row; }
#menu.d1 > a, #menu > span { display:none; x:table-cell; xtext-align:center; }
#menu.d1 > span > span{position:relative; display:none;}
#menu.d1 > span:hover  > span{ display:inline-block; }
#menu.d1 > span > span > span{ position:absolute; top:0; background-color:white; text-align: left; margin-top: 5px; z-index:1;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0 0 6px #333; }
#menu.d1 > span > span > span > a{ display:block; height:21px; border-top:1px solid; }
#menu.d1 > span > span > span > a:first-child{ border-top:none; }
#menu.d1 > span > span > span > a:hover{ background-color:#EEF; }

/* .flexible { display:inline-flex; vertical-align:top; width:626px; }
.flexible > * { background:#DDD; } */
#menu.d2 { display:-ms-inline-flexbox; display:-webkit-inline-box; display:inline-flex; -webkit-justify-content:space-between; justify-content:space-between; text-align:justify; vertical-align:top; width:625px; }
#menu.d2  > a, #menu.d2  > span { display:inline-block; text-decoration: none; font: 25px Arial Narrow; text-transform:uppercase; padding:0 5px 13px; vertical-align:top; border-radius:0 0 5px 5px; transition:background-color .4s ease; }
#menu.d2  > a > small, #menu.d2  > span > small { font-size: 12px; text-transform:lowercase; color: #bbb; display: block;}
#menu.d2  > a:before, #menu.d2  > span:before{ width: 100%; display: block; color: #506C8E; font: bold 20px/10px Lucida; text-align: center; vertical-align: top; content: ' '; height: 20px;}
/* #menu.d2:after { content:''; display:inline-block; width: 100%; height: 0; overflow: hidden; } */
/*#menu.d2 > span{ display: none; }*/
#menu.d2 > a:hover, #menu.d2  > span:hover { background-color: rgba(180, 208, 242, 1); }

/* The following is for the drop-down menu */
#menu.d2 > span { max-height:65px; overflow:hidden; z-index:1; }
#menu.d2 > span:hover { max-height:300px; }
#menu.d2 > span > a { text-decoration:none; text-align:center; font:13px Arial; text-transform:uppercase; padding:4px 0; width:100px; display:block; }
#menu.d2 > span > a:hover { text-decoration:underline; }
#menu.d2 > span > a:first-of-type { margin-top:9px; } /* This is to keep the link from showing up until moused over */

.nav-active{ border: solid #506C8E; border-width:0 1px; background-color: rgba(80, 108, 142, 0.05); border-radius:0 0 5px 5px; border-bottom:groove; }
#menu.d2 > a.nav-active:before, #menu.d2 > span.nav-active:before { content: '▼'; }

.logo{ height: 100px; color:#202d48; background-repeat:no-repeat; background-position: center left; 
	border-top: 12px solid #506C8E; position:relative; padding-bottom:25px}
.logo > span{ text-shadow: 4px 4px 2px rgba(150, 150, 150, 1); font: bold 38px/95px 'Times New Roman'; margin:15px 15px 0 15px ; overflow: hidden; pointer-events:none; width: 300px;}

/* Sidebar styles */
.rightBar {float:right;}
.rightBar > div:not(.ad) { width: 205px; padding:10px; min-height: 180px; background-color: #e2e3e4; margin:7px;
	border: solid 2px #c8cacb; background-image: -webkit-linear-gradient(top, rgba(255,255,255,.53), rgba(226,227,228,0));
	background-image: -moz-linear-gradient(top, rgba(255,255,255,.53), rgba(226,227,228,0));
	background-image: -o-linear-gradient(top, rgba(255,255,255,.53), rgba(226,227,228,0));
	background-image: -ms-linear-gradient(top, rgba(255,255,255,.53), rgba(226,227,228,0));
	background-image: linear-gradient(to bottom, rgba(255,255,255,.53), rgba(226,227,228,0));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82FFFFFF', endColorstr='#00E2E3E4'); /* for IE */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82FFFFFF', endColorstr='#00E2E3E4'); /* for IE */ }
.rightBar > div.ad { width:225px; margin:10px auto; }
.rightBar a{ font-weight:bold; }
.rightBar a:hover{ text-decoration:underline;}
.rightBar {font-size:12px; xline-height:16px; }
.rightBar h3{font-size:19px; font-weight:bold; width:200px; margin:10px 0 10px; font-variant:small-caps; }
.rightBar h3 > a { text-decoration:none; }
.rightBar>div>div{overflow-y:auto; overflow-x:hidden; height:125px; }
.rightBar>div>div>p{margin:0 0 12px 0; }
/* color:#738295; // Not sure what this was from, found it while reorganizing styleshee - Meir */
.featuredBlogs a{display:block; margin:0 0 12px 0; text-decoration: none;}
.signup a{text-align:center; display:block; width:100%;}

/* Footer styles */
#downbox{ padding:28px 60px 38px; background-color:#35466A; clear:both; }
#downbox > p{  min-height:42px; background-color: #fff; padding:10px 25px 0px; font:12px Arial;}
#downbox > span, #downbox > span > a { color:rgb(240,240,255) !important; }
#footerMenu { display:flex; justify-content:space-between; }
#footerMenu a:hover { text-decoration:none; }

/* Home page styles */
.intro-box-gradient { float:right; width: 512px; height: 227px; background-color: #e2e3e4;
	border:solid 2px #c8cacb; margin:7px 14px; font-size:16px; overflow:hidden; padding:10px;
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,.96), rgba(226,227,228,0));
	background-image:    -moz-linear-gradient(top, rgba(255,255,255,.96), rgba(226,227,228,0));
	background-image:      -o-linear-gradient(top, rgba(255,255,255,.96), rgba(226,227,228,0));
	background-image:     -ms-linear-gradient(top, rgba(255,255,255,.96), rgba(226,227,228,0));
	background-image:         linear-gradient(top, rgba(255,255,255,.96), rgba(226,227,228,0));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5FFFFFF', endColorstr='#00E2E3E4'); /* for IE */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5FFFFFF', endColorstr='#00E2E3E4'); /* for IE */ }
.intro-box-bg { height:265px; background-color: #e1e1e1; background-repeat:no-repeat;}
.search-bar { width: 790px; height: 75px; margin:-2px 2px 12px; margin: auto; color:dark blue; font-size:19px; padding:4px; text-align:center; 
	background-color: #506c8e; -webkit-box-shadow: inset 0 0 2px rgba(251,247,194,.75); -moz-box-shadow: inset 0 0 2px rgba(251,247,194,.75); outline: white solid 5px;
	box-shadow: inset 0 0 2px rgba(251,247,194,.75); border: solid 1px #767676; font-weight:bold;
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,.67), rgba(255,255,255,0));
	background-image: -moz-linear-gradient(top, rgba(255,255,255,.67), rgba(255,255,255,0));
	background-image: -o-linear-gradient(top, rgba(255,255,255,.67), rgba(255,255,255,0));
	background-image: -ms-linear-gradient(top, rgba(255,255,255,.67), rgba(255,255,255,0));
	background-image: linear-gradient(to bottom, rgba(255,255,255,.67), rgba(255,255,255,0));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEFFFFFF', endColorstr='#00FFFFFF'); /* for IE */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEFFFFFF', endColorstr='#00FFFFFF'); /* for IE */ }
.search-bar input, .search-bar select{height:30px; font-size:16px; padding:1px; border:1px solid; vertical-align: top;  margin:5px 7px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.search-bar input[type="submit"] { padding:3px 10px; margin-top:4px; cursor:pointer; border:2px solid #D2D3D4; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; }
.search-bar input[type="submit"]:hover { background:#A5BFD5; border-color:#A5BFD5; }
.bg > #center > h2, .h2 { width: 687px; xheight: 25px; margin:18px 0 25px 0; text-transform:uppercase;
	background-color: #A5BFD5; -webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255,.8); -moz-box-shadow: inset 1px 1px 2px rgba(255,255,255,.8);
	box-shadow: inset 1px 1px 2px rgba(255,255,255,.8); border: solid 1px #a9a9a9;
	background-image: -webkit-linear-gradient(top, #fff, rgba(255,255,255,0));
	background-image: -moz-linear-gradient(top, #fff, rgba(255,255,255,0));
	background-image: -o-linear-gradient(top, #fff, rgba(255,255,255,0));
	background-image: -ms-linear-gradient(top, #fff, rgba(255,255,255,0));
	background-image: linear-gradient(to bottom, #fff, rgba(255,255,255,0));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#00FFFFFF'); /* for IE */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#00FFFFFF'); /* for IE */ }
.section divider-vert-feat.therapists { }
.section divider-horiz { width: 687px; height: 1px; background-color: #a9a9a9; }
.section divider-vert-recent-articles { width: 1px; height: 439px; background-color: #a9a9a9; }
.posts{ font-size:14px; font-family:Aller, Tahoma; padding:10px; border:1px solid transparent; text-align:justify; }
.posts h3{margin:0; font-size: 20px; font-weight:bold; }
.xarticlePosts > div:first-child{ border-bottom:1px solid #a9a9a9;}
.xposts:first-child{ border-right:1px solid #a9a9a9;}
.featuredTherapists, .articlePosts{line-height: 0;}
.featuredTherapists > a, .posts{ xwidth:225px; width:50%; line-height: normal;
	display:inline-block; height:325px; overflow:hidden; color:#3c4553; text-decoration:none; vertical-align:top; border-top:1px solid grey;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;  }
.posts > .postswrapper{ position:relative; height:325px; }
.posts:first-child > .postswrapper:after, .posts:nth-child(2) > .postswrapper:after{ content:''; width:230px; height:1px; background:grey; position:absolute; left:50px; bottom:15px; }
.featuredTherapists > a{ height:115px; padding:10px 10px 10px 120px; color:#506C8E;
	background-position:10px center; background-repeat:no-repeat }
.featuredTherapists > a > h3{padding:10px 0; }
.posts > h3{font-weight: normal;}
.posts .readMore { float:right; text-decoration:underline; color:#506C8E; }
.featuredTherapists > a:nth-child(odd), .posts:nth-child(odd){ border-right:1px solid grey; }
.posts, .featuredTherapists > a:nth-child(2),  .featuredTherapists > a:first-child{ border-top-width:0; }
.postswrapper > .postsfooter { bottom:35px; position:absolute; right:5px; width:100%; }
.intro-box-gradient h5, .intro-box-gradient h6{line-height:36px; margin:0; font-weight:bold; font-style:italic;}
.intro-box-gradient h5{font-size:24px; }
.intro-box-gradient h6{font-size:18px; color:#848484; }

.two-col {
	-moz-column-count:2; -moz-column-gap: 5px;
	-webkit-column-count:2; -webkit-column-gap: 5px;
}
#mainPageIntro { margin-bottom: 20px; }
#mainPageIntro .promo{ overflow:visible; margin:auto; width:835px; height:210px; }
#mainPageIntro .promoTag{font: italic bold 24px 'Times New Roman';text-align:center; margin: 5px 0;}
#mainPageIntro .promo>div>img{float:left; margin-right:10px; }
#mainPageIntro .promo>div>b{display:block; text-align:center; margin:7px 0 13px; }
#mainPageIntro .promo>div{
	float:left; width:225px; height:160px; border:1px solid #E8E8E8; box-shadow:0 0 5px #EFEFEF;
	margin: 0px 15px 5px; padding:10px;
	font: 14px/17px Tahoma;;
    xfont-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
	xfont-size:15px; position: relative;
	border-radius:5px; cursor:default;

    background: -moz-linear-gradient(top, #FFF, #EFEFEF);
    background: -webkit-linear-gradient(top, #FFF, #EFEFEF);
    background: -ms-linear-gradient(top, #FFF, #EFEFEF);
    background: -o-linear-gradient(top, #FFF, #EFEFEF);
    background: linear-gradient(top, #FFF, #EFEFEF);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEFEFEF'); /* for IE */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEFEFEF'); /* for IE */
}
#xmainPageIntro .promo>div>div{display:none;}
#mainPageIntro .promo>div>a{ xdisplay:none;
	position: absolute;
	bottom:60px; width:90%; padding:20px 0;
	background: linear-gradient(top , #FFFFFF, #E8E8E8);
	background: -webkit-linear-gradient(top, #FFF, #E8E8E8);
	background: -o-linear-gradient(top, #FFF, #E8E8E8);
	background: -moz-linear-gradient(top, #FFF, #E8E8E8);
	background: -ms-linear-gradient(top, #FFF, #E8E8E8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFE8E8E8'); /* for IE */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFE8E8E8'); /* for IE */
    border: 2px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    color: #336699;
    text-align: center;
    display: none;
    font-weight: bold;
    xpadding: 7px 0;}
#mainPageIntro .promo>div>a:last-child{ bottom:10px; }
/* #mainPageIntro .promo>.promo2>a { padding:10px 0; } */
#mainPageIntro .promo>div>a{display:block;}
#mainPageIntro .promo>div:hover{box-shadow:0 0 10px #333; -moz-linear-gradient:(center top , #FFFFFF, #E8E8E8) repeat scroll 0 0 transparent;}
.adContainer { background-color:#A5BFD5; border-radius:15px; box-shadow:0 0 15px rgba(165, 191, 213, 1); text-align:center; }
#mainPageAdStrip { display:flex; justify-content:space-around; margin:0 auto; padding:10px 30px; width:90%; }
#mainPageAdStrip > span { border-left:1px solid white; display:inline-block; min-height:60px; min-width:234px; padding-left:30px; }
#mainPageAdStrip > span:first-of-type { padding:0; border-left:none; }

/* Filters styles */
.blogsLinks { min-height:40px; margin:7px 0px 5px; display:block; text-decoration:none; text-align:center; background-color: #DDD; 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-image: linear-gradient(top, #F5F5F5, #DDD);
	background-image: -moz-linear-gradient(top, #F5F5F5, #DDD);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#F5F5F5), to(#DDD)); }
.blogsLinks:hover { color:#4040A0; background-color: #DEF;
	background-image: linear-gradient(bottom, #EFF, #DEF);
	background-image: -moz-linear-gradient(bottom, #EFF, #DEF);
	background-image: -webkit-gradient(linear, center bottom, center top, from(#EFF), to(#DEF)); }
.blogsLinks .art { border-top:1px dashed black; margin-top:5px; font:13px Arial; display:none; clear:both; position:relative; }

.pgsMenu { text-align: center; clear:both; width:710px; }
.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; }

.therapistsLinks, .webinarsLinks{ display:block; width:460px; 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); }
.therapistsLinks > .desc, .webinarsLinks > .desc{ max-width:330px; }

/* 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. */
.dberror:after{content:'An error has occurred. The webmaster has been notified of this issue\a We apologize for the inconvenience.'}
.fatalerror:after{content:'An error has occurred. Please inform the web administrator immediately.\a We apologize for the inconvenience.';}
a.therapistsLinks:first-of-type:not(.matches):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 + a.therapistsLinks:not(.matches):before{ content:'Try browsing some of the other professionals listed on our site:';
	padding:25px 0; text-align: center; display:block; text-decoration:none; }
a.webinarsLinks:first-of-type:not(.matches):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 + a.webinarsLinks:not(.matches):before{ content:'Other available workshops:';
	padding:25px 0; text-align: center; display:block; text-decoration:none; }
	
/*div + div.nomatch:before{ padding:10px 0; text-align:center; display:block; text-decoration:none; font-style:italic;
	content:'We are sorry, but no results exactly matched your search parameters.\a Try one of our other available workshops:';}
a.matches.webinarsLinks + div.nomatch:before{ content:'\aOther available workshops:'; font-style:italic;
	padding:0 0 10px; text-align:center; display:block; text-decoration:none; margin-bottom:5px;}*/

.pics{ background-position: center center; background-repeat:no-repeat; height:100px; margin-right:5px; vertical-align:top; width:100px; }
#tabHolder { margin:0 0 10px 16px; }
#tabHolder a { background:#174C95; border:2px outset #2462B6; border-radius:10px; color:white; cursor:pointer; font:bold 13px Tahoma;
	margin:0 10px; padding:5px 10px; text-decoration:none; }
#tabHolder a:hover { background:#2462B6; }
#tabHolder a.selected, #tabHolder a:active { background:#2462B6; 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; position:absolute; top:-2px; transition:0.3s; width:200px; -webkit-transition:0.3s; }
#tabHolder > .tooltipHolder > a:hover + .tooltip { opacity:1; }
#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; }
#webinarsHeader { margin-bottom:5px; }
#webinarsHeader img.ce, #directory img.ce { max-width:50px; }
#directory .desc img.ce { bottom:10px; position:absolute; right:20px; }
#directory .desc img.ce_1 { right:80px; }

/* Directory Filters: */
#filterContainer { float:right; 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{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 { width:140px; }
.filter_select.date_range > div > div { text-align:right; margin-top:5px; }
.filter_select.date_range 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("img/loading.gif"); height:80%;
	padding:55px 0; position:absolute; text-align:center; width:100%; }
#mapContainer > .resetFilter { text-align:right; display:block; font-size:11px; color:purple; }
#map { height:175px; width:175px; }
#map .olControlAttribution { right:0px; bottom:0px; }

/* Horizontal Box */
#filterBoxHoriz{ display:block; border:double lightgrey; padding:10px 10px 23px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; position:relative; }
#filterBoxHoriz select{ width:175px; }
#filterBoxHoriz > div { display:inline-block; vertical-align:top; margin-top:-5px; position:relative; width:}
#filterBoxHoriz > div > b{ font:bold 11px 'ProximaNovaBold',Arial,sans-serif; color:#333333; width:160px; display:inline-block;
	text-transform:uppercase; margin:0 2px; padding:10px 5px 5px 5px; border:solid 1px grey;
	background-image: -moz-linear-gradient(top, #fff, #ddd); background-image: -webkit-linear-gradient(top, #fff, #ddd);
	border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; }
#filterBoxHoriz > div > div { position:absolute; right:0px; }
#filterBoxHoriz > div > div > div{ width:155px; margin:0; max-height:0; transition:max-height .7s ease; border:solid 1px grey; position:absolute;
	top:-1px; right:2px; z-index:-1; background-color:white; border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; }
#filterBoxHoriz > div > div.selected > div, #filterBoxHoriz > div > div:hover > div, #filterBoxHoriz > div > b:hover + div > div{ max-height:110px; z-index:1; }
/* This is for the arrow */
#filterBoxHoriz > 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; }
#filterBoxHoriz > div > b:hover:after{ -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); }
#filterBoxHoriz div > b > a{cursor:pointer; text-decoration:none; border:outset thin transparent;
	border-radius:3px; padding:2px; position:relative; }
#filterBoxHoriz .resetFilter{ display:none; }
#listingSearchVal { border:1px groove #999; border-radius:20px; height:24px; padding:0px 10px; }

/*
#filterBox b > a:hover{border-color:#000;}
#filterBox b > a > i{ position:absolute; left:0px; top:18px; display:inline-block; height:0;
	overflow:hidden; overflow:hidden; transition:height .5s ease; text-transform:normal; background-color: #eee}
#filterBox b > a:hover > i{height:14px;padding:2px; border:thin outset; width:50px;}
*/

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

/* Blog Mailing List styles */
#subscribeBox { background:#174C95; border:3px outset #2462B6; border-radius:10px; 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; }
#subscribeBox > form > input { border:1px outset #2462B6; box-sizing:border-box; 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:#174C95; 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:#2462B6; }
#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'; }
/* #subscribeBox .email:invalid + span:after { color:red; content:'\f00d'; } */

/* Sign In styles */
#signinBox { background:#E2E3E4; margin:10px auto; width:300px; border:2px outset #E2E3E4; text-align:center; padding:20px 50px; font:bold 9pt Arial; border-radius:15px 15px 15px 15px; -webkit-border-radius:15px 15px 15px 15px; -moz-border-radius:15px 15px 15px 15px; }
#signinBox a{ color:#4040A0; font:bold 12px Arial; text-decoration:none; }
#signinBox a:hover{ text-decoration:underline; }
#signinBox input{ width:100%; min-width:170px; }

/* Result Box styles */
.errorBox, .successBox, .warningBox { border:2px groove; font:14px Arial; margin:15px auto 0; padding:5px; text-align:center; width:530px; }
.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; }

/* 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; }

#listTitle { cursor:pointer; text-align:center; padding:5px; }
#listTitle span { padding-left:5px; }
#adminListing { border:1px solid black; }
#adminListing a { border-top:1px solid black; display:block; padding:5px; color:#404040; text-decoration:none; }
#adminListing a:first-child { border-top:none; }
#adminListing a:hover { color:#6060E0; background:#B6B6E6; }
#adminListing a > span { border-left:1px solid black; padding-left:5px; text-align:center; }
#adminListing a > span:first-child { border-left:none; text-align:left; }

#blogListing a { padding-left:40px; margin-top:12px; display:block; text-decoration:none; font:bold 15px Arial,Verdana,Sans-Serif; color:black; border:2px groove #808080; border-radius:15px 15px 15px 15px; -webkit-border-radius:15px 15px 15px 15px; -moz-border-radius:15px 15px 15px 15px; background-image: linear-gradient(bottom, #EFF, #def); background-image: -moz-linear-gradient(bottom, #EFF, #def); background-image: -webkit-gradient(linear, center bottom, center top, from(#f5f5f5), to(#ddd)); }
#blogListing a:hover { color:#4040A0; background-image: linear-gradient(top, #EFF, #def); background-image: -moz-linear-gradient(top, #EFF, #def); background-image: -webkit-gradient(linear, center top, center bottom, from(#EFF), to(#def)); }
#blogListing .titleDisp { padding:15px 0px 15px 0px; display:inline-block; width:430px; border-right:2px dashed #808080; }
#blogListing .amountDisp { width:90px; float:right; padding:24px 0px 25px 5px; font:12px Arial,Verdana,Sans-Serif; color:black; }

a.backButton { text-decoration:none; color:#4040A0; }
a.backButton:hover { text-decoration:underline; }

.xsubsort{background-color:#eee; border:2px grey inset; }
.subsort > a{display:block; }
.subsort > a:before{content:'\2610'; font-size:20px; }
.subsort > a.subsortselected:before{content:'\2611'; display:inline-block; }
.subsort{height:20px; font-size:12px}

/* Other styles */
.fancyLink { color:#404040; text-decoration:none; cursor:pointer; font-weight:bold; }
.fancyLink:hover { color:#6060E0; text-decoration:underline; }

#pageNumbers { margin:10px auto 0; text-align:right; width:80%; }
#pageNumbers a { cursor:pointer; font-weight:bold 13px Arial; }
#pageNumbers a.selected { text-decoration:underline; }
#pageNumbers a:hover { color:#545454; }
#pageNumbers .results { float:left; font:italic 14px Aller; }

.miscInfo{ margin:15px auto; width:600px; }
.infoBox { margin:15px auto; width:600px; border:3px groove #E2E3E4; padding:10px; }
.infoTitle { width:100%; font:13pt Times New Roman; text-align:center; text-decoration:underline; }
.infoTable { margin: 5px auto; }
.infoTable th { width:100%; font:13pt Times New Roman; text-align:center; text-decoration:underline; }
.infoTable tr > td:first-child { text-align:right; min-width:140px; }
.infoTable tr > td:last-child { text-align:left; }
.infoTable tr > td:last-child input[type="text"], .infoTable tr > td:last-child input[type="password"], .infoTable tr > td:last-child input[type="email"] { width:250px; }
.infoTable tr > td:last-child select { font:13px Arial; height:25px; width:256px; }
.infoTable td.largeCell { vertical-align:top; }
.infoTable div[contenteditable]{ height:130px; overflow-y:scroll; border:inset 3px grey; }

/* Arrow styles - for pointer arrows at the edge of popup elements (courtesy of bootstrap) */
.arrow { border-width: 11px }
.arrow, .arrow:after { border-color:transparent; border-style:solid; display:block; position:absolute; height:0; width:0; }
.top .arrow { border-bottom-width:0; border-top-color:rgba(0, 0, 0, 0.25); bottom:-11px; left:50%; margin-left:-11px; }
.bottom > .arrow { border-top-width:0; border-bottom-color:rgba(0, 0, 0, 0.25); top:-11px; left:50%; margin-left:-11px; }
.right > .arrow { border-left-width:0; border-right-color:rgba(0, 0, 0, 0.25); left:-11px; top:50%; margin-top:-11px; }
.left > .arrow { border-right-width:0; border-left-color:rgba(0, 0, 0, 0.25); right:-11px; top:50%; margin-top: -11px; }
.arrow:after { border-width:10px; content:' '; }
.top .arrow:after { border-bottom-width:0; border-top-color:#fff; bottom:1px; margin-left:-10px; }
.bottom > .arrow:after { border-top-width:0; border-bottom-color:#fff; top:1px; margin-left:-10px; }
.right > .arrow:after { border-left-width:0; border-right-color: #fff; bottom:-10px; left:1px; }
.left > .arrow:after { border-right-width:0; border-left-color: #fff; bottom:-10px; right:1px; }

/* 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; }

/* Unknown/Unused styles */
.spotlight { width: 351px; height: 245px; }
.get-listed { width: 687px; height: 227px; margin:18px 10px;
 	background-color: #a5bfd5; -webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255,.8); -moz-box-shadow: inset 1px 1px 2px rgba(255,255,255,.8);
 	box-shadow: inset 1px 1px 2px rgba(255,255,255,.8); border: solid 1px #a9a9a9;
 	background-image: -webkit-linear-gradient(top, #fff, rgba(255,255,255,0));
 	background-image: -moz-linear-gradient(top, #fff, rgba(255,255,255,0));
 	background-image: -o-linear-gradient(top, #fff, rgba(255,255,255,0));
 	background-image: -ms-linear-gradient(top, #fff, rgba(255,255,255,0));
 	background-image: linear-gradient(to bottom, #fff, rgba(255,255,255,0));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#00FFFFFF'); /* for IE */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#00FFFFFF'); /* for IE */ }
.googleAd{text-align:center;}
#googleAd { margin:5px auto 0; height:60px; width:468px; }
.nav { overflow:hidden; position:relative }
.nav div {height:21px; overflow:visible; text-align:center; vertical-align:middle}
.nav a { text-decoration:none; color:#4040A0; padding:2px; }
.nav a:hover { text-decoration:underline; }
.nav img { vertical-align:middle }
.nav .current {border-bottom:silver groove}
#sortOptions { margin-left:40px; padding:5px; display:inline; text-align:right; }
#sortOptions a { cursor:pointer; font: bold 13px Arial; }
#sortOptions a:hover { color:#4040A0; }
#articleHeader { margin-left:auto; margin-right:auto; font:bold 25px Arial,Verdana,Sans-Serif; text-align:center; }
#articleHeader a { color:black; }
#workshopsListing { text-align:center; width:97%; padding-top:10px; margin-left:18px; }
#workshopsListing a { margin-bottom:15px; border:2px outset transparent; border-bottom:2px solid black; padding-left:5px; text-decoration:none; color:black; display:block; }
#workshopsListing a:hover { background:#B6B6E6; border:2px outset #909090; border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; }
/* .webinarsLinks { text-align:center; margin:0 8px 15px; border:2px outset #909090; padding-left:5px; text-decoration:none; color:black;
	font-size:9pt; height:130px; vertical-align:top; position:relative; display:inline-block;
	width:320px; border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; }
.webinarsLinks:hover { background:#B6B6E6; border-style:inset; } */
#cartButton { left:600px; position:absolute; }
#cartButton img{ width:60px; }
#cartView { text-align:center; position:absolute; margin-top:48px; z-index:2; overflow:hidden; height:320px; width:490px; border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; }
#xmenu { height: 125px; text-align: justify; font-size: 0; min-width: 600px; }
#xmenu a { height: 125px; display: inline-block; }
#xmenu:after { content: ''; width: 100%; display: inline-block;}

.headSearch { float:right; margin:10px 20px 0px; font:14px Tahoma; }
#memberBox { position:relative; margin:10px 0px 0px; }
#memberBox a, #memberBox b {text-decoration:none; color:#4040A0; display:block; font:16px/18px Aller; padding:4px 0px; }
#memberBox > b { cursor:default; font-weight:normal; }
#memberBox > b:hover + div > div, #memberBox > div:hover > div { display:inline-block; left:0px; z-index:1; height:auto; }
#memberBox > div { position:relative; height:0px; }
#memberBox > div > div { background:white; width:220px; border:2px double #E2E3E4; display:none; height:0px; transition: 1s ease;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; position:absolute; }
#memberBox > div a:hover { background:#E2E3E4; color:purple; }

#menulogin, #menuSignup { background:url(img/key.png) no-repeat 7px 7px; border-radius:5px; -webkit-border-radius:5px; border:1px solid #CCCCCC;
	box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.17) inset; width:65px; outline: medium none; cursor:pointer; float:right; margin:10px 0px; }

/* Different Experimental Styles for memberLogin */
.pg_index #memberLogin.d2{ top:30px; right:15px; padding:5px; z-index:1; left:auto;}
.pg_index #memberLogin.d2::after{ border: 0; }
.pg_index .logo > span { color:white; text-shadow: 4px 4px 2px rgba(50, 50, 50, 1); }
#memberLogin.d2{ background-color: #506C8E; border-radius: 0 0 5px 0; position: absolute; top:0; left:0; color: white;}
#memberLogin.d2 a { color:white; padding:0 20px 5px 20px; display:inline-block; text-decoration:none; }
#signupForm a:hover { text-decoration:underline; }
#noUser #signup:hover, #knownUser a:hover { text-decoration:underline; }
#memberLogin.d2:after { border: solid #506C8E; border-width: 2px 0 0 2px; border-top-left-radius: 6px;
    content: " "; height: 6px; width: 6px; position: absolute; right: -6px; top: 10px; }
#memberLogin.d2 > div { font: 16px Tahoma; vertical-align:top; }
#memberLogin.d2 p { margin: 0; }
#memberLogin.d2 .forgot{ font-size: 12px;}
#memberLogin.d2.knownUser > div#noUser, #memberLogin.noUser > div#knownUser, #memberLogin.d2 a#viewCart{ display:none; }
#memberLogin.d2 form { border-radius:0 0 5px 5px; text-align:center; display:none; padding:12px; }
body:not(.pg_index) #memberLogin.d2 #signupForm { box-shadow: 0 5px 5px 0 grey; }
.pg_index #memberLogin.d2 { box-shadow: 0 5px 5px 0 #323232; }
#memberLogin.d2 form > input { margin: 5px; }
#memberLogin.d2 form > input[type=text],#memberLogin form > input[type=password]{ width: 150px; }
#memberLogin.d2 > div > a:hover + form, #memberLogin.d2 > div > #signup:hover ~ #signupForm, #memberLogin form:hover{ display: block; }
#memberLogin #welcome{ font: 12px Times New Roman; padding-left: 5px; height: 15px; overflow: hidden;}
#memberLogin #ajaxResponse { max-width:300px; font-style:italic; }
#noUser, #knownUser { cursor:default; }
#memberLogin.d2  > div#noUser > a { cursor:default; }
#memberLogin  > #noUser > #signup { cursor:pointer; }
/* #signupForm > a { display:block; text-align:left; }
#signupForm > a:last-child { text-align:right; }
#signupForm > a:hover { text-decoration:underline; } */

#signinForm { background:#506C8E; border-radius:5px; box-shadow:0 0 5px 0 #506C8E; left:58px; padding:10px 20px;
	position:absolute; top:55px; -webkit-transform:rotateX(90deg); transform:rotateX(90deg); -webkit-transform-origin:center top -5px;
	transform-origin:center top -5px; -webkit-transition:all 0.4s linear; transition:all 0.4s linear; z-index:10; }
.pg_index #signinForm { left:30px; top:65px; }
.pg_index #signinForm > .arrow { left:66%; }
.pg_index #signinForm > .close { padding:0; }
#memberLogin.d2 #signinForm { border-radius:5px; display:block; }
#signinForm.show { -webkit-transform:rotateX(0deg); transform:rotateX(0deg); }
#signinForm.bottom > .arrow:after { border-bottom-color:#506C8E; }
#signinForm .close { background:#555; border-radius:2px; color:#999; content:'\f00d'; cursor:pointer; font-size:10pt; line-height:8pt;
	padding-left:1px; position:absolute; right:4px; top:4px; }
#signinForm .close:hover { background:#999; color:#555; }
#signinForm .close:active { background:none; color:red; }
#signinForm > .cover { background:url("/assets/img/loading1.gif") no-repeat center #506C8E; border-radius:5px; box-sizing:border-box; cursor:pointer; display:none; font:12pt Times New Roman;
	height:100%; left:0; padding:5px 10px; position:absolute; top:0; transition:all 1s ease 1s; width:100%; z-index:2; }
#signinForm > .cover.warn { background:#506C8E; }
#signinForm > .cover.warn:before { box-sizing:border-box; color:red; content:'\f071'; float:left; font-family:fontawesome; height:100%;
	padding-right:5px; padding-top:45px; }
#signinForm > input.submit { background:#506C8E; border:2px outset #506C8E; border-radius:5px; color:white; cursor:pointer; font-size:10pt;
	padding:3px; transition:all 0.3s; }
#signinForm > input.submit:hover { background:#3C5169; }
#signinForm > input.submit:active { background:#3C6951; border-color:#3C6951; }
#signinForm > a.forgot { padding:0; }
#signinForm > a.forgot:hover { text-shadow:0 0 10px black; }

/*
#menu{text-align:justify; font-size:0; }
#menu a{ text-align:center; }
#menu span{position:absolute;}
*/

/* #name{font:bolder 20px Palatino; min-height:30px; } Not sure what this was for, but it was causing trouble */
.detailsLogo{margin:10px; display:inline-block; width:25%; height:150px; }
.detailsLogo > img{max-width:150px; max-height:150px}
.detailsCaption{border-bottom:1px dotted; color:#666; clear:both;}
.detailsOffices{border-bottom:1px dotted; padding-bottom:10px}
.detailsIcons{border-top:grey dotted; padding:5px; width:70%;}
.detailsIcons > span{vertical-align:center; margin-right:10px; width:100%}

/* 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:400px; z-index:5; }
.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; }

/* 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; }

/* 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; }

/* Admin Controls Box */
#adminControlsBox { background:white; border-bottom-right-radius:20px; padding:15px 15px 10px 10px; position:fixed; }
#adminControlsBox > a { color:#506C8E; font-weight:bold; text-decoration:none; }
#adminControlsBox > a:hover { text-decoration:underline; }
#adminControlsBox > a:active { color:#98B4D6; }
#adminControlsBox:before {
	border:solid white; border-width:10px 0 0 10px; border-top-left-radius:16px; content:" "; height:6px; left:-9px;
	position:absolute; bottom:-7px; width:6px;
}

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

.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%); }

/* Select Multiple/Single */
.selectMultiple_mainContainer { position:relative; }
.selectMultiple_mainContainer *, .selectSingle_mainContainer * { box-sizing:border-box; }
.selectMultiple_inputField, .selectSingle_inputField { vertical-align:top; }
.selectMultiple_dataList, .selectSingle_dataList { background-color:#EEE; }
.selectSingle_dataList { width:100%; }
.selectMultiple_dataList > div:hover, .selectSingle_dataList > div:hover { background-color:#6666FF; cursor:pointer; }
.selectMultiple_dataList > span, .selectSingle_dataList > span { display:block; }
.selectMultiple_selectionList { display:block; margin-top:3px; width:200px; }
.selectMultiple_selectionList:empty { display:none; }
.selectMultiple_selectionList > option:hover { background-color:#6666FF; cursor:pointer; }
.selectMultiple_inputField, .selectSingle_inputField { border:1px outset; border-right:none; border-radius:5px 0 0 5px; height:32px; padding:5px;
	transition:0.3s all; width:280px; }
.selectMultiple_inputField:focus { border-right:1px outset; border-radius:5px; width:360px; }
.selectMultiple_clearBtn, .selectSingle_clearBtn { border:1px outset; border-radius:0 5px 5px 0; border-left:none; cursor:pointer; height:32px; padding:5px;
	vertical-align:top; width:80px; }
.selectMultiple_clearBtn:hover, .selectSingle_clearBtn:hover { background:#DDF; }
.selectMultiple_clearBtn:active, .selectSingle_clearBtn:active { background:#DDF; padding:5px 4px 5px 6px; }

/* x-button */
.x-button { border:2px outset #D03030; border-radius:100%; color:white; cursor:pointer; display:table-cell; font-size:12pt; font-weight:bold;
	height:30px; text-align:center; vertical-align:middle; width:30px; z-index:15; background: rgb(230, 50, 30);
	background: linear-gradient(225deg, rgb(230, 50, 30) 30%, rgb(250, 140, 90) 70%);
	background: -moz-linear-gradient(135deg, rgb(230, 50, 30) 30%, rgb(250, 140, 90) 70%);
	background: -webkit-linear-gradient(135deg, rgb(230, 50, 30) 30%, rgb(250, 140, 90) 70%);
	background: -o-linear-gradient(135deg, rgb(230, 50, 30) 30%, rgb(250, 140, 90) 70%);
	background: -ms-linear-gradient(135deg, rgb(230, 50, 30) 30%, rgb(250, 140, 90) 70%); }

/* Donate Banner */
#donateBanner { text-decoration:none; display:block; cursor:pointer; border:2px outset #DDD;
	background-color:rgba(220,220,220,0.2); border-radius:10px; text-align:center; padding:2px 0 5px;
	background-image:	 -moz-linear-gradient(top, rgba(210,210,210,0.7), rgba(220,220,220,0.2));
	background-image: -webkit-linear-gradient(top, rgba(210,210,210,0.7), rgba(220,220,220,0.2));
	background-image:	   -o-linear-gradient(top, rgba(210,210,210,0.7), rgba(220,220,220,0.2));
	background-image:	  -ms-linear-gradient(top, rgba(210,210,210,0.7), rgba(220,220,220,0.2));
	background-image:		  linear-gradient(to bottom, rgba(210,210,210,0.7), rgba(220,220,220,0.2)); }
#donateBanner > span { border:2px solid #506C8E; background-color:#EEE; border-radius:15px; display:block; width:100px; padding:3px 10px; margin:0 auto; }
#donateBanner:hover > span { border-style:inset; }

/* Collapsable Boxes */
.collapsableBox { border:1px solid black; border-radius:5px; margin:10px auto; width:600px; }
.collapsableBox > b:first-child {
	border-radius:5px; cursor:pointer; display:block; padding:10px; text-align:center;
	background: rgb(150, 150, 150);
	background: -moz-linear-gradient(270deg, rgb(150, 150, 150) 25%, rgb(230, 230, 230) 75%);
	background: -webkit-linear-gradient(270deg, rgb(150, 150, 150) 25%, rgb(230, 230, 230) 75%);
	background: -o-linear-gradient(270deg, rgb(150, 150, 150) 25%, rgb(230, 230, 230) 75%);
	background: -ms-linear-gradient(270deg, rgb(150, 150, 150) 25%, rgb(230, 230, 230) 75%);
	background: linear-gradient(0deg, rgb(150, 150, 150) 25%, rgb(230, 230, 230) 75%);
	}
.collapsableBox.selected > b:first-child { border-radius:5px 5px 0 0; }
.collapsableBox > .contentParent { overflow:hidden; height:0; border-radius:0 0 5px 5px; }
.collapsableBox > .contentParent > div {
	overflow:hidden; padding:5px; background: rgb(230, 230, 230);
	background: -moz-linear-gradient(90deg, rgb(210, 210, 210) 25%, rgb(230, 230, 230) 75%);
	background: -webkit-linear-gradient(90deg, rgb(210, 210, 210) 25%, rgb(230, 230, 230) 75%);
	background: -o-linear-gradient(90deg, rgb(210, 210, 210) 25%, rgb(230, 230, 230) 75%);
	background: -ms-linear-gradient(90deg, rgb(210, 210, 210) 25%, rgb(230, 230, 230) 75%);
	background: linear-gradient(180deg, rgb(210, 210, 210) 25%, rgb(230, 230, 230) 75%); }

/* 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; width:650px; }
.tabContent > tab { display:none; padding:5px; }
.tabContent > tab.selected { display:block; }

/* Slide Menu */
.slideMenu { float:right; position:relative; width:200px; background:linear-gradient(270deg, rgb(230, 230, 230) 5%, rgb(204, 204, 255) 95%);
	box-shadow:0px 0px 5px 0px rgba(200, 200, 200, 0.75); }
.slideMenu > item > div { border-bottom:1px solid #AAA; cursor:pointer; text-align:center; padding:10px 5px; }
.slideMenu > item:last-child > div { border-bottom:none; }
.slideMenu > item:hover > div { background-color:rgb(200, 200, 200); }
.slideMenu > item:hover > span + div:before { content:'\25C0'; left:10px; position:absolute; }
.slideMenu > item > span { border-radius:15px 0 0 15px; border-right:none; box-sizing:border-box; height:90%; left:0; margin-top:5%;
	opacity:0; overflow-x:hidden; top:0; padding:5px 0; position:absolute; width:0; z-index:5;
	transition:all 0.5s;
	background:linear-gradient(270deg, rgb(200, 200, 200) 5%, rgb(230, 230, 230) 95%); box-shadow:0px 0px 5px 0px rgba(200, 200, 200, 0.75); }
.slideMenu > item:hover > span { border:2px solid #DDD; border-right:none; height:101%; left:-400px; margin:0; opacity:1; padding:5px 15px; top:-1px; width:400px; }
.slideMenu > item > span > div { height:100%; width:385px; }

/* Colored buttons */
.redButton, .greenButton, .blueButton {  padding:2px 5px; cursor:pointer; border-radius:7px; background:#DDD; border:1px solid #BBB; }
.redButton:not([disabled]) { background:#DD8A8A; border-color:#B00; }
.redButton:not([disabled]):hover { background:#B00; color:white; }
.greenButton:not([disabled]) { background:#8ADD8A; border-color:#0B0; }
.greenButton:not([disabled]):hover { background:#0B0; color:white; }
.blueButton:not([disabled]) { background:#8A8ADD; border-color:#00B; }
.blueButton:not([disabled]):hover { background:#00B; color:white; }

/* Codrops styles */
/* Effect 1: Brackets */
.cl-effect-1 a::before, .cl-effect-1 a::after { display: inline-block; opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; }
.cl-effect-1 a::before { content: '['; margin-right: 10px; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px); }
.cl-effect-1 a::after { content: ']'; margin-left: 10px; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); transform: translateX(-20px); }
.cl-effect-1 a:hover::before, .cl-effect-1 a:hover::after, .cl-effect-1 a:focus::before, .cl-effect-1 a:focus::after {
	opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); }

/* General button style */
.codrop-btn { border:none; cursor:pointer; font-family:inherit; font-size:inherit; margin: 8px 5px; padding:1px 10px; position:relative; }
.codrop-btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

/* Button 2h */
.btn-2h { background:#999999; border-radius:20px; box-shadow:0 6px #878787; color:#FFF; }
.btn-2h:hover { box-shadow: 0 4px #878787; top: 2px; }
.btn-2h:active { box-shadow: 0 0 #878787; top: 6px; }

/* Admin Listings */
.listingLinks { text-decoration:none; width:450px; position:relative; padding:7px; margin:4px 0px;
	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; right:8px; top:17px; } /* display:inline-block; width:40px; text-align:center; */

/* 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:0px; position:fixed; top:0px; width:100%; z-index:1000; }

/* Scrollables */
.scrollable { overflow:hidden; }