/*
	CSS for ProjectStory
	by LR Communication Design
	March 2009
*/

	*							{margin:0px; padding: 0px; line-height: 10px;}	
								/* every element will inherit a 10px line-height and will need its own line-height set 
						   		   I.e. line-height will NOT inherit normally. Why do this? It helps cross browser vertical alignment. */		

	body {
		background: 			url(background-gradient.jpg) repeat-x #8fd586;
		font-family: 			Verdana, sans-serif;
		color: 					#333;}

	a img {border: none;}

	a			{text-decoration: none; color: #b73f04;}
	a:link		{border-bottom: 1px dotted #b73f04;}
	a:visited	{border-bottom: 1px dotted #b73f04;}
	a:focus		{border-bottom: 1px dotted #b73f04;}
	a:hover		{border-bottom: 1px solid  #b73f04;}
	a:active	{border-bottom: 1px dotted #b73f04;}

	span.superscripted	{font-size:.75em; line-height: .5em; vertical-align:super;}
	.toUppercase		{text-transform: uppercase;}
	.containFloat		{overflow: auto; }
	div#mainContentColumn ul.noLeftIndent {margin-left: 14px;}
	div#mainContentColumn .enforceBodyColor {color: #333;}

	div#upperContent {
		position:				relative;
		overflow:				auto;	/* contain the floated sidebar */
		width:					849px;
		width:					749px;
		margin: 				0px auto; 
		background: 			url(ballon-background-upper.jpg) no-repeat #8fd586;
		padding-right:			50px;
		padding-left:			50px;}

	div#upperContent.extraLong {
		background: 			url(ballon-background-upper-XL.jpg) no-repeat #8fd586;}

		img#BankNotesLogo {
			float:				left;
			margin-top:			34px;
			margin-left:		0px;}
	
		h1 {
			/* The operational procedures... */
			padding-top:		60px;
			padding-top:		48px;
			padding-bottom:		12px;
			margin-right:		0px;
			font-size: 			14px;
			font-weight:		bold;
			font-style:			italic;
			line-height:		22px;
			text-align:			right;
			color:				#154899;}
	
		div#linksMain {
			background-color:	#44965b;
			padding-top:		13px;
			padding-bottom:		12px;
			padding-left:		10px;
			font-size: 			12px;
			font-weight:		bold;
			line-height:		16px;}

				div#linksMain a			{text-decoration: none; color:#000;border-bottom: 0px;}
				div#linksMain a:link	{color:#000;}
				div#linksMain a:visited	{color:#000;}
				div#linksMain a:focus	{color:#000;}
				div#linksMain a:hover	{color:#000; border-bottom: 1px dotted #000;}
				div#linksMain a:active	{color:#000; border-bottom: 1px solid  #000;}
			
				div#linksMain a#selectedMainMenu:link,
				div#linksMain a#selectedMainMenu:visited	{color: #fff; border-bottom: 0px;}
				div#linksMain a#selectedMainMenu:focus		{color: #fff; border-bottom: 0px;}
				div#linksMain a#selectedMainMenu:hover		{color: #fff; border-bottom: 0px;}
				div#linksMain a#selectedMainMenu:active		{color: #fff; border-bottom: 0px;}

			div#secondaryMainLinks {
				float:			right;
				margin-top:		-1px;
				margin-right:	10px;
				font-size:		12px;
				line-height:	16px;
				font-weight:	normal;
				color:			#000;}
	
				div#secondaryMainLinks a			{text-decoration: none; color:#000;}
				div#secondaryMainLinks a:link		{color:#000;}
				div#secondaryMainLinks a:visited	{color:#000;}
				div#secondaryMainLinks a:focus		{color:#000;}
				div#secondaryMainLinks a:hover		{color:#000; border-bottom: 1px dotted #000;}
				div#secondaryMainLinks a:active		{color:#000; border-bottom: 1px solid  #000;}

				div#linksMain a#selectedSecondaryMainMenu:link,
				div#linksMain a#selectedSecondaryMainMenu:visited	{color: #fff; border-bottom: 0px;}
				div#linksMain a#selectedSecondaryMainMenu:focus		{color: #fff; border-bottom: 0px;}
				div#linksMain a#selectedSecondaryMainMenu:hover		{color: #fff; border-bottom: 0px;}
				div#linksMain a#selectedSecondaryMainMenu:active	{color: #fff; border-bottom: 0px;}



		p#linksSecondary {
			background:			url(main-submenu-divider.gif) repeat-x #8fd586;
			padding-top:		7px;
			padding-bottom:		7px;
			padding-left:		10px;
			font-size: 			11px;
			font-weight:		bold;
			line-height:		16px;
			color:				#44965b;}
		
				p#linksSecondary a			{text-decoration: none; color:#000;}
				p#linksSecondary a:link		{color:#000;}
				p#linksSecondary a:visited	{color:#000;}
				p#linksSecondary a:focus	{color:#000;}
				p#linksSecondary a:hover	{color:#000; border-bottom: 1px dotted #000;}
				p#linksSecondary a:active	{color:#000; border-bottom: 1px solid  #000;}
			
				p#linksSecondary a#selectedSecondaryMenu:link,
				p#linksSecondary a#selectedSecondaryMenu:visited	{color: #fff; border-bottom: 0px;}
				p#linksSecondary a#selectedSecondaryMenu:focus		{color: #fff; border-bottom: 0px;}
				p#linksSecondary a#selectedSecondaryMenu:hover		{color: #fff; border-bottom: 0px;}
				p#linksSecondary a#selectedSecondaryMenu:active		{color: #fff; border-bottom: 0px;}



	div#mainContentColumn {
			float:				left;
			width:				503px;
			width:				483px;
			margin-top:			18px;
			padding-right:		10px;
			padding-left:		10px;}

		div#mainContentColumn.fullWidth {
			float:				none;
			width:				739px;
			padding-right:		0px;
			padding-left:		0px;}

		div#mainContentColumn.screenshots {
			float:				none;
			width:				739px;
			padding-right:		0px;}

		div#mainContentColumn h2 {
			margin-bottom:		7px;
			font-size:			10px;
			font-weight:		bold;
			line-height:		normal;
			color:				#154899;}

		div#mainContentColumn p {
			margin-bottom:		5px;
			font-size:			10px;
			line-height:		16px;;
			color:				#333;}

		div#mainContentColumn p.wideVerticalSpacing {
			margin-top:		10px;}

		div#mainContentColumn .lastPInSection {margin-bottom:27px;}
		/* any element can be the last in a section in the main column */

		div#mainContentColumn ul {
			margin-top:			10px;
			margin-bottom:		10px;
			margin-left:		26px;}

		div#mainContentColumn ul li {
			font-size:			10px;
			line-height:		16px;}

		div#mainContentColumn ul li a {
			line-height:		16px;}	/* for Opera */


		div#mainContentColumn ul.tightSpacing {
			margin-top:			2px;
			margin-bottom:		3px;}
			
		span.initialCap {margin-right:3px; font-weight:bold; color:#154899;}

		div#mainContentColumn p.answerInContentArea {margin-bottom:20px;}
		div#mainContentColumn p.noBottommargin 		{margin-bottom:0px;}
		div#mainContentColumn ul.listInAnswer		{margin-top: 5px; margin-bottom:20px; margin-left: 33px;}


	div#sidebarColumn {
		float:					left;
		width:					246px;
		margin-top:				18px;
		font-size:				10px;}

		div.sidebarWidget		{background: url(widget-background-top.gif) no-repeat;}

			div.sidebarWidget h3 {
				padding-top:	9px;
				margin-bottom:	5px;
				margin-left:	10px;
				font-size:		10px;
				text-transform:	uppercase;
				color:			#154899;
				line-height:	16px;}
	
			div.sidebarWidget p {
				margin-right:	10px;
				margin-bottom:	5px;
				margin-left:	10px;
				font-size:		10px;
				line-height:	16px;}
	
			div.sidebarWidget ul {
				margin-left:	24px;
				margin-right:	10px;
				color:			#154899;}
	
				div.sidebarWidget ul li,
				div.sidebarWidget ul li span {
					/* 	span is styled for Opera which does not apply the line-height if the li does not contain a text node.
						In the HTML the li contains only a span with text inside and no text directly in the li. */
					margin-bottom:		5px;
					line-height:		16px;}
	
				div.sidebarWidget ul li span {
					color:				#333;}

			div.sidebarWidget .lastItemInWidget {margin-bottom:0px;}
			div.sidebarWidget .onlyALink {margin-bottom:0px; padding-bottom:4px;}
			
			div.sidebarWidget span.initialCap {margin-right:3px; font-weight:bold; color:#154899;}

			div.sidebarWidget p.FAQquestion 	{ color:#154899;}
			div.sidebarWidget p.answerInWidget	{margin-bottom:10px;}

			div.widgetBottom {
				height:					10px;
				margin-bottom:			20px;
				background:				url(widget-background-bottom.gif) no-repeat;}

			div.lastWidgetBottom {
				height:					10px;
				margin-bottom:			0px;
				background:				url(widget-background-bottom.gif) no-repeat;}

			div.sidebarWidget a			{text-decoration: none; color: #b73f04; }
			div.sidebarWidget a:link	{border-bottom: 1px dotted #b73f04;}
			div.sidebarWidget a:visited	{border-bottom: 1px dotted #b73f04;}
			div.sidebarWidget a:focus	{}
			div.sidebarWidget a:hover	{border-bottom: 1px solid;}
			div.sidebarWidget a:active	{border-bottom: 1px dotted; }


		div#signUpWidgetTop.sidebarWidget {
			background: 			url(widget-signup-background-top.gif) no-repeat;}

			div#signUpWidgetTop.sidebarWidget h3 {
				/* the link inside this h3 carries most of the formatting */
				text-align:				center;
				text-shadow:			1px 1px 1px #e6f0fe;}
	
				div#signUpWidgetTop.sidebarWidget h3 a			{
					line-height:		22px;		/* testing line-height as a way to manage cross browser vertical alignment */
					text-decoration: 	none; 
					border-bottom: 		1px dotted transparent;
					color:				#333;}
				div#signUpWidgetTop.sidebarWidget h3 a:link		{}
				div#signUpWidgetTop.sidebarWidget h3 a:visited	{}
				div#signUpWidgetTop.sidebarWidget h3 a:focus	{}
				div#signUpWidgetTop.sidebarWidget h3 a:hover	{border-bottom: 1px dotted #333;}
				div#signUpWidgetTop.sidebarWidget h3 a:active	{border-bottom: 1px solid  #333;}
			
			div#signUpWidgetTop.sidebarWidget p {
				margin-bottom:			0px;	/* override inheritance */
				text-align:				center;
				font-weight:			bold;
				line-height:			14px;}
			
			div#signUpWidgetBottom.widgetBottom {
				background: 			url(widget-signup-background-bottom.gif) no-repeat;}


	div#footer	{
		position:				relative;
		height:					180px;
		width:					849px;
		width:					749px;
		margin: 				0px auto; 
		background: 			url(ballon-background-lower.jpg) no-repeat;
		padding-right:			50px;
		padding-left:			50px;
		font-size: 				11px; 
		color:					#333;}

		div#footer a			{text-decoration:none; color:#333;}
		div#footer a:link		{border-bottom: 1px dotted #e7f4ff;}
		div#footer a:visited	{border-bottom: 1px dotted #e7f4ff;}
		div#footer a:focus		{border-bottom: 1px dotted #e7f4ff;}
		div#footer a:hover		{border-bottom: 1px solid  #e7f4ff;}
		div#footer a:active		{border-bottom: 1px dotted #e7f4ff;}

		div#copyrightBlock {
			float:				left;
			width:				300px;
			padding-top:		92px;
			padding-left:		9px;}

			div#copyrightBlock p {line-height:	16px;}

		div#extraBlock {
			float:				left;
			width:				250px;
			margin-left:		184px;
			color:				#fff;}
		
			div#extraBlock p {
				margin-left:	22px;
				padding-top:	72px;
				font-weight:	bold;
				line-height:	16px;}
		
			div#extraBlock ul {
				margin-top:		4px;
				margin-left:	25px;}
		
			div#extraBlock ul li {}
		
				div#extraBlock a {
					line-height:		16px;	/* put here rather than earlier in the hierarchy, for Opera's sake */
					text-decoration:	none; 
					color:				#262626;}
		
					div#extraBlock a:link		{border-bottom: 1px dotted #e7f4ff;}
					div#extraBlock a:visited	{border-bottom: 1px dotted #e7f4ff;}
					div#extraBlock a:focus		{border-bottom: 1px dotted #e7f4ff;}
					div#extraBlock a:hover		{border-bottom: 1px solid  #e7f4ff;}
					div#extraBlock a:active		{border-bottom: 1px dotted #e7f4ff;}


	/* getting-started.html - brought over from PSCertify... */

		div#mainContentColumn  h2.pricingSignUp	{margin-bottom:12px; color: #272727;}

		table#signUpTable {
			table-layout:			fixed;
			border-collapse:		collapse;
			border-spacing:			0px;
			background-color:		#e9fde6;
			width:					100%;}

		table#signUpTable th#col1	{width:  90px; padding-left: 10px;}
		table#signUpTable th#col2	{width: 310px;}
		table#signUpTable th#col3	{width:  auto;}
		
		table#signUpTable td						{padding-left: 10px; padding-bottom: 6px; font-size: 11px;}
		table#signUpTable td.rowWithSpaceAbove		{padding-top:   13px; padding-bottom: 9px;}
		table#signUpTable td.withText				{padding-bottom: 5px; line-height:  16px;}

		img.validationGraphic		{display:none;}

		#firstName, #lastName, 
		#title, #company, #email, 
		#phone						{width: 292px; border:1px solid #b9eab2; padding: 4px;font-size: 11px;}
		#description, #comments		{width: 292px; height: 66px; border:1px solid #b9eab2; padding: 3px;font-size: 11px;}
		td#submitButtonTD			{text-align: center;}
		
		#operational-procedures-support-button	{
			width:					114px;
			height:					45px;
			margin-top: 			13px; 
			margin-bottom: 			16px;
			background:				url(operational-procedures-support-button.jpg) no-repeat;}


	/* sign-up-pricing-thank-you.html */

		div#mainContentColumn  p#thankYouParagraph {
			width:					468px;
			margin-bottom:			19px;
			border-bottom:			1px solid #a0de98;
			padding-bottom:			17px;
			font-size:				11px;
			font-weight: 			bold;}


	/* FAQ.html */

		div#mainContentColumn div.divAsP {
			margin-bottom:	14px;
			font-size:		10px;
			line-height:	16px;
			color:			#333;}

		div#mainContentColumn.FAQ h3 {
			margin-top:			14px;
			margin-bottom:		7px;
			font-size:			10px;
			font-weight:		bold;
			line-height:		normal;
			color:				#154899;}

		#mainContentColumn span.FAQActuator {
			border-bottom: 		1px dotted transparent;
			color:				#154899;
			cursor:				pointer;}

		#mainContentColumn span.FAQActuatorHover {
			border-bottom: 		1px dotted #154899;}


		/* experience-in-many-operational-domains.html */

		table#operationalDomainsList {
			table-layout:		fixed;
			border-collapse:	collapse;
			border-spacing:		0px;
			width:				463px;
			margin-top:			10px;
			margin-left:		0px;
			background:			url(many-operational-domains-background.gif) no-repeat;}

		table#operationalDomainsList tr#widthControl td#col1 {width: 150px}
		table#operationalDomainsList tr#widthControl td#col2 {width: 170px}
		table#operationalDomainsList tr#widthControl td#col3 {width: auto;}
		table#operationalDomainsList tr#widthControl td#col4 {width: auto;}
		
		table#operationalDomainsList td {
			padding:			0px;
			vertical-align:		top;}

		table#operationalDomainsList h3 {
			margin-left:		12px;
			margin-top:			14px;
			margin-bottom:		7px;
			font-size: 			11px;
			line-height:		18px;
			font-weight:		bold;
			color:				#005e36;}

		table#operationalDomainsList ul { 
			margin-top:			0px;
			margin-bottom:		24px;}
			
		table#operationalDomainsList ul#odList1 {margin-left: 47px; }
		table#operationalDomainsList ul#odList2 {margin-left: 27px; }
			
		div#mainContentColumn  table#operationalDomainsList li {
			margin-bottom:		9px;
			font-size: 			11px;
			line-height:		15px;
			color:				#44965b;}

		div#mainContentColumn  table#operationalDomainsList li span {color: #000;}

		h3#operationalDomainsH3 {
			margin-top:			14px;
			margin-bottom:		6px;
			font-size: 			11px;
			line-height:		18px;
			font-weight:		bold;
			font-style:			italic;
			color:				#005e36;}

		#mainContentColumn p.caption {width: 400px;
			margin-top:			0px;
			margin-bottom:		12px;}

		img#exampleOfConsultingServices {margin-left: -2px;}


	/* about-ProjectStory-financial-services-consulting.html */
	
		body#about div#mainContentColumn 	{
			background: url(workflow-procedures-bank-financial-services-background.jpg) no-repeat 0px 0px;	/* color image repeat left top */
			padding-top: 30px;}	
			
		body#about div#mainContentColumn p	{margin: 0px 80px 20px 20px; font-size: 12px; line-height: 16px;}
		body#about div#mainContentColumn p strong	{line-height: 16px;}