/* http: //meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License:  none (public domain)
*/
/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin:  0;
    padding:  0;
    border:  0;
    font-size:  100%;
    font:  inherit;
    vertical-align:  baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display:  block;
}
body {
    line-height:  1;
}

ol, ul {
      
}

blockquote, q {
    quotes:  none;
}
blockquote: before, blockquote: after,
q: before, q: after {
    content:  '';
    content:  none;
}
table {
    border-collapse:  collapse;
    border-spacing:  0;
} 
*/
/* end of reset section */

html {
    margin: 0; 
    height: 100%; 
    overflow: hidden; /*  Comment out to be able to do diagnostic printing above main window! */
}

body {
	margin: 0.1vw;
    height: 100%;
    overflow: hidden; /*  Comment out to be able to do diagnostic printing above main window! */
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 0.70vw;
}

form {
    margin: 0vw;
}


input, textarea, select {
  /*  -webkit-appearance:  none; */
   -moz-border-radius:  0vw;
    -webkit-border-radius:  0vw;
    border-radius:  0vw;
} 

input, textarea { 
    padding:  0.20832vw;
    border:  solid 0.05208vw #909090;
    outline:  0;
    width: 13.02vw;
    background:  #FFFFFF url('bg_form.png') left top repeat-x;
    background:  -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background:  -moz-linear-gradient(top, #FFFFFF, #EEEEEE 0.05208vw, #FFFFFF 1.302vw);
    box-shadow:  rgba(0,0,0, 0.1) 0vw 0vw 0.41664vw;
    -moz-box-shadow:  rgba(0,0,0, 0.1) 0vw 0vw 0.41664vw;
    -webkit-box-shadow:  rgba(0,0,0, 0.1) 0vw 0vw 0.41664vw;
    }

select { 
    padding:  0.20832vw;
    border:  solid 0.05208vw #909090;
    outline:  0;
    width: 18.228vw;
    background:  #FFFFFF url('bg_form.png') left top repeat-x;
    background:  -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background:  -moz-linear-gradient(top, #FFFFFF, #EEEEEE 0.05208vw, #FFFFFF 1.302vw);
    box-shadow:  rgba(0,0,0, 0.1) 0vw 0vw 0.41664vw;
    -moz-box-shadow:  rgba(0,0,0, 0.1) 0vw 0vw 0.41664vw;
    -webkit-box-shadow:  rgba(0,0,0, 0.1) 0vw 0vw 0.41664vw;
    }

textarea { 
    width: 20.832vw;
    max-width: 52.08vw; /* was set to 400 but increased it to 1000 as it ws messing up the expanding text area and limiting the display part to 400 */
    height: 10.92326vh;
    line-height: 150%;
    } 

input:hover, textarea:hover, select:hover,
input: focus, textarea: focus, select: focus { 
    border-color:  #505050; 
    -webkit-box-shadow:  rgba(0, 0, 0, 0.15) 0vw 0vw 0.41664vw;
    }



.mainContainer {
        border:  0.05208vw solid blue;
}

.allExceptIframe {  /* no sub-definitions in @media sections */
        float: left;
}



.bottomMenuContn {
    clear: both;
    background-color: #D0D0FF;
    float: left;
}



/* ################################## SECTION FOR DB TABLES DISPLAY ################################### */

    .butActiveLinkForDispTbl {
        display: inline-block;
        width: 140px;
        height: 12px;
        color: #444444;
        background-color: #DDDDDD;
        font:10px/100%;
        text-align: left;
        padding-left: 5px;
        padding-right: 0px;
        padding-top: 2px;
        padding-bottom: 2px;
        text-decoration: none;
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        white-space: nowrap;
    }

    .butActiveLinkForDispTbl:hover {
        background-color: #EEEEEE;
    }

    .butSelectedLinkForDispTbl {
        display: inline-block;
        width: 140px;
        height: 12px;
        color: #000000;
        background-color: #FFFF90;
        font:10px/100%;
        text-align: left;
        padding-left: 5px;
        padding-right: 0px;
        padding-top: 2px;
        padding-bottom: 2px;
        text-decoration: none;
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        white-space: nowrap;
    }

/* ################################## SECTION FOR DB TABLES DISPLAY - END ################################### */


#prJSContainer {
	position: fixed;
	bottom: 50px;
	left: 65px;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.prJSMessage {
	background: yellow;
	color: black;
	padding: 10px 15px;
	margin-top: 5px;
	border-radius: 5px;
	opacity: 0.9;
	transition: opacity 0.5s ease-in-out;
	font-family: Arial, sans-serif;
	font-size: 14px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}



.btnSelected {						 /* menu.php, selScansForUpload.php */
    background-color:  DodgerBlue;
    color:  white;
    border:  none; /* Remove standard borders */
    cursor:  pointer;
}

.btn {
    background-color:  White; 
    color:  DodgerBlue;
    border:  0.05208vw solid blue;
    cursor:  pointer;
}

.btn:hover {
    background-color:  #E0E0FF;
}

.monthBtn, .NameSelBtn, .calDaysOfMnthBut, .calMnthBut, .calYearBut {
    border:  0.05208vw solid blue;
    text-align: middle;
    color:  #606060;
    cursor:  pointer;
	background-color:  white;
}

.NameSelBtnHidden {
    display: none;
}

.monthBtn:hover, .NameSelBtn:hover {
    background-color:  #C0C0FF;
}

.monthBtnSelected, .NameSelBtnSelected, .calDaysOfMnthButSelected, .calMnthButSelected, .calYearButSelected {
    border:  0.15624vw solid blue;
    text-align: middle;
    color:  black;
    background-color:  white;
    cursor:  pointer;
    font-weight:  bold;
} 

.monthBtnYearSelected {
    border:  none;
    text-align: middle;
    color:  blue;
    background-color:  white;
    font-weight:  bold;
} 

.monthBtnYearUpDown{
    border:  0.05208vw solid blue;
    text-align: middle;
    color:  blue;
    background-color:  white;
    cursor:  pointer;
    font-weight:  bold;
}

.namesSelPanelAddBut {                                                 /*#############################################################################*/
    border:  0.05208vw solid blue;
    text-align: left;
    color:  #FFFFFF;
    cursor:  pointer;
    background-color:  #00E000;
    font-weight:  bold;
}

.namesSelPanelAddBut:hover {
    background-color:  #00C000;
}

.accsSelBut {
    border:  0.05208vw solid blue;
    text-align: middle;
    color:  #606060;
    cursor:  pointer;
    background-color:  #C0FFC0;
}

.accsSelButSelected {
    border:  0.15624vw solid blue;
    text-align: middle;
    color:  black;
    background-color:  #C0FFC0;
    cursor:  pointer;
    font-weight:  bold;
}

.accsSelBut:hover {
    background-color:  #90FF90;
}

.copyButSel, .copyBut {
    background-color:  #D0D0FF;
    border:  0.05208vw solid #D0D0FF;
    color:  black;
    cursor:  pointer;
    vertical-align:  top;
    text-align: left;
}  

.copyButSel {
    background-color:  #FFFF00;
    color:  blue;
} 

.copyBut {
    background-color:  #FFFFFF;
}

.subMenuBtn, .subMenuBtnSel {
    border:  0.05208vw solid blue;
    text-align: left;
    color:  black;
    cursor:  pointer;
    background-color:  white;
}

.subMenuBtn:hover {
    background-color:  #C0C0FF;
}

.subMenuBtnSel {
    color:  white;
    background-color:  blue;
}

.addTextBoxLabel {
    font-weight:  bold;
    display: none;
}

.butPanelInnerScrlContainer {
	overflow: auto;
    background-color: #A0E0A0;
    float: left;
}

.calContainer, .butPanelOuterContainer, .dummyCalBt, .dummyBtPanlPivot {
    float: left;
    background-color: #A0E0A0;
}

.calMnthsDiv, .calYearsDiv, .calDaysOfMnthDiv {
	overflow: hidden;
    float: left;
}

.subMenuContainer {
    clear: both;
    background-color: #A0E0A0;
    display: none;
}

.white {
    background-color: #FFFFFF;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.whiteInvis {
    color: #FFFFFF;
    background-color: #FFFFFF;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.palePink {
    background-color: #ffd699;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.yellowGradientHardBot {
  /*  font-weight:  bold; */
    background-color: yellow;
    background-image: linear-gradient(to bottom, white, #FFFF00 15px);
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.pinkGradientHardBot {
  /*  font-weight:  bold; */
    background-color: yellow;
    background-image: linear-gradient(to bottom, white, #FF8080 15px);
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.lightGreen {
    background-color: #C0FFC0;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.midGreen {
    background-color: #B0FFB0;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.darkGreen {
    background-color: #20FF20;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.green {
	background-color: #80FF80;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.paleGreen {
	background-color: #C0FFC0;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.greenInvis {
    color: #80FF80;
    background-color: #80FF80;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.greenGradientHardTop {
    background-color: #80FF80;
    background-image: linear-gradient(to top, white, #80FF80 15px);
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.brown {
    background-color: #C1C171;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.paleBrown {
    background-color: #D8D8A6;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.brownGradientHardTop {
    background-color: #AAAA4A;
    background-image: linear-gradient(to top, white, #C1C171 15px);
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.orange {
    background-color: #FFD030;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.orangeWhiteTxt {
    color:  #FFFFFF;
    background-color:  #FFAA00;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.red {
    background-color: #FF8080;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.orangeYel {
    background-color: #FEDD38;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.paleOrangeYel {
    background-color: #FFF6CC;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.blueGrn {
    background-color: #30C8FE;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.paleBlueGrn {
    background-color: #CCF1FF;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.blueGrnOrangeYelGradientLR {
    background-color: red;
    background-image: linear-gradient(to right, #30C8FE, #30C8FE 50%, #FEDD38 50%, #FEDD38 100%);
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.tan {
    background-color: #FFFFB0;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.redWhiteTxt {
    color:  #FFFFFF;
    background-color:  #FF0000;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.blue {
    background-color: #9090FF;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.blueInvis {
    color:  #9090FF;
    background-color: #9090FF;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.blueWhiteTxt {
    color:  #FFFFFF;
    background-color:  #0000D0;
    font-weight:  bold;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.blueEdit {
    background-color: #9090FF;
    cursor:  text;
    -webkit-user-select:  auto;  /* Chrome all / Safari all - allows text to be selected */
    -moz-user-select:  auto;     /* Firefox all */
    -ms-user-select:  auto;      /* IE 10+ */
    user-select:  auto;          /* Likely future */ 
}

.grey {
    background-color: #EAEAEA;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.blueyGrey {
    background-color: #EAEAFA;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.greyInvis {
    color: #EAEAEA;
    background-color: #EAEAEA;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

.borderGrey {
    background-color: #C0C0C0;
    cursor:  pointer;
    -webkit-user-select:  none;  /* Chrome all / Safari all */
    -moz-user-select:  none;     /* Firefox all */
    -ms-user-select:  none;      /* IE 10+ */
    user-select:  none;          /* Likely future */
}

 .boldText {
        font-weight:  bold;
    }




/*
##############################################      #######
##############################################      #######
##############################################      #######
##############################################      #######
##############################################      #######
##############################################      #######
##############################################      #######
*/
/*
@media screen and (min-width: 99.4728VW) and (max-width: 312.48VW) {*/ /* 1920 x 1080 (HD laptop or monitor) with Firefox maximized NOT USED SINCE vw UNITS HAVE BEEN DEPLOYED */

	.mainContainer {
        /* TO CONVERT ALL HEIGHTS TO vh UNITS MULTIPLY HEIGHTS IN vw UNITS BY 1.95 */
        width: 99.7vw;
        height: 99.5vh;
    }



    /* ############## Start of PIVOT TABLE DISPLAY divs ############## */

    

	    .dataDisplayContainerPivot, .dataDisplayContainerSinglePivot { 
	    	display: flex;
		    flex-direction: column;
		    float: left;
            width: 90.3vw;
	        height: 90.66305vh;
            font-size: 0.60vw;
	        overflow-x: auto;
	        overflow-y: hidden;
	    }

        /* Contains whole of single pivot display, includes LH umbrella Buttons, header and scrolling rows section - this fits beneath Top Menu buttons and above Bottom Menu Buttons and to left of iFrame. */
        .dataDisplayContainerSinglePivot { 
            width: 54.3vw;
        }

		    .containerForLeftRightPivotHeaders, .containerForLeftRightSinglePivotHeaders {
		        
		    }

			    .multiRowHeaderContainerLeft, .multiRowHeaderContainerLeftSinglePivot{
			        margin-left: 0.2604vw;
			        border-bottom:  solid 0.15624vw #A0A0A0;
			        overflow-x: hidden;
			        float: left;
			    }

			    .multiRowHeaderContainerLeft {
			    	width: 11.37vw; /* 11.37VW normal to display 2 columns */
			    }

                .multiRowHeaderContainerLeftSinglePivot {
                    width: 7.73vw; /* 7.73vw to display 1 column row names only for single column pivot */
                }

			    .multiRowHeaderContainerRight, .multiRowHeaderContainerRightSinglePivot {
			        border-bottom:  solid 0.15624vw #A0A0A0;
			        overflow-x: hidden;
			        float: left;
			    }
			    .multiRowHeaderContainerRight {
			    	width: 38.5vw;
			    }
                .multiRowHeaderContainerRightSinglePivot {
                    width: 46vw;
                }




		    .containerForLeftRightPivotRows, .containerForLeftRightSinglePivotRows {
		    	flex-grow: 1;
		        display:flex;
		        float:left;
		        height: 2.09740vh;
		    }

			    .multiRowPivotTableContainerLeft, .multiRowPivotTableContainerLeftSinglePivot {
			   		flex-shrink: 0; /* Ensure fixed-width items don't shrink */
			        width: 11.37vw;
			        margin-left: 0.2604vw;
			        border-bottom:  solid 0.15624vw #A0A0A0;
			        overflow: auto;
			        scrollbar-width: none; /* For Firefox: Hide the scrollbar */
    				-ms-overflow-style: none; /* For IE and Edge: Hide the scrollbar */
			    }
			    .multiRowPivotTableContainerLeft::-webkit-scrollbar, .multiRowPivotTableContainerLeftSinglePivot::-webkit-scrollbar {
			    	display: none; /* For Chrome, Safari, and newer Edge: Hide the scrollbar */
			    }
                .multiRowPivotTableContainerLeftSinglePivot {
                    width: 7.73vw; /* 11.37VW normal to display 2 columns, 7.73VW to display 1 column row names only for single column pivot */
                }

			    .multiRowPivotTableContainerRight, .multiRowPivotTableContainerRightSinglePivot {			   		
			        border-bottom:  solid 0.15624vw #A0A0A0;
			        border-right:  solid 0.15624vw #A0A0A0;
			        overflow: auto;
			         
			    }
			    .multiRowPivotTableContainerRight {
			    	flex-grow: 1;
			    }
			    .multiRowPivotTableContainerRightSinglePivot{
			    	/* width: 15vw; */
			    }

                .singlePivotTableDragToContainer {
                	visibility: hidden;
               		flex-shrink: 0; /* Ensure fixed-width items don't shrink */
                	text-align: center;
                	width:26.5vw;
                	height:81vh;
                }

                	.singlePivotTableDragTo {
                		float:left;
                		margin-left: 0.4vw;
	                	width:8.25vw;
	                	height:80vh;
	                	font-size:  0.75vw;
	                	font-weight: bold;
	                	display: flex;
	                	align-items: center; /* vertically center items */
    					justify-content: center; /* horizontally center items */
    					background-color: #E8E8E8;
                	}

                	.singlePivotTableDragTo:hover {
                		background-color: #E0E0E0;
                	}


        /* Fill divs to help cells stay in place and display properly (these specifications are parked here for want of a better place)  */

	    	.pivotEndFiller {  /* See description in divs where this is used twice, in header section and cell section, in showRecsForFullYr.php  */
	    		height: 1.8vh;
	    		width: 39.06vw;
	    	}

	        .pivotEndFillerSinglePivot {  /* narrower for single pivot as combinations of drag areas and doc appear to right  */
	        	height: 1.8vh;
	    		width: 8vw;
	        }


    /* ############## end of PIVOT TABLE DISPLAY divs ############## */


    /* ############## Start of TRANSACTION AREA DISPLAY divs ############## */

	    .transactionsDisplayContainer {
	    	display: flex;
		    flex-direction: column;
		    float: left;
		    background-color: #00FF00;
	        width: 54.3vw;
	        height: 90.66305vh;
	        font-size: 0.60vw;
	    }  

		    .transactionsHeader {
		    	display:  flex;
			    flex-direction:  column;
			    border-bottom: 0.05208vw solid #808080;
			    background-color: #FFFFFF;
		        max-width: 54.3vw;
		        margin-bottom: 0.2604vw;
		        margin-left: 0.1vw;
		    }

		    .transactionsScrollableDisplayArea {
		    	flex-grow: 1;
			    background-color: #FFFFFF;
			    overflow: auto;
		        width: 54.3vw;
		        margin-left: 0.1vw;
		    }

		    .totalsFooter {
		    	border-top: 0.05208vw solid #808080;
    			background-color: #FF6060;
		        width: 54.3vw;
		        height: 8.19244vh;
		        margin-top: 0.2604vw;
		        margin-left: 0.1vw;
		    }


    /* ############## end of TRANSACTION AREA DISPLAY divs ############## */


    .dateAndItemSelectRecnclDiv {
	    float: left;
	    display: none;
	}
    

    .bottomMenuContn {
        width: 63.0vw;
        height: 4.36930vh;
        padding: 0vw 0.2vw 0vw 0.2vw;
    }

    .bottomMenuRHgroup {    /* no sub-definitions in @media sections */
	    float: right;
	}






    /* Top Menu        VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV*/

    .menuBar { 	
        width: 63.45vw;
        height: 4.19480vh;
        font-size:  0.75vw;
        background-color:  #FFFFFF;
    }

    .btnSelected {                       /* also menu.php, addUser.php, */
        padding:  0.41664vw 0.5208vw;


    }

    .btn {
        padding:  0.37vw 0.40vw;
    }  

	.topMenuTooltip {
	  position: relative;
	  display: inline-block;
	  border-bottom: 1px dotted black;
	}

	.topMenuTooltip .topMenuTooltiptext {
	  visibility: hidden;
	  width: 120px;
	  background-color: black;
	  color: #fff;
	  text-align: center;
	  border-radius: 6px;
	  padding: 5px 0;
	  position: absolute;
	  z-index: 1;
	  top: 150%;
	  left: 50%;
	  margin-left: -60px;
	}

	.topMenuTooltip .topMenuTooltiptext::after {
	  content: "";
	  position: absolute;
	  bottom: 100%;
	  left: 50%;
	  margin-left: -5px;
	  border-width: 5px;
	  border-style: solid;
	  border-color: transparent transparent black transparent;
	}

	.topMenuTooltip:hover .topMenuTooltiptext {
	  visibility: visible;
	}



    /* Month Side Bar  VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV*/

    .mnthSelContainer {
        height: 90.66305vh;
        width: 2.65vw;
        background-color:  white;
        float: left;
    }

     .monthBtn, .monthBtnSelected, .monthBtnYearSelected, .monthBtnYearUpDown{
        margin:  0.10416vw;
        width: 2.4vw;
        height: 3.16707vh; 
        padding:  0.15624vw 0.2vw;
        font-size:  0.80vw;
    }

    


	/* Login Form      VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV*/

	/* also uses .btn  */

	.message {
	    padding-top: 5.208vw;
	}

	.loginForm { 
    padding-top: 10.416vw;
    }

    .loginTextBox {
    height: 3.82314vh;
    margin-bottom: 0.7812vw;
    font-size:  0.80vw;
    }


    


    /* changePassword, forcePasswordReset, addUser      VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV*/

    .newUserPwContainer { 	 /* selScansForUpload.php */
        width: 98vw;
        height: 43.69304vh;
        background-color:  #FFFFFF;
    }

    /* uses

    .loginTextBox

    .btn
    
    */

    


    /* editFlex      VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV*/

    /* all classes for this are in expandText.css  */

    


    /* uploadScans      VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV*/

    .scansForUpldContainer, .scansForUpldContainerSwapDoc { 	 /* selScansForUpload.php */
        width: 59.892vw;
        height: 31.46100vh;
        padding-top: 1.5624vw;
        padding-left: 3.1248vw;
        background-color:  #80CC80;
    }

    .scansForUpldContainerSwapDoc {     /* selScansForUpload.php */
        background-color:  #FF6060;
    }

    .scanListContainer {		 /* selScansForUpload.php */
        width: 63.0168vw;
        height: 63.90107vh;
        overflow: auto;
        background-color:  #80CC80;
    }

    .tableForFileUploadHeading {
        color: black;
        font-weight:  bold;
    }

    .tableForFileUploadSuccess {
        color: black;
    }

    .tableForFileUploadFail {
        color: red;
    }

    /* uses

    .loginTextBox

    .btn

	.docDisplayIframeRecsFullYr

    */

 



    /* addItems      VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV*/

    .docEditContainer {	 /* captureDocDetails.php */
        width: 57.0276vw;
        height: 90.66305vh;
        overflow:  auto;
        font: 0.80vw
        background-color:  White;
    }

    .addTextBoxNorm {
        font:  0.80vw;
        height: 2.73081vh;
        width: 13.02vw;
        margin-top: 2.0832vw;
        margin-left: 5.208vw;
    }

    .addTextBoxNorm {
	    background:  #FFFFFF url('bg_form.png') left top repeat-x;
	    background:  -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	    background:  -moz-linear-gradient(top, #FFFFFF, #EEEEEE 0.05208vw, #FFFFFF 1.302vw);
	    box-shadow:  rgba(0,0,0, 0.1) 0vw 0vw 0.41664vw;
	    -moz-box-shadow:  rgba(0,0,0, 0.1) 0vw 0vw 0.41664vw;
	    -webkit-box-shadow:  rgba(0,0,0, 0.1) 0vw 0vw 0.41664vw;
	}

	.addTextBoxLabel {
        font-size:  0.80vw;
        margin-left: 1.0416vw;
    }

    .docDisplayIframe, .docDisplayIframeRecs {         
	    float: left;
	    background-color:  #FFE0FF;
	    border:  0.05208vw solid grey;
	}  

    /* uses

    .subMenuBtn

    */

 



	/* showRecsForFullYr      VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV*/

	.subMenuBtn, .subMenuBtnSel {
        margin:  0.15624vw 0.0vw 0.15624vw 0.0vw;
        height: 3.60468vh;        
        padding:  0.15624vw 0.4vw;
        font-size:  0.80vw;
    }

	.copyButSel, .copyBut {                   
        width: 5.10384vw;
        min-height: 3.27698vh;
        margin-left:  0.36456vw;
        margin-top:  0.2604vw;
        padding:  0.05208vw 0.2604vw;
        font-size:  0.80vw;
    }

    .docDisplayIframeRecsFullYr {
        width: 35.8vw;
        height: 99vh;
        background-color:  #FFFFFF;
    }


    /*vvvvv CALENDAR CONTAINER AND BUTTONS vvvvv*/

    .calContainer, .butPanelOuterContainer { /* .butPanelOuterContainer placed here for efficiancy  */
		width: 6.5vw;
        height: 85.74758vh;
        font-size:  0.75vw;
	}

    .dummyCalBt {           /* .dummyCalBt placed here for efficiancy  */
        width: 6.5vw;
        height: 85.74758vh;
        padding-left: 0.0vw;
        color: #A0A0A0;

    }

    .dummyBtPanlPivot {
        width: 6.5vw;
        height: 90.66305vh;
        padding-left: 0.0vw;
        color: #A0A0A0;

    }

    .subMenuContainer {
        width: 6.5vw;
        height: 4.80623vh; 
        float: left;
    }

    .calDaysOfMnthDiv {
        width: 1.85vw;
        height: 85.52912vh;
        margin-left: 0.10416vw;
        background-color:  #A0FFA0;
    }

	.calMnthsDiv {
		width: 1.85vw;
        height: 85.52912vh;
        background-color:  #A0A0FF;
    }

    .calYearsDiv {
        width: 2.65vw;
        height: 85.52912vh;
        background-color:  #FFA0A0;
    }

    .calDaysOfMnthBut {
        margin:  0.1vw;
        width: 1.6vw;
        height: 2.34909vh;

    }

    .calDaysOfMnthButHidden {
        margin:  0vw;
        width: 0.5208vw;
        padding:  0vw 0vw;
        border:  none;
        color: #A0FFA0;
        cursor:  none;
        background-color: #A0FFA0;
    }

    .calDaysOfMnthButSelected {
    	margin:  0.1vw;
        width: 1.6vw;
        height: 2.34909vh;


    }

    .calMnthBut {
    	margin:  0.1vw;
        width: 1.6vw;
        height: 2.41201vh;


    }

    .calMnthButSelected {
	    margin:  0.1vw;
	    width: 1.6vw;
        height: 2.41201vh;


    }

    .calYearBut {
    	margin:  0.1vw;
        width: 2.5vw;
        height: 2.34909vh;
    }

    .calYearButSelected {
        margin:  0.1vw;
        width: 2.5vw;
        height: 2.34909vh;
    }





     /* vvvvvvvvvv butPanelJSInteracStrOnly vvvvvvvvvvv */

    .butPanelInnerScrlContainer { 
        margin-top: 0.7812vw;
        width: 6.5vw;
        height: 72.09351vh;
    }

    .homeInDiv {
        border:  0.05208vw solid blue;
        text-align: left;
        color:  #606060;
        width: 4.35vw;
        height: 2.40312vh;
        padding:  0.15624vw 0.5208vw;
        margin:  0.15624vw;
        font-size:  0.75vw;
        cursor:  text;
        background-color:  #FFFF80;
    }

    .NameSelBtn, .NameSelBtnSelected, .namesSelPanelAddBut, .accsSelBut, .accsSelButSelected {
        margin:  0.15624vw;
        width: 5.5vw;
        min-height: 3.16775vh;
        padding:  0.15624vw 0.5208vw;
        font-size:  0.75vw;
        word-wrap:  break-word;
    }

    /* ^^^^^^^^^^^^ butPanelJSInteracStrOnly END ^^^^^^^^^^ */




    
    /*                                                                                                   ####    ####    ####    ####
                                                                                                         ####    ####    ####    ####
       ############### START - SECTION LIFTED FROM showRecsForFullYr.php TO CONTROL DIV DISPLAY CELLS    ####    ####    ####    ####   */


    /*  Classes needed for main scrolling records display: 
    php js  displayCellStd                  white background, unselected - for most displayed cells
    php     pivotCellStd                    white background, with content aligned right for money cells
    php     pivotCellRowName                white background, much wider for the row names of pivot table
    php     pivotCellRowNameRight           white background, much wider for the row names of pivot table - text sits to the right
    php     pivotCellRowNameRed             red background to indicate -ve value
    php js  displayCellMoney                white background, unselected - with content aligned right for money cells
        js  displayCellRowSel               light grey background line-select - for most displayed cells
        js  displayCellRowSelMoney          light grey background line-select - with content aligned right for money cells

        js  displayCellMoneyWarn            amber warning that update not completed but with content aligned right for money cells
    php js  displayCellFilt                 straw yellow background for all cells in column that has been filtered - for most displayed cells 
    php js  displayMoneyCellFiltClass       straw yellow background for all cells in column that has been filtered - but with content aligned right for money cells 
    
    php js  displayCellRcnclBlank           white background and text - blanking for reconciled date cells where the date is default 2000-01-01 
        js  displayCellLineSelRcnclBlank    light grey background with light grey text - blanking for reconciled date cells in selected lines where the date is default 2000-01-01 
        js  displayCellSnglSelRcnclBlank    dark blue background with dark blue text - blanking for reconciled date cells, selected single cell where the date is default 2000-01-01 
    php     displayCellRcnclEarly           orange background - for reconciled date cells where the date is accidentally set before the transaction date
    php js  displayCellRcnclNot             red background - for reconciled date cells where the date is set after the end of the current display date period

    
        js  displayCellWarn                 amber background warning that update not completed - for most displayed cells
        
        js  displayCellSnglSel              dark blue background single-cell select - for most displayed cells
        js  displayCellSnglSelMoney         dark blue background single-cell select - but with content aligned right for money cells
         */


    .recHeadingCell, .recHeadingCellNarrow, .recHeadingCellVeryNarrow, .recStickyCell, .recStickyCellNarrow, .recStickyCellVeryNarrow {

        word-wrap:  break-word;
        border-style:  solid;
        border-width: 0.05vw;
        border-color:  #C0C0C0;
        padding:  0.12vw;
        cursor:  pointer;
    }

    .recHeadingCell, .recHeadingCellNarrow, .recHeadingCellVeryNarrow {
        font-weight:  bold;
    }

    .recStickyCell, .recStickyCellNarrow, .recStickyCellVeryNarrow {
        font-weight:  normal;
    }

    .recHeadingCell, .recStickyCell {
        width: 3.48vw;
    }

    .recHeadingCellNarrow, .recStickyCellNarrow {
        width: 2.5vw;
    }

    .recHeadingCellVeryNarrow, .recStickyCellVeryNarrow {
        width: 1.8vw;
    }

    
    .recGroupIndicationCell {
        width: 3.41vw;
        height: 1.09233vh;
        margin:  0.2604vw;
        border-style:  solid;
        border-width: 0.05208vw;
        border-color:  #C0C0C0;
        padding:  0.15624vw;
        background-color:  #FFFFFF;
        cursor:  pointer;
    }

    .recGroupIndicationCellSel {
        background-color:  #000000;
    }

    .recTotalsCell {
        width: 3.41vw;
        height: 2.18465vh;
        margin:  0.2604vw;
        border-style:  solid;
        border-width: 0.05208vw;
        border-color:  #C0C0C0;
        padding:  0.15624vw;
        background-color:  #FF80FF;
        cursor:  pointer;
    }

    .recTotalsCellGood {
        width: 3.41vw;
        height: 2.18465vh;
        margin:  0.2604vw;
        border-style:  solid;
        border-width: 0.05208vw;
        border-color:  #C0C0C0;
        padding:  0.15624vw;
        background-color:  #00FF00;
        cursor:  pointer;
    }

    .recTotalsCellBad {
        width: 3.41vw;
        height: 2.18465vh;
        margin:  0.2604vw;
        border-style:  solid;
        border-width: 0.05208vw;
        border-color:  #C0C0C0;
        padding:  0.15624vw;
        color:  #FFFFFF;
        background-color:  #FF0000;
        cursor:  pointer;
    }

    .cloneNumCell {
        width: 3.41vw;
        height: 2.18465vh;
        margin:  0.2604vw;
        border-style:  solid;
        border-width: 0.05208vw;
        border-color:  #C0C0C0;
        padding:  0.15624vw;
        background-color:  #DDDDDD;
        cursor:  pointer;
    }

    .withdrawnDiffCell {
        width: 3.41vw;
        height: 2.18465vh;
        margin:  0.2604vw;
        border-style:  solid;
        border-width: 0.05208vw;
        border-color:  #C0C0C0;
        padding:  0.15624vw;
        background-color:  #FFC0A0;
        cursor:  pointer;
    }

    

    .displayCellStd, .displayCellRowSel, .displayCellSnglSel, .displayCellSnglSelEditable, .displayCellSnglSelMoney, .displayCellWarn, .displayCellFilt, .displayMoneyCellFiltClass, .displayCellRcnclEarly, .displayCellRcnclNot, .displayCellSnglSelRcnclBlank, .displayCellLineSelRcnclBlank, .displayCellRcnclBlank, .displayCellMoney, .displayCellMoneyWarn, .displayCellRowSelMoney {
       /* color:  #000000; REMOVED SO IT COULD BE ASSERTED BY SUFFIX COLOR CLASS IF REQUIRED */
        word-wrap:  break-word;
        width: 3.48vw;
        border-style:  solid;
        border-width: 0.05vw;
        border-color:  #D8D8D8;
        padding:  0.12vw;
    }

    .removedFromAbove {
        cursor:  pointer;
        -webkit-user-select:  none;  /* Chrome all / Safari all */
        -moz-user-select:  none;     /* Firefox all */
        -ms-user-select:  none;      /* IE 10+ */
        user-select:  none;          /* Likely future */ 
    }

    .displayCellNar {
        word-wrap:  break-word;
        width: 2.5vw;
        border-style:  solid;
        border-width: 0.05vw;
        border-color:  #D8D8D8;
        padding:  0.12vw;
    }

    .displayCellVeryNar {
        word-wrap:  break-word;
        width: 1.8vw;
        border-style:  solid;
        border-width: 0.05vw;
        border-color:  #D8D8D8;
        padding:  0.12vw;
    }

    .pivotCellStd, .pivotCellRowName, .pivotCellRowNameRight, .pivotCellRowNameRightBold {
        word-wrap:  break-word;
        width: 3.59352vw;
     /*   border-style:  solid;
        border-width: 0.05208vw;
        border-color:  #D8D8D8; */
        padding:  0.15624vw;
        cursor:  pointer;
        -webkit-user-select:  none;  /* Chrome all / Safari all */
        -moz-user-select:  none;     /* Firefox all */
        -ms-user-select:  none;      /* IE 10+ */
        user-select:  none;          /* Likely future */  
    }

    .displayCellStd {
        /*display:  inline-block;*/
    }

    .pivotCellStd {
        width: 3.22896vw;
        text-align: right;
    }

   	.pivotCellStdBordersClss {
   		border-style:  solid;
        border-width: 0.05208vw;
        border-color:  #D8D8D8;
   	}

   	.pivotCellBoldTBbordersClss {
   		border-style:  solid;
        border-width: 0.05208vw;
   		border-top-color: #000000;
	    border-bottom-color: #000000;
	    border-left-color: #B0B0B0;
	    border-right-color: #B0B0B0;
   	}

    .pivotCellRowName {
        width: 7.2912vw;
        font-weight:  bold;
        white-space: nowrap;
        overflow: hidden;
    }

    .pivotCellRowNameRight {
        width: 7.2912vw;
        text-align: right;
        white-space: nowrap;
    }

    .pivotCellRowNameRightBold {
        width: 7.2912vw;
        font-weight:  bold;
        text-align: right;
    }

    .displayCellRcnclBlank {
      /*  color:  #FFFFFF;
        background-color:  #FFFFFF; REMOVED SO THESE ATRIBUTES COULD BE SET BY SUFFIX COLOR CLASS IN PHP createStndDisplData() IF DESIRED */
    }

    .displayCellRowSel, .displayCellNarRowSel {
        color:  #000000;
        background-color:  #E0E0E0;
    }

    .displayCellRowSelMoney {
        color:  #000000;
        background-color:  #E0E0E0;
        text-align: right;
    }

    .displayCellSnglSel {  /* used in JSforAccCcc.js */
        color:  #000000;
        background-color:  #9090FF;
    }

    .displayCellSnglSelEditable {
        color:  #000000;
        background-color:  #9090FF;
        cursor:  text;
        -webkit-user-select:  auto;  /* Chrome all / Safari all - allows text to be selected */
        -moz-user-select:  auto;     /* Firefox all */
        -ms-user-select:  auto;      /* IE 10+ */
        user-select:  auto;          /* Likely future */  
    }

    .displayCellSnglSelMoney {
        color:  #000000;
        background-color:  #9090FF;
        text-align: right;
        cursor:  text;
        -webkit-user-select:  auto;  /* Chrome all / Safari all - allows text to be selected */
        -moz-user-select:  auto;     /* Firefox all */
        -ms-user-select:  auto;      /* IE 10+ */
        user-select:  auto;          /* Likely future */ 
    }


    .displayCellSnglSelRcnclBlank {
        color:  #9090FF;
        background-color:  #9090FF;
    }

    .displayCellWarn {
        background-color:  #FFD030;
    }


    .displayCellLineSelRcnclBlank {
        color:  #E0E0E0;
        background-color:  #E0E0E0;
    }


    .displayCellMoney {
        text-align: right;
    }

    .displayCellMoneyWarn {
        text-align: right;
        background:  rgba(255, 208, 48, 1.0);
    }

    .displayCellFilt {
        background-color:  #FFFF80;
    }

    .displayMoneyCellFiltClass {
        text-align: right;
        background-color:  #FFFF80;
    }

    .displayCellRcnclEarly {
        color:  #FFFFFF;
        background-color:  #FFAA00;
    }

    .displayCellRcnclNot {
        color:  #FFFFFF;
        background-color:  #FF0000;
    }



    /*                                                                                                  ####    ####    ####    ####
                                                                                                        ####    ####    ####    ####
    /* ############### END - SECTION LIFTED FROM showRecsForFullYr.php TO CONTROL DIV DISPLAY CELLS     ####    ####    ####    ####   */



    /* ############ SECTION FOR AUTOGENERATED CASH RECEIPTS PAGE ############ */

    .pageDivRcptPg {
        /*flex-grow:1;
        overflow:auto;*/
        width: 1200px;
        height: 750px;
        padding-top:30px;
        padding-left:150px;
        background-color: #FFFFFF;
    }

    .headingRcptPg {
        color: #000000;
        font-size: 14px;
        font-weight: bold;
        word-wrap: break-word;
        width: 168px;
        min-height: 25px;
        border: none;
        margin-left: 20px;
        padding: 3px;
        background-color: #FFFFFF;
        cursor:default;
    }

    .wrapDivRcptPg {
        width: 175px;
        border: none;
        margin-left: 20px;
        margin-bottom: 5px;
        background-color: #FFFFFF;
        float:left;
    }

    .editCellRcptPg {
        color: #000000;
        font-size: 14px;
        word-wrap: break-word;
        width: 170px;
        min-height: 25px;
        border-style: solid;
        border-width: 1px;
        border-color: #C0C0C0;
        padding: 3px;
        background-color: #FFFFFF;
        cursor: text;
       

    }

    .wordChoiceHideRcptPg {
        color: #000000;
        font-size: 14px;
        word-wrap: break-word;
        width: 170px;
        min-height: 20px;
        border: none;
        padding: 3px;
        background-color: #FFFFFF;
        display:none;
        cursor:default;

    }

    .wordChoiceFromTableShowRcptPg, .wordChoiceFromPrevChoicesShowRcptPg, .wordChoiceFromTableShowRcptPgFirstRcptPg, .wordChoiceFromPrevChoicesShowRcptPgFirstRcptPg {
        color: #000000;
        font-size: 14px;
        line-height: 100%;
        word-wrap: break-word;
        width: 170px;
        min-height: 20px;
        border: none;
        padding-left: 3px;
        padding-right: 3px;
        padding-bottom: 3px;
        cursor:default;

    }

    .wordChoiceFromTableShowRcptPgFirstRcptPg {
        text-align: left;
        background-color: #E0E0E0;
    }

    .wordChoiceFromPrevChoicesShowRcptPgFirstRcptPg {
        text-align: right;
        background-color: #A0FFA0;
    }

    .wordChoiceFromTableShowRcptPg {
        text-align: left;
        background-color: #E0E0E0;
    }

    .wordChoiceFromPrevChoicesShowRcptPg {
        text-align: right;
        background-color: #A0FFA0;
    }

    .paddingTopNormalRcptPg {
        padding-top: 3px;
    }

    .paddingTopMoreRcptPg {
        padding-top: 10px;
    }


    /* ############ SECTION FOR AUTOGENERATED CASH RECEIPTS PAGE - END ############ */


/*}*/




/*
#################################      ####################
#################################      ####################
#################################      ####################
#################################      ####################
#################################      ####################
#################################      ####################
#################################      ####################
*/
/*
@media screen and (min-width: 70.8288VW) and (max-width: 99.42072VW) {*/ /* widescreen 1366 x 768 (#### ORDINARY LAPTOP ####) with Firefox or Chrome maximised */


/*}*/
    



/*
####################      #################################
####################      #################################
####################      #################################
####################      #################################
####################      #################################
####################      #################################
####################      #################################
*/
/*
@media screen and (min-width: 53.27784VW) and (max-width: 70.77672VW) {*/ /* iPad 4 landscape */


/*}*/




/*
#####      ################################################
#####      ################################################
#####      ################################################
#####      ################################################
#####      ################################################
#####      ################################################
#####      ################################################
*/
/*
@media screen and (max-width: 53.22576VW) {*/ /* Nexus 6P landscape with Android navigation buttons still on screen (only displays full height with navigation bar at top pushed out of the way) */
    
/*}*/