/* 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 _____________________________*/
/*________________________________________________________________*/
	
	.emailForm { background: #eeeeee; }
	
	/* 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:10px; background:#ffffff; text-align:center; 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:11px; }
	/*	-- all table cells accross the entire site */
	td { font-size:11px; }
	/* 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; }
	.loginInfo { font-size:10px; color:#000000; font-weight:bold; }
	.copyrightInfo { font-size:10px; color:#8F8F8F; }
	
	/* TITLES */
	/*	-- This will be used for all page titles across the entire site */
	.title { font-size:15px; font-weight:bold; }
	.title-blue { font-size:15px; font-weight:bold; color:#2763a3; }
	.title-green { font-size:15px; font-weight:bold; color:#7a9d79; }
	.title-orange { font-size:15px; font-weight:bold; color:#e4b681; }
	.title-grey { font-size:15px; font-weight:bold; color:#9b9b9b; }
	.subject { font-size:13px; font-weight:bold; }
	
	.testimonial-blue { font-family:Verdana; font-size:10px; color:#2763a3; }
	.testimonial-green { font-family:Verdana; font-size:10px; color:#7a9d79; }
	.testimonial-orange { font-family:Verdana; font-size:10px; color:#e4b681; }
	.testimonial-grey { font-family:Verdana; font-size:10px; color:#9b9b9b; }
	
	/*	-- This will be used for all small titles and all table headings across the entire site */
	.subTitle { font-size:14px; font-weight:bold; }
		.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; }
		
	.sideBarTitle { font-size:13px; font-weight:bold; letter-spacing:-1px; }
	
	a.sideBarLinks { font-size:10px; color:#245795; font-weight:none; text-decoration:none; margin-bottom: 8px;  }
		a.sideBarLinks:link { font-size:10px; color:#245795; font-weight:none; text-decoration:none;  }
		a.sideBarLinks:active { font-size:10px; color:#245795; font-weight:none; text-decoration:none;  }
		a.sideBarLinks:visited { font-size:10px; color:#245795; font-weight:none; text-decoration:none;  }
		a.sideBarLinks:hover { font-size:10px; color:#245795; font-weight:none; text-decoration:none;  }
	
	.menuItem { letter-spacing:-1px; }
	
	.headerQuote { font-size:11px; font-style:italic; color:#666666; letter-spacing:-1px; }
	.headerSignature { font-size:11px; color:#666666; letter-spacing:-1px; }

	.freeTrial { letter-spacing:-1px; }
	.news { color:#0000ff; }
	
	a.newslink { font-size:10px; color:#0000ff; text-decoration:none;}
		a.newslink:link { font-size:10px; color:#0000ff; text-decoration:none;}
		a.newslink:active { font-size:10px; color:#0000ff; text-decoration:none;}
		a.newslink:visited { font-size:10px; color:#0000ff; text-decoration:none;}
		a.newslink:hover { font-size:10px; color:#0000ff; text-decoration:underline;}
	
	
	
/*________________________________________________________________*/




/*________________________________________________________________*/
/*____________________________ TABLES ____________________________*/
/*________________________________________________________________*/
	
	
	
	/* OVERALL FORMATTING */
	.tableGrid { background:#ffffff; }
	.tableBorder { border:solid #001759 1px; }
	
	
	/* HEADERS */
	/*	-- all table headers across the entire site */
	TR.Header { font-size:12px; font-weight:bold; background:url("/images/headers/header-bg.gif"); color:#ffffff; vertical-align:middle; }
		TR.Header TD { font-size:12px; font-weight:bold; background:url("/images/headers/header-bg.gif"); color:#ffffff; vertical-align:middle; }
		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:#CCCCCC; color:#000000; }
		TR.Header-gr TD { font-size:12px; font-weight:bold; background:#CCCCCC; 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:#F4F4F4; text-decoration:none; }
		TR.row TD	{ font-size:11px; vertical-align:top; background:#F4F4F4; 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:11px; vertical-align:top; background:#F4F4F4; text-decoration:none; }
		TR.row1 TD	{ font-size:11px; vertical-align:top; background:#F4F4F4; text-decoration:none; 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:#F4F4F4; text-decoration:none; }
		TR.row0 TD	{ font-size:11px; vertical-align:top; background:#F4F4F4; 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; }
	
	
	/* CELLS */
	A { font-size:11px; text-decoration:none; color:#336699; }
		A:link { font-size:11px; text-decoration:none; color:#336699; }
		A:active { font-size:11px; text-decoration:none; color:#336699; }
		A:visited { font-size:11px; text-decoration:none; color:#336699; }
		A:hover { font-size:11px; text-decoration:underline; color:#336699; }
	/*	-- 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; }


	/*	-- 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.tinyLinks { font-family:Verdana; font-size:9px; color:#000066; text-decoration: none; }
		A.tinyLinks:link { font-family:Verdana; font-size:9px; color:#000066; text-decoration: none; }
		A.tinyLinks:active { font-family:Verdana; font-size:9px; color:#000066; text-decoration: none; }
		A.tinyLinks:visited { font-family:Verdana; font-size:9px; color:#000066; text-decoration: none; }
		A.tinyLinks: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; background:#fF4F4F4; }
	/*	-- 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:#8F8F8F; text-decoration:underline; }
		A.copyLinks:link { font-size:10px; color:#8F8F8F; text-decoration:underline; }
		A.copyLinks:active { font-size:10px; color:#8F8F8F; text-decoration:underline; }
		A.copyLinks:visited { font-size:10px; color:#8F8F8F; text-decoration:underline; }
		A.copyLinks:hover { font-size:10px; color:#8F8F8F; text-decoration:underline; }
	

	
	.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; }
	
	
	
	
	a.optimizeLinks { font-size:9px; color:#8F8F8F; text-decoration:none; }
		a.optimizeLinks:link { font-size:9px; color:#8F8F8F; text-decoration:none; }
		a.optimizeLinks:active { font-size:9px; color:#8F8F8F; text-decoration:none; }
		a.optimizeLinks:visited { font-size:9px; color:#8F8F8F; text-decoration:none; }
		a.optimizeLinks:hover { font-size:9px; color:#8F8F8F; text-decoration:underline; }

	
/*________________________________________________________________*/
