/***** IE6 HACK: Setting the width to something different for IE6. */
html>body .SalaryBenefits .chartArea
{
	width: 500px;
}
.SalaryBenefits .chartArea
{
	width: 432px;
	float: left;
	padding: 10px;
	padding-right: 0px;
	text-align: center;
}
.SalaryBenefits .chartArea .summary
{
	width: 500px;
	margin-right: 10px;
}
.SalaryBenefits .chartArea h1
{
	font: verdana 15px bold;
}
.SalaryBenefits .chartArea h2
{
	font-weight: bold;
	font-size: 11px;
}
.SalaryBenefits .chartArea .chart ul
{
	float: left;
	width: 100%;
}
.SalaryBenefits .chartArea .chart li
{
	list-style: none;
	float: left;
	width: 200px;
}
.SalaryBenefits .chartArea .chart .below li
{
	color: #999;
}
.SalaryBenefits .secondLevel
{
	padding: 10px 0;
	width: 100%;
	float: left;
}
.SalaryBenefits .secondLevel .dynamicContent
{
	width: 45%;
	float: left;
	text-align: left;
	margin-right: 5px;
}
.SalaryBenefits .secondLevel .syndication
{
	width: 45%;
	float: left;
	text-align: right;
}
.myps3_sal_rightnav_div {
	width:215px;
	height: 700px;
	float:right;
	margin: 0;
	padding: 0;
	background-image: url(/images/mypayscale/myps_rightnav_graybkg_main01.jpg);
	background-repeat: repeat-y;
}
.myps3_sal_rightnav_div ul
{
	margin-top: 0;
	margin-left: 5px;
	padding-left: 0;
}
.myps3_sal_rightnav_div li
{
	list-style-type:none;
	list-style-position: outside;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 3px;
}
.myps3_sal_rightnav_header01 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#990000;
	padding-top:6px;
	padding-bottom:8px;
	padding-left:19px;
	background-color:#E6E6E6;
}

.myps3_sal_rightnav .top
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding: 9px 0 0 0;
	background-image: url(/images/mypayscale/rightnav_tabbkg01.gif);
	background-repeat: no-repeat;
}
.myps3_sal_rightnav .top a, .myps3_sal_rightnav .top a:hover, .myps3_sal_rightnav .top a:visited
{
	color:#0066CC;
	text-decoration:none;
}
.myps3_sal_rightnav ul
{
	display:none;
}
.myps3_sal_rightnav .topOpened
{
	background-image:url(/images/mypayscale/myps_rightnav_whtbkg01.jpg);
	background-repeat:no-repeat;
	margin: 0px 0 0px 20px;
	position: relative;
	left: -6px;
	list-style-position: inside;
}
.myps3_sal_rightnav .topOpened .opened li
{
	position: static;
	margin-left: 23px;
}

.myps3_sal_rightnav .selected
{
	list-style-image:url(/images/mypayscale/myps_rightnav_arrow01.gif);
	margin-left: 0px;
}

.myps3_sal_rightnav .unselected
{
	list-style-image:url(/images/mypayscale/myps_rightnav_arrow02.gif);
	margin-left: 0px;
}

.myps3_sal_rightnav .header
{
	font-weight: bold;
	margin-left: 17px;
}

.myps3_sal_rightnav .top a.selecteda, .myps3_sal_rightnav .top a.selecteda:visited
{
	color: #000;
	text-decoration:none;
	padding-top:0;
	margin-top:0;
	margin-left: 0;
	padding-left:0;
}

.myps3_sal_rightnav .topOpened a.unselecteda, .myps3_sal_rightnav .topOpened a.unselecteda:visited
{
	margin-left: 7px;
}

/*********** IE Hack. This gets the top level selected arrow looking right *************/
.myps3_sal_rightnav .top a.header, .myps3_sal_rightnav .top a.header:visited
{
	*position: relative;
	*top: -5px;
	*padding-left: 8px;
}

.myps3_sal_rightnav .top a.unselecteda, .myps3_sal_rightnav .top a.unselecteda:visited
{
	padding-left: 0px;
}
.myps3_sal_rightnav .top a:hover 
{
	text-decoration:underline;
}
.myps3_sal_rightnav .opened
{
	display: block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:0;
}

.SalaryBenefits .errorArea
{
	 background-color:#ffffcc;
	 padding:5px;
	 margin:10px;
	 
}

.SalaryBenefits .errorArea ul
{
	list-style-position: outside;
}

.SalaryBenefits .errorArea li
{
	list-style-image: url(/images/mypayscale/flag-red.gif);
}

.SalaryBenefits .errorArea h4
{
	font-size:13px;
	color:#333333;
	padding:0;
	margin:0;
}

.SalaryBenefits .errorArea p
{
	padding:0;
	margin:3px 0 0 0;
}

.SalaryBenefits .profileContainer
{
	padding:5px;
  margin:10px;
}

/* IE6 Hack. For some reason IE6 scopes this to the chart area. We are not doing the special upsell coloring
	 in IE6 like we are in all other browsers */
html>body .SalaryBenefits .upsell
{
	border: solid 1px #ccc;
	background-color: #fff;
}

html>body .SalaryBenefits .upsell .text
{
	background-color: #f0f6ff;
}

.SalaryBenefits .upsell
{
	margin: 10px;
}

.SalaryBenefits .upsell .text
{
	margin: 5px;
	padding: 5px;
	font-size: 10px;
	line-height: 15px;
}

.SalaryBenefits .vacation
{
	padding-top: 0;
	position: relative;
	top: -20px;
}

.SalaryBenefits .reportSummaryLabel
{
	text-align:left;
	white-space: nowrap;
}