.dfintro, .dfSectionWrapper { max-width:800px; margin: 0 auto; }
.dfSectionWrapper .section {padding: 5px; margin-top: 25px;}

.dfSectionWrapper .section .sheader {padding-right: 33px; border-bottom: 2px solid #00addc; margin-bottom: 0px; padding-bottom: 5px;}
.dfSectionWrapper .section .sheader.closed {cursor: pointer; background: url("../img/icon-down-arrow.png") no-repeat right center;}
.dfSectionWrapper .section .sheader.open {cursor: pointer; background: url("../img/icon-up-arrow.png") no-repeat right center;}
.dfSectionWrapper .section .sheader .version {font-weight: bold;}
.dfSectionWrapper .section .sheader .version .version {color: #f00; font-size: 5em;}

.dfSectionWrapper .section .scontent {padding-top: 0; margin-top: 0;}
.dfSectionWrapper .section .scontent::before {content: ""; line-height: 5px;}/* accordion code has problems with margin/padding. so add pseudo-padding using an empty element */

.dfSectionWrapper .section .scontent a[href=unknown]
{
	box-shadow: 
		0 0 4px 10px #ff0;
}
.dfSectionWrapper .section .scontent a.dl,
.dfSectionWrapper .section .scontent a.ii,
.dfSectionWrapper .section .scontent a.cta 
{ 
	margin: 2px; 
	font-size: 12px; 
	padding: 5px 15px; 
	max-width: none;
}
.dfSectionWrapper .section .scontent a.dl::after 
{ 
	content:url("../img/icon-download.png"); 
	/*filter: saturate(0%) brightness(1000%);*/
	padding-left: 10px;
	vertical-align: middle;
	line-height: 12px;
}
.dfSectionWrapper .section .scontent a.ii::after 
{ 
	content:url("../img/icon-article.png"); 
	padding-left: 10px;
	vertical-align: middle;
	line-height: 12px;
}

.dfSectionWrapper .section .scontent a.dl:hover::after 
{ 
	filter: brightness(20%);
	-webkit-filter: brightness(20%);
}

.dfSectionWrapper .section .scontent .links{margin-top: 15px}
.dfSectionWrapper .section .scontent .links div{line-height: 1em;}

/* reposition anchors due to fixed header */
body .dfSectionWrapper .section a[name]:empty { display:block; position: relative; top: -87px;} 
body.toolbar-tray-open .dfSectionWrapper .section a[name]:empty { top: -150px; } /* include space for admin header*/

.dfSectionWrapper .section .warning { border: 1px solid #aaa; background-color: #ffd; padding: 2px; }