/* Overall Layout Formatting
----------------------------------------------- */
HTML { overflow-y: scroll; }

BODY { margin: 0; padding: 0; background: #a5a5a5 url("../images/bgbody.gif") center repeat-y; font: 12px verdana, arial, san-serif; line-height: 1.3em; color: #4e4e4e; text-align: center; word-spacing: -0.05em; }

#SiteWrapper { margin: 0 auto; padding: 0; width: 980px; background: #fff; text-align: center; }
#ContentArea { margin: 0 auto; padding: 8px 0; width: 950px; background: #fff; }
#MainColumn  { margin: 0 0 0 3px; padding: 0; width: 750px; float: left; text-align: left; }
#RightColumn { margin: 0; padding: 0; width: 190px; float: right; text-align: left; }


/* Sitewide Typography
----------------------------------------------- */
H1, H2, H3, H4, H5, H6 { margin: 0; padding: 0; }
UL { margin: 0; padding: 0; }
LI { margin: 0; padding: 0; }
DL { margin: 0; padding: 0; }
DT { margin: 0; padding: 0; }
DD { margin: 0; padding: 0; }
P  { margin: 0; padding: 0 0 1em 0; font-size: 12px; line-height: 1.3em; color: #4e4e4e; word-spacing: -0.05em; }
TD { margin: 0; padding: 0; font-size: 12px; line-height: 1.3em; color: #4e4e4e; word-spacing: -0.05em; }
TABLE { margin: 0; padding: 0; }
FORM  { margin: 0; padding: 0; }
A { color: #0570ad; text-decoration: none; }
A:link 		{ color: #0071ad; }
A:visited 	{ color: #0570ad; } /*5a8a9c*/
A:hover 	{ color: #cf1111; text-decoration: underline; }
A:active 	{ color: #cf1111; text-decoration: underline; }

#ContentArea H1 { padding: 5px 0 0 0; font: 26px Trebuchet MS, Arial, san-serif; color: #0d609f; font-weight: normal; }
#ContentArea H2 { padding: 5px 0; font: 18px Trebuchet MS, Arial, san-serif; color: #0d609f; font-weight: normal; }
#ContentArea H3 { padding: 0 0 5px 0; font: 15px Trebuchet MS, Arial, san-serif; color: #0d609f; font-weight: bold; }

#ContentArea UL, OL { margin: 0 0 15px 25px; }
#ContentArea LI { margin-bottom: 0.5em; }

UL.arrow    { margin: 0; padding: 0; list-style: none; }
UL.arrow li { margin: 0; padding: 0 0 5px 10px; background: url("../images/arrow.gif") top left no-repeat; }

.sm { font-size: 10px; color: #888; }


#MainColumn #HeaderHealth { margin: 0; padding: 3px 0 0 170px; height: 120px; background: #fff url("../images/HeaderHealth.jpg") top left no-repeat;  }
#MainColumn #HeaderRet { margin: 0; padding: 10px 0 0 190px; height: 120px; background: #fff url("../images/HeaderRet.jpg") top left no-repeat;  }
#MainColumn #HeaderPayroll { margin: 0; padding: 0 0 0 190px; height: 120px; background: #fff url("../images/HeaderPayroll.jpg") top left no-repeat;  }
#MainColumn #HeaderResources { margin: 0; padding: 10px 0 0 190px; height: 120px; background: #fff url("../images/HeaderResources.jpg") top left no-repeat;  }

#HighlightBox  { margin:0; padding:0 20px; width:476px; background:#fff url(../images/bghighlightbox.gif) repeat-y; }
#HighlightBox2 { margin:0; padding:0 20px; width:600px; background:#fff url(../images/bghighlightbox2.gif) repeat-y; }
	*HTML #HighlightBox  { width:516px; }
	*HTML #HighlightBox2 { width:641px; }



/* ToolBar Treatment
----------------------------------------------- */
#ToolBar { margin: 0 auto; padding: 0;  background: #f7f7f7 url("../images/bgtoolbar.gif") repeat-x; width: 980px; }
#ToolBar table { margin: 0; padding: 0; width: 980px; }
#ToolBar td  { margin: 0; padding: 7px 0 10px 45px; font-size: 10px; }
#ToolBar img { padding-bottom: 2px; }
#ToolBar A { color: #026cb6; text-decoration: none; font-size: 9px; }
#ToolBar A:link 		{  }
#ToolBar A:visited 	{  }
#ToolBar A:hover 	{ color: #cf1111; text-decoration: underline; }
#ToolBar A:active 	{ color: #cf1111; text-decoration: none; }
#ToolBar A.reddot 	{ color: #000000; text-decoration: none; }


/* LogoArea Treatment
----------------------------------------------- */
#LogoArea { margin: 0; padding: 0; float: left; width: 300px; }
#LogoArea IMG { margin: 25px 0 15px 25px; padding: 0; }

#Login { margin: 0; padding: 25px 25px 0 0; float: right; text-align: right; }
#Login p { margin: 0 0 5px 0; padding: 0; font: 12px Trebuchet MS, Arial, san-serif; color: #0d609f; font-weight: normal; }
#Login b { font-size: 15px; font-weight: bold; }



/* L1 Nav Bar Treatment
----------------------------------------------- */
#NavBar { margin: 0 auto; padding: 0; background: url("../images/bgnavbar.gif") repeat-x; text-align: center; clear: both; }
#NavBar img { margin: 4px 1px; padding: 0; }

.menu { position: absolute; visibility: hidden; border-left: 1px solid #08a3d6; border-right: 1px solid #08a3d6; font: normal 12px Verdana; line-height: 16px; background-color: #f1f1f1; width: 166px; z-index: 100; text-align: left; }

.menu a { width: 100%; display: block; padding: 5px 0; text-decoration: none; font-weight: normal; text-indent: 8px; }
.menu a:hover { background-color: #08a3d6; color: #ffffff; text-decoration: none;  }
.menu a.last { border-bottom: 1px solid #08a3d6; }



/* Footer Treatment
----------------------------------------------- */
#Footer   { margin: 30px 15px 5px 15px; padding: 5px 0; clear: all; text-align: left; border-top: 1px solid #5DA2DC; }
#Footer p { font-size: 11px; color: #696969; }

#Disclosures   { margin: 0 15px; padding: 0; clear: all; text-align: left; }
#Disclosures p { font-size: 11px; color: #696969;  }





/* Right Column Treatments
----------------------------------------------- */
#RightColumn { margin: 8px 0 0 0; padding: 0; float: right; display: block; background-color:#fff; }
#RightColumn DL { margin: 0 0 8px 0; padding: 0; width: 100%; }
#RightColumn DT { margin: 0; padding: 4px 8px 3px 8px; font: 13px Trebuchet MS, Verdana, san-serif; font-weight: bold; background: url("../images/bgRightColumn.gif") repeat-x; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; }
#RightColumn DD { margin: 0; padding: 10px 5px 0 8px; background: #fff; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;  }
#RightColumn DD img { margin: 0; padding: 0; position: relative; left: 150px; top: -20px; }





/* Tabs
----------------------------------------------- */
#Tabs { margin: 0 auto; padding: 0; width: 750px; height: 420px; position: relative; background: URL("../images/tabs/bgtop.gif") top repeat-x; }
	*HTML #Tabs { height: 1400px; }
#Tabs.Health	{ height: 400px; }
#Tabs.Payroll   { height: 620px; }
#Tabs.Resources { height: 1400px; }
#Tabs.RetPlans  { height: 620px; }

#Tabs #divTabOverview { display: block; left: 0px; height: 45px; width: 116px; position: absolute; background-image: URL("../images/tabs/overview_on.gif"); }
#Tabs #divTabx { display: block; right: 0; height: 45px; width: 10px; position: absolute; background-image: URL("../images/tabs/rightcorner.gif"); }

#Tabs #divTabHealthPlans { display: block; left: 116px; height: 45px; width: 225px; position: absolute; background-image: URL("../images/tabs/healthplans_off.gif"); }
#Tabs #divTabHealthFocus { display: block; left: 341px; height: 45px; width: 190px; position: absolute; background-image: URL("../images/tabs/healthfocus_off.gif"); }

#Tabs #divTabRetPlans { display: block; left: 116px; height: 45px; width: 126px; position: absolute; background-image: URL("../images/tabs/retplans_off.gif"); }
#Tabs #divTabRetStart { display: block; left: 242px; height: 45px; width: 126px; position: absolute; background-image: URL("../images/tabs/retstart_off.gif"); }
#Tabs #divTabRetResources { display: block; left: 368px; height: 45px; width: 114px; position: absolute; background-image: URL("../images/tabs/retresources_off.gif"); }

#Tabs #divTabPRenhanced { display: block; left: 116px; height: 45px; width: 166px; position: absolute; background-image: URL("../images/tabs/qbenhanced_off.gif"); }
#Tabs #divTabPRassisted { display: block; left: 282px; height: 45px; width: 155px; position: absolute; background-image: URL("../images/tabs/qbassisted_off.gif"); }
#Tabs #divTabPRonline { display: block; left: 437px; height: 45px; width: 145px; position: absolute; background-image: URL("../images/tabs/qbonline_off.gif"); }
#Tabs #divTabPRresources { display: block; left: 579px; height: 45px; width: 115px; position: absolute; background-image: URL("../images/tabs/qbresources_off.gif"); }

#Tabs #divTabResource1 { display: block; left: 0px; height: 45px; width: 137px; position: absolute; background-image: URL("../images/tabs/resource1_on.gif"); }
#Tabs #divTabResource2 { display: block; left: 138px; height: 45px; width: 127px; position: absolute; background-image: URL("../images/tabs/resource2_off.gif"); }
#Tabs #divTabResource3 { display: block; left: 266px; height: 45px; width: 127px; position: absolute; background-image: URL("../images/tabs/resource3_off.gif"); }
#Tabs #divTabResource4 { display: block; left: 394px; height: 45px; width: 127px; position: absolute; background-image: URL("../images/tabs/resource4_off.gif"); }

#Tabs .content { margin: 0; padding: 30px 40px; width: 670px; position: absolute; overflow: visible; top: 45px; background: URL("../images/tabs/tabBgGreen.gif") no-repeat; }
	* HTML #Tabs .content { width: 750px; }


#Tabs #tab01 { display: block; }
#Tabs #tab02 { display: none; }
#Tabs #tab03 { display: none; }
#Tabs #tab04 { display: none; }
#Tabs #tab05 { display: none; }

#Tabs td { margin: 0; padding: 3px; line-height: 1.5em; vertical-align: top; }

#Tabs #ColLeft  { margin: 0; padding: 0 10px 0 0; width: 470px; float: left; display: block; border-right: 1px solid #9fc158; }
#Tabs #ColRight { margin: 0; padding: 0; width: 200px; float: right; display: block; }




/* Home Page
----------------------------------------------- */
#HomeLeftCol  { margin: 0 0 0 1px;; padding: 0; float: left; width: 650px; }
#HomeRightCol { margin: 0; padding: 0; float: right; width: 285px; text-align: left; }

#HomeLeftCol #LetterBox { margin: 0; padding: 25px 0 0 0; width: 650px; height: 238px; background: URL("../images/letterbox.jpg") top left no-repeat; border: 1px solid #C3CBCE; border-top: 5px solid #EF2C21; text-align: left; }
#HomeLeftCol #LetterBox h1 { margin: 0; padding: 0 0 0 20px; font-size: 34px; color: #0075C6; line-height: 32px; }
	*HTML #HomeLeftCol #LetterBox h1 { letter-spacing: -0.1em; }
#HomeLeftCol #LetterBox h2 { margin: 0; padding: 15px 0 0 48px; font-size: 16px; color: #474747; }
#HomeLeftCol #LetterBox h3 { margin: 0; padding: 0 0 0 48px; font-size: 16px; color: #0075C6; font-weight:normal; }

#HomeLeftCol #Resources { margin: 12px 0; padding: 12px 25px 12px 135px; width: 490px; background: URL("../images/homebooks.jpg") center left no-repeat; border: 1px solid #C3CBCE; text-align: left; }
	*HTML #HomeLeftCol #Resources { width: 650px; }
#HomeLeftCol #Resources h1  { margin: 0; padding: 0; font-size: 16px; color: #474747; font-weight: bold; }
#HomeLeftCol #Resources img { margin: 10px 0 0 10px; padding: 0; float: right; }

#HomeLeftCol #Webinar { margin: 12px 0; padding: 12px 25px; width: 490px; border: 1px solid #C3CBCE; text-align: left; }
	*HTML #HomeLeftCol #Webinar { width: 650px; }
#HomeLeftCol #Webinar h1  { margin: 0; padding: 0; font-size: 16px; color: #474747; font-weight: bold; }
#HomeLeftCol #Webinar img { margin: 10px 0 0 10px; padding: 0; float: right; }

#HomeLeftCol #Disclosures p { font-size: 11px; color: #696969; }

#HomeRightCol p  { margin: 0 10px 8px 0; padding: 0; font-size: 11px; }
#HomeRightCol dl { margin: 0 0 12px 0; padding: 0; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; display: block; background-color:#fff; }
#HomeRightCol dt { margin: 0; padding: 4px 8px 3px 8px; font: 13px Trebuchet MS, Verdana, san-serif; font-weight: bold; background: url("../images/bgRightColumn.gif") repeat-x; }
#HomeRightCol dd { margin: 0; padding: 8px; background: #fff; font-size: 11px; }
#HomeRightCol ul { margin: 0; padding: 0; list-style: none; float: left; }

#HomeRightCol table { margin: 0; padding: 0; }
#HomeRightCol td    { margin: 0; padding: 8px 0; }


/* Login Popup 
----------------------------------------------- */
#div_Login .close { margin: -10px 30px 0 0; padding: 0; float: right; cursor: pointer; }
	*HTML #div_Login .close { margin: -10px -14px 0 0; }

#popup_Login { background: url(../images/bgPopupLogin.gif) no-repeat; width: 350px; height: 250px; position: absolute; margin: -24px 0 0 -65px; display: none; padding: 20px; text-align:left; z-index: 10; }
	*HTML #popup_Login { margin: 0 0 0 -560px; }
#popup_Login h1 { padding: 5px 0 0 0; font: 22px Trebuchet MS, Arial, san-serif; color: #0d609f; font-weight: normal; }
#popup_Login p  { margin: 0; padding: 0 0 1em 0; font: 12px verdana, arial, san-serif; line-height: 1.3em; color: #4e4e4e; word-spacing: -0.05em; }