/* Styles CH 2016_01_07 updates to Arial  */

body { font-family:BG Flame, Arial; background-position: left top; background-color:#e1e1e1; font-size: 18px; zoom: 110%;background-attachment: fixed;}

/*1em is equal to the current font size. 2em means 2 times the size of the current font. E.g., if an element is displayed with a font of 12 pt, then '2em' is 24 pt. The 'em' is a very useful unit in CSS, since it can adapt automatically to the font that the reader uses*/

h1 { font-size:1.0em; text-align:left; color:#F0EFF8;}

h2 { font-size:1.2em; }

h3 { font-size:1.3em; font-weight:bold; TEXT-DECORATION: underline;}

h4 { font-size:1.1em; font-weight:bold; }

h5 { font-size:0.5em;  font-weight :normal;}

/*Buttons*/
/* Green Primary*/
	.ButtPri {
		text-decoration:none !important;
		padding: 0px 10px;
		min-width:85px;
		height:35px;
		line-height:35px;
		font-family:BG Flame, Arial;
		border:2px solid #b2e000;
		border-radius:30px;
		background-color:#b2e000;
		color:#000000;
		text-align:center;
	}	
	.ButtPri:hover {
		text-decoration:none !important;
		min-width:85px;
		height:35px;
		line-height:35px;
		font-family:BG Flame, Arial;
		border:2px solid #d3f703;
		border-radius:30px;
		background-color:#d3f703;
		color:#000000;
		text-align:center;
	}
/*Red Primary */
	.RedButtPri {padding: 0px 20px; min-width:85px; height:35px; line-height:35px; font-family:BG Flame, Arial; text-decoration:none; border:2px solid #f7f7f7; border-radius:30px; background-color:#e60000; color:#2a3641; text-align:center;}
	.RedButtPri:hover {min-width:85px; height:35px; line-height:35px; font-family:BG Flame, Arial; text-decoration:none; border:2px solid #525252; border-radius:30px; background-color:#ff3333; color:#000000; text-align:center;}
/*Secondary*/
	.ButtSec {padding: 0px 20px; min-width:85px; height:30px; line-height:30px; font-family:BG Flame, Arial; border:2px solid #000000; border-radius:30px; background-color:#525252; color:#f7f7f7; text-align:center;}
	.ButtSec:hover {min-width:85px; height:30px; line-height:30px; font-family:BG Flame, Arial; border:2px solid #71afcc; border-radius:30px; background-color:#f7f7f7; color:#71afcc; text-align:center;}
	.DarkButtSec {padding: 0px 20px; min-width:85px; height:30px; line-height:30px; font-family:BG Flame, Arial; border:2px solid #ffffff; border-radius:30px; background-color:#2a3641; color:#ffffff; text-align:center;}
	.DarkButtSec:hover {min-width:85px; height:30px; line-height:30px; font-family:BG Flame, Arial; border:2px solid #71afcc; border-radius:30px; background-color:#f7f7f7; color:#71afcc; text-align:center;}
/*Disabled*/
	.ButtDisable {min-width:85px; height:20px; line-height:20px; font-family:BG Flame, Arial; border:2px solid #b2b2b2; border-radius:30px; background-color:#eeeeee; color:#b2b2b2; text-align:center;}

/* LINKS */
	a {text-decoration:none;}
/*General Links*/
	.Glink {font-family:BG Flame, Arial; text-decoration:none; color:#000000; font-weight: bold;}
	.Glink:hover {font-family:BG Flame, Arial; text-decoration:underline; color:#000000; font-weight: bold;}
/*Links in boxes with back ground*/
	.BGLink {font-family:BG Flame, Arial; color:#ffffff; font-weight: bold;}
	.BGLink:hover {text-decoration:underline; color:#ffffff; font-weight: bold;} 	

/* TABLES */
/* Prev Jobs Table */
	.pjtbl td {border: 3px solid #000000; background-color:#71afcc;}
	.pjtbl a {text-decoration:underline; color:#ffffff; font-weight: bold;}

/* Thermistor Table Controls*/
	.tbl th {font: 17px arial; color:#FFFFFF; background-color:#4682B4; font-weight:bold}
	.tbl {border-collapse: collapse}
	.tbl tr.alt td { color:#000000; background-color:#EBEBEB}
	.tbl td { font: 16px/1.17 arial; valign:top; padding:1px 1px; font-weight:bold; border: 3px solid #4682B4; align:center}

input[type="text"] {
  padding: 10px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
  font-size: 18px;
}
input[type="text"]:focus,
input[type="text"].focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}

.IsoMains {border-style:solid; border-width:2px;padding:2px; border-color:red; background-color:white; text-align:center;}

.MWarn {border-style:solid; border-width:2px;padding:2px; border-color:black; background-color:yellow; text-align:center;}

.style6 {font-size: medium}

.style10 {
	font-size: 18px;
	color:#000000;
	border-style:solid;
	border-width:2px;padding:2px;
	border-color:#000000;
	background-color:#c1c1a4;
	text-align:center;
	}

.style20 {font-size: 10px}

.pictbord { border:2; border-style:solid; border-color:#000000;}

/* Styling of Checkboxes */
label {
	width:400px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 35px;
	margin-top: 10px;
	margin-right: 15px;
	font-size: 21px;
	z-index: 51;
}

.checkbox {
	cursor: pointer;
	text-align: center;
	/* Checkboxes char size */
	font-size: 24px;
	content: "";
	display: inline-block;
	float: left;
	margin-top: 10px;
	width: 28px;
	height: 34px;
	/* Checkboxes char colour */
	margin-right: -50px;
	left: 0;
	bottom: 1px;
	color: FireBrick ;
	/*color: SteelBlue ;*/
	background-image:  url('CheckboxBlack25.png');
	background-repeat:no-repeat;
}

/* TITLE BAR text TAG*/
.HTMLTitle {
   font-size: 20px;
   color: #F0EFF8;
   }

/* COMPONENT TITLE BAR text TAG*/
.FaultTitle {
   font-size: 20px;
   color: yellow;
   font-weight: bold;
   }


/*Diaglab Contact Box*/
.style150 {
	color:#000000;
	border-style:solid;
	border-width:2px;padding:2px;
	border-color:#000000;
	background-color:#c1c1a4;
	} 

/*HTML Version box*/
.vertxt {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	}