/*~  Reset
--------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
  border:none;
}

:focus {
	outline: 0;
	-moz-outline-style:none;
}

.content em a:link, .content em a:visited,
.contentWrap em a:link, .contentWrap em a:visited
{
	color: #CC0000;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	background: url(../00_img/linkArrowRed.png) no-repeat right center;
	padding: 4px 10px 4px 0px;
	font-style: normal;
}

.content em a:hover, .content em a:active,
.contentWrap em a:hover, .contentWrap em a:active
{
	color: #FF0000;
}

a:link, a:visited, a:hover, a:active
{
	color: #000066;
}

#whoWeAre a
{
	color: #FFFFFF;
}

a.imgLink:link, a.imgLink:visited,
a.imgLink:hover, a.imgLink:active
{
	background: url(none);
}

#mastHead .content a:link, #mastHead .content a:visited,
#dealerIncentive .content a:link, #dealerIncentive .content a:visited,
.content a.email:link, .content a.email:visited

{
	background: url(none);
	padding: 0px;
}


/*~  Layout
--------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/


html {
	height: 100%;
	margin: 0px 0px 1px;
	padding: 0px;
}

body {
	min-width: 960px;
	background: #4b4b4b url(../00_img/body-background01.png) repeat fixed left top;
	height: 100%;
	margin: 0px 0px 1px;
	padding: 0px;
}

.content ul, .contentWrap ul {
	margin-left: 20px;
	list-style: url(../00_img/bullet-brown.png);
}

#productHead li, .contentWrap li {
	margin-left: 0px;
	line-height: 1.25;
	margin-bottom: 5px;
}

.contentWrap li a {
	line-height: 1.5;
}

.content li li, .contentWrap li li {
	padding-left: 10px;
}

#mastHead {
	display: block;
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
	background: url(../00_img/mastheadBack.png) no-repeat scroll center top;
	height: 94px;
	overflow: visible;
	position:relative;
	z-index: 99;
}

#siteLogo {
	background: url(../00_img/siteLogo.png) no-repeat scroll 0px 0px;
	height: 82px;
	width: 235px;
	position: absolute;
	top: 24px;
	left: 35px;
	font-size: 0px;
	text-indent: -99999px;
	z-index: 99;
	cursor: hand;
}

#mainContainer {
	overflow:hidden;
	padding-top: 20px;
}

.content {
	margin-left: auto;
	margin-right: auto;
	position:relative;
	width: 930px;
	overflow: visible;
}

#contentOuterHead {
	background: url(../00_img/contentOuterHeadBack-white.png) repeat-y scroll center top;
	position:relative;
}

#contentOuterHead .content {
	background: #FFFFFF url(../00_img/contentShadow.png) repeat-x scroll left top;
	height: 224px;
}

#dealerIncentive {
	background: url(../00_img/dealerIncentive.png) no-repeat scroll center 0px;
	position:relative;
}

#dealerIncentive h2{
	font-size: 0px;
	height: 58px;
	margin-left: auto;
	margin-right: auto;
	text-indent: -99999px;
	cursor: hand;
}

h2#welcome {
	background: url(../00_img/welcome.jpg) no-repeat scroll 0px 0px;
	font-size: 0px;
	height: 224px;
	text-indent: -99999px;
	width: 406px;
	float: left;
}

#contentOuterAboutOppty {
	background: url(../00_img/who-what.png) no-repeat scroll center top;
	position:relative;
	overflow: hidden;
	height: 511px;
}

#contentOuterAboutOpptyLowcap {
	background: url(../00_img/about-opportunityLowcap.png) no-repeat scroll center top;
	overflow: hidden;
	height: 22px;
	margin-bottom: 10px;
}

#whatWeDo {
	width: 360px;
	float:right;
	padding: 15px 15px 5px;
	color: #FFFFFF;
}

#whoWeAre {
	width: 500px;
	float:left;
	padding: 15px 15px 5px;
	color: #FFFFFF;
}

#prodInfo {
	background: url(../00_img/prodInfo.png) no-repeat scroll center top;
	position:relative;
	overflow: hidden;
	min-height: 100px;
}

#prodInfo li{
	margin-bottom: 10px;
}


#prodInfoLowCap {
	background: url(../00_img/prodInfoLowcap.png) no-repeat scroll center top;
	overflow: hidden;
	height: 22px;
	margin-bottom: 10px;
}

#prodInfo #col1 {
	width: 430px;
	float:left;
	padding: 15px 15px 5px;
	color: #000;
	list-style: url(../00_img/bullet-brown.png);
}

#prodInfo #col2 {
	width: 430px;
	float:right;
	padding: 15px 15px 5px;
	color: #000;
	list-style: url(../00_img/bullet-brown.png);
}

#opportunity {
	width: 500px;
	float:left;
	padding: 15px 15px 5px;
}

#whoWeAre h2, #whatWeDo h2, #opportunity h2 {
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
	font-size: 0px;
	text-indent: -99999em;
	height: 48px;
}

#whoWeAre h2 {
	background: url(../00_img/h2whoWeAre.png) no-repeat;
}

#whatWeDo h2 {
	background: url(../00_img/h2whatWeDo.png) no-repeat;
}

#whatWeDo img {
	margin-bottom: 10px;
}

#contentOuterFormFields {
	background: url(../00_img/formFields.png) no-repeat scroll center top;
	position:relative;
	overflow: hidden;
}

#FormFields {
	padding: 25px 25px 5px;
}

#FormFields h2 {
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
	padding-top: 10px;
	border-top: 1px solid #666666;
}

#FormFieldsLowcap {
	background: url(../00_img/formFieldsLowCap.png) no-repeat scroll center top;
	overflow: hidden;
	height: 22px;
	margin-bottom: 10px;
}

#contentOuterPartner {
	background: url(../00_img/partnerForProfit.png) no-repeat scroll center top;
	position:relative;
	overflow: hidden;
}

#PartnerForProfit {
	padding: 15px 15px 5px;
}

#PartnerForProfit h2 {
	font-weight: bold;
	text-transform: uppercase;
	color: #c7d7c1;
}

#contentOuterPartner .c01, #contentOuterPartner .c02, #contentOuterPartner .c03 {
	width: 285px;
	float:left;
	padding-right: 15px;
}

#contentOuterPartnerLowcap {
	background: url(../00_img/partnerForProfitLowcap.png) no-repeat scroll center top;
	overflow: hidden;
	height: 22px;
	margin-bottom: 10px;
}

#contentOuterProduct {
	position:relative;
	overflow: visible;
	clear:both;
}

#contentOuterProduct .content {
	width: 948px;
	overflow: visible;
	height: 310px;
	padding-left: 7px;
	clear:both;
}

#contentOuterProduct #Product {
	overflow:visible;
	clear:both;
}

#Product h2 {
	font-weight: bold;
	text-transform: uppercase;
	color: #999999;
	font-size: 16px;
	line-height: 16px;
}

#contentOuterProduct .c01, #contentOuterProduct .c02, #contentOuterProduct .c03, #contentOuterProduct .c04 {
	background: url(../00_img/boxWhite4Col.png) no-repeat scroll center top;
	width: 205px;
	min-height: 270px;
	float:left;
	margin-right: 9px;
	padding: 10px 9px 0px 14px;
}

#contentOuterProduct .c01-Lowcap, #contentOuterProduct .c02-Lowcap, #contentOuterProduct .c03-Lowcap, #contentOuterProduct .c04-Lowcap {
	background: url(../00_img/boxWhite4Col-Lowcap.png) no-repeat scroll center top;
	width: 205px;
	height: 35px;
	float:left;
	margin-right: 9px;
	padding: 0px 9px 20px 14px;
	overflow:visible;
}


#contentOuterProductLowcap {
	background: url(../00_img/partnerForProfitLowcap.png) no-repeat scroll center top;
	overflow: hidden;
	height: 22px;
	margin-bottom: 10px;
}

#contactHead, #productHead {
	background: url(../00_img/contentOuterHeadBack-white.png) repeat-y scroll center top;
	position:relative;
}

#contactHead .content, #productHead .content {
	background: #FFF url(../00_img/contentShadow.png) repeat-x scroll left top;
	height: 224px;
}

#contactHeadLowcap, #productHeadLowcap {
	background: url(../00_img/peopleOnGreenLowcap.png) no-repeat scroll center 0px;
	position:relative;
	height: 32px;
	margin-bottom: 10px;
}

h2#contact {
	background: url(../00_img/peopleOnGreen.jpg) no-repeat scroll 0px 0px;
	font-size: 0px;
	height: 200px;
	text-indent: -99999px;
	width: 419px;
	float: left;
}

h2#product {
	background: url(../00_img/products.jpg) no-repeat scroll 0px 0px;
	font-size: 0px;
	height: 224px;
	text-indent: -99999px;
	width: 442px;
	float: left;
}

.HR-Support-Center h2#product {
	background: url(../00_img/headHR-Support-Center.jpg) no-repeat scroll 0px 0px;
}

.CRM-Link h2#product {
	background: url(../00_img/headCRM-Link.jpg) no-repeat scroll 0px 0px;
}

.HRIS-Link h2#product {
	background: url(../00_img/headHRIS-Link.jpg) no-repeat scroll 0px 0px;
}

.AboutHRAnswerLink h2#product {
	background: url(../00_img/headAboutHRAL.jpg) no-repeat scroll 0px 0px;
}

.AboutHRAnswerLink h2#product.AboutPress {
	background: url(../00_img/headAboutPress.jpg) no-repeat scroll 0px 0px;
}

.ContactForm h2#product {
	background: url(../00_img/headContact.jpg) no-repeat scroll 0px 0px;
}

h2.instructions, h2.prodNav{
	font-size: 0px;
	height: 180px;
	text-indent: -99999px;
	width: 450px;
	float: right;
}

#prodNav {
	background: url(../00_img/prodNavBack.png) no-repeat left top;
	margin-top: 40px;
	padding-left: 264px;
	float: left;
	list-style: url(../00_img/arrow-list-blue.png);
}

.HR-Support-Center #prodNav {
	background: url(../00_img/prodNavBack.png) no-repeat left top;
	list-style: url(../00_img/arrow-list-blue.png);
}

.CRM-Link #prodNav {
	background: url(../00_img/prodNavBackCRM-Link.png) no-repeat left top;
	list-style: url(../00_img/arrow-list-orange.png);
}

.HRIS-Link #prodNav {
	background: url(../00_img/prodNavBackHRIS-Link.png) no-repeat left top;
	list-style: url(../00_img/arrow-list-violet.png);
}

.AboutHRAnswerLink #prodNav {
	background: url(../00_img/prodNavBackAboutHRAL.png) no-repeat left top;
	list-style: url(../00_img/arrow-list-coyote.png);
}

#prodNav a:link, #prodNav a:visited
{
	color: #666666;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	background: url(none);
	text-decoration: none;
}

#prodNav a:hover, #prodNav a:active
{
	color: #000;
	text-decoration: underline;
}


#contactHead h2.instructions {
	background: url(../00_img/instructionsContact.png) no-repeat scroll center bottom;
}

#productHead h2.instructions {
	background: url(../00_img/instructionsProduct2.png) no-repeat scroll center bottom;
}

#Thanks #contactHead h2.instructions {
	display: none;
}







#contentHeadAd {
	position:absolute;
	top: 0px;
	right: 0px;
}

#vbforum #contentHeadAd {
	position:absolute;
	top: 0px;
	right: 0px;
	display:none;
}

#contentOuterMain {
	background: url(../00_img/contentOuterHeadMain.png) repeat-y scroll center top;
	overflow: visible;
}

#mainCol {
	margin-right: 320px;
}

#homeBanner {
	width: 450px;
	height: 185px;
	float: right;
	margin: 20px 30px 20px 0px;
}

#forumContainer {
	padding-right: 320px;
	padding-left: 10px;
	overflow:visible;
	background: url(../00_img/mainContainerBack.png) repeat-x scroll center top;
}

#ads_forumMainTopBig {
	top: 14px;
	right: 10px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	z-index: 1;
}

#ads_forumMainTopBig1 {
	padding-top: 10px;
	display: block;
	text-align: center;
}

#adHead {
	text-align: center;
	font: normal 9px/20px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #1e2d4b;
	display: block;
	margin-bottom: 10px;
}

#ads_forumSidebarContainer {
	position: absolute;
	top: 194px;
	width: 100%;
}

#vbforum #ads_forumSidebarContainer {
	position: absolute;
	top: 94px;
	width: 100%;
	min-width: 960px;
}

#vbforum #ads_forumSidebarContainer .content {
	position:relative;
	width: 100%;
}

#ads_forumSidebar1 {
	position: absolute;
	top: 80px;
	right: 0px;
	width: 300px;
}

#vbforum #ads_forumSidebar1 {
	right: 10px;
}


#ads_forumSidebar1 img {
	display: block;
}

#ads300x250 {
	clear: both;
	padding-bottom: 20px;
}

#vbforum #ads300x250 {
	clear: both;
	padding-bottom: 10px;
}


#ads120x60 {
	padding: 5px;
	float: right;
	width: 120px;
	background: #003366;
}

#ads120x60 img {
	margin-bottom: 6px;
	width: 120px;
}

#ads160 {
	float: left;
	width: 160px;
}

#ads160 img {
	margin-bottom: 6px;
}

#ads160 embed {
	margin-bottom: 6px;
}

#container {
	clear: both;
	width: 960px;
	margin: 0px auto;
	padding: 0px;
}


#logo {
	padding-top: 0px;
}

#headtitle {
	padding-top: 14px;
}


#contentBox {
	background: #FFFFFF;
	padding: 10px;
	overflow: visible;
}

#sideContainer {
	float:left;
}

#sideNav {
	float:left;
	padding: 20px 0px 20px 10px;
	overflow: hidden;
	width: 240px;
}

#sideBar_body {
	background: #FFF;
	clear:left;
	float:left;
	padding: 20px 0px;
	overflow: hidden;
	width: 240px;
}

#sideBar_body p {
	padding-left: 10px;
	margin-bottom: 15px;
}

#headContent {
	background: #FFFFFF;
	height: 340px;
	width: 690px;
/*	padding: 30px 20px 20px 30px;  */
	float: right;
}

.btnLearnMore {	margin-left: 0px; }

#mainContent {
	background: #FFFFFF;
	width: 650px;
	padding: 20px 20px 20px 0px;
	float: right;
	overflow:visible;
	margin: 0px;
}

#bigPic01 {
	background-color: #FFFFFF;
	border: 1px solid #bfbfbf;
	padding: 5px;
}

.sidebar {
	font: normal 12px/normal Arial, Helvetica, sans-serif;
	color: #000000;
	background: #e3e3e3 url(http://images.shaklee.com/pws/vvx-sidebar-back1.gif);
	margin: 0px;
	padding: 15px;
	text-align: left;
}

.sidebar ul {
	list-style: none;
	margin: 0px 0px 20px;
	padding: 0px;
}

.sidebar li {
	font: normal 11px/18px Arial, Helvetica, sans-serif;
	margin: 0px 0px 8px;
}

.sidebar ul li a {
	margin: 8px 0px;
	padding: 5px 5px 5px 14px;
}

.sidebar ul li a:link, .sidebar ul li a:visited  {
	color: #333;
	font-weight: bold;
	text-decoration: none;
	display: block;
	border: 1px solid #c1c1c1;
}

.sidebar ul li a:hover, .sidebar ul li a:active  {
	color: #000;
	text-decoration: none;
	background: #dadada;
	border: 1px solid #999;
}

.sidebar a:link, .sidebar a:visited  {
	color: #333;
	font-weight: normal;
	text-decoration: underline;
}

.sidebar a:hover, .sidebar :active  {
	color: #333;
	font-weight: normal;
}

#footer {
	color: #FFFFFF;
	overflow: visible;
	padding-bottom: 20px;
}

#footer a:link, #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;	
}

#footer a:hover, #footer a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

#insole {
	display: block;
	height: 40px;
	width: 960px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	text-align: center;
	overflow: visible;
}

#dshea {
	display: block;
	width: 380px;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	font: 9px Arial, Helvetica, sans-serif;
	color: #999999;
	border: thin solid #CCCCCC;
	margin-top: 80px;
}

.shim10w {
	width: 10px;
}

.flL {
	float:left;
}
.flR {
	float:right;
}
.alL {
	text-align: left;
}
.alR {
	text-align: right;
}

.rssBoxHead {
	text-transform: uppercase;
	color: #FFFFFF;
	background: #990000 url(../00_img/rssBoxHeadRed.png) repeat-x scroll left top;
	display: block;
	font-size: 14px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	font-variant: normal;
	margin: 20px 0px 0px;
	padding: 8px 10px;
}

.video {
	padding: 0px;
	margin-left: 10px;
	line-height: 1;
	font-size: 10px;
	color: #999999;
}

#regionselector {
	font: normal 11px/normal Arial, Helvetica, sans-serif;
	color: #666;
	background: #FFF;
	padding: 1px;
	border: thin solid #CCCCCC;
	margin-top: -3px;
	width: 140px;
}

#board_inactive_warning {
	position: fixed;
	left: 0px;
	top: 0px;
	float: left;
	display: block;
	overflow: visible;
	width: 100%;
	z-index: 99;
	font: bold normal 12px/normal Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #FFFFCC;
	background: #990000;
	padding: 8px;
	border: 2px solid #FFFFFF;
	text-decoration: blink;
}

#vbforum #page ul, #vbforum #page ol {
	padding-left: 20px;
}


/*~  Text
--------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Basic
----------------------------------------------------------------------------------------------------*/

body {
	font: 12px/1.5 Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 32px;
	line-height: 32px;
}

h2 {
	font-size: 20px;
	line-height: 20px;
}

h3 {
	font-size: 18px;
	padding-top: 5px;
	font-weight: bold;
}

h4 {
	font-size: 16px;
	font-weight: bold;
}

h5 {
	font-size: 14px;
	font-weight: bold;
}

h6 {
	font-size: 12px;
	font-weight: bold;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

/*
ol {
	list-style: none;
}

ul {
	list-style: square;
}

li {
	margin-left: 30px;
}

*/

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
address,
fieldset {
	margin-bottom: 10px;
}

#contentBox p, #headContent p, #mainContent p {
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: "Arial Narrow","Helvetica Narrow","Helvetica Neue",Arial,sans-serif
}

/*~  Nav_main
--------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* For every page per section, highlight corresponding PRIMARY top-navigation tab */
#home li#home, 
#vbforum li#vbforum
{
	background: url(../00_img/navbackLit.png) no-repeat left top;
}

#home li#home a, 
#vbforum li#vbforum a
{
	background: url(../00_img/navbackLit-b.png) no-repeat right top;
	color: #2e4573;
}


#header {
	display: block;
	overflow:visible;
	position: absolute;
	left: 275px;
	width: 600px;
}

#header ul#nav {
	list-style: none;
	padding: 0px;
	text-transform: uppercase;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	display: block;
	z-index: 99;
	margin-left: 0px;
	margin-bottom: 0px;
}

#header #nav a {
	display: block;
	color: #4a381b;
	text-decoration: none;
	margin: 0px;
	padding: 10px 6px;
	margin: 10px 6px;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
}

#header #nav li#network {
	background: url(../00_img/navNetworkBack.png) no-repeat 5px 4px;
}

 #nav li:hover,  #nav li.sfhover {
	background: url(../00_img/navback2a.png) no-repeat left top;
}

#header #nav li a:hover, #header #nav li a.sfhover, #header #nav li:hover a, #header #nav li.sfhover a {
	color: #FFFFFF;
	background: #6e5328;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#header #nav li:hover ul a, #header #nav li.sfhover ul a {
	background: url(none);
}


#header #nav ul {
	float: left;
	width: 750px;
	list-style: none;
	padding: 0;
	text-transform: capitalize;
	font: bold 11px/1 Arial, Helvetica, sans-serif;
	display: block;
	z-index: 99;
	border: 0px solid #000000;
}

#header #nav li:hover a.daddy {
	background: url(../00_img/arrow-plus1.gif) no-repeat 130px center;
}

#header #nav li {
	float: left;
	padding: 0;
}

#header #nav li#network  {
	margin-left: 40px;
}
#header #nav li#network a {
	background:none;
}

#header #nav li ul {
	opacity: .98;
	position: absolute;
	left: -999em;
	height: auto;
	width: 165px;
	font-weight: normal;
	margin: 0;
	padding-bottom: 25px;
	padding-left: 1px;
	text-transform: none;
	color: #FFFFFF;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	background: url(../00_img/nav-lowcap2.gif) no-repeat left bottom;
}

#header #nav li li {
	padding-right: 10px;
	width: 155px;
	border-bottom: 1px solid #666666;
}

#header #nav li ul a {
	color: #FFF;
	width: 135px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-transform: none;
	font: normal 11px/1 Arial, Helvetica, sans-serif;
}

#header #nav li ul ul {
	margin: -32px 0 0 165px;
}

#header #nav li:hover ul ul, #header #nav li:hover ul ul ul, #header #nav li.sfhover ul ul, #header #nav li.sfhover ul ul ul {
	left: -999em;
}

#header #nav li:hover ul, #header #nav li li:hover ul, #header #nav li li li:hover ul, #header #nav li.sfhover ul, #header #nav li li.sfhover ul, #header #nav li li li.sfhover ul {
	left: auto;
}

#header #nav ul li:hover, #header #nav ul li.sfhover {
	background: #cf4400;
}

/*#header #nav ul li a:hover, #header #nav ul li a.sfhover {
	text-decoration: none;
	background: url(none);

}*/

#header #nav  li:hover, #header #nav li.hover {
    position:static;
} 

/*~  Resize Layout
--------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/




/*~  Overlay/Popup Elements
--------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* use a semi-transparent image for the overlay */
#overlay {
	background-image:url(../00_img/overlay/white.png);
	color:#333333;
	height:450px;
}

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	height:441px;
	overflow-y:auto;
	padding-right: 10px;
}

#overlay div.contentWrap h2 {
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
	padding-top: 10px;
	border-top: 1px solid #666666;
	line-height: 1;
}

div.contentWrap h3 {
	border-top: 1px dashed #CCCCCC;
	padding-top: 10px;
	line-height: 1;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}

/* container for external content. uses vertical scrollbar, if needed */
#overlay div.wrap {
	height:480px;
	overflow-y:auto;
	padding-right: 15px;
}

.wrap p {
	margin-top:10px;
	margin-bottom:10px;
}

.wrap h1 {
	border-bottom:thin solid #999999;
	color:#FFFFFF;
	line-height:1;
	margin-bottom:0;
	padding-bottom:10px;
}

.wrap h2 {
	border-top:thin solid #999999;
	color:#FF9900;
	font-weight:bold;
	line-height:1;
	margin-top:1px;
	padding-top:15px;
}

.wrap h2 a:link, .wrap h2 a:visited {
	color: #FF9900;
	text-decoration: none;
}

.wrap h2 a:hover, .wrap h2 a:active {
	color: #FF9900;
	text-decoration: underline;
}

.wrap a:link, .wrap a:visited, .wrap a:hover, .wrap a:active {
	color: #FFCC00;
}

.moreInfoBox {
	padding: 3px 6px;
	border: thin solid #4d4d4d;
	display:block;
	margin-bottom:20px;
}


/* `Tabs (in Overlay/Popups)
----------------------------------------------------------------------------------------------------*/

.panes {
	color: #333333;
}

.wrap .panes a:link, .wrap .panes a:visited, .wrap .panes a:hover, .wrap .panes a:active {
	color: #006600;
}

.wrap .tabs a:link, .wrap .tabs a:visited, .wrap .tabs a:hover, .wrap .tabs a:active {
	color: #333333;
}

.panes h1 {
	border-bottom:thin solid #999999;
	color:#333333;
	line-height:1;
	margin-bottom:0;
	padding-bottom:10px;
}

.panes h2 {
	border-top:thin solid #999999;
	color:#006600;
	font-weight:bold;
	line-height:1;
	margin-top:1px;
	padding-top:15px;
}


.panes h2 a:link, .panes h2 a:visited {
	color: #006600;
	text-decoration: none;
}

.panes h2 a:hover, .panes h2 a:active {
	color: #006600;
	text-decoration: underline;
}


/* tab pane styling */

div.panes div {
	display:none;
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	font-size:14px;
	background-color:#fff;
	overflow: visible;
}

div.panes div.panes {
	display:block;
}

div.panes div.panes div {
	padding:15px 0px;
	border-style: none;
}


/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a {
	background: url(http://images.shaklee.com/pws/blue.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;
	line-height:30px;
	width: 118px;
	text-align:center;
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:1px 0px 0px;
	/*	position:relative; */
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}




/*~  CSS Drive RSS Feeds http://www.dynamicdrive.com/dynamicindex18/rssdisplaybox/index.htm
--------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*Sample CSS for the demo boxes below. Refined from rssdisplaybox.css above*/


#cssdriveid-maincontainer {
	background: #FFFFFF;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
}


#cssdriveid{
	/* width: 500px; */
padding: 10px 15px 10px 10px;
}

#cssdriveid .rsscontainer{ /*Style for RSS item body within #cssdriveid box*/
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom: thin dotted #999999;
}


/*
-------------------------------------------
Web Forms
-------------------------------------------
*/

#div_webForm_80572 {
	background: #CCCCCC url(none);
	padding: 10px;
}

#div_webForm_80572 .FormField, #div_webForm_80572 .FormField1 {
	background: transparent url(none);
}

#div_webForm_80572 .FormLabel, #div_webForm_80572 .FormLabel1 {
	background: transparent url(none);
	border-style: none;
	text-align: right;
	font-weight: normal;
	color: #333333;
}

#div_webForm_80572 .FormRequiredLabel, #div_webForm_80572 .FormRequiredLabel1 {
	background: transparent url(none);
	border-style: none;
	text-align: right;
	font-weight: bold;
	color: #000000;
}

#div_webForm_80572 .inputForm, #div_webForm_80572 .inputForm1 {
	margin-top: 2px;
	padding: 3px;
}

.HR-Audit-Link {
	font-size: 0px;
	text-indent: -99999em;
	height: 71px;
	width: 353px;
	margin-bottom: 10px;
	position:relative;
	background: url(/00_img/whatWeDo-HR-Audit.png);
	display:block;
	overflow:hidden;
}

.HR-Audit-Link a.hraudit{
	height: 71px;
	width: 353px;
	overflow:hidden;
}

.HR-Audit-Link h1{
	font-size: 0px;
	text-indent: -99999em;
	height: 71px;
	width: 353px;
	overflow:hidden;
}

#hraudit-widget a {
	position:absolute;
	right: 0px;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 0px;
	font-weight: bold;
	padding-right: 10px;
	bottom: 4px;
	margin-right: 10px;
	background: url(/00_img/whatWeDo-linkArrow.png) no-repeat scroll right center;
}