body, html  {
  margin:0;
  padding:0;
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:small; /* was 12px */
  color: black;
  background: white;
}

div.page
{
  display: none;
}


#wrapper  {
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
width:760px;
}

#header  {
  width:760px;
/*  height: 39px;  was 87px; */
/*  background:url(images/head.png); */
  margin:0;
  padding:0;
}
#main  {
  width:718px;
  border-left:1px #53A4A0 solid;
  border-right:1px #53A4A0 solid;
  margin:0;
  padding:0 20px;
/* background:url(images/back.png); */

}

#main p {
  margin-top:0;
}

#main p#menulink {
margin-top:30px;
}

#footer  {
  width:760px;
  height:50px;
  /*  background:url(images/foot.); */
}
#footertext  {
  width:760px;
  text-align:center;
}

.textbox  {
  border:1px #ccc solid;
  width:250px;
}

.button  {
  border-top:1px #eee solid;
  border-left:1px #eee solid;
  border-right:1px #333 solid;
  border-bottom:1px #333 solid;
  background:#A53139; /* teal -> #2192A4; */
  color:#fff;
  margin-bottom:10px;
}

.centeredImage {
  text-align:center;
  margin-top:0px;
  margin-bottom:0px;
  padding:0px;
}

.centeredText {
  text-align:center;
}

.validationError {
  display:inline;
  color:red;
  background:white;
}

ul  {
  padding:0 10px 0 10px;
  margin:0;
}

li  {
  list-style:none;
  padding-left:0;
}


h1  {
  clear:left;
  border-bottom:1px #32a59d solid;
  color:#A53139; /* teal -> #2192A4; */
  background: white; 
  font-family:Georgia,serif;
  font-size:18px;
}

a  {
  text-decoration:none;
  color:#a55358;
  background: white; 
}
a:hover {
  color:#a52129;
  background: white;
}

.standoutColor {
  color: #A53139; /* red; */
  background: white;
}
.standoutSize {
  font-weight: bold;
}
.standoutStyle {
  font-style: italic;
}
.standoutFraction {
  font-size:smaller;
  vertical-align: super;
}

/* specGrid is for cylinder specifications */

table.specGrid th {
  font-size:smaller; /* was 12px */
  color: white;
  background: #A53138; /*  #A53139 changed to fool validator into removing duplicate warning */
}

table.specGrid tr {
  text-align:center;
  font-weight: bold;
  color: #A53139;
  background: white; /* #A53139; */
}

table.specGrid tr.alternateRow {
  text-align:center;
  font-weight: bold;
  border: none;
  color: #A53139;
  background: #e0e0e0; /* #53a5a0; - pale complementary green */
}

/* catalogGrid is for general tables */

table.catalogGrid th {
  font-size:smaller; /* was 12px */
  color: white;
  background: #A53138; /*  #A53139 changed to fool validator into removing duplicate warning */
}

table.catalogGrid tr {
/*  text-align:center;
  font-weight: bold; */
  color: #A53139;
  background: white; /* #A53139; */
}

table.catalogGrid tr.alternateRow{
/*  text-align:center;
  font-weight: bold;
  border: none; */
  color: #A53139;
  background: #e0e0e0; /* #53a5a0; - pale complementary green */
}

.alternateRow a {
  color: #A53139;
  background: #e0e0e0; /* #53a5a0; - pale complementary green */
}

/* Stock table - clean the names */

.hd
{
	font-size:18px;
	font-weight:700;
}
.qty, .ptno, .cyl
{
	text-align:center;
	border-top:none;
	border-left:none;
	width:5em;
}
.desc
{
	text-align:left;
	border-top:none;
	border-left:none;
}

/* Gas Mix Editor */

input.concentration
{
	/* text-align: "."; */
	width:5em;
}
input.gm_desc
{
	width:500px;
}

/* Auto suggestion */

.suggestLink {
	color: black;
	background: white; 
	padding: 2px 6px 2px 6px;
}
.suggestLinkOver {
	color: black;
	background:#A55358; /* teal -> #2192A4; */
	padding: 2px 6px 2px 6px;
}

.suggestSearch {
	position: relative; 
	top: 1.2em;
	clear: left;
	color: black;
	background: white; 
	text-align: left; 
	/* border: 1px solid #000000; - try to fix this */
	border: 1px solid #000000;
}

/* ---------------- Navigation ---------------- */
/* nav  - common definitions.  Used by all	*/
/* nav1 - class for top level nav bar		*/
/* nav2 - class for second level drop-downs	*/
/* nav3 or higher not used by this app		*/

ul.nav { /* all lists */
	padding: 0;
	margin: 0;
	position: relative;
	top: 0; /* was 1em to lower the second level menu */
	list-style: none;
}

li.nav { /* all list items */
	float: left;
	position: relative;
	width: 6.5em;	/* Was 9 for 5 menu items */

	text-align: center;
	cursor: default;
	background: white;
  	color:#a55358;
	border-color: #53a5a0;
	border-style: solid;
	border-width: 1px 0;
}

li.nav1:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

ul.nav2 { /* second-level lists - unordered lists within list items */
	display: none;
	position: absolute;
	top: 0; /* was 1em to lower the second level menu */
	left: 0;
}

li.nav2 { /* unordered lists which are children of list items - doesn't appear to affect firefox */
/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

/*--------- For the grid --- !!! Change this for styling -----------*/

#SensitTrackGrid {
	width:100%;
	height:320px;
	color:black;
	background:white;
}

#SensitTrackGrid table.obj td{
	white-space: nowrap;
}

#GMITrackGrid {
	width:100%;
	height:320px;
	color:black;
	background:white;
}

#GMITrackGrid table.obj td{
	white-space: nowrap;
}

#BWTrackGrid {
	width:100%;
	height:320px;
	color:black;
	background:white;
}

#BWTrackGrid table.obj td{
	white-space: nowrap;
}

#AUTrackGrid {
	width:100%;
	height:320px;
	color:black;
	background:white;
}

#AUTrackGrid table.obj td{
	white-space: nowrap;
}

#ApplicationUsersGrid {
	width:100%;
	height:320px;
	color:black;
	background:white;
}

#ApplicationUsersGrid table.obj td{
	white-space: nowrap;
}

#ApplicationUserRolesGrid {
	width:100%;
	height:320px;
	color:black;
	background:white;
}

#ApplicationUserRolesGrid table.obj td{
	white-space: nowrap;
}

#ApplicationRolesGrid {
	width:100%;
	height:320px;
	color:black;
	background:white;
}

#ApplicationRolesGrid table.obj td{
	white-space: nowrap;
}

#MSDSDescriptionsGrid 		  {width:100%;	height:320px;	color:black;	background:white;}
#MSDSDescriptionsGrid table.obj td{white-space: nowrap;}

#MSDSSelectionGrid		{width:100%;	height:320px;	color:black;	background:white;}
#MSDSSelectionGrid table.obj td	{white-space: nowrap;}

#ComponentGasesGrid		{width:100%;	height:320px;	color:black;	background:white;}
#ComponentGasesGrid table.obj td	{white-space: nowrap;}

div.gridbox{
	overflow:hidden;
}
div.gridbox table.hdr td {
	font-family:arial, sans-serif;
	font-size:small; /* was 12px */
	color:black;
	background:#D4D0C8;
	border: 1px solid;
	border-color : white Gray Gray white;
	text-align: center;
	margin:0px;
	padding:5px 0px 5px 0px ;
	font-weight:normal;
	overflow:hidden;
	}
div.gridbox table.obj td {
	border: 1px solid;
	border-color : white Gray Gray white;
	font-family:Arial, sans-serif;
	font-size:small; /* was 12px */
	overflow:hidden;
	padding-top:0px;
	padding-bottom:0px;
	}
div.gridbox table.obj th {
	padding:0px 0px 0px 0px ;
	margin:0px 0px 0px 0px ;
	}

div.gridbox table.row20px tr  td{
	height:20px;
	white-space: nowrap;
	padding:0px;
}
div.gridbox .objbox {
	background:white;
	color:black;
	}
div.gridbox table.obj td,
div.gridbox table.obj td img.space{
/*	width:18px; !!! JFN - testing to see if this garfs up IE */
	}
div.gridbox table.obj tr.rowselected td.cellselected,
div.gridbox table.obj td.cellselected {
	background:#d8d8d8;
	color:black;
white-space: nowrap; /* !!! JFN - kill this */
	}
div.gridbox table.obj tr.rowselected td{
	background:#e1e0d7;
	color:black;
	}

.dragSpanDiv{ font-size : 12px; border: 1px gray solid; color:black; background:white; }
.dhxComboSelect{
    font-family:arial, sans-serif;
	font-size:small; /* was 12px */
    border:1px solid;
    border-color:black silver silver black;
    color:black;
    background:white;
    overflow:hidden;
    cursor:default;
    position:absolute;
    height:auto;
}
.dhxComboEdit{
    width:100%;
    border:0px;
    padding:0px;
    margin:0px;
    font:12px arial, sans-serif;
    overflow:hidden;
}

.dhxTextarea{
    border:1px solid;
    border-color:black silver silver black;
    position:absolute;
	height:100px;
}
.gridDragLine{
   position:absolute;
   top:10px; left:0px;
   width:100%;
   height:2px;
   color:white;
   background:black;
   overflow:hidden;
}

/*paginal output*/
DIV.pagingBlock{
	font-size:small; /* was 12px */
	font-family:verdana,arial, sans-serif;
}
DIV.pagingBlock .pagingCurrentPage{
	font-weight:bold;
	cursor:default;
}
DIV.pagingBlock .pagingPage{
	cursor:pointer;
	text-decoration:underline;
}
SPAN.recordsInfoBlock {
	font-size:small; /* was 12px */
	font-family:verdana,arial, sans-serif;
}

/* xp skin ------------------------------------------------------*/
table.hdr td {
	color:#616161;
	background:white;
/*	background-image:url('../imgs/header_bg.gif'); */
	border:0px;
	text-align: center;
	margin:0px;
	padding:5px 0px 5px 0px ;
	font-weight:bold;
	overflow:hidden;
	}
table.hdr td div.hdrcell{
	border-left: 1px solid white;
	border-right: 1px solid gray;
	height:16px;
	white-space : nowrap;
	font-family:Arial, sans-serif;
	font-size:small; /* was 12px */
}
table.obj td {
	border-top:0px;
	border-left:0px;
	border-bottom: 1px solid #D3D3D3; /* was - lightgrey; */
	border-right: 1px solid #D3D3D3; /* was - lightgrey; */
	font-family:Arial, sans-serif;
	font-size:small; /* was 12px */
	white-space: nowrap;
	overflow:hidden;
	padding-top:0px;
	padding-bottom:0px;
	vertical-align:middle;
	}
div.gridbox table.obj tr.rowselected td{
	background:#F5F5F5; /* was - whitesmoke; */
	color:black;
	}
div.gridbox table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected {
	background:#F5F5F5; /* was - whitesmoke; */
	}
table.row20px tr  td{
    height:22px;
    white-space: nowrap;
    padding:1px;
}