/* CSS Document */

/******************************************************************
*	Created by Jerrod Jackson | ShareBuilder Products Group
*	alias/email: jejackson@ingdirect.com
******************************************************************/

/******************************************************************
*	Global CSS properties
******************************************************************/

html
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	text-align:center;
}

body
{
	margin:0;
	padding:0;
}
a:link
{
	color:#0000ff;
	text-decoration:none;
}

a:link:hover
{
	color:#ff6600;
	text-decoration:underline;
}

a:visited
{
	color:#0000ff;
	text-decoration:none;
}

a:visited:hover
{
	color:#ff6600;
	text-decoration:underline;
}

.Bold
{
	font-weight:bold;
}

h3
{
	font-size: 16px;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom: 2px solid #666666;
}

h4
{
	font-size: 14px;
	font-weight:bold;
	margin-bottom:10px;
}

p
{
	margin:0;
	padding:0 0 10px 0;
}

a img { border: none; }

.stage /*master container*/
{
	width:780px;
	margin:0 auto 0 auto;
	text-align:left;
	padding-top:10px;
}

div 
{
	margin:0;
	padding:0;
}

div.Clear
{
	clear:both;
}

.closeIcon
{
	padding-left:5px;
	line-height:22;
	border:hidden;
}

/******************************************************************
*	Modal 
******************************************************************/

#modalDemo
{
	display:none;
	position:absolute;
	top: 0pt; 
	left: 0pt; 
	width:100%;
}

div.closeModal
{
	text-align:right;
	line-height:22px;
	background-color:#000000;
	width:812px;
	height:24px;
	margin:0 auto 0 auto;
	z-index:999;
}

div.modalVideo
{
	width:812px;
	height:619px;
	margin:0 auto 0 auto;
}

div.modalOverlay
{
	width:100%;
	height:1200px;
	overflow:hidden;
	margin:0 auto 0 auto;
	text-align:left;
	opacity: .7; 
	padding-top:15px;
	background-color:#000000; 
	z-index:100000;
}


/******************************************************************
*	Masthead
******************************************************************/

.mastheadModule /*container*/
{
	width:780px;
	height:75px;
	text-align:left;
	clear:both;
}

.mastheadModuleING
{
	float:left;
/*	text-indent:-999999px;
	background-image:url(images/ShareBuilderLogo.gif);
*/	width:250px;
	height:66px;
}

.mastheadModuleSB
{
	float:right;
/*	text-indent:-999999px;
	background-image:url(images/ShareBuilderLogo-small.gif);
*/	width:163px;
	height:24px;
	margin-top:26px;
}

/******************************************************************
*	Navigation
******************************************************************/

.navModule /*container*/
{
	width:780px;
	height:26px;
	text-align:left;
	clear:both;
	border-bottom:10px solid #000066;
}

.navTab
{
	float:left;
}

/******************************************************************
*	Content
******************************************************************/

#contentModule /*container*/
{
	width:776px;
	text-align:left;
	background-image:url(../images/OrangeFadeBG.gif);
	background-repeat:repeat-x;
	background-position:top;
	border-top:2px solid #b4c3e1;
	border-left:2px solid #b4c3e1;
	border-right:2px solid #b4c3e1;
	border-bottom:2px solid #b4c3e1;
	position:relative;
}

	/*************************************************************
	* this container is for the section tagline and demo button  *
	*************************************************************/
		
	#contentBanner /*container*/
	{
		padding:30px;
		position:relative;
		width:716px;
	}
	
		.contentTaglineAI
		{
			float:left;
			position:relative;
			text-indent:-999999px;
			background-image:url(../images/tradesiteTagline_AI.gif);
			background-repeat:no-repeat;
			width:440px;
			height:68px;
		}
		
		.contentTaglineRTT
		{
			float:left;
			position:relative;
			text-indent:-999999px;
			background-image:url(../images/tradesiteTagline_RTT.gif);
			background-repeat:no-repeat;
			width:440px;
			height:68px;
		}
		
		.contentTaglineMF
		{
			float:left;
			position:relative;
			text-indent:-999999px;
			background-image:url(../images/tradesiteTagline_MF.gif);
			background-repeat:no-repeat;
			width:440px;
			height:68px;
		}
		
		.contentTaglineOT
		{
			float:left;
			position:relative;
			text-indent:-999999px;
			background-image:url(../images/tradesiteTagline_OT.gif);
			background-repeat:no-repeat;
			width:440px;
			height:68px;
		}
		
		.contentTaglineM
		{
			float:left;
			position:relative;
			text-indent:-999999px;
			background-image:url(../images/tradesiteTagline_M.gif);
			background-repeat:no-repeat;
			width:440px;
			height:68px;
		}
		
		.contentButton /*container*/
		{
			float:right;
			position:relative;
			padding:10px 0px 0px 0px;
		}
		
			.contentDemoButtonAI
			{	
				height:41px;
				width:203px;
			}
			
			.contentNotACustomer
			{
				font-size:11px;
				text-align:center;
			}
		
	/***********************************************************
	* this container is the secondary nav items				   *
	***********************************************************/
		
	#contentActual /*container*/
	{
		padding:0px 0px 0px 0px;
		margin:30px 10px 0px auto;
		position:relative;
		
	}
	*+html #contentActual {margin-right:-1px;float:left;margin-top:0;}
	
		/***********************************************************
		* this container is for the deselected secondary nav item  *
		***********************************************************/
			
		.contentTitleBar /*container*/
		{
			z-index:1;
			float:left;
			margin-bottom:10px;
			position:relative;
			clear:left;
		}
		
			.contentTitleBar .contentTitleLeft
			{
				width:17px;
				height:58px;
				float:left;
				position:relative;
				background-image:url(../images/contentTitleBarLeft.gif);
				background-repeat:no-repeat;
			}
			
			.contentTitleBar .contentTitle
			{
				font-size:16px;
				font-weight:bolder;
				line-height:58px;
				text-align:left;
				color:#ff6600;
				width:279px;
				height:58px;
				float:left;
				position:relative;
				background-image:url(../images/contentTitleBar.gif);
				background-repeat:repeat-x;
			}
			
			.contentTitleBar .contentTitle a
			{
				font-size:16px;
				font-weight:bolder;
				line-height:58px;
				color:#ff6600;
				text-decoration:none;
				width:279px;
				height:58px;
				float:left;
				position:relative;
				background-image:url(../images/contentTitleBar.gif);
				background-repeat:repeat-x;
			}
			
			.contentTitleBar .contentTitle a:hover
			{
				font-size:16px;
				font-weight:bolder;
				line-height:58px;
				color:#000066;
				text-decoration:underline;
				width:279px;
				height:58px;
				float:left;
				position:relative;
				background-image:url(../images/contentTitleBar.gif);
				background-repeat:repeat-x;
			}
			
			.contentTitleBar .contentTitle a:visited
			{
				font-size:16px;
				font-weight:bolder;
				line-height:58px;
				color:#ff6600;
				text-decoration:none;
				width:279px;
				height:58px;
				float:left;
				position:relative;
				background-image:url(../images/contentTitleBar.gif);
				background-repeat:repeat-x;
			}
			
			.contentTitleBar .contentTitle a:visited:hover
			{
				font-size:16px;
				font-weight:bolder;
				line-height:58px;
				color:#000066;
				text-decoration:underline;
				width:279px;
				height:58px;
				float:left;
				position:relative;
				background-image:url(../images/contentTitleBar.gif);
				background-repeat:repeat-x;
			}
			
			.contentTitleBar .contentTitleRight_Top
			{
				width:6px;
				height:58px;
				float:left;
				position:relative;
				background-image:url(../images/contentTitleBarRight_Top.gif);
				background-repeat:repeat-x;
			}
			
			.contentTitleBar .contentTitleRight_Middle
			{
				display:none;
				width:6px;
				height:58px;
				float:left;
				position:relative;
			}
			
		/****************************************************************
		* this container is for the selected active secondary nav item  *
		****************************************************************/
			
		.contentLiveTitleBar /*container*/
		{
			z-index:999;
			float:left;
			position:relative;
			margin-bottom:10px;
			position:relative;
			clear:left;
		}
		
			.contentLiveTitleBar .contentTitleLeft
			{
				width:17px;
				height:58px;
				float:left;
				position:relative;
				background-image:url(../images/contentLiveTitleBarLeft.gif);
				background-repeat:no-repeat;
			}
			
			.contentLiveTitleBar .contentTitle
			{
				font-size:16px;
				line-height:58px;
				font-weight:bolder;
				text-align:left;
				color:#000066;
				float:left;
				position:relative;
				width:279px;
				height:58px;
				background-image:url(../images/contentLiveTitleBar.gif);
				background-repeat:repeat-x;
			}
			
			.contentLiveTitleBar .contentTitleRight_Top
			{
				width:6px;
				height:58px;
				float:left;
				position:relative;
				background-image:url(../images/contentLiveTitleBarRight_Top.gif);
				background-repeat:no-repeat;
			}
			
			.contentLiveTitleBar .contentTitleRight_Middle
			{
				width:6px;
				height:58px;
				float:left;
				position:relative;
				background-image:url(../images/contentLiveTitleBarRight_Middle.gif);
				background-repeat:no-repeat;
			}
	
	/**************************************************************
	* this section is for displaying the main text content 		  *
	**************************************************************/
			
	#contentLive  /*container*/
	{
		float:none;
		position:relative;
		margin-left:296px;
		z-index:0;
	}
	
	*+html #contentLive  /*container*/
	{
		margin-left:-6px;
		z-index:-1 !important;
		float:right;
	}	
		
		.contentLiveTop
		{
			background-image:url(../images/contentLiveTop.gif);
			background-repeat:no-repeat;
			width:420px;
			height:7px;
		}
		
		.contentLiveBody
		{
			background-image:url(../images/contentLiveBody.gif);
			background-repeat:repeat-y;
			width:420px;
			padding:20px 0 15px 0;
			z-index:50;
		}
		
		*+html .contentLiveBody
		{
			min-height:160px;
		}
		
			/**************************************************************
			* this P tag controls the formatting of the body copy 		  *
			**************************************************************/
					
			.contentLiveBody p
			{
				padding:0px 30px 10px 30px;
				text-align:left;
			}
			
			.contentLiveBody p.note
			{
				font-style:italic;
			}
			
			.contentLiveBody p.flashNote
			{
				font-style:normal;
				font-size:10px;
			}
			
			.contentLiveBody ul
			{
				margin-left:47px;
				margin-bottom:12px;
				margin-top:0px;
			}
			
			/********************************************************************
			* this controls the layout of a 3 column table in the content area  *
			********************************************************************/
			
			.threeColumnTable
			{
				padding:0px 30px 10px 30px;
				margin-top:10px;
				margin-bottom:60px;
				text-align:left;
				position:relative;
			}
			
				.threeColumnTable .head_1
				{
					font-weight:bold;
					text-align:center;
					width:119px;
					border-right: 1px solid #000000;
					border-bottom: 1px solid #000000;
					float:left;
				}
						
				.threeColumnTable .head_2
				{
					font-weight:bold;
					text-align:center;
					width:119px;
					border-right: 1px solid #000000;
					border-bottom: 1px solid #000000;
					float:left;
				}
						
				.threeColumnTable .head_3
				{
					font-weight:bold;
					text-align:center;
					width:120px;
					border-right: 0px solid #ffffff;
					border-bottom: 1px solid #000000;
					float:left;
				}
						
				.threeColumnTable .data_1
				{
					font-weight:normal;
					text-align:center;
					width:119px;
					min-height:50px;
					padding-top:5px;
					border-right: 1px solid #000000;
					border-bottom: 0px solid #000000;
					float:left;
				}
						
				.threeColumnTable .data_2
				{
					font-weight:normal;
					text-align:center;
					width:119px;
					min-height:50px;
					padding-top:5px;
					border-right: 1px solid #000000;
					border-bottom: 0px solid #000000;
					float:left;
				}
						
				.threeColumnTable .data_3
				{
					font-weight:normal;
					text-align:center;
					width:120px;
					min-height:50px;
					padding-top:5px;
					border-right: 0px solid #ffffff;
					border-bottom: 0px solid #000000;
					float:left;
				}
						
		.contentLiveBottom
		{
			background-image:url(../images/contentLiveBottom.gif);
			background-repeat:no-repeat;
			width:420px;
			height:7px;
		}
				
	
/******************************************************************
*	Footer
******************************************************************/

.footerModule
{
	width:760px;
	text-align:left;
	padding:10px;
	font-size:11px;
	clear:both;
}

#contentIndexLink a
{
	color:#FFFFFF;
	text-indent:-999999px;
}

#contentIndexLink a:hover
{
	color:#FFFFFF;
	text-indent:-999999px;
}

#contentIndexLink a:visited
{
	color:#FFFFFF;
	text-indent:-999999px;
}

/******************************************************************
*	contentIndex file's layout containers
******************************************************************/

#indexContent
{
	padding:0px 20px 20px 20px;
}

#columnOne
{
	float:left;
	width:200px;
}

#columnOne p
{
	margin:0;
	padding:0 0 0px 0;
}

#columnTwo
{
	float:left;
	width:200px;
}

#columnTwo p
{
	margin:0;
	padding:0 0 0px 0;
}

#noAccount
{
	float: right;
}