@charset "UTF-8";
/* CSS Document */







/*------------ 404 error block ----------------*/

.errorBlock {
    background-color: #f4e284;
    color: #796500;
    margin-bottom: 20px;
    padding: 8px 35px 8px 14px;
    text-align: center;
}


.error {
	color:#e44a35;
}



* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}




/*----------- color scheme -----------*/

/*-- RED #E44A35  --*/

/*-- GREEN #1F9361 --*/


/*-- BLACK  #393E41 --*/


/*-- YELLOW  #ECCA1A  --*/


/* border color #d9dad4 --*/


html, body {
	margin: 0;
	padding: 0;
	border: none;	
	font-family: "PT Serif", Times, "Times New Roman", serif;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.6em;
	background-color: #ffffff;
	-webkit-font-smoothing: antialiased;
}


.cta_btn_white {
    border: 2px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    font-family: "Avenir Next W05 Bold","Montserrat",Helvetica,Arial,sans-serif;
    font-weight: 300;
    padding: 0.125em 1em;
    text-align: center;
}
.cta_btn_white:hover {
    text-decoration: underline;
}






/*========== EVENT CALENDAR IMAGE FIX ===============*/

.calimg {
    height: 100px;  
    width: 150px;
    float: right;
    margin: 2px;
    transform: translate(-0%, -100%);
    border: #000 1px solid;
} 

@media (max-width: 480px) {

#level1 > #calEvents > div .info, #level2 > #calEvents > div .info {
	box-sizing: border-box;
}

.calimg {
	float: none;
	transform: none;
	margin: 0 auto;
	width: 100%;
	max-width: 300px;
	height: auto;	
} 
}


/*==========  Webinar Green/Yellow CTA BTN  ===============*/



.cta_btn_g {
	box-shadow: 0 0 0 2px #393E41 inset, 0 0 1px rgba(0, 0, 0, 0);
	display: inline-block;
	font-family: "Avenir Next W05 Medium", "Montserrat", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: .9375em;
	margin: 0;
	padding: .8em 1.34em;
	line-height: normal;
	color: #ffffff !important;
	background-color:#1F9361;
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	vertical-align: middle;
}

.cta_btn_g:focus,
.cta_btn_g:active,
.cta_btn_g:hover,
.cta_btn_g:focus,
.cta_btn_g:active,
.cta_btn_g:hover {
	box-shadow: 0 0 0 2px #000000 inset, 0 0 1px rgba(0, 0, 0, 0);
	background-color: #ECCA1A;
	color: #000000;
	text-decoration: none;
}






































h1 {
	margin: 0;
	padding: 0;
	font-size: 1em;
}


h2 {
	margin: 0;
	padding: 0;
	font-size: 1em;
}


h3 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	line-height:1.2em;
}


h4 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	line-height:1.2em;
}


h5 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height:1.2em;
}


h6 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height:1.2em;
}






h1, h2, h3, h4, h5, h6 {
	font-family: "Avenir Next W05 Bold", "Montserrat", Helvetica, Arial, sans-serif;
}


strong {
	font-weight:bold;
}





#wrapper {
	z-index: 1;
}

#postHeader {	
	z-index: 10;
}

/*--- SEARCH BAR  ----*/
.search {
	width:80%;
	float:left;
}
.search fieldset input[type="text"] {
    background: #393e41 none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    content: "Search";
    font-size: 100%;
    height: 20px;
    margin: 0;
    padding: 0.5em;
    width: 80%;
}

.search .advanced {
	display:none;
}

.search_button {
	float:right;
}
.search select {
	display: none;
}

.search fieldset {
    border: 0 none;
    outline: medium none;
}

.search .submit {
	display: none;
}

.side_menu_button > a {
    display: inline;
    font-size: 14px;
    height: 20px;
    padding: 0 12px;
    position: relative;
    width: 20px;
	background: transparent url("/design/TDWI/tdwi/2017/img/search_icon.jpg") no-repeat scroll center center;
	text-indent: -9999px;
	font-size:1px;
	text-decoration:none !important;
	color:#FFFFFF;
}

.side_menu_button > a {
    color: #5d5d5d;
    transition: opacity 0.3s ease 0s, color 0.3s ease 0s;
}

.searchContainer {
    background: #393e41 url("/design/TDWI/tdwi/2017/img/search_icon_white.png") no-repeat scroll 10px 10px;
    display: none;
    overflow: hidden;
    padding-left: 30px;
}


.search_button_close {
    color: #ffffff;
    float: left;
    font-family: "Avenir Next W05 Bold", "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 1em;
    padding: 10px 0 0;
    text-decoration: none;
}


.search_button_close:hover {
	text-decoration:none;
}














/*------------ BREADCRUMBS   ----------------*/


ul.breadcrumb {
    clear: both;
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

ul.breadcrumb li {
    float: left;
    font-family: "Avenir Next W05 Medium", "Montserrat", Helvetica, Arial, sans-serif;
    list-style-type: none;
    margin: 0 1em 0 0;
}

ul.breadcrumb li::before {
    content: "\f105";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1.25em;
    font-weight: normal;
    left: -0.25em;
    position: relative;
    top: 0.0675em;
	list-style-type:none;
}


ul.breadcrumb li:first-child:before { 
    content: none;
}





ul.breadcrumb li {
    float: left;
    font-family: "Avenir Next W05 Medium", "Montserrat", Helvetica, Arial, sans-serif;
    list-style-type: none;
    margin: 0 1em 0 0;
}


ul.breadcrumb li a {
	
}











/*--  TOP SOCIAL LINKS, SEARCH, UPSIDE, LOGIN, ETC  --*/
#utilityLinks {
    float: right;
    font-family: "Avenir Next W05 Medium", "Montserrat", Helvetica, Arial, sans-serif;
    margin: 0 auto;
    padding: 0.5em;
    text-align: right;
    width: 60%;
}



.utilityNavigationMenu {
    float: right;
}


.utilityNavigationMenu .topnavlist .last {
	text-decoration: underline;
}



/*--  LOGO AND MAIN NAV CONTAINER  --*/
header {
	width:80%;
	max-width:1500px;
	margin: 0 auto;
	height:100px;
	z-index:500;
	
}



.hdrLogo {
    float: left;
    z-index: 10;
}





.hdrLogo h1 a {
    background: transparent url("https://tdwi.org/design/TDWI/tdwi/2017/img/tdwi.png") no-repeat scroll center center;
    display: block;
    height: 100px;
    width: 120px;
}



.hdrLogo h1 {
    font-size: 1px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}


/*-- UTILITY NAV --*/



/*---------- UPSIDE UTILITY NAV BUTTON ----------------*/

.upsideUtilityButton a {
    background-color: #E44A35 !important;
    color: #ffffff !important;
    padding: 4px 20px !important;
    font-weight: 700 !important;
}






.utilityNavigationMenu ul.topnavlist {
    display: inline;
    list-style: outside none none;
    margin: 15px 4px 17px 0;
    padding: 0;
}

.utilityNavigationMenu ul.topnavlist li {
    border-right: 1px solid #000000;
    display: inline-block;
    height: 20px;
    margin-right: 0;
    padding: 0;
    position: relative;
}

.utilityNavigationMenu ul.topnavlist li:nth-child(4) {
    border-right: 0 none !important;
}


.utilityNavigationMenu ul.topnavlist li a, .utilityNavigationMenu ul.topnavlist li h2 {
    background: #fff none repeat scroll 0 0;
    color: #393e41;
    cursor: pointer;
    font-family: "Avenir Next W05 Medium", "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 0.65em;
    font-weight: normal;
    padding: 0 20px;
  	-webkit-transition: all 0.2s;
  	-moz-transition: all 0.2s;
  	-ms-transition: all 0.2s;
 	 -o-transition: all 0.2s;
 	 transition: all 0.2s;
	 text-transform: uppercase;  
}

.utilityNavigationMenu ul.topnavlist li a:hover, .utilityNavigationMenu ul.topnavlist li h2:hover {
	color:#1F9361;
}

.utilityNavigationMenu ul.topnavlist .facebook {
	border-right: 0 none;
}
.utilityNavigationMenu ul.topnavlist .linkedin {
	border-right: 0 none;
}
.utilityNavigationMenu ul.topnavlist .twitter {
	border-right: 0 none;
}


.utilityNavigationMenu ul.topnavlist .facebook a {
    background: transparent url("/design/TDWI/tdwi/2017/img/ico_facebook.jpg") no-repeat scroll 0 5px;
    color: #393e41;
    display: block;
    height: 30px;
    margin: 0 6px 0 0;
    padding: 0;
    text-decoration: none;
    width: 19px;
}

.utilityNavigationMenu ul.topnavlist .linkedin a {
	background: transparent url("/design/TDWI/tdwi/2017/img/ico_linkedin.jpg") no-repeat scroll 0  5px;
    color: #393e41;
    display: block;
    height: 30px;
    margin: 0 6px 0 0;
    padding: 0;
    text-decoration: none;
    width: 19px;
}

.utilityNavigationMenu ul.topnavlist .twitter a {
	background: transparent url("/design/TDWI/tdwi/2017/img/ico_twitter.jpg") no-repeat scroll 0  5px;
    color: #393e41;
    display: block;
    height: 30px;
    margin: 0 6px 0 0;
    padding: 0;
    text-decoration: none;
    width: 19px;
}




/*-- MAIN NAVIGATION --*/



#mainNavigation {
    background-color: #ffffff;
    float: right;
    overflow: visible;
    width: auto;
	z-index: 21474836;
}


.mainNavigationMenu ul.topnavlist {
    
    display: inline;
    list-style: outside none none;
    margin: 0;
    padding: 0;    
}




.mainNavigationMenu ul.topnavlist li {
  display: inline-block;
  margin-right: -4px;
  position: relative;
  
}


.mainNavigationMenu ul.topnavlist li a, .mainNavigationMenu ul.topnavlist li h2 {
    color: #393e41;
    cursor: pointer;
    font-family: "Avenir Next W05 Medium", "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
    padding: 4px 20px;
  	-webkit-transition: all 0.2s;
  	-moz-transition: all 0.2s;
  	-ms-transition: all 0.2s;
 	 -o-transition: all 0.2s;
 	 transition: all 0.2s;  
}


.mainNavigationMenu ul.topnavlist li h2:hover, .mainNavigationMenu ul.topnavlist li h2:focus, .mainNavigationMenu ul.topnavlist li h2:active  {
  color: #1F9361;
  text-decoration:none !important;
  
}
.mainNavigationMenu ul.topnavlist li a:hover, .mainNavigationMenu ul.topnavlist li a:focus, .mainNavigationMenu ul.topnavlist li a:active  {
  color: #1F9361;
  text-decoration:none !important;
}


.mainNavigationMenu .membership-tab > a {
	color: #1F9361 !important;
}








/*-- drop menu --*/
.mainNavigationMenu .topnavlist li ul {
  padding: 0;
  position: absolute;
  left: 0;
  display: block;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  z-index:214748364;
}
.mainNavigationMenu .topnavlist li ul li { 
  background: #f1f1f1; 
  display: block; 
  color: #393E41;
  font-weight:normal;
  font-size: 1.0em; 
  white-space: nowrap;
  border-bottom:1px solid #d9dad4; 
}


.mainNavigationMenu .topnavlist li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  
}

.mainNavigationMenu .topnavlist li ul li:hover { 
	background-color:#ffffff;
}


.mainNavigationMenu .topnavlist li li:last-child {
	border-bottom: 4px solid #393E41;
}





.mainNavigationMenu .topnavlist li ul li.memberParent  {
	background-color:#1F9361 !important;
	border-bottom: 1px solid #1F9361;
}

.mainNavigationMenu .topnavlist li ul li.memberParent:hover {
	background-color:#92cab1 !important;
}

.mainNavigationMenu .topnavlist li ul li.memberParent a {
	color:#ffffff !important;
}


.mainNavigationMenu .topnavlist li ul li.memberSub {
	background-color:#92cab1 !important;
	font-size: 0.75em;
	padding:6px 0 0;
	border-bottom: 1px solid #1F9361;
}




.mainNavigationMenu .topnavlist li ul li.memberSub:hover {
	background-color:#b8d9ca !important;
}










#postHeader > div {
    z-index: 2;
	position:relative;
}




/*  FOOTER  */

footer {
	clear: both;
    float: none;
    margin: 0 auto;
    max-width: 1500px;
	border-top: 1px solid #d9dad4;
	height:220px;
}

footer > div {
    
    float: left;
    height: 220px;
    padding: 2% 2.5%;
}


footer > div:last-child {
	border-right: 0 none;
}

/*
footer .logos, footer .follow, footer .events  {	
	border-right: 1px solid #d9dad4;
	
}
*/

footer .logos  {	
	
	width: 14%;
}

footer .follow  {	
	
	width: 14%;
}

footer .events  {	
	
	width: 20%;
}

footer .coLinks  {	
	
	width: 20%;
}

footer .subscribe  {	
	
	width: 20%;
}

footer .subscribe a  {
	font-family: 'Avenir Next W05 Medium', "Montserrat", Helvetica, Arial, sans-serif;
	color: #393E41;
	display:block;
	clear:both;
}

footer .subscribe p  {
	font-family: 'Avenir Next W05 Medium', "Montserrat", Helvetica, Arial, sans-serif;
	color: #393E41;
}

footer .tdwi {
    background: transparent url("/design/TDWI/tdwi/2017/img/footerTDWI.jpg") no-repeat scroll 0 0;
    border-bottom: 1px solid #d9dad4;
    display: block;
    height: 120px;
    width: 170px;
}

footer .media {
    background: transparent url("/design/TDWI/tdwi/2017/img/footer1105.jpg") no-repeat scroll 0 0;
    display: block;
    height: 70px;
    width: 170px;
}

footer .app {
	border-left: 1px solid #231F20;
}

footer .app ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

footer .app ul li {
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
}

footer .app ul li a {
	display: inline-block;
}

footer .app ul li a img {
	display: block;
}

/*

@-webkit-keyframes bounce {
    0%   { -webkit-transform: translateY(0px); transform: translateY(0px); }
    50%  { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    100% { -webkit-transform: translateY(0px); transform: translateY(0px); }
}


@keyframes bounce {
    0%   { transform: translateY(0px); transform: translateY(0px); }
    50%  { transform: translateY(-10px); transform: translateY(-10px); }
    100% { transform: translateY(0px); transform: translateY(0px); }
}


.stayConnected li:hover {
	-webkit-animation-name: bounce;
	        animation-name: bounce;
	-webkit-animation-duration: .5s;
	        animation-duration: .5s;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}


*/

footer > div h3 {
    color: #1f9361;
    font-size: 1em;
    margin-bottom: 20px;
}

footer .events a {
    clear: both;
    color: #393e41;
    display: block;
    font-family: "Avenir Next W05 Medium", "Montserrat", Helvetica, Arial, sans-serif;
    text-decoration: none;
}


footer .events a:hover {
	color: #1f9361;
	text-decoration:none;
}


footer .coLinks a {
    clear: both;
    color: #393e41;
    display: block;
    font-family: "Avenir Next W05 Medium", "Montserrat", Helvetica, Arial, sans-serif;
    text-decoration: none;
}

footer .coLinks a:hover {
	color: #1f9361;
	text-decoration:none;
}

footer #bitw_btn {
    background-color: #1f9361;
    border: 0 none;
    color: #ffffff !important;
    display: block;
    font-size: 1em;
    margin: 10px 0;
    padding: 10px 20px;
    text-transform: capitalize;
	cursor: pointer;
}

footer #bitw_btn:hover {
    
	color: #ffffff !important;
	background-color: #ECCA1A;
}


footer .subscribe label input {
    border: 1px solid #393E41 ;
    padding: 10px;
    width: 280px;
}




footer .footerCTA {
    background-color: #1f9361;
    color: #ffffff !important;
    margin: 10px 0;
    padding: 10px 20px;
    width: 170px;
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	vertical-align: middle;
}



footer .footerCTA:hover {
	color: #ffffff !important;
	background-color: #ECCA1A;
}





footer .cta_btn {
    background-color: #1f9361;
    color: #ffffff !important;
    margin: 10px 0;
    padding: 10px 20px;
    width: 170px;
	box-shadow: none !important;	
}



footer .cta_btn:hover {
	color: #ffffff !important;
	background-color: #ECCA1A;
}











.pagination {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}


.pagination ul {
    margin: 0;
    padding: 0;
    width: 100%;
}



.pagination ul li {
    display: inline-block;
    list-style: outside none none;
}



.pagination ul li a {
    color: #393e41;
    display: block;
    font-family: "Avenir Next W05 Medium", "Montserrat", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0.5em 1em;
    text-decoration: none;
}

.pagination ul li a:hover {
	background-color:#d9dad4 ;
}



.pagination ul li a.currentpage {
	border:2px solid #393E41;
}



.pagination ul li a.disablelink {
	pointer-events: none;
}







/* cta button green */

.cta_btn_green {
    background-color: #1f9361;
    color: #ffffff !important;
    display: block;
    font-family: "Avenir Next W05 Medium", "Montserrat", Helvetica, Arial, sans-serif;
    margin: 10px auto;
    padding: 10px 20px;
    text-decoration: none;
    width: 170px;
	clear:both;
}




.cta_btn_green:hover {
	background:#ECCA1A;
	text-decoration:none;
}






/*---------- PAGE JUMPS   -------------*/


.pageJumps {
    margin: 0 auto;
    max-width: 1000px;
    padding: 0 0 30px;
    width: 80%;
}


.pageJumps ul {
    clear: both;
    margin: 1em auto 0;
    overflow: hidden;
    width: 100%;
	text-align:center;
	padding:0;
}
.pageJumps ul li {
    color: #1f9361;
    display: inline-block;
    font-family: "Avenir Next W05 Bold", "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 0.75em;
    padding: 0 10px;
    text-transform: uppercase;
}



.pageJumps ul li a {
	font-family: "Avenir Next W05 Bold", "Montserrat", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color:#393E41 ;
	text-decoration:none;
}


.pageJumps ul li a:hover {
	color:#1f9361 ;
}

.pageJumps ul li a span {
    color: #393E41;
    display: inline-block;
    font-size: 1.2em;
    padding: 0 10px;
    transform: rotate(90deg);
}

.pageJumps ul li a::after {
    content: "\f103";
    display: inline-block;
    font-family: FontAwesome;
    font-weight: normal;
    position: relative;
    right: -0.25em;
    top: 0;	
}




/* SUB NAV MENU */

.NavigationMenu {
    border-bottom: 1px solid #d9dad4;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
    width: 100%;
}

.NavigationMenu  ul.topnavlist {    
    display: inline;
    list-style: outside none none;
	margin:0;
    padding: 0;    
}


.NavigationMenu  ul.topnavlist li {
  display: inline-block;
  margin-right: -4px;
  position: relative;
  
}
#contentBox .NavigationMenu ul.topnavlist li a {
	text-decoration:none !important;
}

.NavigationMenu ul.topnavlist li.selected a {
    border-bottom: 2px solid;
    color: #E44A35 ;
}





.NavigationMenu  ul.topnavlist li a, .NavigationMenu ul.topnavlist li h2 {
    color: #393e41;
    cursor: pointer;
    font-family: "Avenir Next W05 Medium", "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
    padding: 20px 20px 4px;
  	-webkit-transition: all 0.2s;
  	-moz-transition: all 0.2s;
  	-ms-transition: all 0.2s;
 	 -o-transition: all 0.2s;
 	 transition: all 0.2s;  
}


.NavigationMenu  ul.topnavlist li h2:hover, .NavigationMenu  ul.topnavlist li h2:focus, .NavigationMenu  ul.topnavlist li h2:active  {
  color: #1F9361;
  text-decoration:none !important;
  
}
.NavigationMenu  ul.topnavlist li a:hover, .NavigationMenu  ul.topnavlist li a:focus, .NavigationMenu  ul.topnavlist li a:active  {
  color: #1F9361;
  text-decoration:none !important;
}







/*  DELETE LATER 
#wrapper div {
	border: 1px solid #F0F;
	margin:1em;
	padding:1em;
}

 */






/*----------------- ADS -----------------------*/


.dogear > div.ad {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 200000;
}

#wrapper div.ad div noscript a img {
  display: block;
}

#wrapper div.ad  {
  display: block;
}


.dogear {
    background-position: 100% 0;
    background-repeat: no-repeat no-repeat;
    display: block;
    height: 100px;
    overflow: hidden;
    position: absolute;
	top:0;
	position:fixed;
    right: 0;
    width: 100px;
    z-index: 9999999;
}
.dogear img { 
    max-width: none; 
} 
.dogear .link { 
    position: relative; 
    z-index: 300; 
    width: 100%; 
    height: 100%; } 
.dogear .link img { 
      position: relative; 
} 
.dogear .initialimage { 
    z-index: 2; 
    position: absolute; 
    top: 0; 
    right: 0; 
    max-width: none;
	width:100px;
	height:100px; 
} 
.dogear .closebutton { 
    position: absolute; 
    left: 20px; 
    bottom: 10px; 
    background: url(../img/close4.png) no-repeat 0 0; 
    width: 86px; 
    height: 103px; 
    cursor: pointer; 
    opacity: 0; 
    z-index: 301; 
    transition: opacity .2s; 
    -webkit-transition: opacity .2s; 
} 
.dogear .closebutton:hover { 
      background-position: 0 -120px; 
} 
.dogear .active.closebutton { 
    opacity: 1; 
    transition: opacity 2s; 
    -webkit-transition: opacity 2s; 
} 
 @media (min-width: 1025px) { 
	.dogear { 
      display: block; 
	 } 
} 
	  
	  
.leaderboard {
	background-color: #979797;
	/*background: url("https://tdwi.org/design/TDWI/tdwi/2015/img/leaderboardBG.jpg") repeat-x 0 0 #979797;*/
	text-align:center;
	width:100%;
	max-height:90px;
	padding:0;
	margin:0;
	z-index:2;
}


.leaderboard div.ad {
	max-width:728px;
	width:728px;
	padding:0;
	margin:0 auto;
}

.leaderboard div.ad a {
	text-decoration:none;
	display:block;
	max-width:728px;
	width:728px;
}

.leaderboard div.ad a img {
	margin:0 auto;	
}
	  
	
/* intersitial ad
----------------------------
#intersitialMask {
 margin: 0;
 padding: 0;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 10000;
 border: 0;
 visibility: visible;
 display: none;
 background: #000;
 }
#intersitial {
 margin: 0;
 padding: 0 0 10px;
 position: absolute;
 left: -9000px;
 top: -9000px;
 width: 640px;
 height: auto;
 z-index: 20000;
 background: none;
 border: 0;
 visibility: visible;
 text-align: center;
 }
#intersitial img {
 margin: 0;
 padding: 0;
 }
#intersitial .adClose {
 margin: 0;
 padding: 0;
 text-align: center;
 }
#intersitial .adClose a:link,
#intersitial .adClose a:visited {
 color: #fff;
 }

-*/




/* AD INTERSTITIAL
-----------------------------*/
#intersitialMask {position: fixed;top: 0;left: 0;z-index: 2000000;display: none;background: #000;background-color: rgba(0,0,0,0.9);width: 100%;height: 100%;}
#intersitial {margin-left: -320px;padding: 25px 0 10px;position: fixed;left: 50%;top: 50px;width: 640px;height: 480px;z-index: 2000001;text-align: center;display: none;}
#intersitial img {margin: 0;padding: 0;}
#intersitial .adClose {text-align: center;margin: 0 0 5px;border: 0px solid #09F;}
#intersitial .adClose a:link,
#intersitial .adClose a:visited {font-weight: normal; color: #fff;}









/*----------  FOR WEBINAR PAGE BUTTON   ------------*/


div.button a {
    box-shadow: 0 0 0 2px #393E41 inset, 0 0 1px rgba(0, 0, 0, 0);
	display: inline-block;
	font-family: "Avenir Next W05 Medium", "Montserrat", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: .9375em;
	margin: 0;
	padding: .8em 1.34em;
	line-height: normal;
	color: #393E41;
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	vertical-align: middle;
}



div.button a:hover {
    background-color: #ECCA1A;
}






@media only screen and (max-width: 960px) {
}





@media only screen and (max-width: 480px) {
	#contentBox .NavigationMenu ul.topnavlist li {
		border-bottom: 1px solid #d9dad4;
		padding: 1% 0;
		width: 100%;
		box-sizing: padding-box;
	}
	#contentBox .NavigationMenu ul.topnavlist li:hover {
		background-color:#d9dad4;
	}
	
	#contentBox .NavigationMenu {
		border-bottom: 0 none;
	}
	.leaderboard {
		display:none!important;
	}
	.dogear {
		display:none!important;
	}
}









/*-----  GDPR FORM ADDITION   -----------*/
.gdprHide{
   display:none !important;
}

#wrapper .gdpr {
    clear: both;
    display: none;
    width: 100% !important;
    text-align: left;
    background-color: #f1f1f1;
    padding-left: .75em !important;
}




/*    Member Only Publications Message   */
	
	
#webcast .memberInlineSnipe {
    display: inline-block !important;
    padding: 0 .5em !important;
    background-color: #393e41;
    color: #ecca1a !important;
    width: auto !important;
    text-overflow: elipsis !important;
    white-space: nowrap !important;
    font-size: 16px !important;
    clear: both;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-radius: 5px;
    margin: .5em 0 0 !important;
    float: none !important;
}
	
#research .memberInlineSnipe {
	display: inline-block !important;
    padding: 0 .5em !important;
    background-color: #393e41;
    color: #ecca1a !important;
    width: auto !important;
    text-overflow: elipsis !important;
    white-space: nowrap !important;
    font-size: 16px !important;
    clear: both;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-radius: 5px;
    margin: .5em 0 .8em !important;
    float: none !important;		
}	















/*   GOOGLE ASYNC AD CSS  */

/* hiding the iframes after they have been busted by javascript */

footer .ad div[id*="boot_desktop"] div iframe{
  display: none !important; /* Hide the iframe after the buster cleans out the markup  */
}
footer .ad div[id*="boot_mobile"] div iframe{
  display: none !important; /* Hide the iframe after the buster cleans out the markup  */
}
.whatsnew .ad div[id*="promo1"] div iframe{
  display: none !important; /* Hide the iframe after the buster cleans out the markup  */
}
.whatsnew .ad div[id*="promo2"] div iframe{
  display: none !important; /* Hide the iframe after the buster cleans out the markup  */
}
.bottomarticles .ad div[id*="underarticlenative1"] div iframe{
  display: none !important; /* Hide the iframe after the buster cleans out the markup  */
}
.bottomarticles .ad div[id*="underarticlenative2"] div iframe{
  display: none !important; /*Hide the iframe after the buster cleans out the markup  */
}
#wrapper .ad div[id*="dog_t1"] div iframe{
  	visibility: hidden !important;
	height: 0px !important;
	width: 0px !important;
	margin: 0 !important;
	padding: 0 !important;
	display: none !important; /* Hide the iframe after the buster cleans out the markup  */
}
#sponsorTextLink ul li .ad div[id*='-text-'] div iframe{
  display: none !important; /* Hide the iframe after the buster cleans out the markup  */
}




/* dogear ad */
.wrapper ~ .ad { 
	position: absolute; 
	top: 0; 
	right: 0; 
	z-index: 1000; 
}
.dogear {
  display: none;
  position: relative;
  width: 200px;
  height: 200px;
  background-position: 100% 0%;
  background-repeat: no-repeat no-repeat;
  overflow: hidden;
}
 .dogear img {
    max-width: none;
  }
  .link {
    position: relative;
    z-index: 300;
    width:100%;
    height:100%;
    img { position: relative; }
  }
  .initialimage { z-index: 2; position: absolute; top: 0; right:0; max-width: none; }
  .closebutton {
    position: absolute;
    left: 20px;
    bottom: 10px;
    /* top: 538px; */
    /* right: 543px; */
    background: url('') no-repeat 0 0;
    width: 86px;
    height: 103px;
    cursor: pointer;
    opacity: 0;
    z-index: 301;
    &:hover { background-position: 0 -120px; }
    transition: opacity .2s;
    -webkit-transition: opacity .2s;
  }
  .active.closebutton {
    opacity: 1;
    transition: opacity 2s;
    -webkit-transition: opacity 2s;
  }
  @media(min-width: 1025px) {
    display: block;
  }
}
	
	
	
	
@media (min-width: 1024px) {
  .ad div[id*=prestitial] {
    display: block;

  background: #ffffff;
  position: fixed;
  z-index: 1000000;
  cursor: pointer;
  width: 100%;
  height: 100%;

  }
}
	
	
	
	
	
.ad div[id*=prestitial] {
  width: 100%;
  height: 100%;
  /* background: #ffffff; */
	background: #ffffff;
  position: fixed;
  z-index: 1000000;
  cursor: pointer;
  display: none;
  width: 100%;
  height: 100%;
	/* opacity: 0.5; */
	/* border: 6px dashed #d00; */
}
@media (min-width: 1024px) {
  .ad div[id*=prestitial] {
    display: block;
  }
}
.ad #mainPrestWrapper {
  width: 100%;
  height: 100%;
  background: url("/design/TDWI/tdwi/2017/img/tdwilogo_prestitial.png") 20px 40px no-repeat #fff;
  background-size: 200px;
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .ad #mainPrestWrapper {
    display: block;
  }
}
@media (min-width: 1550px) {
  .ad #mainPrestWrapper {
    background: url("/design/TDWI/tdwi/2017/img/tdwilogo_prestitial.png") 140px 40px no-repeat #fff;
    background-size: 250px;
  }
}
.ad #mainPrestWrapper .prestitial {
  position: relative;
  width: 640px;
  height: 480px;
  display: block;
  margin: 150px auto;
}
.ad #mainPrestWrapper a {
  position: relative;
  z-index: 10000001;
  display: block;
}
.ad #mainPrestWrapper a img {
  z-index: 10000001;
}
.ad #mainPrestWrapper .intro-message {
 font-size: 24px;
  font-weight: 700;
  text-align: left;
  margin: 40px 0 0 20px;
  color: #333;
}
@media (min-width: 1550px) {
 .ad #mainPrestWrapper .intro-message {
    margin: 40px 0 0 140px;
  }
.ad #mainPrestWrapper .adClose {
  width: auto;
  height: auto;
}
.ad #mainPrestWrapper .adClose a {
  position: absolute !important;
  top: -40px;
  right: 0;
  border-radius: 4px;
  background: #000;
  color: #ffffff;
  padding: 5px 10px;
  display: inline-block;
}
.ad #mainPrestWrapper .adClose2 {
  width: auto;
  height: auto;
}
.ad #mainPrestWrapper .adClose2 a {
  position: absolute !important;
  bottom: -40px;
  right: 0;
  padding: 5px 10px;
  border-radius: 4px;
  background: #000;
  color: #ffffff;
  display: inline-block;
}
	
	
	
	
	
	
	
	/* ----- PRESTITIAL AD ------------*/
	
	
	
	
	
	
/*	
.ad div[id*="prestitial"] div iframe{
             display: none !important; // Hide the iframe after the buster cleans out the markup
}	
*/
	

	
/* .dogear.extended {overflow: visible !important;} */
/* .extended .closebutton {visibility: visible;} */



/*
#lightbox {
	display:none !important;
}




#wrapper div.dogear {
	display:none !important;
}
*/

	


/*--	
#wrapper div.ad div.ad-loaded {
	border:1px solid #dd0000 !important;
}
	
	
	
#wrapper div.ad div iframe {
	display:none !important;
}
	
*/	


/*  END GOOGLE ASYNC AD CSS */
	
	
}