/* 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. */

/*________________________________________________________________*/
/*_____________________________ BODY _____________________________*/
/*________________________________________________________________*/
	
	
	#newsBox { width:100%; background:#eeeeee; border: 1px dotted #555555; padding:5px; }
	
	hr { color: #1D3161; height: 1px; }
	
	/* OVERALL FORMATTING */
	/*	-- overall font information
		-- the background color of the website (outside the area that contains the site itself) */
	body { font-family:Arial, Geneva; font-size:10px; background:#ffffff; text-align:left; color:#000000; margin:9px; }
	/* 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 paragraphs accross the entire site */
	p {	font-size:12px; line-height:18px;}
	/*	-- all table cells accross the entire site */
	td { font-size:12px; line-height:18px;  }
	/* 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; }
	
	
	/* TITLES */
	/*	-- This will be used for all page titles across the entire site */
	H1, .title { font-size:24px; font-weight:bold; color: #000080; line-height: 26px; }
	.title-red { font-size:20px; font-weight:bold; color:#C33F30; line-height: 22px; }
	.title-gr { font-size:20px; font-weight:bold; color:#999999; letter-spacing:-1px; }
	/*	-- This will be used for all small titles and all table headings across the entire site */
	H2, .subTitle { font-size:16px; font-weight:bold; color: #000080; }
		H2 A:link, .subTitle A:link { font-style:normal; font-weight:normal; color: #000080; }
		H2 A:active, .subTitle A:active { font-style:normal; font-weight:normal; color: #000080; }
		H2 A:visited, .subTitle A:visited { font-style:normal; font-weight:normal; color: #000080; }
		H2 A:hover, .subTitle A:hover { font-style:normal; font-weight:normal; text-decoration:underline; color: #000080; }
		
	.sideBarTitle { font-size:14px; font-family: Verdana; color: #000080; font-weight:bold; letter-spacing:-1px; }
	
	a.sideBarLink { font-size:11px; font-family: Verdana; color:#C33F30; font-weight:bold; text-decoration:none; letter-spacing:-1px; line-height:15px; }
		a.sideBarLink:link { font-size:11px; font-family: Verdana; color:#C33F30; font-weight:bold; text-decoration:none; letter-spacing:-1px; line-height:15px; }
		a.sideBarLink:active { font-size:11px; font-family: Verdana; color:#C33F30; font-weight:bold; text-decoration:none; letter-spacing:-1px; line-height:15px; }
		a.sideBarLink:visited { font-size:11px; font-family: Verdana; color:#C33F30; font-weight:bold; text-decoration:none; letter-spacing:-1px; line-height:15px; }
		a.sideBarLink:hover { font-size:11px; font-family: Verdana; color:#C33F30; font-weight:bold; text-decoration:none; letter-spacing:-1px; line-height:15px; }

	
	.smallSideBarLink { font-size:9px; font-family: Verdana; color:#1D3161; font-weight:none; text-decoration:none; letter-spacing:-1px; margin-left:13px;}
		a.smallSideBarLink:link { font-size:9px; font-family: Verdana; color:#1D3161; font-weight:none; text-decoration:none; letter-spacing:-1px; }
		a.smallSideBarLink:active { font-size:9px; font-family: Verdana; color:#1D3161; font-weight:none; text-decoration:none; letter-spacing:-1px; }
		a.smallSideBarLink:visited { font-size:9px; font-family: Verdana; color:#1D3161; font-weight:none; text-decoration:none; letter-spacing:-1px; }
		a.smallSideBarLink:hover { font-size:9px; font-family: Verdana; color:#1D3161; font-weight:none; text-decoration:underline; letter-spacing:-1px; }
		
		
	.menuItem { letter-spacing:-1px; }
	
	.headerQuote { font-size:10px; line-height:11px; font-family:Verdana; color:#666666; letter-spacing:-1px; }
	.headerSignature { font-size:10px; line-height:11px; font-family:Verdana; font-style:italic; color:#666666; letter-spacing:-1px; }

	.freeTrial { letter-spacing:-1px; }
	.news { color:#0000ff; }
	.productName { font-weight:bold; }
	
	a.newslink { font-size:12px; color:#000080; text-decoration:none;}
		a.newslink:link { font-size:12px; color:#000080; text-decoration:none;}
		a.newslink:active { font-size:12px; color:#000080; text-decoration:none;}
		a.newslink:visited { font-size:12px; color:#000080; text-decoration:none;}
		a.newslink:hover { font-size:12px; color:#000080; text-decoration:underline;}
	
	
	
/*________________________________________________________________*/




/*________________________________________________________________*/
/*____________________________ TABLES ____________________________*/
/*________________________________________________________________*/
	
	
	
	/* OVERALL FORMATTING */
	.tableGrid { background:#ffffff; }
	.tableBorder { border:solid #777777 1px; }
	
	
	/* HEADERS */
	/*	-- all table headers across the entire site */
	TR.Header { font-size:12px; font-weight:bold; background:#505082; color:#ffffff; }
		TR.Header TD { font-size:12px; font-weight:bold; background:#505082; 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.Header-gr { font-size:12px; font-weight:bold; background:#E2E2E2; color:#000000; }
		TR.Header-gr TD { font-size:12px; font-weight:bold; background:#E2E2E2; color:#000000; }
		TR.Header-gr A:link { color:#000000; }
		TR.Header-gr A:active { color:#000000; }
		TR.Header-gr A:visited { color:#000000; }
		TR.Header-gr A:hover { color:#222222; }
	
	TR.Header-light { font-size:12px; font-weight:bold; background:#DF828C; color:#ffffff; }
		TR.Header-light TD { font-size:12px; font-weight:bold; background:#DF828C; color:#ffffff; }
		TR.Header-light A:link { color:#ffffff; }
		TR.Header-light A:active { color:#ffffff; }
		TR.Header-light A:visited { color:#ffffff; }
		TR.Header-light A:hover { color:#dddddd; }
	
	TR.topMenu { font-size:11px; color:#001759; font-weight:none;}
		TR.topMenu A:link { font-size:11px; color:#001759; }
		TR.topMenu A:active { font-size:11px; color:#001759; }
		TR.topMenu A:visited { font-size:11px; color:#001759; }
		TR.topMenu A:hover { font-size:11px; color:#001759; }
		
	TR.quickSearchRow TD { font-size:10px; color:#424F7C; }
		TR.quickSearchRow INPUT { font-size:10px; border:1px solid #FACEA8; width:75 px;}
		TR.quickSearchRow A:link { font-size:10px; color:#B2643B; }
		TR.quickSearchRow A:active { font-size:10px; color:#B2643B; }
		TR.quickSearchRow A:visited { font-size:10px; color:#B2643B; }
		TR.quickSearchRow A:hover { font-size:10px; color:#B2643B; }
	
	/* ROWS */
	/*	-- all table Rows that require no alternating row colors */
	TR.row { font-size:11px; vertical-align:top; background:#ffffff; text-decoration:none; }
		TR.row TD	{ font-size:11px; vertical-align:top; background:#ffffff; text-decoration:none; border-top:1px solid #d3d3d3; 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:11px; vertical-align:top; background:#ffffff; text-decoration:none; }
		TR.row1 TD	{ font-size:11px; 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:11px; vertical-align:top; background:#ffffff; text-decoration:none; }
		TR.row0 TD	{ font-size:11px; 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:11px; vertical-align:top; background:#ffc4c4; text-decoration:none; }
		TR.hiddenRow1 TD { font-size:11px; 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:11px; vertical-align:top; background:#ffeaea; text-decoration:none; }
		TR.hiddenRow0 TD { font-size:11px; 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:11px; vertical-align:top; background:#F6F5C6; }
		TR.HighliteRow1	TD { font-size:11px; vertical-align:top; background:#F6F5C6; 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:11px; vertical-align:top; background:#F6F5C6; }
		TR.HighliteRow0 TD	{ font-size:11px; vertical-align:top; background:#F6F5C6; 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:12px; font-weight:bold; background:#A0ACCF; color:#000000; }
	TR.companyRow TD { font-size:12px; font-weight:bold; background:#A0ACCF; 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:12px; font-weight:bold; background:#CED7F1; color:#000000; }
	TR.clientRow TD { font-size:12px; font-weight:bold; background:#CED7F1; 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; }
	
	
	/* CELLS */
	A { font-size:12px; text-decoration:underline; color:#1D3161;}
		A:link { font-size:12px; text-decoration:underline; color:#1D3161;}
		A:active { font-size:12px; text-decoration:underline; color:#1D3161;}
		A:visited { font-size:12px; text-decoration:underline; color:#1D3161;}
		A:hover { font-size:12px; text-decoration:underline; color:#1D3161;}
	/*	-- all links inside table rows or at the top of a table */
	A.smallLinks { font-size:10px; }
		A.smallLinks:link { font-size:10px; }
		A.smallLinks:active { font-size:10px; }
		A.smallLinks:visited { font-size:10px; }
		A.smallLinks:hover { font-size:10px; text-decoration:underline; }
		
	A.bottomNavLinks { font-size:10px; text-decoration:none; color:#666666;}
		A.bottomNavLinks:link { font-size:10px; text-decoration:none; color:#666666; }
		A.bottomNavLinks:active { font-size:10px; text-decoration:none; color:#666666; }
		A.bottomNavLinks:visited { font-size:10px; text-decoration:none; color:#666666; }
		A.bottomNavLinks:hover { font-size:10px; text-decoration:underline; color:#1D3161; }


	/*	-- 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 */
	
	.tinyText { font-family:Verdana; font-size:9px; color:#000066; text-decoration: none; }
		.tinyText A:link { font-family:Verdana; font-size:9px; color:#000066; text-decoration: none; }
		.tinyText A:active { font-family:Verdana; font-size:9px; color:#000066; text-decoration: none; }
		.tinyText A:visited { font-family:Verdana; font-size:9px; color:#000066; text-decoration: none; }
		.tinyText A:hover { font-family:Verdana; font-size:9px; color:#000066; text-decoration: none; }
		
	A.tinyLink { font-family:Verdana; font-size:9px; color:#000066; text-decoration: none; }
		A.smallLinks:link { font-family:Verdana; font-size:9px; color:#000066; text-decoration: none; }
		A.smallLinks:active { font-family:Verdana; font-size:9px; color:#000066; text-decoration: none; }
		A.smallLinks:visited { font-family:Verdana; font-size:9px; color:#000066; text-decoration: none; }
		A.smallLinks:hover { font-family:Verdana; font-size:9px; color:#000066; text-decoration: none; }	
	
/*________________________________________________________________*/




/*________________________________________________________________*/
/*____________________________ 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; }
	/* 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:12px; 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:9px; 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 */
	.button
		{
			background:#d6d3ce; color:#000000;
			border-top-color:#ffffff; border-right-color:#848284;
			border-left-color:#ffffff; border-bottom-color:#848284;
		}
	
	
	
	
	
	.topMenuBG { background-color:#001C5A; font-size:11px; color:#ffffff; font-weight:bold; }
	
	A.topMenuLink-on { font-size:10px; color:#F79238; font-weight:bold; text-decoration:none; }
		A.topMenuLink-on:link { font-size:10px; color:#F79238; font-weight:bold; text-decoration:none; }
		A.topMenuLink-on:active { font-size:10px; color:#F79238; font-weight:bold; text-decoration:none; }
		A.topMenuLink-on:visited { font-size:10px; color:#F79238; font-weight:bold; text-decoration:none; }
		A.topMenuLink-on:hover { font-size:10px; color:#F79238; font-weight:bold; text-decoration:none; }
	
	A.topMenuLink-off { font-size:10px; color:#ffffff; font-weight:bold; text-decoration:none; }
		A.topMenuLink-off:link { font-size:10px; color:#ffffff; font-weight:bold; text-decoration:none; }
		A.topMenuLink-off:active { font-size:10px; color:#ffffff; font-weight:bold; text-decoration:none; }
		A.topMenuLink-off:visited { font-size:10px; color:#ffffff; font-weight:bold; text-decoration:none; }
		A.topMenuLink-off:hover { font-size:10px; color:#ffffff; font-weight:bold; text-decoration:none; }
	
	.copyBG { background-color:#ffffff; font-size:10px; color:#000000; }
	
	A.copyLinks { font-size:10px; color:#5C5C8A; font-weight:bold; text-decoration:none; }
		A.copyLinks:link { font-size:10px; color:#5C5C8A; font-weight:bold; text-decoration:none; }
		A.copyLinks:active { font-size:10px; color:#5C5C8A; font-weight:bold; text-decoration:none; }
		A.copyLinks:visited { font-size:10px; color:#5C5C8A; font-weight:bold; text-decoration:none; }
		A.copyLinks:hover { font-size:10px; color:#5C5C8A; font-weight:bold; text-decoration:none; }
	
	
	
	
	
	
	
	
	
	
	
	A.headerLinks { font-size:10px; color:#000000; font-weight:bold; text-decoration:none; }
		A.headerLinks:link { font-size:10px; color:#000000; font-weight:bold; text-decoration:none; }
		A.headerLinks:active { font-size:10px; color:#000000; font-weight:bold; text-decoration:none; }
		A.headerLinks:visited { font-size:10px; color:#000000; font-weight:bold; text-decoration:none; }
		A.headerLinks:hover { font-size:10px; color:#000000; font-weight:bold; text-decoration:none; }
	
	A.tabLinks-on { font-size:10px; color:#505082; font-weight:bold; text-decoration:none; }
		A.tabLinks-on:link { font-size:10px; color:#505082; font-weight:bold; text-decoration:none; }
		A.tabLinks-on:active { font-size:10px; color:#505082; font-weight:bold; text-decoration:none; }
		A.tabLinks-on:visited { font-size:10px; color:#505082; font-weight:bold; text-decoration:none; }
		A.tabLinks-on:hover { font-size:10px; color:#505082; font-weight:bold; text-decoration:none; }
	
	A.tabLinks-off { font-size:10px; color:#ffffff; font-weight:bold; text-decoration:none; }
		A.tabLinks-off:link { font-size:10px; color:#ffffff; font-weight:bold; text-decoration:none; }
		A.tabLinks-off:active { font-size:10px; color:#ffffff; font-weight:bold; text-decoration:none; }
		A.tabLinks-off:visited { font-size:10px; color:#ffffff; font-weight:bold; text-decoration:none; }
		A.tabLinks-off:hover { font-size:10px; color:#ffffff; font-weight:bold; text-decoration:none; }
	
	A.sectionLinks { font-size:10px; color:#505082; text-decoration:none; }
		A.sectionLinks:link { font-size:10px; color:#505082; text-decoration:none; }
		A.sectionLinks:active { font-size:10px; color:#505082; text-decoration:none; }
		A.sectionLinks:visited { font-size:10px; color:#505082; text-decoration:none; }
		A.sectionLinks:hover { font-size:10px; color:#505082; text-decoration:none; }
	
	A.sideLinks { font-size:10px; color:#505082; font-weight:bold; text-decoration:none; }
		A.sideLinks:link { font-size:10px; color:#505082; font-weight:bold; text-decoration:none; }
		A.sideLinks:active { font-size:10px; color:#505082; font-weight:bold; text-decoration:none; }
		A.sideLinks:visited { font-size:10px; color:#505082; font-weight:bold; text-decoration:none; }
		A.sideLinks:hover { font-size:10px; color:#505082; font-weight:bold; text-decoration:none; }
	
	A.assessmentLinks { font-size:10px; color:#000000; font-weight:bold; text-decoration:none; }
		A.assessmentLinks:link { font-size:10px; color:#000000; font-weight:bold; text-decoration:none; }
		A.assessmentLinks:active { font-size:10px; color:#000000; font-weight:bold; text-decoration:none; }
		A.assessmentLinks:visited { font-size:10px; color:#000000; font-weight:bold; text-decoration:none; }
		A.assessmentLinks:hover { font-size:10px; color:#000000; font-weight:bold; text-decoration:none; }
	
	.actionLinks { font-size:11px; text-decoration: none; color:#505082; margin-top:4px; margin-bottom:4px; }
		.actionLinks A:link { font-size:11px; color: #505082; }
		.actionLinks A:active { font-size:11px; color: #505082; }
		.actionLinks A:visited { font-size:11px; color: #505082; }
		.actionLinks A:hover { font-size:11px; text-decoration:underline; color:#505082; }
	
	.headerSeperator { font-size:11px; color:#000000; margin-left:5px; margin-right:5px; }
	.tabBG-on { background:url(/images/tabs/middle-on.gif) repeat-x; text-align:center; }
	.tabBG-off { background:url(/images/tabs/middle-off.gif) repeat-x; text-align:center; }
	.sectionSeperator { font-size:11px; color:#505082; margin-left:5px; margin-right:5px; }
	.sideBG { background-color:#666666; font-size:11px; color:#ffffff; font-weight:bold; }
	
	
	.loginTitle { font-size:16px; font-weight:bold; color:#505082; }
	
	.loginLabel { font-size:11px; 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; }
	
	
	
	A.newsHeadlineLink { font-size:14px; color:#F79238; font-weight:bold; }
		A.newsHeadlineLink:link { font-size:14px; color:#F79238; font-weight:bold; }
		A.newsHeadlineLink:active { font-size:14px; color:#F79238; font-weight:bold; }
		A.newsHeadlineLink:visited { font-size:14px; color:#F79238; font-weight:bold; }
		A.newsHeadlineLink:hover { font-size:14px; color:#F79238; font-weight:bold; }
	
	
	
	
	.subTitleSidebar
	{
		font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
		font-size: 14px; 
		font-weight: bold; 
		color: #C0C0C0; 
	}
		.subTitleSidebar A:link { font-style:normal; font-weight:normal; }
		.subTitleSidebar A:active { font-style:normal; font-weight:normal; }
		.subTitleSidebar A:visited { font-style:normal; font-weight:normal; }
		.subTitleSidebar A:hover { font-style:normal; font-weight:normal; text-decoration:underline; }
	
	.eventTextSideBar { color: #C0C0C0; text-decoration:none; }
		.eventTextSideBar A:link { color: #C0C0C0; }
		.eventTextSideBar A:active { color: #C0C0C0; }
		.eventTextSideBar A:visited { color: #C0C0C0; }
		.eventTextSideBar A:hover { color: #C0C0C0; text-decoration:underline; }
	
	.eventDateTextSidebar { font-size:10px; text-decoration:none; }
		.eventDateTextSidebar A:link { font-size:10px; }
		.eventDateTextSidebar A:active { font-size:10px; }
		.eventDateTextSidebar A:visited { font-size:10px; }
		.eventDateTextSidebar A:hover { font-size:10px; text-decoration:underline; }
/*________________________________________________________________*/
