<!-- 
/* start of sits.css */

/*----------------------------------------------------------------------*/
/*  FILENAME 	:  sits.css  						*/
/*  DESC	:  main style sheet for use with SITS e:Vision 		*/
/*----------------------------------------------------------------------*/
/*  REVISIONS:								*/
/*	Date		Name		Reason				*/
/*	---------	----------	--------------------------------*/
/*  28-SEP-07	BARK1		New Branding for v7.5.0 - Tribal Design */
/*  28-SEP-07	LEWR1		CAPTCHA Styles  -added by LEWR1   for v7.5.0  */
/*  28-MAR-07	REED1		NESTED TABLE - OUTLINE ONLY - added by REED1 for 7.4.1 */
/*  30-AUG-06   BARK1	    Finalised for vers 7.4.0  - Tribal design */
/*  15-SEP-05   KIRA1	    Finalised for vers 7.3.0  - design from MySITS.com incorporated as default */	
/*  nb - Version 7.3.0 new stlye classes only for the default release design. No new required styles added */
/*  12-apr-05   KIRA1	    Finalised for vers 7.2.1 */	
/*  01-apr-05   BARK1	    DIV style portal classes added for vers 7.2.1 */	
/*  23-mar-05   IREl1	    Added forum classes  at the end */	
/*  22-Dec_04 - KIRA1 		SITS Web Standards classes added (at end)  */
/*	16-04-04 	KIRA1 	 	IPP pages now use sits-ipp.css (copy of sits.css) */
/*	16-Jan-04	KIRA1		converted to percentage font sizes for accessibility	*/
/*	28-Oct-03	BARK1		updated for version 7.1.0	*/
/*	new page tabs classes added for portal - RENM1		*/
/*----------------------------------------------------------------------*/

/* The BODY style applies to every page.  If a background image or background colour is required it should be applied here */
body {  
	font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	color: #666; 
	background-color: #E7E7E9;
	
	/*margin: 0px; 
	padding: 0px; 
	border: 0px;
	overflow:auto;*/
}

a:link { text-decoration: none; font-weight: normal; color: #333}
a:visited { text-decoration: underline; font-weight: normal; color: #572163}
a:hover { text-decoration: none; font-weight: normal; color: #666}
a:active { text-decoration: underline; font-weight: normal; color: #572163}

.pagetitle {  
	font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #631B64;
	font-weight: bold;
	border-bottom:1px solid #631B64;
	margin:0px;
}

/* pagemsg is used on the descriptive text provided below each page title */
.pagemsg {
	font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	color: #666666;
	margin-left:0px;
	margin-top:10px;
	margin-bottom:15px;
	text-align:justify;

}

/* the following classes format table elements - numbers 1 and 2 allow for 2 levels of table */

.tabletitle1, .tabletitleajax {
background-color:#E3E3E3;
color:#631B64;
font-family:'Arial','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
font-size:75%;
font-weight:bold;
padding:1px 1px 1px 6px;
text-align:left;
}

.tabletitle2  {  font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; font-size: 75%; font-weight: bold; color: #FFFFFF; background-color: #BCBFC4}

/* used on any optional extra descriptive text inside each data table (just below table title) */
.tablemsg1 { font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
			background-image: url(../images/tabledesc_bg.gif);
      		  background-color: #F1EFE2;
		color: #333333;
	font-weight: normal;
	font-size: 75%;
	text-align: left;
	border-bottom: 1px solid #BCBFC4;
}
.tablemsg2 { font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color: #666; background-color: #ebebeb}

/* used on TD tag for record count message */
.recordcount {
	font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #666;
	background-color: #FFFFFF;
}

/* column and row headings on tables */
.colhead1 {  font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; font-size: 75%;  color: #666; background-color: #ebebeb;  font-weight: bold}
.colhead2 {  font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; font-size: 75%;  color: #ebebeb; background-color: #666;  font-weight: bold}

.rowhead1 { font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; font-size: 75%;  color: #000000; background-color: #ebebeb; font-weight: bold}
.rowhead2 { font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; font-size: 75%;  color: #666; background-color: #ebebeb; font-weight: bold}

/* data1 is the main table data format.  Applied to the TD tag for single record display and to the TR tag along with data1over using javascrip for multiple record display */
/* Where applied to the TR tag must be used in conjunction with data1over and data1nobg */
.data1 {  font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color: #666; font-weight: normal}
.data1over { font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color: #666; background-color: #ebebeb; font-weight: normal}

/* same as data1 but used for second level data tables */
.data2 {  font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color: #000000; font-weight: normal; background-color: #FFFFFF}
.data2over { font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color: #000000; background-color: #ebebeb; font-weight: normal}

/* data1nobg and data2nobg provide a backwards compatibility fix for Netsacpe below v6.2 */
/* data1nobg  and data2nobg should never be given a background colour, hence 'nobg'. */
/* these two classes are applied to the TD tag where a row highlight effect is used by adding data1 and data1over to the TR tag using javascript. */
.data1nobg { font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;  color: #666; font-weight: normal }
.data2nobg { font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;  color: #666; font-weight: normal }

/* KIRA1 - Fix for relative size text where js row highlight is used */
/* (data1 is on TR and rowhead1 is on TD) */ 
.data1 .rowhead1 {font-size:100%;}
.data1over .rowhead1 {font-size:100%;}
.data2 .rowhead2 {font-size:100%;}
.data2over .rowhead2 {font-size:100%;}

/* style classes used on portal page to add style to containers and links */
/* within a container */

/* portaldesc - controls container description with portal in TABLE mode */
.portaldesc {  padding:4px;  
	background-color:transparent;
  	color:#333333;
  	font: normal 80% Arial ;
}
/* portalcontitle - controls container title with portal in TABLE mode */
.portalcontitle {
color:#631B64;
font-family:'Arial','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
font-size:75%;
font-weight:bold;
}
/* H3 output next to portalcontitle for accessibility  - margin settings required to remove H3 default spacing */
H3 { FONT-WEIGHT: bold; FONT-SIZE: 100%; FONT-FAMILY: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; line-height:1%; margin: 5px 0 0 0;}

/* portallink - controls container link (COP) style with portal in TABLE mode */
.portallink {  font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	padding:4px; 
	background-color:transparent;
  	color:#333333;
 	font-size:100%;
	border-top:0px dashed #CCC; 
}
.portallink a:link {font-size: 75%; text-decoration: none; color: #666; }
.portallink a:visited { font-size: 75%;text-decoration: none; color: #666;}
.portallink a:hover { font-size: 75%;text-decoration: none; color: #FFF;  background-color: #8B97AF; }
.portallink a:active {font-size: 75%; text-decoration: none; color: #FFF;  background-color: #8B97AF; }

/* !!!! VERY IMPORTANT - ALL FORM CLASSES ONLY TO BE EDITED IN NOTEPAD!!!!  */

/*  WHEM1 - forminfree1 and blockfree added 25/02/02 - required in IPP - to fix uniface bug where class tag is added to TD on dynamically generated mandatory fields */
.forminfree1 { FONT:100%  verdana bold; COLOR: #000000; BACKGROUND-COLOR: #ffffcc }
.forminmand { FONT:100%  verdana bold; COLOR: #000000; BACKGROUND-COLOR: #f7b7ce }

/*  THOS1 - forminnonedit added 14/OCT/2002 - required in generic data maintenance, for input fields that are non-editable */
.forminnonedit { BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; FONT:100%  verdana bold; BORDER-LEFT: #666 1px solid; COLOR: #000000; BORDER-BOTTOM: #666 1px solid; BACKGROUND-COLOR: #cccccc }

/* background colours applied to TD tags for form input boxes and submit buttons */
.bgformin { background-color: #FFFFFF; font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color: #666}
.bgformsub {  background-color: #FFFFFF; font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; font-size: 75%; font-weight: bold; color: #666}
/* bginside is the background colour for all data tables (normally white) applied to TABLE tag */ 
.bginside, .bginsideajax { background-color: #FFFFFF;}
/* bgborder is the colour of the data table border.  Applied to 'border' table TABLE tag */
.bgborder { background-color: #572163}


/* PRE tag formatted for use in web reports in evision - Ken Barrett */
pre {  font-family: "Courier New", Courier, mono; font-size: 90%; font-weight: normal; color: #000000; background-color: #FFFFFF}

/* Error notation 1 */
.error1 {  font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color:  #FF0000}

/* Two classes used for documentation only - not used in evision hts files - Mike Steele added MAy2002. */
.letter_body {  font-family: "Times New Roman", Times, serif; font-size: 90%; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #003063}
.letter_body_strong {  font-family: "Times New Roman", Times, serif; font-size: 90%; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #003063}
.date { font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; font-size: 75%; font-weight: normal; color: #666}
/* these classes have been used in a few places in previous versions but are NOT part of the web standards - they are still listed for backwards compatibility but should not be added to any new Hts files. */
.pagehelptext {  font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color: #666}

.blockfree { BORDER-RIGHT: gray 2px solid; BORDER-TOP: gray 1px solid; BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 2px solid;  }


/*JONP1/ BAIA1 - Classes used in Container Types - examples only (v6.2.1) */

.portalcontitle1  {font-family: "Gill Sans MT", sans-serif; font-size: 80%; font-weight: bold; color: #FFFFFF; background-attachment: fixed; background-image:  url(../images/tabletitle_bg_blue.jpg); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 0px; padding-top: 0px; padding-bottom: 5px;}
.reporttitle { font:bold 8pt/12pt "Arial, Helvetica"; background-image: url(../images/backgrounds/grey-tab.gif); background-repeat: no-repeat; background-position: top right; color: white}
.xp-title { font:bold 8pt/12pt "Arial, Helvetica"; background-image: url(../images/xp-title.gif); background-repeat: repeat-x; background-position: top left; color: white}
.reportbackground { background-image: url(../images/backgrounds/reportsbackground.gif); background-repeat: no-repeat; background-position: bottom right; color: white}
.informationtitle { font:bold 8pt/12pt "Arial, Helvetica"; background-image: url(../images/backgrounds/grey-tab.gif); background-repeat: no-repeat; background-position: top right; color: floralwhite}
.informationbackground { background-image: url(../images/backgrounds/reportsbackground.gif); background-repeat: no-repeat; background-position: bottom right; color: white}
.actionstitle { font:bold 8pt/12pt "Arial, Helvetica"; background-image: url(../images/backgrounds/grey-tab.gif); background-repeat: no-repeat; background-position: top right; color: white}
.actionsbackground { background-image: url(../images/backgrounds/reportsbackground.gif); background-repeat: no-repeat; background-position: bottom right; color: lightyellow}
.personaltitle { font:bold 8pt/12pt "Arial, Helvetica"; background-image: url(../images/backgrounds/grey-tab.gif); background-repeat: no-repeat; background-position: top right; color: lightgreen}
.personalbackground { background-image: url(../images/backgrounds/reportsbackground.gif); background-repeat: no-repeat; background-position: bottom right; color: white}


/*  IPP 'tabs' - see siw_ipp_tab.hts.  Shows IPP page links and current user text  */

#IPPWelcome {
		clear:both;
		float:left;
		font-size: 80%;
		color:;
		padding:0px;
		margin:0px 0px 10px 5px;/* top right bottom left */

}
#IPPPageTabs {
	text-align:right;
	font-size: 80%;
	color:;
	padding:0px;
	margin:0px 5px 10px 5px;/* top right bottom left */

}
#IPPPageTabs a {
	
	font-size: 90%;
	color:;

}


/* IPP Call Centre Menu Bar Styles  */
/* classes for second level page tabs - developed for IPP call centre in v.711 */
/* IPP call centre page tabs are form submit buttons, not hyperlinks */
/* addition formsub.. classes for javascript rollover classes to highlight form sub buttons on mouseover */

.formsubtabs2 { BORDER-RIGHT: #666666 0px solid; BORDER-TOP: #666666 0px solid; FONT: 70% verdana bold; BORDER-LEFT: #666666 0px solid;  COLOR: #333333; BORDER-BOTTOM: #666666 0px solid; BACKGROUND-COLOR: #c7bed5; cursor: hand }
.formsubtabs2over { BORDER-RIGHT: #666666 0px solid; BORDER-TOP: #666666 0px solid; FONT: 70% verdana bold; BORDER-LEFT: #666666 0px solid;  COLOR: #FFFFFF; BORDER-BOTTOM: #666666 0px solid; BACKGROUND-COLOR: #666699; cursor: hand }
.pagetabs2border {background-color: #666699;}
.pagetabs2bg {background-color: #ebebeb;}
.pagetabs2tabbg {background-color: #c7bed5;}
.pagetabs2titlebg {background-color: #CCCCCC;}
.pagetabs2title {
            font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
            font-size: 70%;
            color: #333333;
			}
/* end of IPP Call Centre Menu Bar Styles  */


/* ==========================================================
  Below here are all the new style classes for e:Vision 7.2.1
  new web standard HTS/HTML template and accessible 
  CSS styled Portal (set on MUA, does not use tables)
  ===========================================================  */ 
/* New sits.css sections below here are -
	1.  HTML tag styles
	2.	Default header and footer styles
	3.	Portal Page tab styles
	4.	Main Page Divisions (of content between the header and footer)
	5. 	Page Titles styles
	6.	Portal DIV mode - container style classes
	7.	SITS Web Standards Data tables style classes
*/

/* HTML tag redefinitions */
/* html and body here are used to remove any 
default browser window margins - Added for SITS new web standards.
Added here to make copying into client sits.css files easier */
html{ 
height: 100%; 
border: 0px; 
padding: 0px; 
margin: 0px; 
} 

 
/* html FORM element redefinitions */
form{
 	margin:0px;
}

input{
	font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#666666;
 	margin:0px;
}

input.sitsmandatoryinput
{
	background-color:#FFDFDF;
	border:1px solid #333333;
}

select{
        font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
        font-size:100%;
        color:#666666;
        margin:0px;
}

submit{
	margin:0px;
}


/**************************************************************
 Header and Footer Styles   (used in default SITS body-start 
 and body-end HTS files -   Edit or remove if not required.                           
 ***************************************************************/

/* sits_page_background used with default page headers only */
#sits_page_background {
/* background: url(../images/body-start-imgs/evis-bluefade-rightside.jpg) no-repeat; */
background-color:#FFFFFF;
/*background-position:top right;*/
margin-top:20px;
margin-left:auto;
margin-right:auto;
width:95%;
}

td.sitsheadercell1 {
background:#FFFFFF;
}
td.sitsheadercell2 {
border-top:0px solid #000000;
/*background-image:url(../images/uhi/blue_grad.jpg); */
}

td.sitsheadercell3 {
background:#FFFFFF;
border-top:0 solid #C5CED3;
padding-top:20px;
}

td.sitsheadercell4 {
background:#FFFFFF;
border-right:0 solid #08295C;
border-top:0 solid #08295C;
}

#sitsheaderstrap {
/*background:no-repeat scroll left top #FFFFFF;
color:#99A6AC;
float:left;
font-family:'Lucida Grande',Gill Sans MT,'Arial',Verdana,Arial,Helvetica,Sans-serif;
height:140px;
padding:0;
width:100%;*/
}

#sitsheaderstrapright {
background:no-repeat scroll right top #FFFFFF;
padding-top:20px;
color:#99A6AC;
float:right;
font-family:'Lucida Grande',Gill Sans MT,'Arial',Verdana,Arial,Helvetica,Sans-serif;
height:120px;
width:25%;
vertical-align:top;
margin-right:4%;
border-bottom: 1px solid #666666;
/*display:inline-block;*/

}

#sitsheaderimage1 {
border-bottom: 1px solid #666666;
padding-top:20px;
float:left;
height:120px;
left:4%;
position:absolute;
text-align:left;
vertical-align:top;
width:75%;
/*display:inline-block;*/
}

#sitsheadermaintitle {
border-bottom:0 solid #B4BEC2;
color:#631B64;
display:block;
float:right;
font-size:180%;
left:30%;
margin:0;
padding:36px 0 0 0;
position:absolute;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
}

.landing_layout_l {
	padding:5px 5px 25px 5px;
	color:#000
}

.landing_layout_r {
	padding:5px 5px 25px 5px;
	color:#000
}

#sitsheadercontrollinks {
position: absolute;
top: 3px;
right:4em;
	float:none;
	text-align:right;
	padding:0px;
	margin:0px 0px 0px 0px;/* top right bottom left */
	font-size: 90%;
	color: #FFF;
		display:block;
}
#sitsheadercontrollinks a { font-weight:normal; COLOR: #666; TEXT-DECORATION: none ; }
#sitsheadercontrollinks A:hover,#sitsheadercontrollinks A:active {TEXT-DECORATION: underline}

#sitsloggedinmessage {
border-bottom:0 solid #BCBFC4;
color:#4B4C4E;
font-size:75%;
height:20px;
/*left:30%;*/
line-height:1em;
margin:0;
position:relative;
text-align:right;
top:70px;
right:0px;
}

#sitsheaderdatetext {
color: #FFF;
	text-align:right;
	position:absolute;
		top: 45px;
		right: 50px;
	font-size: 90%;
	padding:0px;
	margin:0px 0px 0px 0px;/* top right bottom left */
	}
	
#sitspagefooter {
background:no-repeat scroll left top #E7E7E9;
color:#000000;
float:left;
height:167px;
width:100%;
vertical-align:top;
}

#sitspagefooterright {
background:no-repeat scroll right top #E7E7E9;
color:#99A6AC;
float:right;
height:167px;
padding:0;
width:50%;
}

td.sitsfootercell1 {
	border-right:0px solid #08295C;
 	/*background:#fff url(../images/body-start-imgs/evis-blue-white-bot-left-corner.gif) bottom left no-repeat; */
		}

td.sitsfootercell2 {
background:url("../images/uhi/right_footer.jpg") no-repeat scroll right top #77726C;
border-bottom:0 solid #333333;
border-right:0 solid #08295C;
border-top:0 solid #333333;
}

p.sitstopofpage {
	padding:5px;
	font-size: 70%;
	color: #ffffff;
	}
p.sitstopofpage a {
	color:#ffffff;
	}

.sitsfootertext {
color:#4B4C4E;
float:left;
font-size:65%;
padding:10px 0 0 0;
margin-left:50px;
text-align:left;
}
	
.sitsfootertextright {
color:#4B4C4E;
float:right;
font-size:65%;
padding:10px 0 0 0;
margin-right:50px;
text-align:right;
}

.sitsfootertext A { COLOR: #572163; TEXT-DECORATION: none ; }
.sitsfootertext A:hover,.sitsfooter A:active { TEXT-DECORATION: underline}


/***************************************************************/	
/*   Portal Page tab styles                                    */
/***************************************************************/

/* accessibility and CSS guidance thanks to www.alistapart.com 
										 and www.ericmeyer.com */

/* 	START OF SITS DEFAULT HORIZONTAL PAGE TAB MENU BAR  */
/*  		(uses 2 images to create tab style  */

#sitspagetabs {clear:left;
	 margin: 0; padding: 3px 0 0 25px; margin-left:15px;}
#sitspagetabs li {list-style: none; float: left;
  margin-left: 1px; padding-left: 16px;
   line-height: 150%; white-space: nowrap;
  /*background: #FFF url(../images/tabs/tabs740.gif) 0 100% no-repeat;*/
  }

#sitspagetabs li.menutitle {
		display:none;
		}
#sitspagetabs a {
	display: block; 
	float: left;
	padding: 0 16px 0 0;
  font-size: 65%;
  text-decoration: none; font-weight: bold;
  /*background: #FFF url(../images/tabs/tabs740.gif) 100% 100% no-repeat;*/
  color: #333;
  width: .1em;}
html>body #sitspagetabs a {width: auto;}    /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#sitspagetabs a {float: none;}            /* End IE5-Mac hack */
#sitspagetabs a:hover {color: #666;}
#sitspagetabs li.activetab, #sitspagetabs li.activetab a, #sitspagetabs li.activetab a:hover {color: #FFF; 
  background-image: url(../images/uhi/select.jpg);}


/*   END OF SITS DEFAULT HORIZONTAL PAGE TABS  */

/* 	START OF SITS HORIZONTAL PAGE TAB - STYLE 2  */
/*  		(uses 2 images to create tab style  
 - to use this style please set the page tabs <ul> in body-start-tabs
  to id and class = sitspagetabs2  */

#sitspagetabs2 {clear:left;
	 margin: 0; padding: 0;
	 }

#sitspagetabs2 li {list-style: none; float: left; margin: 0;
width:auto; /* use this to make page tabs stretch to any length to text */ 
width: 10%;  /* use this to make page tabs all the same length */
 
  line-height: 120%; white-space: nowrap;}

#sitspagetabs2 li.menutitle {
		display:none;
		}
#sitspagetabs2 a {
	display: block; float: left; padding: 0 8px 0 20px;
  text-decoration: none; font-weight: bold;
  border: 1px solid;
  border-color: #FFF #333 #333 #FFF;  /* top right bottom left */ 
  background: #CCC url(../images/tabs/tabs-grain-effect.gif) 2px 50% no-repeat;
  color: #333;
  font-size: 65%;
  }
html>body #sitspagetabs2 a {width: auto;}    /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#sitspagetabs2 a {float: none;}            /* End IE5-Mac hack */
#sitspagetabs2 a:hover {background-color: #dedede; color: #333;
 border-color: #333 #666 #666 #333;  /* top right bottom left */ 
 }
#sitspagetabs2 li.activetab, #sitspagetabs2 li.activetab a {
	background-color: #08295C; color: #CCC;
 }

/*   END OF SITS  HORIZONTAL PAGE TABS - STYLE 2 */

/* 	START OF SITS DEFAULT VERTICAL PAGE TAB MENU BAR   */
/*  		(css styled lists)   */
 
#sitspagetabs-vert {
border-left:0 solid #BCBFC4;
border-right:0 solid #BCBFC4;
height:100%;
width:167px;
}
	
	
.sitspagetabs-vert {
background:#FFFFFF;
color:#333333;
font-family:Arial,'Arial','Lucida Grande',Verdana,Lucida,Geneva,Helvetica,sans-serif;
font-size:70%;
margin-left:1.4em;
margin-right:1em;
margin-top:0;
padding:0;
}
	
#menubase {
background:#FFFFFF;
height:100px;
margin-top:0;
padding:0;
}
	
.sitspagetabs-vert ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}

.sitspagetabs-vert li.menutitle {
background:#4B4C4E;
background:-webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#DDDDDD));
background:-moz-linear-gradient(0% 40% 90deg, #DDDDDD, #EEEEEE) repeat-x scroll 0 0 transparent;
background:-o-linear-gradient(#EEEEEE, #DDDDDD);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DDDDDD');zoom:1;
color:#000000;
font-size:110%;
font-weight:bold;
padding:8px 0 10px 6px;
border-top-left-radius:0.5em;
border-top-right-radius:0.5em;
}

.sitspagetabs-vert li.activetab {
border-bottom:0 solid #C9BAA5;
border-width:0;
color:#4A6382;
}
.sitspagetabs-vert li.normaltab {
}
.sitspagetabs-vert li {
border-bottom:0 solid #002D66;
list-style:none outside none;
margin:0;
}
.sitspagetabs-vert li a {
border-bottom:2px solid #4B4C4E;
border-width:0 0 2px;
color:#4A6382;
display:block;
font-weight:bold;
padding:6px;
width:100%;
background:#ECE9E4;
}
.sitspagetabs-vert li a:link {
color:#4B4C4E;
text-decoration:none;
}
.sitspagetabs-vert li a:hover {
border-bottom:2px solid #631B64;
border-width:0 0 2px;
color:#631B64;
font-weight:bold;
}
.sitspagetabs-vert li a:visited {
color:#4B4C4E;
font-weight:bold;
text-decoration:none;
}
.sitspagetabs-vert li a:active {
color:#002D66;
font-weight:bold;
text-decoration:none;
}

	html>body .sitspagetabs-vert li a {
		width: auto;
		}
 
 
#sitspagetabs-vert1{width: 140px;
	 }
	
	
.sitspagetabs-vert1{
	border: 1px solid #08295C;  /* #3F264E*/
	padding: 0 0 0 0;
	margin-top: 10px;
	margin-left: 10px;
	font-family: Arial, Verdana, Lucida, Geneva, Helvetica, 
	   sans-serif;
	  font-size:65%;
	}
.sitspagetabs-vert1 ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
.sitspagetabs-vert1 li.menutitle {
		background-color: #08295C;
		color:#BCBFC4;
		padding: 6px;
		font-style:italic;
		}
.sitspagetabs-vert1 li.activetab {
		background-color: #ebebeb;  /* #ebebeb  */
		}
.sitspagetabs-vert1 li.normaltab {
		}
.sitspagetabs-vert1 li {
		list-style: none;	
		border-bottom: 1px solid #08295C;
		margin: 0;
		}
.sitspagetabs-vert1 li a {
		display: block;
		padding: 6px;
		color: #08295C;
		text-decoration: none;
		width: 100%;
		}
.sitspagetabs-vert1 li a:link {
		text-decoration: none;
		color: #08295C;
		font-weight:bold;
		}		
.sitspagetabs-vert1 li a:hover {
		background-color: #efefef;
		color: #08295C;
		font-weight:bold;
		}
.sitspagetabs-vert1 li a:visited {
		text-decoration: none;
		color: #08295C;
		font-weight:bold;
		}
.sitspagetabs-vert1 li a:active {
		text-decoration: none;
		color: #08295C;
		font-weight:bold;
		}

	html>body .sitspagetabs-vert1 li a {
		width: auto;
		}


/* html>body seen above is a workaround for IE */
/*  END OF SITS DEFAULT VERTICAL PAGE TABS   */

/* START OF SITS VERTICAL PAGE TAB -STYLE 2   */
/*  		(uses no images)   */
  
#sitspagetabs-vert2 {
	width: 140px;
	border: 1px solid #90bade;
	padding: 0 0 0.5em 0;
	margin-bottom: 1em;
	font-family: 'Arial', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	  font-size:80%;
	background-color: #1958b7;
	
	}
	#sitspagetabs-vert2 ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
#sitspagetabs-vert2 li.menutitle {

		}
	#sitspagetabs-vert2 li {
		border-bottom: 1px solid #90bade;
		margin: 0;
		
		}
#sitspagetabs-vert2 li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 4px solid #1958b7;
		border-right: 4px solid #508fc4;
		background-color: #2175bc;
		color: #fff;
		text-decoration: none;
		width: 100%;
		}
#sitspagetabs-vert2 li a:hover {
		border-left: 4px solid #1c64d1;
		border-right: 4px solid #5ba3e0;
		background-color: #2586d7;
		color: #fff;
		}

#sitspagetabs-vert2 li.activetab a {
		border-left: 4px solid #1c64d1;

		border-right: 4px solid #5ba3e0;
		background-color: #2586d7;
		color: #fff;
		}
		
html>body #sitspagetabs-vert2 li a {
		width: auto;
		}
		
/*  END OF SITS VERTICAL PAGE TABS STYLE 2   */


/***************************************************************/
/* Main Page Divisions      				       */
/***************************************************************/

/* Please Note: the default headers and footers supplied with
e:Vision, IPP use a single 100% height 'shell' table which is opened in
the header files and closed in the footer files.  This is to place the footer
always at the bottom of the window, or content, whichever is longer.

sitsportalcontent and sitspagecontent are the main page content wrapper DIVs 
 and are opened in the default body-start HTS files and closed in the body-end HTS files  */

/* position overall main page content while logged in 
ie with the page tabs menu bar in view , used in body-start-tabs.hts */
#sitsportalcontent {
	clear:both; /* required for default SITS header alignment */
	margin:15px 10px 5px 10px;  /* top right bottom left */ 
	width:95%;
	

}
/* NB - width:95% above is a compromise between IE and the CSS compliant browser
 - the page does not appear exactly centred in IE but will break in IE 
  if no width stated, and will break in other browsers if width:100% */
  
/* these "portal" sections control portal pages
where containers are displayed.  This allows a different design
on container pages if required */

#sitsportalpagetitlesection{
	margin:0px 10px 0px 10px;
		padding-top:0px;
}

#sitsportalpagetitle {
}

h1.sitsportalpagetitle {
background: #631B64; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9B7FA0', endColorstr='#631B64'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#9B7FA0), to(#631B64)); /* for webkit browsers */
background: -moz-linear-gradient(0% 40% 90deg, #631B64, #9B7FA0) repeat-x scroll 0 0 transparent; /* for firefox 3.6+ */
border-top-left-radius: 0.5em;
color: #FFFFFF;
font-family: 'Arial','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
font-weight: bold;
height: 27px;
margin: 0;
padding: 6px 6px 0;
}

#sitsportalpagedesc {
} 
 
p.sitsportalpagedesc {
	font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	font-size:60%;
	color: #666666;
	margin-left:5px;
	margin-top:5px;
	margin-bottom: 0px;
	text-align:justify;
} 

/* main wrapper DIV for rest of portal container page following the title section */
#sitsportalcontainersection {
}

#sitsportalhelp {
} 
 
p.sitsportalhelp {
	font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	color: #666666;
	text-align:justify;
}


/* these page sections control all pages except where portal 
containers are displayed.  For example HTS program screens,
message screens, the standard login screen, web SRLs etc. 
This allows a different design
from portal container pages if desired. 
Position these sections here if required */

/* position overall main page content when no page tabs are on display 
ie used is body-start.hts and body-start-ipp.hts  */

#sitspagecontent {
background-color:transparent;
clear:both;
margin:20px 5px 5px 0;
width:99%;
}

#sitspagetitlesection {
} 

#sitspagetitle {
} 
  
h1.sitspagetitle {
	font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #08295C;
	font-weight: bold;
	border-bottom:1px solid #582264;
}

#sitspagedesc {
} 
 
p.sitspagedesc {
	font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	color: #666666;
	text-align:justify;
}

/* main wrapper DIV for rest of page following the title section */
#sitspagedatasection {
 } 

/* sits page help is placed at the end of the page - text is normally
 held in boilerplate BP003. Reposition using CSS here if required */
 
#sitspagehelp {
 } 

p.sitspagehelp {
	font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	color: #666666;
	text-align:justify;
}

/***************************************************************/
/* Portal DIV Mode Styles								       */
/***************************************************************/

/*  Portal Containers and Container Options can 
	be styled using the classes specified here.    */

/* this is the layout table used to hold the portal columns 
 - required over pure CSS layout due to requirement for any HTML 
 content to be workable within any container */
#sitsportaltable {
}


/* these are wrapper DIVs for the portal columns.  Only used in
Portal DIV mode these are placed inside the respective 
portal column layout table table cell   */ 
	/* if columns here are set with no width, or to 100% 
 there will be display problem on single column pages in IE */ 
.sitscolumn1 {
width:97%;
}

.sitscolumn2 {
width:97%;
}

.sitscolumn3 {
width:97%;
}


/*  Standard Class used for every Portal Container   (in DIV mode)
  - Use the margins here to set the distance between/around each container */
.sitscontainer {

margin:0px 0px 15px 0px;  /* top right bottom left */ 
float:none;
width:100%;


}

.sitscop {
}

.sitscontitlesection {           
	width:100%; 
	
        /*border: 1px solid #BCBFC4;*/
	border-bottom: none;
    font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;   
    color: #FFFFFF;
    background-color: none;
	margin-bottom: 0px; /* used if image not available */
}

p.sitscontitleicon {            
            float:left;
            margin:0px;
            padding:0px;
}
.sitsconupdatedicon {            
            float:none;
			
            margin:0px;
            padding:3px;
}

.sitscontitle  {           
            font-size:80%;   
            font-weight: bold;
            margin:1px;
			margin-left:8px;
            padding:1px;

            float:left;
}

.sitsconrightimage  {           
			padding:0px;
			margin:0px;
            float:none;

}

.sitsconborder {
	border-left: 1px solid #BCBFC4;
	border-right: 1px solid #BCBFC4;
	border-bottom: 1px solid #BCBFC4;
	margin:0px;padding:0px;
	background-color:#C5D9BD;
}

p.sitscontrols {  
 	font-size: 70%; /* percentage of the size specifiied above */ 
	width:100%;
	color: #666;
	font-weight: normal;
	margin-top:0px;
	/*padding-top:0px;*/
	margin-bottom:0px;
	/*padding-bottom:0px;*/
	padding:1px;
	text-align:right;
	border-top:none;
	border-left: 1px solid #BCBFC4;
	border-right: 1px solid #BCBFC4;
	background-image: url(../images/tabledesc_bg.gif);
    background-color: #F1EFE2;
  	
	
}
.sitscontrolimage {
float:right;
padding:1px;
}

.sitsconhelp {
	font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	font-size:60%;
	color:  #666;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	border: 1px solid #BCBFC4; 
    background-color: #F1EFE2;
}


.sitscophelp {
	font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	font-size:60%;
	color:  #666; ;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;	
    background-color: #F1EFE2;
}

.sitscontrols A{

	COLOR: #666; 
	TEXT-DECORATION: underline;
}

.sitscondescription {
	font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	font-size:60%;
	color:  #666;
	padding:3px;
	margin-top:0px;
	/*padding-top:0px;*/
	margin-bottom:0px;
	/*padding-bottom:0px;*/
	background-image: url(../images/tabledesc_bg.gif);
    	background-color: #F1EFE2;
	border-top:1px solid #CCC;
	border-left: 1px solid #BCBFC4;
	border-right: 1px solid #BCBFC4;
}

.sitscopsection {
            margin-bottom:0px;  /* spacing after message box */
			margin-top:0px;
			padding:0px;
            border: 1px solid #BCBFC4; 
			width:100%; 
            background-color:#F4F4F4;
			

} 


p.sitscopicon {
            float:left;
            margin:0px;
            padding:1px;
	    list-style-type: none;
	    font-size:65%; 
}

.sitsnewcontext {

            margin:0px;
            padding:1px;
	    color:#64621b;
  	    list-style-type: none;
	    font-size:75%; 
}
.sitsnewcoptext {

            margin:0px;
            padding:3px;
			color:#003399;	
	    font-size:75%; 
}

ul.sitscop {
            font-size:75%;
            margin:3px;
			margin-left:20px;
            padding:3px;      
            margin-bottom:6px;
			list-style-type: none;
			clear:left;
}
.li {
			 padding:3px; 
			 margin-bottom:6px; 
			}

p.sitscop {
            font-size:75%;
            margin:3px;
			margin-left:20px;
            padding:3px;      
            margin-bottom:6px;

}

/******************************************************/
/* Message box definitions                            */
/******************************************************/
#sitsmessagebox {
margin:20px;

}
.SITSMESSAGETITLESECTION

{           width:95%;             
            border: 1px solid #BCBFC4;
            font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;   
            color: #BCBFC4;
            background-color: #BCBFC4; /* used if image not available */
}

p.sitsmessagetitleicon {            
            float:left;
            margin:0px;
            padding:3px;
}

h2.sitsmessagetitle  {           
            font-size:75%;   
            font-weight: bold;
            margin:3px;
            padding:3px;
            float:left;
}

p.sitsmessagecode {
            font-size:65%;
            font-weight:bold;
            text-transform:capitalize;
            margin:3px;
            padding:3px;
            text-align:right;
}

.SITSMESSAGECONTENTSECTION {
            margin-bottom:20px;  /* spacing after message box */
            border: 1px solid #BCBFC4; 
            width:95%;
            background-color: #FFFFFF;
            margin-bottom:20px;  
} 

p.sitsmessagecontenticon {
            float:left;
            margin:0px;
            padding:3px;
}

p.sitsmessagecontent {
            font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
            font-size:75%;
            margin:3px;
            padding:3px;      
            margin-bottom:6px;
}


/* Data Table Styles */

/***************************************************************/
/* OVERALL DATA TABLE WIDTH		                       */
/***************************************************************/

.sitstablegrid, 
.sitstablevertical, 
.sitstablehorizontal, 
.sitstableoutline {
	width:100%; /* overall default table width */
	margin-bottom:20px; /* separator space below each table */
	background-color: #FFFFFF; /* background shade applied to all cells */
	border: 1px solid #cccccc; /* table outline box */
	border-collapse: collapse;
}


/***************************************************************/
/* TABLE TITLES:   caption (table title) definitions - general */
/***************************************************************/


.sitstablegrid caption, 
.sitstablevertical caption, 
.sitstablehorizontal caption, 
.sitstableoutline caption
{	
background: #631B64; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9B7FA0', endColorstr='#631B64'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#9B7FA0), to(#631B64)); /* for webkit browsers */
background: -moz-linear-gradient(0% 40% 90deg, #631B64, #9B7FA0) repeat-x scroll 0 0 transparent; /* for firefox 3.6+ */
border-top-left-radius: 0.5em;
color: #FFFFFF;
font-family: 'Arial','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
font-weight: bold;
height: 27px;
margin: 0;
padding: 6px 6px 0;
}


/* Note:  Default image used as background of table tiles; 

if you are changing the default colour scheme 
please either edit the tabletitle_bg_blue.jpg image used as default 
table tile background to one of your own which matches your new colour scheme
or else simply remove that background-image attribute 
and set the background-color attribute to match your colour scheme

*/

/***************************************************************/
/* TABLE DESCRIPTIONS: SITS table descriptive text style       */
/***************************************************************/

.sitstabledescriptioncell {
	font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	
	background-image: url(../images/tabledesc_bg.gif);
        background-color: #F1EFE2;
}

.sitstabledescriptioncell P {
	margin-bottom:0px;
}

P.sitstabledescription
{
	color: #333333;
	font-weight: normal;
	font-size: 95%;
	text-align: left;
}


P.sitsrecordcount {
	font-size: 90%; /* percentage of the size specifiied above */ 
	color: #666;
	font-weight: normal;
	margin-top:4px;
	padding-top:4px;
	float:left;
}

P.sitsrecordpaging {
	font-size: 90%; /* percentage of the size specifiied above */ 
	color: #666;
	font-weight: normal;
	margin-top:4px;
	padding-top:4px;
	text-align:right;
	border-top:1px dashed #ccc;
}

/***************************************************************/
/* GENERIC TABLE CELL DEFINITIONS: font size, padding          */
/***************************************************************/


.sitstablegrid caption,
.sitstablegrid th, 
.sitstablegrid td,
.sitstablevertical caption, 
.sitstablevertical th, 
.sitstablevertical td,
.sitstablehorizontal caption, 
.sitstablehorizontal th,
.sitstablehorizontal td,
.sitstableoutline caption,
.sitstableoutline th,
.sitstableoutline td {
  font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	padding: 6px 6px 0;
	vertical-align:top;
}

/* remove padding where required e.g. if form submit button in cell */
td.sitsnopadding {
 padding:0px;
 margin:0px;
}


/***************************************************************/
/* TABLE ROW AND COLUMN HEADINGS                               */
/***************************************************************/

.sitstablegrid th, 
.sitstablevertical th, 
.sitstablehorizontal th,
.sitstableoutline th {
	background-color:#ebebeb; 
	padding-right: 5px; /* required to keep right aligned TH row headings from edge of cell */
	color:#572163;
}

/* alignment of all row and column headings - overrides default centering of TH tag*/

.sitsrowhead {
	text-align: right;
	}
.sitscolhead {
	text-align: left;
	}
	

/***************************************************************/
/* TABLE BORDERS AND BACKGROUND COLOURS                        */
/***************************************************************/

.sitsrowhighlight {
	background-color: #F8F8F8; /* background shade applied to alternate TRs */
}

.sitstabledescriptioncell
{
	border-bottom: 1px solid #cccccc;
}


/* specific table gridline definitions */
/* set generic table grid line widths and colours here  - normally all three set to same width and colour */

.sitstablegrid th, 
.sitstablegrid td {
	border: 1px solid #572163; /* draws grid lines for sitstablegrid style class */
	}

.sitstablevertical th, 
.sitstablevertical td {
	border-right: 1px solid #572163;  /* draws vertical lines for sitstablevertical style class */
	}

.sitstablehorizontal th, 
.sitstablehorizontal td,
.sitstablecontent {
	border-top: 1px solid #572163;  /* draws horizontal lines for sitstablehorizontal style class */
	}


/* ==========================================================  */
/* stlyes used normally by SITS standard letters SRLs          */
/* ==========================================================  */

/* please note, SRLs should use the normal SITS html template
  and make use of the standard page layout, title and data sections 
 - addional paragraph text formatting -   */

p.sitstext {
	font-size: 75%;
	color: #333333;
	font-weight: normal;
	text-align: left;
}


/***************************************************************/
/* NESTED TABLE                                                */
/***************************************************************/

.sitstablenesteddata {
	background-color: #efefef; /* background shade applied to all cells */
	border: 1px solid #ccc; /* table outline box */
	border-collapse: collapse;
	width:100%; 
	margin-bottom:0px; 

}  
.sitstablenesteddata caption
{	
	font-weight: bold;
	background-color: #cccccc;
	background-image:none; /* req. so that previous caption bg image not still used */
	color:#FFFFFF;
}


.sitstablenesteddata th,
.sitstablenesteddata td {
	font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#333;
	vertical-align:top;
}

.sitstablenesteddata th {
	background-color:#dbdbdb;
	color:#666; 
	padding-right: 5px; /* required to keep right aligned TH row headings from edge of cell */
}
.sitstablenesteddata td,
.sitstablenesteddata th {
	border: 1px solid #ccc; /* draws grid lines for sitstablegrid style class */
	}

/***************************************************************/
/* Print or Screen Only classes - used with sits-print.css  */
/***************************************************************/
/* to use simply add a DIV tag with screen or print only class 
 as required to show/hide DIV while viewing on screen or printing 
  - Note - these styles should not be edited */ 
.sitsscreenonly {}
.sitsprintonly {display:none;}
/* hidden style (for accessibility) used when additional */
/* hidden labels or links are required */
.sitshidden {display:none;}

/***************************************************************/
/* Forum Styles      -added by IREL1                           */
/***************************************************************/

.forumlink {WORD-SPACING: 0px}
.forumlink A:link { COLOR: #77628B; TEXT-DECORATION: none ; font-weight: bold}
.forumlink A:visited {COLOR: #77628B; TEXT-DECORATION: none ; font-weight: bold}
.forumlink A:hover {COLOR: #9A86A9; TEXT-DECORATION: underline}
.forumlink A:active {	COLOR: #9A86A9; TEXT-DECORATION: underline}

.forumindexlink {WORD-SPACING: 0px ; font-size:75%}
.forumindexlink A:link { COLOR: #77628B; TEXT-DECORATION: none ; font-weight: bold}
.forumindexlink A:visited {COLOR: #77628B; TEXT-DECORATION: none ; font-weight: bold }
.forumindexlink A:hover {COLOR: #9A86A9; TEXT-DECORATION: underline }
.forumindexlink A:active {COLOR: #9A86A9; TEXT-DECORATION: underline}
.forumpoll { text-align: center; font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; font-weight: bold ; color: #77628B; background-color: #E6E2EF}
.forumquote { font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; float:none; font-size: 110%; color: #77628B; background-color: #EFEBEF; border: 1px solid #9A86A9;width:90%;text-align:left;padding:4px;margin-bottom:4px;margin-top:4px;filter:progid:DXImageTransform.Microsoft.dropshadow(color=9c86ad,direction=135) }

.forumspacer  { font-weight: bold; color: #9A86A9; background-color: #9A86A9}
.forummoderation { font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; font-weight: bold ;font-size: 110%; color: #77628B; background-color: #FFDDDD}
.forumdeleted    { font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; font-weight: bold ;font-size: 110%; color: #77628B; background-color: #FFDDDD}

/***********************************************************************/
/* AJAX Styles  -added by LEWR1 - -added by LEWR1   for v7.4.0  */
/***********************************************************************/

ul.sortable li {
	position: relative;	
}

ul.boxy {
	list-style-type: none;
	padding: 4px 4px 0px 4px;
	margin: 0px;
	font-size: 13px;
	font-family: Arial, sans-serif;
        border: 1px solid #ccc;
        width: 200px;
        float: left;
}

ul.boxy li {
	cursor:move;
	margin-bottom: 4px;
        border: 1px solid #ccc;	
}


.tabletitleajax {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;	
}
	

.bginsideajax {
	table-layout:fixed;
}

.unassigned {
	border: 1px dashed #000; 	
}

.pageassigned {
	border: 1px solid #000; 	
}
 	

/***************************************************************/
/* NESTED TABLE - OUTLINE ONLY - added by REED1 for 7.4.1      */
/***************************************************************/
.sitstablenestedoutline {
	background-color: #efefef; /* background shade applied to all cells */
	border: 1px solid #ccc; /* table outline box */
	border-collapse: collapse;
	width:100%; 
	margin-bottom:0px; 

}  
.sitstablenestedoutline caption
{	
	font-weight: bold;
	background-color: #cccccc;
	background-image:none; /* req. so that previous caption bg image not still used */
	font-size: 100%;
	color:#666666;
}

.sitstablenestedoutline caption,
.sitstablenestedoutline th,
.sitstablenestedoutline td {
	font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	vertical-align:top;
}

.sitstablenestedoutline th {
	background-color:#dbdbdb;
	color:#666; 
	padding-right: 5px; /* required to keep right aligned TH row headings from edge of cell */
}
 		
/***************************************************/
/* CAPTCHA Styles  -added by LEWR1   for v8.1.0    */
/***************************************************/

.captcha_div,.captcha_sel {
	border:solid 1px;
	text-align:center;
}
.captcha_sel {
 	background-color:red;
}
.captcha_img {
	margin:5px;
	width:100px;
	height:100px;
}


/***********************************************************************/
/* Additional AJAX Style   -added by LEWR1   for v8.1.0  */
/***********************************************************************/

ul.boxy input {
	cursor:default;
}

/***********************************************************************/
/* Bar Chart Style   -added by HARC1   for v8.1.0  */
/***********************************************************************/

      .bar {
        background-color: #ECFEFF;
        text-align: right;
        border-left: solid 1px black;
      }
			
/***********************************************************************/
/* Popup styles for Online application form   -added by EOT3HM   12/11/10  */
/***********************************************************************/

br.both{
clear:both;
}

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}

#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}

#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}

#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}

#popup_linky{
text-align:right;
}

/* Additional bits added by hamish
/* This one defines the header and background details in the containers */
.containertitle {
background: #723D74; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#F9F8F7'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#F9F8F7)); /* for webkit browsers */
background: -moz-linear-gradient(0% 75% 90deg, #F9F8F7, #DDDDDD) repeat-x scroll 0 0 transparent; /* for firefox 3.6+ */
border-top-left-radius: 0.5em;
color: #FFFFFF;
font-family: 'Arial','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
font-weight: bold;
height: 27px;
margin: 0;
padding:5px 0 0 0;

}

.containerbody {
background-color:#F9F8F7;
border-color:#631B64;
border-width:1px;
padding:1px;
}

/* popup? */
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(../images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}
.title_text11 {
	font-size: xx-large;
	color: #FFFFFF;
}
.title_text12 {
	font-size: large;
	color: #FFFFFF;
}

/*hint scripts*/
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
/*font-weight: bold;
color: navy;*/
margin: 0;
border: 0;
padding: 0;
img
{  border-style: none;
}
}

/*definitions for task tables*/
.ttq_table_head {
color:#000; 
font-weight:bold; 
background-color:#DDDDDD;
}

.ttq_table_body {
color:#000; 
background-color:#ECE9E4;
}

/*- e:Vision tabbed navigation bar  */ 
ul#navlist {
        margin:0;
        padding:0;
        list-style-type:none;
        white-space:nowrap;
	background-color:#E3E3E3;
	width:93%;
	padding:5px 9px 4px 9px;
	border-top-left-radius:0.5em;
}

ul#navlist li {
        float:left;
        font-family:verdana, arial, sans-serif;
        font-size:9px;
        font-weight:bold;
        margin:0;
        padding:5px 0 4px 0;
        background-color:#11293c;
        border-bottom:1px solid #e0ede9;
	border-top:1px solid #e0ede9;
}

#navlist a, #navlist a:link {
        margin:0;
        padding:5px 9px 4px 9px;
        color:#631B64;
        border-right:1px dashed #631B64;
	text-decoration:none;
}

ul#navlist li#active {
        color:#95bbae;
        background-color:#FFFFFF;
}

#navlist a:hover {
        color:#FFFFFF;
        background-color:#631B64;
}

/*- CSS Labels for textboxes  */
.STRUCTURAL {
position:absolute;
left:-9999px;
}

/* End of sits.css */
-->