table
	{
	background-color: white;
	}
/** box shadows **/

.bs_1	{box-shadow: 1px 1px 1px hsla(0,0%,53%,1.0);}
.bs_3	{box-shadow: 3px 3px 3px hsla(0,0%,70%,1.0);}
.bs_5	{box-shadow: 5px 5px 5px hsla(0,0%,53%,1.0);}

.bs_2m	{box-shadow: 2px 2px 2px hsla(0,0%,33%,1.0);}

.bs_2m	{box-shadow: 2px 2px 2px hsla(0,0%,23%,1.0);}
.bs_7d	{box-shadow: 7px 7px 7px hsla(0,0%,23%,1.0);}

/** text  shadows **/
.ts_1	{text-shadow: -1px -1px  hsla(0,0%,0%,1.0);}
.ts_3	{text-shadow: 1px 1px  hsla(0,0%,0%,.5);}

/** text shadows (outset) **/

.lt_txt_shad
	{
	text-shadow: 1px 1px 1px hsla(0,0%,93%,1.0);
	}



/** links **/
/*
a.clicked, a:hover
	{
	color: hsla(60,100%,75%,1.0);
	}
*/
/* colors */
.clr_black 	{color: hsla(0,0%,10%,1.0);}
.clr_200_100_15 {color: hsla(200,100%,15%,1.0);}

.red		{color: hsla(360,100%,30%,1.0);}
.green	{color: green;}
.orange	{color: orange;}
.black	{color: black;}
.blue	{color: hsla(200,100%,24%,1.0);}
		

/* gradiants */
.lt_blue_asc
	{
	background-color: hsla(200,100%,35%,1.0);
	background-image: linear-gradient(hsla(200,100%,35%,1.0), hsla(200,100%,24%,1.0));
	color: hsla(0,0%,100%,1.0); !important;
	text-shadow: 1px 1px 0px hsla(0,0%,0%,1.0);

	}
.lt_blk_asc, div.option_button
	{
	background-color: hsla(0,0%,0%,1.0);
	background-image: linear-gradient(hsla(0,0%,30%,1.0), hsla(0,0%,0%,1.0));
	color: hsla(0,0%,100%,1.0); !important;
	text-shadow: -1px -1px  hsla(0,0%,0%,1.0)
	}
	
.lt_orange_asc
	{
	background-color: hsla(39,100%,60%,1.0);
	background-image: linear-gradient(hsla(39,100%,60%,1.0), hsla(39,100%,30%,1.0));
	color: hsla(0,0%,100%,1.0);
	text-shadow: -1px -1px  hsla(0,0%,0%,1.0)
	}
	
.lt_green_asc
	{
	background-color: hsla(120,100%,30%,1.0);
	background-image: linear-gradient(hsla(120,100%,60%,1.0), hsla(120,100%,30%,1.0));
	color: hsla(0,0%,100%,1.0);
	text-shadow: -1px -1px  hsla(0,0%,0%,1.0)
	}

.lt_red_asc
	{
	background-color: hsla(360,100%,30%,1.0);
	background-image: linear-gradient(hsla(360,100%,60%,1.0), hsla(360,100%,30%,1.0));
	color: hsla(0,0%,100%,1.0);
	text-shadow: -1px -1px  hsla(0,0%,0%,1.0)
	}
/*background colors */
.orange{color: orange;}

.bg_blk_98 {background-color: hsla(0,0%,98%,1.0);}
.bg_blk_95 {background-color: hsla(0,0%,95%,1.0);}
.bg_blk_90 {background-color: hsla(0,0%,90%,1.0);}
.bg_blk_80 {background-color: hsla(0,0%,70%,1.0);}
.bg_blk_70 {background-color: hsla(0,0%,70%,1.0);}
/*background and text colors */
.org_on_grey
	{
	color: orange;
	background-color: hsla(0,0%,30%,1.0);
	text-shadow: 1px 1px 0px hsla(0,0%,0%,1.0);
	/*font-weight: 100;*/
	}
.wht_on_grey
	{
	color: white;
	background-color: hsla(0,0%,30%,.7);
	text-shadow: 1px 1px 0px hsla(0,0%,0%,1.0);
	/*font-weight: 100;*/
	}		
.wht_on_blk
	{
	color: white;
	background-color: hsla(0,0%,0%,1.0);
	text-shadow: 1px 1px 0px hsla(0,0%,30%,.5);
	/*font-weight: 100;*/
	}		
.wht_on_blue
	{
	color: white;
	background-color: hsla(200,100%,30%,1.0);
	text-shadow: 1px 1px 0px hsla(0,0%,0%,1.0);
	/*font-weight: 100;*/
	}	
	
.blue_on_wht
	{
	color: hsla(200,100%,30%,1.0);
	background-color: white;
	/*font-weight: 100;*/
	}
/*.bg_blk_30 {background-color: hsla(0,0%,30%,1.0);}*/
.bg_green {background-color: rgba(0,255,0,0.3);}
.bg_red {background-color:rgba(255,0,0,0.3);}

div.option_button_clicked
	{
	background-color: hsla(0,0%,23%,1.0);
	color: hsla(0,0%,100%,1.0); !important;
	}

