body { margin: 0; padding: 23px 0 0 0; background-color: #396b9c; text-align: center; color: #5a5f63; font-size: 12px; line-height: 16px; font-family: arial; }

h1 { font-size: 22px; line-height: 24px; color: #63a338; margin: 5px 0 5px 0; }


h2 { font-size: 18px; line-height: 22px; color: #4187cc; margin: 5px 0 0 0; }

h3 { font-size: 16px; margin: 5px 0 0 0; }

h4 { font-size: 18px; line-height: 22px; color: #AA0000; margin: 5px 0 0 0; }

p { margin: 5px 0 15px 0; }

em { color: #63a338; font-style: normal; }

a, a:link, a:visited { color: #396b9c; text-decoration: underline; }



a:hover { color: #396b9c; text-decoration: none; }

b, strong { font-weight: bold; }
/*
#pageBody ul{
	list-style-type:disc;
	padding: 0 0 0 15px;
	margin: 0 0 0 25px;
	}
	
#pageBody ol{
	list-style-type:decimal;
	padding: 0 0 0 15px;
	margin: 0 25px;
	}    

#pageBody ul li,#pageBody ol li{
	margin:0 0 10px 0;
	}
	*/
#frame { width: 769px; text-align: left; margin: 0 auto; }

#headerFrame { width: 769px; float: left; background: url(/Images/Body/mainBodyBG.gif) repeat-y left top; }

#header { padding: 0px 42px 0px 15px; width: 742px; float: left; background: url(/Images/Header/roundedTop.gif) no-repeat left top; }

.headerBanner { float: right; margin-top: 14px; }
.sponsorBanner { float: right; margin-top: 14px; width: 600px; height: 90px; text-align: right; }
.logo { float: left; margin-top: 11px; }

.headerLogin { float: right; width: 575px; padding: 24px 25px 0px 0px; margin-top: 0px; height: 80px; vertical-align: middle; text-align: right; background: url(/Images/Header/banner-small.jpg) no-repeat right bottom; }

.headerLoginControl { float: right; left: 0px; padding: 10px; margin: 0px; border: solid 1px #396B9C; background-color: #ECF0F9; height: 46px; }

.headerLoginControlInvalid { float: right; left: 0px; margin: 0px; padding: 10px; border: solid 1px #F00; background-color: #FEE; color: #F00; height: 46px; }

.header-menu { margin: 5px 0px 0px 0px; border-top: solid 2px #4187cc; border-bottom: solid 2px #4187cc; width: 739px; float: left; display: block; text-align: center; padding: 6px 0px; }
.header-menu div ul.rmRootGroup { width: 100%; text-align: center; }

/*
#header ul { margin: 13px 0 0 0; padding: 7px 0 3px 0; width: 739px; float: left; border-top: solid 1px #4187cc; border-bottom: solid 1px #4187cc; list-style-type: none; text-align: center; }

#header ul li { margin: 0; display: inline; padding: 0 23px 0 25px; background: url(/Images/Header/menuDivider.gif) no-repeat 0px 0px; }

#header li.firstItem { margin: 0; padding: 0 23px 0 0; background: none; }

#header li.lastItem { margin: 0; padding: 0 0 0 25px; }
*/

#navigation a.active { color: #4187cc; }

#navigation a.selected { color: #4187cc; }

#navigation img { vertical-align: bottom; }


/*Page Body*/
#pageBody { width: 769px; float: left; background: url(/Images/Body/mainBodyBG.gif) repeat-y left top; }

#pageBodyMargin { float: left; width: 744px; padding: 0px 15px 0px 10px; }

.pageBodyTable { width: 744px; table-layout: fixed; }
.pageBodyLeft { width: 165px; padding: 0px 5px; border-right: solid 2px #418ccc; overflow-x: hidden }
.pageBodyMain { padding-left: 5px; }

#glass { width: 150px; float: right; }

/*Navigation*/
#navigation { width: 138px; float: left; padding-bottom: 150px; }

#navigation h2 { color: #e9b624; padding-right: 10px; }

#navigation ul { margin: 15px 0 0 0; padding: 0; list-style-type: none; }

#navigation li { margin: 0 0 8px 0; }

#navigation a, #navigation a:link, #navigation a:visited { font-size: 13px; color: #396b9c; text-decoration: none; }

#navigation a:hover { color: #5c9f2f; text-decoration: none; }

#navigation a.active { color: #5c9f2f; }

#navigation a.selected { color: #396b9c; }

/*Bread Crumb*/
#breadCrumb { text-align: right; padding: 6px 0 7px 0; background: url(/Images/Body/breadCrumbBG.gif) repeat-x left bottom; color: #8e9294; font-size: 11px; }

#breadCrumb a, #breadCrumb a:link, #breadCrumb a:visited { color: #8e9294; text-decoration: none; }

#breadCrumb a:hover { color: #8e9294; text-decoration: underline; }

/*Footer*/
#footer { width: 769px; float: left; background: url(/Images/Footer/roundedBottom.gif) no-repeat left top; padding: 27px 0 0 0; margin: 0 auto; color: #fff; text-align: center; }

#footer ul { padding: 0; margin-top: 20px; list-style-type: none; }

#footer li { margin: 0; padding: 0 9px 0 14px; display: inline; background: url(/Images/Footer/bullet.gif) no-repeat left 2px; }

#footer li.firstItem { padding: 0 9px 0 0; background: none; }

#footer li.lastItem { padding: 0 0 0 14px; }

#footer a, #footer a:link, #footer a:visited { color: #fff; text-decoration: none; }

#footer a:hover { color: #fff; text-decoration: underline; }

#footerimg { margin-top: -120px; margin-left: -610px; }


/*Footer*/
#aboveheader { width: 769px; float: left; padding: 0 0 0 0; margin: 0 auto; background-color: #396b9c; color: #fff; text-align: right; }

#aboveheader ul { padding: 0; margin: 0 auto; list-style-type: none; }

#aboveheader li { margin: 0; padding: 0 9px 0 14px; display: inline; background: url(/Images/Footer/bullet.gif) no-repeat left 2px; }

#aboveheader li.firstItem { padding: 0 9px 0 0; background: none; }

#aboveheader li.lastItem { padding: 0 0 0 14px; }

#aboveheader a, #aboveheader a:link, #aboveheader a:visited { color: #fff; text-decoration: none; }

#aboveheader a:hover { color: #fff; text-decoration: underline; }


/*Home*/
#homeMainBranding { width: 731px; height: 206px; float: left; background: #8fb8e1 url(/Assets/Home/main2.jpg) no-repeat left top; }

#homeMainBranding ul { margin: 97px 0 0 390px; padding: 0; list-style-type: none; }

#homeMainBranding ul li { margin: 0; padding: 0 0 11px 0; }

#homeDemoButton { float: right; margin: 145px 33px 0 0; }

#homeMessageArea { padding: 0px 5px; float: left; background: url(/Assets/Home/vertDivider.gif) repeat-y 361px top; width: 726px; }

#homeMessageArea div { float: left; width: 330px; }

#homeMessageArea div ul { list-style-type: disc; padding: 0 0 0 15px; margin: 0 0 0 25px; }

#homeMessageArea div ul li { padding: 0 0 10px 0; }

#homeNewsList { float: left; margin: 0; padding: 35px 0 0 0; width: 390px; list-style-type: none; }

#homeNewsList li { margin: 0 0 0 70px; padding: 0 0 15px 0; }

#homeNewsList li span { color: #5c9f2f; }



.signUpForm { padding: 10px 0 10px 60px; border-bottom: solid 1px #BCBFC6; }

.signUpForm li { width: 579px; }

.signUpForm label { display: block; width: 423px; font-size: 13px; line-height: 15px; padding: 0px 0px 5px 0px; text-align: right; color: #4187cc; }

.signUpForm label select.state { margin: 3px 5px 0 0px; width: 55px; }
.signUpForm label select.dropDown { margin: 3px 8px 0 15px; width: 172px; }

.signUpForm label select.expirationMonth { margin: 3px 12px 0 15px; width: 60px; }
.signUpForm label select.expirationYear { margin: 3px 60px 0 15px; width: 85px; }

.signUpForm label input.notRequired { margin: 3px 60px 0 15px; width: 165px; }

.signUpForm span.checkbox { margin: 3px 10px 0 30px; }

.optional { margin: 3px 142px 0 0px; }



.signUpForm li table.totalTable { margin: 3px 100px 0 140px; line-height: 15px; padding: 0px 0px 5px 0px; color: #4187cc; }

/*Company Info form*/
.employeeForm, .companyInfo, .continuation, .medicalBenefits { padding: 10px 0 10px 0; border-bottom: solid 1px #BCBFC6; }

.employeeClasses { padding: 10px 0 10px 0; }
.employeeForm li, .companyInfo li, .employeeClasses li, .continuation li, .medicalBenefits li { width: 579px; }

.employeeForm label, .companyInfo label { display: block; width: 423px; font-size: 13px; line-height: 15px; padding: 0px 0px 5px 0px; text-align: right; color: #4187cc; }
.adminContact label input.notRequired, .employeeForm label input.notRequired, .companyInfo label input.notRequired { margin: 3px 66px 0 15px; width: 160px; }

.continuation label { display: block; width: 455px; font-size: 13px; line-height: 15px; padding: 0px 0px 5px 0px; text-align: right; color: #4187cc; }


.adminContact label { display: block; width: 383px; font-size: 13px; line-height: 15px; padding: 0px 0px 5px 53px; text-align: right; color: #4187cc; }

.employeeClasses label, .medicalBenefits label { display: block; width: 383px; font-size: 13px; line-height: 15px; padding: 0px 0px 5px 0px; text-align: right; color: #4187cc; }

.singleEligibility { display: block; padding: 0px 0px 0px 110px; text-align: left; color: #4187cc; font-size: 13px; line-height: 15px; }

.retirementEligibility { display: block; padding: 0px 0px 0px 122px; text-align: left; color: #4187cc; font-size: 13px; line-height: 15px; }

.addEmployeeClass { display: block; padding: 0px 0px 0px 100px; text-align: left; color: #4187cc; font-size: 13px; line-height: 15px; }

.companyInfo label input.textBox, .employeeForm label input.textBox, .adminContact label input.textBox, .employeeClasses label input.textBox, .continuation label input.textBox, .signUpForm label input.textBox, .medicalBenefits label input.textBox { margin: 3px 10px 0 15px; width: 165px; }
.medicalBenefits label select, .continuation label select, .signUpForm label select { margin: 3px 10px 0 150px; width: 460px; }
.signUpForm label input.zipCode, .companyInfo label input.zipCode { margin: 3px 10px 0 10px; width: 96px; }

.medicalBenefits label a, .continuation label a, .signUpForm a { margin: 113px 10px 0 10px; width: 96px; color: Red; }
.employeeForm label select { margin: 0 75px 0 15px; width: 155px; }

.staticText { display: block; padding: 5px 0px 7px 100px; text-align: left; color: #4187cc; font-size: 13px; line-height: 15px; margin: 0 75px 0 10px; width: 375px; }

.staticTextTwo { display: block; padding: 3px 0px 5px 97px; text-align: left; color: #4187cc; font-size: 13px; line-height: 15px; margin: 0 75px 0 10px; width: 435px; }

.staticTextThree { display: block; padding: 3px 0px 5px 94px; text-align: left; color: #4187cc; font-size: 13px; line-height: 15px; margin: 0 75px 0 10px; width: 435px; }

.staticTextFour { display: block; padding: 3px 0px 5px 55px; text-align: left; color: #4187cc; font-size: 13px; line-height: 15px; margin: 0 75px 0 10px; width: 435px; }

.companyInfo label select { margin: 0 0 0 15px; width: 55px; }

.adminContact label span { }

.adminContact { background: url(/Images/Body/profileGreenBg.gif) repeat-y 201px top; padding: 8px 0 0 0; margin: 0 0 10px 0; }

.adminContact li.reportSelect { padding-bottom: 5px; }

.adminContact li.reportSelect label { text-align: left; display: inline; padding: 0 0 0 206px; width: 110px; }

.adminContact li.reportSelect img { vertical-align: middle; }

.medicalBenefits label img { margin: 0 10px 0 0; vertical-align: middle; }

.medicalBenefits label select { margin: 3px 10px 0 15px; width: 169px; }

.continuation label select, .signUpForm label select { margin: 3px 10px 0 15px; width: 165px; }


#formButtons { text-align: center; padding: 20px 0 10px 0; }

#formButtons input { margin: 0 10px; }

/*Tool Tip*/
.tool-tip { color: #fff; width: 139px; z-index: 13000; position:absolute; display: none; }

.tool-title { font-weight: bold; font-size: 11px; margin: 0; text-align: left; color: #C2DABA; padding: 8px 8px 4px; background: url(/Images/bubble.png) top left; }

.tool-text { font-size: 11px; text-align: left; padding: 4px 8px 8px; background: url(/Images/bubble.png) bottom right; }

/* Census */

.census { }

.error { color: Red; font-weight: bold; text-decoration: none; }


.informational { color: Blue; font-weight: bold; text-decoration: none; }



/*Acordion*/
.toggler { color: #3399FF; margin: 0px; padding: 2px 5px; background: #eee; border: solid 1px #ddd; border-left-color: #f5f5f5; border-top-color: #f5f5f5; font-size: 12px; font-weight: bold; font-family: 'Arial' , sans-serif; display: block; clear: both; }
a.toggler, a.toggler:visited { color: #3399FF; }

.element { }

.element p { margin: 0; padding: 4px; }

.float-right { padding: 10px 20px; float: right; }

/*Getting Started*/
#gettingStartedList { list-style-type: decimal; padding: 0 0 0 15px; margin: 0 25px; }
.boldtext { font-family: Arial; font-size: 16pt; color: #0033CC; }

#gettingStartedList li { padding: 0 0 15px 0; }

/*Case Studies*/
#caseList { list-style-type: none; padding: 0 0 0 15px; margin: 0 25px; }

#caseList li { padding: 0 0 15px 0; }

#caseList li a, #caseList li a:link, #caseList li a:visited { font-size: 16px; color: #63a338; text-decoration: underline; }

#caseList li a:visited { color: #63a338; text-decoration: none; }

/*Pricing*/
#pricingTable { width: 100%; }

#pricingTable th { color: #4187cc; font-weight: bold; background-color: #e5e5e5; padding: 5px 0 5px 0; width: 33%; }

#pricingTable th.first, #pricingTable td.first { padding-left: 10px; }

#pricingTable td { border-bottom: dotted 1px #c5c5c5; padding: 5px 0; }



.reportsLink a, .reportsLink a:link, .reportsLink a:visited { color: red; text-decoration: underline; padding-right: 5px; }



.reportsLink a:hover { color: red; text-decoration: none; padding-right: 5px; }



.rowError { background-color: #e34400; }

#step { float: right; padding-top: 10px; }

.medicalTable { padding: 10px 10px; margin: 10px auto; }

.medicalTable table { padding: 10px 10px; }

.medicalTable td { padding: 5px; }


/* Tooltip */

#tooltip{
	position:absolute;
	/* border:1px solid #333; 
	background:#333; */
	/* padding:2px 5px; */
	color:#C2DABA;
	display:none;
	font-size: 11px; text-align: left; padding: 4px 8px 8px; background: url(/Images/bubble.png) bottom right;
	}	

/* SI Styles */
table.form-table td { padding: 5px; vertical-align: top; }

div.ProfileNav { height: 20px; border-bottom: solid 1px #000; color: #000; width: 100%; position: absolute; left: 0px; top: 0px; background-color: #FFF; background: url(../Images/Buttons/button-bg.gif) repeat-x; font-weight: 700; }
div.ProfileNav a { color: #C00; }
a.button-standard, .a.button-standard:visited, a.button-standard:link
{
	color:#1E395B;
	background: #FFF url(../Images/Buttons/button-bg.gif) repeat-x scroll bottom left;
	border: solid 1px #C2CEDB;
	font: 12px "Segoe UI",Arial,Verdana !important;
	padding: 2px 10px;
	font-weight: 500;
	text-decoration: none;
}
a.button-standard:hover, a.button-standard:active {
	color:#1E395B;  
	padding: 1px 9px;
	border-width: 2px;
	background: #FFF url(../Images/Buttons/button-bg-over.gif);
	border-color: #9BC9FF;
}
a[disabled].button-standard, a[disabled].button-standard:visited, a[disabled].button-standard:link {
	background-image: url(../Images/Buttons/button-bg-disabled.gif) !important;
	color: #666 !important; 
}
a[disabled].button-standard:hover, a[disabled].button-standard:active {
	background-image: url(../Images/Buttons/button-bg-disabled.gif) !important;
	color: #666 !important;
	border: solid 1px #C2CEDB !important;
	padding: 2px 10px !important;
}
.PlanCheckBox { pointer: cursor !important; }
.validation-summary ul { list-style-type: disc; padding-left: 10px; margin: 10px 20px; }
.summary-hidden { display: none; }
.summary-error { background: #FFEDED url(../Images/validation-error.gif) no-repeat scroll top left;  padding: 20px 5px 5px 60px; margin: 10px 5px; border: solid 2px #C00; color: #C00 !important; font-weight: 700; text-align: left; }
.summary-success { background: #CCFFCC url(../Images/validation-success.gif) no-repeat scroll; background-position: 5px center;  padding: 20px 5px 20px 60px; margin: 10px 5px; border: solid 2px #060; color: #060 !important; font-weight: 700; text-align: left; }
.summary-ajax { background: #EFEFFF url(../Images/ajax-load.gif) no-repeat scroll; background-position: 5px center; padding: 20px 5px 20px 60px; margin: 10px 5px; border: solid 2px #000; color: #006 !important; font-weight: 700; text-align: left; }
.summary-clearimage { background-image: none !important; padding: 5px !important; }
.employerCompanyInfo { color: #4187cc; }
.employerCompanyInfo .formField { background-color: #C2DABA; width: 200px; }

/* Telerik Overrides */
.RadTabStrip_Beneficiency_MultiPage { border: 1px solid #5A5F63; }
.RadGrid_Telerik a { color: #000 !important; }
.RadGrid_Windows7 .rgHeader { font-weight: 700 !important; color: #1E395B !important; font-size: 13px !important; }
.RadGrid_Windows7 .rgFilterRow > td { background: #D8E2F3 !important; border-right: none !important; border-left: none !important; border-bottom: solid 1px #A5B3C5 !important; border-top: solid 1px #A5B3C5 !important; }
.RadGrid_Windows7 .rgRow { background: #FFF !important; color: #000 !important;   }
.RadGrid_Windows7 .rgRow a { color: #000 !important; }
.RadGrid_Windows7 .rgAltRow {  background: #FFF url(../Images/Body/row-bg.gif) repeat-x scroll top left !important; color: #1E395B !important; }
.RadGrid_Windows7 .rgAltRow a { color: #1E395B !important; }
.RadGrid_Windows7 .rgAltRow td { border: solid 1px #A5B3C5 !important; border-left-color: #E1EAF3 !important; border-right-color: #F1F5FB !important; }
.rgEditForm div { padding: 5px 0px; } 

/* Telerik Colors */
.TextRed a { color: #F00 !important; }

/* RSS Feed Styles */
.rssFeed
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin: 0px;
	padding-top: 0px;
}
.rssFeed a
{
	color: #5C9F2F;
	font-size: 14px;
	text-decoration: underline;
}
.rssFeed a:hover
{
	text-decoration: none;
}

.rssHeader { padding: 0.2em 0; }

.rssBody {  }
.rssBody ul { list-style: none !important; margin: 0px !important; padding: 0px !important; }
.rssBody ul, .rssRow, .rssRow h4, .rssRow p { margin: 0; padding: 0; }
.rssBody ul li { margin: 0px; padding: 5px 0px !important; }

.rssRow { color: #5A5F63; }
.rssRow h4 { font-size: 1.1em; }
.rssRow div
{
	display:none;
}

.odd {  }
.even { }
