/*----------------------------------------------------------------------*/
/*  FILENAME 	:  sits.css  						*/
/*  DESC	:  main style sheet for use with SITS e:Vision 		*/
/*----------------------------------------------------------------------*/
/*  REVISIONS:								*/
/*	Date		Name		Reason				*/
/*	---------	----------	--------------------------------*/
/*	nb - sits-ipp.css is ot straight copy of sits.css		*/
/*	sits-ipp.css contains additional ipp only classes at end	*/

/*	rebuilt containing only four colours for quick editing - KIRA1 */
/*	Primary Dark Colour   : #003399	- used as text and background colour    */
/*	Secondary Dark Colour : #003399 - used as text and background colour     */
/*	Primary Light Colour  : #EFEFEF - used as a light shaded background      */
/*	Secondary Light Colour: #FFFFFF - used for text on dark backgrounds */

/*	16-Jan-04	Alan Kirk	converted to percentage font sizes for accessibility	*/
/*	28-Oct-03	Ken Barrett	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: Verdana, Arial, Helvetica, sans-serif;
	color: #003399; 
	background-color: #FFFFFF;
	
}

a:link { text-decoration: underline; font-weight: normal; color: #003399}
a:visited { text-decoration: underline; font-weight: normal; color: #003399}
a:hover { text-decoration: underline; font-weight: normal; color: #003399}
a:active { text-decoration: underline; font-weight: normal; color: #003399}


.pagetitle {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 120%; 
	font-weight: normal; 
	color: #003399;
	border-bottom:1px solid #003399;
	
}

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

.tabletitle1  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: bold;
	color: white;
	background-color: #003399;
	
	padding: 3px;
	
}
.tabletitle2  {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; font-weight: bold; color: #FFFFFF; background-color: #003399}

/* used on any optional extra descriptive text inside each data table (just below table title) */
.tablemsg1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color: #003399; background-color: #EFEFEF}
.tablemsg2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color: #003399; background-color: #EFEFEF}

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

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

.rowhead1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%;  color: #003399; background-color: #EFEFEF; font-weight: bold}
.rowhead2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%;  color: #003399; background-color: #EFEFEF; 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: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color: #003399; font-weight: normal}
.data1over { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color: #003399; background-color: #EFEFEF; font-weight: normal}

/* same as data1 but used for second level data tables */
.data2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color: #000000; font-weight: normal; background-color: #FFFFFF}
.data2over { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color: #000000; background-color: #EFEFEF; 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: Verdana, Arial, Helvetica, sans-serif;  color: #003399; font-weight: normal }
.data2nobg { font-family: Verdana, Arial, Helvetica, sans-serif;  color: #003399; 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%;}

/* page tabs classes now defined inline within body-start-tabs */
/* - this is to allow different headers to be delivered  */

/* follwoing classes used on portal page to add style to portal links */
/* within a container */
.portaldesc {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%;  color: #FFFFFF; background-color: #EFEFEF; font-weight: normal; color: #000000; padding: 5px}
.portalcontitle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%;  color: YELLOW; 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: Verdana, Arial, Helvetica, sans-serif; line-height:1%; margin: 7px;}

/*  Portal Page tab styles */


/* styled vertical lists */
/* comments and list styling from  www.alistapart.com */

/*There is one workaround at the end of this part of the style sheet. 
To make the links active for the full width of the DIV, 
they are display: block;. 
This works for everything but IE/Windows. 
If you give the block an explicit width of 100%, then IE/Windows plays along. 
But doing this creates problems with IE5/Mac and Netscape/Mozilla. 
So we use the child selector“>” to redefine the width to auto. 
Since IE/Windows doesn’t understand child selectors, it ignores the rule. 
IE5/Mac, Opera and Netscape/Mozilla follow the rule, and everyone is happy*/

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


.portalwelcome {
	font-family: Arial, Verdana, Lucida, Geneva, Helvetica, 
		sans-serif;
	font-size:85%;
	color: #00639c;
	font-style:italic;
	font-weight:bold;
	padding:4px;
	padding-left:8px;
	margin:0px;
	float:left;
}
.portalloggedin {
	font-family: Arial, Verdana, Lucida, Geneva, Helvetica, 
	   	sans-serif;
	font-size:75%;
	color: #00639c;
	font-style:italic;
	padding:4px;
	margin:0px;
	text-align:right;
}
	
.evision_vertical_pagetabs {
	width: 140px;
	border-right: 1px solid #00639c;
	border-bottom: 1px solid #00639c;
	/*border-bottom: 0px;*/
	padding: 0 0 0 0;
	margin-top: 0px;
	margin-left: 2px;
	font-family: Arial, Verdana, Lucida, Geneva, Helvetica, 
	   sans-serif;
	  font-size:75%;
	
	
	}
.evision_vertical_pagetabs ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
.evision_vertical_pagetabs li.menutitle {
		background-color: #ffffff;
		padding: 6px;
		
		color: #00639c;
		font-style:italic;
		
		}
.evision_vertical_pagetabs li.activetab {
		background-color: #cece9c;
		}

.evision_vertical_pagetabs li.normaltab {
		
		}

.evision_vertical_pagetabs li {
		border-bottom: 1px solid #00639c;
		margin: 0;
		
		}

.evision_vertical_pagetabs li a {
		display: block;
		padding: 6px;
		
		color: #00639c;
		text-decoration: none;
		width: 100%;

		}

.evision_vertical_pagetabs li a:link {
		text-decoration: none;
		color: #00639c;
		font-weight:bold;
		}		
.evision_vertical_pagetabs li a:hover {
		background-color: #cece9c;
		color: #00639c;
		font-weight:bold;
		}
.evision_vertical_pagetabs li a:visited {
		text-decoration: none;
		color: #00639c;
		font-weight:bold;
		}
.evision_vertical_pagetabs li a:active {
		text-decoration: none;
		color: #00639c;
		font-weight:bold;
		}

/* this is a workaround for IE */
	html>body .evision_vertical_pagetabs li a {
		width: auto;
		}




/* these set the style attributes of links inside containers on the main portal page */
.portallink { 
	padding:4px; 
	background-color:#F8F8F8;
  	color:#333333;
 	font: normal 100% Verdana ;
  	border-top:1px dashed #CCC;
}
.portallink a:link {font-size: 75%; text-decoration: none; color: #003399; }
.portallink a:visited { font-size: 75%;text-decoration: none; color: #003399;}
.portallink a:hover { font-size: 75%;text-decoration: underline; color: #003399;  background-color: #ebebeb; }
.portallink a:active {font-size: 75%; text-decoration: underline; color: #003399;  background-color: #cccccc; }

/* !!!! VERY IMPORTANT - ALL FORM CLASSES ONLY TO BE EDITED IN NOTEPAD!!!!  */
/* form submit buttons - no set widths due to percent font sizes -  */
.formsub40 { BORDER-RIGHT: #003399 2px solid; BORDER-TOP: #003399 1px solid; FONT: 90% verdana bold; BORDER-LEFT: #003399 1px solid; COLOR: #000000; BORDER-BOTTOM: #003399 2px solid; BACKGROUND-COLOR: #cccccc; cursor: hand }
.formsub80 { BORDER-RIGHT: #003399 2px solid; BORDER-TOP: #003399 1px solid; FONT: 90% verdana bold; BORDER-LEFT: #003399 1px solid; COLOR: #000000; BORDER-BOTTOM: #003399 2px solid; BACKGROUND-COLOR: #cccccc; cursor: hand }
.formsub120 { BORDER-RIGHT: #003399 2px solid; BORDER-TOP: #003399 1px solid; FONT: 90%  verdana bold; BORDER-LEFT: #003399 1px solid; COLOR: #000000; BORDER-BOTTOM: #003399 2px solid; BACKGROUND-COLOR: #cccccc; cursor: hand }
.formsub240 { BORDER-RIGHT: #003399 2px solid; BORDER-TOP: #003399 1px solid; FONT: 90%  verdana bold; BORDER-LEFT: #003399 1px solid;  COLOR: #000000; BORDER-BOTTOM: #003399 2px solid; BACKGROUND-COLOR: #cccccc; cursor: hand }
.formsubfree { BORDER-RIGHT: #003399 2px solid; BORDER-TOP: #003399 1px solid; FONT: 90%  verdana bold; BORDER-LEFT: #003399 1px solid; COLOR: #000000; BORDER-BOTTOM: #003399 2px solid; BACKGROUND-COLOR: #cccccc; cursor: hand }
.formsubfreeh { BORDER-RIGHT: #003399 2px solid; BORDER-TOP: #003399 1px solid; FONT: 90%  verdana bold; BORDER-LEFT: #003399 1px solid; COLOR: #000000; BORDER-BOTTOM: #003399 2px solid; BACKGROUND-COLOR: #EFEFEF; cursor: hand }
.formsub25 { BORDER-RIGHT: #003399 2px solid; BORDER-TOP: #003399 1px solid; FONT: 90%  verdana bold; BORDER-LEFT: #003399 1px solid; COLOR: #000000; BORDER-BOTTOM: #003399 2px solid; BACKGROUND-COLOR: #CCCCcc; cursor: hand }
.formsub25h { BORDER-RIGHT: #003399 2px solid; BORDER-TOP: #003399 1px solid; FONT: 90%  verdana bold; BORDER-LEFT: #003399 1px solid; COLOR: #000000; BORDER-BOTTOM: #003399 2px solid; BACKGROUND-COLOR: #EFEFEF; cursor: hand }
.formsub15 { BORDER-RIGHT: #003399 2px solid; BORDER-TOP: #003399 1px solid; FONT: 90%  verdana bold; BORDER-LEFT: #003399 1px solid; COLOR: #000000; BORDER-BOTTOM: #003399 2px solid; BACKGROUND-COLOR: #CCCCcc; cursor: hand }
.formsub30 { BORDER-RIGHT: #003399 2px solid; BORDER-TOP: #003399 1px solid; FONT: 90%  verdana bold; BORDER-LEFT: #003399 1px solid; COLOR: #000000; BORDER-BOTTOM: #003399 2px solid; BACKGROUND-COLOR: #CCCCcc; cursor: hand }


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

/* standard form input boxes - no set widths due to percent font sizes -  */
.formin40 { BORDER-RIGHT: #003399 1px solid; BORDER-TOP: #003399 1px solid; FONT: 100%  verdana bold; BORDER-LEFT: #003399 1px solid; COLOR: #000000; BORDER-BOTTOM: #003399 1px solid; BACKGROUND-COLOR: #ffffff }
.formin80 { BORDER-RIGHT: #003399 1px solid; BORDER-TOP: #003399 1px solid; FONT: 100%  verdana bold; BORDER-LEFT: #003399 1px solid; COLOR: #000000; BORDER-BOTTOM: #003399 1px solid; BACKGROUND-COLOR: #ffffff }
.formin120 { BORDER-RIGHT: #003399 1px solid; BORDER-TOP: #003399 1px solid; FONT:100%  verdana bold; BORDER-LEFT: #003399 1px solid; COLOR: #000000; BORDER-BOTTOM: #003399 1px solid; BACKGROUND-COLOR: #ffffff }
.formin240 { BORDER-RIGHT: #003399 1px solid; BORDER-TOP: #003399 1px solid; FONT: 100% verdana bold; BORDER-LEFT: #003399 1px solid; COLOR: #000000; BORDER-BOTTOM: #003399 1px solid; BACKGROUND-COLOR: #ffffff }
.forminfree { BORDER-RIGHT: #003399 1px solid; BORDER-TOP: #003399 1px solid; FONT:100%  verdana bold; BORDER-LEFT: #003399 1px solid; COLOR: #000000; BORDER-BOTTOM: #003399 1px solid; BACKGROUND-COLOR: #ffffff }

/* mandatory for input boxes of different set widths */
.forminmand { BORDER-RIGHT: #003399 1px solid; BORDER-TOP: #003399 1px solid; FONT:100%  verdana bold; BORDER-LEFT: #003399 1px solid; COLOR: #000000; BORDER-BOTTOM: #003399 1px solid; BACKGROUND-COLOR: #EFEFEF }
.forminmand40 { BORDER-RIGHT: #003399 1px solid; BORDER-TOP: #003399 1px solid; FONT:100%  verdana bold; BORDER-LEFT: #003399 1px solid; COLOR: #000000; BORDER-BOTTOM: #003399 1px solid; BACKGROUND-COLOR: #EFEFEF }
.forminmand80 { BORDER-RIGHT: #003399 1px solid; BORDER-TOP: #003399 1px solid; FONT:100%  verdana bold; BORDER-LEFT: #003399 1px solid; COLOR: #000000; BORDER-BOTTOM: #003399 1px solid; BACKGROUND-COLOR: #EFEFEF }
.forminmand120 { BORDER-RIGHT: #003399 1px solid; BORDER-TOP: #003399 1px solid; FONT:100%  verdana bold; BORDER-LEFT: #003399 1px solid; COLOR: #000000; BORDER-BOTTOM: #003399 1px solid; BACKGROUND-COLOR: #EFEFEF }
.forminmand240 { BORDER-RIGHT: #003399 1px solid; BORDER-TOP: #003399 1px solid; FONT:100%  verdana bold; BORDER-LEFT: #003399 1px solid; COLOR: #000000; BORDER-BOTTOM: #003399 1px solid; BACKGROUND-COLOR: #EFEFEF }
/*  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: #003399 1px solid; BORDER-TOP: #003399 1px solid; FONT:100%  verdana bold; BORDER-LEFT: #003399 1px solid; COLOR: #000000; BORDER-BOTTOM: #003399 1px solid; BACKGROUND-COLOR: #cccccc }



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


/* 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: 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: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; font-weight: normal; color: #003399}
/* 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: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color: #003399}

.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 */

.portalcontitle1  {font-family: "Gill Sans MT", sans-serif; font-size: 80%; font-weight: bold; color: #FFFFFF; background-attachment: fixed; background-image:  url(../images/body-start-imgs/tabletitle1_background.jpg); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 1px; padding-top: 1px; padding-bottom: 1px;}

.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}
.mainaction {
	FONT-WEIGHT: bold; FONT-SIZE: 100%; COLOR: #333399; BACKGROUND-COLOR: #f0f0e1
}


/* IPP Call Centre Menu Bar Styles  */
/* Alan Kirk March 04 */

/* 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: Verdana, Arial, Helvetica, sans-serif;

            font-size: 70%;

            color: #333333;

}

/* end of IPP Call Centre Menu Bar Styles  */



/* ==================================================================== */
/* Style classes below for use by new or updated HTS files from ver 7.2.1 */

/* HTML tag redefinitions */
/* html and body here are used to remove any default browser window margins */
html{ 
height: 100%; 
border: 0px; 
padding: 0px; 
margin: 0px; 
} 
body{ 
height: 100%; 
margin: 0px; 
padding: 0px; 
border: 0px; 
} 
 

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

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

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

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

submit{
	margin:0px;
}

/***************************************************************/
/* Portal Divisions      				       */
/***************************************************************/

/* Portal Containers and Container Options can be positioned using the CSS selectors
   specified here.    */
   
   .sitsportalheader {
   	float:none;
   }
   
   .sitsportalfooter {

   	float:none;
   }
   
h1.sitsportalpagetitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #695B74;
	font-weight: bold;
	border-bottom:1px solid #695B74;
	
}
p.sitsportalpagedescription {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	color: #666666;
	text-align:justify;
}
p.sitsportalhelp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	color: #666666;
	text-align:justify;
}

.sitsportalcontent {
	/* background-color:#ccc; */
margin:0px;
	float:none;
}
.sitsportalcontainersection {
background-color:#eee;
	float:left;
}
   
.sitscolumn1 {
width:33%;

float:left;

}

.sitscolumn2 {
width:33%;

float:left;

}

.sitscolumn3 {
width:33%;

float:left;
}

.sitscontainer {
width:95%;
margin-left:.5em;
margin-right:.5em;

float:none;

}

.sitscop {
}

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

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

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

p.sitscontrols {  
 	font-size: 60%; /* percentage of the size specifiied above */ 
	color: #666;
	font-weight: normal;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	text-align:right;
	border-top:none;
	background-image: url(../images/tabledesc_bg.gif);
    background-color: #F1EFE2;
  	
	
	
}
.sitscontrols A{

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

.sitscondescription {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:60%;
	color:  #666; ;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	background-image: url(../images/tabledesc_bg.gif);
    background-color: #F1EFE2;
}

.sitscondescriptioncell P {
	margin-bottom:0px;
	font-size:60%;
}
.sitscopsection {
            margin-bottom:20px;  /* spacing after message box */
			margin-top:0px;
			padding:0px;
            border: 1px solid #003399; 
            width:100%;
            background-color: #FFFFFF;
			

} 

p.sitscopicon {
            float:left;
            margin:0px;
            padding:3px;
			list-style: none;
}

p.sitscop {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size:75%;
            margin:3px;
            padding:3px;      
            margin-bottom:6px;
			list-style: none;
}


   
   
   





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

/* these page sections can be positioned using the CSS selectors
   specified here.  Clients editing their own body-start,
   body-start-tabs and body-end HTS files can choose whether to use
   the 'sitspageheader', 'sitspagetabs' and 'sitspagefooter'  
   default selector names  */


#sitspageheader {
}

#sitspagetabs {
}

#sitspagefooter {
}


#sitspagecontent {
 margin:20px;
  width:95%;
} 

#sitspagetitlesection {
} 

#sitspagetitle {
  } 

#sitspagedesc {
 } 

#sitspagedatasection {
 } 

#sitsmessagebox {
}

/* 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 {
 } 

/***************************************************************/
/* 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 */ 

.sitsscreenonly {
}

.sitsprintonly {
	display:none;
}

/* hidden style (for accessibility) used when additional */
/* hidden labels are required */

.sitshidden {
	display:none;
}

/***************************************************************/
/* PAGE TITLE SECTION: page title and description definitions  */
/***************************************************************/


h1.sitspagetitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #695B74;
	font-weight: bold;
	border-bottom:1px solid #695B74;
	
}
p.sitspagedesc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	color: #666666;
	text-align:justify;
}
p.sitspagehelp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	color: #666666;
	text-align:justify;
}


/******************************************************/
/* Message box definitions                            */
/******************************************************/

.sitsmessagetitlesection

{                       
            border: 1px solid #003399;

            font-family: Verdana, Arial, Helvetica, sans-serif;   
            color: #FFFFFF;
            background-color: #003399; /* used if image not available */
}

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

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

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

.sitsmessagecontentsection {
		display:block;
		clear:both;
 		margin-top:0px;  /* spacing after message box */
            margin-bottom:20px;  /* spacing after message box */
            border: 1px solid #003399; 
		border-top: 0px;
           
            background-color: #fff;
            margin-bottom:20px;  
} 

p.sitsmessagecontenticon {

            float:left;
            margin:0px;
            padding:3px;
 padding-top:3px;
}

p.sitsmessagecontent {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size:75%;
            margin:3px;
        margin-top:0px;
            padding:7px; 
      
}


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

.sitstablegrid, 
.sitstablevertical, 
.sitstablehorizontal, 
.sitstableoutline {
	width:100%; /* overall default table width */
	margin-bottom:20px; /* separator space below each table */
}


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


.sitstablegrid caption, 
.sitstablevertical caption, 
.sitstablehorizontal caption, 
.sitstableoutline caption
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;	
	color: #FFFFFF;
	padding:6px;
	font-weight: bold;
	text-align: left;
	/* background-image: url(../images/tabletitle_bg.jpg); */
	/* background-repeat: no-repeat;  */
	background-color: #003399;  /*if image not available */
}



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

if you are changing the default colour scheme 
please either edit the tabletitle_bg.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: 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: Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	padding: 4px;
	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:#666666;
}

/* 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                        */
/***************************************************************/

.sitstablegrid, 
.sitstablevertical, 
.sitstablehorizontal, 
.sitstableoutline {
	background-color: #FFFFFF; /* background shade applied to all cells */
	border: 1px solid #003399; /* table outline box */
	border-collapse: collapse;
}


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

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


/* 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 #003399; /* draws grid lines for sitstablegrid style class */
	}

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

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


/* ===============================================================  */
/* re-formatting of html tags placed within the sitspagedatasection */
/* styles 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 html tag formatting can be added here -   */

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


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