/* ================================================================
ENCAPSULATING STYLES
-----------------------------------------------------------------*/
/* set the default global font */
html {Font-Family: Verdana, Arial, Helvetica, sans-serif;}
body {
	/* remove margins for body content */
	margin: 0px;
	padding: 0px;
	
	/* set the standard background colour */
	background-color: #FFFFFF;
	color: #505050; 
}
/* =================================================================
HEADER STYLES
-----------------------------------------------------------------------*/
/* ==== H1 is used right below the teaser image */
h1 { 	
	font-size:18px;
	color: #5A5D5D; 
	margin-top:5px;
	margin-bottom:8px;
}
/* ==== H2 is used as taxonomy headers */	 
h2 {margin:0px;padding-left:7px;line-height:20px}
h2 a {
	/* background bullet */
	background: url('../img/title_bullet_off.gif') top left no-repeat;
	/* 2px padding to show the full bullet image */
	padding-bottom:2px;	
	/* 22px left padding to move the text away from the bullet */
	padding-left:22px;	
	/* font-size */
	font-size:14px;
}
/* background bullet change on hover */
h2 a:hover {background: url('../img/title_bullet_on.gif') top left no-repeat;}

/* ==== H3 is used for third column headers */
h3 {
	/* remove the standard header margins */
	margin:0px;
	/* move the dotted line down 2 pixels */
	padding-bottom: 2px;	
	/* add a background */
	background: url('../img/dotted_horizontal.gif') repeat-x bottom;
	/* move the text and bullet right 22px */
	padding-left:22px; 
	/* text definitions */
	font-size:12px; 
}
h3 a {
	/* move the text 20 pixels to the right of the bullet */
	padding-left:20px;
	/* add another 2 pixels to the bottom to display the full image */
	padding-bottom:2px;
	/* add the image */
	background: url('../img/title_bullet_gold.gif') top left no-repeat;
	/* display block format to add some spacing */
	display:block;
}
h3 a:hover { background: url('../img/title_bullet_grey.gif') top left no-repeat;}

/* ==== H4 used for center column sub-headers on index page */
h4, h5, h6 {
	/* set font size */
	font-size: 11px;
	/* lower the margin to 2px */ 
	margin:2px;
}

h5 {
		background:url(../img/title_bullet_grey_right.gif) no-repeat;
		background-position:left 5px;
		padding-left:16px;

}

ul li h5 {
		background-position:left 3px;
		_background-position:left 6px;
}
h6 {
		background:url(../img/title_bullet_grey_tiny.gif) no-repeat;
		background-position:left 3px;
		_background-position:left 6px;
		padding-left:16px;
}	


/* ====================================================================
HYPERLINK STYLING
-------------------------------------------------------------------- */
a:link	{
	color: #25439C;
	background-color: transparent;
	text-decoration: none;
	.setAttribute(target,_new);
}
a:visited {
	color: #25439C;
	background-color: transparent;
	text-decoration: none
}
a:active {
	color: #A32E18;
	background-color: transparent
}
a:hover	{
	color: #A32E18;
	background-color: transparent;
	text-decoration: underline;	
}

links[i].setAttribute(target,_new);
/* ====================================================================
SEMENTIC CONTAINER MODIFICATIONS
-------------------------------------------------------------------- */
#bodylist {
	font-size:11px;
	text-indent:0px;
	margin:0px;
	padding:0px;
}

#bodylist ul {
	list-style-type:disc;
	font-size:11px;
	text-indent:15px;
	margin:0px;
	padding:0px;
}

p {
	font-size:11px;
	/* lower the margin to 2px */
	margin:2px;
	margin-bottom:10px;
	/* set the line height to space out the text a bit */
	line-height:20px;
	/* lower the word spacing a bit */
	word-spacing:-0.09em
}

p a:link, p a:visited {text-decoration:underline;}

/* disable borders on all images */
img {border:none;}


/* remove styling on list items */
ul {
	list-style:none;
	font-size:11px;
	text-indent:0px;
	margin:0px;
	padding:0px;
	
}

ul.body {
	list-style:default;
	font-size:11px;
	text-indent:10px;
	margin:0px;
	padding:0px;
}

	ul.sectionList li {
		border-bottom:solid 1px #CCCCCC;
		margin:0px;
		padding:10px;
		padding-left:5px;
		line-height:20px;
	}
	
	ul.sectionList li ol li {
		border-bottom:none;
		padding:5px;
	}

/* ordered lists */
ol h1 {font-size:12px;padding-top:20px;}
ol li {margin:5px;}		



/* end ordered lists */

/*  not sure
.standardInlineList ul, .standardInlineList li {
	display:inline;
	margin-left:8px;
	padding:0px;	
}
*/

.finePrintGrey {
	font-size:9px !important;
	color:#666666;
}

.finePrintGrey p, .finePrintGrey ul li {
font-size:9px;
}

div.hr {
	height:5px;
	color:#FFFFFF;
	background: url('../img/dotted_horizontal.gif') repeat-x bottom;
	margin-bottom:5px;
}

div.hr hr {display: none;}



	
#legal{width:987px;}
#legal p{margin-left:9px;}
#legal span {
	color:#666666;
	float:right;
	font-size:9px;
	text-decoration:none;
}





/* ====================================================================
INPUT STYLING
-------------------------------------------------------------------- */	
select {
/* sets the standard size and font for input elements */
	font: normal 9px/1.25 Verdana, Arial, Helvetica, sans-serif;
}

input {
	font: normal 9px/1.25 Verdana, Arial, Helvetica, sans-serif;
}


	
.menuSpacer {
	margin:0px;
	border: solid 1px black;
	height:21px;
}

.menu {
	z-index:1; 
	position:absolute; 
	left:0px; 
	top:102px;
}

 /* ===========================================================================
PROFILE BOX
box in the top right corner
-----------------------------------------------------------------------------*/	

.profile-box {
	/*floats the whole profile box to the right side of the header*/
	float:right;

	/* sets the dimensions of the profile box */
	width:235px;
	height:88px;

	/* sets the standard background and text colours */
	color:#505050;
	background-color:#FFFFFF; 
}

.profile-box h1 {

	/*sets the colour of the profile header (name of logged in user */
	color:#505050;
	
	/* sets the background colour */
	background-color:transparent;
	
	/*sets the font size */
	font-size:11px;
	font-weight:normal;	
	
	/*sets a top margin*/
	margin-top:3px;
	margin-bottom:0px;
	float:right;
	margin-right:10px;
}

.profile-box p {
	/* sets the stanard paragraph color and background */
	background-color:transparent;
	
	/* sets the paragraph size*/
	font-size:11px;
	margin-bottom:0px;
	margin-right:10px;
	float:right;
}

.profile-box ul {
	/* shrink the default top margin to 2px */
	margin-top:2px;
	margin-bottom:0px;
	margin-left:58px;
	/* remove the indent from bullet list */
	text-indent: -3.5em;
	
	/* set the font size */
	font-size: 10px;
	
	/* bold the text */
	font-weight:bold;
	
	/* define the line height so the bullets aren't so cluttered */
	line-height:20px;
	_line-height:auto;
	
}
.profile-box a {
	/* sets the color for hyperlinks, mozilla/firefox only */
	color: white;
}

/* sets colors for hyperlinks in profile area */
.profile-box a:link, .profile-box a:visited, .profile-box a:active, {
	color:#505050;
	background-color:transparent;
}

/* sets the hover options for hyperlinks in profile area */
.profile-box a:hover {
	text-decoration:underline;
	color:#549534;
}

/* remove underlines from ins tag, underlines on hyperlinks */
.profile-box ins, .profile-box ins p, .profile-box ins p a, .profile-box ins p a:link, .profile-box ins p a:visited, .profile-box ins p a:active {
	text-decoration:none;
}
.profile-box ins p a:hover {
	text-decoration:underline;
}




/* floats the unordered list of links to the left side */
.profile-box div {
	float:left;
	margin-right:15px;
}





#headerImage {
	/* sets a white border on either side of the middle image in the header */
	border-right:solid 1px white;
	border-left:solid 1px white;
}


/* =================================================================
TABLE STYLING
-----------------------------------------------------------------------*/
.contentTable {
	clear:left;
	font-size:10px;
	width:100%;
	caption-side:top;
}

.contentTable caption {
	font-size:12px;
	color:#3e5165;
	font-weight:bold;
	text-align:left; 
	padding-left:0px;
	
	/* internet explorer for some reason doesn't like margins, so using padding to space out elements */
	padding-top:10px;
	padding-bottom:10px;
}

.contentTable caption .finePrintGrey {
	float:right; 
	font-weight:normal;
}

.contentTable tr.columnNames  {
	background-color:#549534;
	color:#FFFFFF;
	text-align:left;
	white-space:nowrap;
}	

.contentTable tr.columnNames span {
	color:#505050;
	cursor:pointer;
}

.contentTable tr.columnNames a:link, .contentTable tr.columnNames a:visited {
	color:#000000;
}





.contentTable tbody tr {
	color:#3e5165;
	line-height:18px;
}
.contentTable tbody td{
	border-bottom:solid 1px #DBDFE5;
}

.contentTable tbody td img {
	/* float the images to the left in the second content column */
	float:left; 
	
	/* set a right and left margin for the images in the second content column */
	margin:3px; 
	margin-left:9px; 
	margin-right:9px;
}

.contentTable p {
	color:#3e5165;
	margin:0px;
	padding:0px;
}

.contentTable p a:link, .contentTable p a:visited {
	text-decoration:none;
}

/* a list at  the top of the tables that displays
   all of the chosen options from the customized report */
#clientsSelectedOptionsList {
  background-color:#f2f2f2; 
  float: left;
  width: 100%;
  margin: 0;
  margin-top:-5px;
  list-style: none;
  font-size:10px;
}
 
#clientsSelectedOptionsList li {
  float: left;
  width: 175px;
  margin: 0px;
  margin-bottom:5px;
padding:2px;
}

#clientsSelectedOptionsList li span {
	font-weight:bold;
}

/* =================================================================
BOX STYLES - used for encapsulating all of the content
-----------------------------------------------------------------------*/

.box-wrap {
	/* set the screen width to 987px; */
	width: 987px;
	margin:0px; padding:0px;
	/* add a grey border around the document */
	border:solid 1px #959BA6;
	border-left:none;
}

.box-footer {
	/* sets the font size for the footer area */
	font-size:11px;
	color: #505050; 

	/* defines the padding for the footer area */
	
	padding-top:2px;
	
	/* adds a grey border around the footer top and bottom */
	border-top: solid 1px #959BA6;
	
	/* netscape/mozilla compatibility, to allow the footer to rest at the bottom */
	clear:both;

}

#footer-wrapper {
  float: left;
  position: relative;
  width: 100%;

  background: #ffffff
}

#footer {
	font-size:11px;
	color: #505050; 

	/* defines the padding for the footer area */
	border-top: solid 1px #959BA6;
	
	width:987px;
	margin:0px;
	padding:0px;
	padding-top:5px;
	padding-bottom:5px;
		
}

#footer a {
	margin:10px;
}



/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */ 
/*/*/
.box-wrap, .columns-float, .column-one, .column-two, .column-three, h2
	{ position: relative; }
/* */





#header {
	background-color: #FFFFFF;
	height:88px;
	overflow:hidden;
	vertical-align:bottom;
}

#boxBorder {
	width:987px;  /* width of overall doc */
	border-right:solid 1px #959BA6;
	border-bottom:solid 1px #959BA6;
}


/* ---------------- */
.colOdd {
background:#F1F4F7;
}

.colEven {
background:#F7FAFC;
}
			
			
			
			
			
			
			col {
				vertical-align:top;
			}
			
			.capped {
			 color:#FFFFFF;
			 font-variant:small-caps;
			 font-size:11px;
			}
			
			

			/* really really silly fix to get the far right column aligned in firefox since it doesn't support alignment
				on the col tag */
			th + th + th + th + th + th + th, td + td + td + td + td + td + td {
				text-align:right;
			}
			
			tr.ruled {
				background-color:#D8DBD0;
			}