body,
#globalPageContainer {
	background-color: #fff;
}
#menu_area_lc,
.PerfPro3_LC_Header,
#PerfPro3_LC_Tabs,
/* #PerfPro3_LC_Card_Header, */
.topMenuOverlay,
.leftMenuOverlay,
#report_pagination_buttons,
#PerfPro3_LC_Below_Card .PerfPro3_LC_Below_Card_actionable_items {
	display: none;
}

#PerfPro3_LC_Card #PerfPro3_LC_Card_Header {
	margin-bottom: -32px !important;
}

#PerfPro3_LC_Card #PerfPro3_LC_Card_Header.pp3Header {
	background-color: #fff !important;
	color: #000 !important;
	font-size: 2em;
}

#PerfPro3_LC_Card {
	margin: 0;
	border: 0;
	box-shadow: none;
}

#PerfPro3_LC_Below_Card {
	margin: 0;
	width: auto;
}

#PerfPro3_LC_Below_Card .PerfPro3_LC_Below_Card_Logo {
	width: auto;
}
#PerfPro3_LC_Card #belowTabs, 
#PerfPro3_LC_Card .innerArea {
	background-color: #fff;
}

/*********************************************************/
/*   Reset (Eric Meyer)                                  */
/*   v1.0 | 20080212                                     */
/*********************************************************/

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,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 10px 0 0 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
/*        width: 890px;*/
    /* margin-left: auto;
	margin-right: auto; */
}
body {

	line-height: 1;
    overflow:visible;
    font-family: Verdana, Tahoma, Arial, sans-serf;
    background: white;
    width: 880px;
    color: #000;
}

blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*********************************************************/
/* FLOAT CONTAINERS FIX:
   http://www.csscreator.com/attributes/containedfloat.php
/*********************************************************/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix{
    display: inline-block;
}

/* Hide from IE-mac \*/
* html .clearfix{
    height: 1%;
}
.clearfix{
    display: block;
}
/* End hide from IE-mac */

.tenAfter {
    clear: both;
    height: 10px;
    margin: 0 0 10px 0;
}

.cb {
    clear:both;
}
/* lb = left border */
.lb {
    border-left: #ececeb solid 1px;
}
/* rb = right border */
.rb {
    border-right: #ececeb solid 1px;
}

/*********************************************************/
/*                   Main Containers                     */
/*********************************************************/
div.viewAppraisalContainer {
    width: 720px;
}
#appraisalWrapper {
    margin: 10px;
}
#appraisalWrapper h4 {
    margin-left: 0;
}
.overviewContainer {
    width: 720px;
}
.sectionStartFinal {
    width: 720px;
}
.EsignatureContainer {
    width: 710px;
}
.fscSection {
    width: 720px;
}

/*********************************************************/
/*   Various Section Headers                             */
/*********************************************************/

h4 {
    width: 710px;
	font-weight: bold;
	color: #898989;
	line-height: 14px;
	margin: 25px 0 10px 10px;
	padding: 0 0 10px 0;
	border-bottom: #898989 dotted 1px;
}

h5 {
	font-weight: bold;
	line-height: 23px;
	margin: 1px 0 5px 10px;
}

.ttlScore {
    width: 710px;
}
.ttlScoreLeft {
    width: 510px;
}
.ttlScoreRight {
    width: 280px;
}

.hSection,
.hSectionTopInd,
.hSectionBtm {
    width: 710px !important;
}

.hSectionBtm,
.hSectionBtmInd {
	padding: 0 0 10px 0;
}

.hSectionBtm {
	margin: 0 0 10px 0;
}

.hSectionBtmInd {
	margin: 0 0 10px 25px;
	border-bottom: #898989 dotted 1px;
}

.hSectionTopInd {
	padding: 25px 0 0 0;
	border-top: #898989 dotted 1px;
}

/*********************************************************/
/* The table that holds Appraisal title & HRN logo image */
/*********************************************************/

.logoTbl {
    width: 720px;
}
.logoTblTdLft,
.logoTblTdRt {
    vertical-align: bottom;
    width: 50%;
}
.logoTblTdRt {
    text-align: right;
}

.compName {
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.compLogo {
    margin: 0 10px 25px;
}
.compLogoImg {
    outline-style: none;
    border-style: none;
}

.pageTitle {
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0 0 0;
    padding: 0;
}

/*********************************************************/
/* The table that holds all the employee info at the top */
/*********************************************************/
.empInfoTbl {
    width: 710px;
}
.empInfoTbl caption {
    display: none;
}
.empInfoTbl th {
    display: none;
}

.eitTop td,
.eitFirst td,
.eitApps td,
.eitMulti td {
    border-bottom: #ececeb solid 1px;
}
.eitTop td {
    border-top: #ececeb solid 1px;
}

.tdb {
    font-weight: bold;
    padding: 0 0 0 7px;
}

.esInfoDivBold,
.esInfoDivReg {
    line-height: 24px;
}
.esInfoDivBold {
    font-weight: bold;
    margin: 0 0 0 0;
}

.empSummaryRow1 {
	width: 100%;
	height: 24px;
	margin: 10px 0 0 10px;
	border-top: #ececeb solid 1px;
}

.empSummaryRow2 {
	width: 100%;
 	height: 24px;
 	margin: 0 0 0 10px;
 	border-top: #ececeb solid 1px;
 }

.empSummaryRow3 {
	width: 100%;
	height: 24px;
	margin: 0 0 0 10px;
	border-top: #ececeb solid 1px;
	border-bottom: #ececeb solid 1px;
}


.empSummary280 {
	float:left;
	clear: left;
	width: 33%;
	background: #fff url(i/smmry/summary_bg.gif) 0 0 no-repeat;
}

.empSummary300 {
	float:left;
	width: 33%;
	background: #fff url(i/smmry/summary_bg.gif) 0 0 no-repeat;
}

.empSummary350 {
	float:left;
	width: 33%;
	background: #fff url(i/smmry/summary_bg.gif) 0 0 no-repeat;
}

.esInfoDivBold,
.esInfoDivReg {
	line-height: 24px;
}

.esInfoDivBold {
	background: #fff url(i/smmry/summary_bg.gif) 0 0 no-repeat;
	font-weight: bold;
	margin: 0 0 0 0;
}

.empSummaryOf {
    overflow: auto;
}

#emp01,
#emp07,
#emp14 {
	position: absolute;
	width: 120px;
	height: 24px;
	background-color: transparent;
	text-indent: 7px;
}
#emp02,
#emp04,
#emp08,
#emp15 {
	position: relative;
	left: 120px;
	width: 193px;
	height: 24px;
	background-color: transparent;
}
#emp09,
#emp16 {
	float: left;
	width: 120px;
	height: 24px;
	background-color: transparent;
	border-left: #ececeb solid 1px;
	text-indent: 7px;
}
#emp10,
#emp17 {
	float: left;
	width: 140px;
	height: 24px;
	background-color: transparent;
}
#emp11,
#emp18 {
	float: left;
	width: 30px;
	height: 24px;
	background-color: transparent;
}
#emp03,
#emp05,
#emp12,
#emp19 {
	position: absolute;
	width: 120px;
	height: 24px;
	background-color: transparent;
	text-indent: 7px;
	border-left: #ececeb solid 1px;
}
#emp06,
#emp13,
#emp20 {
	position: relative;
	left: 120px;
	width: 193px;
	height: 24px;
	background-color: transparent;
	text-indent: 7px;
}

/*********************************************************/
/* The left & right blocks that holds the content for the
   Performance Factors and Goal Performance sections     */
/*********************************************************/

.leftColumnGoalsFacs {
	width: 402px;
}
.rightColumnGoalsFacs {
    width: 290px;
}

/*********************************************************/
/*   Tables that hold Factors and Goals in the
     Appraisal Overview section                          */
/*********************************************************/

table.pfSummaryTable,
table.pgSummaryTable {
	width: 99%;
	margin-right: 5px;
}

.leftHalf {
    padding: 0 0 10px 0;
    width: 350px;
}
.rightHalf {
    padding: 0 0 10px 0;
    width: 350px;
}

.pfRow,
.pfRowAlt {
	height: 23px;
}

.pfRow {
	background-color: #fff;
}

.pfRowAlt {
	background-color: #f7f7f7;
}

.pfTdTwo {
	background-color: #fff;
	height: 23px;
}

.pfTdOneAlt {
	background-color: #f7f7f7;
	width: 75%;
	height: 23px;
}

.pfTdTwoAlt {
	background-color: #f7f7f7;
	height: 23px;
}

/*********************************************************/
/*   Tables that hold Factor Summary and Goal Summary
     data in the Performance Factors and Goal Performance
     sections                                            */
/*********************************************************/

.pfSummary th,
.pgSummary th {
	padding: 0 0.45em;
	text-align: left;
	color: #303030;
	border-bottom: #363636 solid 1px;
}

.pfsTdOne,
.pfsTdOneAlt,
.pgsTdOne,
.pgsTdOneAlt {
	width: 18%;
}

.pfsTdOneAltTotal,
.pfsTdTwoAltTotal,
.pfsTdThreeAltTotal,
.pfsTdFourAltTotal,
.pgsTdOneAltTotal,
.pgsTdTwoAltTotal,
.pgsTdThreeAltTotal,
.pgsTdFourAltTotal {
	color: #303030;
	font-weight: bold;
}

.pfsTdFourTotal,
.pgsTdFourTotal,
.pfsTdOneTotal {
	color: #CCC;
	font-weight: bold;
}

/*********************************************************/
/*                 Goal Action Steps                     */
/*********************************************************/
.goalActionSteps {
    width: 710px;
}
.goalActionSteps table {
    width: 680px;
}
.gaStep,
.gaStepAlt {
    width: 650px;
}
.gaTitle {
    width: 400px;
}
.gaScores {
    width: 165px;
}

/*********************************************************/
/*   Table for the totals, weight and score in the
     Final Score Calculation section                     */
/*********************************************************/
.leftColumnTotalScore {
    width: 470px;
}
.rightColumnTotalScore {
    margin-right: 10px;
    width: 230px;
}

table.fsCalculation {
	width: 100%;
	border: #ececeb solid 1px;
	line-height: 23px;
	margin: 4px 0 0 0;
}

.fscThRow {
	background-color: #f7f7f7;
}

.fscSummary th {
	background-color: #f7f7f7;
	padding: 0 0.5em;
	text-align: left;
	line-height: 22px;
	color: #303030;
}

.fscThOne {
	background-color: #f7f7f7;
	font-weight: bold;
	height: 22px;
	border-bottom: #e4e4e4 dotted 1px;
}
.fscThTwo,
.fscThThree,
.fscThFour {
	background: #f7f7f7 url(../images/tbl/pfsSep_2x66.png) 0 0 no-repeat;
	border-bottom: #e4e4e4 dotted 1px;
}

.fscRow,
.fscRowAlt {
	height: 38px;
}

.fscRow {
	background-color: #fff;
}

.fscRowAlt {
	background-color: #f7f7f7;
}

.fscTdTwo,
.fscTdTwoAlt,
.fscTdThree,
.fscTdThreeAlt,
.fscTdFourAlt {
	width: 75px;
}
.fscTdOne {
	font-weight: bold;
	line-height: 38px;
	background-color: #fff;
	border-bottom: #e4e4e4 dotted 1px;
}
.fscTdTwo {
	line-height: 38px;
	background: #fff url(../images/tbl/pfsSep_2x66.png) 0 0 no-repeat;
	width: 145px;
	text-align: center;
	border-bottom: #e4e4e4 dotted 1px;
}
.fscTdThree {
	background: #fff url(../images/tbl/pfsSep_2x66.png) 0 0 no-repeat;
	width: 145px;
	text-align: center;
	border-bottom: #e4e4e4 dotted 1px;
}
.fscTdFour {
	background: #fff url(../images/tbl/pfsSep_2x66.png) 0 0 no-repeat;
	line-height: 38px;
	text-align: center;
	border-bottom: #e4e4e4 dotted 1px;
}

.fscTdOneAlt,
.fscTdOneAltTotal {
	font-weight: bold;
	line-height: 38px;
	background-color: #f7f7f7;
	width: 181px;
}
.fscTdTwoAlt,
.fscTdTwoAltTotal {
	background: #f7f7f7 url(../images/tbl/pfsSep_2x66.png) 0 0 no-repeat;
	line-height: 38px;
	text-align: center;
}
.fscTdThreeAlt,
.fscTdThreeAltTotal {
	background: #f7f7f7 url(../images/tbl/pfsSep_2x66.png) 0 0 no-repeat;
	text-align: center;
	line-height: 38px;
}
.fscTdFourAlt,
.fscTdFourAltTotal {
	background: #f7f7f7 url(../images/tbl/pfsSep_2x66.png) 0 0 no-repeat;
	line-height: 38px;
	text-indent: 0;
	text-align: center;
}

.fscTdOneAltTotal,
.fscTdTwoAltTotal,
.fscTdThreeAltTotal,
.fscTdFourAltTotal {
	line-height: 38px;
	color: #303030;
	font-weight: bold;
	text-align: center;
}

.fscBox {
    width: 230px;
}
.fscBoxRight {
    left: 221px;
}
.fscBoxMiddle {
    width: 205px;
}

/*********************************************************/
/*   Content for the factor and goal descriptions,
     factor rating details and comments                   */
/*********************************************************/
.pfsCopy,
.pfsCopySmall {
	width: 387px;
	font-weight: normal;
	line-height: 17px;
	padding: 5px 0 9px 9px;
                overflow: hidden;

}

.pfsCopySmall {
	width: 392px;
	text-align: left;
	font-weight: bold;
}

.pfsFrd,
.pgsFrd {
	width: 402px;
	font-weight: normal;
	line-height: 11px;
	padding: 5px 0 9px 9px;
}

.pgsFrd {
	padding: 0 0 9px 9px;
}

.pgsGrd {
	width: 402px;
	font-weight: normal;
	line-height: 11px;
	padding: 5px 0 18px 29px;
}

.ratingDetails,
.commentDetails {
	display: block;
	visibility: visible;
	width: 680px;
	margin: -5px 1px 10px 30px;
	padding: 0;
	border-bottom: #898989 dotted 1px;
}

.ratingDetails p,
.commentDetails p {
	font-weight: normal;
	line-height: 15px;
	padding-right: 20px;
/*	margin-right: 20px; */
}

#firstRating,
#firstComment {
	margin: 0;
	padding: 0;
}

.commentRow {
	margin: 0;
	padding: 5px 20px 12px 10px;
	border-top: #898989 dotted 1px;
	background-color: #fff;
/*  padding: 5px 5px 0 5px;
	border-bottom: #898989 dotted 1px;*/
}
.commentRowAlt {
	margin: 0;
	padding: 5px 20px 12px 10px;
	border-top: #898989 dotted 1px;
	background-color: #f7f7f7;
}
.commentOwner {
	font-weight: bold;
}

.ratingBoxes {
	position: relative;
/*	border: #000 solid 1px; */
}
.ratingBox {
	float: left;
	position: relative;
	width: 263px;
/*	width: 30%; */
	background-color: #fff;
	margin: 0 10px 15px 0;
	padding: 0;
	font-weight: normal;
	line-height: 15px;
}
.ratingHeader {
	background: transparent;
	margin: 5px;
	font-weight: bold;
	line-height: 15px;
}
.ratingCopy {
	background: transparent;
	margin: 5px;
	font-weight: normal;
}

.rBoxTop {
	display: inline-block;
	background: transparent url(../images/rtngs/rtngs_top.png) top left no-repeat;
	width: 203px;
	height: 3px;
}
.rBoxMid {
	display: inline-block;
	background: #f1f1f1 url(../images/rtngs/rtngs_mid.png) top left no-repeat;
	width: 203px;
}
.rBoxBtm {
	display: inline-block;
	background: transparent url(../images/rtngs/rtngs_bot.png) top left no-repeat;
	width: 203px;
	height: 3px;
}
/*********************************************************/
/*   Summary Comments                                    */
/*********************************************************/

/*   USE THIS DIV TO AFFECT THE OVERALL WIDTH OF THE SUMMARY COMMENTS */
.scWrap {
    line-height: 15px;
    width:700px;
}
/*********************************************************/
/*                       Misc                            */
/*********************************************************/
#actionBtns {
    visibility: hidden;
    display: none;
}

#blobs,
#blob1,
#blob2,
#blob3,
#blob4,
#blob5,
#blob6,
#blob7,
#blob8,
#blob9 {
    visibility: hidden;
    display: none;
}

.esignature_instructions {
    width: 680px !important;
    margin-left: 15px !important;
}
#esignature_manual_block table {
    width: 100%;
}

/*********************************************************/
/*            Content for Forms and Notes                */
/*********************************************************/
TABLE.form_header {
    width: 880px;
    border-collapse: collapse;
}
TABLE.form_header TR TD {
    border: 1px solid black;
}

/* VIEW FORM CSS */
.FormContainer {
    margin: auto;
    padding-top: 40px;
    width: 800px;
}

.print_form {
    margin-top: 20px;
    margin-right: 50px;
}
.print_form_label {
    display: block;
    clear: both;
    margin: 5px 0px;
    font-weight: bold;
}
.print_form_field {
    display: block;
    margin-bottom: 15px;
}
.print_form_value {
    margin-bottom: 3px;
}
.print_form_masthead {
    width: 880px;
    text-align: center;
    margin-bottom: 20px;
}
.print_form_masthead H1 {
    text-align: center;
    font: 16px "Arial", sans-serif;
    font-weight: bold;
}

div.FormContainer div#esignature_general_block_manual,
div.FormContainer div#esignature_manual_block {
    margin-left: 0;
}

/* code commented by pradeep to resolve #4449
@page {

       prince-shrink-to-fit: auto;

      // size: A4
 }

@bottom
  {content:  counter(page) " of " counter(pages)

  }
 */

.alt_row, TABLE TR.alt_row {
	background-color: #f1eff0 !IMPORTANT;
}