body { 	font-size : small; 
	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:110%;} /* font families are smaller than defaults so increased size to compensate */
.noprint{visibility:show;}
.print{visibility:hidden; 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:100px; height:20.971em; width:48%}
.scripts {overflow:auto; position:absolute; left:50%; top:100px; width:50%; height:20.971em;}
.scrbot {position:absolute; left:1%; top:385px; 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;}
.scrsubhead  { display:block; font-size : 115%; font-weight : 900; line-height:120%; padding-bottom:6px;}
.scruler{border: 0; color: #99ccf1; background-color: #99ccf1; height: 2px; width: 100%; text-align: center; }
td.scr {padding-right:15px;}

/* 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;}
/* class not found in oriental but in other language css file
.hideme   { Visibility: hidden; 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*/
	}
/*to be phased out */	   
.bigthin  { font-size : 130%;}
.big2     { font-size : 130%; font-weight : bold;}
.big4     { font-size : 170%; font-weight : bold; color : #f3bc00;}
.subhead2 { font-size : 110%; font-weight : bold; }
/*end phase out section*/

/*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 : 115%;}
.menulink, .here2 {color: #FF0000; text-decoration: none;
font-weight: 900; font-size : 115%;}
/*End of off/menulink set*/

/* only in oriental languages */
.ff3bugfix {width:96%;}
/*end only in oriental languages */
.black { color : #000000;}
.west     { font-family : arial, helvetica, sans-serif; font-size:100%;}
/* only used with help file rollover links */
.westsml  { font-family : arial, helvetica, sans-serif; font-size:85%;}
/* End only used with help file rollover links */