@charset "UTF-8"; 

@font-face
{
font-family: ADAM, Arial;
src: url('fonts/ADAM, Arial.ttf'),
	 url('fonts/ADAM, Arial.otf'); /* IE9 */
}

@font-face{
font-family:LATO, Arial;
src: url('fonts/LATO, Arial-Regular.woff2');
}

@font-face{
	font-family:Nevis;
	src:url('fonts/Nevis.ttf');
}

@charset "UTF-8"; 


hr{
	border:none;
	border-top: 1px solid rgba(0,0,0,0.4);
}

.multifilter::-webkit-scrollbar{
	width:4px;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #CCC;
  border:none;
}
::-webkit-scrollbar-track {
  background: #999999;
  border:none;
  border-radius: 0px;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

html{font-family: LATO, Arial;margin: 0; overflow: auto;}

body{
	background-color: #EEEEEE;
	font-family: LATO, Arial;
	margin: 0; padding: 0; 
	background-color: none;
	overflow: auto;
	}

form {font-family: LATO, Arial;}


form.Musgraves{
	font-family: LATO, Arial;
	height:auto;
	top:0;
	margin-bottom:0;
	z-index:999;
	width:100%;}
	
	header{margin:0; padding:0;}

body.carlsberg
{
background-image:url('/carlsberg/carlsbergcan.jpg');
background-repeat:no-repeat;
background-position:center center;
background-size: cover;

} 

body{background:#F2F2F2;}
/*form{background-color: white;font-family: LATO, Arial;height:100%;min-height:100%}*/

a:suppress{text-decoration:none;}

	a{
		color:#274971;
		transition:background-color .3s linear, color .3s linear;
	}
	
	input{
		transition:background-color .3s linear, color .3s linear;
	}
	
	td a{
		color:#0070FF;
	}
	
	a.upButt, .upButt, .upButtInv{
	/*Put them way up inside there, as far as they can fit, Morty.*/
		display:block;
		border-radius:3px;
		padding-top:1px;
		padding-bottom:1px;
		text-decoration:none;
		color:#274971;
		margin:2px 0;
		transition:all 0.3s ease-in;
		border:1px solid #274971;
		font-weight:normal;
		cursor:pointer;
	}
	
	a.upButt:hover, .upButt:hover, .upButtInv:hover{
	/*You got to do it for grandpa, Morty*/
		color:white;
		background:#274971;
		border:1px solid white;
	}
	
	.upButtInv{
		background:white;
	}
	
	input.endCon{
		background:transparent;
		color:white;
		display:block;
		position:absolute;
		right:0;
		top:0;
		padding:.5em 1em;
		margin:1em;
		border:1px solid white;
	}
	
	input.endCon:hover{
		background:mediumaquamarine;
	}

h1,h2,h3,h4,h5,h6{
	font-family:Nevis,Lato, Arial;
}
	
h1 {background-color: white}
h1 {text-align: center;
    color: black;}
	
h2{
	text-transform:small-caps;
	background-color: transparent
}

h3 {background-color:transparent;
	color: blue;
	font-family: LATO, Arial;
	z-index:-1;
	font-size: 12pt
	}
p {background-color: white;
   color:black;
   text-align: center
  }

  
p.page { page-break-before: always; }  
  
 p.pleft {background-color: white;
   color:black;
   text-align: left
  }
  
   p.pcenter {background-color: white;
   color:black;
   text-align: center
  }
  
table{
	color:#222222;
	text-align: center;
	border:1px solid #CCC;
	background:#FFF;
}
   
     table.DisplayTableLinks{
   background-color: white;
   color:black;
   text-align: center;
   float:none;
   border: 1px solid black;
   /*width:auto;*/
   /*margin:0px auto;*/
	table-layout:fixed;
	word-wrap: break-word;
   /*border-collapse:collapse;*/
   }
      table.DisplayTableLinkssmall{
   background-color: white;
   color:black;
   text-align: center;
   float:none;
   border: 1px solid black;
   /*width:auto;*/
   /*margin:0px auto;*/
	table-layout:fixed;
	word-wrap: break-word;
   /*border-collapse:collapse;*/
   }
   
   
    table.FullBorder{
   background-color: white;
   color:black;
   text-align: center;
   float:none;
   border: 1px solid black;
   width:65%;
   margin-left:17.5%; 
    margin-right:17.5%;

   table-layout:fixed;
   word-wrap: break-word;
   }
   
       table.FormBorder{
   background-color: white;
   color:black;
   text-align: center;
   float:none;
   border: 1px solid black;
   width:80%;
   margin-left:10%; 
    margin-right:10%;

   table-layout:fixed;
   word-wrap: break-word;
   }
   
   
table.FormBorderleftalign{
	background-color: white;
	color:black;
	text-align: left;
	float:none;
	border: 1px solid #ccc;
	width:100%;
	margin-left:0%; 
	margin-right:0%;
	border-collapse:collapse;
	table-layout:fixed;
	word-wrap: break-word;
	box-shadow: 0px 0px 5px 0px rgba(136,136,136,1);
}

table.FormBorderMaster{
   background-color: transparent;
   color:black;
   text-align: left;
   float:none;
   border: 0px solid black;
   width:100%;
    max-width:1200px;
   min-width:1100px;
margin-left:auto; 
    margin-right:auto;

	/*border-collapse:collapse;*/
   table-layout:fixed;
   word-wrap: break-word;
   -webkit:full-screen; 
   -webkit-width:100%;
     -webkit-margin-left:0%; 
    -webkit-margin-right:0%;
   }
   
  table.FormBorderOuter{
   
 background-color: white;
   color:black;
   text-align: center;
   float:none;
   border: 3px solid rgb(256,200,256);
   width:80%;
   margin-left:10%; 
    margin-right:10%;
   table-layout:fixed;
   word-wrap: break-word;
   }
   
       table.FormBorderOuterauto{
   background-color: white;
   color:black;
   text-align: center;
   float:none;
   border: 3px solid rgb(256,200,256);
   width:100%;
   table-layout:fixed;
   word-wrap: break-word;
   }
   
   
   
         table.FormBorderLeft{
   background-color: white;
   color:black;
   text-align: left;
   float:none;
   border: 1px solid black;
   /*width:auto;*/
   border: 2px solid black;
	table-layout:fixed;word-wrap: break-word;
   }
   
   
    table.UploadTable{
   background-color: white;
   color:black;
   text-align: center;
   float:none;
   border: 2px solid black;
   width:45%;
   margin-left:0%; 
    margin-right:17.5%;

   table-layout:fixed;
   word-wrap: break-word;
   }
   
   
   
   
   
    table.CenterBorder{
   background-color: white;
   color:black;
   text-align: center;
   float:none;
   border: 1px solid black;
   width:80%;
   margin-left:10%; 
    margin-right:10%;

   table-layout:fixed;
   word-wrap: break-word;
   }
   
    table.LeftBorder{
   color:black;
   text-align: left;
   float:right;
   border: 1px solid black;
   width:70%;
   margin-left:15%; 
    margin-right:15%;

   table-layout:fixed;
   word-wrap: break-word;
   }
   
     table.LeftBorderless{
   color:black;
   text-align: left;
   float:right;
   border: 0px solid black;
   width:100%;
   margin-left:0%; 
    margin-right:0%;

   table-layout:fixed;
   word-wrap: break-word;
   }
   
      table.Auto{
   background-color: white;
   color:black;
   text-align: center;
   float:none;
   border: 1px solid black;
   width:100%;
   /*margin-left:12.5%; 
    margin-right:12.5%;
*/
   table-layout:fixed;
   word-wrap: break-word;
   }
    
       table.Auto1{
   background-color: white;
   color:black;
   text-align: center;
   float:none;
   border: 0px solid black;
   width:100%;
   /*margin-left:12.5%; 
    margin-right:12.5%;
*/
   table-layout:fixed;
   word-wrap: break-word;
   }   
   
   
h4 {text-align: center;
    color: black;}
    h5 {text-align: left;
    color: red;}

	
th{
	color:white; 
	font-family:LATO, Arial; 
	font-size: 7pt;
	background-color: #274971;
	border:0px;
	padding: 0px;
	word-wrap:break-word;
	font-weight:normal;}

th.x th {color:green; font-family: LATO, Arial; font-size: 7pt;background-color: rgb(0,0,128);}
th.hidx {
	background-color: rgb(210,170,212);  color:blue;
}

th.large {color:white; font-family: LATO, Arial; font-size: 12pt;background-color: rgb(0,0,128);}

tr {border:0px;padding:0px; transition:all 0.5s ease-in;}

tr.xtotal td, tr.zztotal td {
	background-color: rgb(180,220,256); color: black;border:0px;padding:1px; 
}

tr.standardtotal  {
	background-color: rgb(180,220,256); color: black;border:0px;padding:1px; 
}

label.standard{
	cursor:pointer;
}

tr.hidden td {
	background-color: rgb(256,256,256); color: white;
}


tr.total td {
	background-color: rgb(180,180,192); color: black;border:0px;padding:1px; 
}
tr.xsubtotal td {
	background-color: rgb(210,170,212);  color: blue;border:0px;padding:1px; 
}


tr.mutedtotal  {
	background-color: rgb(200,200,212);  color: black;border:0px;padding:1px; 
}

tr.bigheader  {
	background-color: rgb(100,150,212);  color: black;border:1px solid black;padding:1px; height: 2em;
	font-weight:bold;}


tr.row2  {
	background-color: rgb(240,240,240);
	border:0px;
	padding:0px;
	line-height:120%;
}

tr.row1  {
	background-color: #DEE3EC;
	border:0px;
	padding:0px;
	line-height:120%;
}

tr.OK  {
	background-color: rgb(220,220,220);border:0px;padding:0px;line-height:120%;
}

tr.Audit.too.Quick{
	background-color: rgb(255,182,193); color: black; height: 3em;
}


tr.High.Green{
		background-color: #F5D0A9; color: black; height: 3em;
}

tr.All.Green{
		background-color: #CEF6D8; color: black; height: 3em;
}

tr.Excessive.Audit.Time  {
	background-color: rgb(187,202,190);border:0px;padding:0px;
}

tr.row1NB  {
	background-color: rgb(240,240,240);border:0px;padding:0px;
}

tr.rowgap {
	background-color: rgb(240,240,240);border:1px;padding:0px;
}



tr.row2NB {
	background-color: rgb(220,220,220);border:0px;padding:0px;  
}

tr.newrow  {
	background-color: rgb(200,200,256); color: red; height: 3em;border:0px;padding:0px;
}

tr.Problem  {
	background-color: rgb(240,240,240);border:0px;padding:0px;
}

tr.Arow  {
	background-color: rgb(210,200,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.Krow  {
	background-color: rgb(220,190,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.Crow  {
	background-color: rgb(230,180,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.Jrow  {
	background-color: rgb(240,170,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.Erow  {
	background-color: rgb(250,160,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.Irow  {
	background-color: rgb(200,150,240); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.Grow  {
	background-color: rgb(230,180,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.Hrow  {
	background-color: rgb(240,210,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.Frow  {
	background-color: rgb(210,200,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.Drow  {
	background-color: rgb(150,110,200); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.Brow  {
	background-color: rgb(200,100,190); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}

tr.Catchup  {
	background-color: rgb(200,100,190); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}


tr.Lrow  {
	background-color: rgb(210,200,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}

tr.Mrow  {
	background-color: rgb(200,100,190); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}

tr.Nrow  {
	background-color: rgb(210,200,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.Orow  {
	background-color: rgb(200,100,190); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.Prow  {
	background-color: rgb(210,200,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.Qrow  {
	background-color: rgb(230,200,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.Rrow  {
	background-color: rgb(210,200,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.Srow  {
	background-color: rgb(200,100,190); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.Trow  {
	background-color: rgb(210,200,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.Urow  {
	background-color: rgb(200,100,190); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.Vrow  {
	background-color: rgb(210,200,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}	  


tr.xArow  {
	background-color: rgb(210,200,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.xKrow  {
	background-color: rgb(220,190,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.xCrow  {
	background-color: rgb(230,180,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.xJrow  {
	background-color: rgb(240,170,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.xErow  {
	background-color: rgb(250,160,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.xIrow  {
	background-color: rgb(200,150,240); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.xGrow  {
	background-color: rgb(230,180,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.xHrow  {
	background-color: rgb(240,210,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.xFrow  {
	background-color: rgb(210,200,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.xDrow  {
	background-color: rgb(150,110,200); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.xBrow  {
	background-color: rgb(200,100,190); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}

tr.xCatchup  {
	background-color: rgb(200,100,190); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}


tr.xLrow  {
	background-color: rgb(210,200,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}

tr.xMrow  {
	background-color: rgb(200,100,190); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}

tr.xNrow  {
	background-color: rgb(210,200,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.xOrow  {
	background-color: rgb(200,100,190); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.xProw  {
	background-color: rgb(210,200,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.xQrow  {
	background-color: rgb(230,200,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.xRrow  {
	background-color: rgb(210,200,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.xSrow  {
	background-color: rgb(200,100,190); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.xTrow  {
	background-color: rgb(210,200,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.xUrow  {
	background-color: rgb(200,100,190); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.xVrow  {
	background-color: rgb(210,200,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}	  

tr.ABrow  {
	background-color: rgb(210,200,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.BCrow  {
	background-color: rgb(220,190,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.CDrow  {
	background-color: rgb(230,180,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.DErow  {
	background-color: rgb(240,170,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.EFrow  {
	background-color: rgb(250,160,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}

tr.Yrow  {
	background-color: rgb(240,170,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}
tr.Xrow  {
	background-color: rgb(250,160,256); color: red; height: 2em;-webkit-print-color-adjust: exact; 
}


.mutedcell {
	 color: black;font-size: 7.5pt;font-family: LATO, Arial;font-weight:300;border:0px solid black;line-height:100%; width:100%; clear:both;
}

p.requestComm{
	line-height:1.1;
}

.nonmutedcell {
	 color: blue;
	 font-size: 7.5pt;
	 font-family: LATO, Arial;
	 font-weight:300;
	 border:0px solid black;
	 line-height:120%;
	 width:100%;
	 clear:both;
}

tr.incomplete  {
	background-color: rgb(256,200,256); color: black; height: 3em;
}

tr.AlertGreen  {
	background-color: #CEF6D8; color: black; height: 3em;
}
tr.AlertNotify  {
	background-color: #F9F6FF; color: black; height: 3em;
}

tr.Changed  {
	background-color: #CEF6D8; color: black; height: 3em;
}

tr.AlertAmber  {
	background-color: #F5D0A9; color: black; height: 3em;
}

tr.AlertExpose{
	background-color: #F9F6FF; color: black; height: 3em;
}

tr.incompletered  {
	background-color: rgb(256,0,0); color: black; height: 3em;
}

tr.expander  {
	height: 2em;color:white; font-size: 10pt;background-color: rgb(190,210,256);font-weight:bold;
	font-family: LATO, Arial
	}


tr.Selected  {
	background-color: rgb(256,200,200); color: black; height: 3em;
}

tr.SelectedLockPayStatus  {
	background-color: rgb(256,200,200); color: black; height: 3em;
}

tr.LockPayStatus  {
	background-color: #FFC200; color: black; height: 3em;
}




tr.Selected1  {
	background-color: rgb(256,200,200); color: black; height: 5em;
}

td{
	font-family: LATO, Arial; 
	font-size: 9pt;
	border:0px;
	padding:2px;
	font-weight:normal;
	position:relative;
	height:20px;
}

td.tight{font-family: LATO, Arial; font-size: 7pt;border:0px;padding:0px;font-weight:lighter;
}



td.border{font-family: LATO, Arial; font-size: 8pt;
border:1px solid black;padding:2px;font-weight:bold;
background:#C8C8FF;
/*-webkit-text-size-adjust: 300%;*/
}

td.default{font-family: LATO, Arial; font-size: 7pt;
border:0px solid black;padding:0px;font-weight:lighter;
word-wrap:break-word;
/*-webkit-text-size-adjust: 300%;*/
}


td.textboxhighlight{font-family: LATO, Arial; font-size: 8pt;border:4px solid red;padding:2px;font-weight:bold;}

td.textbox10highlight{font-family: LATO, Arial; font-size: 8pt;border:4px solid red;padding:2px;font-weight:bold;}

td.textboxhighlightv1{font-family: LATO, Arial; font-size: 7pt;border:2px solid red;padding:0px;font-weight:bold;}

td.borderblue{font-family: LATO, Arial; font-size: 7pt;
border:1px solid black;padding:2px;font-weight:bold;
background-color:rgb(180,200,256);
/*-webkit-text-size-adjust: 300%;*/
line-height:1.3;
text-align: center;
}




td.borderfill{font-family: LATO, Arial; font-size: 6pt;border:0px solid rgb(180,200,256);padding:2px;font-weight:bold;background-color:rgb(255,255,255);
/*-webkit-text-size-adjust: 300%;*/line-height:1.3;
}
td.borderfill2{font-family: LATO, Arial; font-size: 8pt;border:0px solid black;padding:2px;font-weight:bold;background-color:rgb(255,255,255);
/*-webkit-text-size-adjust: 300%;*/line-height:1.3;
}
td.borderfill3{
	font-family: LATO, Arial; 
	font-size: 10pt;
	border:0px solid black;
	padding:4px;
	font-weight:bold;
	background-color:#C8C8FF;
/*-webkit-text-size-adjust: 300%;*/line-height:1.6;
}

td.borderfillnew{
	font-family: LATO, Arial; 
	font-size: 10pt;
	border:0px solid black;
	padding:4px;
	font-weight:bold;
	background-color:#DEE3EC;
/*-webkit-text-size-adjust: 300%;*/line-height:1.6;
}

td.borderfillbig{font-family: LATO, Arial; font-size: 10pt;border:0px solid black;padding:2px;font-weight:bold;
/*-webkit-text-size-adjust: 300%;*/line-height:1.6;
}

td.borderfill4{font-family: LATO, Arial; font-size: 9pt;border:0px solid black;padding:2px;font-weight:bold;background-color:rgb(255,255,255);
/*-webkit-text-size-adjust: 300%;*/line-height:1.6;
}

td.borderfill5{font-family: LATO, Arial; font-size: 8pt;border:0px solid black;padding:2px;font-weight:bold;background-color:rgb(180,230,256);
/*-webkit-text-size-adjust: 300%;*/line-height:1.8;
}

td.borderfill6{font-family: LATO, Arial; font-size: 8pt;border:0px solid black;padding:2px;font-weight:bold;background-color:rgb(225,215,225);
/*-webkit-text-size-adjust: 300%;*/line-height:1.8;
}

td.borderother{font-family: LATO, Arial; font-size: 7pt;border:1px solid black;padding:2px;font-weight:bold;background-color:rgb(200,180,220);
vertical-align:bottom;text-align: left;line-height:1.3;
}


td.borderyellow{font-family: LATO, Arial; font-size: 7pt;border:1px solid black;padding:2px;font-weight:bold;background-color:rgb(255,255,0);
/*-webkit-text-size-adjust: 300%;*/line-height:1.3;
}
span.borderyellow{font-family: LATO, Arial; font-size: 7pt;border:0px solid black;padding:2px;font-weight:bold;background-color:rgb(255,255,0);
/*-webkit-text-size-adjust: 300%;*/line-height:1.3;Display:inline-block;width:95%;vertical-align:middle;color:blue;
}

span.highlight{font-family: LATO, Arial; font-size: 9pt;border:0px solid black;padding:2px;font-weight:bold;background-color:rgb(240,240,240);
line-height:1.3;Display:inline;width:auto;vertical-align:middle;color:blue;
}

span.highlighta, span.highlighta2, span.highlightwhite{
	display:block;
	margin:2px 0;
}
span.highlighta{background-color:rgb(0,191,255);}
span.highlighta2{background-color:rgb(180,200,200);}
span.highlightwhite{background-color:rgb(250,250,210);}

td.bordergroup{font-family: LATO, Arial; font-size: 7pt;border:0px solid black;padding:2px;font-weight:bold;background-color:rgb(255,200,0);
/*-webkit-text-size-adjust: 300%;*/line-height:1.3;
}
/*
span.bordergroup{font-family: LATO, Arial; font-size: 7pt;border:0px solid black;padding:2px;font-weight:bold;background-color:rgb(255,200,0);Display:inline-block;width:95%;
-webkit-text-size-adjust: 300%;line-height:1.3;vertical-align:bottom;color:blue
}
*/

td.bordersubtle{font-family: LATO, Arial; font-size: 7pt;border:1px solid black;padding:2px;font-weight:bold;background-color:rgb(120,150,180);
/*-webkit-text-size-adjust: 300%;*/line-height:1.3;
}

td.borderAmber{font-family: LATO, Arial; font-size: 7pt;border:1px solid black;padding:2px;font-weight:bold;background-color:#FF7E00;
/*-webkit-text-size-adjust: 300%;*/
}

td.borderRed{
	font-family: LATO, Arial; 
	font-size: 7pt;
	color:white;
	border:1px solid black;
	padding:2px;
	font-weight:bold;
	background-color:#9E2421;
}

/*
span.borderRed{
	font-family: LATO, Arial; 
	font-size: 8pt;
	border:0px solid black;
	background-color:#9E2421;
	line-height:1.3;
	Display:inline-block;
	width:100%;
	height:100%;
	vertical-align:middle;
	color:white;
}
*/

span.borderRed, span.borderGreen, span.bordergroup,
span.Red, span.Green, span.Amber, span.highlighta1,
span.GreenOL, span.AmberOL, span.RedOL, span.BlueOL,
span.PinkOL{
	Display:flex;
	align-items:center;
	justify-content:center;
	flex-flow:column;
	width:100%;
	height:100%;
	color:#222;
	font-weight:bold;
	box-sizing:border-box;
	overflow:hidden;
	white-space:pre;
}

span.Red, span.Green, span.Amber, span.highlighta1{
	height:auto;
	min-height:25px;
	max-height:50%;
	padding:4px;
}

span.borderRed, span.Red, span.RedOL{
	background:tomato;
	color:white;
}

span.borderGreen, span.Green, span.GreenOL{
	background:mediumspringgreen;
}

span.bordergroup, span.Amber, span.AmberOL{
	background:gold;
}

span.highlighta1{
	background:#00DCFB;
}

td.borderGreen{font-family: LATO, Arial; font-size: 7pt;border:1px solid black;padding:2px;font-weight:bold;background-color:rgb(0,200,0);
/*-webkit-text-size-adjust: 300%;*/
}
/*
span.borderGreen{font-family: LATO, Arial; font-size: 7pt;border:0px solid black;padding:2px;font-weight:bold;background-color:rgb(0,200,0);Display:inline-block;width:95%;vertical-align:middle;color:black;line-height:10px;
}
*/

td.borderlightBlue{font-family: LATO, Arial; font-size: 7pt;border:1px solid black;padding:2px;font-weight:bold;background-color:rgb(90,90,255);
/*-webkit-text-size-adjust: 300%;*/
}

span.borderlightBlue{font-family: LATO, Arial; font-size: 7pt;border:0px solid black;padding:2px;font-weight:bold;background-color:rgb(90,90,255);line-height:1.3;Display:inline-block;width:95%;vertical-align:middle;color:black
}

td.bordergrey{font-family: LATO, Arial; font-size: 7pt;border:1px solid black;padding:2px;font-weight:bold;background-color:rgb(220,220,220);
/*-webkit-text-size-adjust: 300%;*/line-height:1.3;
}

td.borderblack{font-family: LATO, Arial; font-size: 8pt;border:1px solid black;padding:2px;font-weight:bold;background-color:rgb(0,0,0);color: white;
/*-webkit-text-size-adjust: 300%;*/line-height:1.3;
}

td.borderblackcentre{
	font-family: ADAM, Arial; 
	font-size: 8pt;
	padding:2px;
	letter-spacing:1px;
	background:#DEE3EC;
	color: black;
	/*-webkit-text-size-adjust: 300%;*/
	text-align: center;
	line-height:1.3;
}

.blackb{
	font-family: ADAM, Arial; 
	font-size: 9pt;
	padding:2px;
	font-weight:bold;
	background:#274971;
	letter-spacing:1px;
	text-align:center;
	color: white;
/*-webkit-text-size-adjust: 300%;*/
}



td.bordertext{font-family: LATO, Arial; font-size: 6pt;border:1px solid black;padding:2px;/*font-weight:italic;*/text-align: left;
/*-webkit-text-size-adjust: 300%;*/line-height:1.3;
}

td.leftalign{font-family: LATO, Arial; font-size: 8pt;border:0px solid black;padding:0px;font-weight:normal;text-align: left;
/*-webkit-text-size-adjust: 300%;*/
}

td.leftalignbigger{font-family: LATO, Arial; font-size: 8pt;border:0px solid black;padding:1px;font-weight:normal;text-align: left;
/*-webkit-text-size-adjust: 300%;*/
}

td.bordervertical{font-family: LATO, Arial; font-size: 6pt;border:1px solid black;padding:2px;/*font-weight:italic;*/text-align:right;
vertical-align: top;
/*-webkit-text-size-adjust: 300%;*/
}

.Vertical { font-size: 10pt;background-color:rgb(220,220,220);
 
}



td.filler{font-family: LATO, Arial; font-size: 8pt;border:0px solid black;padding:0px;background-color:rgb(220,220,226)
/*-webkit-text-size-adjust: 300%;*/
}

td.GreenHighlight, 
td.GreenHighlightv1, 
td.RedHighlight, 
td.RedHighlightv1,
td.BlueHighlight,
td.OrangeHighlight,
td.AmberHighlight,
td.LightAmberHighlight,
td.LightRedHighlight,
td.LightGreenHighlight{
	color:white;
	font-size:12px;
	font-weight:bold;
}

td.GreenHighlight:hover,
td.RedHighlight:hover,
td.OrangeHighlight:hover,
td.AmberHighlight:hover,
td.LightGreenHighlight:hover,
td.LightRedHighlight:hover,
td.LightAmberHighlight:hover{
	background:#222;
	color:springgreen;
}

td.GreenHighlight, td.GreenHighlightv1{
	background-color:mediumseagreen;
}
td.RedHighlight, td.RedHighlightv1{
	background-color:firebrick;
}
td.BlueHighlight{
	background-color:cornflowerblue;
}
td.OrangeHighlight, td.AmberHighlight{
	background-color:gold;
}
td.LinkHighlight{
	color:blue;
	background-color:rgb(255,255,0);
	font-weight:bold;
	font-size: 9px;
}
td.LinkHighlight:hover{
	color:white;
	background-color:rgb(255,165,0);
	font-weight:bold;
	font-size: 12px;
}
td.LightAmberHighlight {
    background-color: khaki;
	color:#222;
}
td.LightRedHighlight {
	background-color: lightcoral;
	color:#222;
}
td.LightGreenHighlight {
    background-color:palegreen;
	color:#222;
}

td.Red{
	color:red;
	font-weight:bold;
}

td.Amber{
	color:orange;
	font-weight:bold;
}

td.Green{
	color:limegreen;
	font-weight:bold;
}

td.message{
	font-family: LATO, Arial;
	font-size: 8pt;
	border:0px solid black;
	padding:2px;
	font-weight:bold;
}

select:selected{font-size:7pt;color: green;white-space: nowrap;-webkit-appearance: menulist-text;}
.filter{font-size:7pt;font-family:LATO, Arial;color: blue;width: 10em;}
.multifilter{font-size:7pt;font-family:LATO, Arial;color: blue;width: auto;}
/*.filter option{font-size:7pt;color: blue;background-color:pink}*/
.filter option selected{font-size:7pt;color: green;}
/*select:hover { background-color: red;width: auto; }*/
select{font-size:7pt;font-family:LATO, Arial;-webkit-appearance: menulist-text;}
select.selectcolourmultifilter{font-size:7pt;font-family:LATO, Arial;width: auto;color: blue;background-color:pink;}
select.selectcolour{font-size:7pt;font-family:LATO, Arial;width: 10em;color: blue;background-color:pink;}
select.selectyellow{font-size:7pt;font-family:LATO, Arial;width: 10em;color: blue;background-color:yellow;}
option{font-size:7pt;font-family:LATO, Arial;color: blue;white-space: nowrap;}
option.selectvalues{background-color:pink;width: auto}
option[selected]{background-color:yellow} 

.dropdownentry{
	font-size:7pt;
	font-family:LATO, Arial;
	color:black;
	border:none;
	max-width:15em; 
	width:95%;
	padding: 2px;
	-webkit-appearance:none;
	white-space:pre-wrap;
}

.dropdownentryhighlight{font-size:7pt;font-family:LATO, Arial;color: red;width: 95%;white-space: nowrap;}
.dropdownentrytest{font-size:10pt;font-family:LATO, Arial;color: blue;width: 99%;white-space: nowrap;margin-top:10px;line-height:20px; }
input{
	font-size:8pt;
	font-family:LATO, Arial;
	}
H6{font-family: LATO, Arial; font-size: 8pt;}

body { 
	font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 15pt;
	color: black;
	font-weight:bold;
	display:flex;
	flex-flow:column;
	height:100vh;}

span.GreenHighlight{color:white;background-color:green;font-weight:bold; font-size: 10px; display:block;}
span.GreenHighlight:hover{color:green;background-color:black;}


span.blink{
	color:white;font-weight:bold; font-size: 10px; display:block;
	}
span.hovershow{Display:none;}
span.blink1{color:white;font-weight:bold; font-size: 10px; display:inline;padding: 2px;width: 20px;z-index:999999;}
span.hovershow1{Display:none;}
span.blink:hover span.hovershow{Display:flex; justify-content:center; align-items:center; color:black;background-color:rgb(220,180,245);position: absolute;float: right: 10%;
	z-index:1000000;  
	width: 302px;top:75px;height: 75px;border:1px solid rgba(0,0,0,0.7);
border-radius:5px;
}


span.blink1:hover span.hovershow1{Display:inline;color:black;background-color:rgb(255,255,245);position: absolute;float: right: 10%;
	z-index:1000000;  
	width: 302px;top:75px;height: auto;border:2px solid;
border-radius:25px;padding: 4px;font-weight:normal;
}

span.hovershowON{Display:inline-block;color:black;background-color:rgb(255,255,245);position: relative;float: right: 10%;
	z-index:1000000;  
	width: 302px;top:-200px;height: auto;border:2px solid;
border-radius:25px;padding: 4px;font-weight:normal;
}


span.hovershowONBlock{Display:block;color:black;background-color:rgb(255,255,245);position: relative;float: right: 0%;
	z-index:1000000;  
	width: 100%;top:0px;height: auto;border:2px solid;
border-radius:25px;padding: 4px;font-weight:normal;
}


span.GreenHighlightv1{color:white;background-color:green;font-weight:bold; }

span.RedHighlightv1{color:black;background-color:red;font-weight:bold;line-height:1.3;Display:inline-block;width:95%;vertical-align:middle; }

span.RedHighlight{
	display:block;
	outline:3px solid crimson;
}

span.BlueHighlight{color:white;background-color:blue;font-weight:bold; font-size: 10px; }
span.OrangeHighlight{color:white;background-color:orange;font-weight:bold; font-size: 10px;padding:0px; display:block; }
span.LinkHighlight{color:blue;background-color:rgb(255,255,0);font-weight:bold; font-size: 9px;; display:block;}
span.LinkHighlight:hover{color:white;background-color:rgb(255,165,0);font-weight:bold; font-size: 12px;}



span.small { font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
font-size: 85%;font-weight:lighter;color: blue; }

span.comment { display:block;font-family: LATO, Arial;
font-size: 75%;font-weight:lighter;color: white; line-height:100%;}
span.header { font-family: LATO, Arial;display:block;
font-size: 90%;font-weight:lighter;color: white;line-height:100%; }

span.required { font-family: LATO, Arial;display:block;
font-size: 90%;font-weight:lighter;color: white;line-height:100%; }


span.filtertext { display:block;}

span.filtertextmini { display:inline-block;padding: 5px; font-weight:normal;}

span.tickboxsmall { 
	font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
	font-size:90%;
	font-weight:lighter;
	color: #222; 
}

span.radiobuttonsmall { 
	font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight:lighter;
	}


span.stdwidth{ font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
font-size: 85%;font-weight:heavy;color: black;min-width:10%;width:auto;
display:inline-block;padding:5px; }


span.smallerwidth{ 
font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
font-weight:normal;
color: #222;
min-width:7%;
width:auto;
display:inline-block;
padding:2px;
padding-left:20px; }

span.tiny { font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
font-size: 80%;font-weight:lighter; color: red;}


span.RedPepsi { font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
font-size: 100%;font-weight:lighter; color: white; background:rgb(240,0,0);

}

span.AmberPepsi { font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
font-size: 100%;font-weight:lighter; color: white; background:rgb(255,191,0);

}

span.GreenPepsi { font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
font-size: 100%;font-weight:lighter; color: white; background:rgb(0,240,0);

}

tr.Hired  {
 background-color: palegreen;
 border:0px;
 padding:0px;
 line-height:120%;
}

tr.Unsuitable  {
 background-color:salmon;
 border:0px;
 padding:0px;
 line-height:120%;
}




IMG.client {
 position:relative;
 top:0px;
 z-index:2;  
 float:left;
 left:10px;
 /*padding: 20px;*/
 width:135px;
 height:100px;
 margin:2px;
 background:rgb(256,256,256);
 border: 2px solid rgb(256,256,256);
 display:inline;
}

IMG.clientsmall {
 position:relative;
 top:0px;
 z-index:2;  
 float:left;
 left:10px;
 /*padding: 20px;*/
 width:100px;
 height:60px;
 margin:2px;
 background:rgb(256,256,256);
 border: 2px solid rgb(256,256,256);
 display:inline;
}

IMG.clientfloat {
 position:absolute;
 top:0px;
 z-index:2500;  
 float:right;
 right:2px;
 /*padding: 20px;*/
 width:109px;
 height:30px;
 margin:1px;
 background:rgb(256,256,256);
 border: 5px solid rgb(256,256,256);
 display:inline;
}

IMG.suffix {
 position:relative;
 background:rgb(256,256,256);
 display:inline;
}


IMG.carlsberg{
 position:absolute;
 top:0px;
 z-index:2500;  
 float:right;
 right:0px;
 /*padding: 20px;*/
 width:100px;
 height:80px;
 margin:0px;
 background:rgb(120,120,180);
 border: 0px solid rgb(256,256,256);
 display:inline;
}

IMG.Unilever{
 position:absolute;
 top:0px;
 z-index:2500;  
 float:right;
 right:0px;
 /*padding: 20px;*/
 width:35px;
 height:41px;
 margin:0px;
 background:rgb(120,120,180);
 border: 0px solid rgb(256,256,256);
 display:inline;
}




IMG.clientfloatlarge {
 position:absolute;
 top:0px;
 z-index:2500;  
 float:right;
 right:0px;
 /*padding: 20px;*/
 width:218px;
 height:60px;
 margin:0px;
 background:rgb(256,256,256);
 border: 5px solid rgb(256,256,256);
 display:inline;
}

IMG.logo{
 position:fixed;
 top:3px;
 z-index:20;  
 float:right;
 right:25px;
 /*padding: 20px;*/
 width:100px;
 height:49px;
 padding:3px;
 background:#F2F2F2;
}

IMG.smalllogo{
 position:absolute;
 top:0px;
 z-index:2;  
 float:right;
 right:10px;
 /*padding: 20px;*/
 width:135px;
 height:65px;
 margin:1px;
 background:rgb(120,120,180);
 border: 2px solid rgb(256,256,256);
 display:inline;
}
IMG.tinylogounilever{
 position:absolute;
 top:0px;
 z-index:20;  
 float:right;
 right:0px;
 /*padding: 20px;*/
 width:44px;
 height:51px;
 margin:1px;
 background:rgb(120,120,180);
 border: 5px solid rgb(256,256,256);
 display:inline;}

IMG.tinylogo{
	position:absolute;
	top:0px;
	z-index:20;  
	float:right;
	right:5px;
	height:35px;
	margin:1px;
	display:inline;
}

IMG.minilogo{
	z-index:200;
	height:28px;
	padding:5px 10px;
	background-color:transparent;
	border: 0;
	position:absolute;
	top:0;
	left:0;
	transition: background-color 0.5s;
}

IMG.minilogo:hover{
	background-color:#F2F2F2;
}

IMG.thumbpic{
 position:relative;
 
 z-index:2000; 
 /*float:center;
 right:120px;
 /*padding: 20px;*/
 width:160px;
 height:60px;
 margin:0px;
 background:rgb(120,120,180);
 border: 0px solid rgb(256,256,256);
 display:inline;
}

IMG.thumbpicResize{
 position:relative;
 
 z-index:2000; 
 /*float:center;
 right:120px;*/
 padding: 0px;
 width:40px;
 /*height:60px;*/
 margin:0px;
 background:rgb(120,120,180);
 border: 0px solid rgb(256,256,256);
 display:inline;
}

IMG.thumbpic_Resize{
 position:relative;
 z-index:2000; 
 padding: 0px;
 width:20px;
 margin:0px;
 background:rgb(120,120,180);
 border: 0px solid rgb(256,256,256);
 display:inline;
}

IMG.thumbpic_Resize:hover{
 position:relative;
 
 z-index:2000; 
 padding: 0px;
 width:80px;
 margin:0px;
 background:rgb(120,120,180);
 border: 0px solid rgb(256,256,256);
 display:inline;
}


IMG.thumbpicResizebigger{
 position:relative;
 
 z-index:2000; 
 /*float:center;
 right:120px;
 /*padding: 20px;*/
 width:80px;
 /*height:60px;*/
 margin:0px;
 background:rgb(120,120,180);
 border: 0px solid rgb(256,256,256);
 display:inline;
}

IMG.spanpic{
 position:relative;
 
 z-index:2000; 
 /*float:center;
 right:120px;
 /*padding: 20px;*/
 width:300px;
 height:300px;
 margin:0px;
 background:rgb(120,120,180);
 border: 0px solid rgb(256,256,256);
 display:inline;
}

IMG.MonitoringPic{
	position:relative;
	z-index:10; 
	width:100%;
	max-width:100px;
	display:inline;
	transition:max-width ease-in 0.3s;
}

IMG.MonitoringPic:hover{
	width:auto;
	max-width:50vw;
	background:rgb(120,120,180);
}

IMG.MonitoringPicICE, IMG.MonitoringPicICEBig{
	z-index:100;
	position:relative;
	width:auto;
	max-width:200px;
	display:inline;
	transition:max-width ease-in 0.3s;
}

IMG.MonitoringPicICE1:hover, IMG.MonitoringPicICE:hover{
	max-width:500px;
	background:rgb(120,120,180);
}


.minilogo{
 position:static;
 top:-10px;
 z-index:2; 
 /*float:center;
 right:120px;
 /*padding: 20px;*/
 margin:0px;
 border: 0px solid rgb(256,256,256);
 display:inline;
}

IMG.logoblock {
 position:relative;
 top:0px;
 z-index:2;  
 float:left;
 left:10px;
 /*padding: 20px;*/
 width:67px;
 height:50px;
 margin:2px;
 background:rgb(256,256,256);
 border: 2px solid rgb(256,256,256);
 display:block-inline;
}


IMG.recruit {
	position:relative;
	top:0px;
	z-index:2;  
	float:left;
	left:10px;
	/*padding: 20px;*/
	width:100px;
	height:75px;
	margin:2px;
	background:transparent;
	border: 0px ;
	display:none;
}

span.BlueOL{ 
	background:lightblue;
}

span.PinkOL{ 
	background:pink;
}
	
span.heading { font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
font-size: 10pt; color: blue;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	margin: 1px;
	padding: 0px;
	font-weight: bold;
	text-align: center;
	z-index:1;
	background:rgb(225,226,226);
	display:block;
	}
span.heading2 { font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
font-size: 10pt; color: blue;
	position: relative;
	top: 15px;
	left: -8px;
	width: 100%;
	margin: 1px;
	padding: 0px;
	font-weight: bold;
	text-align: left;
	z-index:0;
	background:rgb(220,220,256);
	border: 1px solid rgb(0,0,0);
	display:block;
	}
	
span.subheading { 
	font-family: Nevis, LATO, Arial, LATO, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	letter-spacing:2px;
	font-size: 20pt;
	color: white;
	border:none;
	width: 50%;
	margin: 0px;
	margin-right:20%;
	box-sizing:border-box;
	font-weight: bold;
	text-align: center;
	z-index:-1;
	background : transparent; 
	display:inline;
	overflow:hidden;
	}	
	
	span.filterspan { font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:rgb(220,220,256);
	border: 1px solid rgb(200,200,256);
	display:block;
	}

span.hidefilterspan { font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	top: 0px;
	right: 6px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-align: right;
	z-index:20;
	/*background:rgb(225,226,226);*/
	border: 0px solid rgb(0,0,0);
	display:inline;
	}
	
span.numberofrowsspan { font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
font-size: 8pt; color: black;
	/*float:left;*/
	width: auto;
	margin:0px auto;
	/*margin-left:10%;*/
	padding: 12px 2px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	/*border: 0px solid rgb(0,0,0);*/
	display:inline;
	}		
	
span.numberofrowsspaninline { font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
font-size: 8pt; color: blue;
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	margin: 0px;
	padding: 1px;
	font-weight: bold;
	text-align: left;
	z-index:1000;
	/*background:rgb(256,256,256);
	border: 0px solid rgb(0,0,0);*/
	display:inline-block;
	}	
	
	span.Helpme 
{ font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
font-size: 9pt; color: blue;
	position: float;
	/*top: 0px;
	left: 0px;*/
	width: auto;
	/*min-width:250px;*/
	margin: 0px;
	margin-right:10%;
	padding: 0px;
	font-weight: bold;
	/*text-align: left;*/
	z-index:1;
	float:right;
	/*background:rgb(240,220,226);*/
	border: 0px solid rgb(0,0,0);
	display: inline;
	/*vertical-align:middle;*/
}
	
	
	
	
	
	
span.buttonspan 
{ font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: relative;
	top: 20px;
	left: 0px;
	width: 10%;
	height: 100%;
	margin: 0px;
	padding: 2px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:rgb(220,220,226);
	border: 1px solid rgb(205,206,186);
	/*vertical-align:middle;*/
	
	display:block;
	}
	
span.buttonspanprint 
{ font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	margin: 0px;
	padding: 2px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:rgb(220,220,226);
	border: 1px solid rgb(205,206,186);
	/*vertical-align:middle;*/
	box-sizing:border-box;
	display:block;
	}
span.RowsSpan
 { font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: relative;
	top: 0px;
	left: 0px;
	width: 100vw;
	display:block;
	margin: 0px;
	padding:2px 0;
	font-weight: bold;
	text-align: left;
	z-index:1;

	
	/*vertical-align:middle;*/
	}
	
				
span.ColumnSpan 
{ font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	margin: 0px;
	padding: 2px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:rgb(220,220,226);
	border: 1px solid rgb(0,0,0);
	display: block;
	/*vertical-align:middle;*/
}
	
span.Message { 
	font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
	font-size: 9pt; 
	color: #274971;
	position: relative;
	top: -2px;
	left: 0px;
	width: auto;
	margin: 0px;
	padding: 2px;
	font-weight: bold;
	text-align: left;
	z-index:3;
	background:#DEE3EC;
	display: inline;
	/*vertical-align:middle;*/
}

	span.MessageWrap 
{ font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
font-size: 7pt; color: blue;
	position: relative;
	top: -2px;
	left: 0px;
	width: auto;
	margin: 0px;
	padding: 2px;
	font-weight: bold;
	text-align: left;
	z-index:3;
	background:rgb(240,220,226);
	border: 1px solid rgb(0,0,0);
	display: block;
	line-height:1.3;
	/*vertical-align:middle;*/
}
	
		span.Messagecenter 
{ font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
font-size: 9pt; color: blue;
	position: relative;
	top: 0px;
	left: 0px;
	
	 width:80%;
   margin-left:10%; 
    margin-right:10%;
	margin: 1px;
	padding: 2px;
	font-weight: bold;
	text-align: left;
	z-index:10000;
	background:rgb(240,220,226);
	border: 1px solid rgb(0,0,0);
	display: inline;
	/*vertical-align:middle;*/
}
	

		span.BigMessage 
{ font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
font-size: 12pt; color: blue;
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	margin: 1px;
	padding: 4px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:rgb(240,220,226);
	border: 1px solid rgb(0,0,0);
	display: inline;
	/*vertical-align:middle;*/
}

span.messagespan,
section.messagespan
{ font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: relative;
	top: 0px;
	left: 0px;
	/*min-width: 45%;*/
	/*width:auto;*/
	margin: 1px;
	padding: 3px;
	font-weight: bold;
	text-align: center;
	z-index:1;
	background:#C8C8FF;
	/*vertical-align:middle;*/
	/*float:right;*/
	display:block;
	}
	
div.messagespan {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border: 0 !IMPORTANT;
	border-bottom: 1px solid #274971 !IMPORTANT;
	background: white;
	font-size: 9pt;
	margin: 0 !IMPORTANT;
	padding: 5px 3px;
	box-sizing: border-box;
	color: #274971;
	font-weight: bold;
}

	span.BigSpan{
		font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
		font-size:150%;
		margin:0 auto;
		display:block;
		background:#DEE3EC;
		max-width:700px;
		width:95%;
		margin-top:5%;
		padding:20px;
		text-align:center;
	}
	
	span.messagespannotice 
{ font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: relative;
	top: 0px;
	left: 0px;
	/*min-width: 45%;*/
	/*width:auto;*/
	margin: 1px;
	padding: 3px;
	font-weight: bold;
	text-align: center;
	z-index:1;
	background:rgb(220,220,246);
	border: 1px solid rgb(0,0,0);
	/*vertical-align:middle;*/
	/*float:right;*/
	display:inline;
	}
	
	span.messagespanwhite 
{ font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: relative;
	top: 0px;
	left: 0px;
	width: 97%;
	height: auto;
	margin: 0px;
	padding: 3px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:rgb(256,256,246);
	border: 0px solid rgb(0,0,0);
	/*vertical-align:bottom;*/
	line-height:1.3;
	display:block;
	}
	
	
	
	span.messagespansmall 
{ font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
font-size: 7pt; color: blue;
	position: relative;
	top: 0px;
	left: 0px;
	width: 98%;
	margin: 1px;
	padding: 0px;
	font-weight: lighter;
	text-align: center;
	z-index:1;
	background:rgb(220,220,246);
	border: 1px solid rgb(0,0,0);
	/*vertical-align:middle;*/
	
	display:block;
	}
	
	span.messagespanleft 
{ font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
/*font-size: 16pt; color: blue;*/
	position: relative;
	top: 0px;
	left: 0px;
	width: 80%;
	margin: 1px;
	padding: 3px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:rgb(220,220,246);
	border: 1px solid rgb(0,0,0);
	font-weight: normal;
	/*vertical-align:middle;*/
	
	display:block;
	}

		span.messagespanintegrated 
{ font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	margin: 1px;
	padding: 3px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:rgb(220,220,246);
	border: 2px solid rgb(0,0,0);
	/*vertical-align:middle;*/
	
	display:block;
	}
	
span.bigmessagespan 
{ font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
font-size: 12pt; color: blue;
	position: relative;
	top: 0px;
	left: 0px;
	width: 99%;
	margin: 1px;
	padding: 3px;
	font-weight: bold;
	text-align: center;
	z-index:1;
	background:rgb(220,220,246);
	border: 1px solid rgb(0,0,0);
	/*vertical-align:middle;*/
	line-height:4em;
	display:block;
	}
span.messagespan2H 
{ font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
font-size: 12pt; color: blue;
	position: relative;
	top: 0px;
	left: 0px;
	width: 99%;
	margin: 1px;
	padding: 3px;
	font-weight: bold;
	text-align: center;
	z-index:1;
	background:rgb(220,220,246);
	border: 1px solid rgb(0,0,0);
	/*vertical-align:middle;*/
	line-height:2em;
	display:block;
	}

span.fillerspan 
{ font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
font-size: 10pt; color: blue;
	position: relative;
	top: 0px;
	left: 0px;
	width: 99%;
	margin: 1px;
	padding: 3px;
	font-weight: bold;
	text-align: center;
	z-index:1;
	background:rgb(225,226,226);
	border: 1px solid rgb(0,0,0);
	/*vertical-align:middle;*/
	line-height:2em;
	display:block;
	}


span.footerspan 
{ font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
font-size: 10pt; color: blue;
	position: relative;
	top: 0px;
	left: 0px;
	width: 95%;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-align: center;
	z-index:-10000;
	border: 0px solid rgb(0,0,0);
	/*vertical-align:middle;*/
	line-height:2em;
	display:block;
	}


/*
span.header { font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
font-size: 10pt; color: blue;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height:2em;
	margin: 1px;
	padding: 0px;
	font-weight: bold;
	text-align: center;
	vertical-align:text-bottom;
	z-index:1;
	background:rgb(225,226,226);
	display:block;
	}	
	*/
span.headerbig { font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
font-size: 14pt; color: black;
	position: relative;
	top: 5px;
	left: 0px;
	width: 95%;
	margin: 1px;
	padding: 0px;
	font-weight: bold;
	text-align: center;
	z-index:1;
	display:block;
	}	
		
span.headerbig2 { font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
font-size: 14pt; color: black;
	position: relative;
	top: 0px;
	left: 0px;
	width: 95%;
	margin: 1px;
	padding: 0px;
	font-weight: bold;
	text-align: center;
	z-index:1;
	display:block;
	}	
	
	
span.RowsHide
 { font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: relative;
	top: 4px;
	left: 0px;
	width: 100%;
	display:None;
	margin: 1px;
	padding: 2px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:rgb(200,220,226);
	border: 1px solid rgb(0,0,0);
	/*vertical-align:middle;*/
	}	
	
	
	
	
	
	
	
	
	other
	{
	background : transparent; 
	background: #e5e5e5;
	border: 1px solid #666;
	display: block;
	}

input.small ,input.smallnewRec,button.small, input.mediummid, a.mediummid{
	font-family: LATO, Arial;
	text-transform:uppercase;
	font-weight: normal;
	min-width: 90px;
	margin:10px;
	margin-top:3px;
	margin-bottom:3px;
	width:auto;
	cursor:pointer;
	padding:5px 8px;
	background:#274971;
	border:1px solid white;
	/*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
	/*border-radius: 10px;*/
	color:white;
}

input.small:hover, input.small:focus, button.small:hover, a.mediummid:hover{
background-color :#274971;
}		
 
input.smallnewRec, input.mediummid
{

background:#274971;
}

 
a.apathy{
	display:block;
	font-family: LATO, Arial;
	font-weight: normal;
	margin:15px;
	width:150px !IMPORTANT;
	height:20px;
	font-size:18px;
	line-height:20px;
	cursor:pointer;
	padding:5px 3px 4px !IMPORTANT;
	background:#274971;
	border-radius: 10px;
	color:white;
	text-align:center;
}
 
 a.apathy:hover{
	 background:#FAFAFA;
 }
 
 
 input.smallnewRec:hover, input.smallnewRec:focus, input.mediummid:hover{
background-color :#1BB6ED;
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
}		
 


input.smalltickbox 
{
font-size: 85%;font-weight:bold;
}

input.smalltickboxhidden 
{
font-size: 85%;font-weight:bold;display: none;disabled="disabled";
}

input.medium 
{
font-size: 180%;font-weight:bold;
position: relative;
top:5px;
}

input.medium2 
{
font-size: 180%;font-weight:bold;
position: relative;
top:0px;
}

input.uploadbutton{
font-size: 120%;font-weight:bold;
text-align:center;
color: #274971;
border: 3px double #274971;
position: relative;
left:0px;
top:0px;
}

input.nicebutton{
	font-size: 150%;
	text-align:center;
	color: white;
	border: 1px solid white;
	position: relative;
	left:0px;
	top:0px;
	display: inline-block;
	background:transparent;
	padding:10px 15px;
	border-radius:5px;
	margin:5px;
	text-decoration:none;
}

input.nicebutton:hover{
	background:white;
	color:#274971;
	cursor:pointer;
}


input.hidetiny
{
font-size: 1%;
}




span.welcome 
{
font-family:Nevis, LATO, Arial;
text-transform: uppercase;
letter-spacing:1px;
z-index:-1;
font-size:9pt;
color: #DDDDDD;
margin-left:75px;
width:40%;
display: inline-block;
}


input.textentry{font-size:7pt;font-family:LATO, Arial;width: 10em;color: black;height: 4em}


	textarea.textareaauto:focus { 
    background-color: #ffff7a;
	font-size:9pt;
	height:100px;
	max-height:100px;
}

	textarea:focus { 
    background-color: #ffff7a;
	/*height:15em;*/
	font-size:9pt;
	max-height:15em;
}

textarea{
	font-size:9pt;
	font-family:LATO, Arial;
	/*width: 28em;*/
	color: black;
	height: auto; 
	max-height:5em;
	transition:all 0.3s ease-in;
	box-sizing:border-box;
	}
textarea.small{font-size:9pt;font-family:LATO, Arial;width:17em;color: black;height: 3em}
textarea.tiny{font-size:9pt;font-family:LATO, Arial;width:100%;color: black;height: 2em}
textarea.tiny8{font-size:9pt;font-family:LATO, Arial;width:8em;color: black;height:2em; resize:none;overflow:auto;}
textarea.tiny10{font-size:9pt;font-family:LATO, Arial;width:10em;color: black;height:2em; resize:none;overflow:auto;}
textarea.tiny12{font-size:9pt;font-family:LATO, Arial;width:12em;color: black;height:2em; resize:none;overflow:auto;}
textarea.tiny12{font-size:9pt;font-family:LATO, Arial;width:12em;color: black;height:2em; resize:none;overflow:auto;}
textarea.textarea16{font-size:9pt;font-family:LATO, Arial;width:16em;color: black;height:4em; resize:none;overflow:auto;}
textarea.textarea16{font-size:9pt;font-family:LATO, Arial;width:20em;color: black;height:4em; resize:none;overflow:auto;}
textarea.textareaauto10{font-size:9pt;font-family:LATO, Arial;width:95%;color: black;height:5em; resize:none;overflow:auto;}
textarea.textbox10highlight{font-size:9pt;font-family:LATO, Arial;width:95%;color: red;height:5em; resize:none;overflow:auto;border:4px solid red}
select.textboxhighlight{font-size:9pt;font-family:LATO, Arial;width:95%;color: red;height:5em; resize:none;overflow:auto;border:4px solid red}
input.textbox10highlight{font-size:9pt;font-family:LATO, Arial;width:95%;color: red;height:5em; resize:none;overflow:auto;border:4px solid red}
textarea.textareaH3{font-size:9pt;font-family:LATO, Arial;width:95%;color: black;height:3em; resize:none;overflow:auto;}
textarea.textareaH2{font-size:9pt;font-family:LATO, Arial;width:98%;color: black;height:2em; resize:none;overflow:auto;}
textarea.textareaauto{
	width:98%;
	min-height:2em;
	padding:0px 5px;
	resize:none;
	overflow:auto;
	margin:auto;
	display:flex;
	height:100px;
	max-height:30px;
	align-items:center;
	justify-content:center;
	transition:all 0.3s ease-in;
	}
textarea.textareaH3NP{font-size:9pt;font-family:LATO, Arial;width:100%;color: white;height:3em; resize:none;overflow:auto;}
textarea.textareaH4NP{font-size:9pt;font-family:LATO, Arial;width:95%;color: black;height:4em; resize:none;overflow:auto;}
textarea.textareaH4{font-size:9pt;font-family:LATO, Arial;width:95%;color: black;height:4em; resize:none;overflow:auto;}
textarea.textareaH5{font-size:9pt;font-family:LATO, Arial;width:95%;color: black;height:5em; resize:none;overflow:auto;}
input.textareaH5{font-size:9pt;font-family:LATO, Arial;width:95%;color: black;height:5em; resize:none;overflow:auto;}
input.textareaH6{font-size:9pt;font-family:LATO, Arial;width:100%;color: black;height:6em; resize:none;overflow:auto;}
input.textbox{font-size:9pt;font-family:LATO, Arial;width:4em;color: black;height: 2em}
input.textboxautosmall{font-size:9pt;font-family:LATO, Arial;width:80%;color: black; }

td > span > input.textboxauto{
	width:90%;
}

input.textboxauto, input.GreenOL{
	font-size:9pt;
	font-family:LATO, Arial;
	width:auto;
	max-width:90%;
	color: black;}
input.textboxautobold{font-size:9pt;font-family:LATO, Arial;width:90%;color: black;font-weight:bold; }
textarea.textboxauto, textarea.GreenOL, textarea.RedOL{
	font-size:9pt;
	font-family:LATO, Arial;
	width:95%;
	color: black;
	height:95%
	min-height: 2em;
	}
textarea.textboxautonew{font-size:9pt;font-family:LATO, Arial;width:95%;color:black;min-height:8em;height:95%; }
input.textboxautohide{font-size:9pt;font-family:LATO, Arial;width:95%;color: black;height: 2em;display:none;max-width:100%;}
input.textboxautoHL{font-size:9pt;font-family:LATO, Arial;width:95%;color: black;height: 2em;background-color:pink;}
input.textbox4{font-size:9pt;font-family:LATO, Arial;width:4em;color: black;height: 2em}
input.textbox5{font-size:9pt;font-family:LATO, Arial;width:5em;color: black;height: 2em}
input.textbox6{font-size:9pt;font-family:LATO, Arial;width:6em;color: black;height: 2em}
input.textbox6np{font-size:9pt;font-family:LATO, Arial;width:92%;color: black;height: 2em}
input.textbox8{font-size:9pt;font-family:LATO, Arial;width:8em;color: black;height: 2em}
input.textbox10{font-size:9pt;font-family:LATO, Arial;width:10em;color: black;height: 2em}
input.textbox12{font-size:9pt;font-family:LATO, Arial;width:12em;color: black;height: 2em}
input.textbox13{font-size:9pt;font-family:LATO, Arial;width:13em;color: black;height: 2em}
input.textbox14{font-size:9pt;font-family:LATO, Arial;width:14em;color: black;height: 2em}
input.textbox15{font-size:9pt;font-family:LATO, Arial;width:15em;color: black;height: 2em}
input.textbox16{font-size:9pt;font-family:LATO, Arial;width:16em;color: black;height: 2em}
input.textbox16big{font-size:9pt;font-family:LATO, Arial;width:16em;color: black;height: 4em}
input.textbox18{font-size:9pt;font-family:LATO, Arial;width:18em;color: black;height: 2em}
input.textbox20{font-size:9pt;font-family:LATO, Arial;width:20em;color: black;height: 2em}
input.textbox22{font-size:9pt;font-family:LATO, Arial;width:22em;color: black;height: 2em}
input.textbox24{font-size:9pt;font-family:LATO, Arial;width:24em;color: black;height: 2em}
input.textboxlargefont{font-size:12pt;font-family:LATO, Arial;width:9em;color: black;height: 2em}
input.textsearch{font-size:9pt;font-family:LATO, Arial;width:10em;color: green;}
input.textareaH3{font-size:9pt;font-family:LATO, Arial;width:95%;color: black;height:3em; resize:none;overflow:auto;}
input.textareaH2{font-size:9pt;font-family:LATO, Arial;width:98%;color: black;height:2em; resize:none;overflow:auto;}
input.textareaH4{font-size:9pt;font-family:LATO, Arial;width:98%;color: black;height:4em; resize:none;overflow:auto;}
input.hidden{font-size:9pt;font-family:LATO, Arial;width:100%;color: black;height:3em; resize:none;overflow:auto;display:none;}
textarea.textareaCalendar{font-size:9pt;font-family:LATO, Arial;width:14em;color: black;height:6em; resize:none;overflow:auto;}
input.textboxhighlight{font-size:9pt;font-family:LATO, Arial;width:100%;color: red;height: 3em;border: 4px solid red;}
input.textboxhighlightv1{font-size:9pt;font-family:LATO, Arial;width:100%;color: red;height: 3em;border: 2px solid red;}
input.textareaauto10{font-size:9pt;font-family:LATO, Arial;width:100%;color: black;height:8em; resize:none;overflow:auto;}
input.textsearchHL{font-size:9pt;font-family:LATO, Arial;width: 10em;color: blue; background-color:pink;}

input.zero{font-size:9pt;font-family:LATO, Arial;width: 0em;color: blue; background-color:pink;}

textarea.textareaautoH4{font-size:9pt;font-family:LATO, Arial;width:98%;color: black;height:4em; resize:none;overflow:auto;}
input.textareaautoH4{font-size:9pt;font-family:LATO, Arial;width:100%;color: black;height:4em; resize:none;overflow:auto;}
textarea.textareaautoH10{font-size:9pt;font-family:LATO, Arial;width:98%;color: black;height:10em; resize:none;overflow:auto;}
input.textareaautoH10{font-size:9pt;font-family:LATO, Arial;width:98%;color: black;height:10em; resize:none;overflow:auto;}
textarea.textareaautoH2{font-size:9pt;font-family:LATO, Arial;width:98%;color: black;height:2em; resize:none;overflow:auto;}
input.textareaautoH2{font-size:9pt;font-family:LATO, Arial;width:98%;color: black;height:2em; resize:none;overflow:auto;}
input.textareaH4NP{font-size:9pt;font-family:LATO, Arial;width:100%;color: black;height:4em; resize:none;overflow:auto;}


input.largerradiobutton
{
	width: 40em;
	height: 30em;
	 display: inline-block;
     font-size: 10px;
     line-height: 1em;
     margin: 0 0.25em 0 0;
     padding: 0;
     width: 10em;
     height: 2.5em;
     vertical-align: text-top;
	 border: 1px solid #111;
	 background: black;
     color: black;
}


	textarea.textareaautoH10:focus { 
    background-color: yellow;
	height:15em;
}



	textarea.textareaautoH2:focus { 
    background-color: yellow;
	height:15em;
}

	textarea.textareaH3:focus { 
    background-color: yellow;
	height:15em;
}


	textarea.textareaH4:focus { 
    background-color: yellow;
	height:15em;
}

textarea.textboxautonew:focus { 
    background-color: yellow;
	height:15em;
}


#PopUpBackGround
{
    z-index: 1400;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /*filter:alpha(opacity=70);*/
    opacity: 0.7;
    display: none;
    background: #333;
    padding-top: 15%;
    padding-left: 15%;

}

.blue { color: rgb(0,40,200);
/*font-weight:italic */
}
.NA{font-size: 8px;font-weight:italic; }
.Black{}
.Blue{ font-size: 12px;}


div.sidebutton 
{ font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: static;
	float:left;
	top: 0px;
	left: 0px;
	/*min-width: 120px;*/
	width: 9%;
	min-height: 80%;
	height:auto;
	margin: 0px;
	padding: 2px;
	font-weight: bold;
	text-align: left;
	z-index:1000;
	background:#F5F5F5;
	border: 1px solid rgb(205,206,186);
	/*vertical-align:middle;*/
	
	display:inline-block;
	}


div.fullSideBar{
	padding-top:10px;
	flex:1 1 10%;
	border-right:1px solid #CCC;
	display:flex;
	flex-flow:row wrap;
	align-content:flex-start;
	justify-content:space-around;
	min-width:180px;
	overflow-y:auto;
	background:#FAFAFA;
}

div.fullSideBar > *{
	width:100%;
	box-sizing:border-box;
}

div.fullSideBar input[type='checkbox']{
	width:10%;
	display:inline-block;
}

div.fullSideBar input[type='checkbox'] + span{
	width:80%;
	display:inline-block;
}

div.fullSideBar span{
	margin-right:0;
}

div.fullSideBar span.filtertext{
	margin:10px auto;
	padding-left:10px;
	border-bottom:1px solid #274971;
	background:#F2F2F2;
	color:#222;
}

div.fullSideBar span.radiobuttonsmall{
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
}	
	
div.fullSideBar span.RadiobuttonName{
	margin:10px auto;
	padding:0px 10px;
	border-bottom: 1px solid #274971;
	background:#F2F2F2;
	width:100%;
	display:block;
	max-width:unset;
	text-align:left;
	margin-bottom:5px;
}

div.fullSideBar input.small{
	margin:1px auto;
	width:80%;
	max-width:unset;
}

div.fullSideBar label.StdLabel{
	display:block;
	max-height:unset;
	width:80%;
	margin:0 auto;
	border-radius:0;
	background:#FFFFFF;
	cursor:pointer;
}

div.fullSideBar label.StdLabel:hover{
	background:#F2F2F2;
}

div.fullSideBar .StdLabel.CHECKED{
	border:0;
	border-left:2px solid #274971;
	background:#F2F2F2;
}

	
div.diffBody{
	/*display:flex;*/
	flex-flow:row wrap;
	flex:1 1 90%;
	padding:10px 40px 20px;
	overflow-y:scroll;
	justify-content:space-between;
	align-content:flex-start;
	 -ms-overflow-style: -ms-autohiding-scrollbar;
}
	
div.Minitopbutton 
{ font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: static;
	float:left;
	top: 0px;
	left: 0px;
	/*min-width: 120px;*/
	width: auto;
	min-height: auto;
	height:auto;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-align: left;
	z-index:1000;
	background:none;
	border: 1px solid rgb(205,206,186);
	/*vertical-align:middle;*/
	
	display:inline-block;
	}	
	
	div.MinitopbuttonSeparate

{ font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: static;
	float:left;
	top: 0px;
	left: 0px;
	/*min-width: 120px;*/
	width: 100%;
	min-height: auto;
	height:auto;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:#FAFAFA;
	/*vertical-align:middle;*/
	
	display:block;
	}	
	
		
div.SideHolder{
	display:flex;
	flex-flow:row nowrap;
	align-items:stretch;
	justify-content:flex-start;
	flex:1 1 auto;
	max-height:90%;
}	

span.messagespanintegrated span.Red{
	display:inline;
}
	
div.mainbody 
{ font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	/*position: relative;
	top: 0px;
	left: 0px;*/
	float:left;
	min-width: 84%;
	width:86%;
	min-height: 80%;
	height: 80%;
	margin: 0px;
	padding: 2px;
	font-weight: bold;
	text-align: left;
	z-index:-100;
	overflow:auto;
	overflow-x:auto;
	/*border: 1px solid rgb(205,206,186);*/
	/*vertical-align:middle;*/
	display:inline;
	/*display:inline-block;*/
	}
	
div.fullbody{ 
	font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
	box-sizing:border-box;
	flex:1 1 auto;
	margin:0px;
	padding: 1em;
	position:relative;
	font-weight: bold;
	overflow:auto;
}	
	
	
	
div.detailbody 
{ font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	/*position: relative;
	top: 0px;
	left: 0px;*/
	float:left;
	width:98%;
	height: 80%;
	margin: 0px;
	padding: 2px;
	font-weight: bold;
	text-align: left;
	overflow:auto;
	
	/*border: 1px solid rgb(205,206,186);*/
	/*vertical-align:middle;*/
	
	display:inline-block;
	}
	
	div.footer {
   position:absolute;
   bottom:0;
   width:99%;
   height:40px;   /* Height of the footer */
  /* background:#6cf;*/
  z-index:1;
}
		div.footer1 {
   position:absolute;
   bottom:0;
   width:100%;
   height:170px;   /* Height of the footer */
  /* background:#6cf;*/
  z-index:1;
  background:rgb(220,220,226);
}
	
	
div.subheading { 
	font-family: LATO, Arial,sans-serif;
	font-size: 16pt; 
	position: relative;
	top: 0px;
	left: 0px;
	width:100%;
	height:30px;
	line-height:30px;
	margin: 0px;
	padding:4px 0;
	font-weight: bold;
	text-align: left;
	z-index:5;
	background:#274971;
	display:flex;
	overflow:hidden;
	}	
	
	
div.RowsHide
 { font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: static;
	/*top: 4px;
	left: 0px;*/
	width: 99%;
	display:None;
	margin: 1px;
	padding: 2px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:rgb(200,220,226);
	border: 1px solid rgb(0,0,0);
	/*vertical-align:middle;*/
	}	
		
	
div.RowsSpan
 { font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: static;
	/*top: 25px;
	left: -8px;*/
	width: 100%;
	display:block;
	margin: 0px;
	font-weight: bold;
	text-align: left;
	background:#FFFFFF;
	z-index:1;
	/*vertical-align:middle;*/
	}
	
				
div.ColumnSpan { 
	font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
	width: 100%;
	font-weight: bold;
	text-align: left;
	z-index:1;
	display: block;
	background:#FFFFFF;
}	
	
div.filterspan { 
	font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
	color:#222;
	position: static;
	width: 100%;
	margin: 0px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	backround:#DEE3EC;
	display:block;
}	
	
div.FSParent div.filterspan{
	width:auto;
	display:inline-block;
}
	
div.buttonspan { 
	font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
	position: static;
	width: 100%;
	margin: 0px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:#FFFFFF;
	display:block;
	}	
	

div.content{
 height: 410px;
width: auto;
overflow: auto;
border: 0px solid #666;/*change to 0px Mar 11th 2015*/
padding: 0px;/*change to 0px Mar 11th 2015*/
margin:0px;
/*margin:0px auto;*/
 }
 
 div[class*='content']{
 height: 85%;
width: auto;
overflow: auto;
border: 0px solid #666;/*change to 0px Mar 11th 2015*/
padding: 0px;/*change to 0px Mar 11th 2015*/
margin:0px;
/*margin:0px auto;*/
 }
 
 
 
div.content >* {
/*height: 410px;*/
/*width: auto;*/
overflow: auto;
border: 0px solid #666;/*change to 0px Mar 11th 2015*/
padding: 0px;/*change to 0px Mar 11th 2015*/
margin:0px;
/*margin:0px auto;*/
 }
 
 
 
 
  div.content2{
 height: 410px;
width: 3015px;
overflow: auto;
border: 1px solid #666;
background-color: rgb(256,256,256);
padding: 0px;

 }

div.header{
 height:auto;
 width: 100%;
overflow: auto;
padding: 0px;/*change to 0px Mar 11th 2015*/
margin:0px;
text-align:center;
/*margin:0px auto;*/

 }

 div.header2{
 height:auto;
  width: auto;
overflow: none;
border: 0px solid #666;
background-color: rgb(255,0,255);
padding: 0px;

 } 
 
  div.headermaster{
 height:auto;
  width: 99%;
overflow: hidden;
border: 0px solid #666;
background-color: rgb(0,0,256);
padding: 0px;

 }
 
 
div.headerauto{
 height:auto;

overflow: none;
border: 0px solid #666;
background-color: rgb(256,256,256);
padding: 0px;

 }
 
 
 div.sidebar{
  position:absolute;
  top:40px;
  right:0;
  width:100px;
  background:#ccc;
  }
  div.myfirstDiv{
  position:relative;
  display: inline;
	width: 33%;
  /*border: 5px solid #666;*/
  margin: 1em;
  }
  
   div.mysecondDiv{
  position:relative;
  display: inline;
 width: 33%;
  /*border: 5px solid #666;
   margin: 1em;*/
  }
  
     div.mythirdDiv{
  position:relative;
  display: inline;
 width: 33%;
  /*border: 5px solid #666;*/
   margin: 1em;
  }
  
       div.myfourthDiv{
  position:relative;
  display: inline;
 width: 33%;
  /*border: 5px solid #666;*/
   margin: 1em;
  }
  
  div.myfourthGraph{
  position:static;
  display: block;
  width:10%;
  }
  
  
  
       div.myfifthDiv{
  position:relative;
  display: inline;
 width: 25%;
  /*border: 5px solid #666;*/
   margin: 1em;
  }
  
    div.mysixthDiv{
  position:relative;
  display: inline;
	width: 33%;
  /*border: 5px solid #666;*/
  margin: 1em;
  }
  
   div.myseventhDiv{
  position:relative;
  display: inline;
 width: 33%;
  /*border: 5px solid #666;*/
   margin: 1em;
  }
  
     div.myeighthDiv{
  position:relative;
  display: inline;
 width: 25%;
  /*border: 5px solid #666;*/
   margin: 1em;
  }
  
       div.myninthDiv{
  position:relative;
  display: inline;
 width: 25%;
  /*border: 5px solid #666;*/
   margin: 1em;
  }
  
       div.mytenthDiv{
  position:relative;
  display: inline;
 width: 25%;
  /*border: 5px solid #666;*/
   margin: 1em;
  }
  
       div.myeleventhDiv{
  position:relative;
  display: inline;
 width: 25%;
  /*border: 5px solid #666;*/
   margin: 1em;
  }
  
  
        div.mytwelfthDiv{
  position:relative;
  display: inline;
 width: 25%;
  /*border: 5px solid #666;*/
   margin: 1em;
  }
  
  
    div.myfirstDiv{
  position:relative;
  display: inline;
	width: 33%;
  /*border: 5px solid #666;*/
  margin: 1em;
  }
  
  div[class*='CompareD'] {
  position:relative;
  display: inline-block;
	width: 30%;
	min-width:400px;
  border: 1px solid #666;
  margin: 1em;
  overflow: auto;
  padding: 1px;
  }
  
    div[class*='Compare50'] {
  position:relative;
  display: inline-block;
	width: 95%;
	min-width:400px;
  border: 1px solid #666;
  margin: 1em;
  overflow: auto;
  padding: 1px;
  }
  
  
    div[class*='CompareW'] {
  position:relative;
  display: inline-block;
	width: 95%;
	min-width:400px;
  border: 1px solid #666;
  margin: 1em;
  overflow: auto;
  }
  
  div.filtermini { font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: static;
	/*top: 80px;*/
	/*left: 0px;*/
	width: 32%;
	margin: 0px;
	padding: 4px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:#DBEBFF;
	border: 1px solid rgb(200,200,256);
	display:inline-block;
	}	
	
	 div.compare1 { font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: static;
	/*top: 80px;*/
	/*left: 0px;*/
	width: 32%;
	margin: 0px;
	padding: 4px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:#EAF7FB;
	border: 1px solid rgb(200,200,256);
	display:inline-block;
	}	
	
	
	
		 div.compare { font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: static;
	/*top: 80px;*/
	/*left: 0px;*/
	width: 49%;
	margin: 0px;
	padding: 4px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:#EAF7FB;
	border: 1px solid rgb(200,200,256);
	display:inline-block;
	}	
	
	
	
	 div.compare2 { font-family: LATO, Arial, Geneva, LATO, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: static;
	/*top: 80px;*/
	/*left: 0px;*/
	width: 32%;
	margin: 0px;
	padding: 4px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:#FCFCE9;
	border: 1px solid rgb(200,200,256);
	display:inline-block;
	}	
  /*color: #0110;*/
 
/*HOVER POPUP LINKS*/

/*hoverpopups type 1*/

#popup { color: #000; background-color: #c0c0c0; }

#popup a, #popup a:visited {
	position: relative;
	display: block;
	width: 130px;
	line-height: 30px;
	text-align: right;
	padding: 0 10px;
	margin: 0;
	border: 1px solid #666;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
}

#popup a span {
	display: none;
}

#popup a:hover { 
	background-color: #e9e9e2; 
}

/* the IE correction rule */
#popup a:hover	{
	color: #f00; 
	background-color: #e9e9e2;
	text-indent: 0; /* added the default value */
}

#popup a:hover span {
	display: block;
	position: absolute;
	top: 0px;
	left: 170px;
	width: 320px;
	margin: 0px;
	padding: 10px;
	color: #335500;
	font-weight: normal;
	background: #e5e5e5;
	text-align: left;
	border: 1px solid #666;
}


/*THUMBNAIL HOVERPOPUPS*/

.thumbnail  {
	position: relative;
	float: left;
	padding: 5px;
	/*z-index:100;*/
	z-index: 0;
}

.thumbnail:hover {
	background-color: #e9e9e2;
	/*z-index: 50;*/
	color: #335500;
	text-decoration: none;
	z-index:100;
}

.thumbnail span { /*CSS for enlarged image*/
	position: absolute;
	background-color: #e5e5e5;
	padding: 5px;
	/*left: -1000px;*/
	border: 1px solid #666;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
	border-width: 0px; 
	/*padding: 2px;*/
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
	visibility: visible; 
	position: absolute;
	float: right;
	top:-25px;
	z-index:1;  
	width: 302px;
	/*top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
	/*left: 300px;/*position where enlarged image should offset horizontally */
}

/*THUMBNAIL2 - thumbnail2 has border and border on hover*/

.thumbnail2 {
	position: relative;
	float: left;
	padding: 5px;
	/*z-index: 0;*/
}

.thumbnail2:hover { 
	background-color: #e9e9e2;
	/*z-index: 50;*/
	color: #335500;
	text-decoration: none;
}

.thumbnail2 span { /*CSS for enlarged image*/
	position: absolute;
	background-color: #e5e5e5;
	padding: 5px;
	/*left: -1000px;*/
	border: 1px solid #666;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail2 span img { /*CSS for enlarged image*/
	border-width: 0px;
	/*padding: 2px;*/
}

.thumbnail2:hover span { /*CSS for enlarged image on hover*/
	visibility: visible; width: 208px;
	top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
	left: 300px;/*position where enlarged image should offset horizontally */
}

a.thumbnail2 img { 
	text-decoration:none;
	z-index: 50; 
}

/*if same attribute for all 4 states, then declare here in
a.thumbnail2*/ 
/*
a.thumbnail2 img:link { 
	border: 2px solid #e9e9e2; 
	background: transparent; 
}

a.thumbnail2 img:visited { 
	border: 2px solid #e9e9e2; 
	background : transparent; 
}
*/
a.thumbnail2 img:hover { 
	border: 2px solid #f00; 
	background : transparent; 
}

a.thumbnail2 img:active { 
	border: 2px solid #e9e9e2; 
	background : transparent; 
}

a.thumbnail2 img { 
	border: 2px solid #e9e9e2; 
}

  /* input[type=checkbox2],
   input[type=Radio] {
     display: inline-block;
     font-size: 10px;
     line-height: 1em;
     margin: 0 0.25em 0 0;
     padding: 0;
     width: 1.5em;
     height: 1.5em;
     vertical-align: center;
	 border: 1px solid #111;
	 background: blue;
     color: blue;
     font-family: helvetica, sans-serif;
     background: -webkit-gradient(linear, left top, left bottom, from(FFFFFF), to(99CCFF));
     
 	 -webkit-box-shadow: 1px 1px 1px #333;
   }
   */
   input[type=Radio] {
      -webkit-border-radius: 1em;
	  float: center;
    }

   input[type=checkbox]:checked {
     background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%008%00%00%008%08%02%00%00%00'%E4%ACI%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04%FEIDATx%DA%EC%98%DFo%1BE%10%C7g%ED%E4l%E7~%F8%9C%8B%7F%C5%8DS%D2%26P%01UQ%1E%10%12R%11%12B%AAx%E0%8D'%FED%D47J_%10%FF%00%20%F5%01%15%119!n%1C'%25%C9%D9%17%FBn%EFb%2F%D3Y%9Du%89%83%E4%CD%0FP%D1%ADV%D1%C6%3B%E7%FB%F8%BB%B33%B3%CB677%E1mh%19xKZ%0A%9A%82%A6%A0)h%0A%9A%82%A6%A0Wjs%D7y%98%C5%03q%13f7%0F%CA%A8g%12%CB1%26%08A%83%E4bM%2C'f%13%CB%5B%07e%F4%0C%F6y%FA%9B%A1w%9F%25%FA8%A6%9CK%F4%89Y%14%9B%89%5B%05%95%94%1A%C0%02%F5%3C%E1%22A%000%00%F0ip%16%7F%2F%CE%16%00t%1Ad%08%11g%87%D4A%9D5%BB%BC%BC%ACJi%018%00%15%80%3A%C0%E3%93%93Q%3E%9Fc%2C%9BX%FA%2C%C1%15%01%96%00%AA%00%CBB%7C%EA%BA%BCP%D0hJ%C4%94j%A0%F5z%7Dv%D0yR%08)%F1%C7%AD%02%3C%E9v%1F%ED%EE%3E%1C%0E%5D%DB%96%8B%3B%22K%042%E9%97%AC%00%AC%09%F1M%AB%B5%D1%ED6%18%EB%1B%06%90%B4!%B1%8ETX%15%40%A5N%16%89%84%94_v%BB%D5N%A7%83%9Fp%FE%81%EF%F7K%25%60L%FE%18%83(%9B%00%1BB%7C%D5jA%AF%B7%8F%F2%7B%DE2c%87%86%E1%93%93%84%09%87%9E%E9%ED%B5ZmF9'%0B%8A%0F%3C98%40%CA.%BD%AF%8Fd%9Co%F8%FE%90tE%BF%2C%014%00%D6%85%F8%7C%7B%3B%EA%F5%DA%24%1E%C2U%3C%AF%94%C9%B4t%DD%A3%7F%A38%08%DC%A4%A2%2C%A1%E8c%D7%FD%A8%DD%EE%10%A5l%92u%CD%F7%C1%B6M%C6P%F2w%84%F8x%7B%3B%24J%D9F%B4%99%9A%9E%E7%17%0A%7F%E4%F3%B8%F9%F8m(*%23%8E%DC%EF%A3%5C%EE%91%EF%9B%9C%F7%13%B3%92%B5%E1%FB%E3b%D1%16%E2%C1%CEN%92R6%F4%EC%C8%B2%9E%D5j%7F%01%9C%12%E8%ECn%9A%ADV%AB%B3%D8%89XTt%C1%1C%C0%89m%7F%E8%FB%C6e%AC%15%DF_t%DD%B0%DF%BF%40%89%1Bk%DE%B2%9E%DE%BD%DBf%EC(%01%0A7%0B%0Aq%8E%91A%0A%89%FB%C5%E2%7BA%A0O%B1%8E8%1Fr~8E%99%B3%AC%E7%AB%AB-%C6%D0%B3O%12%3E%3A%2Bh%A5R%99%3D%98%89%F3%7DP%2C%DEC%5D%C30%C9%CA%A9_%A0%D4%2C%EB%A7f%F3w%C6v%01%5E%03x%8A%EB%AE%06%3A%C9%E6%E3D%60g%C5b%23%08.%B0%5E%A44%CD_%9B%CD%97%8Cm%03%A0%9C.%C9%A9%14%9B%DE%BC%AB%5C._AQ%20g%5D%A0%C0%3E%B6%ACr%10%8C%C3%90O%D9c%2C3Mskee%9F%B1%1D%00%8C%A6G%94l%23E%CA%EB%D6%A3%E2%16%2CoFQY%13%15(%9A%E2cw(%5E%BE%FF%EAU%E8y%87%97%D9%A3%C6%E8%15%A8w%CF4%7B%B4%D3%03%92st%85%5C%BF%B4%B4%A4D)%93%93%CC%A2%EF%0A%F1%C9%DE%5E%E4y%ED%7F~%AAO%AC%0D%CE%915%A0%1C1I%9EJ%ACj%A0%1A%15%25e%CA%E3H%F9%05R%9E%9E%B6%A7%FC2%7F~%E3K%D6%7BApD%AC%01%CD%9E%A9%E6z%C7qf%07%C5PoSuw_%88%AF%3B%9D%B3)J%DC%E3%A6a%2Ch%DA%858%20Y78o%1B%86G%25%A9r%1C%9D%11T%A6%A5%02%816%84%F8v%7F%9F%5DF9o%18%5B%F5%FA%B1i%96%C3p%9A%D5%0C%C3u%CE_%18%86K%AC%A1RQ%B2%B8%B88%7B%99%97%A3m%F4%D9%E9%E9%83%E3%E3%FD%F3%09%F0%0D%A5%AE%FFR%AF%EF1%86%89%A7g%18w87%A2(%C9%8A%8B%EE%84%A1%97%CB%BD%D44%D5%98%AF%00%9A%A1%D8%89%A2%06%9A%B6%C2%18%D6%1F~%CC*)%7F%AC%D5~KDu%D70%EE%A3%AE1%ABF%F5%E1%9F%8E%F3%DC%B2%AE%90%9C%14%40Y%7C%A6%C3%BD%E2%16%0Aw%B0%9C%23V%AC%89%B2%BA%FE%7D%AD%26s%0F%96%7F%C7%14%D5%03%2C%3E%0Cc%23%0C%CD(%0A%88%F2%B5%E3%3C%2B%95%3Aq%D8%0F%95%7C%B4%84%95%B9%CA)%5E%96%26(C7%9Fw2%99U%DF%0Ft%FD%BBju%8Br%8F%84%90u1%A7%B5n%EB%FAz%18.E%D1%8E%E3%FC%60%DB%E8%D6%07T%94%0C%15w%BD%C2)T%9Ew%87%24%18%10%CA%A1mo%CE%CD%BD%D0u%97*7%FC%BC%17%07%A6%90%96%15%C78%D5%AEV%1F%0E%06%3F%D3%1E%3A%A6%3ET%CF%F5lmmM%F5%B8%9C%A3h*%CF%C1Z%7C%CC%18%C4Ag%14%EF%BC%02%15%03%3A%0D%B2%84.O%D5%838%8E*e%26%B5s%BD%88%8F%ED%F2%2C%2F%0B%D3%C9%CDB%94%D0I%C4%25%92%1F_%40%8C%CE%9B%DD%EE%05%C4%84uL%0A%C9%3AZ%5Cv%A53%8E%0F%C4%7C%CAl%FC%EF%5C%E9H%D6%D1%0C%B7_%E3%FF%FC%92L%B5x%BB~%8D%97%5E%E4%A6%A0)h%0A%9A%82%A6%A0)%E8%FF%1E%F4o%01%06%00%DBBF5c%12Wd%00%00%00%00IEND%AEB%60%82") no-repeat center center;
     -webkit-background-size: 28px 28px;
   }
   
  /* input[type=Radio]:checked {
      background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%008%00%00%008%08%02%00%00%00'%E4%ACI%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04)IDATx%DA%EC%99%DFo%DB6%10%C7IY%B6%E5%DF%89%DD%FChf%23%C0%DE%BA%3D%E6%0FX%81%BE%F6%FF%DD%5E%F7%D8%F7%01-0%F4%07%10%BF%AC%F1%8C%DA%B1%23%CB%94x%3D%1Cq%04e%25-%958%DB%82I8%10%B2M%8A%1F%7D%C9%3B%1Eiyqq!%9E%C2%15%88'rU%A0%15h%05Z%81V%A0%FF%13%D0%F0%E1%8F%90%1Eu%E0%DF%02%95%85%D2%DC%C8%3C%1C%E4A%E1%01%D0%E1%BD%11%25O%1D%C9%A5%BCMH4%CD%A5%2C%A0%3F%16%A8t%40k%5C%06%8E%D9%0A%16%D1ZF%DFd%F7%9D%0FaYJ%AB_%8D-t%CA%1DP%C4J%B9%0C%98%D2%BC%40Y%D6%F0%1E%94%01%93%A15%84%A8%93%99%8F%01%C7%11%A3bJ%A6%C8%B6t%2F%19%B7%2CkX6%98%19%CA%3A!%A25%C9%1AL%5Cs%403%E6CK%E8%A7m~%1Eg%A5%86%1E%00J%05%A0%80%85D%BEH%88%16%9B%C15%13%40%F0p%1B%C4%98%C5%DE%99%BE%A5%26k%89%A1%B73%D2P%22%5C%5B%88%8E%10%5D%BAi%13w%C3Q%14)7B%DCP%E5%22(%F0%FB%C0~%15%05G%CE%3A%83%22%E2%40%88%BE%10%3D!%C6q%FCb6%3B%B9%BE%EE%24(%A2X7%9B%7F%F5z%EF%9E%3D%BBl%B5%AE%A9%95d!3%C7%60%EF%8A%06%AC%E8%0E%E5%A1%10%23%AD%7F%B9%BC%3C%9A%CFgB%7C%A4%B1%C6%AB%99%24%FD%24y9%9B%5D%0D%87%BFO%26%B5%20%10y%D0%D4%09%5B%3EW%ED%F4%F4%D4%C7%DFw%B4%EC%90%8A%07B%1Ci%FD%FA%FD%FB%60%B9%FC%40%A3%9C9%8E%82%1F%11%7D%88J%AFV%D3%83%03%25e%CAq%20%CD%8B%0A%1E%A2%D6NNN%3C'%A8%F1%F4%88%A6c%97F%7C(%C4%AB%E9%14)%A7w%B7%5Dbe%A5~P%EA%B2%DF%DFr%A8R%B7%B1%EEa%8EB%DE%E5%8D%AE%88%3B%89%E3%E3%F9%FC%ED%F7%9A%E3k%BC%98%CF'%A3%D1%AA%D5Zsp%08%EE%C8%0A%1E%04%BA%E3%F8uv%FC%9Fq%0A%FA%B5%BD%A2%CA%1F%C6c%1B%C2%EC2%06%8F%01jc%BE%09RG%EB%F5G%BF%B6%E8%F8%3F%AE%D7%0D%00w%F5%92%8E%D7%EFm%E8!%1F%01%8C%7B%B5%94%DA%FA%81b%B5H%A9%00%40%DE6%E8%3E%A0O'%C3%F7W%D4%A6%95%D6a7a%D8P*%F1%E8%A6A%953%00%1BA%ED%03%F79G5%E7l%99%13%AE%91%EFs%BB%DD%5B%2C%7C%40%7BT9%01H%0B%2B%93%F6%1Cz%F0%BBP%0C%8D%DD%00(%80-%C0%06%20%06%F8%E3%F0%F0%C8o%E0%B0%1AV%8E%A9%E1%96%1E%92%D2%033%F0%BD%7C%15%D5%2C%A4%22-M%B6%F1%A9%D9%FC%3C%18%8C%17%8B%E97%9B%8FQ%CE%C1%00%2B%DF%20(5%B7%01_%7B%2BZ%1B%8DF%9EYs%E0%EC%3Dj%7C3%EBt~%BA%B9%E9%A6%E9%F2n%CA0%8A~%3B%3B%C3%E5tAqjM%89%DF%86q%7DA%87%C3%E1w%3DI%16p%ED%F6%08%BB%C1%B5q%92%A6%E7%944e%BC%DC7)_9G%B8~%FF%D7%E7%CF%AF%A4%FCB%A0%2B%1A%0AW%D7%9D%DC%F4%FE%A0.n%90%DF%E2%19%25%B0%BFO%9D%CE%A2%DD%C6%A1%99h%7D%AE%F5%19f-%F5%FA%B2%DB%7Ds%7C%FCf0%F8%5B%88%2Fd%2BGN%9B%9D%C0%1E%D3%3C%60%F1%94%B3m%B2%3F)%EAx%15E%7FF%D1N%E2%1C%93~kB4%16%B3%96%8A%85%DCg%E2l%23%94%A0%0E%DC%E0%9A2P%C4%99%BC%BB%151ngpc%D6%D2%80f%8E%9C%FBTT%B0%A8%99%F3%A5%E68%B0!%CA%5B7w%09%E3%9A%9B-Sj%EFU%BEtR%B2%B3%90%80%B3%833%F9%94%CD%89%84%B3%40l%F3%DBe%C5%DF%EB2r%96%D8%8A%80%83%EB.%AA)%0B%19%B2%9C%D2%D1%DB%1E%40(g%ED%D5%E5)%CB%ED%EB!%1F%FF%0D%8A9%FF%A89N%E6%82%BAk%AF%BBC*KY%FA%00%02%9C%20%60%BA%0F%B8%FC%F6!%99.L%CA%C7%3D%24%13%F9%E38%E9%10%C8%C2Q%05%14%EA%FF%A3%C7%8EE%88%FF%F4A%EE~!%AA%3F%1B*%D0%0A%B4%02%AD%40%2B%D0%A7%07%FAU%80%01%00%CB%CE%9B*%C4!%CE%AD%00%00%00%00IEND%AEB%60%82") no-repeat center center;
      -webkit-background-size: 40px 40px;
	  -webkit-border-radius: 2em;
    }
	*/
	/*
	.blueradio{ width: 1.5em;
     height: 1.5em;
     vertical-align: center;
	 border: 1px solid #111;
	 background: blue;}
	*/
label.rad{
    /*background:#aaa;*/
    color:#fff;
    border-radius:8px;   
    padding:0em;
	padding-left:1.3em;
	padding-right:1.3em;
	/*padding-bottom:1em;*/
    margin:0em;
    cursor:pointer;
	/*width:10em;*/
	font-size:20pt;
}

label.rad:hover {
    background:#ccc;   
}

ourpeople{
	display:block;
	width: 118px;
	height: 50px;
	background: url(/images/our-people.gif) top center no-repeat;
	text-decoration: none;	
	margin-top: 4px;
	border-right: 1px solid #000000;	
	border-left: 1px solid #0B3959;
}

 #linkNav{
            margin-left:200px;
        }

        #loading {
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px;
          position: fixed;
          display: block;
          opacity: 0.9;
          background-color: #fff;
          z-index: 99;
          text-align: center;
        }

        #loading-image {
          position: relative;
          top: 250px;
          left: 70px;
          z-index: 100;
          width:200px;
          height:200px;
        }

        #contentPane li{
		  float:left;
          margin-right: 0px;
          padding: 0 20px;
          font-size:12pt;
		  height:100%;
		  line-height:161%;
        }
        #contentPane li a{
          /*font-size:10pt;
          font-weight: normal;*/
        }
    
#footer, #push{
  height:0px;
}
.well {
  min-height: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  background-color: #FFFFFF;
  border-bottom:1px solid #CCC;
  width:100%;
  height:30px;

}

.hideradio{
visibility: show; width: 0px; height: 0px;
display:none;
}

.Checked{
	font-family:LATO, Arial;
	width:auto;
	font-weight:lighter;
	color:#274971;
	/*border-bottom:none;*/
	padding: 0px;
	z-index:0; 
	background:#F2F2F2;
	-webkit-transition: background-color 0.5s, color 0.5s;
	-moz-transition: background-color 0.5s, color 0.5s;
	-o-transition: background-color 0.5s, color 0.5s;
	transition: background-color 0.5s, color 0.5s;
}

.CHECKED{
	font-family:LATO, Arial;
	width:auto;
	font-weight:lighter;
	color:#274971;
	/*border-bottom:none;*/
	padding: 0px;
	z-index:0; 
	background:#F2F2F2;
	-webkit-transition: background-color 0.5s, color 0.5s;
	-moz-transition: background-color 0.5s, color 0.5s;
	-o-transition: background-color 0.5s, color 0.5s;
	transition: background-color 0.5s, color 0.5s;
}

.NotChecked{
	font-family:LATO, Arial;
	font-weight:lighter;
	color:#274971;
	transition: background-color 0.5s, color 0.5s;
}

a.button:link{text-decoration: none;color:black;}
a.button:visited{text-decoration: none;color:black;}

.NotCheckedSpan{
font-family: LATO, Arial;
width:auto;
border: 0px solid black;
padding: 2px;
z-index:0; 

}

.NotChecked:hover {
width:auto;
color:#274971;
background:#FAFAFA;
z-index:0; 
}

.Checked:hover {
width:auto;
color:#274971;
background:#FAFAFA;
z-index:0; 
}

input.StdLabel{
	display:none;
}

label.StdLabel{
	color:#274971;
	font-size:120%;
	padding:5px 8px;
	background:#FAFAFA;
	border-radius:5px;
	margin:0 1px;
}


.StdLabel.CHECKED{
	color:#274971;
	background:#F2F2F2;

    background: #4CAF50;
}
	
	
	.StdLabel:hover{
		color:#274971;
		background:#FFFFFF;
	}

#toggleText{
	display: block;
	border-bottom:1px solid #CCC;
}
/*end of hover popup links*/

body{
	max-width:100%;
	overflow-x:none;
	margin:0;
	padding:0;
}

body.report{
	display:flex;
	flex-flow:column;
	height:100vh;
	overflow:hidden;
}

body > * {
	max-width:100%;
}

#displayText{
	position:absolute;
	z-index:50;
	right:20px;
}

span.Radiobuttonname{
	font-weight:normal;
	margin-right:15px;
	margin-left:10px;
}

span.RadiobuttonName{
	font-weight:normal;
	margin-right:15px;
	margin-left:10px;
}

.ShowRows{
	color:#274971;
	font-size:120%;
	padding:5px 8px;
	background:#FAFAFA;
	box-sizing:border-box;
	}

label.CHECKED.ShowRows{
	color:#274971;
	background:#F2F2F2;
	border-bottom:2px solid #274971;
}

.ShowRows:hover{
	color:#274971;
	background:#FFFFFF;
}

input[type=radio].tiny{
	display:none;
}

input[type=radio].tiny + label{
	color:#274971;
	font-size:120%;
	padding:5px 8px;
	background:#FFFFFF;
}

input[type=radio].tiny + label:hover{
	color:#274971;
	background:#F2F2F2;
}

input[type=radio].tiny + label.CHECKED{
	
	color:#274971;
	background:#F2F2F2;
	
}

td > a{
	font-weight:bold;
}

a.SpeshUploadButton{
font-size: 140%;
font-family:ADAM, Arial;
font-weight:normal;
text-align:center;
color: white;
border: 1px solid white;
display: inline-block;
padding:5px;
border-radius:10px 0 0 10px;
text-decoration:none;
background: #274971; 
margin:0; 
border:0; 
border-right:1px solid #274971;
vertical-align:middle;
margin-left:15px;
}

.SpeshUpBox{
		background:white;
		width:200px;
		height:30px;
		line-height:30px;
		display:inline-block;
		vertical-align:middle;
		border-radius:0 10px 10px 0;
		margin-right:15px;		
		}

a.SpeshUploadButton:hover{
	color:#274971;
	background:white;
	border-right:1px solid #274971;
}

input.uploadbutton:disabled + label > *{
	background:#FAFAFA;
}

#Modal{
	display:none;
	position:fixed;
	z-index:1000;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	overflow:auto;
	background-color:rgba(0,0,0,0.8);
	text-align:center;
	filter:blur(5px);
	opacity:0;
	align-items:center;
	justify-content:center;
	transition:.4s filter linear, .4s opacity linear;
}	

.modalBox{
	background:#fefefe;
    margin-top: 50px;
    padding: 20px;
    border: 1px solid #888;
    max-width: 80%;
	text-align:center;
	background:#EEEEEE;
	position:relative;
	display:inline-block;
	overflow:auto;
	transition:all 0.5s ease-in;
}

.modalBox div, .modalBox iframe{
	width:95%;
	overflow:none;
}

#closeModal {
    color: #666;
    font-size: 28px;
    font-weight: bold;
	width:28px !IMPORTANT;
	height:28px;
	min-height:unset;
	min-width:unset;
	line-height:28px;
	position:absolute;
	right:0px;
	top:0px;
	transition:all 0.3s ease-in;
}


#closeModal:hover,
#closeModal:focus {
    color: white;
    text-decoration: none;
    cursor: pointer;
	background:tomato;
}

	#showHover::after{
		content: " ";
		position: absolute;
		bottom: 100%;  /* At the top of the tooltip */
		left: 50%;
		margin-left: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent white transparent;
	}
	
	#showHover{
		position: fixed; 
		display:none; 
		top:0; left:0; 
		background:white; 
		padding:10px; 
		box-sizing:border-box; 
		z-index:1000;
	}
	
	#showHover img{
		width:200px;
	}
	
#superframe{
	height:98%;
	box-sizing:border-box;
}

  label.bulky {
  color: #222222;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  padding: 5px 20px;
	}
	
label.swallow::before {
  content: " ";
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 15px;
  height: 15px;
  border: 2px solid #274971;
  border-radius: 4px;
  z-index: -1;
}
	
label.swallow {
  position: relative;
  display: block;
  margin-right: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 36px;
  cursor: pointer;
  color:#274971;
  font-size:14px;
  z-index:2;
}
	

	
	input[type="checkbox"]:checked + label.swallow,
	input[type="radio"]:checked + label.swallow
	{
  padding-left: 10px;
  color: #fff;
	}
	
input[type="checkbox"]:checked + label.swallow::before,
input[type="radio"]:checked + label.swallow::before
{
  top: 0;
  width: 100%;
  height: 80%;
  background: #274971;
}
	
label.swallow,
label.swallow::before {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}
	
input[type="radio"] + label.swallow::before {
  border-radius: 18px;
}
	
input[type=radio]:checked + label.bulky{
  color:#DDDDDD;
  background: #274971;
	}
	
	label + input[type=radio] + label.bulky {
  border-left: 2px solid #333333;
	}
	
	
.ParamHead{
	color:white;
	background:#274971;
	text-align:center;
	width:100%;
	padding:5px;
	box-sizing:border-box;
}

.glowBar{
	width:100%;
	color:white;
	background:#274971;
	display:block;
	padding:15px;
	font-size:14px;
	text-align:center;
	cursor:pointer;
	box-sizing:border-box;
}
.glowBar:hover{
	background:white;
	color:#274971;
}

.highlight{
	box-sizing:border-box;
	outline:2px solid red;
}


/*ROUNDY SWITCHES*/

.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
  margin-left:10px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #274971;
}

input:focus + .slider {
  box-shadow: 0 0 1px #274971;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}


span.colorSpan{
	position:relative;
	display:block;
	width:100%;
	z-index:2;
	height:auto;
	}
	
	span.colorSpan::before{
		background:#274971;
		opacity:0.3;
		content:'';
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		z-index:-1;
	}


#checkDiv{
	width:1160px;
	display:block;
	background:#FAFAFA;
	text-align:center;
	color:white;
	max-height:0px;
	font-weight:normal;
	transition:max-height 0.5s linear;
	overflow:hidden;
	font-size:130%;
}

.buttony {
  font: bold 25px Arial;
  text-decoration: none;
  background: #274971;
  color: RGB(254,254,254);
  padding: 4px 6px 4px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
  transition:color 0.5s ease-in, background 0.5s ease-in;
}

.buttony:hover {
	background: white;
	color:#274971;
	cursor:pointer;
}

.buttony:active {
  background-color: #274971;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

div#hypno{
	border:8px solid #CCC;
	border-top:8px solid #274971;
	border-radius:50%;
	width:60px;
	height:60px;
	animation: spin 2s ease infinite;
	display:none;
}

.loginBox{
	background:#EEE;
	width:300px;
	margin:0 auto;
	border-radius:3px;
	padding:5px;
	text-align:center;
	transition:background 0.3s ease-in;
	position:absolute;
	right:0;
	top:0px;
	z-index:1000000;
}

#messageFrame{
	box-sizing:border-box;
	width:100%;
	height:500px;
	border:none;
}

.messBack{
	height:100%;
	padding:1em 0;
	top:0;
}

tr.subBar{
	background:#FAFAFA;
	border-top:1px solid #CCC;
}

div.flexSend{
	display:flex;
	align-items:flex-end;
	padding:.2em 1em;
	position:relative;
	height:35px;
}

input.sendButt{
	flex:0 0 10%;
	height:100%;
	width:50px;
	background:#274971;
	color:white;
	border:0;
	border-radius:0 10px 10px 0;
}

.messBox{
	flex:1 1 auto;
	resize:none;
	border:1px solid #CCC;
	height:20px;
	height:100%;
	border-radius:10px 0 0 10px;
	padding-left:1em;
}

.messBox:focus{
	outline:none;
}

input.sendButt:hover{
	cursor:pointer;
	background:white;
	color:#274971;
}

section.textMess{
	background:#FFF;
	margin:.5em 3em .5em 1em;
	padding:.5em 1em;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	border-radius:5px;
}

section.textMess.owned{
	margin:.5em 1em .5em 3em;
}

section.textMess a{
	font-weight:bold;
	text-decoration:none;
}

.owned a, .Admin a{
	color:white;
}

section.owned, section.Admin{
	background:#274971;
	color:white;
	font-weight:normal;
}

 .RReceipt{
	display:block;
	width:40px;
	text-align:center;
	margin-left:auto;
	color:#CCC;
	border-radius:3px;
	font-style:italic;
 }
 
 span.RReceipt.Read{
	color:aqua;
 }
 
section.owned div.metaData, section.Admin div.metaData{
	color:#DDD;
}

div.metaData{
	margin-top:-.25em;
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	border-bottom:1px solid rgba(255,255,255, 0.3);
}

div.metaData a{
	font-variant:small-caps;
}

span.ghostly{
		width:100%; 
		background:rgba(255,255,255,0.5); 
		display:block;
		text-align:center;
	}

div.flexContain{
	display:flex;
	align-items:center;
	padding-bottom:5px;
}

img.refPho{
	border:1em solid transparent;
	margin:0 auto;
}

date{
	font-size:80%;
}

.deleteMe{
	color:crimson;
	background:none;
	border:none;
	transition:all 0.4s ease-in;
	font-weight:bold;
	cursor:pointer;
	font-size:90%;
}

.deleteMe:hover{
	color:white;
	background:crimson;
}


section.infoButt{
	margin:.4em;
	border:none;
	position:absolute;
	display:block;
	width:2em;
	height:2em;
	text-align:center;
	border-radius:50%;
	background:#274971;
	color:white;
	cursor:pointer;
	font-weight:bold;
	font-family:serif;
}

section.infoButt.white{
	background:transparent;
	color:white;
	margin:0;
	border:2px solid white;
	margin:2px;
}

span.tooltip{
	text-align:left;
	display:block;
	position:absolute;
	color:mediumblue;
	background:#B8B0F4;
	width:400px;
	bordeR:1px solid #CCC;
	font-family:LATO, Arial;
	top:25px;
	padding:.5em;
	z-index:7;
}

span.tooltip::before{
	content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    border: 5px solid;
    border-color: transparent transparent #B8B0F4 transparent;
	z-index:7;
}

section.infoButt:hover span.tooltip{
	display:block;
}

section.infoButt span.tooltip{
	display:none;
}

div.infoCont{
	display:flex; 
	align-items:center; 
	justify-content:center; 
	border:none; 
	height:20px;
	position:relative;
}

.orderArrow{
	box-sizing:border-box;
	width:100%;
	height:100%;
	border:1px dashed white;
	color:white;
	font-size:inherit;
	background:rgba(255,255,255,.1);
	cursor:pointer;
	position:relative;
}

.orderArrow::after{
	content:'-';
	position:absolute;
	top:0;
	right:2px;
	width:10px;
	height:100%;
}

.orderArrow.DESC{
	background:rgba(200,200,255,.7);
	border: 1px dashed aqua;
}

.orderArrow.DESC::after{
	content:'';
	top:3px;
	width:auto;
	height:auto;
	border:3px solid transparent;
	border-top:6px solid aqua;
}

.orderArrow.ASC{
	background:rgba(255,200,200,.7);
	border: 1px dashed orangered;
}

.orderArrow.ASC::after{
	content:'';
	width:auto;
	height:auto;
	border:3px solid transparent;
	border-bottom:6px solid orangered;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

::selection{
	color:white;
	background:#274971;
}

.dotted {
  /*padding: 2.25em 1.6875em;*/
  background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  -webkit-background-size: 3px 3px;
  -moz-background-size: 3px 3px;
  background-size: 3px 3px;
  }
  
  .acidZebra::before {
  /*padding: 2.25em 1.6875em;*/
  content:'';
  	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
  background-image: -webkit-repeating-linear-gradient(135deg, rgba(255,255,255,.35), rgba(255,255,255,.35) 1px, transparent 2px, transparent 2px, rgba(255,255,255,.35) 3px);
  background-image: -moz-repeating-linear-gradient(135deg, rgba(255,255,255,.35), rgba(255,255,255,.35) 1px, transparent 2px, transparent 2px, rgba(255,255,255,.35) 3px);
  background-image: -o-repeating-linear-gradient(135deg, rgba(255,255,255,.35), rgba(255,255,255,.35) 1px, transparent 2px, transparent 2px, rgba(255,255,255,.35) 3px);
  background-image: repeating-linear-gradient(135deg, rgba(255,255,255,.35), rgba(255,255,255,.35) 1px, transparent 2px, transparent 2px, rgba(255,255,255,.35) 3px);
  -webkit-background-size: 4px 4px;
  -moz-background-size: 4px 4px;
  background-size: 4px 4px;
  }

  div[class*='CompareD'] {
	position:relative;
	display: inline-block;
	width: 100%;
	min-width:400px;
	border: 0;
	margin: 4px 0;
	overflow: auto;
	box-sizing:border-box;
	}
  
	  div[class*='CompareD'] span.fusioncharts-container{
		  width:100% !IMPORTANT;
	  }
  
	div[class*='CompareW'] span.fusioncharts-container{
		width:100% !IMPORTANT;
	}
  
  div[class*='Compare50'] {
	position:relative;
	display: inline-block;
	  width: 95%;
	  min-width:400px;
	border: 1px solid #666;
	margin: 1em;
	overflow: auto;
	padding: 1px;
	}
  
  
  div[class*='CompareW'] {
	position:relative;
	display: inline-block;
	  min-width:400px;
	border: 1px solid #666;
	margin: 1em;
	overflow: auto;
	}
  
	div[class*="chartW20"],
	div[class*="chartW25"],
	div[class*="chartW40"],
	div[class*="chartW60"],
	div[class*="chartW32"],
	div[class*="chartW50"],
	div[class*="chartW100"]{
	  position:relative;
	  display: inline-block;
	   border: 1px solid #CCC;
	}
  
	div[class*="chartW20"]{
		width:19%;
	}
  
	div[class*="chartW25"]{
		width:24%;
	}
  
	div[class*="chartW40"]{
		width:39%;
	}
  
	div[class*="chartW60"]{
		width:59%;
	}
  
	div[class*="chartW32"]{
		width:32%;
	}
  
	div[class*="chartW66"]{
		width:66%;
	}
  
	div[class*="chartW50"]{
		width:49%;
	}
  
	div[class*="chartW100"]{
		width:100%;
	}
  
	div.scrollBox{
		padding-top:0 !IMPORTANT;
		display:flex;
		flex-flow:column;
		align-items:stretch;
		justify-content:center;
	}
  
	div.chartW100 > *{
		border:0 !IMPORTANT;
		margin:0 !IMPORTANT;
		height:100%;
		box-sizing:border-box;
		padding-top:0!IMPORTANT;
	}
  
	div.simply-scroll div.simply-scroll-clip{
		margin:0;
		box-sizing:border-box;
		height:100%;
		width:100%;
		border:none;
		padding-top:0;
	}
  
	ul#scroller{
		height:100%;
	}
  
	div.scrollImg{
		height:100%;
		margin:0 !IMPORTANT;
		padding-top:0 !IMPORTANT;
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
	}
	/*This one is for the new reporting*/
  
  div.ChartWrapper{
	  display:inline-flex;
	  position:relative;
	  background:white;
	  flex-flow:column nowrap;
	  align-items:stretch;
	  justify-content:space-between;
	  padding:2px 0 0 0;
  }
  
  .filtermini div.ChartWrapper,
  .compare1 div.ChartWrapper,
  .compare2 div.ChartWrapper{
	  border:1px solid #CCC;
	  box-sizing:border-box;
	  width:100%;
	  margin:4px 0 !IMPORTANT;
  }
  
  div.ChartWrapper div[class*=chartW]{
	  width:100%;
	  margin:0;
	  border:0;
  }
  
  div.ChartWrapper div.topHeader{
	  display:flex;
	  align-items:center;
	  justify-content:center;
	  text-align:center;
	  border:0 !IMPORTANT;
	  border-bottom:1px solid #4571A0 !IMPORTANT;
	  background:white;
	  font-size:120%;
	  margin:0 !IMPORTANT;
	  padding:5px 3px;
	  box-sizing:border-box;
	  color:#4571A0;
	  font-weight:normal;
  }
  
  div.ChartWrapper.sideHeader{
	  flex-flow:row nowrap;
	  align-items:center;
  }
  
  div.ChartWrapper.sideHeader div.topHeader{
	  width:30%;
	  border-bottom:0 !IMPORTANT;
	  border-right:1px solid #4571A0 !IMPORTANT;
	  padding:8px;
  }
  
  div.fullbody div div span, div.diffBody div div span {
	  width: 100% !IMPORTANT;
	  position: relative;
  }
  
  
  .resultspan {
	  padding: 0 !IMPORTANT;
	  margin: 10px auto;
	  font-size: 130%;
  }
  
  span.resultspan {
	  font-weight: bold;
	  display: block;
	  padding-left: 10px;
  }
  
  
  .resultspan::after {
	  content: '';
	  margin-left: 10px;
	  margin-top: -6px;
	  position: absolute;
  }
  
  .resultspan.Inc::after {
	  border: 8px solid transparent;
	  border-bottom: 12px solid #7FBB5D;
  }
  
  .resultspan.Dec::after{
	  margin-top:0px;
	  border:8px solid transparent;
	  border-top:12px solid #FF6D75;
  }

    /* File Upload Button Styling - Compact Inline */
  .pain {
	  display: inline-flex;
	  align-items: center;
	  gap: 6px;
	  padding: 3px 6px;
	  border: 1px solid #ddd;
	  border-radius: 4px;
	  background: #f8f9fa;
	  font-size: 11px;
	  line-height: 1;
	  margin: 2px;
  }
  
  .pain .nicebutton {
	  background: #007bff;
	  color: white;
	  border: none;
	  padding: 3px 6px;
	  font-size: 10px;
	  cursor: pointer;
	  border-radius: 3px;
	  transition: background 0.2s ease;
	  text-decoration: none;
	  white-space: nowrap;
	  font-weight: normal;
  }
  
  .pain .nicebutton:hover {
	  background: #0056b3;
  }
  
  .pain input[type="file"] {
	  position: absolute;
	  opacity: 0;
	  width: 100%;
	  height: 100%;
	  cursor: pointer;
	  top: 0;
	  left: 0;
  }
  
  .painfulImage {
	  width: 50px;
	  height: 50px;
	  border: 1px solid #ddd;
	  border-radius: 3px;
	  background: #fff;
	  position: relative;
	  vertical-align: middle;
	  display: inline-block;
  }
  
  .painfulImage:empty::before {
	  content: "📄";
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  font-size: 14px;
	  color: #999;
  }