body { 	font-size : small; 
	font-family : arial, helvetica, sans-serif; 
	background-color : #ffffff; 
	width:95%; /* decreased to 95% from 96% 13/07/09 as IE has horizonal scroll bar appear*/
	position:absolute; 
	top:2px; 
	left:5px; /*increased left margin from 2px 18/05/09 */
	line-height:115%;/* Increases space between all lines added 06/05/09 */
	margin-left:15px; /* Increases the space from the left of the page 06/05/09 */
	margin-right:15px; /* Increases the space from the right of the page 06/07/09 */
	}
/* Block elements */
br  { font-size : inherit;}
p   { font-size : inherit;}
td  { font-size : inherit;}
th  { font-size : inherit; font-weight : bold;}
noscript {font-size : inherit; }
li  { font-size : inherit;}
tt  { font-family : courier, serif; font-size : 110%;} /* font families are smaller than defaults so increased size to compensate */
pre{ font-family : courier, serif; font-size:inherit;} /* font families are smaller than defaults so increased size to compensate */
.noprint{visibility:show;}
.print{visibility:hidden; visibility:hide; display:none;}
.outdent {  margin: 0; padding: 0;} /* forces the bullets to align with the heading/paragraph text used in <ul> tag */
/* Block bullet elements */
li.grenbul {list-style: url(img/dot_green.gif); 
		margin-left:18px; 
		padding-left:5px; 
		padding-bottom:5px; /* makes the line space between bullets equal and reasonably spaced */
		text-align:left;
	}
li.redbul {	list-style: url(img/dot_redb.gif); 
		margin-left:18px; 
		padding-left:5px; 
		padding-bottom:10px; /* makes the line space between bullets equal and reasonably spaced */
		text-align:left;
	}
li.greybul {	list-style: url(img/dot_grey.gif); 
		margin-left:18px; 
		padding-left:5px; 
		padding-bottom:10px; /* makes the line space between bullets equal and reasonably spaced */
		text-align:left;*/		
	}
li.bluebul {list-style: url(img/dot_ltblue.gif); 
		margin-left:18px; 
		padding-left:5px; 
		padding-bottom:5px; /* makes the line space between bullets equal and reasonably spaced */
		text-align:left;
	}
/* Block element used in spk6wglu.htm */
.circlered {list-style:circle url(img/circ_red.gif);
	      padding-bottom:5px;
}

/* Layout Elements */
.borders{display:inline-block;
	border: solid 1px #000000;
	width:96%;}
	
.rightp { display:inline-block;
	 float:right;
	 width:33%;
	 height:auto;
	 background-color:transparent/*#f0d0d0*/;
	 border: none 1px #000000;
	 color: #000000;
	 padding-left:0px;
	 padding-top:15px;
	 padding-bottom:10px;
	 padding-right: 15px; /*Added padding to move images away from right margin 18/05/09 */
	 margin-left:25px;
	 text-align:center;
	 /*z-index:100;*/
        }
.widerightp { display:inline-block;
	     float:right;
	     width:45%;/* changed to fit larger images*/
	     height:auto;
	     background-color:transparent/*#e0a0a0*/;
	     border: none 1px #000000;
	     color: #000000;
	     padding-left:0px;
	     padding-top:15px;
	     padding-bottom:10px;
	     padding-right: 15px; /*Added padding to move images away from right margin 18/05/09 
	     margin-left:25px;*/
	     text-align:center;
	     /*z-index:100;*/
	   }
.extrawiderightp { display:inline-block;
	     float:right;
	     width:50%;
	     height:auto;
	     background-color:transparent/*#e0a0a0*/;
	     border: none 1px #000000;
	     color: #000000;
	     padding-left:0px;
	     padding-top:15px;
	     padding-bottom:10px;
	     padding-right: 15px; /*Added padding to move images away from right margin 18/05/09 
	     margin-left:25px;*/
	     text-align:center;
	     /*z-index:100;*/
	   }
.leftp     { display:inline-block;
	     float:left;
	     width:33%;
	     height:auto;
	     background-color:transparent/*#c0a0a0*/;
	     border: none 1px #000000;
	     color: #000000;
	     padding-right:20px;
	     padding-top:15px;
	     padding-bottom:10px;
	     margin-right:25px; 
	     text-align:center;
	     /*z-index:200;*/
           }
.wideleftp { display:inline-block;
	     float:left;
	     width:45%;/* increased to match widerightp for larger images */
	     height:auto;
	     background-color:transparent/*#e0a0a0*/;
	     border: none 1px #000000;
	     color: #000000;
	     padding-right:20px;
	     padding-top:15px;
	     padding-bottom:10px;
	     margin-right:25px;
	     text-align:center;
	     /*z-index:200;*/
	   }
.extrawideleftp { display:inline-block;
	     float:left;
	     width:50%;
	     height:auto;
	     background-color:transparent/*#e0a0a0*/;
	     border: none 1px #000000;
	     color: #000000;
	     padding-right:20px;
	     padding-top:15px;
	     padding-bottom:10px;
	     text-align:center;
	     /*z-index:200;*/
	   }/*Added to accommodate very wide images */
.narrowleftp { display:inline-block;
	     float:left;
	     width:25%;
	     height:auto;
	     background-color:transparent/*#e0a0a0*/;
	     border: none 1px #000000;
	     color: #000000;
	     padding-right:10px;
	     padding-top:15px;
	     padding-bottom:10px;
	     margin-right:15px;
	     text-align:center;
	     /*z-index:200;*/
	   }
/* rightb/leftb are used next to rightp/leftp blocks - rightb especially to keep the bulleted text aligned next to images  - leftb prevents the bullets from wrapping below images on the right */
.rightb    { display:inline-block;
	     float:right;
	     width:50%; /*reduced width from 60% to prevent overspill/forcing text below images on the left 18/05/09 */
	     height:auto;
	     background-color:transparent/*#e0d0d0*/;
	     border: none 1px #000000;
	     color: #000000;
	     padding-left:3px;
	     padding-top:0px;
	     padding-bottom:10px;
	   /*  padding-right: 10px; Added padding to move text away from right margin 18/05/09 */	 
	     margin-left:3px;
	     text-align:left;
	     /*z-index:100;*/
	   }	   
.leftb     { display:inline-block;
	     float:left;
	     width:50%;/*reduced width from 60% to prevent overspill/forcing text above images on the left 18/05/09 */
	     height:auto;
	     background-color:transparent/*#e0a0a0*/;
	     border: none 1px #000000;
	     color: #000000;
	     padding-right:3px;
	     padding-top:0px;
	     padding-bottom:10px;
	     margin-right:0px;
	     text-align:left;
	     /*z-index:200;*/
  	   }
/* rightbnxt/leftbnxt are used in 1902u where two columns of text need to be aligned next to each other with a space between the blocks of text */	   
.rightbnxt    { display:inline-block;
	     float:right;
	     width:45%;
	     height:auto;
	     background-color:transparent/*#e0d0d0*/;
	     border: none 1px #000000;
	     color: #000000;
	     padding-left:3px;
	     padding-top:0px;
	     padding-bottom:10px;
	     margin-left:3px;
	     text-align:left;
	     /*z-index:100;*/
	   }
.leftbnxt     { display:inline-block;
	     float:left;
	     width:45%;
	     height:auto;
	     background-color:transparent/*#e0a0a0*/;
	     border: none 1px #000000;
	     color: #000000;
	     padding-right:3px;
	     padding-top:0px;
	     padding-bottom:10px;
	     margin-right:0px;
	     text-align:left;
	     /*z-index:200;*/
  	   }
.narrowrightb    { display:inline-block;
	     float:right;
	     width:40%;
	     height:auto;
	     background-color:transparent/*#e0d0d0*/;
	     border: none 1px #000000;
	     color: #000000;
	     padding-left:3px;
	     padding-top:0px;
	     padding-bottom:10px;
	     margin-left:3px;
	     text-align:left;
	     /*z-index:100;*/
	   }
.narrowleftb     { display:inline-block;
	     float:left;
	     width:40%;
	     height:auto;
	     background-color:transparent/*#e0a0a0*/;
	     border: none 1px #000000;
	     color: #000000;
	     padding-right:3px;
	     padding-top:0px;
	     padding-bottom:10px;
	     margin-right:0px;
	     text-align:left;
	     /*z-index:200;*/
  	   }
	   /* Query use of this in 1902 */
.lcol {
		position: relative; 
		left: -55%; 
		width: 45%; 
		float: right; 
		text-align: right;
	}
.rcol {
		position: relative; 
		left: 50%;
		width: 50%; 
		float: left;
		text-align:left;
	}
.loutlinecol {
		position: relative; 
		left: 0%; 
		width: 46%; 
		float: left; 
		text-align: center;
		border:solid 1px #000000;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 5px;
		padding-right: 5px;
	}
.routlinecol {
		position: relative; 
		width: 46%; 
		float: right;
		text-align: center;
		border:solid 1px #000000;
		padding-top: 8px;
		padding-bottom: 12px;
		padding-left: 5px;
		padding-right: 5px;
		/*margin-right:10px;*/
	}
.lbulcol {
		position: relative; 
		left: 0%; 
		width: 46%; 
		float: left; 
		text-align: left;
		border:none 1px #000000;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
	}
.rbulcol {
		position: relative; 
		width: 46%; 
		float: right;
		text-align: left;
		border:none 1px #000000;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
		/*margin-right:10px;*/
	}

/* Element used in 1902u.htm */
.tabrightp { display:inline-block;
	     float:right;
	     width:33%;
	     height:auto;
	     background-color:transparent/*#f0d0d0*/;
	     border: none 1px #000000;
	     color: #000000;
	     padding:0px;
	     margin-left:5px;
	     margin-right:30px;
	     text-align:center;
	     z-index:100;
           }
.tabArea {
  font-size: 100%;
  font-weight: bold;
}
a.tab {
  background-color: transparent;
  color: #0000FF;
  padding: 4px 4px 4px 4px;
  position: relative;
  text-decoration: none;
  top: 3px;
  z-index: 100;
}
a.tab:visited {
  background-color: #FFFFFF;
  color: #708090;
  padding: 4px 4px 4px 4px;
  position: relative;
  text-decoration: none;
  top: 3px;
  z-index: 100;
}
a.tab:focus {
  background-color: #E6E6FA;
  color: #0000FF;
  padding: 4px 4px 4px 4px;
  position: relative;
  text-decoration: none;
  top: 3px;
  z-index: 100;
}
a.tab:hover {
  background-color : #E6E6FA;
  color: #0000FF;
  padding: 4px 4px 4px 4px;
  position: relative;
  text-decoration: none;
  top: 3px;
  z-index: 100;
}
a.tab.activeTab {
  background-color : #FF0000;
  color: #000000;
  padding: 4px 4px 4px 4px;
  position: relative;
  text-decoration: none;
  top: 3px;
  z-index: 100;
}
.activeTab {
  background-color : #FFFFFF;
  color: #FF0000;
  padding: 4px 4px 4px 4px;
  position: relative;
  text-decoration: none;
  top: 3px;
  z-index: 100;
}
.tabMain {
  background-color: transparent;
  border: 1px solid;
  border-color: #C0C0C0 #D3D3D3 #D3D3D3 #C0C0C0;
  padding: .7em;
  position: relative;
  z-index: 101;
}
.scriptmenu {overflow:auto; position:absolute; left:1%; top:110px; height:220px; width:48%}
.scripts {overflow:auto; position:absolute; left:50%; top:110px; width:50%; height:220px;}
.scrbot {position:absolute; left:1%; top:340px; width:100%;}
a.scrmenu {background-color : #FFFFFF; color: #0000FF; line-height:140%;}
a.scrmenu:visited {background-color : #FFFFFF; color:#000080;}
a.scrmenu:hover   {background-color : #E6E6FA; color:#0000FF;}
a.scrmenu:focus   {background-color : #FFFFFF; color:#FF0000;}

/* four columns for bulleted lists */
.box1{display:block; float:left; width:24%; height:auto; margin-left:0px; background:transparent; }
.box2{display:block; float:left; width:24%; height:auto; margin-left:3px; background:transparent; }
.box3{display:block; float:left; width:24%; height:auto; margin-left:3px; background:transparent; }
.box4{display:block; float:left; width:23%; height:auto; margin-left:3px; background:transparent; }
/* Footer link Elements (replaces tables) **** */
.footerfrst{ display:inline;
	     float:left; 
	     padding:5px 30px 0px 0px; 
	     margin-left:-30px; 
	     text-align:left;
	   }
.footermid { display:inline;
	     float:left;
	     padding:5px 30px 0px 0px;
	     text-align:center;
   	   }
.footerlast {display:inline; 
	     float:right; 
	     text-align:right;
	     padding:0px 0px 0px 0px;
	   }
/* Escape Elements  */
.escape {clear:both;}
.lescape {clear:left;}
.rescape {clear:right;}	

.nwmenu{ background-color:#FFCA31; background-image:url(img/side1150.gif); font-size:small; text-decoration:none; }
a.nwmenu{color:#0000FF;}
a.nwmenu:focus{color:#FF0000;}
a.nwmenu:visited{color:#FF0000;}
a.nwmenu:hover{color:#FF0000; font-weight:900;}
/*colours */
.ltgreen { background-color : #7ad191;}
.ltblue  { background-color : #99ccf1;}
.bluef    { color : blue;}
.green   { background-color : #008000;}
.blue    { background-color : #151afa;}
.medblue { background-color : #88c2fe;}
.paleblue { background-color : #e3f1ff;}
.red     { background-color : #FF0000;}
.ltred {background-color: #EBA5A5;}
.pink    { background-color : #FF99CC;}
.yellow  { background-color : #f3bc00;}
.ltyellow { background-color : #ffea9f;}
.white  { background-color : #FFFFFF;}
.gray	{background-color : #808080;}
/*font styles */
.inlinehead {
	font-size : 115%; 
	font-weight : bold;
	}
.offer    { color : #008000; font-weight : bold;}
.biggreen { font-size : 150%; color : #008000; font-weight : bold; line-height:125%;}
.bigwhite { font-size : 125%; color : #FFFFFF; font-weight:900; line-height:125%;}
.bigblack { font-size : 150%; font-weight : bold; line-height:125%;}
.bigred   { font-size : 150%; font-weight : bold; color : red; line-height:125%;}
.bigblue   { font-size : 150%; font-weight : bold; color : #0073F3; line-height:125%;}
.big      { font-size : 150%; font-weight : bold; line-height:125%;}
/* increased font size to match other "big" font settings and added line-height for the same reason 04/08/09 */
.date     { font-size : 80%; }
.hyper    { font-size : inherit; color : #000000;}
.warning  { font-size : inherit; color : red; font-weight : bold;}
.hideme   { font-size : inherit; color : Red; font-weight : bold;}
.subhead  { font-size : 115%; font-weight : bold; line-height:180%; /* line height added to give space below subhead 06/05/09*/}
.subheadred   { font-size : 120%; 
	     font-weight : bold;
	     color:red;
	     line-height:230%; /*line height added to give space below subhead 06/05/09*/
	}
.subheader{ font-size : 115%; font-weight : bold; /* 27/07/09 added to remove extra space between lines in long titles (script files in foreign langs especially)*/}
/*to be phased out */	   
.bigthin  { font-size : 130%;}
.big2     { font-size : 130%; font-weight : bold;}
.big4     { font-size : 130%; font-weight : bold; font-style : italic; color : #f3bc00;}
.subhead2 { font-size : 110%; font-weight : bold; }
.subhead3 { font-size : 110%; font-style : italic;}
/*end phase out section*/
div { font-size : inherit;}
.hidden{font-size : inherit; color: #FFFFFF;}
.formbut { font-size: inherit; width:200px; padding: 0px; font-weight: normal; }

/*.ltgray	{background-color : #F0F0F0;} not used */
/*.nobr {white-space: nowrap} not used */

/*This is for the help files with small amounts of information to display (used with a block element div tag)*/
.hlpblock {Position:absolute; display:block; top:150px; left:5px; Width:100%; height:auto; background:transparent; border:1px solid #ccc; padding:5px;}
/*This is for the help files with larger amounts of information to display (used with a block element div tag)*/
.hlpblocktp {Position:absolute; display:block; top:5px; left:5px; Width:100%; height:auto; background:Transparent; border:0px solid #000; padding:5px;}
/* end help file layouts */

/* off/menulink set control the change of font in help files to remove the underlining of links*/
.off {color: #0000FF; text-decoration: none; font-weight: 900; font-size : 100%;}
.menulink {color: #FF0000; text-decoration: none; font-weight: 900; font-size : 100%;}
/*End of off/menulink set*/

.narrow {line-height : 0.5em; }
/* positioning elements */
ul.grey {margin-left:2px; padding-left:5px; margin-top: 2px; padding-top:2px; padding-bottom:5px; margin-bottom:5px;}
/* IE hack */
html>body ul.grey {margin-left:8px; padding-left:5px; margin-top: 2px; padding-top:2px; padding-bottom:-5px; margin-bottom:-5px;}

/*
Effectively a duplicate of grenbul/redbul
li.green{list-style: circle url(img/dot_gren.gif);}
li.redbul{list-style: circle url(img/dot_red.gif); padding-left:5px;}
Not sure this is needed with li settings
ul  { font-size : inherit;}*/

/*No longer used or phased out


.bigital  { font-size : 130%; font-weight : bold; font-style : italic; color : red;}
.subhead4 { font-size : 115%; font-weight : bold; font-style : italic;}
.emp4     { font-size : inherit; font-weight : bold; font-style : italic;}

h1 { font-size : 120%; font-weight : bold; color : #000000;}
h2 { font-size : 130%; font-weight : bolder;}
h3 { font-size : 115%; font-weight : bold;}
h4 { font-size : 115%; font-weight : bold;}
h5 { font-size : 115%; font-weight : bold;}

.lefthalf {width: 49%; float: left; background-color: transparent; padding-bottom:10px;}
.righthalf {position: relative; left: 2%; width: 49%; float: left; background-color: transparent; padding-bottom:10px;}
.caption  { font-style : italic;}
iframe.left {
  background-color: #fff;
  margin:5px 5px 5px 5px;
     }
iframe.right {
  background-color: #fff;
  }
**
  these work against another class with same name
.grey { color : #646464; font-weight:normal;}
.white    { color : white;}
**
.picright {position: relative;
		  float:right;
		  top:0px;
		}
.picleft {float:left;
		}
.left2 {
		width:45%;
		float:left;
		padding-right: 10px;
		margin-left:0px;
		z-index:1;}
.mid2 {
		width:1%;
		float:left;
		margin-left:0px;
		z-index:1;}
.right2 {
		width:45%;
		float:left;
		margin-left:0px;
		z-index:1;}
.left3 {
		width:45%;
		float:left;
		padding-right: 10px;
		margin-left:0px;
		z-index:2;}
.mid3 {
		width:1%;
		float:left;
		margin-left:0px;
		z-index:2;}
.right3 {
		width:45%;
		float:left;
		margin-left:0px;
		z-index:2;}

.col4right {
		width:29%;
		float:left;
		margin-left:-10px;
		z-index:3;}
	
.col4mid1 {
		width:20%;
		float:left;
		margin-left:-10px;
		z-index:3;}
.col4mid2 {
		width:23%;
		float:left;
		margin-left:-10px;
		z-index:3;}
.col4left {
		width:28%;
		float:left;
		margin-left:-10px;
		z-index:3;}

.IWrapper {
  width: 100%;
  border: 1px solid;
  border-color: #C0C0C0 #D3D3D3 #D3D3D3 #C0C0C0;
}

.tabAreatc {
  font-size: 100%;}
  
.gren{list-style: url(img/dot_gren.gif); 
		padding-left: 2px; 
		padding-bottom: 6px;
		}
.redot{list-style: url(img/dot_red.gif); 
		padding-left: 2px; 
		padding-bottom: 2px;
		}
.close a
	{
	color: #FFFFFF; 
	font-size: x-small; 
	font-weight: 700;
	text-decoration: none;
	border-width: 1px;
	border-style: outset;
	border-color: #666666;  
	background-color: #0000FF;
	width: 125px;
	height: 18px;
	padding-bottom: 2px;
	margin: 1px;
	}
.close a:hover
	{
	background-color: #666666;
	border-style: inset;
	}

option { font-size : 105%; font-weight : bold;}

.label    { font-size: 80%; font-style: italic;}
hr.blue {color: blue;}

.here2 {text-decoration: none; color: #FF0000; font-weight: 900; font-size : 100%;}

.footer { position: relative; bottom: 0; left: 0; background-color: white; width:100%; height: 25px; z-index:100;}
.thumbnail700l  {float: left; width: 175px; clear:both; border:2px solid black; }
.thumbnail900l  {float: left; width: 219px; clear:both; border:2px solid blue; }
.thumbnail1024l {float: left; width: 280px; clear:both; border:2px solid red; }
.thumbnail1200l {float: left; width: 350px; clear:both; border:2px solid green; }
.thumbnail700r  {float: right; width: 175px; }
.thumbnail900r  {float: right; width: 219px; }
.thumbnail1024r {float: right; width: 280px; }
.thumbnail1200r {float: right; width: 350px; }

.aqua    {background-color : #80FFFF;}
.black { color : black;}

#cover { background-color : white; background-image : url(img/white.gif); width : 640px; height : 480px;}
#noimg {}
#upper { text-transform : uppercase;}
#opt   { font-size : 13pt; font-family : "Arial"; font-weight : bold;}
font { font-size : 100%;}
class offsml font size was set at 85% - looked odd, set 100% for global change in all EU languages on 01/09/08 
.offsml {color: #0000FF; text-decoration: none;
font-weight: 900; font-size : 100%;}
*/