/* STS styles 
	These styles consolidate existing inline style elements across many pages.
*/

/* 
	============== GLOBAL STYLES  ============== 
	these are used on all or most pages under /css and /standards
*/

/* ----- limit section nav menu width or it eats up huge area */

#sts-common  
{
	max-width : min(20em, 25vw);
	min-width : 15em;
}

/* ----- fix firefox pushing content down the page */

#sts-common   
{
	margin: 0 0 16px 16px;
}

/* ----- fix order on mobile */

@media (max-width: 767px)   
{
	#sts   
	{
		display : flex;
		flex-direction : row;
		flex-wrap : wrap;
	}

	#sts-common   {	order : 2; }

	/*   #sts > div:nth-of-type(2)   #sts > div:nth-of-type(1n+3)   */
	#sts > :nth-child(2)   
	{
		order : 1;
		xxmax-width : calc (100vw - 25em);
	}

	#sts > :nth-child(1n+3)   {	order : 3; }

	#sts .media-right   { margin-left : 0; }
}


/* ----- autotag - file type indicators after links */

.autotag a::after
{
	background: #6F91C8;
	color: white;
	font-weight: bold;
	padding: 2px 4px 1px 4px;
	padding: 1px 3px;
	margin: 0 8px;
	max-height: 16px;
	font-size: 90%;
	position: relative;
	bottom: 0.2em;
}

.autotag a[href$=".pdf"]::after  { content: "PDF" ; }
.autotag a[href$=".xml"]::after  { content: "XML" ; }
.autotag a[href$=".xsd"]::after  { content: "XSD" ; }
.autotag a[href$=".dtd"]::after  { content: "DTD" ; }
.autotag a[href$=".zip"]::after  { content: "ZIP" ; }
.autotag a[href$=".xlsx"]::after  { content: "XLS" ; }

/* ----- usually no tag on .html, but occasionally needed */

a.htag[href$=".html"]::after  { content: "HTML" ; }

a:hover:after
{
	background: #314668;
}

/* ----- fix layout issues caused by too many floats */

div#sts      { clear : both ; }
footer       { clear : both ; }
figure.main  { float : none ; }

/* ----- survey navigation */

ul.navlist  { margin-left: 0; }
.navlist li  { display: inline-block; }
.navlist li:before  { content: " | "; }
.navlist li:first-of-type:before  { content: none; }

/* 
	============== LOCAL STYLES  ============== 
	these are used on just a few pages, as indicated in comments
*/

/* ----- circulars short table (cws page) */

#circulars { width : auto; }  /* limit menu width or it eats up huge area */

/* ----- specific to work program pages */

#sts.workprogram td ,
#sts.workprogram th 
{
	min-width: 10em;
	xxvertical-align: initial !important;
}

/* set first column width */
#sts.workprogram td:first-of-type 
{
	width: 12em !important;
	font-style: italic;
}

/* ----- training pages */

#sts.training #calendar_data tr.empty-row {
	display: none;
}

#sts.training #calendar_data tr.table-calendar__weekend {
	display: none;
}

#sts.training tr.header .evdate {
	min-width: 9em;
}

#sts.training ul.barlist {
	margin-top: 8px;
	margin-bottom: 8px;
}

#sts.training ul.barlist li {
	display: inline-block;
}

#sts.training ul.barlist li:after {
	content: " | ";
}

#sts.training ul.barlist li:last-of-type:after {
	content: none;
}

#sts.training .materials > li {
	margin-bottom: 16px;
}

/* ----- handbook page */

table.toc ul > li:before ,
ul.dash li:before 
{
	content: "–";
	padding-right: 6px;
}

ul.dash li 
{
	list-style-type: none;
}

table.toc th ,
table.toc td 
{
	border-width: 1px 0px;
}

/* ----- part 03 standards reference page */

#sts #stref th {
	vertical-align: top;
}

#sts #t2 {
	min-width: 15em;
}

/* ----- part 03 list of standards */

.stdlist .table-striped th {
	position: sticky;
	top: 0px;
	z-index: 9999;
	XXborder: 1px solid black !important;
	XXbackground: #ddd !important;
}

.stdlist .table-striped ul > li:before {
	content: "–";
	padding-right: 6px;
}

.stdlist fieldset.flat label {
	margin-right: 8px;
	display: inline;
}

.stdlist fieldset.flat {
	margin-bottom: 10px;
	display: block;
	margin-left: 3px;
}

.stdlist #filterinput {
	width: 100%;
	font-size: 16px;
	padding: 12px 20px 12px 40px;
	border: 1px solid #ddd;
	margin-bottom: 12px;
}