h1 { font-size: 20px;padding: 5px ;margin:5px;}
h2 { font-size: 16px;padding: 5px ;margin:5px;  }
h3 { font-size: 15px;padding: 5px ;margin:5px;  }
h4 { font-size: 14px;padding: 5px ;margin:5px;  }
h5 { font-size: 13px;padding: 0px; margin:0px;  }

/* *  { padding:0px;margin:0px;} */

p,ul,li,img,form,table {margin:0px;padding:0px;} 

body {
  	margin: 0px;
	padding: 0px;
 	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .8em;
  	line-height: 20px;
  	color: black;
        background-color:#d0dff4;
 }
 
#frame {
    width:1500px;
	margin:0px;padding:0px;
	text-align:left;
}


#masthead {
    width:1500px;
	background-image: url(/NetView/NetViewgreenlogo.jpg);
	background-repeat: no-repeat; 
    background-position: 12px 0px;	
	height: 98px;
	margin: 0px;
	padding: 0px;
/*	background-color: #336666; */
	background-color: #336B6C;
 	border: 2px solid #336B6C;
    }

/*
#masthead h1 {
	position: relative;
	margin:  0px; padding: 0px;
	left: 150px; top: 25px; 
	color: white;
}


#masthead h2{
	 position: relative;
	 color:#FFFF00; 
  	 margin:  0px; padding: 0px;
	 left: 420px; top: 5px; 
}*/

#masthead p.hint {
         position:absolute;
         color:white;
         margin:0px;padding:0px;
         padding-left:10px;
         font-size:13px;
         font-weight:bold; font-style:italic;
         left:600px;top:40px;
         width:300px;
         background-color:orange;
         color:black;
         
}

#widecol
 {
	position:absolute;
    top:102px;
    width:1500px;
    height:900px;
	margin: 0px 0px 0px 1px; padding: 0px;
	color:black;
    background-color:#d0dff4;
    border: 1px solid black;
}
 


/* Graph selection */

#graphnav {
	position: relative; 
	margin: 0px; padding: 0px;
	left: 18px; top: 10px; 
	list-style-type: none;
	font: bold 11px verdana, arial, sans-serif;
	width: 800px;
}
#graphnav li
{
	float: left;
	height: 21px;
	background-color: #b51032;
	color: #FFFFFF;
	margin: 2px 2px 0 2px;
	border: 1px solid black;
}


#graphtime 
{
  width: 280px;
}


#graphnav a:link,#graphnav a:visited {
	display: block;
        background-color: transparent;
	text-decoration: none;
	padding: 4px;
	color:#FFFFCC;
}


#graphnav a:hover
 {
	background-color: #F4869C;
	color: #FFFFFF;
 }

 body#overview_tab li.overview a:link,
 body#overview_tab li.overview a:visited,
 body#graphs_tab li.graphs a:link,
 body#graphs_tab li.graphs a:visited,
 body#recipes_tab li.recipes a:link,
 body#recipes_tab li.recipes a:visited,
 body#loops_tab li.loops a:link,
 body#loops_tab li.loops a:visited,
 body#monitor_tab li.monitor a:link,
 body#monitor_tab li.monitor a:visited,
 body#datalogfiles li.datalogs a:link,
 body#datalogfiles li.datalogs a:visited,
 body#loopconfig_tab li.loopconfig a:link,
 body#loopconfig_tab li.loopconfig a:visited,
 body#digitaloutputs_tab li.digouts a:link,
 body#digitaloutputs_tab li.digouts a:visited
 {
    color: #000000;
    background-color : #ffffC0;
 }


/* Value change */
#SEL_PS {width:100px;display:none;}
#SEL_LS {width:100px;display:none;}
#newdata {display:none;}


/* Recipes */
#Recipe_Name {width:220px;}
#Recipe_Options {width:20px;}
#Recipe_Description {width:280px;}
#Strt {width:30px;}
#recipes_tab .rowheader1 {width : 20px;} 

/* Digital Outputs */

#digitaloutputs_tab .rowheader1 {width : 10%;}
#digitaloutputs_tab .rowheader2 {width: 10%;}
#digitaloutputs_tab #Digital_Output_Type {width:10%;}
#digitaloutputs_tab #Digital_Output_Signal_Source {width: 20%;}
#digitaloutputs_tab #Output_State {width: 10%;}


/* Monitor Inputs 
#monitor_tab .rowheader1 {width : 1em;} 
#monitor_tab .rowheader2 {width : 1em;} 
#monitor_tab #Units { width: 1em;}
#Sensor_Type,#Input_Value {width:0.5em;}
#High_Analog_Input_Alarm,#Low_Analog_Input_Alarm {width:.5em;}
*/

#monitor_tab .rowheader1 {width : 80px;} 
#monitor_tab .rowheader2 {width : 120px;} 
#monitor_tab #Units { width: 30px;}
#Sensor_Type,#Input_Value {width:80px;}
#High_Analog_Input_Alarm,#Low_Analog_Input_Alarm {width:80px;}


/* Overview and Control Loops */

#Recipe_Start_Time,#Estimated_Completion_Time,#Current_Recipe
 {  width: 13em;  }

#Process_Variable,#Deviation,#Setpoint {width:4em;}
#Units {width:2.5em;}

#Cur_Seg {width:2em;}

#overview_tab #Status,#loops_tab #Loop_Status {width:60px;}

/* Graphs */

#ProfileGraph,#StripChart {width:600px;}
#graphs_tab form 
  {
    position: absolute;
    left:20px;top:96px;
  }
   
#graphs_tab p { margin-left:20px;}  
#graphs_tab h3 {margin-left:18px;}

#controller_list  {
      	background-color: white; 
        margin-left:20px;
        width:200px;
}
#unhide {display:none;}
.hidediv {color:white;}

/* Recipe/Operation tab */

#StartRecipe p ,#ChangeData p {padding-top:5px;padding-bottom:10px; margin:0px;font-family:verdana;font-size:12px;}


#StartRecipe,#ChangeData{
   display:none;
   position:relative;
   left:0px;top:0px;
   height:80px;
   margin:0px;
   padding-left:20px;
   padding-top:20px;
   border: 1px solid white;
   color: white; 
   background-color:#000080;
  } 

.pname{font-weight:bold;color:yellow;}
.rowheader1 {width: 80px;} 
.rowheader2 {width: 110px;} 
.rrowheader {width: 15px;}


/* --- Spreadsheet (table) fornat -----*/
	
table.formdata {
	border: 1px solid white; 
	border-collapse: collapse;
	table-layout:fixed;
	width:800px;
    margin:0px;padding:0px;
}


col { text-align:center;width:80px;}

table.formdata th {
  	border:1px solid white;
	background-color:#000080;
	color: white;
        text-align:center;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px 6px 0px 6px;
	margin: 0;
}

table.formdata td {
	margin: 0;
	padding: 0;
	border: 1px solid white; 
        text-align:center;
        font-family:arial;
        font-size:12px;
}


table.formdata         input.btn {background-color:tan; border: 1px solid black;}
table.formdata .altrow input.btn  {background-color:tan; border: 1px solid black;}

table.formdata .altstationrow td
{
  border-top:3px solid #000080; /*blue;*/
}

table.formdata .altrow input {background-color:#e9f8fe;}
table.formdata tr 	 {background-color:#d0dff4;  }
table.formdata tr.altrow {background-color:#e9f8fe; }


table.formdata td a:link, table.formdata td a:visited
 {
	display: block; 
	color:black;
   	text-decoration: none; 

	padding: 0px;
}
table.formdata td a:hover
{
	color: blue;  
	text-decoration: underline; 
}

 
   /* Info nav*/

#infonav {
    position:absolute;
    top:5px;left:420px;
    font: bold 11px verdana, arial, sans-serif; 
	padding:0px;margin:0px;
	list-style-type: none;
    width:800px; 
}

#infonav  li {
  float:left;
  margin: 3px 3px 0 3px;
  color:white; 
  background-color:#CC0000;
 /* border: solid 1px #ffffC0; */
  }

#infonav a:link, #infonav  a:visited { 
    color:white;
    background-color: transparent;
	text-decoration: none;
    display:block;
	padding: 2px;
}

#infonav  a:hover {background-color: #ffffC0;color:black; }
 

/*-----------------
 Tab Navigation 
 -----------------*/
#tabnav {
	position: absolute; 
	color: black;
	margin: 0px; padding: 0px;
	left: 10px; top: 77px; 
	list-style-type: none;
	font: bold 11px verdana, arial, sans-serif;
    width: 780px;
}

#tabnav  li {
	float: left;
	height: 21px;
 	background-color:#aaCCCC;
	color: #FFFFFF;
	margin: 2px 2px 0 2px;
 	border: 1px solid #711515;
}
#tabnav a:link, #tabnav  a:visited {
	display: block;
    color:black;
    background-color: transparent;
	text-decoration: none;
	padding: 4px;
}
#tabnav  a:hover {	background-color: #DDEEFF;	color : black;}

#datalogfiles table {

	border: 1px solid white; 
	border-collapse: collapse;
	table-layout:fixed;
	width:700px;
    margin:0px;padding:0px;
}

#filename {width:40%;}
#filesize,#filedate,#filetime,#filetype {width:10%;}

#datalogfiles table.formdata td a:link, #datalogfiles table.formdata td a:visited
 {
	display: block; 
	color: blue;  
	text-decoration: underline; 
   	/*text-decoration: none; */
	padding: 0px;
}

#datalogfiles table td a:hover
{
	color: red;  
	text-decoration: underline; 
}

#datalogfiles #widecol {border:none;}


table.formdata td a:link,
table.formdata td a:visited
 {
	display: block; 
	color:black;
   	text-decoration: none; 
	padding: 0px;
}
table.formdata td a:hover
{
	color: blue;  
	text-decoration: underline; 
}