/* Copyright (c) 2008 Smart Media Limited. All Rights Reserved */



/* WSListS1: Bulleted list with an image as a bullet  */
/* use with smaller images */

.WSListS1para {
	  font-weight: bold;
	  font-size:0.9em;
	  margin:0;
	  padding:0;
	}

.WSListS1 {
	  margin:0;
	  padding:0;
	  padding: .5em;
	  padding-top:0;
	  margin-right:2em;
	  xfont-size:0.9em;
	  line-height: 140%;
	  list-style:none;
	  xfloat:left;
	}
	
.WSListS1 li {
	  margin:0;
	  padding:0;
	  padding-left: 12px;
	  padding-bottom: 0.4em;
	  background: no-repeat url(../images/bullits/redsquare.gif) 0.2em 0.5em; 
	 }
	 
.WSListS1 li a:link {			/* needed otherwise IE indents link more than non link */
	  margin:0;
	  padding:0;
	  color:#c42a2b;
	  text-decoration:underline;
	 }

.WSListS1 li a:hover {
	
	text-decoration:underline;
   	 }

/* WSListS2: Bulleted list with a larger arrow as a bullet */

.WSListS2para {
	font-weight: bold;
	margin:0;
	padding:0;
	}
	
.WSListS2 {
	  margin:0;
	  padding:0;
	  padding: .5em;
	  line-height: 140%;
	  list-style:none;
	}

.WSListS2 li {
	padding-left: 15px;
	padding-bottom: 0.4em;
	background: no-repeat url(../images/bullits/redwhitearrow.gif) 0.1em 0.45em;
	}

.WSListS2 li a:link {			/* needed otherwise IE indents link more than non link */
	  margin:0;
	  padding:0;
	  color:#c42a2b;
	  text-decoration:underline;
	 }

.WSListS2 li a:hover {
	text-decoration:underline;
   	 }

/* to use the largest red arrow and blue arrows, change the values to 0 0.3em 0 0 and left padding to 18px /*


/* WSListS3: 3D Blocks with diff colour left tab */

.WSListS3para {
	  font-weight: bold;
	  font-size:0.9em;
	  margin:0;
	  padding:0;
	}

.WSListS3 {
	color: white;
	padding: 0 1px;
	margin-left: 0;
	width: 200px;
	font: normal 0.9em Verdana, sans-serif;
        list-style:none;
	}

.WSListS3 li {
	font-size: 1em;
	display: block;
	margin-bottom: 0.5em; 	/* sets the gap between the blocks */
	margin-top: 0.5em;
	background: #f5f5f5;
	border-width: 1px;
	border-style: solid;
	border-color: #e9edf0 #e9edf0 #e9edf0 #e9edf0;
	border-left: 1em solid #e9edf0;
	padding: 0.25em 0.5em 0.4em 0.75em;
	}


.WSListS3 a  {
	width: 99%; 	/* only necessary for Internet Explorer */
	}

.WSListS3 a . {
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 9.6em;
	/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
	}

.WSListS3  a {	
	width: auto;
	background: #c62a35;
	/* only necessary if you use the hacks above for the Internet Explorer */
	}

.WSListS3 li a:link {
	color:#e9edf0;
	}

.WSListS3 li a:visited {
	color:#c42a2b;
	}
	

.WSListS3 a:hover {
	
	text-decoration:underline;

	}

.WSListS3 a:active  {
	border-color: #069 #6cf #5bd white;
	xpadding: 0.4em 0.35em 0.25em 0.9em;
	}



/* WSListS4: Simple list with horizontal separators */


.WSListS4 {
 	margin:0;
 	padding:0;
	width: 300px;  /* feel free to change the width */
	border-top: 1px solid gray;
	margin-bottom:1em;
	}

.WSListS4para {
	  font-weight: bold;
	  font-size:0.9em;
	  width: 300px;
	  margin:0;
	  margin-top:1em;
	  padding:0;
	  padding-bottom:10px;
	}

.WSListS4 li {
	border-bottom: 1px solid gray;
	padding: 0.25em;
	list-style:none;
	}

.WSListS4 li a:link {			/* needed otherwise IE indents link more than non link */
	  margin:0;
	  padding:0;
	  color:#c42a2b;
	 }


/* WSListS5: Coloured blocks with rollover - needs links*/

.WSListS5para {
	  margin:0;
	  margin-top:1em;
	  padding:0;
  	  padding-bottom:10px;
	}

.WSListS5 {
	color: white;
	list-style:none;
  	margin:0px; 		/* controls indentation of the whole block */
	padding:0;
	}
	
.WSListS5 li 	{
	padding: 3px;
	padding-bottom:3px;
	padding-top:3px;
	background-color: #c42a2b;
	border-bottom: 1px solid #eee;
	}


.WSListS5 li a {
	color: #fff;
	padding: 3px;
	display: block;
	width:100%;
	background-color: #c42a2b;
	}

.WSListS5 li a:link {	
	color: #fff;
	text-decoration: none;
	padding:0px;
	margin:0px;
	}


.WSListS5 li a:visited {	
	color: #fff; 		
	text-decoration: none;
	padding:0px;
	margin:0px;
	}
	
.WSListS5 a:hover {
	width:100%;
	background-color: #ff0000;
	color: #fff;
	}


/* WSListS6: Simple inline list */

.WSListS6para {
	  margin:0;
	  margin-top:1em;
	  padding:0;
  	  padding-bottom:10px;
	}
	
.WSListS6 a {
	color:#c42a2b;
	}

	
.WSListS6 li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	}

/* WSListS7: Inline list w background colour */
/* note that on IE no gaps between items, on FireFox nice gap looks like tabs */
.WSListS7 {
	font-size: 0.9em;
	color:#fff;	
	line-height: 1.2em;
	margin:3px;
	padding:3px;
	}

.WSListS7 ul {
	margin:0px;
	padding:0px;
	background-color:#fff;
	list-style: none;
	white-space: nowrap;
	}

.WSListS7 li {
	display: inline;
	list-style: none;
	background-color:#c42a2b;
	padding: 3px 10px;
	}
	

.WSListS7 li a:link {
	background-color:#c42a2b;
	color:#fff;
	display: inline;
	text-decoration:underline;
	padding:0;
	margin:0;
	}
	
.WSListS7 li a:visited {
	background-color:#c42a2b;
	color:#fff;
	display: inline;
	}

.WSListS7 a:hover {
	color: #fff;
	background-color: #f00;
	text-decoration: none;
	}




/* WSListS8: Simple bordered list */
/* note Firefox does not border the top para */

.WSListS8 {
 	margin:0;  /*this affects the whole ul indentation */
	padding:0;
	width: 300px;  /* feel free to change the width */
	border: 1px solid gray;
	list-style:none;
	margin-bottom:1em;
	}

.WSListS8para {
	width: 288px !important;   /* Firefox needs 288px, IE 300px */
	width: 300px; 
 	margin:0;
 	padding: 6px;
	margin-top: 1em;
	padding-bottom: 0.4em;
	border: 1px solid gray;
	font-weight: bold;
	}


.WSListS8 ul {
	padding: 0;
	margin:0;
	border:1px solid gray;
	}
	
.WSListS8 li {
	border-bottom: 1px solid gray;
	padding: 0.4em;
	padding-left:1.1em;
	margin:0;
	}

.WSListS8 li a:link {			/* needed otherwise IE indents link more than non link */
	  margin:0;
	  padding:0;
	  color:#c62a35;
	 }



/* WSListS9: Simple bordered list with colours*/

	
.WSListS9 {
  	margin:0;
	padding:0;
	width: 300px;  /* feel free to change the width */
	border-top:1px solid  #c42a2b;
	border-bottom:1px solid  #c42a2b;
	list-style-type:none;
	margin-bottom:1em;
	}

.WSListS9para {
 	width: 288px !important;   /* Firefox needs 288px, IE 300px */
	width: 300px; 
  	background: #c62a35;
 	color:#fff;
 	margin:0;
	margin-top: 1em;
	padding: 0.4em;
	width: 300px;  
	border-top:1px solid  #c42a2b;
	border-bottom:1px solid  #c42a2b;
	font-weight:bold;
	}

.WSListS9 ul {
	background: #ffccd0;
	padding: 0;
	margin:0;
	border:1px solid gray;
	}
	
.WSListS9 li {
	border-bottom: 1px dashed #c42a2b;
	background: #ffccd0;
	padding: 0.4em;
	padding-left:0.8em;
	}

.WSListS9 li a:link {			/* needed otherwise IE indents link more than non link */
	  margin:0;
	  padding:0;
	  color:#c42a2b;
	 }


/* WSListS10: List with background and bullets */

.WSListS10 {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid rgb(245,211,0);
	margin-bottom:1em;
	}
	
.WSListS10para {
	margin: 0;
	margin-top:1em;
	background-color: rgb(252,243,184);
	font-weight: bold;
	padding-left: .4em;
	padding-top:.4em;
	padding-bottom:.4em;
	border: 1px solid rgb(245,211,0);
	border-bottom:0;
	}


	
.WSListS10 li {
	background-color: rgb(252,243,184);
	line-height:160%;
	margin: 0;
	padding-top: 0.4em;
	padding: .2em 2em;
	padding: 2px 1% 2px 6%;
	border: 1px solid rgb(245,211,0);
	border-top: 0;
	border-collapse: collapse;
	background: rgb(252,243,184) no-repeat url(../images/hp/yellowarrow2.gif) 16px 9px;
	}

.WSListS10 li a {
	width: 100%;
	padding-left:4px;
	/*border: 1px solid red;*/
	}
	
.WSListS10 li a:link, .WSListS10 li a:visited
	{
	color: black;
	text-decoration: none;
	}
	
.WSListS10 li a:hover, .WSListS10 li:hover
	{
	background-color: #fff;
	padding-top:0.5em; padding-bottom:0.5em;
	padding-left:4px;
	padding-right:4px;
	width:100%;
	}

.WSListS10 li a:link, .WSListS10 li a:visited, .WSListS10 li a:hover, .WSListS10 li a:active
	{
	color: black;
	text-decoration: none;
	}



/* WSListS11: Ordened list with square */
/* WSListS12: Ordened list with lower-roman */

 .WSListS11para, .WSListS12para 
{
  font-weight: bold;
  margin-bottom: .2em;
  margin-top: 1em;
}
 .WSListS11, .WSListS12 
{
  padding-left: 2em;
  line-height: 140%;
}
.WSListS11 li, .WSListS12 li 
{
  padding-left: 1em;
  padding-bottom: .4em;
}
.WSListS11 { list-style-type: square; }
.WSListS12 { list-style-type: lower-roman; }

.WSListS11 li a:link, .WSListS11 li a:visited, .WSListS11 li a:hover, .WSListS11 li a:active,
.WSListS12 li a:link, .WSListS12 li a:visited, .WSListS12 li a:hover, .WSListS12 li a:active,
{
	color: #c42a2b;
}




/* WSListS30: Checklist with ticks on the left */

.WSListS30para {
	  font-weight: bold;
	 font-size: 1.2em;
	   margin:0;
	  padding:0;
	}

.WSListS30 {
	  margin:0;
	  padding:0;
	  padding: .5em;
	  line-height: 140%;
	  list-style:none;
	  display: block;
	  width:95%;
	}
	
.WSListS30 li {
	  margin:0;
	  padding:0;
	  display:block;
	  padding-left: 2em;
	  padding-top: 0.4em;
	  padding-bottom: 0.4em;
	  border-bottom: dashed gray 1px;
	  background: no-repeat url(../images/bullits/checkbox.gif) 0.4em 0.8em;
	 }
	 
.WSListS30 li a:link {			/* needed otherwise IE indents link more than non link */
	  margin:0;
	  padding:0;
	  color:#c42a2b;
	  text-decoration:underline;
	 }

.WSListS30 li a:hover {
	background:#f4f4f4;
	text-decoration:underline;
   	 }
   	 


/* WSListS35: List with blue square */

.WSListS35para {
	 
	margin:0;
	padding:0;
}

.WSListS35 {
	list-style-type:none;
	
	padding: 1em 0 1em 10px;
	margin: 0;
	position: relative;
	
}
	
.WSListS35 li {
	padding: 0 0 0 15px;
	background: url(../images/le/square_blue.gif) no-repeat 5px 0.55em;
}

/* WSListS36: List with green square */

.WSListS35para {
	 
	margin:0;
	padding:0;
}

.WSListS36 {
	list-style-type:none;
	
	padding: 1em 0 1em 10px;
	margin: 0;
	position: relative;
	
}
	
.WSListS36 li {
	padding: 0 0 0 15px;
	background: url(../images/le/square_green.gif) no-repeat 5px 0.55em;
}


/* WSListS37: List with green square and more space */

.WSListS37para {
	 
	margin:0;
	padding:0;
}

.WSListS37 {
	list-style-type:none;
	padding: 1em 0 1em 10px;
	margin: 0;
	position: relative;
	
}
	
.WSListS37 li {
	padding: 0 0 1em 15px;
	background: url(../images/le/square_green.gif) no-repeat 5px 0.55em;
}

	 
/* =============  Definition list styles ================== */

/* WSDefListS11: Standard with blue title */

.WSDefListS11 dt
{
font-weight:bold;
text-transform: uppercase;
color:#294f93;
}

.WSDefListS11 dd
{
margin-bottom:1em;
}

/* WSDefListS8: Standard with black title */

.WSDefListS8 dt
{
font-weight:bold;
text-transform: uppercase;
color:#000;
}

.WSDefListS8 dd
{
margin-bottom:1em;
}

/* WSDefListS12: With blue square bullet */

dl.WSDefListS12
{
	padding: 0 0 1em 0;
	margin: 0;
}
.WSDefListS12 dt
{
	padding: 0.5em 0 0.2em 10px;
	background: url(../images/le/square_blue.gif) no-repeat 0px 1em;
	font-weight: bold;
	position: relative;
}
.WSDefListS12 dd
{
	padding: 0.1em 0 0.1em 10px;
	margin: 0;
}
/* WSDefListS12: With green square bullet */

dl.WSDefListS12
{
	padding: 0 0 1em 0;
	margin: 0;
}
.WSDefListS12 dt
{
	padding: 0.5em 0 0.2em 10px;
	background: url(../images/le/square_green.gif) no-repeat 0px 1em;
	font-weight: bold;
	position: relative;
}
.WSDefListS12 dd
{
	padding: 0.1em 0 0.1em 10px;
	margin: 0;
}






   	 
/***************** TABLE STYLES *******************************/
.infotable1		{ background-color: #0075DF; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold;font-size:1.0em; }
.infotable2		{ background-color: #ffa14b; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; }

.tablestyle1                {border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #777777; font-size:1.0em;}
.tablestyle1 td             {padding-right: 5px; padding-left: 5px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #ffffff #cccccc #cccccc #ffffff; }

.tablestyle2                {border-style: none; border-top:1px solid #ccc; padding-top:3px; padding-bottom:3px; font-size:1.0em;}
.tablestyle2 td             {padding-right: 20px; padding-left: 5px; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-color:#ccc;}

.tablestyle4                {border-style: none; border-top:1px solid #EBEBC7; padding-top:3px; padding-bottom:3px; font-size:1.0em; float: left;}
.tablestyle4 td             {padding-right: 20px; padding-left: 5px; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-color:#EBEBC7;}
.tablestyle4toprow          {background-color:#F5F2E3; text-decoration: bold;}
.tablestyle4altrow          {background-color:#F5F2E3;}

x.tablestyle4                {border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #777777; font-size:1.0em;}
x.tablestyle4 td             {padding-right: 5px; padding-left: 5px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #ffffff #cccccc #cccccc #ffffff; }
x.tablestyle4toprow          {background-color:#4a7bff;}
x.tablestyle4altrow          {background-color:#e0eeff;}

.tablestyle5                {background-color:#e0e0e0; font-size:1.0em;}
.tablestyle5 td             {padding-right: 7px; padding-left: 7px; padding-top:2px; padding-bottom:2px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #ffffff; }
.tablestyle5toprow          {background-color:#ffcc00;}

.tablestyle6                {border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #cccccc; font-size:1.0em;}
.tablestyle6 td             {padding-right: 7px; padding-left: 7px; padding-top:2px; padding-bottom:2px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #cccccc;}
.tablestyle6toprow          {background-color:#ffffff;}
.tablestyle6altcol          {background-color:#e0e0e0;}

.tablestyle7                {border-style: solid; border-top-width: 2px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 2px; border-color: #aaaaaa;font-size:1.0em; }
.tablestyle7 td             {padding-right: 7px; padding-left: 7px; padding-top:2px; padding-bottom:2px; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-color: #777777;}
.tablestyle7toprow          {background-color:#c62a35; color:#fff; font-weight:bold;}


