/********* FFIC COLOR TABLE *************
		SHADE		RED		GREEN	BLUE
		Dark		D7523D	537757	448AAE
		Middle		E17D6E	7E9981	87ACC6
		Light		F0D6CC	C2D8C5	C3D6E0
		Lightest	FDF6F2	E0ECE1	F0F5F8
		Darkest		663333
		
		4/9/04 - SMT 7860 - BA - added the classes for Dark, Middle, Light, Lightest for generic coloring options
		2/15/05 - SMT 9733 - BA - added styles for linked containers
		2/7/07 - SMT 13175 - BA - added the #featuredSolutionImg selector for the random vendor img, and applied a right-margin to it
		3/7/2007 - SMT 13281 - BA - added this to style the printable versions
		3/7/07 - SMT 13162 - BA - added styling to the list-sort icon
		3/28/07 - BA - SMT 13324 - added the email article styles
		4/18/2007 - SMT 13393 - BA - added paging stuff for lessons learned
		5/15/07 - SMT 13512 - BA - added clear:left for lists that are in the body of lessons learned content to fix the margin issue
		05/22/2007 smt 13533 DMaison, added #whats-next and style for div#wrapper h2
		08/28/2007 smt 13807 DMaison, added a#share-article style
		5/28/08 - SMT 14425 - BA - added lead-article-img styles to allow variable size images to be displayed in fixed-width div
	*****************************************/
	
	/********* GLOBAL STYLES ****************/
		body {padding:0px; margin:0px; border:0px; text-align:left;}
		table {margin:0px; padding:0px; border-width:0px}
		p {padding-bottom:/*2*/0px;}
		hr	{color:#448AAE; height:1px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
		/*p:first-letter {text-transform: uppercase;}*/
		.hr {background-color:#448AAE; height:1px; width:100%; padding-bottom:0px}
		.hide{display:none;}
		.show{display:block;}
		img {border:none;}
		a
		{
			cursor:hand;	
		}
	/****************************************/
	
	
	/************* FONT STYLES **************/
		font {font-family:verdana,arial !important;}
		
		h1, h1.headline 
		{
			font: bold 17px/24px verdana, tahoma, arial;
			color:#448AAE;
			margin:0;
		}
		
		h3
		{
			font: bold 11px/15px verdana,tahoma,arial,sans-serif;
			color: #000;
			/*margin: 20px 0 0 0;*/
		}
		
		div#body-text
		{
			margin-top:30px;
		}
		
		img.section-sort-icon
		{
			margin-left: 5px;
			vertical-align: middle;
		}
		
		/* Specifics */
		.text-body {font-size:12px; line-height:16px;}
		.text-box-headline {font-size:13px; line-height:15px; font-weight:bold;}
		.text-relatedBox-headline {font-size:11px; line-height:15px; font-weight:bold;}
		.text-box, .text-box * {font-size:11px !important; line-height:14px; font-weight:normal;}
		.text-copyright {font-size:10px; line-height:18px; font-weight:normal;}
		.text-subheadline {font-size:14px; line-height:16px; font-weight:bold;}
		.text-headline {font-size:16px; line-height:24px; font-weight:bold; color:#448AAE;}
		.text-small {font-size:10px; line-height:12px; font-weight:normal;}
		.text-copyright {font-size:10px; line-height:18px; font-weight:normal;}
		.text-box-desc {font-size:11px; line-height:14px; font-weight:normal;}
		.text-table {font-size:11px; line-height:14px;}
		.text-table-exp {font-size:13px; line-height:15px;}
		.text-training-status {font-size:13px; line-height:15px; font-weight:bold; color:#448AAE;}
	/****************************************/
	
	
	/************* LINK STYLES **************/
		a {font-family:verdana,arial; font-size:13px; line-height:15px; color:#448AAE; text-decoration:underline;}
		a:hover {/*color:#87ACC6;*/}
		a:visited {color:#666666}
		.relatedLinkCntnr a {font-family:verdana,arial; font-size:11px; line-height:14px; color:#448AAE; text-decoration:underline;}
		
		/* Specifics */
		.bodyLink {font-size:12px; font-weight:bold;}
		.link-go {font-size:11px !important; color:#448AAE !important; text-decoration:none !important;}
		.link-banner {font-size:12px; line-height:15px; font-weight:normal;}
		.link-tab {font-family:tahoma !important; font-size:12px; font-weight:bold; white-space:nowrap; border-right:90px !important}
		.link-box {font-size:13px; line-height:15px; font-weight:normal;}
		/*.link-relatedBox {font-size:11px; line-height:14px; font-weight:normal;}*/
		.link-relatedBox {font-size:11px; line-height:17px; font-weight:normal;} /*CHANGED LINE-HEIGHT FROM 14 TO 17*/
		.link-subheadline {font-size:13px; line-height:15px; font-weight:normal;}
		.link-emphasized {font-size:13px; line-height:15px; font-weight:bold}
	/****************************************/
	
	
	.link-banner-spacer{width:4px;}
	
	
	#mainCntnr {width:99%; table-layout:auto; border:0px; margin-left:2px;}
	.mainLg {width:1002px;}
	.mainSm {width:778px;}
	
	/* ADD A CLASS FOR THE COLUMNS IN EACH SETTING*/
	.dynamicCol {width:121px; /*height:5px; background-color:black*/}
	.dynamicCol img {width:65px; height:1px;}
	.fixedCol {width:65px; /*height:5px; background-color:green*/}
	.fixedCol img {width:65px; height:1px;}
	.spacerColumn img{width:15px !important;height:1px}
	.spacerColumn {width:15px !important;}
	#contentImageCntnr {display:block; width:145; overflow:hidden; /*border:dashed 2px orange*/}
	#contentImageCntnr img{display:block;}
	#lead-article-image {width: 145px; height: 133px; overflow: hidden;}
	
	img.spacerColumn {width:15px !important;height:1px}
	
	.gridLines {border:1px black solid;}
	
	.darkBG {background-color:#448AAE;}
	.middleBG {background-color:#87ACC6;}
	.lightBG {background-color:#C3D6E0;}
	.lightestBG {background-color:#F0F5F8;}
	
	.dark {color:#448AAE !important;}
	.middle {color:#87ACC6 !important;}
	.light {color:#C3D6E0 !important;}
	.lightest {color:#F0F5F8 !important;}
	
	/********* LEFT NAVIGATION **************/
		.navCntnr {margin-bottom:0px;}
		.navCntnr a {font: bold 11px/14px verdana,arial, geneva, sans serif !important; text-decoration:none;}
		.plus {font-size:12px !important;}
		.minus {font-size:14px !important;}
		
		/******************************
			FIRST LEVEL OF NAV
		******************************/
		.lnav-lev1 {height:20px; width:136px; background-color:#448AAE; border:solid 1px #448AAE;}
		.lnav-lev1 a {color:#FFFFFF !important}
		.lnav-lev1-spacer {width:12px; text-align:center;}
		
		/******************************
			SECOND LEVEL OF NAV
		******************************/
		.lnav-lev2 {height:20px; width:136px; background-color:#87ACC6; border:solid 1px #87ACC6;}
		.lnav-lev2 a {color:#000000 !important;}
		.lnav-lev2-spacer {width:22px; text-align:center;}
		
		/******************************
			THIRD LEVEL OF NAV
		******************************/
		.lnav-lev3 {height:20px; width:136px; background-color: #C3D6E0; border:solid 1px #C3D6E0;}
		.lnav-lev3 a {color:#000000 !important;}
		.lnav-lev3-spacer {width:22px; text-align:center;}
		/*.lnav-lev3-symbol {position:relative; left:0px; top:0px; text-align:center; width:22px; height:100%; display:inline; float:left;}*/
		
		/******************************
			HOVER ITEM OF NAV
		******************************/
		.ovr {border:solid 1px #448AAE !important; height:20px; width:136px; background-color: #FFFFFF;}
		.ovr a {color: #000000 !important;}
		
		/******************************
			SELECTED ITEM OF NAV
		******************************/
		.sel {background: #FFFFFF; border:solid 1px #FFFFFF;}
		.sel a {color: #000000 !important}
		.meta-sel {background-color:#448AAE; border:solid 1px #448AAE;}
		.meta-sel a {color: #FFFFFF !important}
		
		.meta-spacer {width:11px; height:20px; text-align:center;}
		
		/* the spacers in the navigation */
		.navSpacer {width:1px;height:1px;}
		.metaSpacer {width:1px;height:2px;}
		
		.metaOvr { cursor:hand; background-color:#448AAE !important;
			height:			20px;
			width:			136px;
			border: solid 1px #448AAE}
		
		.metaOvr a{color: #FFFFFF !important;}
		
		.metaNav a{color:#448AAE !important;}
		
		.metaNav {
			height:			20px;
			width:			136px;
			/*background:		#C3D6E0;*/
			background-repeat:	no-repeat;
			background:#FFFFFF;
			border:solid 1px #448AAE}
		
		
		#indBox{			padding:0px; margin:0px; border:0px;
							width:100%;
							background-color:#448AAE;}
		#indBox font{		
			color:			#FFFFFF;
			font:			bold 10px/14px verdana,arial;}
		
		
		#navSearchBox{		border:			1px #448AAE solid;
							width:			100%;
							margin-top:		0px;
							background:		#FFFFFF/*#F0F5F8*/;}
		#navSearchBoxTop {background-image:url(../images/Commercial/search_top_bg.gif); background-repeat:no-repeat;}
							
		#navSearchBox font{	font:normal 11px/14px verdana,arial;}
		#txtCriteria {font-size:10px; border:1px #448AAE solid;}
	/****************************************/
	
	/********* MAIN CONTENT AREA ************/
		#custLibKeyword {font-size:10px}
		.servicesLogo {width:130px; height:30px; border:0px}
	/****************************************/
	
	/********* FOOTER AREA ******************/
		#closer a	{font-size:10px; line-height:14px}
		#closer {margin-left: 0 !important;}
	/****************************************/
	
	/********* TABS *************************/
		.tabSpacer	{width:3px}
		.tabItemOn	{background-image:url(../images/Commercial/tab_on.gif);  width:100px; background-color:#448AAE;  height:30px; padding-left:7px; padding-right:7px;}
		.tabItemOff	{background-image:url(../images/Commercial/tab_off.gif); width:95px; background-color:#C3D6E0;  height:30px; padding-left:7px; padding-right:2px;}
		.tab-end-img {background-image:url(../images/Commercial/tab_end_off.gif); width:5px;}
		.tabItemOn a:visited{color:#FFFFFF}
		.tabItemOff a:visited{color:#000000}
		
		.tabTxt{	color:#448AAE; 
					font-weight:bold;
					text-decoration:none;
					font-size:12px;
					line-height:22px;
					vertical-align:middle;
					white-space: nowrap;
					padding-bottom:10px;
					font-smooth: always;
		}
		.tabTxt.Off	{color:#000000;}
		.tabTxt.On	{color:#FFFFFF; }
	/*****************************************/
	
	
	/*.relatedLinkCntnr {border-left:1px #87ACC6 solid;  margin-bottom:10px;}*/
	.relatedLinkCntnr thead th {background-color:#C3D6E0; padding-left:7px; text-align:left; height:20px;}
	/*.relatedLinkCntnr td {padding-left:5px;}
	.relatedLinkCntnr tr {padding-bottom:4px; padding-top:3px}*/
	/*.relatedLinkCntnr a{color:#448AAE;}*/
	.topImg {height:4px; background-image:url(../images/Commercial/link_cntnr_top.gif);}
	.cntnrLineSeg {background-color:#448AAE; width:15px;}
	.relatedLinkCntnr tfoot th {height:1px !important; border-left:0px; background-color:#FFFFFF !important}
	#cobrand-separator {width:125px; height:1px; background-color:#D6D3CE; margin-left:5px; margin-right:5px;}
	
	.cntnrLineFull {background-color:#448AAE; width:100%;}
	
	.itemArrow {font-size:11px}
	
	.vertBorder {width:1px; background-color:#448AAE;}
	.vertBorder img {width:1px; height:100%;}
	.horizBorder {height:1px; background-color:#448AAE;}
	.horizBorder img {height:1px; width:100%;}
	
	/*******DISPLAY CONTAINER OUTLINES********
	.bannerCntnr {border:1px black solid; }
	.contentCntnr {border:1px black solid; }
	.navCntnr {border:1px black solid; }
	.footerCntnr {border:1px black solid; }
	.tabCntnr {border:1px black solid; }
	*/
	
	/*hide fieldsets containing hidden fields*/
	fieldset.hidden
	{
		display:none;	
	}
	
	
	#featuredSolutionImg 
	{
		margin-right:5px;
	}
	
	div.containerTitle 
	{
		float:left;
	}
	
	
	ul.toolbar
	{
		list-style-type:none;
		margin:0 0 0 5px;
		padding:0;
		display:inline;
	}
	
	thead ul.toolbar 
	{
		display:block;
		float:right;
		border:1px #448AAE solid;
		background: #F0F5F8;
	}

	ul.toolbar li
	{
		display:inline;
		padding:1px;
		margin:0;
	}
	
	
	
	#content-tools
	{
		border: none;
		margin:15px 0;
		padding:0;	
	}
	
	#content-tools ol
	{
		margin:0;
		padding:0;
		border-top: solid 1px #bbb;
	}
	
	#content-tools ol li
	{
		list-style:none;
		border: solid 1px #fff;
		border-bottom-color: #bbb;
	}
	
	#content-tools li a
	{
		display:block;
		font: 11px/25px tahoma, verdana, arial;
		letter-spacing:2px;
		padding-left:25px;
		height: 25px;
		vertical-align:middle;
		text-decoration:none;
		text-transform:uppercase;
		color:#000;
	}
	
	
	a#print-article
	{
		background: #fff url(../images/icons/print.gif) no-repeat center left;
	}
	
	/*a#print-article:hover
	{
		border-bottom-color: #448AAE;
		border-top-color: #448AAE;
	}*/
	
	a#email-article
	{
		background: #fff url(../images/icons/email.gif) no-repeat 2px center;
	}
	
	a#share-article
	{
		background: #fff url(../images/icons/share.gif) no-repeat 2px center;
	}
	
	div#wrapper h2
	{
		font: bold 13px/16px verdana,arial;
		color: #448AAE;		
		padding:0;
		margin:20px 3px 0 0;	
	}
	
	#whats-next
	{
		list-style: none;
		padding: 0;
		margin: 10px 0;
		margin-left: 10px;
	}
	
	#whats-next li 
	{
		font: normal 12px/20px verdana,arial,tahoma,sans-serif;
	}
	
	div#contentBody  div.lessons-learned h2, div#contentBodyWithImg div.lessons-learned h2
	{
		font: bold 13px/15px verdana,arial;
		color: #448AAE;
		float:left; /*display:inline; */
		padding:0;
		margin:0 3px 0 0;
	}
	
	
	div#contentBody p, div#contentBodyWithImg p
	{
		font-size: 13px/16px;
		font-family: verdana,arial;
	}
	
	
	p.footnote
	{
		font: italic normal 11px/15px verdana, tahoma, arial, sans-serif;
		color: #666;
		padding: 5px 10px;
		margin:5px 5px 0 5px;
	}
	
	
	dl.data
	{
		font: normal 11px/15px verdana,tahoma,arial;
		color: #000;
	}
	
	dl.data dt
	{
		font-weight:bold;
		display:block;
		float:left; 
		text-align:right;
		margin-right: 5px;
	}
	
	dl.data dd
	{
		text-align:left;
		color: #000;
	}
	
	
	div#paging-tools
	{
		padding:10px 5px;;
		text-align:right;
	}
	
	ul#paging-links 
	{
		list-style-type:none;
		margin:0;
		padding:0;
	}
	
	ul#paging-links li
	{
		display:inline;	
		text-align: center;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	
	ul#paging-links li a
	{
		font: bold 11px/17px tahoma,verdana,arial;
		color: #448AAE;
		padding:2px 10px;
		border-right: 1px #448AAE solid;	
	}
	
	/*ul#paging-links li a:hover
	{	
		background-color: #F0F5F8;
		border: 1px #448AAE solid;	
	}*/
	
	ul#paging-links li a.active-page
	{
		background-color: #448AAE;
		color: #fff;
	}
	
	ul#paging-links li.inactive
	{
		font: bold 11px/17px tahoma,verdana,arial;
		color: #999;
		padding:2px 10px;
	}
	
	span.page-number-text
	{
		font: bold 12px/17px verdana,arial;
		color: #999;
		display: block;
		margin-bottom: 15px;
	}
	
	
	/*fix float issue with lists in the lessons learned content*/
	div.lessons-learned ul, div.lessons-learned ol
	{
		/*clear the float for lists in lessons learned content*/
		clear:left;
		/*this method moves the list over 25 pixels to fix the collapsing margin
			position: relative;
			left: 25px;
		*/
	}
	
	
	option.inactive
	{
		color:#f00;
	}