/**** From Debby
	Trying to consolidate CSS into single location while preserving the ability to give each individual program what it needs.  Past problem: when you want to make a small change in one program you must either adjust the HTML itself, or you must be sure that whatever you do does not affect anything else.  So I get lots of code with embedded styling, and/or lots of separate css files that get lost or confused, or I use Bobbie's styles and she changes one of them without checking my programs.  

	So this is a new attempt. The HTML for each program or group of programs (aka project) will use css that uses project-specific prefixes.  All the css will live in this one file, and you can tell where it is used by the prefix.  Yes, there will be lots of duplication if lots of programs use the same attributes.  But when there is tooo much commonality, then that combination of attributes should be moved to DebbyBasics.css as a basic style, as opposed to program-specific style.

	Notice that everything in here should have a project prefix.  Anything that applies to * or to [type="aaa"] will apply to every single web page that references this style sheet.  So ALL selectors must specify a particular project by including a prefix. (use DebbyBasics to hold generic style)
****/	 
	
/**** Generic, for prototyping  Prefix=xx for ease of search/replace ****/
.xxbody {background-color: #FFFFFF; color:#000000; font-family: Arial, Helvetica, sans-serif; margin: 0px;} /*Needed?  Usually not*/
.xxform {-moz-box-sizing: border-box;box-sizing: border-box; position:relative; padding:0px; margin:0px 50px 0px 100px; 
	    font-size:10pt; font-family:Arial, Helvetica, sans-serif;}  /*max-width:800px; old from BH*/
.xxgreen{background-color: #90EE90;}		
.xxblue{background-color: #ADD8E6;}		
.xxgray{background-color: #999999;}		
.xxsubtitle1 {font-size:16pt;font-weight:bold;margin: 22px 0px;}  /*22 top/bottom, 0 sides*/
.xxerrorMsg {font-size: 12pt; font-weight: bold; margin: 10px 0px; color: #FF0000;  /*red*/}
.xxerrorMsgSmall {font-size: 10pt; font-weight: bold; margin: 10px 0px; color: #FF0000;  /*red*/}
.xxcaption1 {font-size:14pt;font-weight:bold;margin: 0px 0px 10px 0px;}    /*bottom margin only         (top right bottom left)*/
.xxcaption2 {font-size:12pt;font-weight:bold;margin: 0px 0px 5px 0px;}     /*bottom margin only*/
.xxcaption3 {font-size:10pt;font-weight:bold;margin: 0px 0px 2px 0px;}     /*bottom margin only*/
.xxnormal {font-size:10pt; margin: 0px 0px 10px 30px;}
.xxminorInstr {font-size:10pt; font-style:italic;}    /*used for small instructions like (mm/dd/yyyy)*/
.xxminorInstrSmall {font-size:8pt; font-style:italic;}  

.xxindent {margin-left:100px;}
.xxindentMed {margin-left:175px;}
.xxindentWide {margin-left:275px;}
.xxindentXtraWide {margin-left:325px;}
.xxlabel {display: inline-block; text-align: right; font-weight: bold; Width:100px; padding: 0px; margin: 0px 10px 0px 0px;}
.xxlabelMed {display: inline-block; text-align: right; font-weight: bold; Width:175px; padding: 0px; margin: 0px 10px 0px 0px;}
.xxlabelWide {display: inline-block; text-align: right; font-weight: bold; Width:275px; padding: 0px; margin: 0px 10px 0px 0px;}
.xxlabelXtraWide {display: inline-block; text-align: right; font-weight: bold; Width:325px; padding: 0px; margin: 0px 10px 0px 0px;}

.xxinputText {font-size:10pt; font-family:Arial, Helvetica, sans-serif; border-radius:0px; padding:1px;}
.xxinputTextRound {font-size:10pt; font-family:Arial, Helvetica, sans-serif; border-radius:10px; padding:2px;}
.xxinputTextBold {font-size:10pt;font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.xxshort {margin-bottom:2px; margin-top:2px}

.xxinputRadio {font-size:10pt; margin:0px 1px 0px 10px;}  /*using margin-right to control spacing between options.  Padding didn't work*/
.xxbutton{font-size:10pt; height:30px; width:150px; position:right;}
/**** When using tables for tabular reports ****/
th.xxreport{background-color:#35363D; padding:5px; color:#FFFFFF;}
th.xxreportLeft{background-color:#35363D; padding:5px; color:#FFFFFF;text-align:left;}
td.xxreport{border-style:solid; padding:0px 5px;text-align:right;}
td.xxreportLeft{border-style:solid; padding:0px 5px;text-align:left;}
/* generic header/footer tables */
table.xxheaderFooter{background-color:#000000; border-style:solid; border-width:0px; border-spacing:0px; border-color:#000000; 
					width:100%; margin:0px; padding:0px;}
th.xxheader{background-color:#303137; color: #fff; font: 20pt Arial; font-weight:normal; font-style:normal; text-align:left; 
			border-style:solid; border-width:0px; border-color:#000000; padding:0px 0px 0px 50px; height:152px;
			background-image: linear-gradient(to top,black,#303137 5%);}
td.xxheader{background-color:#494A50; color: #fff;  font: 20pt Arial; 
			border-style:solid; border-width:0px; border-color:#000000; padding:0px 0px 0px 50px; height:75px;}
td.xxfooter{background-color:#494A50; color: #fff;  font: 11pt Arial; 
			border-style:solid; border-width:0px; border-color:#000000; padding:0px 0px 0px 50px; height:50px;}
td.xxfooterRight{background-color:#494A50; color: #fff;  font: 8pt Arial; text-align:right; 
			border-style:solid; border-width:0px; border-color:#000000; padding:0px 50px 0px 50px; height:50px;}
			
/**** T2506 prefix means trial template 2025-June REMOVE??  ****/
/**** SXL prefix is SportX Leagues (Debby's html pages)  ****/
/**** LR prefix is for Luna County Ranchettes projects (LCROA)  ****/
/**** ??  ****/

/**** ASWB prefix is for the old heavy black/grey style  ****/
/*The two tables hold space for real header/footer.  Are similar in size and color*/	
table.ASWBheaderFooter{
	background-color:#000000;/*becomes default cell color unless overridden*/
	border-style:solid;
	border-width:0px;/*table border, not cell border*/
	border-spacing:0px;
	border-color:#000000;/*table border, not cell border*/
	width:100%;
}	
th.ASWBheaderFooter{
	background-color:#000000;
	color: #fff; 
	font: 40px Arial;
	font-weight:normal;
	font-style:normal;
	text-align:left;
	border-style:solid;
	border-width:0px;
	border-color:#000000;
	padding:0px;
	height:140px;
}
td.ASWBheaderFooter{
	background-color:#35363d;  
	color: #fff; 
	font: 25px Arial;
	border-style:solid;
	border-width:0px;
	border-color:#000000;
	height:75px;
}

/**** Temp Trial Summer 2025  ****/
table.T2506headerFooter{
	background-color:#000000;/*becomes default cell color unless overridden*/
	border-style:solid;
	border-width:0px;/*table border, not cell border*/
	border-spacing:0px;
	border-color:#000000;/*table border, not cell border*/
	width:100%;
}	
th.T2506headerFooter{
	background-color:#000000;
	color: #fff; 
	font: 40px Arial;
	font-weight:normal;
	font-style:normal;
	text-align:left;
	border-style:solid;
	border-width:0px;
	border-color:#000000;
	padding:0px;
	height:140px;
}
td.T2506headerFooter{
	background-color:#35363d;  
	color: #fff; 
	font: 25px Arial;
	border-style:solid;
	border-width:0px;
	border-color:#000000;
	height:75px;
}
form.T2506formBorder{
	  border:2px solid #ccc;  /* solid light gray border  */
      border-radius:5px;	  
      padding: 15px;
      margin-bottom:40px;  /* adds space between multiple forms */
}

/**** SportX Leagues  ****/
table.SXLheaderFooter{
	background-color:#000000;/*becomes default cell color unless overridden*/
	border-style:solid;
	border-width:0px;/*table border, not cell border*/
	border-spacing:0px;
	border-color:#000000;/*table border, not cell border*/
	width:100%;
}	
th.SXLheaderFooter{
	background-color:#000000;
	color: #fff; 
	font: 40px Arial;
	font-weight:normal;
	font-style:normal;
	text-align:left;
	border-style:solid;
	border-width:0px;
	border-color:#000000;
	padding:0px;
	height:140px;
}
td.SXLheaderFooter{
	background-color:#35363d;  
	color: #fff; 
	font: 25px Arial;
	border-style:solid;
	border-width:0px;
	border-color:#000000;
	height:75px;
}

/**** LCROA  ****/