.mainTable
{
 text-align:center;
 width: 750px;	
}

.mainTableMobile
{
 text-align:center;
}

.displayNone
{
	display:none;	
}

.fieldDiff
{
	background-color:pink;		
}

.estimateson
{
	font-style:italic;
	font-weight:bold;	
}
	
.inactiveLabel
{
color:Black;	
}

.weblead
{
font-size: small;	

}

.sjpYellowButt
{
    font-weight: bold ;
    font-size:xx-small;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: RoyalBlue;
    border-bottom: black thin solid;
    background-color: red;
    cursor:hand;
}


 

.dymenu
{
 background-color:Gray;
    filter:alpha(opacity=20);
    opacity:0.2;

    font-size:x-small;	





}

 
div.debug {
	 position: absolute; 
	 left: 102px; 
	 top: 10px; 
	 width: 400px; 
	 height: 300px; 
	 overflow: scroll; 
	 cursor: default;
}


.ftest
{
    position: absolute;
    z-index: 10000;
    background-color: #fffff0;
    visibility:hidden;
}


.breakBefore
{
 page-break-before: always;	
 
}

p.page { page-break-before: always; }

h6 {page-break-before: always;}
 
.popupMnu
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10000;
    border-right: gray solid;
    border-bottom: gray solid;
    background-color: #c3c3c3;
    border-top: gainsboro solid;
    border-left: gainsboro solid;
    font-size: small;
    text-align:left;
}

.popupItem
{
    background-color: silver;
    color:Black;     
}

.clsDragWindow
{
	border:solid 2px #000000;
	background-color:silver;
	
    filter:alpha(opacity=60 );
    opacity:0.6;
	position:absolute;
	display:none;
}




.rightDataform
{
 text-align:right;
 background-color:#fffffa;	
	
}

.tblHdr
{
 background-color:#eeeeFF;
 /*color:#333333;
 font-weight:bold; */
}




.overDesign
{
	background-color: #CCFFCC;
	border-style:solid;
	border-width:thin;
	border-color:#FF9933
}

.outDesign
{
	background-color:  #CCFFCC;	
	border-style:solid;
	border-width:thin;
	border-color:#CCFFCC;
}



.left
{
 text-align:left;
	
}


.center
{
 text-align:center;
	
}

.right
{
 text-align:right;
	
}


.dataform
{
	background-color:#fffffa;	
}


.noborder
{
  border: solid 10px  red;
   font-size:xx-small;
}


.noBorderDataform
{
 background-color:#fffffa;
 color:Black;	
	border-top:none;
	border-right:none  ;
	border-bottom:none;
	border-left:none;
}

.tabUnsel
{
    cursor:hand;
	border-top:none thin  silver;
	border-right:none  ;
	border-bottom:solid thick  silver;
	border-left:solid thin  silver;
	  background-color:#eeeeFF;
	  color:#333333; 
	  font-weight:lighter;
	  text-align:center;
	  vertical-align:middle;
	  font-size:x-small;
 	  	  	  width:100px;

}

.tabSel
{
    cursor:hand;
/*	border-style:solid solid none solid; 
	border-width:thick;	*/

	border-top:solid thick  silver;
	border-right:solid thin  silver;
	border-bottom:none   ;
	border-left:solid thin silver;
 /* color :#333333;  font-weight:lighter;*/
 	  text-align:center;
 	  	  vertical-align:top;
 	  	  	  font-size:x-small;
 	  	  	  width:100px;


}

.tabRight
{
	border-top:solid thin  silver;
	border-right:solid thin  silver;
	border-bottom:solid thin  silver;
	border-left:solid thin  silver;
	width:1%;
}


.tabScrollButtons
{
    font-weight: bold ;
    font-size: small;
    border-right:  black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: blue;
    border-bottom: black thin solid;
    background-color: ButtonFace;
    cursor:hand;
    width:10px;
}



.pageButtons
{
    font-size:x-small;
}


.helpButt
{
    font-weight: normal;
    font-size:small;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: blue;
    border-bottom: black thin solid;
    background-color: ButtonFace;
    text-decoration:none;
    cursor:hand;
}

.smlButt
{
    font-weight: normal;
    font-size:x-small;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: white;
    border-bottom: black thin solid;
    background-color: ButtonFace;
    cursor:hand;
}

.smlButt3
{
    font-weight: bold;
    font-size:xx-small;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: white;
    border-bottom: black thin solid;
    background-color: ButtonFace;
    cursor:hand;
}


.smlButtClicked
{
    font-weight: normal;
    font-size:small;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: white;
    border-bottom: black thin solid;
    background-color: Lime;
    cursor:hand;
}

.browsebutton
{
    font-weight: normal;
    font-size:small;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: black;
    border-bottom: black thin solid;
    background-color:  white;
    cursor:hand;
    height:12;
    width:250px;
}




.smallestButt
{
    font-weight: normal;
    font-size:x-small;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: white;
    border-bottom: black thin solid;
    background-color:  RoyalBlue;
    cursor:hand;
    height:10;
}

.buttons
{
    font-size:x-small;
    font-weight: bold;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: white;
    border-bottom: black thin solid;
    background-color: RoyalBlue; 
    cursor:hand;
    width:70px;
}


.buttonsx
{
    font-size:x-small;
    font-weight: bold;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: white;
    border-bottom: black thin solid;
    background-color:  RoyalBlue; 
    cursor:hand;
}


.IE8MnuFix
{
   z-index: 100;
}    

.notVisible
{
    visibility:hidden;    
}

.noShow
{
    background-color:white;
    border-color:white;
    border-style:none;
    color:white;
    width:1px;
    height:1px;  
    
    /*
    background-color:#fffff0;
*/

}


.noShowYellow
{
    background-color:#fffff0;
    border-color:#fffff0;
    border-style:none;
    color:#fffff0;
    width:2px;
    height:2px; 
   
}


.popupControl
{
    background-color:#fffff0; /*#AAD4FF;*/
    position:absolute;
    visibility:hidden;
    border-style:solid;
    border-color:Black;
    border-width:2px;    
}
.modalBackground
{
    background-color:Gray;
    filter:alpha(opacity=20);
    opacity:0.2
}

.modalPopup
{
    background-color:#fffff0; /*:#ffffdd;*/
    border-style:solid;
    border-color:Gray;
    border-width:3px;
    padding:3px;
    width:250px;    
}

.modalDragHandle
{
    background-color:blue;
    cursor:move;
    width:100%;
    height:14px;
    filter:alpha(opacity=20);
    opacity:0.2
}


/*.....................................*/



/* detail screen */



.detailSubheading
{
	color:#0033ff;
	font-weight:bold;
}

.label
{
 color:Gray;	
 font-weight:lighter;

}

.pageHeading
{
 font-size: x-large ;
 text-align:center;
}


.listHeading
{
 font-size:  small;
 text-align:center;
}
.detailHeading
{
 font-size:small;	 
 text-align:center;

}
.popupHeading
{
 font-size: small;
}
.gridHeading
{
 font-size: small;
}



/*table wrapping detail */
.detailTable
{
  border:1px solid gray; 
  text-align:center;
}


/*table wrapping detail */
.detailTableNoBorder
{
  border:none; 
  text-align:center;
}



.detailLabels
{
	 font-size: 8pt;	
}


.detailTD
{
	 padding-top:0px;
	 padding-bottom:0px;
}


	/* padding-top:0px;padding-bottom:0px; padding-left:0px; padding-right:0px; */


.noPadding
{
	 padding-top:0px;
	 padding-bottom:0px;
	 padding-left:0px;
	 padding-right:0px;
}

.selectLabels
{
	 font-size: 8pt;	
}

.selectTextBoxes
{
	 font-size: 8pt;	
}


.gridWrapperClass
{
	 overflow:   scroll;
	 height:350px;
	 width:450;
	 vertical-align:top;
	 font-size:small;	
}

.gridWrapperClass2
{
	 overflow:   scroll;
	 height:220px;
	 width:200px;
	 vertical-align:top;
	 font-size:small;	
}


/* ---------------------------------- */


.GridEditCenter
{
   text-align:center;
}

/* detailGrid is the detail grid's table class */
.detailGrid	   /*background color controls rules in detail grid */
{
 background-color:  Silver;
 font-size:small;
 border:solid 1 Silver;
}

 
.gridPagerStyle
{
 text-align:left;
 background-color:#2461BF;
 color:White;
 font-size:small;
}

.gridHeaderStyle
{
 text-align:center;
 background-color:#708090;
 color:White;
 font-weight:bold;
 font-size: 8pt;
}
.gridFooterStyle
{
 text-align:center;
 background-color: #708090;
 color:White;
 font-weight:bold;
 font-size: 8pt;
}

.gridEditRowStyle
{
 background-color:#2461BF;
  font-size: x-small;

}

.gridDR { /* For standard grid data rows (rows that represent a data record) */
    --moot: moot;
}

.gridHiliteRowStyle
{
 background-color: #dddddd;
  color:#333333;
  font-weight:  lighter;
 font-size:small;
 
}



.gridRowStyleMO
{
 background-color: #D1DDF1; 
  color:#333333;
}



.gridAlternatingRowStyleMO
{

  background-color:#eeeeFF;
  color:#333333;
}



.gridRowStyle
{
 background-color: white; 
  color:#333333;
  font-weight:  lighter;
  font-size:smaller; 
 
}

.gridDR { /* For standard grid data rows (rows that represent a data record) */
    --moot: moot;
}

.gridAlternatingRowStyle
{

  background-color:#eeeeFF;
 color:#333333;
   font-weight:lighter;
   font-size:smaller;
}

.gridSelectedRowStyle
{
 text-align:center;
 background-color:#D1DDF1;
 color:#333333;
 font-weight:bold;
  font-size: x-small;

}

/*.............................................*/


.printCheckedButt
{
    font-weight:  normal ;
    font-size:  x-small;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: blue;
    border-bottom: black thin solid;
    background-color: ButtonFace; 
    cursor:hand;
}



/* used for misc on screen buttons, Privileges..., 

Group Membership... etc */

.picklistButt
{

    font-weight: bold;
    font-size:x-small;
    border-right: black  thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: RoyalBlue;
    border-bottom: black thin solid;
    background-color: ButtonFace;
    cursor:hand;
}



.tableDebug
{
 background-color:Aqua;
 border: 1px solid red;
  	
	
}

.detailScreen
{
  border:5px solid gray;
}



/* ---------------------------------- */



/*

.xgridRowStyle
{
 text-align:center;
 background-color:#708090;
 color:red;
 font-weight:bold;
 font-size:small;
	

}



.dlGridStyle
{
 font-size:medium;
 font-weight: normal;
 color:Black;

}
.dlGridHeaderStyle
{
 text-align:center;
 background-color:#708090;
 color:White;
 font-weight:bold;
 font-size: small;
 
}

.dlGridRowStyle
{
 font-size:medium;
 font-weight: normal;
 background-color:white;
  color:Black;
 font-size: small;
}


.dlGridAlternatingRowStyle
{
 font-size:medium;
 font-weight: normal;
 background-color:white;
  color: Black;
 font-size: small;
}

.dlGridFooterStyle
{
 text-align:center;
 background-color:white;
 font-weight:bold;
 font-size: small;
  color:Black;
}
*/


/* ---------------------------------- */

.activeTab
{
   border-bottom:none; border-left:black thin solid;border-right:black thin solid;border-top:black thin solid;
}

.overTab
{
   cursor:hand;background-color:#eeeeFF; border-top:gray thin solid; border-left:gray thin solid;border-right:gray thin solid;border-bottom:black thin solid;
}
.inactiveTab
{
   cursor:hand;background-color:#eeeeFF; border-top:gray thin solid; border-left:gray thin solid;border-right:gray thin solid;border-bottom:black thin solid;
}
.nonTab
{
  font-size:xx-small; border-top:none; border-left:none;border-right:none;border-bottom:black thin solid;
}

/* re: https://stackoverflow.com/a/36858012 */
td img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}