/* This is a work in progress, so please recommend changes.
	The goal is to make a robust style-sheet engine that can be used across several modules. */
	.tabcentera  { background:url(/images/Tabs/tab_cent_a.gif) repeat-x; }
	.tabcenterb   { background:url(/images/Tabs/tab_cent_b.gif) repeat-x; }
	.tb-b-or  { border-style:solid; border-width:0px 0px 1px 0px; border-color:#010167; }
	
	
	.tab-level1-on { background:#FFFFFF; border-top:1px solid #495481; }
		.tab-level1-on A:link { color:#213665; }
		.tab-level1-on A:active { color:#213665; }
		.tab-level1-on A:visited { color:#213665; }
		.tab-level1-on A:hover { color:#495481; text-decoration:none; }
	.tab-level1-off { background:#475C8B; border-top:1px solid #495481; border-bottom:1px solid #495481; }
		.tab-level1-off A:link { color:#ffffff; }
		.tab-level1-off A:active { color:#ffffff; }
		.tab-level1-off A:visited { color:#ffffff; }
		.tab-level1-off A:hover { color:#ffffff; text-decoration:none; }
	
	.tab-level2-on { background:#FFFFFF; border-top:1px solid #495481; }
		.tab-level2-on A:link { color:#213665; }
		.tab-level2-on A:active { color:#213665; }
		.tab-level2-on A:visited { color:#213665; }
		.tab-level2-on A:hover { color:#213665; text-decoration:none; }
	.tab-level2-off { background:#687594; border-top:1px solid #495481; border-bottom:1px solid #495481; }
		.tab-level2-off A:link { color:#ffffff; }
		.tab-level2-off A:active { color:#ffffff; }
		.tab-level2-off A:visited { color:#ffffff; }
		.tab-level2-off A:hover { color:#ffffff; text-decoration:none; }
	
	.tab-level3-on { background:#FFFFFF; border-top:1px solid #495481; }
		.tab-level3-on A:link { color:#213665; }
		.tab-level3-on A:active { color:#213665; }
		.tab-level3-on A:visited { color:#213665; }
		.tab-level3-on A:hover { color:#213665; text-decoration:none; }
	.tab-level3-off { background:#9da6bb; border-top:1px solid #495481; border-bottom:1px solid #495481; }
		.tab-level3-off A:link { color:#ffffff; }
		.tab-level3-off A:active { color:#ffffff; }
		.tab-level3-off A:visited { color:#ffffff; }
		.tab-level3-off A:hover { color:#ffffff; text-decoration:none; }
	
	.tb-b-or  { border-style:solid; border-width:0px 0px 1px 0px; border-color:#495481;  }
	

	.Ebox-top-active, .Ebox-top-done { text-align:center; border-left:2px solid #192B56; border-right:2px solid #192B56; border-top:2px solid #192B56; background:#FFFFFF; vertical-align:top; text-align:center; font-size:10px; }
	.Ebox-top-pending { text-align:center; border-left:2px solid #192B56; border-right:2px solid #192B56; border-top:2px solid #192B56; background:#F0F0F0; vertical-align:top; text-align:center; font-size:10px; }
	
	.Ebox-middle-active, .Ebox-middle-done { text-align:center; border-left:2px solid #192B56; border-right:2px solid #192B56; background:#FFFFFF; vertical-align:top; text-align:center; font-size:10px; }
	.Ebox-middle-pending { text-align:center; border-left:2px solid #192B56; border-right:2px solid #192B56; background:#F0F0F0; vertical-align:top; text-align:center; font-size:10px; }
	
	.Ebox-bottom-active, .Ebox-bottom-done { text-align:center; border-left:2px solid #192B56; border-right:2px solid #192B56; border-bottom:2px solid #192B56; background:#FFFFFF; vertical-align:top; text-align:center; font-size:10px; }
	.Ebox-bottom-pending { text-align:center; border-left:2px solid #192B56; border-right:2px solid #192B56; border-bottom:2px solid #192B56; background:#F0F0F0; vertical-align:top; text-align:center; font-size:10px; }
	
	
	
/*________________________________________________________________*/
/*_____________________________ BODY _____________________________*/
/*________________________________________________________________*/
	
	
	
	/* OVERALL FORMATTING */
	/*	-- overall font information
		-- the background color of the website (outside the area that contains the site itself) */
	body { font-family:Verdana, Geneva; font-size:13px; background:#ffffff; background: url(/images/participant/header/body-bg.gif) repeat-x top;}
	/* NOTE: This is where you control the backdrop of the site itself
		along with whether or not the page is left-aligned or centered
		in the browser window (text-align). */
	/*	-- all standard links accross the entire site */
	A { font-size:13px; text-decoration:none; }
		A A:link { font-size:13px; }
		A A:active { font-size:13px; }
		A A:visited { font-size:13px; }
		A A:hover { font-size:13px; text-decoration:underline; }
	/*	-- all standard paragraphs accross the entire site */
	
	/*	-- all table cells accross the entire site */
	TD { font-family:Verdana, Geneva; font-size:13px; text-align:left; }
	/* NOTE: We have had mixed results with implementing standard TD styles into tables
		because of a heavy realiance on specific styles that are already defined,
		such as: row, hiddenRow, labelCol, etc. */
	.SiteBorder { border:solid #000000 2px; }
	.ContentBorder { border-bottom:solid #000000 1px; border-top:solid #000000 1px; }
	.LoginBorder { border:solid #00155A 1px; }
	.windowBorder0 { border:0px solid #B5B4B4; }
	.windowBorder1 { border:1px solid #B5B4B4; }
	
	
		
	A.actionLinks { font-size:13px; font-weight:bold; text-decoration: none; color:#000000; margin-top:4px; margin-bottom:4px;}
		A.actionLinks:link { font-size:13px; font-weight:bold; color: #000000; }
		A.actionLinks:active { font-size:13px; font-weight:bold; color: #000000; }
		A.actionLinks:visited { font-size:13px; font-weight:bold; color: #000000; }
		A.actionLinks:hover { font-size:13px; font-weight:bold; text-decoration:underline; color:#000000; }
		
	A.actionLinksSmall { font-size:10px; font-weight:bold; text-decoration:underline; color:#69799f; margin-top:4px; margin-bottom:4px;}
		A.actionLinksSmall:link { font-size:10px; font-weight:bold; text-decoration:underline; color: #69799f; }
		A.actionLinksSmall:active { font-size:10px; font-weight:bold; text-decoration:underline; color: #69799f; }
		A.actionLinksSmall:visited { font-size:10px; font-weight:bold; text-decoration:underline; color: #69799f; }
		A.actionLinksSmall:hover { font-size:10px; font-weight:bold; text-decoration:none; color:#69799f; }
		
	A.actionLinksLarge { font-size:13px; font-weight:bold; text-decoration:underline; color:#69799f; margin-top:4px; margin-bottom:4px;}
		A.actionLinksLarge:link { font-size:13px; font-weight:bold; text-decoration:underline; color: #69799f; }
		A.actionLinksLarge:active { font-size:13px; font-weight:bold; text-decoration:underline; color: #69799f; }
		A.actionLinksLarge:visited { font-size:13px; font-weight:bold; text-decoration:underline; color: #69799f; }
		A.actionLinksLarge:hover { font-size:13px; font-weight:bold; text-decoration:none; color:#69799f; }
		
	.assessmentsHeader { font-family:Arial; font-size:13px; font-weight:bold; text-decoration: none; color:#000000;}
	.assessmentsText { font-family:Arial; font-size:10px; color:#000000;}
	
	.itemText { font-family:Arial; font-size:13px; font-weight:bold; color:#213565; }
	
	.sectionTitle { font-family:Arial; font-size:15px; font-weight:bold; text-decoration: none; color:#1E3062;}
	.sectionTitleInactive { font-family:Arial; font-size:15px; font-weight:bold; text-decoration: none; color:#A6A6A6;}
	
	/* TITLES */
	/*	-- This will be used for all page titles across the entire site */
	.title { font-size:medium; font-weight:bold; color:#1D3161; vertical-align:middle; }
	.subHeader { font-family:Arial; font-size:13px; font-weight:bold; color:#1D3161; }
	
	tr.subHeader-white { font-family:Arial; font-size:13px; vertical-align:top; font-weight:bold; color:#ffffff; }
		tr.subHeader-white td	{ font-family:Arial; font-size:13px; font-weight:bold; color:#ffffff; }
		tr.subHeader-white a:link {  }
		tr.subHeader-white a:active {  }
		tr.subHeader-white a:visited {  }
		tr.subHeader-white a:hover { text-decoration:underline; }

	tr.subHeader-black { font-family:Arial; font-size:13px; vertical-align:top; font-weight:bold; color:#000000; }
		tr.subHeader-black td	{ font-family:Arial; font-size:13px; font-weight:bold; color:#000000; }
		tr.subHeader-black a:link {  }
		tr.subHeader-black a:active {  }
		tr.subHeader-black a:visited {  }
		tr.subHeader-black a:hover { text-decoration:underline; }

	tr.subHeader-black-grey { font-family:Arial; font-size:13px; vertical-align:top; font-weight:bold; color:#000000; background-color:#d2d2d2; }
		tr.subHeader-black-grey td	{ font-family:Arial; font-size:13px; font-weight:bold; color:#000000; background-color:#d2d2d2; }
		tr.subHeader-black-grey a:link {  }
		tr.subHeader-black-grey a:active {  }
		tr.subHeader-black-grey a:visited {  }
		tr.subHeader-black-grey a:hover { text-decoration:underline; }
	
	P, .introText { font-size:13px; color:#000000; vertical-align:middle; }
	
	/*	-- This will be used for all small titles and all table headings across the entire site */
	.subTitle { font-size:15px; font-weight:bold; color:#213665; text-decoration:none; }
		.subTitle A:link { font-style:normal; font-weight:normal; }
		.subTitle A:active { font-style:normal; font-weight:normal; }
		.subTitle A:visited { font-style:normal; font-weight:normal; }
		.subTitle A:hover { font-style:normal; font-weight:normal; text-decoration:underline; }
		
	.copyrightText { font-family:Verdana, Geneva; font-size:10px; color:#A0AAC1; margin-top:4px }
	
	.headerLinks { font-size:13px; text-decoration: none; color:#ffffff; margin-top:4px; margin-bottom:4px;}
		.headerLinks A:link { font-size:13px; color: #ffffff; }
		.headerLinks A:active { font-size:13px; color: #ffffff; }
		.headerLinks A:visited { font-size:13px; color: #ffffff; }
		.headerLinks A:hover { font-size:13px; text-decoration:underline; color:#ffffff; }
	
	
/*________________________________________________________________*/




/*________________________________________________________________*/
/*____________________________ TABLES ____________________________*/
/*________________________________________________________________*/
	
	
	
	/* OVERALL FORMATTING */
	/* TABLE { background:#ffffff; } */
	
	.tableGrid { background:#ffffff; }
	.tableBorder { border:solid #777777 1px; background:#ffffff;}
	
	
	/* HEADERS */
	/*	-- all table headers across the entire site */
	TR.Header { font-size:13px; font-weight:bold; background:#213665; color:#ffffff; }
		TR.Header TD { font-size:13px; font-weight:bold; background:#213665; color:#ffffff; }
		TR.Header A:link { color:#ffffff; }
		TR.Header A:active { color:#ffffff; }
		TR.Header A:visited { color:#ffffff; }
		TR.Header A:hover { color:#dddddd; }
	
	TR.topMenu { font-size:13px; color:#F5FBF9; font-weight:normal; }
		TR.topMenu A:link { font-size:13px; color:#F5FBF9; }
		TR.topMenu A:active { font-size:13px; color:#F5FBF9; }
		TR.topMenu A:visited { font-size:13px; color:#F5FBF9; }
		TR.topMenu A:hover { font-size:13px; color:#F5FBF9; }
		
	TR.quickSearchRow TD { font-size:10px; color:#213665; }
		TR.quickSearchRow INPUT { font-size:10px; border:1px solid #73D4BA; width:75 px;}
		TR.quickSearchRow A:link { font-size:10px; color:#BB6D90; }
		TR.quickSearchRow A:active { font-size:10px; color:#BB6D90; }
		TR.quickSearchRow A:visited { font-size:10px; color:#BB6D90; }
		TR.quickSearchRow A:hover { font-size:10px; color:#BB6D90; }
	
	/* ROWS */
	/*	-- all table Rows that require no alternating row colors */
	TR.row { font-size:13px; vertical-align:top; background:#ffffff; text-decoration:none; text-align:left; }
		TR.row TD	{ font-size:13px; vertical-align:top; background:#ffffff; text-decoration:none; margin:2px; }
		TR.row A:link {  }
		TR.row A:active {  }
		TR.row A:visited {  }
		TR.row A:hover { text-decoration:underline; }
		
	/*	-- all table Rows that require alternating row colors */
	TR.row1 { font-size:13px; vertical-align:top; background:#ffffff; text-decoration:none; text-align:left; }
		TR.row1 TD	{ font-size:13px; vertical-align:top; background:#ffffff; text-decoration:none; border-top:1px solid #d3d3d3; margin:2px; }
		TR.row1 A:link {  }
		TR.row1 A:active {  }
		TR.row1 A:visited {  }
		TR.row1 A:hover { text-decoration:underline; }
		
	TR.row0	{ font-size:13px; vertical-align:top; background:#ffffff; text-decoration:none; text-align:left; }
		TR.row0 TD	{ font-size:13px; vertical-align:top; background:#ffffff; text-decoration:none; border-top:1px solid #d3d3d3; margin:2px;}
		TR.row0 A:link {  }
		TR.row0 A:active {  }
		TR.row0 A:visited {  }
		TR.row0 A:hover { text-decoration:underline; }
	/*	-- all table Rows containing "hidden" data that require alternating row colors */
	TR.hiddenRow1 { font-size:13px; vertical-align:top; background:#ffc4c4; text-decoration:none; text-align:left; }
		TR.hiddenRow1 TD { font-size:13px; vertical-align:top; background:#ffc4c4; text-decoration:none; border-top:1px solid #d3d3d3; }
		TR.hiddenRow1 A:link {  }
		TR.hiddenRow1 A:active {  }
		TR.hiddenRow1 A:visited {  }
		TR.hiddenRow1 A:hover { text-decoration: underline; }
		
	TR.hiddenRow0 { font-size:13px; vertical-align:top; background:#ffeaea; text-decoration:none; text-align:left; }
		TR.hiddenRow0 TD { font-size:13px; vertical-align:top; background:#ffeaea; text-decoration:none; border-top:1px solid #d3d3d3; }
		TR.hiddenRow0 A:link {  }
		TR.hiddenRow0 A:active {  }
		TR.hiddenRow0 A:visited {  }
		TR.hiddenRow0 A:hover { text-decoration:underline; }
		
	/*	-- all table Rows that are currently highlited */
	TR.HighliteRow1 { font-size:13px; vertical-align:top; background:#F7EADE; }
		TR.HighliteRow1	TD { font-size:13px; vertical-align:top; background:#F7EADE; border-top:1px solid #d3d3d3; }
		TR.HighliteRow1 A:link {  }
		TR.HighliteRow1 A:active {  }
		TR.HighliteRow1 A:visited {  }
		TR.HighliteRow1 A:hover { text-decoration:underline; }
		
	TR.HighliteRow0	{ font-size:13px; vertical-align:top; background:#F7EADE; }
		TR.HighliteRow0 TD	{ font-size:13px; vertical-align:top; background:#F7EADE; border-top:1px solid #d3d3d3; }
		TR.HighliteRow0 A:link {  }
		TR.HighliteRow0 A:active {  }
		TR.HighliteRow0 A:visited {  }
		TR.HighliteRow0 A:hover { text-decoration:underline; }
		
	TR.companyRow { font-size:13px; font-weight:bold; background:#475C8B; color:#000000; }
	TR.companyRow TD { font-size:13px; font-weight:bold; background:#475C8B; color:#000000; border-top:1px solid black; }
		TR.companyRow A:link { color:#000000; }
		TR.companyRow A:active { color:#000000; }
		TR.companyRow A:visited { color:#000000; }
		TR.companyRow A:hover { color:#000000; }
		
	TR.clientRow { font-size:13px; font-weight:bold; background:#baa0d4; color:#000000; }
	TR.clientRow TD { font-size:13px; font-weight:bold; background:#baa0d4; color:#000000; border-top:1px solid black; }
		TR.clientRow A:link { color:#000000; }
		TR.clientRow A:active { color:#000000; }
		TR.clientRow A:visited { color:#000000; }
		TR.clientRow A:hover { color:#000000; }
		
	TD.clientTD { font-size:13px; font-weight:bold; background:#e0e0e0; color:#000000; border-top:1px solid black; }
	
	
	/* CELLS */
	/*	-- all links inside table rows or at the top of a table */
	A.smallLinks { font-size:10px; }
		A.smallLinks A:link { font-size:10px; }
		A.smallLinks A:active { font-size:10px; }
		A.smallLinks A:visited { font-size:10px; }
		A.smallLinks A:hover { font-size:10px; text-decoration:underline; }
	/*	-- all small text inside table rows or at the top of a table */
	.smallText { font-size:10px; text-decoration:none; }
		.smallText A:link { font-size:10px; }
		.smallText A:active { font-size:10px; }
		.smallText A:visited { font-size:10px; }
		.smallText A:hover { font-size:10px; text-decoration:underline; }
	/*  NOTE: Making the font size for this and the smallText the same yields ideal results */
	
	
	
/*________________________________________________________________*/




/*________________________________________________________________*/
/*____________________________ FORMS _____________________________*/
/*________________________________________________________________*/
	
	
	
	/* OVERALL FORMATTING */
	/* -- all forms use the same background and border */
	.formBorder	{ background-color:#eeeeee; border:1px solid #999999; }
	
	
	
	/* USER INPUT */
	/*  -- all text relating to required input */
	.required { font-size:10px; color:#ff0000; }
	.emailGood { font-size:10px; color:#339900; }
	.emailBad { font-size:10px; color:#ff0000; }
	/* NOTE: This is very useful on forms for letting the user know that a field is required:
		The following text goes at the top of the form: "* denotes required field"
		Then input fields that are required have a asterisk character attached to them */
	/*	-- all labels requesting user input on a form */
	TD.labelCol { font-size:13px; vertical-align:top; font-weight:bold; text-align:right; color:#000000; }
	/*	-- all cells used for user input on a form */
	TD.valueCol { vertical-align:top; }
		TD.valueCol A:link {  }
		TD.valueCol A:active {  }
		TD.valueCol A:visited {  }
		TD.valueCol A:hover { text-decoration:underline; }
	/*	-- all cells used to guide the user input on a form */
	TD.helpCol { font-size:10px; vertical-align:top; color:#00155A; text-align:right;}
	/* NOTE: the way this works is:
		either 2 columns ( labelCol | valueCol )
		or 3 columns ( labelCol | valueCol | helpCol ) */
	
	
	
	/* ACTIONS
	 OPTIONAL -- all buttons use the same style */
	a.buttonLink { font-size:10px; font-weight:bold; text-decoration:none; color:#f0f0f0; background:url('/images/participant/button-bg.gif') repeat-x scroll 0 0 transparent; padding:5px 0px; height:14px; _padding:1px 0px; }
		a.buttonLink:link { font-size:10px; font-weight:bold; text-decoration:none; color: #f0f0f0; background:url('/images/participant/button-bg.gif') repeat-x scroll 0 0 transparent; padding:5px 0px; height:14px; _padding:1px 0px; }
		a.buttonLink:active { font-size:10px; font-weight:bold; text-decoration:none; color: #f0f0f0; background:url('/images/participant/button-bg.gif') repeat-x scroll 0 0 transparent; padding:5px 0px; height:14px; _padding:1px 0px; }
		a.buttonLink:visited { font-size:10px; font-weight:bold; text-decoration:none; color: #f0f0f0; background:url('/images/participant/button-bg.gif') repeat-x scroll 0 0 transparent; padding:5px 0px; height:14px; _padding:1px 0px; }
		a.buttonLink:hover { font-size:10px; font-weight:bold; text-decoration:none; color:#f0f0f0; background:url('/images/participant/button-bg.gif') repeat-x scroll 0 0 transparent; padding:5px 0px;  height:14px; _padding:1px 0px; }
	
	.button
		{
			
			background:#3b3b3b; color:#ffffff;
			border-top-color:#bfbfbf; border-right-color:#b0b0b0;
			border-left-color:#9a9a9a; border-bottom-color:#484848;
			background:url('/images/participant/button-bg.gif');
		}
	
	.loginTitle { font-size:medium; font-weight:bold; color:#B61D22; }
	
	.loginLabel { font-size:13px; font-weight:bold; color:#000000; }
	
	.loginText { font-size:10px; color:#000000; }
		.loginText A:link { font-size:10px; }
		.loginText A:active { font-size:10px; }
		.loginText A:visited { font-size:10px; }
		.loginText A:hover { font-size:10px; }
	
	.loginInput { font-size:13px; width:180px; }
	
/*________________________________________________________________*/



 h3	{ font-size:medium; 
 	font-weight:bold;
	color:#1D3161;
}

 h4 { font-family:Verdana,Geneva;
	font-size:13px;
	font-weight:bold;
	color:#1D3161;
	padding-top:2px;
	margin-top:2px;
}

 h5 { font-family:Verdana,Geneva;
 	font-size:10px;
	font-weight:bold;
	color:#ffffff;
	float:left;
	margin-bottom:2px;
}






/*________________________________________________________________*/
/*____________________________ JAWS _____________________________*/
/*________________________________________________________________*/

	.skip { display:none; font-family:verdana, sans-serif; text-align:left; margin:0; padding:0; position:absolute } /*All incl Opera*/
	/* * html */ .skip { display:block } /*Seen by IE*/
	:root .skip { display:block } /*Seen by Moz, FF and Safari*/
	.skip a { padding:0 0.5em; display:inline; z-index:2; text-decoration:none; position:absolute; width:14em; left:-200em; }
	.skip a:focus, .skip a:active { position:absolute; left:0.5em; border:solid #333 2px; color:#fff; background:#555; }
	.skip a:hover { cursor:default }
	
/*________________________________________________________________*/