/*Elements*/

body 	{ 
	position: relative; 
	margin: 15px 15px 1% 15px; 
	padding: 0; 
	border: none; 
	font-family: Tahoma,verdana,sans-serif,Trebuchet MS,Arial;
	font-weight: 600;
	background : #fff none fixed no-repeat;
	min-width:800px;
	}
	
h1, h2, h4	{ font-weight:600; }
th			{ color: #a00; text-align: left; font-size:12px; font-weight:600; }
td			{ color: #004f00; text-align: center; font-size:12px; }

p, li	{
	color: #004f00;
	margin: 0px;
	font-size: 12px;
	}

p + p, p + ul, p + ol { margin-top: 1.0em; }

li + li { margin-top: 0.5em; }

a			{ color: #5f5f5f; }
a:hover 	{ color: #f00; }


/*general colours and styles*/

span.red		{ color: #a00; }
span.blk		{ color: #000; }
span.blue		{ color: #00a; }
p.red 	   		{ color: #a00; }
span.italic 	{ font-style: italic; }
span.sub 		{ vertical-align:sub; font-size:7pt;}
.c              { text-align:center; }
.l              { text-align:left; }
.r		    	{ text-align:right; }
.full       	{ /*width:99%;*/ clear:both; }  /*full width of page*/
.insptable      { width:100%; } /*tables full width of page*/
.nonbreak		{ white-space:nowrap };

.popup 
{
	display:none;
	position:absolute;
	border:solid 1px black;
	padding:8px;
	background-color:white;
}
a.popup:hover + div.popup
{
	display:block;
}
div.popup:hover
{
	display:block;
}

/*others*/

th.hd			{ color: #001000; font-size: 14px; }    /*table heading in Nozzle Loads*/
th.detail		{ color: #3333cc; font-size: 14px; }    /*table heading in Welds, nozzles, patches, sbbs, etc*/
th.head			{ color:#a00; text-decoration:underline; font-size:14px; }  /*table heading summary pages, ship, and zoom pages*/
th.overview     { font-size: 20px; text-align:center; color: #33c; }


/*Login, Logout, Change Password, End Session, Login Failed, Feedback*/
#log input		{ border: 1px solid #000; }
#log a 			{ border-left: 	1px solid #000; font-size: 12px; padding: 0 4px 0 8px;}
#log a.first 	{ border-left: 	none; padding: 0 8px 0 0; }
#log a.not		{ border-left: 0 solid #FFF; padding: 0 0 0 0;}
#log textarea	{ border: 1px solid #000; }


/*navigation bar for 1024x768, and <=800x600 screens*/
#nav, #nav2	{
	text-align: right;
	float:right;
	clear : right;
	width : 50%;
	min-width: 400px;
}

#nav2
{
	display:none;
}

#nav a, #nav2 a 	{
	line-height: 18px;
	border-right: 1px solid #5f5f5f;
	font-size: 12px;
	padding: 0px 6px 0px 1px; 
}
#nav a.first, #nav2 a.first	{ border: 0; }

/*#nav table
{
	width:50%;
}*/

/*for new navigation bar*/
td.navlinks     { text-align: right; }

/*first in set of links*/
a.first 		{ border-left: 	none; padding: 0 0px 0 0; }

/*link used in various pages*/
a.unf			{ border-left:	none;	padding: 0 0 0 0; }


/*title on every page + graphs with no results*/
#title, div.noresults	{
	/*float: left;
	height: 70px;*/
	clear:left;
}

/*key for each system in site overview*/
#systemkey 	{
	clear:left;
	margin-left: 20px;

}


/*Accuracy Test Parameters in Stress Summary pages*/
#stresstop{
	float: left;
	clear:left;
	padding-bottom:15px;
	width:375px;
}
#stresstop td.topstress {
    text-align:left;
    color: #33c;
}
#stresstop td {
    text-align:right;
    color:#33c;
}

table.stress
{
	min-width:500px;  /*-does not expand to fill available space if forced down*/
}


/*tables in stress summary pages*/
#main{
	clear:left; 
	min-width: 500px;
}

#main th.category, #stresstop th.category   {
    text-align:left;
    color: #33c;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
}
#main th    {
    text-align:right;
    color:#33c;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
}
#main td.category   {
    text-align:left;
    color: #33c;
}
#main th, #main td  {
    text-align:right;
    color:#33c;
}
#main td.stressexceeded
{
    color:#AA0000;
}
#main .stresscomponent
{
    font-size:10px;
    text-align:left;
}


/*FFS title in stresssummary pages,*/
/*Failure Assessment Diagram in diagram*/
#main h1, #definition h1	{
	color: #33c;
 	font-size: 27px;
	padding: 0; 
	margin: 0;
}

#definition {
    padding-left:10px;
    text-align:right;
	clear: right;	
}
#definition p {
    text-align:left;
    color:#33c;
    font-family:arial;
    font-weight:bold;
    font-size:24px;
}
/*Kr, Lr values in diagram*/
.ffs    {
    font-size:24px;
    font-family:Arial;
    font-weight:bold;
    color:#33c;
}
/*Latest Calculated Ratio title in diagram*/
.ffs2   {
    font-size:24px;
    font-family:Arial;
    font-weight:bold;
    color:#33c;
    text-decoration:underline;
}
/*link to component Stress Summary*/
.componentffs   {
    font-size:20px;
    font-family:Arial;
    font-weight:bold;
    color:#33c;
    text-align:left;
}
/*warning in componentffs*/
p.warning   {
    color:#DF0000;
    font-size:16px;
}


/*heading 1 for page title, + no results*/
#title h1, div.noresults h1, h1.noresults{
	color: #33c;
 	font-size: 27px;
	padding: 0; 
	margin: 0;
}

/*heading 2 for page title, + large report*/
#title h2, h2.report{
	color: #33c;
	font-size:21px;
	padding: 0px;
	margin: 0px;
}


/*version No.*/
#version{
    width:120px;
	float: right;
	text-align: right;
}


/*topright links + logo on every page*/
#top a	{
	line-height: 18px;
	font-size: 12px;
	margin-right: 2px;
}
.right	{
	float: right;
	text-align: right;
	width:139px;
}


/*instructions on stressplot*/
.left	{
	float: left;
	text-align: justify;
	clear:left;
}


/*intro on main pages*/
#comment{
	margin: 15px 0px 15px 0px;
	clear: right;
	text-align: justify;
}


/*division for VesselView, PipeView, or Bitmap image*/
#image 	{
	float:left;
	clear:left;
	margin: 8px 10px 0px 0px;
}


/*division with assessment date, etc*/
#topright	{
	padding-left:10px;
	float: right;
	clear: right;
	width:243px;
}
#topright p.data	{
	margin:15px 0px 20px 0px;
	padding-bottom: 3px;
	border-bottom: 2px solid #5f5f5f;
	font-size:11px;
}
/*traffic light in division with assessment date, etc*/
#topright p.sev	{
	margin:15px 0px 20px 0px;
	padding-bottom: 3px;
	padding-left:10px;
	font-size:12px;
}

/*traffic light when on left hand side*/
#newsev	{
	float:left;
	clear: left;
}

/*IE7 and below seem to resize this table too aggressively when changing window size? */
#newsev table
{
	width: 300px;
}

/*division with text below #topright*/
#conright	{
	margin: 15px 0px 15px 0px;
	clear: right;
	text-align: justify;
}

/*table in zoomspot, etc pages*/
#conright table	{ 
	margin: 0px 0px 0px 5px;
}
/*table in summary pages*/
#conright table.summary	{ 
	margin: 0px 0px 0px 5px;
}
#conright a.link	{
	font-size:12px;
	text-align:right;
}

/*table sbbsummary page*/
#conleft table	{ 
	margin: 0px 0px 0px 5px;
	float: left;
	clear: left;
}

#copyright
{
	clear:both;
}

/*table titles in measurements page*/
.measurements   {
    border-left-style:none; 
    border-right-style:none; 
    height:30px; 
    vertical-align:bottom; 
    text-align:left;
    color: #33c; 
    text-align: left; 
    font-size:14px; 
}

#ModelControls
{
	margin-bottom:1em;
}

/*Latest Measurements section in vibration measurements*/
#topmid	{
	padding-left:10px;
	clear: right;
	width:350;
	font-size:12px;	
}

/*#topmid table
{
	float:right;
}*/


/*table for 20 highest displacements; */
/*measurement data; links/buttons on graphs*/
#displacement, #tldata, #tllink	{
	float: left;
	clear:left;
	padding-bottom:15px;
	margin-right:2em;
}


/*summary in hotspots in #conright#*/
p.hotsumm {
    padding: 0px 15px 0px 15px;
    text-align: justify;
    font-size: 13px;
}



/*link to view photographs and images*/
a.inlfir {
    line-height: 18px; 
    border: 0; 
    font-size: 12px; 
    padding: 0px 5px 0px 0px;
}

/*Cancel link in notes*/
a.inl	{
	line-height: 18px;
	border-left: 1px solid #5f5f5f;
	font-size: 12px;
	padding: 0px 1px 0px 6px; 
}



/*text in outline page*/
.outline	{
	font-size: 15px;
	text-align: justify;
	margin-left 5%;
	margin-right 5%;
	width: 90%;
}
/*next link in outline*/
.next	{
	float:right;
	clear:both;
	margin-right: 10%;
}


/*message on index page plus instructions on admin pages*/
.index	{
	font-size: 13px;
	text-align: justify;
	margin-left: 5%;
	margin-right: 5%;
}



/*input titles, fields, and tables in admin*/
td.fieldtitle   { text-align:right; }
td.fielddata    { text-align:left; }
p.datainput     { text-align:center; }
/*user input link/button in admin pages*/
a.iplink{
	width:382px;
	height:34px;
	display: block;
	color: #FF0000;
	background-color: #FFFFFF;
	border-bottom: 2px solid #FF0000;
	border-left: 2px solid #FF0000;
	border-top: 2px solid #FF0000;
	border-right: 2px solid #FF0000;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 3px;
}
a.iplink:hover{
	background-color: #FFFF00;
	color:#FF0000;
}
/*links in centre at bottom in admin pages*/
/*i.e. Select Another Subject/System*/
.centerlinks	{
	font-size: 13px;
	text-align: center;
}
/*text in miscellaneous inputs menu*/
td.miscellaneous	{
	font-size: 13px;
	text-align: left;
	clear:both;
	font-weight:bold;
}




/*links to graphs at bottom of syslogin and typesel*/
#bottnav a	{	
	line-height: 18px;
	border-left: 1px solid #5f5f5f;
	font-size: 12px;
	padding: 0px 1px 0px 6px; 
}
#bottnav a.first	{
	border: 0;
	padding-left: 0;
}



/*text at boundary inputs for inspgraph, platenv, sitegrap*/
input.graphtxt	{
	width:60px;
}


/*pop-up legend for Measurement Type in summary pages*/
#mtypeleg		{
	background-color:#e6e2b4;
	position:absolute;
	left:-1000px;
}

/*pop-up VesselView Controls Key*/
#key    {
    display:none;
    background-color:#e6e2b4;
    position:absolute;
    left:-1000px;
	z-index:10000;
}

/*pop-up legend for Measurement Type in summary pages*/
#flawkey		{
	background-color:#e6e2b4;
	position:absolute;
	left:-1000px;
}



/*functionality statements*/
li.light    {
    font-size: 10pt;
}

/*functionality statements in report*/
li.lightreport    {
    font-size: 8pt;
}


/*notice at bottom of funct*/
#notice h3{
	color: #33c;
 	font-size: 14px;
	padding: 0; 
	margin: 0;
	text-decoration: underline;
}


/*used for pop-up images in pictpop*/
table.pictpop	{ width:100%; }
img.imgpictpop 	{ width:92%; }



/*copyright message*/
#copyright p {
    float:left;
    clear:left;
    position:static;
    text-align:left;
    color:#33c;
    font-family:arial;
    font-weight:bold;
    font-size:12px;
    margin-top:20px;
}


/*graphs*/
#stressgraph	{
	float: left;
	clear: left;
}

#stressgraphcaption
{
	float:left;
	clear:left;
	margin-right:300px;
}



/*button in various pages*/
.button {
    color:#33c;
    background: #FFFFFF;
    border: 2px  outset #0000FF;
}


/*sensor position key*/
td.position {
    font-size:12px;
    text-align:left;
}

/*Known History Prior To Monitoring - Static Cycles To Date*/
#topleft	{
	padding-right:10px;
	float: left;
	clear: left;
}
td.load {
    text-align:left;
}


		

/*stage links on main page*/
td.stage1, td.stage2, td.stage3, td.stage3, td.stage4, td.stage5, td.stage6, td.stage7, td.stage8
{
    width:15px;
	height:15px;
	display: block;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
}
td.stage1   { background-color: #FF0000; }
td.stage2   { background-color: #FFFF22; }
td.stage3   { background-color: #BB44DD; }
td.stage4   { background-color: #00FFFF; }
td.stage5   { background-color: #BBFFBB; }
td.stage6   { background-color: #FFBB00; }
td.stage7   { background-color: #96C0FF; }
td.stage8   { background-color: #964B00; }


/*scale on stressplot if max=min*/
td.stress1, td.stress5  {
    width:30px;
	height:15px;
	display: block;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
}
td.stress1  { background-color: #FF0000; }
td.stress5  { background-color: #0000FF; }


/*date selection in nozzgraph, etc*/
span.date   {
    font-size:14px;
    color:#33c;
}
span.datetitle  {
    font-size:14px;
    text-decoration:underline;
    color:#33c;
}



/*scale in stressplot page*/
#stressscale2   { display:none; }

/*scale in stressplot*/
td.scale1, td.scale2, td.scale3, td.scale4, td.scale5, td.scale6, td.scale7, td.scale8, td.scale9, td.scale10, td.scale11, td.scale12, td.scale13, td.scale14, td.scale15, td.scale16, td.scale17, td.scale18, td.scale19, td.scale20, td.scale21, td.scale22, td.scale23, td.scale24, td.scale25
{
    width:30px;
	height:5px;
	display: inline;
	border-bottom-width:0;
	border-top-width:0;
}
td.scale1   { background-color: #FF0000; }
td.scale2   { background-color: #FF2B00; }
td.scale3   { background-color: #FF5500; }
td.scale4   { background-color: #FF8000; }
td.scale5   { background-color: #FFAA00; }
td.scale6   { background-color: #FFD500; }
td.scale7   { background-color: #FFFF00; }
td.scale8   { background-color: #D5FF00; }
td.scale9   { background-color: #AAFF00; }
td.scale10  { background-color: #80FF00; }
td.scale11  { background-color: #55FF00; }
td.scale12  { background-color: #2BFF00; }
td.scale13  { background-color: #00FF00; }
td.scale14  { background-color: #00FF2B; }
td.scale15  { background-color: #00FF55; }
td.scale16  { background-color: #00FF80; }
td.scale17  { background-color: #00FFAA; }
td.scale18  { background-color: #00FFD5; }
td.scale19  { background-color: #00FFFF; }
td.scale20  { background-color: #00D5FF; }
td.scale21  { background-color: #00AAFF; }
td.scale22  { background-color: #0080FF; }
td.scale23  { background-color: #0055FF; }
td.scale24  { background-color: #002BFF; }
td.scale25  { background-color: #0000FF; }
td.scaletext{ color: #004f00; text-align: left; font-size:10px; }

/*instructions on stressplot*/
td.left		{ color: #004f00; text-align: left; font-size:12px; }



/*largereport*/
th.rightangle   {
	writing-mode: tb-rl;
	text-align:right;
	vertical-align:middle;
	font-size:10px;
}
td.report, th.report    {
    font-size:10px;
    width:50px;
}
h3.report   {
	color: #33c;
	font-size:16px;
	padding: 0px;
	margin: 0px;
}
td.lreport  {
    color: #004f00;
    text-align: left;
    font-size:10px;
}
th.headreport   {
    color:#a00;
    text-decoration:underline;
    font-size:12px;
}
thead   { display: table-header-group; }

/*assessment data, etc on largereport*/
p.printdata	{
    margin:15px 0px 20px 0px;
	padding-bottom: 3px;
	border-bottom: 2px solid #5f5f5f;
	font-size:9px;
}


/*line breaks used in printer friendly pages*/
#tllinkprint    { display:none; }

/*textarea on a printer friendly page*/
#textareaprint  { display:none; }





/*used but not needed*/

.comm	        { text-align: justify; clear: left; padding: 10px 20px 0px 0px; }   /*used for comment*/
td.opt			{ text-align:left; font-size: 14px; color: #a00; }  /*used in insp*/




/*not used
#sev 			{ position: absolute; top:70px; left:0px; height: 40px; z-index:2; }
#data 			{ position: absolute; top:140px; right:0px; height: 40px;  z-index:2; width:300px;}
#middle 		{ position: absolute; top:120px; left:0px; z-index:0; width:100%; }
#left 			{ position: absolute; top:376px; left: 0; width: 8%; margin-top: 1%; }
#right 			{ position: absolute; top:382px; left: 90%; width: 10%; margin-top: 1%; z-index:2;}
#tabb			{ z-index: 1; }
#top h1			{ color: #33c;	font-size:20pt;	position: absolute; top: 10px; left: 10px; margin: 0px;	}
#top h2			{ color: #33c;	font-size:16pt;	position: absolute; top: 10px; left: 10px; margin: 0px;	}
#middle p		{ color: #004f00; font-size:12px; text-align:justify; }
#middle p.cen 	{ text-align:center; }
#middle p.red	{ color:#a00; }
#middle td		{ color:#004f00; }
#middle th		{ color:#a00; }	
#middle td.med, th.med	{ font-size:10pt; text-align:left; }
#middle form.summ 	{ position: absolute; left: 0px; }
#middle a.next 	{ position: absolute; right: 0px; font-size:16px; }
#middle a.blue	{ color: #33c; text-decoration:none; padding: 0; }
#middle a:hover { color: #f00; }
#middle a		{ font-size: 12px; }
#middle a.gr 	{ border-left: 	1px solid #5f5f5f; padding:		0px 1px 0px 6px; }
#middle a.fst 	{ padding:		0px 6px 0px 0px; }
#middle a.grf 	{ border-left: 	none; }
#middle div.list	{ width:500px;}
#middle a.tab 	{ padding:0; color:#a00; }
#middle img.no	{ border:0 }
#right			{ position :absolute; top: 226px; left: 550px; width: 400px; }
#right a.hots	{ font-size: 13px; border-left:	none; padding: 0; position: absolute; top:20px; left: 120px; }
#right p.hots	{ font-size: 13px; position: absolute; top: 100px; }
#right span.val	{ position:absolute; left: 320px; }
#right p.head	{ color:#a00; text-decoration:underline; font-size:14px; }
#right p		{ line-height:125%; }
#right p.sev	{ line-height:150%; }
#right p.comm	{ position: absolute; right: 0px; width:300px;} 
#right span.buttons	{ position:absolute; left: 265px; }
#data p			{ font-size:8pt; }
#sev span.val 	{ position: absolute; left: 200px; }
a.current		{ color: #004f00; }
a.current:hover	{ color: #004f00; }
#middle textarea		{ border: 1px solid #000; }
.text			{ border: 1px solid #000; }
.control        { z-index:0; }
div.floright	{ float:right; }
div.floleft 	{ float:right; clear:left; }
div.viewer		{ height:550px; width:550px; background-color:#fff;}
div.fulltab	    { width:100%; z-index:0; }
a.hotsumm { padding-left: 150px; text-align:center; font-size: 13px; }
a.blue		{ color: #33c; text-decoration:none; padding: 0; }

h1.position{
	color: #33c;
 	font-size: 27px;
	text-align: center;
	padding: 0; 
	margin: 0;
}
h1.ffs
{
	color:#33C;
	font-size: 14pt;	
}
table.ffstable td
{
	text-align:center;
}
#bottomtext h1
{
      text-align:center;
      color:#a00;
      font-family:Times new roman;
}
#definition h2
{
      color:#33c;      
      vertical-align: top;
}
p.unaccept
{
      text-align:left;
      color:#33c;
      font-family:arial;
      font-weight:bold;
}
#equation p
{
      position:static;
      width:700px;
      text-align:center;
      color:#33c;
      font-family:arial;
      font-weight:bold;
      font-size:24px;
}
p.unaccept
{
      font-size:20px;
}
p.accept
{
      color:#33c;
      font-family:arial;
      font-size:24px;
      font-weight:bold;
}
input.new
{
      width:300px;
}
h2.success
{
      text-align:center;
      color:#a00;
      font-family:Times new roman;
}
td.install			{ color: #004f00; text-align: left; font-size:12px; }
td.lscale1, td.lscale2
{
    width:20px;
	height:5px;
	display: inline;
	border-bottom-width:0;
	border-top-width:0;
}
td.lscale1{	background-color:#000000;}
td.lscale2{	background-color:#A0A0A0;}
.creport	{ color: #004f00; text-align: center; font-size:10px; }
.fadvalues
{
    text-align:left;
}
*/