/* =Dez.2021 udate April-30.2022*/
td.sBH {
	color: rgb(0,118,192);
	font-family: Verdana;
	font-size: 20px;
	text-align: center;
	white-space: nowrap;
	font-style: normal;
}

.msg {
	color:rgb(255,110,110);
	}

td.sG {
	background-color: rgb(240,240,240);
	border-bottom-color: white;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-color: white;
	border-right-style: solid;
	border-right-width: 1px;
	color: rgb(102,102,102);
	font-family: Verdana;
	font-size: 9px;
	white-space: nowrap;
}
td.BGR {
	background-color: rgb(240,240,240);
	border-bottom-color: white;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-color: white;
	border-right-style: solid;
	border-right-width: 1px;
	color: rgb(102,102,102);
	font-family: Verdana;
	font-size: 9px;
	text-align: right;
	white-space: nowrap;
	font-weight: bold;
}
td.BGL {
	background-color: rgb(240,240,240);
	border-bottom-color: white;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-color: white;
	border-right-style: solid;
	border-right-width: 1px;
	color: rgb(102, 102, 102);
	font-family: Verdana;
	font-size: 9px;
	text-align: left;
	white-space: nowrap;
	font-weight: bold;
}
td.sBL {
	background-color: rgb(240,240,240);
	border-bottom-color: white;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-color: white;
	border-right-style: solid;
	border-right-width: 1px;
	color: rgb(0,118,192);
	font-family: Verdana;
	font-size: 9px;
	text-align: left;
	white-space: nowrap;	
}
td.sBR {
	background-color: rgb(240,240,240);
	border-bottom-color: white;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-color: white;
	border-right-style: solid;
	border-right-width: 1px;
	color: rgb(0,118,192);
	font-family: Verdana;
	font-size: 9px;
	text-align: right;
	white-space: nowrap;	
}
td.sGL {
	background-color: rgb(240,240,240);
	border-bottom-color: white;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-color: white;
	border-right-style: solid;
	border-right-width: 1px;
	color: rgb(102, 102, 102);
	font-family: Verdana;
	font-size: 9px;
	text-align: left;
	white-space: nowrap;
}
td.sGR {
	background-color: rgb(240,240,240);
	border-bottom-color: white;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-color: white;
	border-right-style: solid;
	border-right-width: 1px;
	color: rgb(102, 102, 102);
	font-family: Verdana;
	font-size: 9px;
	text-align: right;
	white-space: nowrap;
}
input {
	background-color: rgb(240,240,240);
	border-style: none;
	padding-left: 2px;
	padding-right: 2px;
	color: rgb(102, 102, 102);
	font-family: Verdana, serif;
	font-size: 9px;
}
input.wd {
	/* Dashed Border*/
	background-color: white;
	border-width: 1px;
	border-color: rgb(153,153,153);
	border-style: dashed;
	font-family: Verdana,serif;
	text-align: left;
	font-size: 9px;
	width:42px;
}
input.w {
	background-color: white;
	border-width: 1px;
	border-color: rgb(153,153,153);
	font-family: Verdana,serif;
	text-align: center;
	font-size: 9px;
}
.sel-input:focus {
	background-color: rgba(0,118,192,0.1);
	border-width: 1px;
	border-color: rgb(153,153,153);
	border-style: dashed;
	font-family: Verdana,serif;
	text-align: left;
	font-size: 9px;
	color: red;
}
.sel-input {
  background-color: white;
	border-width: 1px;
	border-color: rgb(153,153,153);
	border-style: dashed;
	font-family: Verdana,serif;
	text-align: left;
	font-size: 9px;
    color: gray;
}
input.red {
	background-color: rgb(255,255,255);
	color: rgb(179, 21, 20);
	font-family: Verdana;
	font-size: 9px;
	text-align: left;
	white-space: nowrap;
}
.button {
	border-width: 1px;
	border-top-color: rgb(247,244,244);
	border-right-color: rgb(255,255,225);
	border-bottom-color: rgb(102,102,102);
	border-left-color: rgb(102,102,102);
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: inset;
	border-left-style: inset;
	border: thin solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
select {
	color: rgb(51,51,51);
	font-family: Verdana;
	font-size: 9px;
}
td {
	color: rgb(102,102,102);
	font-family: Verdana;
	font-size: 9px;
}
li {
	color: rgb(102,102,102);
	font-family: Verdana;
	font-size: 10px;
}
/* Grating Calculator */
#displayg {
	height: 216px;
	width: 680px;
	background-position: top;
	background-repeat: no-repeat;
	background: url('../images/grating_txt.png');
}

#display2 {
	height: 120px;
	width: 206px;
	background-position: top;
	background-repeat: no-repeat;
	background: url('../images/HRS300X.png');
	background-color: rgb(240,240,240);	
}

#Grating {
	position:absolute;
	width:90px;
	left:82px;
}
@supports (-moz-appearance:none) {
   #Grating {
	width:90px;
	left:90px;
}}

@supports (-moz-appearance:none) {
   	select {
	height:14px;
	font-family: Arial;
	font-size: 9px;
}}

#Grating1 {
	visibility:hidden;
	width:90px;
	letter-spacing:-0.08em;
}
	
/* Xray Calculator */
#displayx {
	height: 263px;
	width: 512px;
	background-repeat: no-repeat;
	background-position: top left;
	background: url('../images/XAll.png');
}
#point_it {
	position:absolute;
	z-index: 1;
	width:512px;
	height:249px;
	left:57px;
	top:203px;
}
#CCD {
	background: linear-gradient(135deg,#E24613,green,blue);
	transition: width 0.4s cubic-bezier(0,0.46,0.47,1),left 0.4s cubic-bezier(0,0.46,0.47,1),
	height 0.4s cubic-bezier(0,0.46,0.47,1),top 0.4s cubic-bezier(0,0.46,0.47,1);
	border: 3px solid rgba(1,1,1,1);
	visibility: hidden;
	opacity: 0.3;
	position: relative;
	overflow: hidden;
	box-shadow: 4px 3px 5px grey;
}
/* TriVista Calculator */
#displayt {
	height: 236px;
	width: 537px;
	background-repeat: no-repeat;
	background-position: top;
	background: url('../images/trv1.png');
}
/* Lens Calculator */
#displayl {
	height: 149px;
	width: 567px;
	background-repeat: no-repeat;
	background-position: top left;
	background: url('../images/people.png');
}
/* S/N Calculator */
/* Camera Select Colors */
.g{color:grey;}
.bl{color:#bb33bb;}
.so{color:green;}
.em{color:#cc3300;}
.py{color:blue;}
.nr{color:#8b0000;}

#CCD_Speed {
	position:absolute;
	width:100px;
}
@supports (-moz-appearance:none) {
#CCD_Speed {
	width:100px;
}}
/* EM Amplifier Select*/
#EM_Speed {
	position:relative;
	left: -1px;
	visibility:hidden;
	width:100px;
	letter-spacing:-0.08em;
}

#display_sn {
	background-repeat: no-repeat;
	background: url('../images/F0.png');
	top: 0px;
	left: 0px;
	width: 420px;
	height: 240px;
	position: relative;
	z-index: 1;
}
#pointer_sn {
	position: relative;
	padding: 0px;
	width: 366px;
	height: 200px;
	left: 34px;
	top: 21px;
	z-index: 2;
}
#click_area {
	position: absolute;
	border: 0;
	padding: 0;
	width: 369px;
	height: 200px;
	left: 2px;
	top: 1px;
	z-index: 4;
	cursor: crosshair;
}
/* QE Plot*/
#pointer_qe {
	position: relative;
	padding: 0px;
	width: 366px;
	height: 200px;
	left: 34px;
	top: 19px;
	z-index: 2;
}
#display_qe {
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
	width: 420px;
	height: 240px;
	position: relative;
	z-index: 1;
}
#pointer_y {
	background-color: rgb(0,118,192);
	width: 100.5%;
	height: 2px;
	left: 2px;
	top: 100px;
	position: relative;
	z-index: 3;
	font-size: 0px;
	opacity: 0.4;
	transition: left 0.3s cubic-bezier(0,0.46,0.47,1),top 0.2s cubic-bezier(0,0.46,0.47,1);
}
#pointer_x {
	background-color: rgb(0,118,192);
	width: 2px;
	height: 100.5%;
	left: 186px;
	top: -2px;
	position: relative;
	z-index: 3;
	opacity: 0.4;
	transition: left 0.3s cubic-bezier(0,0.46,0.47,1),top 0.2s cubic-bezier(0,0.46,0.47,1);
}
.pics {
	width: 0;
	height: 0;
	visibility: hidden;
}