/* 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 #425384; }
		.tab-level1-on A:link { color:#001759; }
		.tab-level1-on A:active { color:#001759; }
		.tab-level1-on A:visited { color:#001759; }
		.tab-level1-on A:hover { color:#001759; text-decoration:none; }
	.tab-level1-off { background:#AEC1F8; border-top:1px solid #425384; border-bottom:1px solid #425384; }
		.tab-level1-off A:link { color:#001759; }
		.tab-level1-off A:active { color:#001759; }
		.tab-level1-off A:visited { color:#001759; }
		.tab-level1-off A:hover { color:#001759; text-decoration:none; }
	
	.tab-level2-on { background:#FFFFFF; border-top:1px solid #425384; }
		.tab-level2-on A:link { color:#001759; }
		.tab-level2-on A:active { color:#001759; }
		.tab-level2-on A:visited { color:#001759; }
		.tab-level2-on A:hover { color:#001759; text-decoration:none; }
	.tab-level2-off { background:#CDDAFD; border-top:1px solid #425384; border-bottom:1px solid #425384; }
		.tab-level2-off A:link { color:#001759; }
		.tab-level2-off A:active { color:#001759; }
		.tab-level2-off A:visited { color:#001759; }
		.tab-level2-off A:hover { color:#001759; text-decoration:none; }
	
	.tab-level3-on { background:#FFFFFF; border-top:1px solid #425384; }
		.tab-level3-on A:link { color:#001759; }
		.tab-level3-on A:active { color:#001759; }
		.tab-level3-on A:visited { color:#001759; }
		.tab-level3-on A:hover { color:#001759; text-decoration:none; }
	.tab-level3-off { background:#E3E9FA; border-top:1px solid #425384; border-bottom:1px solid #425384; }
		.tab-level3-off A:link { color:#001759; }
		.tab-level3-off A:active { color:#001759; }
		.tab-level3-off A:visited { color:#001759; }
		.tab-level3-off A:hover { color:#001759; text-decoration:none; }
	
	.tb-b-or  { border-style:solid; border-width:0px 0px 1px 0px; border-color:#425384;  }
	

/*________________________________________________________________*/
/*_____________________________ BODY _____________________________*/
/*________________________________________________________________*/
	
	
	
	/* OVERALL FORMATTING */
	/*	-- overall font information
		-- the background color of the website (outside the area that contains the site itself) */
	body { font-family:Arial; font-size:12px; background:#ffffff; text-align:center;}
	/* 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:12px; text-decoration:none; }
		A A:link { font-size:12px; }
		A A:active { font-size:12px; }
		A A:visited { font-size:12px; }
		A A:hover { font-size:12px; text-decoration:underline; }
	/*	-- all standard paragraphs accross the entire site */
	P {	font-size:11px; }
	/*	-- all table cells accross the entire site */
	TD a, 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; }
	
	
	.actionLinks { font-size:12px; text-decoration: none; color:#FFB469; margin-top:4px; margin-bottom:4px;}
		.actionLinks A:link { font-size:11px; color: #D37A22; }
		.actionLinks A:active { font-size:11px; color: #D37A22; }
		.actionLinks A:visited { font-size:11px; color: #D37A22; }
		.actionLinks A:hover { font-size:11px; text-decoration:underline; color:#D37A22; }
	
	/* TITLES */
	/*	-- This will be used for all page titles across the entire site */
	.title { font-size:18px; font-weight:bold; color:#425384; }
	.note { font-size:9px; color:#425384; }
	.subject { font-size:14px; font-weight:bold; color:#425384; }
	/*	-- This will be used for all small titles and all table headings across the entire site */
	.subTitle { font-size:16px; font-weight:bold; color:#00155A; font-style:italic; 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; }
	
	
	
/*________________________________________________________________*/




/*________________________________________________________________*/
/*____________________________ TABLES ____________________________*/
/*________________________________________________________________*/
	
	
	
	/* OVERALL FORMATTING */
	.tableGrid { background:#ffffff; }
	.tableBorder { border:solid #777777 1px; }
	
	
	/* HEADERS */
	/*	-- all table headers across the entire site */
	TR.Header, TR.header { font-size:12px; font-weight:bold; background:#425384; color:#ffffff; }
		TR.Header TD, TR.header TD { font-size:12px; font-weight:bold; background:#425384; color:#ffffff; }
		TR.Header A:link, TR.header A:link { color:#ffffff; }
		TR.Header A:active, TR.header A:active { color:#ffffff; }
		TR.Header A:visited, TR.header A:visited { color:#ffffff; }
		TR.Header A:hover, TR.header A:hover { color:#dddddd; }
	
	TR.Header-gr { font-size:12px; font-weight:bold; background:#d2d2d2; color:#ffffff; }
		TR.Header-gr TD { font-size:12px; font-weight:bold; background:#d2d2d2; color:#ffffff; }
		TR.Header-gr A:link { color:#ffffff; }
		TR.Header-gr A:active { color:#ffffff; }
		TR.Header-gr A:visited { color:#ffffff; }
		TR.Header-gr A:hover { color:#dddddd; }
	
	TR.topMenu { font-size:11px; color:#001759; font-weight:normal;}
		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:9px; border:1px solid #FACEA8; width:96px;}
		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, TR.row { font-size:11px; vertical-align:top; background:#ffffff; text-decoration:none; }
		TR.Row TD, TR.row TD { font-size:11px; vertical-align:top; background:#ffffff; text-decoration:none; border-top:1px solid #d3d3d3; margin:2px; }
		TR.Row A:hover, TR.row A:hover { text-decoration:underline; }
		
	/*	-- all table Rows that require alternating row colors */
	TR.Row1, TR.row1 { font-size:11px; vertical-align:top; background:#ffffff; text-decoration:none; }
		TR.Row1 TD, TR.row1 TD { font-size:11px; vertical-align:top; background:#ffffff; text-decoration:none; border-top:1px solid #d3d3d3; margin:2px; }
		TR.Row1 A:hover, TR.row1 A:hover { text-decoration:underline; }
		
	TR.Row0, TR.row0 { font-size:11px; vertical-align:top; background:#ffffff; text-decoration:none; }
		TR.Row0 TD, TR.row0 TD { font-size:11px; vertical-align:top; background:#ffffff; text-decoration:none; border-top:1px solid #d3d3d3; margin:2px;}
		TR.Row0 A:hover, 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; } */

	/*	-- all table Rows containing "hidden" data that require red row colors */
	TR.HiddenRow1, TR.hiddenRow1 { font-size:11px; vertical-align:top; background:#ffeaea; text-decoration:none; }
		TR.HiddenRow1 TD, TR.hiddenRow1 TD { font-size:11px; vertical-align:top; background:#ffeaea; text-decoration:none; border-top:1px solid #d3d3d3; margin:2px; }
		TR.HiddenRow1 A:hover, TR.hiddenRow1 A:hover { text-decoration:underline; }

	TR.HiddenRow0, TR.hiddenRow0 { font-size:11px; vertical-align:top; background:#ffeaea; text-decoration:none; }
		TR.HiddenRow0 TD, TR.hiddenRow0 TD { font-size:11px; vertical-align:top; background:#ffeaea; text-decoration:none; border-top:1px solid #d3d3d3; margin:2px; }
		TR.HiddenRow0 A:hover, TR.hiddenRow0 A:hover { text-decoration:underline; }

	/*	-- all table Rows containing "expired" data that require grey row colors */
	TR.ExpiredRow1, TR.expiredRow1 { font-size:11px; vertical-align:top; background:#dedede; text-decoration:none; }
		TR.ExpiredRow1 TD, TR.expiredRow1 TD { font-size:11px; vertical-align:top; background:#dedede; text-decoration:none; border-top:1px solid #d3d3d3; margin:2px; }
		TR.ExpiredRow1 A:hover, TR.expiredRow1 A:hover { text-decoration: underline; }
		
	TR.ExpiredRow0, TR.expiredRow0 { font-size:11px; vertical-align:top; background:#dedede; text-decoration:none; }
		TR.ExpiredRow0 TD, TR.expiredRow0 TD { font-size:11px; vertical-align:top; background:#dedede; text-decoration:none; border-top:1px solid #d3d3d3; margin:2px; }
		TR.ExpiredRow0 A:hover, TR.expiredRow0 A:hover { text-decoration:underline; }

		
	/*	-- all table Rows that are currently highlited */
	TR.HighliteRow1, TR.highliteRow1 {font-size:11px; vertical-align:top; background:#F7EADE; }
		TR.HighliteRow1	TD, TR.highliteRow1 TD {margin:2px; font-size:11px; vertical-align:top; background:#F7EADE; border-top:1px solid #d3d3d3; margin:2px; }
		TR.HighliteRow1 A:hover, TR.highliteRow1 A:hover { text-decoration:underline; }
		
	TR.HighliteRow0, TR.highliteRow0 {font-size:11px; vertical-align:top; background:#F7EADE; }
		TR.HighliteRow0 TD, TR.highliteRow0 TD {font-size:11px; vertical-align:top; background:#F7EADE; border-top:1px solid #d3d3d3; margin:2px; }
		TR.HighliteRow0 A:hover, 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 */
	/*	-- 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: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;
		}
	
	.loginTitle { font-size:15px; font-weight:bold; color:#B61D22; }
	
	.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; }
	
	.loginInput { font-size:13px; width:160px; }
	
/*________________________________________________________________*/


/* SKINNY on VS360 */
.container {width:960px; margin:0 auto; /* background:url(/images/grid.png); */ }
#topNav{height:22px; border-bottom:1px solid #013776; padding-top:10px; padding-right:21px;}
.padding5{padding:5px;}
.small {font-size:11px;}
#navigation{height:32px;}
a img {border: 0 none;}

/* -- Top Navigation Classes -- */
#topNav .logo{width:103px; height:19px; margin-right:10px;}
#topNav ul {margin:0; color:#666;}
#topNav ul li{
	border-right: 1px solid #666;
	display: block;
	float: left;
	list-style: none;
	margin: 0!important;
	padding: 0 5px;
	position: relative;
}
ul li.noborder{border:none 0!important;}
#topNav ul li.wLborder{border-left: 1px solid #666;}
#topNav ul li.wRborder{border-right: 1px solid #666;}

/* Top Navigation Links Style */
#topNav ul  a{color:#666;}
#topNav ul  a:hover{color:#013776; text-decoration:none;}

/* Link With Drop Down */
.wDropDown{display:block; float: left; height: 22px; padding: 0 6px; width: auto; text-align:left;}
.wDropDownOn,
.wDropDown:focus,
.wDropDown:hover
{
	background: url("/images/bgDD.gif") repeat top left;
	border-color: #666;
	border-style: solid;
	border-width: 1px 1px 0 1px;
}
.wDropDown a{background:url("/images/arrowDown.png") right 7px no-repeat; display:block; padding-right:15px;}

/* Drop Down Box */
.dropBoxx, .dropBox
{
	background: #FFF;
	border-color: #666;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	color:#000;
	display: none;
	margin:7px 0 0 -7px;
	position: absolute;
	z-index:100;
}

.wDropDownLeft{margin-left:-1px;}
.wDropDownRight{margin-right:-1px;}
div.wDropDown .dropBoxRight{ width:230px;}
.dropBoxContent{border:#CCC solid 1px; width:99%; display:table;}
.dropBox .listWrap{max-height:300px; overflow-x: hidden; overflow-y: scroll;}
.dropBoxContent .list{padding:5px 5px 5px 20px; background:url("/images/arrowS.png") no-repeat 5px 10px; text-transform:uppercase;}
.dropBoxContent .list:focus, .dropBoxContent .list:hover{background:#CBE0F0 url("/images/arrowS.png") no-repeat 5px 10px;}
.dropBoxContent .list a{background-image:none;}
.dropBoxContent .none{padding:5px 5px 5px 20px; background:url("/images/arrowS.png") no-repeat 5px 10px;}
.dropBoxContent .none:focus, .dropBoxContent .none:hover{background:#CBE0F0 url("/images/arrowS.png") no-repeat 5px 10px;}

/* Search */
input.searchInput{float:left; display:block; border:none 0; width:190px; font-size:11px; height:15px; color:#666; margin-right:2px;}
input.searchButton{background:url("/images/search.gif") no-repeat; width:16px; height:15px; border:none; display:block; float:left; margin-right:2px;}
.dropBoxRight form{margin:0; padding:0; display:block; clear:both;}

/* Project Header */
.projectHead{height:74px;padding-left:40px; background:url("/images/folder.png") no-repeat left top; margin-top:18px}
.projectHead h1{color:#333; font-size:28px; font-weight:bold; margin:0; line-height:18px}
.projectHead h6{color:#6B6B6B; font-size:14px; font-weight:bold; margin:3px 0 0 0; }

/* Home Header */
.homeHead{height:52px; border-bottom:3px solid #013776; margin-top:18px; width:960px;}
.homeHeadNav{margin-top:19px;}

/* Small Inline Links */
ul.smallLinks{margin: 0!important; padding:0;}
ul.smallLinks li{
	border-right: 1px solid #CCC;
	display: block;
	float: left;
	list-style: none;
	margin: 0!important;
	padding:0 5px;
	position: relative;
	height:13px;
	font-size:11px;
}
ul.smallLinks li a{margin-top:-2px; display:block;}

/* Navigation */
#navigation {
	/*background:#DAE0D2 url("/images/bg.gif") repeat-x scroll center bottom;
	float:left;
	font-size:93%;
	line-height:normal;
	width:100%;
	height:29px;*/
}
#navigation ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0 10px 0;
}
#navigation li {
	background:transparent url("/images/bgNavLeft.png") no-repeat scroll left top;
	float:left;
	margin:4px 2px 0 0;
	padding:0 0 0 6px;
}
#navigation a {
	background:transparent url("/images/bgNavRight.png") no-repeat scroll right top;
	color:#666;
	display:block;
	float:left;
	font-weight:bold;
	padding:8px 10px 6px 4px;
	text-decoration:none;
	font-size:12px;
}
#navigation a {float:none;}
#navigation a:hover {color:#7F7F7F!important;}
#navigation #current {
	background:transparent url("/images/bgNavLeft.png") no-repeat scroll 0 -35px;
	float:left;
	margin:0 2px 0 0;
	padding:0 0 0 6px;
}
#navigation #current a {
	background:transparent url("/images/bgNavRight.png") no-repeat scroll right -35px;
	color:#FFF;
	display:block;
	float:left;
	font-weight:bold;
	padding:8px 10px 6px 4px;
	text-decoration:none;
	font-size:12px;
}
#navigation #current a:hover {color:#E0E7EF!important;}

.left{float:left;}
.right{float:right;}


/* Footer */
#footer{width:960px; margin:0 auto; border-top:#013776 1px solid; height:75px; padding-top:5px; text-align:center; color:#555; font-size:11px;}

#navigation #current {
	background:transparent url("/images/bgNavLeft.png") no-repeat scroll 0 -35px;
	float:left;
	margin:0 2px 0 0;
	padding:0 0 0 6px;
}
#navigation #current a {
	background:transparent url("/images/bgNavRight.png") no-repeat scroll right -35px;
	color:#FFF;
	display:block;
	float:left;
	font-weight:bold;
	padding:8px 10px 6px 4px;
	text-decoration:none;
	font-size:12px;
}
#navigation #current a:hover {color:#E0E7EF!important;}

.left{float:left;}
.right{float:right;}


/* FIX */
.LabelCol {text-align:right; font-weight:bold; }
/* tr.Row td{border-bottom:1px solid #CCC;} */
#header .right {width:163px; }
#header .left {width:787px; }
.center {margin:auto; width:731px; text-align:left; }
lign:left;}
:left;}
}
bottom:1px solid #CCC;} */
ow td{border-bottom:1px solid #CCC;}lid #CCC;}