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 */
a {outline:0;}
br  { font-size : inherit;}
img {border:none; padding:0px;}
p   { font-size : inherit;}
p.center {text-align:center;}
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; visibility:visible;}
.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 */
td.half	{width:50%;}
td.left	{text-align:left;} /* forces left-ranged text in a table that is centralised - see bottom of 1902 */
hr.hr30 {width:30%; margin-left:auto; margin-right:auto;}
hr.hr40 {width:40%; margin-left:auto; margin-right:auto;}
hr.hr50 {width:50%; margin-left:auto; margin-right:auto;}
img.center{ display:block;margin-left:auto;margin-right:auto;}
table.center	{text-align:center;}
ul.bultop{margin-top:0px; padding-top:0px;}/* removes unwanted line space at the start of unordered */
.ctr{ text-align:center;}
/* 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;
	}
li.yellbul {list-style: url(../img/dot_yell.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%;}
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/	
/* Revised structure of blocks*/
.ban100{
	display:inline-block;
	height:auto;
	border: none 1px #000000;
	color: #000000;
	text-align:left;
	background:#DCE7E8;
	padding:5px,20px,1px,10px;
	width:100%; 
	}

.right{float:right; padding-left:10px;}

/*<><><><><><><><><><><><><><><><><><><><><><><> 
Picture blocks
<><><><><><><><><><><><><><><><><><><><><><><><>*/
/* WIDTH 25%   
maximum image block size = 250px 
less 25px on rightp or 15px on leftp [padding]
rightp 225px / leftp 235px
*/
.narrowleftp{background-color:transparent;/*#e0a0a0;*/;
	padding:10px,15px,10px,0px;
	float:left;
	display:inline-block;
	height:auto;
	border: none 1px #000000;
	color: #000000;
	text-align:center;
	width:25%;
	padding-right:10px;
	margin-right:15px;
	}
.narrowrightp{background-color:transparent;/*#e0d0d0;*/
	padding:10px,10px,10px,15px;
	float:right;
	display:inline-block;
	height:auto;
	border: none 1px #000000;
	color: #000000;
	text-align:center;
	width:25%;
	padding-left: 10px;
	margin-left: 15px;
	}

/* WIDTH 33%  
maximum image block size = 331px
less 25px on rightp or 15px on leftp [padding]
rightp 306px / leftp 316px
*/
.rightp{background-color:transparent;/*#e0d0d0;*/;
	padding:10px,10px,10px,15px;
	float:right;
	display:/*inline-*/block;
	height:auto;
	border: none 1px #000000;
	color: #000000;
	text-align:center;
	width:33%;
	/*margin-left:25px;*/
	}

/* WIDTH 35%   
maximum image block size = 351px
less 25px on rightp or 15px on leftp [padding] 
rightp 326px / leftp 336px
*/
.leftp{background-color:transparent;/*#e0a0a0;*/;
	padding:10px,15px,10px,0px;
	float:left;
	display:inline-block;
	height:auto;
	border: none 1px #000000;
	color: #000000;
	text-align:center;
	width:35%;
	}

/* WIDTH 45%   
maximum image block size = 451px 
less 25px on rightp or 15px on leftp [padding]
rightp 426px / leftp 436px
*/
.widerightp{background-color:transparent;/*#e0d0d0;*/
	padding:10px,10px,10px,15px;
	float:right;
	display:inline-block;
	height:auto;
	border: none 1px #000000;
	color: #000000;
	text-align:center;
	width:45%;
	}

.wideleftp{background-color:transparent/*#e0a0a0;*/;
	padding:10px,15px,10px,0px;
	float:left;
	display:inline-block;
	height:auto;
	border: none 1px #000000;
	color: #000000;
	text-align:center;
	width:45%;
	}

/* WIDTH 50%   
maximum image block size = 501px
less 25px on rightp or 15px on leftp [padding]
rightp 476px / leftp 486px
*/
.extrawiderightp{background-color:transparent;/*#e0d0d0;*/
	padding:10px,10px,10px,15px;
	float:right;
	display:inline-block;
	height:auto;
	border: none 1px #000000;
	color: #000000;
	text-align:center;
	width:50%;
	}

.extrawideleftp{background-color:transparent/*#e0a0a0;*/;
	padding:10px,15px,10px,0px;
	float:left;
	display:inline-block;
	height:auto;
	border: none 1px #000000;
	color: #000000;
	text-align:center;
	width:50%;
	}

.leftp50{background-color:transparent/*#e0a0a0;*/;
	padding:10px,15px,10px,0px;
	float:left;
	display:inline-block;
	height:auto;
	border: none 1px #000000;
	color: #000000;
	text-align:center;
	width:50%;
	}

/* WIDTH 55%   
maximum image block size = 551px 
less 25px on rightp or 15px on leftp [padding]
rightp 526px / leftp 536px
*/
.leftp55{background-color:transparent/*#e0a0a0;*/;
	padding:10px,15px,10px,0px;
	float:left;
	display:inline-block;
	height:auto;
	border: none 1px #000000;
	color: #000000;
	text-align:center;
	width:55%;}

/* WIDTH 60%   
maximum image block size = 601px 
less 25px on rightp or 15px on leftp [padding]
rightp 576px / leftp 586px
*/
.leftp60{background-color:transparent/*#e0a0a0;*/;
	padding:10px,15px,10px,0px;
	float:left;
	display:inline-block;
	height:auto;
	border: none 1px #000000;
	color: #000000;
	text-align:center;
	width:60%;}

/* WIDTH 70%   
maximum image block size = 702px 
less 25px on rightp or 15px on leftp [padding] 
rightp 677px / leftp 687px
*/
.leftp70{background-color:transparent/*#e0a0a0;*/;
	padding:10px,15px,10px,0px;
	float:left;
	display:inline-block;
	height:auto;
	border: none 1px #000000;
	color: #000000;
	text-align:center;
	width:70%;
	}

/* WIDTH 80%   
maximum image block size = 802px 
less 25px on a right float or 15px on a left float 
rightp 777px / leftp 787px
*/
.leftp80{background-color:transparent/*#e0a0a0;*/;
	padding:10px,15px,10px,0px;
	float:left;
	display:inline-block;
	height:auto;
	border: none 1px #000000;
	color: #000000;
	text-align:center;
	width:80%;
	}



/*<><><><><><><><><><><><><><><><><><><><><><><> 
Text blocks
<><><><><><><><><><><><><><><><><><><><><><><><>*/

/* WIDTH 40% 
pixel equivalent 401px
less 25px on rightb or 15px on leftb [padding]
rightb 376px / leftb 386px real space
*/
.narrowrightb{background-color:transparent;/*#e0d0d0;*/
	padding:10px,10px,10px,15px;
	float:right;
	display:inline-block;
	height:auto;
	border: none 1px #000000;
	color: #000000;
	text-align:left;
	width:40%;
	}

.narrowleftb{background-color:transparent/*#e0a0a0;*/;
	padding:10px,15px,10px,0px;
	float:left;
	display:inline-block;
	height:auto;
	border: none 1px #000000;
	color: #000000;
	text-align:left;
	width:40%;
	}

/* WIDTH 45% 
pixel equivalent 451px
less 25px on rightb or 15px on leftb [padding]
rightb 426px / leftb 436px real space
*/
.leftbnxt{background-color:transparent/*#e0a0a0;*/;
	padding:10px,15px,10px,0px;
	float:left;
	display:inline-block;
	height:auto;
	border: none 1px #000000;
	color: #000000;
	text-align:left;
	width:45%;
	}

.rightbnxt{background-color:transparent;/*#e0d0d0;*/
	padding:10px,10px,10px,15px;
	float:right;
	display:inline-block;
	height:auto;
	border: none 1px #000000;
	color: #000000;
	text-align:left;
	width:45%;
	}

/* WIDTH 49% 
pixel equivalent 491px
less 25px on rightb or 15px on leftb [padding]
rightb 466px / leftb 476px real space
*/
.rightb49{background-color:transparent;/*#e0d0d0;*/
	padding:10px,10px,10px,15px;
	float:right;
	display:inline-block;
	height:auto;
	border: none 1px #000000;
	color: #000000;
	text-align:left;
	width:49%;
	}

.leftb49{background-color:transparent;/*#e0a0a0;*/;
	padding:10px,15px,10px,0px;
	float:left;
	display:inline-block;
	height:auto;
	border: none 1px #000000;
	color: #000000;
	text-align:left;
	width:49%;
	}

/* WIDTH 50%
pixel equivalent 501px
less 25px on rightb or 15px on leftb [padding]
rightb 476px / leftb 486px real space
 */
.rightb{background-color:transparent;/*#e0d0d0;*/
	padding:10px,10px,10px,15px;
	float:right;
	display:inline-block;
	height:auto;
	border: none 1px #000000;
	color: #000000;
	text-align:left;
	width:50%;
	}

.leftb{background-color:transparent/*#e0a0a0;*/;
	padding:10px,15px,10px,0px;
	float:left;
	display:inline-block;
	height:auto;
	border: none 1px #000000;
	color: #000000;
	text-align:left;
	width:50%;
	}

/* WIDTH 60% 
pixel equivalent 601px
less 25px on rightb or 15px on leftb [padding]
rightb 566px / leftb 576px real space
*/
.wideleftb{background-color:transparent/*#e0a0a0;*/;
	padding:10px,15px,10px,0px;
	float:left;
	display:inline-block;
	height:auto;
	border: none 1px #000000;
	color: #000000;
	text-align:left;
	width:60%;
	}

.widerightb{background-color:transparent;/*#e0d0d0;*/
	padding:10px,10px,10px,15px;
	float:right;
	display:inline-block;
	height:auto;
	border: none 1px #000000;
	color: #000000;
	text-align:left;
	width:60%;
	}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
	
	   /* 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:20.971em; width:48%}
.scripts {overflow:auto; position:absolute; left:50%; top:110px; width:50%; height:20.971em;}
.scrbot {position:absolute; left:1%; top:385px; width:100%;}
a.scrmenu {background-color : #FFFFFF; color: #0000FF; line-height:140%; padding-right:2px;}
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; vertical-align:text-top; vertical-align:top;}
span.scr1{display:inline-block; width:Auto; padding:1px 5px 3px 0px; border-bottom: solid 3px #ffffff;}
span.scr2{display:inline-block; width:Auto; padding:1px 5px 3px 5px; border-bottom: solid 3px #ffffff;}
/* 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/sidesliv.gif); 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 */



