﻿* {
margin: 0px;
padding: 0px;
border: 0px;
}

img
{
	border:0;
}

body
{
    background: #10171B;
    height:100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#45494F), to(#0F161A));
    background: -moz-linear-gradient(top,  #fff,  #cbccc8);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#45494F', endColorstr='#0F161A'); 
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size: 0.80em;
    color:#3c3c3c;
}

.shadow { 
	-moz-box-shadow: 3px 3px 4px #000; 
	-webkit-box-shadow: 3px 3px 4px #000; 
	box-shadow: 3px 3px 4px #000; 
	/* For IE 8 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; 
	/* For IE 5.5 - 7 */ 
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); 
}

div.site-width
{
	margin: auto; 
	width: 1000px;
	text-align: left;	
	padding-left: 0px;	
	padding-right: 0px;	
}

div.content-width
{
	width: 1000px;
}

/* 
	******************************************************************************
	HEADER
*/

	#full-width-header
	{
		width:100%;	
		background-color:#21242C;
		height:80px;
	}

	#full-width-navbar
	{
		width:100%;
		background-image:url(../images/site/header-inner-bg.png);
		background-repeat:repeat-x;
		height:42px;
	}


	#header
	{
		margin-top:-122px;	
	}

	#header-inner
	{
		height: 80px;
	}

	#logo-screen
	{
		padding-left:10px;
		float: left;
	}

	#topaction-screen
	{
		float: right;
		padding-right:10px;
		padding-top:5px;
		
	}
	
	#whyRegister
	{
		position:absolute;
		top:40px;
		left:990px;
		z-index:92;
		padding-top:20px;
		background-image:url(../images/breakoutBG.png);
		background-repeat:no-repeat;
		background-position:0px 0px;
		width:200px;
		height:100px;
		font-size:xx-small;
	}
	#whyRegister-inner
	{
		
		
	}


	
	#whyRegister ul
	{
		margin-top:8px;
		padding-left:20px;	
		list-style-position:inside;
		margin-bottom:8px;
	}
	
	#whyRegister li
	{
		margin-left:20px;
		
		list-style-type :disc;
		list-style-position:outside;
		letter-spacing:0;		
	}
	

	

	.closeWhyRegisterExplanation
	{
		position:relative;
		top:-0px;
		left:159px;
	}
	



	#logo-print
	{
		display: none;
	}

	
	/* 
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Main menu in header bar
	*/
	#navigation-wrapper
	{	
		margin-top: 0px;
		height:42px;
	}

		#navigation-menu
		{
			margin-left:16px;
			margin-top:12px;	
			float:left;
		}

			#navigation-menu ul
			{
				list-style: none;
			}
	
			#navigation-menu li
			{
				float: left;
			}
	
			#navigation-menu a
			{
				color: #ffffff;
				text-decoration: none;
			}
	
			#navigation-menu a:hover
			{
				text-decoration: none;
				color: #B4B8E4;
			}

		#navigation-search
		{
			margin-top:2px;
			margin-right:10px;
			float:right;
			z-index:0;
		}
	
			#navigation-search label
			{
				color:white;	
			}

	
			#navigation-search input.image
			{ 
				position:relative;
				top:8px;
				left:0px;
			}
		
			#navigation-search input.box
			{
				width: 180px;
				height: 14px;
				margin-left:20px;
				padding: 1px 4px 1px 4px;
				border: solid 1px #7f9db9;
			}
		
/* 
	******************************************************************************
	CONTENT
*/
	#content
	{

	}

	#content-inner
	{
		background-color: white;
		background-image: url(../images/site/content-inner-bg.png);
		background-repeat: no-repeat;
		min-height:400px;
		background-color:white;
		padding:15px 15px 15px 45px;
	}

	#content-inner-lhs-module
	{
		float:left;
		width:650px;
		padding-right:10px;
		margin-right:10px;
	}
	
	#content-inner-lhs-module p
	{
		width:640px;
	}
	
	#content-inner-lhs-module ul
	{
		margin:0px;
		padding-top:5px;
		padding-bottom:2px;
		width:510px;
		padding-left:40px;
	}

	#content-inner-lhs-module li
	{
		padding-bottom:10px;
	}

	
	#content-inner-rhs-module
	{
		float:left;
		width:370px;
	}

	#content a
	{
		color: #0e0e86;
		text-decoration: none;
	}

	#content a:hover
	{
		text-decoration: underline;
	}

	#content p
	{
		margin-top: 0px;
		margin-bottom: 20px;
		margin-left: 10px; 
		margin-right: 10px;
		padding-right:200px;

	}
	
	#content-inner h1,h2,h3
	{
		font-weight: normal;		
	}

	#content-inner h1
	{
		font-size: 1.5em;
		margin-top: 15px;
		margin-bottom: 20px;
		padding: 0px 10px 0px 2px;
		border-bottom: solid 1px #e6edf3;		
		text-align: left;
		color:#2731AB;	
	}
	
	#content-inner h2
	{
		font-size: 1.4em;
		margin-top: 40px;
		margin-bottom: 17px;
		padding: 0px 10px 5px 10px;
		border-bottom: solid 2px #e6edf3;
	}	

	#content-inner h3
	{
		color:red;
		font-size: 1.3em;
		margin-top: 30px;
		margin-left: 8px;
		margin-bottom: 4px;		
		padding: 0px 10px 5px 1px;
		letter-spacing: 0.05em;
	}
	
	#content-inner h4
	{
		margin-top: 30px;
		margin-left: 8px;
		margin-bottom: 4px;		
		padding: 0px 10px 5px 1px;
		letter-spacing: 0.05em;
	}
	
	
	#content-inner ul
	{
		margin-left: 40px;
		margin-bottom: 40px;
	}	
	
	#content-inner li
	{
		margin-bottom: 5px;
	}		

	#content-inner div.caption
	{
		border: solid 1px #e6edf3;
		padding: 1px;
		text-align: center;
		margin: 0 10px 20px 10px;
	}

	#content-inner img.caption
	{
		padding: 20px;
	}

	#content-inner p.caption
	{
		font-size: 0.9em;
		color:#4d4d4d; 
		background-color: #e6edf3;
		padding: 5px;
		margin: 0px 2px 2px 2px;
		text-align: center;
	}
	
	#content-inner img.right-align
	{
		float: right;
		padding-left: 5px;
	}
	
	#content-inner img.left-align
	{
		float: left;
		padding-right: 5px;
	}
	
	#content-inner div.right-align
	{
		float: right;
		padding-left: 5px;
	}
	
	#content-inner div.left-align
	{
		float: left;
		padding-right: 5px;
	}
	
	#content-inner hr
	{
		color: #e6edf3;
		height: 2px;
	}

	br.all
	{
		clear: both;
	}


	
	/* 
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Home-page specific content panels
	*/

	#home-feature-panel
	{
		height: 300px;
		background-color:white;
		padding:0px;
	}
	
	#home-showcase-panel
	{	
		/*
		background-image: url(../images/site/home-showcase-panel-bg.png);
		background-repeat: repeat-x;
		*/
		border-top:1px solid gray;
		background-color:#EFEFEF;
		background-position: center bottom;
		height: 100%;
	}
		
	#home-showcase-panel ul
	{	
		list-style: none;
		height: 100%;
	}

	#home-showcase-panel li
	{
		float: left;
		text-align: center;
		/*border-left: solid 1px #e9ebed;*/
	}

	#home-showcase-panel img
	{
		padding: 32px 6px 12px 6px;
	}
	
	#home-showcase-panel div
	{
		padding: 4px 4px 4px 4px;
		font-size: 0.8em;
		cursor: default;
		width: 230px;
	}

	
	#home-showcase-panel h1
	{
		color: #000b3c;
		font-size: 1.2em;
		margin: 0;
		margin-bottom: 5px;
	}
	
	#home-showcase-panel a
	{
		color: black;
	}
	
	#home-showcase-panel a:hover
	{
		color: #fe7212;
		text-decoration: none;
	}
	
	#home-showcase-panel a.outer-link
	{
		float: right;
		color: #2731AB;
		
		padding-right: 30px;
		padding-bottom: 5px;
		
		background-image: url(../images/site/page-curl.png);
		background-repeat: no-repeat;
		background-position: right bottom;		
	}
	
	#home-showcase-panel a.outer-link:hover
	{
		color: #f00;
		text-decoration: none;
	}

	/* 
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Content page right column
	*/
		#content-panel
		{
			float: left;
			width: 750px;
			margin-bottom: 40px;
		}
				
		#content-module div
		{
			width: 265px;
			float: left;
			padding-right: 10px;	
		}

		
		#content-module div p
		{
			font-size: 0.9em;
		}		
		
		#content-module div p.content-module-link
		{
			text-align: center;		
		}				
		
		#content-module div p.content-module-link a
		{
			color: #fe7212;
		}
		
		#content-module div p.content-module-link a:hover
		{
			color: red;
			text-decoration: none;
		}		
				
		#content-module div h3
		{
			text-align: center;
		}
				
		#crumbtrail
		{
			padding-top: 15px;
			margin-left: 20px;
			color: gray;
		}

		#crumbtrail a
		{
			color: gray;
		}		

	/* 
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Content page menu panel (left column)
	*/
		#menu-panel
		{
			float: left;
			width: 100px;
			margin-right: 40px;
			padding-left: 40px;
			padding-top: 61px;
		}

		#menu-panel ul
		{
			list-style: none;
			margin: 0px;
		}

		#menu-panel ul li
		{
			margin-bottom: 30px;
		}

		#menu-panel ul li ul
		{
			list-style: none;
			list-style-image: url(../images/site/search.png);
			font-size: 0.9em;
			margin-left: 0px;
			padding: 10px;
			padding-left: 30px;
			line-height: 1.75em;
			
			background-color: white;
			background-image: url(../images/site/menu-panel-bg.png);
			background-repeat: repeat-x;
			background-position: bottom;
		}

		#menu-panel ul li ul li
		{
			margin-bottom: 0px;
		}
		
		#menu-panel ul li ul li.active
		{
			font-style: italic;
		}		

		#menu-panel a
		{
			color: #001046;
		}

		#menu-panel div
		{
			padding: 4px;
			padding-left: 10px;	

			font-weight: bold;	
			background: #e6edf3;
		}

		#menu-panel div.active
		{		
			background: none;
			border-bottom: solid 2px #e6edf3;
			padding-bottom: 1px;	
		}

		#menu-panel a:hover
		{
			text-decoration: none;
			color: #fe7d18;
		}

	/* 
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Content footer bar (Print/Email page)
	*/
		#content-footer
		{
			background-color: white;
			background-image: url(../images/site/content-footer-bg.png);
			background-repeat: repeat-x;
			background-position: center bottom;
		}

		#content-footer-inner
		{
			text-align: right;
			font-size: 0.9em;
			
			padding-top: 30px;
			padding-bottom: 4px;
			padding-right: 20px;
		}
		
		#content-footer-inner img
		{
			padding-right: 5px; 
			vertical-align: middle;			
		}

/* 
	******************************************************************************
	Links Panel
*/
	#links-panel
	{

		text-align: left;
	    background: #333333;
	    height:140px;
	    background: -webkit-gradient(linear, left top, left bottom, from(#45494F), to(#0F161A));
	    background: -moz-linear-gradient(top,  #fff,  #cbccc8);
	    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#45494F', endColorstr='#0F161A'); 
	    font-family: Arial, Sans-Serif;
	    font-size: 0.8em;

	}

	#links-panel a
	{
		color: #545AA9;
		font-weight: normal;
		text-decoration: none;
		padding-right: 20px;
	}

	#links-panel a:hover
	{
		text-decoration: none;
		color: #B4B8E4;

	}

	#links-panel-inner
	{
		padding: 20px 40px 10px 20px;
		float:left;
	}
	
	#links-panel-inner-right
	{
		padding-top: 30px;
		padding-right: 18px;
		float:right;
	}

	#links-panel-inner ul
	{
		font-size: 1.1em;
		/*list-style: none; -- Uncomment to remove the bullet points*/
		padding-top: 7px;
		padding-left: 20px;
	}

	#links-panel-inner li
	{

	}


	#links-panel-inner-horizontal
	{
		padding: 14px 10px 10px 1px;
	}

	#links-panel-inner-horizontal ul
	{
		font-size: 1.1em;
		list-style: none;
		padding-top: 7px;
		padding-left: 20px;
	}

	#links-panel-inner-horizontal li
	{
		float:left;
	}


	#links-panel-inner h1
	{
		margin-left:10px;
		margin-top:10px;
		font-size:1.1em;
		font-weight: bold;		
		color:orange;
	}



/* 
	******************************************************************************
	FOOTER
*/
	#footer
	{
		text-align: left;
		
		background-image: url(../images/site/footer-bg.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		
		height: 50px;
	}

	#footer a
	{
		color: #04060a;
		font-weight: bold;
		text-decoration: none;
		
		padding-right: 20px;
	}

	#footer a:hover
	{
		text-decoration: none;
		color: #B4B8E4;

	}

	#footer-inner
	{
		background-image: url(../images/site/footer-inner-bg.png);
		background-repeat: repeat-x;
	}

	#footer-inner ul
	{
		font-size: 0.9em;
		list-style: none;
		padding-top: 7px;
		padding-left: 20px;
	}

	#footer-inner li
	{
		float: left;
	}


.featureBox-surround
{
	float:left;
	width:260px;
	min-height:80px;
	font-size:8pt;
}

#featureBox
{
	border:1px solid #8f8f8f;
    margin:0px;
}

#featureBox h2
{
	color:#2731AB;
	height:28px;
	margin:0px;
	padding-top:8px;
	padding-bottom:1px;
	background: -webkit-gradient(linear, left top, left bottom, from(#45494F), to(#0F161A));
    background: -moz-linear-gradient(top,  #fff,  #cbccc8);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#8f8f8f'); 
	text-align:center;
	font-size:1em;
	font-weight:bold;
	border:0px;
	border-bottom:1px solid #8f8f8f;
	text-decoration:none;

}

#featureBox p
{
 	color:#030303;
 	width:260px;
 	padding:5px;
}

#featureBox ul
{
	list-style-image:url('../images/linkArrow.png');
	list-style-type :disc;
	list-style-position:outside;
	letter-spacing:0;
}


#featureBox li
{
	padding-right:10px;
	color:#030303;
}

#featureBox li a:link
{

	padding-right:10px;
	color:#030303;
}



#featureBox a:link
{
	color: #04060a;
	text-decoration: none;
	padding-right: 20px;
}

#featureBox a:visited
{
	text-decoration: none;
	padding-right: 20px;
}

#featureBox a:hover
{
	color: #545AA9;
	text-decoration: underline;
}



#data-form
{
	background-color:#f8f8f8;	
	padding:2px;
}

.data-form-section
{
	background-color:white;
	display:block;
	margin-right:10px;
	margin-left:10px;
	margin-top:0px;
	margin-bottom:20px;
	border-bottom:1px solid #d3d3d3;
}

.data-form-field-surround
{
	margin-bottom:15px;
}

.data-form-button
{
	margin-left:40px;
}

.data-form-validator
{
	margin-left:40px;
	color:red;
	content: "*";
}

.data-form-validator:before
{
	color:red;
	content: "*";
}


#data-form h3
{
	color:#1e1e1e;
	margin-bottom:20px;
}


#data-form label
{
	margin-left:40px;
	width:220px;
}

#data-form label:after
{
	content: ": " 
}


#data-form input
{
	margin-left:40px;
	width:280px;
	padding:5px;
	border:1px solid #e6e6e6;
}


#data-form select
{
	margin-left:40px;
	width:280px;
	padding:5px;
	border:1px solid #e6e6e6;
	margin-bottom:10px;
}


