﻿/***************************
 * Main layout 
 ***************************/

body
{
	background-image: url(../Images/BodyBg.gif);
}

#MainWrapper
{
	width:950px;
	margin:0px auto;
	background-color: #FFFFFF;
}

.Main
{
	padding:0px 40px 0px 43px;
}

.Home
{
}

#BodyWrapper
{
	padding-top: 25px;
}

.LeftColumn
{
	float: left;
	width: 171px;
}

.RightMiddleWrapper
{
	float: right;
	width: 621px;
}

.MiddleColumn
{
	float: left;
	width: 362px;
}

.RightColumn
{
	float: right;
	width: 175px;
}

.RightColumn #SoapboxHolder
{
	width: 175px;
	overflow:hidden;
}

/***************************
 * Header
 ***************************/

#Header
{
	position: relative;
	height: 170px;
	background-image: url(../Images/HeaderBg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#Logo
{
	position: absolute;
	top: 72px;
	left: 565px;
}

#CallPhoneNumber
{
	position: absolute;
	width: 177px;
	height: 19px;
	top: 72px;
	background-image: url(../Images/CallPhoneNumber.gif);
	background-repeat: no-repeat;
}

#CallPhoneNumber a
{
	display: block;
	width: 177px;
	height: 19px;
}

#LoginLinks
{
	position: absolute;
	width: 215px;
	height: 29px;
	top: 101px;
}

#LoginLinks h3
{
	float: left;
	width: 61px;
	height: 29px;
	background-image: url(../Images/LoginPrompt.gif);
	margin: 0px;
}

#LoginLinks ul
{
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
	height: 29px;
}

#LoginLinks ul li
{
	float: left;
	height: 29px;
	margin: 0px;	
}

#LoginLinks ul li a
{
	display: block;
	width: 77px;
	height: 29px;
	background-repeat: no-repeat;
}

#LoginLinks ul li a:Hover
{
	background-position: 0px -29px;
}

#LoginLinks ul li.MembersLoginLink a
{
	background-image: url(../Images/MembersLoginLink.gif);
}

#LoginLinks ul li.EmployersLoginLink a
{
	background-image: url(../Images/EmployersLoginLink.gif);
}

#SearchForm
{
	position: absolute;
	left: 246px;
	top: 111px;
	width: 220px;
}

#SearchForm input.SearchTextBox
{
	font-family:Arial, Helvetica, Sans-Serif;
	color: #333333;
	border: solid 1px #cecece;
	width: 160px;
	font-size: 1em;
}

/***************************
 * Top Nav
 ***************************/

#TopNav ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 31px;
}

#TopNav ul li
{
	float: left;
	height: 31px;
	margin: 0px;
}

#TopNav ul li a
{
	display: block;
	height: 31px;
	background-repeat: no-repeat;
}

#TopNav ul li a:Hover,
#TopNav ul li.Active a
{
	background-position: 0px -31px;
}

#TopNav ul li.NavHome a
{
	width: 123px;
	background-image: url(../Images/NavHome.gif);
}

#TopNav ul li.NavMembers a
{
	width: 123px;
	background-image: url(../Images/NavMembers.gif);
}

#TopNav ul li.NavEmployers a
{
	width: 124px;
	background-image: url(../Images/NavEmployers.gif);
}

#TopNav ul li.NavInvestments a
{
	width: 124px;
	background-image: url(../Images/NavInvestments.gif);
}

#TopNav ul li.NavNews a
{
	width: 124px;
	background-image: url(../Images/NavNews.gif);
}

#TopNav ul li.NavSuperGuide a
{
	width: 124px;
	background-image: url(../Images/NavSuperGuide.gif);
}

#TopNav ul li.NavAboutUs a
{
	width: 124px;
	background-image: url(../Images/NavAboutUs.gif);
}

/***************************
 * Sub nav
 ***************************/

#SubNav
{
}

#SubNav ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#SubNav ul li
{
	padding:0px;
	background-image:url(../Images/SubNavBg.gif);
  background-position:0px bottom;
  background-repeat:repeat-x;
  height: 1%;
}

#SubNav ul li a
{  
	display: block;
	background-image:url(../Images/SubNavBullet.gif);
  background-position:right 5px;
  background-repeat:no-repeat;
  padding: 4px 10px 5px 0px;
  text-decoration: none;
  color: #676767;
  font-weight: bold;
}

#SubNav ul li a:Hover
{
	background-image:url(../Images/SubNavCurrentBullet.gif);
	color: #35BEDC;
}

#SubNav ul li a.Current
{  
	background-image:url(../Images/SubNavCurrentBullet.gif);
	color: #18b5d7;
}

#SubNav ul li a.CurrentOpen
{  
	background-image:url(../Images/SubNavCurrentOpenBullet.gif);
  background-position:right 8px;	
	color: #18b5d7;
}

#SubNav ul li a.Open
{	
	background-image:url(../Images/SubNavOpenBullet.gif);
  background-position:right 8px;	
	color: #676767;
}

#SubNav ul li a.CurrentOpen, #SubNav ul li a.Open:Hover
{	
	background-image:url(../Images/SubNavCurrentOpenBullet.gif);
}

#SubNav ul li ul
{
	padding-bottom: 2px;
}

#SubNav ul li ul li
{
	background-image: none;
}

#SubNav ul li ul li a
{  
	font-weight: normal;
  padding: 1px 10px 4px 8px;
  background-image: none;
}

#SubNav ul li ul li a.Current
{  
  background-image: none;
	font-weight: bold;
	color: #18b5d7;
}

#SubNav ul li ul li a.CurrentOpen
{  
  background-image: none;
	font-weight: bold;
	color: #18b5d7;
}

#SubNav ul li ul li a:Hover
{
	background-image: none;
}  

/***************************
 * Content styles
 ***************************/

.ContentTitle h1
{
	margin: 0px;
}

.BodyContent ul
{
	margin: 10px 0px;
	padding: 0px;
	list-style-type: none;
}

.BodyContent ul li
{
	background-image: url(../Images/Bullet.gif);
	background-repeat: no-repeat;
	background-position: 16px 4px;
	margin: 0px;
	padding: 0px 0px 6px 36px;
}

.ContentSection a
{
	color: #35BEDC;
	text-decoration: none;
}

.ContentSection a:Hover
{
	text-decoration: underline;
}

.SectionLinks h3
{
	background-image: url(../Images/OtherResourcesTitle.gif);
	background-repeat: no-repeat;
	height: 12px;
	margin-top: 24px;
}

.SectionLinks ul
{
	margin: 10px 0px;
	padding: 0px;
	list-style-type: none;
}

.SectionLinks ul li
{
	background-repeat: no-repeat;
	background-position: 0px 1px;
	margin: 0px;
	padding: 0px 0px 8px 25px;
}

.SectionLinks ul li a
{
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

.SectionLinks ul li div.LinkDescription
{
	padding-top: 1px;
	font-size: 0.9em;
	color: #999999;
}

div.TableHeader, 
p.TableHeader
{
	margin: 18px 0px 0px;
	padding: 8px 5px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #666666;
}

.BodyContent table
{
	width: 100%;
}

.BodyContent table tr td
{
	padding: 5px;
	background-image:url(../Images/SubNavBg.gif);
  background-position:0px bottom;
  background-repeat:repeat-x;
}

.Footnote
{
	padding: 5px 0px;
	font-size: 0.9em;
	color: #999999;
}

.BackToTop
{
	float: right;
	padding: 18px 10px 0px 0px;
	background-image: url(../Images/UpArrow.gif);
	background-position: right 23px;
	background-repeat: no-repeat;
}

/***************************
 * Q & A's
 ***************************/

.QuestionText
{
	font-weight: bold;
	font-size: 1.1em;
	font-style: italic;
}

.QandALink
{
	padding: 3px 0 3px 20px;
}

.QandALink a,
.QandABodyLink,
.QandABackLink
{
	color: #35BEDC;
	text-decoration: none;
	font-weight: bold;
}

/***************************
 * News
 ***************************/

.NewsLinks ul
{
	margin: 10px 0px;
	padding: 0px;
	list-style-type: none;
}

.NewsLinks ul li
{
	margin: 0px;
	padding: 0px 0px 8px 0px;
}

.NewsLinks ul li a
{
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

.NewsLinks ul li div.LinkDescription
{
	padding-top: 1px;
	color: #333333;
}

.NewsLinks ul li div.LinkDescription p
{
	margin-top: 0px;
}

.NewsLinks ul li a:Hover
{
	text-decoration: underline;
}

.NewsDate
{
	color: #999999;
	font-weight: bold;
}

/***************************
 * Search
 ***************************/

#Search input.SearchTextBox
{
	font-family:Arial, Helvetica, Sans-Serif;
	color: #333333;
	border: solid 1px #cecece;
	width: 160px;
	font-size: 1em;
}

#Search ol
{
}

#Search ol li
{
}

#Search ol li a
{
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

#Search ol li a:Hover
{
	text-decoration: underline;
}

.SearchValidationMessage
{
	display: block;
	padding: 5px 0px;
	font-weight: bold;
}

/***************************
 * Features
 ***************************/

.FeatureTile
{
	padding-top: 20px;
}

/***************************
 * Home page
 ***************************/

.HomeWrapper
{
	background: #333333;
	position: relative;
	width: 100%;
}

.HomeLeft
{
	float: left;
	width: 226px;
}

.HomeLeftInner
{
	padding: 12px 0px 0px 12px;
}

.ForMembersLinks h3,
.ForEmployersLinks h3
{
	background-repeat: no-repeat;
	height: 16px;
	margin: 0px;
}

.ForMembersLinks h3
{
	background-image: url(../Images/ForMembersTitle.gif);
}

.ForEmployersLinks h3
{
	background-image: url(../Images/ForEmployersTitle.gif);
}

.LinkGroup h3
{
	background-repeat: no-repeat;
	margin: 0px;	
}

.ForMembersLinks ul,
.ForEmployersLinks ul,
.LinkGroup ul
{
	margin: 0px;
	padding: 3px 0px 10px;
	list-style-type: none;
}

.ForMembersLinks ul li,
.ForEmployersLinks ul li,
.LinkGroup ul li
{
	background-image: url(../Images/HomeListBullet.gif);
	background-repeat: no-repeat;
	background-position: 4px 5px;
	padding: 2px 0px 2px 18px;
}

.ForMembersLinks ul li a,
.ForEmployersLinks ul li a,
.LinkGroup ul li a
{
	color: #cccccc;
	text-decoration: none;
}

.ForMembersLinks ul li a,
.ForEmployersLinks ul li a
{
	font-weight: bold;
}

.ForMembersLinks ul li a:Hover,
.ForEmployersLinks ul li a:Hover
{
	color: #35BEDC;
}

.LinkGroup ul li a:Hover
{
	color: #FFFFFF;
}

.LinkSetDivider
{	
	background-image: url(../Images/LinkSetDividerBg.gif);
	background-repeat: repeat-x;
	height: 11px;
	background-position: left center;
	margin-bottom: 10px;
}

.HomeRight
{
	float: right;
	width: 621px;
}

#MarketingTile
{
	width:621px;
	height:292px;
	overflow:hidden;
}

#MarketingTile img
{
	display:block;
}

.OtherHomeTiles
{
	text-align: center;
	padding: 18px 0px 0px 0px;
}

.OtherHomeTiles img
{
	margin-right: 1px;
}

.Home .JoinNowBellerina
{
	bottom: 45px;
	display: block;
	height: 45px;
	right: -8px;
	position: absolute;
	width: 50px;
}

.HomeFooter
{
	color: #666666;
	text-align: center;
	padding: 25px 8px 8px;
}

#HomeBallerina
{
	position: absolute;
	width: 50px;
	height: 90px;
	right: -9px;
	bottom: 0px;
}

/***************************
 * Footer
 ***************************/

#Footer #FooterBanner
{
	position: relative;
	height: 90px;
	background-image: url(../Images/FooterBg.gif);
}
#Footer .DisclaimerLogos
{
	float: left;
	padding: 7px 0px 8px 43px;
}

#Footer .DisclaimerText
{
	float: left;
	padding: 5px 40px 8px 10px;
	text-align: justify;
	width: 700px;
	
}

.FooterText
{
	color: #666666;
	text-align: center;
	padding: 69px 8px 8px;
}

.FooterLinks,
.HomeFooterLinks
{
	margin-right: 30px;
}

.FooterLinks a,
.HomeFooterLinks a
{
	color: #CCCCCC;
	text-decoration: none;
}

.FooterLinks a:Hover,
.HomeFooterLinks a:Hover
{
	color: #FFFFFF;
}

#FooterBanner a.JoinLink
{
	position: absolute;
	display: block;
	left: 785px;
	top: 0px;
	width: 72px;
	height: 90px;
}

/***************************
 * Utility styles
 ***************************/

.ScreenHidden
{
	position:absolute;
	left:-10000px;
	text-decoration:none !important;
	font-size:1px !important;
}

/***************************
 * FormBuilder
 ***************************/

.Mandatory
{
}

.FormBuilderMandatory
{
}

.FormBuilderMandatory span
{
}