/* LEADER DOT COLUMNS - on BLACK backgrounds 
https://stackoverflow.com/questions/2508732/create-leading-dots-in-css
*/
ul.leaders 					{	max-width: 			100em;
    							padding: 			0;
    							overflow-x: 		hidden;
    							list-style: 		none
}
ul.leaders li:before 		{	float: 				left;
    							width: 				0;
    							white-space: 		nowrap;
    							content:  			". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ."
    												". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ."
     												". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ."
     												". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ."
}
/* span puts block of color behind text to mask dots */
ul.leaders span:first-child {	padding-right: 		0.33em;
    							background: 		black
}
ul.leaders span + span 		{	float: 				right;
    							padding-left: 		0.33em;
    							background: 		black;
    							position: 			relative;
    							z-index: 			1
}

/* LEADER DOT COLUMNS - on WHITE backgrounds */
ul.leaders-white 			{	max-width: 			100em;
    							padding: 			0;
    							overflow-x: 		hidden;
    							list-style: 		none
}
ul.leaders-white li:before 	{	float: 				left;
    							width: 				0;
    							white-space: 		nowrap;
    							content:  			". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ."
     												". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ."
     												". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ."
     												". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ." }
/* span puts block of color behind text to mask dots */
ul.leaders-white 
span:first-child 			{	padding-right: 		0.33em;
    							background: 		white
}
ul.leaders-white 
span + span 				{	float: 				right;
    							padding-left: 		0.33em;
    							background: 		white;
    							position: 			relative;
    							z-index: 			1
}