/*Assign this class whenever I wish to hide a control:*/
.present_but_hidden{
position: absolute;
left: -9999px;
top: -9999px;
visibility: hidden;
}





#wholebody {
background-color: WhiteSmoke;          /*  hex codes need to be encoded with lower case letters */
/* background-color: #35b6e6;           Changed20230228  */
/*	background-color: BurlyWood;                */
/*	background-color: SteelBlue;                */
/*	background-color: Turquoise;                */
/*	background-color: DeepSkyBlue;                */
/*	background-color: DodgerBlue;         too bright       */
/*	background-color: CornflowerBlue;                */
/*	background-color: Linen;                */
/*	background-color: BurlyWood;          pretty okay...     */
/*	background-color: HoneyDew;*/
/*	background-color: PaleGoldenrod;*/
/*	background-color: WhiteSmoke;*/
/*	background-color: MistyRose;*/
/*	background-color: Wheat;*/
/*	background-color: purple;*/

/* margin-left: "75px";   */
}


/*added as a quick test Monday, 08-Feb-2016*/

.the_basic_set_of_text_controls fieldset {
  padding: 1em;
  font:80%/1 sans-serif;
  }
.the_basic_set_of_text_controls label {
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
  }


/*  Now similar styling is needed for the fieldset which happens to be inside the DIALOG: */

/*.dialog_style1 .the_basic_set_of_text_controls {color:#aaa;};*/
.dialog_style1 .the_basic_set_of_text_controls {color: BLUE;}

.dialog_style1 .the_basic_set_of_text_controls  fieldset {
  padding: 1em;
  font:80%/1 sans-serif;
  }
.dialog_style1 .the_basic_set_of_text_controls label {
  float:left;
  width:45%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  color: GREEN;
  font-weight:bold;
  }



#rendering_request_panel {
    height: 520px;
    width: 100%;
	background-color: yellow;
	color: red;
	margin-top: -20px;           /*  I wish to move this UP a bit...  */
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
} 


#rendering_results_panel {
    height: 520px;
    width: 100%;
	background-color: yellow;
	color: red;
	margin-top: -20px;           /*  I wish to move this UP a bit...  */
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
} 	


#big_image_section {
	float: right;
}


#big_image_section2 {
	float: right;
}

#WWWWWWWWbigimage {
    float: right;
    height: 480px;
    width: 640px;
   /* border: 3px solid #73AD21;*/
}

/*

#ZZZZZZZZbigimage {
    position: fixed;
    top: 50;
    right: 0;
    height: 480px;
    width: 640px;
}
*/

   /* border: 3px solid #73AD21;*/


#bigimage2 {
   position: absolute;
   right:    26px;
   top:  62px;	
}



#bigimZZZZZZZZZage2 {
   position: absolute;
   right:    15px;
   top:  100px;	
}





table#query_results_table_01 thead {
    background: #fff;
    font-size: 14px;
    height: 28px;
    font-weight: bold;
    padding-bottom: 5px;
    text-decoration: none;
    color: purple;
}



table#query_results_table_01 thead tr th {
    border-collapse: inherit;
	border-spacing: 3px;
    border: 1px solid black; 
    background-color: #eee;
	padding: .3em;  
	font-size: 13px;
	font-family: tahoma;
	color: black;
	cursor: default;
	text-decoration: none;
	font-weight: 600;
}





table#query_results_table_01 tr:nth-child(even) {
 /*    background-color: #eee;      */
    background-color: SteelBlue;                  /*  ALAN WAS HERE Tuesday 21-Feb-2023  */
	color:  inherit;
}
table#query_results_table_01 tr:nth-child(odd) {
    background-color: #fff;
}



#QQQQwholebody #QQQQQentity {
/*background-color: #35b6e6;       */
margin-left:25px;
}



.container {
margin-left: 25px;
}


/*  As a test:   I have changed my include sequence so THIS file is included last.  Trying to get a compact styling effect based on the class name 'compact'  */
/*  This was lifted from:      /var/www/html/pwiz/DataTables-1.13.2/css/dataTables.jqueryui.css    

table.dataTable.compact thead th,
table.dataTable.compact thead td,
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td,
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}

Abandon ship:  Nothing worked.   I need to learn more about the styling...

*/


 
/*  goal is to make each of my table rows more compact....   By default they have too much padding.  the COMPACT class is supposed to work for this, but....  
***************************************************  Quitting again...    I will try classes including "display compact" as per one blog post...  */

table#entity.compact thead th,
table#entity.compact thead td,
table#entity.compact tfoot th,
table#entity.compact tfoot td,
table#entity.compact tbody th,
table#entity.compact tbody td,
table#entity_touches.compact thead th,
table#entity_touches.compact thead td,
table#entity_touches.compact tfoot th,
table#entity_touches.compact tfoot td,
table#entity_touches.compact tbody th,
table#entity_touches.compact tbody td {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 8px;
  padding-left: 8px;
}




/*  Changed20230228   Purpose is to paint the nav menu words to be the same as the predominant body background color #0299c0     This is a very specific override of Bootstrap  

div.menu2 a:active  {
  color: #0299c0;
  }

div.menu2 a:hover  {
  color: #0299c0;
  font-weight:bold;
  }

**************************************  moved to css-menu.css   */


div.container h2 {
color: #0299c0;
}