/*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;
	}
	
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	{
	color: #004f00;
	margin: 0px;
	font-size: 12px;
	}

p + p { margin-top: 1.0em; }

a			{ color: #5f5f5f; }


/*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:96%; }

/*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*/






/*for VesselView Model*/
#VesselView {
    width:370px;
    height:370px;
}
/*for bitmap, if model doesn't exist*/
#ModelBitmap    { width:370px; }

/*key for measurement type*/
#mtypeleg		{
    display:none;
}
/*key for model controls*/
#key		{
    display:none;
}


/*for nozzgraph, patchgraph, sbbgraph, weldgraph, insp, graph,*/
/*graph2, strain, temperature, diagram, setttilt, settetoc*/
#graph          { width:620px; }

/*for sitegrap, inspgrap, platenv*/
#graph2 {
    width:600px;
    height:600px;
}

/*for timeline, settcumu, settavcu;*/
/*for settgrap*/
#graph3, #graph5
{
    width:600px;
    height:450px;
}


/*for textarea in notes and feedback*/
#txt            { width:620px; }

/*table in insp, envcons, envvars, sitevars, sitecons, */
/*flange2, consupp, creepwld, creepcom, flanenv, siteflan*/



/*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; }



/*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;
	clear:left;*/
	height: 70px;
}


/*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;
}

/*tables in stress summary pages*/
/*main section of page in stresssummary pages and funct*/
#main{
	float: left;
	clear:right;
	padding-bottom:15px;
	width:95%;
}

#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;
}

/*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:center;
	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;
	font-size:12px;
}


/*topright logo on every page*/
.right	{
	float: right;
	text-align: right;
	width:139px;
}


/*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:220px;
}
#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 span.sev	{           /*span.sev used for printing while p.sev for screen*/
	margin:15px 0px 20px 0px;   /*<p class="sev"> used in code*/
	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: 10px 0px 0px 0px;
	width:250px;
}
#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; 
}

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


/*table for 20 highest displacements; */
#displacement	{
	float: left;
	clear:left;
	padding-bottom:15px;
}


/*measurement data*/
#tldata	{
	float: left;
	clear:left;
	padding-bottom:15px;
	width:370px;
}


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



/*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: 0% 5% 0% 5%;
}


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


/*functionality statements*/
li.light    {
    font-size: 10pt;
}
/*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;
	width:620px;
}


/*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;
}



/*scale in stressplot*/
td.scaletext    { color: #004f00; text-align: left; font-size:10px; }



/*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 for positioning in printer friendly pages*/
#tllinkprint
{
	float: left;
	clear:left;
	padding-bottom:20px;
	width:370px;
}



/*hidden items in printer friendly page*/

#toplinks       { display:none; }   /*links to the left of the Ideas logo*/
#nav, #nav2	    { display:none; }   /*navigation bars for small and large screen*/
#ModelControls  { display:none; }   /*3D Model Controls*/
#stageselect    { display:none; }   /*Stage select drop-down menu*/
#tllink     	{ display:none; }   /*top-left links*/
#traffic        { display:none; }   /*Traffic Light user input*/
#question       { display:none; }   /*Question mark for Measurement type pop-up in Summary*/
#stressscale    { display:none; }   /*multicoloured scale in stressplot made from table*/
#rht            { display:none; }   /*user input in sitegrap to view number of components*/
#graphinput     { display:none; }   /*user input in failure graphs*/
#photolink      { display:none; }   /*link to photos*/
#close          { display:none; }   /*close link in 20 highest displacements*/
#recordblock    { display:none; }   /*textarea in clienthistory*/

.highdisp       { display:none; }   /*link to 20 highest displacements in vibration*/
.graphlink      { display:none; }   /*link to graph*/
.measurelink    { display:none; }   /*link to measurements*/
.summlink       { display:none; }   /*links in summary page i.e. stress plot*/
.update         { display:none; }   /*update button in sitegrap page*/
.buttonlink     { display:none; }   /*button link in component ffs page*/
.userinput      { display:none; }   /*user input in sbbs, welds, notes, etc page*/
.stressinput    { display:none; }   /*user input in stressplot*/
.controltext    { display:none; }   /*text explaining use of web page*/
.hotsumm        { display:none; }   /*explainitory text on hotsumm page*/
.componentffs   { display:none; }   /*link to componentffs from diagram*/
.misclink       { display:none; }   /*miscellaneous links*/
.buttons        { display:none; }   /*buttons in insp page */




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