/*****************
*
*	Here we define the color scheme
*
*
*******************/

:root{

	  font-size:20px;  /* defines 1rem */

	--dark:var(--dkblue);
	--light:var(--ltblue);
	--hint:var(--hintblue);


	--body-color:var(--dark);
	--body-bkgrd:white;
	--body-font:arial;

	/* lds-container */
	--lds-bkgrd:white;
	--lds-color:var(--dark);
	--lds-widthL:70%;
	--lds-widthP:100%;
	--linespacing:1rem;
	--lds-padding:0.3rem;
	--lds-font:arial;

	--hilite: var(--hint);
	--hilite-color: white;

	--lds-tabwidth:3rem;

	--headerstrip-bkgrd:var(--light);
	--headerstrip-color:white;


	--ctxmenu-color:var(--dark);
	--ctxmenu-bckgrd:#f0f0f0;
	--ctxmenu-hoverbck:#a0a0a0;

	--menubar-height:2rem;
	--menubar-lineheight:2rem;
	--menubar-bkcolor:var(--light);
	--menubar-color:white;
	--menuicon-height:1.5rem;
	--menuicon-top:0.25rem;

	--button-border:1px solid var(--dark);
	--button-bkgrd-hover:var(--hint);
	--button-color-hover:var(--dark);

	--rollover-hover:orange;
	
	--link-hover:purple	
}

h1,h2,h3{
	text-align:center;
}


.lds-normal{


}

ul.lds-bullet{list-style:none;margin-left:2%}
ul.lds-bullet>li{padding-bottom:0.1em;position:relative;padding-left:0.7em;}
ul.lds-bullet>li:before{
	content:'➤';
	font-size:1.3em;
	color:#ff8000;
	position:absolute;
	left:-1em;
}

ul.lds-sub-bullet{list-style:none;margin-left:1em}
ul.lds-sub-bullet>li{font-size:90%;position:relative;padding-bottom:0.1em;padding-left:0.9em;}
ul.lds-sub-bullet>li:before{
	content:'❖';
	font-size:1em;
	color:#008000;
	position:absolute;
	left:-0.9em;
}
ul.lds-sub2-bullet{list-style:none;margin-left:1em}
ul.lds-sub2-bullet>li{font-size:90%;position:relative;padding-bottom:0.1em;padding-left:0.9em;}
ul.lds-sub2-bullet>li:before{
	content:'✦';
	font-size:1em;
	color:var(--dark);
	position:absolute;
	left:-0.8em;
}