/*---pay and people pages. all pages have pp body class---*/
/*------core cascade overrides------*/
#topNavWrap{background:none;}
#escapeTop{margin-top:155px;}

/*--------ppNav-------------*/
#ppNav{background:url(/hr/images/ppMasterIcons.gif) no-repeat -999px -999px;font-weight:bold;}
.pp0 #ppNav{background-color:#b7d5a0;}
.pp0 #ppNav h1{color:#444;}
.pp1 #ppNav{background-color:#808184;}
.pp2 #ppNav{background-color:#688fca;background-position:46% -551px;}
.pp3 #ppNav{background-color:#8ec06d;background-position:73% -412px;}
.pp4 #ppNav{background-color:#e2b343;background-position:98% -690px;}

#ppNav h1{
line-height:55px;
color:#fff;
padding:0 16px;
font-size:2.1em;
font-weight:400;
letter-spacing:-1px;
}
#ppOverview{font-size:1.2em;margin:-40px 26px 12px;}
#ppNav ul{height:42px;}

#ppNav li{
float:left;
width:183px;
background: #808184 url(/hr/images/ppMasterIcons.gif) no-repeat -99px 0;
border-bottom:1px solid #87888a;
line-height:33px;
}

#ppNav li a{
text-align:center;
font-size:1.3em;
color:#fff;
display:block;
width:100%;
margin-left:8px;
}
#ppNav li a:hover{color:#333;}

#ppNav li#ppNav2{background-position:0 -199px;background-color:#688fca;}
#ppNav li#ppNav3{background-position:0 -83px;background-color:#8ec06d;}
#ppNav li#ppNav4{background-position:0 -315px;background-color:#e2b343;width:184px;}

.pp2 #ppNav li#ppNav2,.pp3 #ppNav li#ppNav3,.pp4 #ppNav li#ppNav4{background-color:transparent;}

/*---------pp content and layout -------------*/
.pp #mainContent h2{
color:#fff;
margin:3px 0 0;
font-size:1.7em;
font-weight:400;
letter-spacing:-1px;
padding:6px;
background:#808184!important;
}

.pp2 #mainContent h2{background:#688fca!important;}
.pp3 #mainContent h2,.pp0 #mainContent h2{background:#8ec06d!important;}
.pp4 #mainContent h2{background:#e2b343!important;}

.pp #mainContent div.chunk h3{
margin:18px 0 8px;
line-height:0;
font:bold 1.4em Arial,sans-serif;
}
.pp #mainContent div#ppRcol h3{
margin:0 0 0 16px;

}

.pp2 #mainContent h3{color:#688fca;}
.pp3 #mainContent h3,.pp0 #mainContent h3{color:#5d903b;}
.pp4 #mainContent h3{color:#e2b343;}

#ppContent{float:left;width:69%;}
#ppContent .chunk{width:50%;}
#ppContent .chunk p{margin:8px 0;}
#ppRcol{float:right;width:31%;}
#ppRcol h3, #mainContent #ppRcol p{margin-left:16px;}

.pp #ppContent img {border:2px solid #808184;}
.pp2 #ppContent img,.pp0 #ppContent img {border-color:#688fca;}
.pp3 #ppContent img {border-color:#5d903b;}
.pp4 #ppContent img {border-color:#e2b343;}

/*-----------------pp spotlight ------------------*/
#mainContent .ppSpotlight{width:212px;float:right;background:#fff url(/hr/images/ppSpotlightMid.png) repeat-y top;}

#mainContent .ppSpotlight ul{
background:url(/hr/images/ppSpotlightBtm.gif) no-repeat bottom;
padding:0 0 28px 44px;
margin:0;
font-size:1.2em;

}

#mainContent .ppSpotlight li{
background:url(/hr/images/ppMasterIcons.gif) no-repeat 0 -856px;
margin-right:18px;
}

#mainContent div#ppRcol div.ppSpotlight h3 {
padding:12px 22px;
margin:0;
color:#688fca;
font-weight:400;
background:url(/hr/images/ppSpotlightTop.gif) no-repeat top;
font-family:verdana;
}
#mainContent .ppSpotlight h3 span{font-weight:900;}