.contentlink {
	color : #4D7AA1;					/* Adaptive Path-specified; Help Index page - Blue on purpose */
	text-decoration: underline;
}

.actionlink {
	color : #800080;					/* Help Index page - Purple on purpose */
	text-decoration: underline;
}

.leftNavSupport,						/* Right-side "Questions?" support box */
.leftNavSupportTitle,
.leftNavSupport a {
	font-family : Arial;
	font-size : 11px;					/* Adaptive Path-specified */
	background-color : #FFFFFF;			/* Adaptive Path-specified */
	color : #000000;					/* Adaptive Path-specified */
}

.leftNavSupport,						/* Right-side "Questions?" support box */
.leftNavSupportTitle {
	padding : 3px;
}




.deleteDisable {
	cursor: default;
	display: none;
}

.leftNavSupportTitle {					/* Right-side "Questions?" support box */
	font-size : 12px;					/* Adaptive Path-specified */
	font-weight : bold;
	padding-top : 0px;
}

#placeholderLeftNav {					/* Right-side "Questions?" support box */
	font-size : 0pt;
	height : 0px;
	visibility : hidden;
}

.note {									/* Used for text Notes such as in the Signup Form */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 12px;					/* Adaptive Path-specified */
	color : #666666;					/* Adaptive Path-specified */
}

.disclaimer {
	font-family : Arial;
	font-size : 8px;
}

.label {								/* e.g. Setup Overview bolded labels (\account\client.jsp) */
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight : bold;
	color: #333333;
}

.ppoAddressMTLNonCompliant {
    color: #CC0000;
}

.ppoAddressMTLNonCompliantBorder {
    border-color: #CC0000;
}

.einMTLNonCompliant {
    color: #CC0000;
}

.filingAddressMTLNonCompliant {
    color: #CC0000;
}

.einMTLNonCompliantBorder {
    border-color: #CC0000;
}

.filingAddressMTLNonCompliantBorder {
    border-color: #CC0000;
}

.error {								/* Red informational/error messages at the top of pages */
	font-size : 14px;					/* Adaptive Path-specified */
	font-weight : bold;
	color : #CC0000;					/* Adaptive Path-specified */
}

.warning {								/* On-screen text needing visual highlight (red color) */
	color : #CC0000;					/* Currenly used for Entity Change/WC Payroll blocking msg */
}

.notCustomerBox {
	padding : 10px 5px 10px 5px;
}

/* New blue theme for table e.g. To Do (for 2012R6) */
.blueActiveTH {
    font-family : "Trebuchet MS";
	font-size : 14px;
	font-weight : bold;
	background-color : #FFFFFF;
	color : #333333;
	border-bottom : 3px solid #7BB2E3;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 10px;
}

.activeTH {								/* BRANDING TEMPLATE TABLE 1; e.g. To Do, Create Paychecks, Setup Edit Contact Info, Setup Pay Policies */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 16px;					/* Adaptive Path-specified */
	font-weight : bold;
	background-color : #FFFFFF;			/* Adaptive Path-specified */
	color : #339900;					/* Adaptive Path-specified */
	padding-top : 10px;
	padding-bottom : 10px;
	padding-left : 10px;
}

.activeTD {								/* BRANDING TEMPLATE TABLE 1; e.g. To Do, Create Paychecks, Setup Edit Contact Info, Setup Pay Policies */
	background-color : #FFFFFF;			/* Adaptive Path-specified */
	color : #000000;					/* Adaptive Path-specified */
	padding-top : 0px;
	padding-right : 10px;
	padding-left : 10px;
}

.buttonRow {							/* Side-by-side "Next" "Exit Wizard" button row */
	padding-top : 10px;
}

.infoBox {								/* BRANDING TEMPLATE TABLE 3; e.g. Approve Paychecks, Pay Day Print, Taxes & Forms Overview, Forms, Reports Overview */
	border-style : solid;
	border-width : 1px;
	border-color : #7AA4CD;				/* Adaptive Path-specified */
}

.condensedInfoBox {						/* BRANDING TEMPLATE TABLE 3; Specifically, Employee & Contractor Overview */
	border-style : solid;
	border-width : 1px;
	border-color : #7AA4CD;				/* Adaptive Path-specified */
}
.infoTH,								/* BRANDING TEMPLATE TABLE 3; e.g. Approve Paychecks, Pay Day Print, Taxes & Forms Overview, Forms, Reports Overview */
.infoTH2 {
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 16px;					/* Adaptive Path-specified */
	font-weight : bold;
	color : #339900;					/* Adaptive Path-specified */
	background-color : #FFFFFF;			/* Adaptive Path-specified */
	padding-top : 5px;
	padding-right : 20px;
	padding-bottom : 5px;
	padding-left : 10px;
}

.infoTD,								/* BRANDING TEMPLATE TABLE 3; e.g. Approve Paychecks, Pay Day Print, Taxes & Forms Overview, Forms, Reports Overview */
.infoTD2 {
	background-color : #FFFFFF;			/* Adaptive Path-specified */
	padding-top : 10px;
	padding-right : 20px;
	padding-bottom : 10px;
}

.infoTDBreak {
    word-wrap: break-word;
}

.infoTRDesc {							/* BRANDING TEMPLATE TABLE 3; e.g. Approve Paychecks, Pay Day Print, Taxes & Forms Overview, Forms, Reports Overview */
	color : #808080;					/* Adaptive Path-specified; Descriptions below links text color */
}

.infoTROdd {							/* BRANDING TEMPLATE TABLE 3; e.g. Approve Paychecks, Pay Day Print, Taxes & Forms Overview, Forms, Reports Overview */
	background-color : #FFFFFF;			/* Adaptive Path-specified */
	padding-top : 10px;
	padding-right : 20px;
	padding-bottom : 10px;
	padding-left : 20px;
}

.infoTREven {							/* BRANDING TEMPLATE TABLE 3; e.g. Approve Paychecks, Pay Day Print, Taxes & Forms Overview, Forms, Reports Overview */
	background-color : #FFFFFF;			/* Adaptive Path-specified */
	padding-top : 10px;
	padding-right : 20px;
	padding-bottom : 10px;
	padding-left : 20px;
}

.condensedInfoTREven {					/* BRANDING TEMPLATE TABLE 3; e.g. Approve Paychecks, Pay Day Print, Taxes & Forms Overview, Forms, Reports Overview */
	background-color : #FFFFFF;
	padding : 5px;
}

.condensedInfoTROdd {					/* BRANDING TEMPLATE TABLE 3; e.g. Approve Paychecks, Pay Day Print, Taxes & Forms Overview, Forms, Reports Overview */
	background-color : #F7F7F7;
	padding : 5px;
}

.condensedInfoTRSelected {				/* BRANDING TEMPLATE TABLE 3; e.g. Approve Paychecks, Pay Day Print, Taxes & Forms Overview, Forms, Reports Overview */
	background-color : #D7E6F0;
	padding : 5px;
	cursor : pointer;
}

.condensedInfoColBordersEven {			/* e.g. AC Payroll Account Access */
	background-color : #FFFFFF;
}

.condensedInfoColBordersOdd {			/* e.g. AC Payroll Account Access */
	background-color : #ECF0F8;
}

.tableCellBottomAndRightBorder {                /* e.g. AC Payroll Account Access */
    border-bottom: 1px solid #7AA4CD;
    border-right: 1px solid #7AA4CD;
}

.tableCellRightBorder {                         /* e.g. AC Payroll Account Access */
    border-right: 1px solid #7AA4CD;
}

/* Granting payroll account access to user modal dialogs */
#SelectUserDiv {
	padding-bottom: 20px;
}

.grantAccessDivRow {
	clear : both;
}

.grantAccessLabel {
	float : left;
	width : 115px;
	text-align : right;
	padding-top : 3px;
	padding-bottom: 5px;
}

.grantAccessTextbox {
	float : left;
	width : 355px;
	padding-bottom: 5px;
	padding-left: 5px;
	white-space: nowrap;
}

#modalUserWOAccessSelect {
	width: 250px;
}

#modalUserWOAccessSelect option {
	width: 230px;
}

.infoFooter {							/* e.g. Work Locations Overview page, table row with "Add a Work Location" link */
	background-color : #E2E2FF;
	padding-top : 10px;
	padding-right : 20px;
	padding-bottom : 10px;
	padding-left : 20px;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-bottom-color : #989CA5;
}

.formTable,								/* BRANDING TEMPLATE TABLE 1; e.g. To Do, Create Paychecks, Setup Edit Contact Info, Setup Pay Policies */
.frameTable {
	border-style : solid;
	border-width : 1px;
	border-color : #7AA4CD;				/* Adaptive Path-specified */
}

.getReadyForPayDayBox {
	border-style : solid;
	border-width : 2px;
	border-color : #7AA4CD;
}

.simpleFrame td {						/* Used by \pay\payDayReports.jsp */
	padding : 2px 20px 2px 5px;
	background-color : #FAFAFA;
}

.temp td {
    border-collapse: collapse;
	padding-top : 3px;					/* Top padding between primary navigation horizontal line and page title text */
	padding-right : 10px;
	padding-bottom : 3px;				/* No padding below page title */
	padding-left : 20px;				/* This causes too much padding in "pseudo-external" pages */
}

.tabbedFormFrame {
}

.tabbedFormLeftNav,
.tabbedFormLeftNavTab,
.tabbedFormLeftNavActiveTab {
   padding-left : 10px;
   padding-right : 5px;
   padding-top : 3px;
   padding-bottom : 5px;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color : #7AA4CD;
   white-space : nowrap;
   background-color : #FFFFFF;
}

.tabbedFormLeftNav,
.tabbedFormLeftNavTab {
   border-right-style: solid;
   border-right-width: 1px;
   border-right-color : #7AA4CD;
   background-color : #F4F7FF;
}
.tabbedFormLeftNavTab {
  background-color : #EBEFF8;
}

.tabbedFormApprovalsRemaining {
	width : 30px;
	text-decoration : none;
	font-weight : bold;
	font-size : 12px;
	padding-bottom : 2px;
	text-align : center;
	float : left;
}

.tabbedFormApprovalsDone {
	width : 30px;
	height : 19px;
	text-decoration : none;
	background-image : url("../images/standard/icons/checkmark_green.gif");
	background-repeat: no-repeat;
	background-position : 2px 0px;
	float : left;
}

.title {								/* Page title on logged-in pages under /WebApp/in/page.jsp */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 24px;					/* Adaptive Path-specified */
	font-weight : normal;				/* Adaptive Path-specified */
	color: #005758;						/* Adaptive Path-specified */
	padding-top : 15px;					/* Top padding between primary navigation horizontal line and page title text */
	padding-right : 20px;
	padding-bottom : 0px;				/* No padding below page title */
	padding-left : 20px;				/* This causes too much padding in "pseudo-external" pages */
}

.setupTitle {							/* Page title on logged-in pages under /WebApp/in/page.jsp */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 24px;					/* Adaptive Path-specified */
	font-weight : normal;				/* Adaptive Path-specified */
	color: #005758;						/* Adaptive Path-specified */
	padding-top : 15px;					/* Top padding between primary navigation horizontal line and page title text */
	padding-right : 10px;
	padding-bottom : 5px;				/* No padding below page title */
	padding-left : 2px;					/* This causes too much padding in "pseudo-external" pages */
	width : 674px;						/* PD-10174 - Changing width from 735px to 674px to avoid horizontal scrollbar in 1024-px wide resolution */
}

.titleNoTopNav {						/* Page title used when there are no primary navigation links */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 24px;					/* Adaptive Path-specified */
	font-weight : normal;				/* Adaptive Path-specified */
	color: #005758;						/* Adaptive Path-specified */
	padding-top : 10px;					/* 10px since there are no primary navigation links */
	padding-right : 20px;
	padding-bottom : 0px;				/* Padding below page title before line */
	padding-left : 20px;				/* This causes too much padding in "pseudo-external" pages */
	border-top-style : solid;			/* Adaptive Path-specified; Line above page title */
	border-top-width : 1px;				/* Adaptive Path-specified */
	border-top-color : #306DA4;			/* Adaptive Path-specified */
}

.titleNoTopNavNoTopBorder {
	font-family : Arial;
	font-size : 24px;
	font-weight : normal;
	color: #005758;
	padding: 10px 20px 0 20px;
	border: 0;
}

.setupTitleNoTopNav {					/* Page title used when there are no primary navigation links */
	font-family: Arial;					/* Adaptive Path-specified */
	font-size: 24px;					/* Adaptive Path-specified */
	font-weight: bold;					/* Adaptive Path-specified */
	color: #000000;						/* Adaptive Path-specified */
	padding-bottom: 0px;				/* Padding below page title before line */
}

.setupTitleSmallFont {					/* Page title used when there are no primary navigation links */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 19px;					/* Adaptive Path-specified */
	font-weight : normal;				/* Adaptive Path-specified */
	color: #005758;						/* Adaptive Path-specified */
	padding-bottom : 0px;				/* Padding below page title before line */
}

.titleSetup {							/* Page title used in "Apollo" Setup mode */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 24px;					/* Adaptive Path-specified */
	font-weight : normal;				/* Adaptive Path-specified */
	color: #005758;						/* Adaptive Path-specified */
	padding-top : 10px;					/* 10px since there are no primary navigation links */
	padding-right : 20px;
	padding-bottom : 0px;				/* Padding below page title before line */
	padding-left : 0px;					/* This causes too much padding in "pseudo-external" pages */
}

.titlePrinterFriendly {					/* Printer-friendly page title */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 24px;					/* Adaptive Path-specified */
	font-weight : normal;				/* Adaptive Path-specified */
	color: #005758;						/* Adaptive Path-specified */
	padding-top : 10px;					/* This causes too much padding in "pseudo-external" pages */
	padding-right : 20px;
	padding-bottom : 10px;				/* Padding below page title before line */
	padding-left : 0px;					/* PrinterFriendlyHTMLReportWriter.java sets an overall margin-left : 20px */
}

.titleSteps {
	padding-top : 10px;
	padding-right : 20px;
	padding-bottom : 15px;
	padding-left : 20px;
}

.subtitle {
	font-family : Arial;
	font-size : 16px;
	font-weight : bold;
	color: #005758;
	padding-top : 0px;
	padding-right : 20px;
	padding-bottom : 10px;
	padding-left : 20px;
}

.WelcomeBackPageHorizLine {
	border-top-style : solid;			/* Adaptive Path-specified; Line above page title */
	border-top-width : 1px;				/* Adaptive Path-specified */
	border-top-color : #000000;			/* Adaptive Path-specified */
}

.WelcomeBackText {
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 13px;					/* Adaptive Path-specified */
	font-weight : normal;				/* Adaptive Path-specified */
}

html>body .title {						/* CSS hack for non-Internet Explorer browsers */;
/*	padding-bottom : 20px;*/			/* Unnecessary and commented out since .title already has a padding-bottom value */
}

#clientArea {
	border-bottom: 1px solid #306DA4;	/* Adaptive Path-specified; Line above page title */
	margin-bottom: 20px;
	padding-bottom: 10px;
}

#clientArea #clientNav {				/* Accountant "Client List & Client Tax To Do's" links */
	padding-top : 10px;
	font-size: 14px;
	float: right;
	text-align: right;
	padding-right: 20px;
}

#clientArea #clientName {				/* Accountant or his clients Name */
	padding-top : 10px;
	float: left;
	font-size: 16px;
    font-weight: bold;
	text-align: left;
    margin-left: 20px;
}

.clientsLinkSetup {						/* Accountant "Client List & Client Tax To Do's" links */
	text-align : right;
	padding-top : 2px;					/* Padding above Accountant client links */
	padding-bottom : 5px;
	margin-bottom : 5px;
}

/* Start Yahoo YUI CSS override for datatable */
.yui-skin-sam .yui-dt table {
    border: medium none;                                        /* Remove datatable border */
}

/* Remove row striping, column borders, and sort highlighting by overriding background color for all rows and columns*/
.yui-skin-sam tr.yui-dt-odd,
.yui-skin-sam tr.yui-dt-odd td.yui-dt-asc,
.yui-skin-sam tr.yui-dt-odd td.yui-dt-desc,
.yui-skin-sam tr.yui-dt-even,
.yui-skin-sam tr.yui-dt-even td.yui-dt-asc,
.yui-skin-sam tr.yui-dt-even td.yui-dt-desc {
    background-color: #ffffff;
    background-image: url("../images/standard/dot2WhiteGray.gif");  /* Add record separator line image */
    background-repeat: repeat-x;
    height: 25px;
}

.yui-skin-sam .yui-dt td {
    border-style: none;                                         /* Remove border for all columns */
    color: #515151;                                             /* Text color for records in datatable */
    font-size: 12px;                                            /* Reduce font size for records in table to distinguish them from table header */
}

/* Text formatting for header links */
.yui-skin-sam .yui-dt th a {
    font-weight: bold;
    color: #333333;
}

/* For header columns that are sorted and not sorted */
.yui-skin-sam th.yui-dt-asc,
.yui-skin-sam th.yui-dt-desc,
.yui-skin-sam .yui-dt th {
    background: none repeat scroll 0 0 #F0F0F0;                /* Remove all existing background styles for header row and add custom background color */
    border-top: 1px solid #C8CEE4;                             /* Add a line at top of header row */
    border-style: solid none none none;
}

.yui-skin-sam .yui-dt tr.yui-dt-first td {
    border-top: none;                                           /* Remove border from top of first row */
}

/* End Yahoo YUI CSS overrride for datatable */
.topAlignCell {
    vertical-align: top;                                        /* this is generic and can be used to by any page to vertically top align an element */
}

/* Start styling of jQuery client tax todo table */
#clientTaxTodoTable {
    min-width: 790px;
}

#clientTaxTodoTable .dataRowHorizLine {
    height: 25px;                                               /* override the cell height specified in dataRowHorizLine class */
}

#clientTaxTodoTable .cellData {
    color:  #515151;
    font-size: 12px;
    padding-right: 50px;
}

#clientTaxTodoTable thead tr .header {
    font-family : Arial;
    font-size : 14px;
    font-weight : bold;
    background-color : #F0F0F0;
    color : #333333;
    padding-top : 5px;
    padding-right : 10px;
    padding-bottom : 5px;
    text-align : left;
    border-top: 1px solid #C8CEE4;
}

#clientTaxTodoTable thead tr .headerSortUp {
    background-image: url("../images/standard/icons/arrow-dn.png");
    background-repeat: no-repeat;
    background-color : #F0F0F0;
}

#clientTaxTodoTable thead tr .headerSortDown {
    background-image: url("../images/standard/icons/arrow-up.png");
    background-repeat: no-repeat;
    background-color : #F0F0F0;
}

#clientTaxTodoTable .firstHeaderCell {
    background-position: 40px 50%;                              /* Specify absolute x position for the arrow background image next to header names */
}

#clientTaxTodoTable .secondHeaderCell {
    background-position: 50px 50%;                              /* Specify absolute x position for the arrow background image next to header names */
}

#clientTaxTodoTable .thirdHeaderCell {
    background-position: 40px 50%;                              /* Specify absolute x position for the arrow background image next to header names */
}

#clientTaxTodoTable .fourthHeaderCell {
    background-position: 90px 50%;                              /* Specify absolute x position for the arrow background image next to header names */
}

#clientTaxTodoTable thead tr a {
    color : #333333;                                            /* For client todo list, headers are defined as links. Change their color to dark grey */
}

#clientTaxTodoTable a {
    text-decoration: none;                                      /* For client todo list, remove underline for all links displayd in the datatable */
}

#clientTaxTodoTable a:hover {
    text-decoration: underline;                                 /* For client todo list, add underline on hover for all links displayed in datatable */
}

#clientTaxTodoTable td a:visited {
    color: #4D7AA1;                                             /* For client todo list, retain the link blue color for visited links only within cells*/
}

#clientTaxTodoTable .dueDateColor {
   color:  #990000;                                             /* For client todo list, due date is red and bold */
   font-weight: bold;
}
/* End styling of jQuery client tax todo table */

.serviceTitle {							/* \services\accountant_payroll.jsp page title */
	font-size: 17pt;
	font-weight : bolder;
	color: #808080;
	margin : 5px 0px 15px 0px;
}

.offerTextTitle {						/* Offer text title such as during Signup flow */
	font-size: 13pt;
	font-weight: bold;
	color : #349800;					/* Adaptive Path-specified */
	margin : 5px 0px 15px 0px;
}

.getMyPriceTable {						/* the get my price page is visible internally starting R4 */
	background-color : #FAFEFF;
	border-top : 1px solid #9FBDD9;
	border-left :1px solid #9FBDD9;
	border-right : 1px solid #9FBDD9;
	border-bottom : 1px solid #9FBDD9;
}

/*********************** andrewc732; 2011R09 Top tabs redesign (to look like IFSP and QBO) */
/*-----------------------------------------------------------------------------------
 *  Area above content well (Logos, navigation tabs and links, Help controls)
 */
#top {
    background: url("../images/standard/navTop/topBackground.png") repeat-x left top;
	min-width: 1005px;					/* Explicitly defined width prevents child <DIV> containing floats from moving down when browser width severely narrows */
}

#top #topLogoBar {
    height: 39px;						/* This must be 39px + (#topMenuBar height 31px) = desired 70px total height of background blue bar */
    height: 33px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#top #topLogoBar {
	height: 39px;						/* This must be 39px + (#topMenuBar height 31px) = desired 70px total height of background blue bar */
}
}

#top #topLogoBar .topProductName {		/* Exact positioning of top left-side "Intuit Online Payroll" logo */
    float: left;						/* Required for displaying the logo on the far left */
	padding-top: 10px;
	padding-left: 16px;					/* Add left padding because image does not have any padding on its left */
}

#top #topLogoBar .topProductNameExternal {
	position: relative;
	top: 23px;							/* This must be 23px in order to vertically center the 24px tall logo in a 70px tall blue background bar */
	padding-top: 0px;
}

#top #topLogoBar .topProductName #chooseCompanyList {			/* Company Selector drop-down control when logged in as normal company */
	padding-left: 35px;
}

#top #topLogoBar .topProductName #chooseCompanyList select {
	margin-bottom: 0px;
	/*	width: 200px;*/
}

#top #topLogoBar #topACName {			/* Accountant name on the far left when logged in as Accountant or Wholesale Client */
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	padding-top: 10px;
	padding-left: 16px;
}

#top #topLogoBar #topACName #acClientList {			/* Client List select dropdown control when logged in as Accountant */
	padding-left: 35px;
}

#top #topLogoBar #topACName #acClientList select {
/*	width: 200px;*/
}

#top #topLogoBar #topACName #acClientList option {
/*	width: 200px;*/
}

#top #topLogoBar .topLogoBarRight {
	float: right;							/* Required for displaying top far right elements (links and logo) */
}

#top #topLogoBar .topLogoBarRight #topACNameRetailClient {	/* Accountant name to the left of the Sign Out link when logged in as Retail Client */
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #ECECEC;
	position: relative;
	top: 8px;
}

#top #topLogoBar .noLogo {					/* Right-side links but Wholesale Clients don't display the right-side "intuit" logo */
	height : 39px;
}

#top #topLogoBar .logo {					/* Right-side links and "intuit" logo when logged in */
    padding-right: 10px;
    padding-left: 10px;
}

#top #topLogoBar .logo #hubWelcome {		/* Welcome, [first name] text to the left of the "Sign Out" link */
	font-size: 11px;
    color: #00BEFE;
    padding-right: 11px;					/* Creates 20px padding before topHeaderLinks when combined with topHeaderLinks padding-left */
    padding-left: 5px;
	position: relative;
	top: 8px;								/* Sign Out link exact position when there is no "intuit" logo */
}

#top #topLogoBar .noLogo .topHeaderLinks,	/* Right-side links (e.g. Sign Out) */
#top #topLogoBar .logo .topHeaderLinks {
    color: #FFFFFF;
    padding-right: 15px;
    padding-left: 5px;
	position: relative;
	top: 8px;								/* Sign Out link exact position when there is no "intuit" logo */
}

#top #topLogoBar .noLogo .topHeaderLinks {
    padding-right: 10px;
	top: 15px;								/* Sign Out link exact position when there is no "intuit" logo */
}

#top #topLogoBar .noLogo .topHeaderLinks a,
#top #topLogoBar .noLogo .topHeaderLinks a:visited,
#top #topLogoBar .logo .topHeaderLinks a,
#top #topLogoBar .logo .topHeaderLinks a:visited {
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
    white-space: nowrap;
	text-decoration: none;
}

#top #topLogoBar .noLogo .topHeaderLinks a:hover,
#top #topLogoBar .logo .topHeaderLinks a:hover {
	font-weight: normal;
	color: #FFFFFF;
    text-decoration: none;
}

#top #topLogoBar .logo #logoImg {
	position: relative;
	top: 9px;								/* Exact positioning of the "intuit" logo */
}

#top #topLogoBar .logo .ifsIntuitLogo img {	/* "Powered by Intuit" image */
	margin: 10px 10px 0px 0px;
	float: right;
}

#top #topLogoBar .logoExternal #logoImg {	/* Right-side "intuit" logo when not logged in */
    top: 20px;								/* This is 20px in order to vertically center the 20px tall logo in a 70px tall blue background bar */
}

#top #externalBar {
	height: 31px;							/* This must be 31px + (#topMenuBar height 39px) = desired 70px total height of background blue bar */
}

/*-----------------------------------------------------------------------------
 *  Top navigation tabs row - Left side tabs
 */
#top #topMenuBar {
	height: 31px;						/* This must be 31px + (#topLogoBar height 39px) = desired 70px total height of background blue bar */
	border-bottom: 5px solid #ECF4FD;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#top #topMenuBar ul.tabsLeftSide {
	font-family: Trebuchet MS;
	font-size: 13px;
	font-weight: bold;
    list-style: none;
    margin-top: 0px;					/* Shifts tab row up to proper vertical alignment with bottom of background gradient color */
    margin-bottom: 0px;					/* Shifts tab row up to proper vertical alignment with bottom of background gradient color */
	margin-left: 0px;					/* Required for IE7, or else the tabs are shifted about 40px to the right */
    padding-left: 0px;					/* Shifts tab row left 40px to proper horizontal location */
	float: left;
}

#top #topMenuBar ul.tabsLeftSide li {
    height: 31px;						/* Matches 31px height of inactive/active tab images */
	float: left;
    margin-left: 4px;					/* Results in 6px gap between (two inactive tabs) and (an active tab and inactive tab to its right) */
}

#top #topMenuBar ul.tabsLeftSide a {
    display: block;
    padding-top: 10px;					/* Controls vertical positioning of tab text */
    padding-right: 25px;				/* Results in 20px padding between text and tab right edge for both active and inactive tabs*/
    padding-right: 21px\9;				/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
    padding-bottom: 8px;				/* Controls vertical positioning of tab text */
	padding-bottom: 3px\9;				/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
    padding-left: 20px;					/* Results in 20px padding between text and tab left edge for inactive tabs */
	margin-left: -2px;					/* Shifts inactive tab left to hide straight left edge of "tab_inactive_right.png" image; results in 6px gap left of inactive tab */
    text-decoration: none;
	white-space: nowrap;
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#top #topMenuBar ul.tabsLeftSide a {
    padding-right: 25px;				/* Results in 20px padding between text and tab right edge for both active and inactive tabs*/
    padding-bottom: 8px;				/* Controls vertical positioning of tab text */
}
}

#top #topMenuBar #active {
    margin-left: 6px;					/* Results in 6px gap left of active tab */
}

#top #topMenuBar #active a {
    margin-left: -8px;					/* Shifts active tab left to hide straight left edge of "tab_active_right.png" image; results in 6px gap left of active tab */
	padding-left: 25px;					/* Results in 20px padding between text and tab left edge for active tab */
}

#top #topMenuBar ul.tabsLeftSide li {
    background: url("../images/standard/navTop/tabInactive_right.png") no-repeat right top;
    color: #FFFFFF;
}

#top #topMenuBar ul.tabsLeftSide a {
    background: url("../images/standard/navTop/tabInactive_left.png") no-repeat left top;
    color: #FFFFFF;
}

#top #topMenuBar #active {
    background: url("../images/standard/navTop/tabActive_right.png") no-repeat right top;
/*	background-color: red;*/
}

#top #topMenuBar #active a {
    background: url("../images/standard/navTop/tabActive_left.png") no-repeat left top;
    color: #323232;
/*	background-color: yellow;*/
}

/*-----------------------------------------------------------------------------
 *  Top navigation tabs row - Right side Help controls
 */
#top #topMenuBar #tabsRightSide {
	float: right;						/* Forces this element to be positioned on the right relative to its container */
}

/*-----------------------------------------------------------------------------
 *  Top navigation tabs row - Right side Search Help edit control
 */
#top #topMenuBar #tabsRightSide #searchHelpBox {
	background : url("../images/standard/navTop/searchHelp_leftmid.png") no-repeat 0px 0px;	/* Rounded-corners background image is wider/taller than edit control, so put it in a span */
	display: inline-block;
	width: 138px;						/* Matches width of background image + image that follows */
	height: 27px;						/* Matches height of background image */
	position: relative;
	top: 3px;							/* Forces exact desired vertical position */
}

#top #topMenuBar #tabsRightSide #searchHelpBox #searchHelpForm {
	display: inline;					/* Required or else IE will issue a linebreak before globalHelp controls that follow */
}

#top #topMenuBar #tabsRightSide #searchHelpBox #searchHelpInput {
	display: inline-block;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	border: none;						/* No border since a background image is being used */
	width: 98px;						/* Set the width to fit within background image */
	position: relative;
	top: -8px;							/* Forces exact desired vertical position */
	top: -6px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
	left: 12px;							/* Forces exact desired horiziontal position */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#top #topMenuBar #tabsRightSide #searchHelpBox #searchHelpInput {
	top: -8px;							/* Forces exact desired vertical position */
}
}

#top #topMenuBar #tabsRightSide #searchHelpBox a {
	background: url("../images/standard/navTop/searchHelp_right.png") no-repeat 0px 0px;
	border: none;						/* No border since a background image is being used */
	display: inline-block;
	width: 24px;						/* Matches width of background image */
	height: 27px;						/* Matches height of background image */
	position: relative;
	top: 0px;							/* Forces exact desired vertical position */
	left: 10px;							/* Forces exact desired horiziontal position */
}

/*-----------------------------------------------------------------------------
 *  Top navigation tabs row - Right side Global Help controls
 */
#top #topMenuBar #tabsRightSide #globalHelp {
	display: inline-block;
	position: relative;
	top: -6px;							/* Forces exact desired vertical position */
	top: -3px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
	left: 0px;							/* Forces exact desired horiziontal position */
	width: 60px;
	z-index: 1;							/* Required for IE Quirks mode, or else opened Global Help panel will show through secondary nav menu links */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#top #topMenuBar #tabsRightSide #globalHelp {
	top: -6px;							/* Forces exact desired vertical position */
}
}

#top #topMenuBar #tabsRightSide #globalHelp a {
	display: inline-block;
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

#top #topMenuBar #tabsRightSide #globalHelp #questionMark {
	position: relative;
	top: 4px;							/* Forces exact desired vertical position */
	left: -1px;							/* Forces exact desired horiziontal position */
}

#top #topMenuBar #tabsRightSide #globalHelp #navHelpButton {
    position: relative;
    top: 8px;							/* Forces exact desired vertical position */
    left: -1px;							/* Forces exact desired horiziontal position */
}

#top #topMenuBar #tabsRightSide #globalHelp #downArrow {
	position: relative;
	left: 2px;							/* Forces exact desired horiziontal position */
}

/*-----------------------------------------------------------------------------
 *  Top navigation tabs row - Right side Global Help slider panel
 */
#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel {
	position: absolute;					/* Absolute positioning required so panel displays on top of existing UI elements */
	top: 21px;							/* Forces exact desired vertical position */
	right: 0px;							/* Forces exact desired horizontal position */
	width: 183px;						/* Matches image width */
	z-index: 1;
}

#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelTop {
	background: transparent url("../images/standard/navTop/globalHelp_top.png") no-repeat;
	height: 8px;						/* Matches image height */
	width: 183px;						/* Matches image width */
}

#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle {
	background: transparent url("../images/standard/navTop/globalHelp_middle.png") repeat-y;
	margin-top: -8px\9;					/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle {
	margin-top: 0px;
}
}

#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle .globalHelpPanelDiv {
	padding-top: 0px;					/* Desired padding/whitespace provided by .iconsCol and .textCol 63px height */
	padding-bottom: 0px;
	height: 63px;
/*	border: 1px solid red;*/
}

#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle .whatClientSeesDiv {
	height: 71px;
}

#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle .yearEndSection {
	height: 45px;
	padding-top: 8px;
}

#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle .iconsCol {
	display: inline-block;
/*	vertical-align: middle;*/
/*	height: 63px;*/
	width: 45px;						/* Icon width 32px + 13px gives 5px left/right padding */
}

#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle .iconsCol img {
	position: relative;
	top: 10px;							/* Forces exact desired vertical position */
	left: 8px;							/* Forces exact desired horizontal position */
}

#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle .textCol {
	display: inline-block;
	vertical-align: middle;
	width: 125px;
}

#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle #askPeers {
	position: relative;
	top: 10px;
	top: 20px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
	left: 10px;
	width: 160px;						/* Needs to be less than .iconsCol + .textCol width and force some right padding by word-wrapping early */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle #askPeers {
	top: 10px;
}
}

#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle #whatClientSees {
	position: relative;
	top: 10px;
	top: 0px\9;							/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
	left: 10px;
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle #whatClientSees {
	top: 10px;
}
}

#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle .textCol .vertCenter {
	display: table;
}

#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle .textCol span,
#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle #askPeers span,
#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle #whatClientSees span {
	font-family: Arial;
	font-size: 11px;					/* Required to override default 14px */
	color: #333333;						/* Required to override default #000000 */
}

#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle .textCol .linkText,
#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle #askPeers .linkText {
	font-weight: bold;					/* Required in xD specs */
	color: #2A71DA;						/* Required in xD specs */
	text-decoration: none;
}

#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle .textCol .noteText,
#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle #askPeers .noteText {
	font-size: 10px;					/* Required in xD specs */
	color: #666666;						/* Required in xD specs */
}

#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle .textCol .callUs {
	font-weight: bold;					/* Required in xD specs */
}

#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle .textCol .phone {
	font-weight: bold;					/* Required in xD specs */
	color: #DE8519;						/* Required in xD specs */
}

#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle .splitLine {
/*	background: #CCCCCC url("../images/standard/icons/trans.gif") no-repeat scroll center;*/
	height: 1px;
	margin-left: 3px;					/* Push the line to the right 3px for visual correctness*/
	width: 173px;						/* Set exact width for visual correctness */
}

#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle .splitLine hr {
/*	background: #CCCCCC url("../images/standard/icons/trans.gif") no-repeat scroll center;*/
	color: #CCCCCC;
}

#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle #whatClientSees #title {
	font-size: 11px;					/* Required to override default 14px */
	font-weight: bold;					/* Required in xD specs */
	color: #333333;						/* Required in xD specs */
}

#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle .textCol #yearEndTitle {
	font-weight: bold;					/* Required in xD specs */
	color: #000000;
}

#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelMiddle .textCol #yearEndText {
	color: #000000;
}

#top #topMenuBar #tabsRightSide #globalHelp #globalHelpPanel #panelBottom {
	background: transparent url("../images/standard/navTop/globalHelp_bottom.png") no-repeat;
	height: 14px;						/* Matches image height */
	width: 183px;						/* Matches image width */
}

/*-----------------------------------------------------------------------------
 *  The grey bar below the top logo bar to remind user to save their deferred login
 */
#topDeferredSignupSave {
	background-color: lightgrey;
	color: grey;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*-----------------------------------------------------------------------------
 *  Secondary navigation links row
 */
#secondMenuBar {
	background-color: #ECF4FD;
	height: 26px;
	border-bottom: 1px solid #BDD8F3;
	margin-top: 0px;
	margin-left: 0px;
    margin-bottom: 0px;
}

#secondMenuBar li {
	list-style-type: none;				/* Turn off default bullet separators */
	display: inline;					/* Display as a horizontal list */
	font-size: 12px;
	position: relative;
	top: 3px;
	padding-right: 20px;
	padding-left: 20px;
}

#secondMenuBar li a,
#secondMenuBar li a:visited {
    background: url("../images/standard/navTop/navCarat_blank.png") no-repeat bottom;
	color: #323232;
	text-decoration: none;
	padding-bottom: 8px;
}

#secondMenuBar li a:hover {
	color: #2A71DA;
}

#secondMenuBar li.curItem a,
#secondMenuBar li.curItem a:visited {
	font-weight: bold;
    background: url("../images/standard/navTop/navCarat.png") no-repeat center 18px;	/* Must specify 18px instead of "bottom" or else IE Quirks mode vertically repeats this image's top row of pixels at the bottom */
	padding-bottom: 10px;
	padding-bottom: 8px\9;				/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#secondMenuBar li.curItem a,
#secondMenuBar li.curItem a:visited {
	padding-bottom: 10px;
}
}

#secondMenuBar li.curItem a:hover {
	color: #323232;
}
/*********************** andrewc732; 2011R09 Top tabs redesign (to look like IFSP and QBO) */

.navTop {								/* Top area where left-side logo displays */
/*	background-color : #B75F5E;*/		/* Debugging red background color */
/*	background-image : url("../images/standard/top_fade.gif");	 Sets background for row below navTopLinks rows */
/*	background-position : 149px;*/		/* Set to left logo width; shifts gradient background start to the right of logo */
}

.navTop .navTopLogo img {				/* Exact positioning of top left-side logo */
	float: left;						/* Required for forcing the logo gif to be on the left */
	margin-left: 20px;
}

.navTop .intuitLogo {					/* Right-side "Intuit" logo */
	text-align: right;
	padding-top: 24px;
	padding-right: 15px;
}

.ifsTopLogo {
	float : left;						/* Required for forcing the logo gif to be on the left */
	height: 75px;
	width: 200px;
}

.ifsTopText {							/* Right-side "Online Payroll" */
	float : right;
    padding-top : 20px;
    padding-right : 15px;
    font-size:24px;
    font-weight:bold;

}

.ifsIntuitLogoHub img {					/* Power By Intuit image*/
	margin: 0px 15px 0 -10px;
	float: right;
}

.ifsIntuitLogo img {					/* Power By Intuit image*/
	margin: 4px 15px 0 -10px;
	float: right;
}

.navTopLinks {							/* Top area gradient background and spacing of right-side links */
	text-align : right;					/* Right-align links */
	padding-top : 25px;					/* Padding above links */
	padding-right : 0px;				/* Padding to right of links or A/C company title */
	padding-bottom : 25px;
}

.navTopLinksNoLogo {					/* No logo gets displayed, so don't shift background 149px to the right */
/*	background-image : url("../images/standard/top_fade.gif"); */
	height : 78px;						/* No logo gets displayed, so we need a height */
	text-align : right;					/* Right-align links */
	padding-right : 50px;				/* Padding to right of links */
}

.navTopACName {							/* Accountant company name in top area right-side */
	font-size : 11pt;
	font-weight : bold;
	color : #606060;
	text-align : right;					/* Right-align AC Name */
	padding-right : 5px;
	padding-bottom : 5px;				/* Padding below Business Name */
}

.navTopLogoSpace {						/* e.g. \sp\client\clientTodo.jsp */
/*	background-color : #808080;*/		/* Debugging gray background color */
	background-color : #FFFFFF;			/* Must set #FFFFFF or .navTop bkgrnd color will show */
	background-image : none;			/* Must turn off gradient background behind logo gif */
	width : 152px;						/* Logo gif width */
	height : 74px;						/* Logo gif height pixel */
	padding-bottom : 1px;
	padding-right : 0px;
	max-width : 152px;
	max-height : 74px;
}

.navTopLogoSpace img {					/* e.g. \sp\client\clientTodo.jsp */
	margin : 0px;
}

.navTopBarBehindTopTabs {				/* No longer used; QB Mac skin uses one in its stylesheet */
}

.navTopMainLinks {						/* Primary navigation links */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 13px;					/* Adaptive Path-specified */
	font-weight : normal;				/* Adaptive Path-specified */
	color: #005954;						/* Adaptive Path-specified */
	background-color : #FFFFFF;			/* Adaptive Path-specified */
	margin : 0px;						/* No margins around primary navigation */
	padding-bottom : 7px;				/* Results in 10px padding below primary navigation */
	padding-left : 20px;				/* Padding to left of first link */
	text-align : left;					/* Adaptive Path-specified */
	border-width : 1px;					/* Adaptive Path-specified */
	border-color : #306DA4;				/* Adaptive Path-specified */
	border-top-style : none;			/* Adaptive Path-specified */
	border-bottom-style : solid;		/* Adaptive Path-specified */
	border-left-style : none;			/* Adaptive Path-specified */
	border-right-style : none;			/* Adaptive Path-specified */
	white-space : nowrap;				/* Prevents main links wrapping when browser window resized very narrow */
}

.navTopNoLinks {
	clear : both;						/* Reset above left/right floats */
	margin-top : 10px;
	border-width : 1px;					/* Adaptive Path-specified */
	border-color : #306DA4;				/* Adaptive Path-specified */
	border-top-style : solid;			/* Adaptive Path-specified */
	border-bottom-style : none;			/* Adaptive Path-specified */
	border-left-style : none;			/* Adaptive Path-specified */
	border-right-style : none;			/* Adaptive Path-specified */
}

.navTopSetupMainLinks {					/* Primary navigation links */
}

.navTopMainLinks a,
.navTopMainLinks a:visited {			/* Primary navigation links */
	color : #005954;					/* Adaptive Path-specified */
	text-decoration: none;				/* No default underlined anchor links */
	padding-top : 7px;					/* Results in 10px padding above primary navigation */
	padding-right : 6px;				/* Results in 10px right padding for non-selected link */
	padding-bottom : 7px;				/* Results in 10px padding below primary navigation */
	padding-left : 5px;					/* Results in 10px left padding for non-selected link */
}

.navTopMainLinks a:hover {				/* Primary navigation links */
/*	color : #005954;*/					/* Adaptive Path-specified */
/*	text-decoration: underline;*/		/* Adaptive Path-specified - underlined anchor link when hovering */
/*	font-weight: bold;*/				/* Adaptive Path-specified */

	color : #000000;					/* Adaptive Path-specified */
	background-color : #EBEFF8;			/* Adaptive Path-specified */
	padding-right : 6px;				/* Results in 10px right padding for currently selected link */
	padding-left : 5px;					/* Results in 10px left padding for currently selected link */
	border-top-style : solid;			/* Adaptive Path-specified */
	border-top-width : 1px;				/* Adaptive Path-specified */
	border-top-color : #306DA4;			/* Adaptive Path-specified */
	border-bottom-style : solid;		/* Adaptive Path-specified */
	border-bottom-width : 1px;			/* Adaptive Path-specified */
	border-bottom-color : #EBEFF8;		/* Adaptive Path-specified */
}

.navTopMainLinks .curItem a,			/* Primary navigation currently selected link */
.navTopMainLinks .curItem a:visited {
	font-weight: bold;					/* Adaptive Path-specified */
	color : #000000;					/* Adaptive Path-specified */
	background-color : #EBEFF8;			/* Adaptive Path-specified */
	padding-right : 10px;				/* Results in 10px right padding for currently selected link */
	padding-left : 9px;					/* Results in 10px left padding for currently selected link */
	border-top-style : solid;			/* Adaptive Path-specified */
	border-top-width : 1px;				/* Adaptive Path-specified */
	border-top-color : #306DA4;			/* Adaptive Path-specified */
	border-bottom-style : solid;		/* Adaptive Path-specified */
	border-bottom-width : 1px;			/* Adaptive Path-specified */
	border-bottom-color : #EBEFF8;		/* Adaptive Path-specified */
}

.navTopMainLinks .firstCurItem a,		/* Primary navigation "To Do" currently selected link without secondary navigation links */
.navTopMainLinks .firstCurItem a:visited { 	/* Same as .curItem except as follows */
	border-bottom-color : #306DA4;		/* "To Do" has no secondary navigation links, so the bottom border color is different */
}

.navTopUtilityLinks {					/* Top right links such as "Log Out" */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 12px;					/* Adaptive Path-specified */
	font-weight : normal;				/* Adaptive Path-specified */
	color: #005954;						/* Adaptive Path-specified */
	padding-right : 15px;				/* Results in 20px right padding */
	float : right;
}

.navTopUtilityLinks a,					/* Top right links such as "Log Out" */
.navTopUtilityLinks a:visited {
	color : #005954;					/* Adaptive Path-specified */
	text-decoration: none;				/* No default underlined anchor links */
	padding-top : 7px;					/* Results in 10px padding above primary navigation */
	padding-right : 6px;				/* Results in 10px right padding for non-selected link */
	padding-bottom : 7px;				/* Results in 10px padding below primary navigation */
	padding-left : 5px;					/* Results in 10px left padding for non-selected link */
}

.navTopUtilityLinks a:hover {			/* Top right links such as "Log Out" */
	text-decoration: underline;			/* Adaptive Path-specified - underlined anchor link when hovering */
	border-top-style : none;			/* Adaptive Path-specified */
	border-bottom-style : none;			/* Adaptive Path-specified */
}

.gifVerticalSeparator {					/* Vertical separator \images\standard\icons\verticalSeparator.gif */
	position : relative;				/* Results in precise positioning */
	top : 5px;							/* Results in precise positioning */
}

.navTop2Links {							/* Secondary navigation links */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 13px;					/* Adaptive Path-specified */
	font-weight : normal;				/* Adaptive Path-specified */
	color: #005954;						/* Adaptive Path-specified */
	background-color : #EBEFF8;			/* Adaptive Path-specified */
	margin : 0px;						/* No margins around secondary navigation */
	padding-top : 7px;					/* Results in 10px padding above secondary navigation */
	padding-bottom : 7px;				/* Results in 10px padding below secondary navigation */
	padding-left : 35px;				/* Space to left of first link */
	text-align : left;
	white-space : nowrap;
	border-width : 1px;					/* Adaptive Path-specified */
	border-color : #306DA4;				/* Adaptive Path-specified */
	border-top-style : none;			/* Adaptive Path-specified */
	border-bottom-style : solid;		/* Adaptive Path-specified */
	border-left-style : none;			/* Adaptive Path-specified */
	border-right-style : none;			/* Adaptive Path-specified */
}

.navTop2Links li {						/* Secondary navigation links */
	display: inline;					/* Display as a horizontal list */
	list-style-type: none;				/* Turn off default bullet separators */
}

.navTop2Links li a,
.navTop2Links li a:visited {			/* Secondary navigation links */
	text-decoration: none;				/* No default underlined anchor links */
	color : #005954;					/* Adaptive Path-specified */
}

.navTop2Links li a:hover {				/* Secondary navigation links */
	text-decoration: underline;			/* Adaptive Path-specified - underlined anchor link when hovering */
	color : #005954;					/* Adaptive Path-specified */
}

.navTop2Links li.curItem a,				/* Secondary navigation currently selected link */
.navTop2Links li.curItem a:visited {
	font-weight: bold;					/* Adaptive Path-specified */
	color : #000000;					/* Adaptive Path-specified */
}

.navTop2Links li.curItem a:hover {		/* Secondary navigation currently selected link */
	text-decoration: underline;			/* Underlined anchor link on hover */
}

.tabSeparator {							/* Secondary navigation links; Separator */
	font-weight: bold;					/* between non-selected sub-tabs as configured */
	color : #FFFFFF;					/* in VisitorConfigurationManager.java */
}

.mainBody {								/* Overall body text padding */
	padding-top :   0px;					/* Top padding below page title/line */
	padding-right : 0px;
	padding-bottom : 15px;
	padding-left : 20px;
}

.ipdAlert {
	border-style : solid;
	border-width : 1px;
	border-color : #7AA4CD;
	margin-top : 10px;
	margin-right : 10px;
	margin-bottom : 10px;
	margin-left : 10px;
}

.ipdAlertTitle {
	background-color : #F0F0F0;
	font-weight : bold;
	padding-top : 5px;
	padding-right : 5px;
	padding-bottom : 5px;
	padding-left : 5px;
	cursor : default;
}

.ipdAlertClose {
	float:right;
	margin-top:2px;
	margin-right:3px;
	cursor : pointer;
}

.ipdAlertIntro {
	font-size : 11px;
	cursor : default;
}

.ipdAlertBody {
	padding-top : 5px;
	padding-right : 10px;
	padding-bottom : 5px;
	padding-left : 10px;
}

.ipdAlertList {
	margin-top : 10px;					/* Spacing between Intro text and first bullet text item */
	margin-bottom : 10px;				/* Spacing between last bullet text item and Closing Text */
	margin-left : 15px;					/* Required so bullet icons display in desired position */
	padding-left : 0px;
}

.ipdAlertList li {
	font-size : 11px;
	list-style-image : url("../images/standard/icons/blue_bullet.gif");
	cursor : default;
}

.ipdAlertLearnMore {
	float : right;
	margin-right : 5px;
	margin-bottom : 5px;
}

.ipdAlertLearnMore a:hover {
	cursor : pointer;
}

.ipdAlertLearnMore a div {
	background-image : url("../images/standard/buttons/ipdLearnMore.gif");
	background-repeat : no-repeat;
	width : 110px;
	height : 20px;
}

/*alert style used on ipd page*/
#ipdPageAlertContainer {width: 700px;}
#ipdPageTitle {font-weight: bold;font-size: 20px;padding: 10px 0px 10px 0px;}
#ipdPageIntroText {padding: 0px 0px 10px 0px;}
.ipdHighlight {color:orange;font-weight: bold;}
.ipdPageAlertTitle {font-size: 14px;padding-bottom: 5px;}
.ipdPageAlertIntro {padding-bottom: 5px;}
.ipdPageAlertLearnMore {}
.ipdPageAlertContentLeft {padding-right: 10px;}
.ipdPageAlertImpression {}

.navSide {								/* 2007R3.0: Now a non-navigation right-side column */
	background-color : #FFFFFF;			/* Vertical column to the right of .mainBody */
	width : 159px;						/* Vertical column width */
	height : 493px;						/* Makes each page 600px tall at least */
	padding-top : 10px;					/* Padding below page title line */
	padding-right : 20px;
	padding-left : 10px;
	white-space : nowrap;
}
#navSideContent {						/* Non-navigation right-side column for content such as HR Content */
	font-family : Arial;
	font-size : 12px;
	font-weight : normal;
	width : 300px;
}

#navSideContent a {
	color : #4D7AA1;
	text-decoration : none;
}

#navSideContent a:hover {
	text-decoration : underline;
}

#navSideContent #navSideContentBox,
#navSideContent #navSideContentBox1,
#navSideContent #navSideContentHRNoticesBox {
	border-style : solid;
	border-width : 1px;
	border-color : #7AA4CD;
	margin-top : 10px;
	margin-right : 10px;
	margin-bottom : 10px;
	margin-left : 10px;
}

#navSideContent #navSideContentBox #navSideContentTitle,
#navSideContent #navSideContentBox1 #navSideContentTitle1,
#navSideContent #navSideContentHRNoticesBox #navSideContentHRNoticesTitle {
	background-color : #F0F0F0;
	font-weight : bold;
	padding-top : 5px;
	padding-right : 5px;
	padding-bottom : 5px;
	padding-left : 5px;
}

#navSideContent #navSideContentBox #navSideContentBody,
#navSideContent #navSideContentBox1 #navSideContentBody1 {
	padding-top : 5px;
	padding-right : 10px;
	padding-bottom : 5px;
	padding-left : 10px;
}

#navSideContent #navSideContentBox #navSideContentBody #navSideContentIntroText,
#navSideContent #navSideContentBox1 #navSideContentBody1 #navSideContentIntroText1,
#navSideContent #navSideContentBox #navSideContentBody #navSideContentClosingText,
#navSideContent #navSideContentBox1 #navSideContentBody1 #navSideContentClosingText1 {
	font-size : 11px;
}

#navSideContent #navSideContentBox #navSideContentBody #navSideContentEmpEssentialsSectionTitle {
	font-weight : bold;
}

#navSideContent #navSideContentBox #navSideContentBody #navSideContentBulletList,
#navSideContent #navSideContentBox1 #navSideContentBody1 #navSideContentBulletList1 {
	margin-top : 10px;					/* Spacing between Intro text and first bullet text item */
	margin-bottom : 10px;				/* Spacing between last bullet text item and Closing Text */
	margin-left : 15px;					/* Required so bullet icons display in desired position */
	padding-left : 0px;
}

#navSideContent #navSideContentBox #navSideContentBody #navSideContentBulletList li,
#navSideContent #navSideContentBox1 #navSideContentBody1 #navSideContentBulletList1 li {
	font-size : 11px;
	list-style-image : url("../images/standard/icons/blue_bullet.gif");
}

#navSideContent #navSideContentHRNoticesBox #navSideContentHRNoticesBody {
	font-size : 11px;
	padding-top : 10px;
	padding-right : 10px;
	padding-left : 10px;
}

#navSideContent #navSideContentHRNoticesBox #navSideContentHRNoticesBody #navSideContentHRNoticesRemoveLink a {
	float : right;
	padding-left : 10px;
}

#navSideContent #navSideContentHRNoticesBox #navSideContentHRNoticesBody #navSideContentHRNoticesIntroText {
	padding-bottom : 10px;
}

#navSideContent #navSideContentHRNoticesBox #navSideContentHRNoticesClosingText {
	font-size : 11px;
	padding-right : 10px;
	padding-bottom : 10px;
	padding-left : 10px;
}
/* ---------------------------------------------------------------------------------------------
   2008R4.0 Setup (Apollo)
   --------------------------------------------------------------------------------------------- */
#navTopSetupLinksExitSetupLeft {		/* Main Apollo Setup icons/links on the left */
	font-family : Arial;
	font-size : 12px;
	font-weight : normal;
	float : left;
}

#navTopSetupLinksExitSetupRight {		/* A/B testing "Exit Setup" icon/link on the right */
	padding-right : 8px;
	float : right;
}

#navTopSetupLinks {
	background-color : #EBF3FD;
	font-family : Arial;
	font-size : 12px;
	font-weight : normal;
	padding-top : 10px;
	padding-right :10px;
	padding-bottom : 10px;
	padding-left : 10px;
	border-width : 1px;
	border-color : #306FA5;
	border-top-style : solid;
	border-bottom-style : solid;
	height : 40px;
}

#navTopSetupLinks a {
	font-family : Arial;
	font-size : 12px;
	font-weight : normal;
	text-decoration : none;
	color : #005954;
}

#navTopSetupLinks a:hover {
	text-decoration : underline;
	color : #005954;
}

.navTopSetupMainLinksCurrent {
}

.navSideSetup {							/* Left-side navigation used in "Apollo" Setup mode */
	background-color : #FFFFFF;			/* Vertical column to the left of .mainBody */
	font-family :Arial;
	font-size : 12px;
	font-weight : normal;
	width : 159px;						/* Vertical column width */
	height : 493px;						/* Makes each page 600px tall at least */
	padding-top : 10px;
	padding-right : 0px;
	padding-bottom : 0px;
	padding-left : 10px;
	white-space : nowrap;
}

.navSideSetupBox {
	background-color : #F4F7FC;
	padding : 0px;
	margin-top : 10px;
	margin-right : 0px;
	margin-bottom : 10px;
	margin-left : 0px;
	font-size : 12px;
	font-family :Arial;
	width : 159px;
	border-right : 1px solid #739DC6;
	border-bottom : 1px solid #739DC6;
	border-left : 1px solid #739DC6;
}
.navSideSetupBox img {
	padding : 3px;
	display : block;
}

.navSideSetupBox a,
.navSideSetupBox a:visited {
	font-family : Arial;
	font-size : 12px;
	background-color : #EBF3FD;
	color : #005954;
	padding : 5px;
	text-decoration : none;
	display : block;					/* Needed for Firefox */
}

.navSideSetupBox a:hover {
	text-decoration : underline;
}

.navSideSetupBoxSelectedItem {
	background-color : #339900;
	color : #FFFFFF;
	padding: 5px;
	font-size : 12px;
	font-family :Arial;
}

.navSideSetupBoxSelectedItem a,
.navSideSetupBoxSelectedItem a:visited {
	background-color : #339900;
	color : #FFFFFF;
	padding: 5px;
	font-size : 12px;
	font-family :Arial;
}

.navSideSetupBoxSelectedItem a:hover {
	background-color : #339900;
	color : #FFFFFF;
	text-decoration : underline;
	padding: 5px;
	font-size : 12px;
	font-family :Arial;
}

.navSideSetupBoxInactiveItem {
	background-color : #EBF3FD;
	color : #666666;
	font-size : 12px;
	font-family :Arial;
	padding: 5px;
	border-bottom-width : 1px;
	border-bottom-color : #739DC6;
	border-bottom-style : solid;
}
.navSideSetupBoxInactiveImg {
	background-color : #EBF3FD;
	color : #666666;
	font-size : 12px;
	font-family :Arial;
	padding-top : 5px;
	padding-left : 11px;
	padding-bottom : 5px;
	padding-right : 5px;
	border-bottom-width : 1px;
	border-bottom-color : #739DC6;
	border-bottom-style : solid;
}
.navSideSetupBoxVisited {
	background-color : #EBF3FD;
	font-size : 12px;
	font-family :Arial;
	padding : 5px;
	border-bottom-width : 1px;
	border-bottom-color : #739DC6;
	border-bottom-style : solid;
}
.navSideSetupBoxFirstVisited {
	background-color : #EBF3FD;
	color : #666666;
	font-size : 12px;
	font-family :Arial;
	padding : 5px;
	border-top-width : 1px;
	border-top-color : #739DC6;
	border-top-style : solid;
	border-bottom-width : 1px;
	border-bottom-color : #739DC6;
	border-bottom-style : solid;
}

.navSideSetupBoxLastinactive {
	background-color : #EBF3FD;
	color : #666666;
	padding : 5px;
	font-size : 12px;
	font-family :Arial;
}
.navSideSetupBoxLastinAccessible {
	background-color : #EBF3FD;
	color : #666666;
	padding-top : 5px;
	padding-left : 11px;
	padding-bottom : 5px;
	padding-right : 5px;
	font-size : 12px;
	font-family : Arial;
}

.navSideSetupBoxSubHeader {
	background-color : #F8F8F8;
	padding : 5px;
	display : block;
	font-size : 12px;
	font-family :Arial;
}

.navSideSetupBoxSubItem a,
.navSideSetupBoxSubItem a:visited {
	background-color : #F8F8F8;
	color : #4D7AA1;
	padding-left : 20px;
	border : 1px solid #739DC6;
	font-size : 12px;

}

.navSideSetupBoxSubItem a:hover {
	background-color : #D9EEE9;
	color : #000000;
}

.navSideSetupBoxSelectedSubItem a,
.navSideSetupBoxSelectedSubItem a:visited {
	background-color : #DDDDDD;
	color : #4D7AA1;
	padding-left : 20px;
	font-size : 12px;
}

.navSideSetupBoxInactiveSubItem {
	background-color : #F8F8F8;
	color : #4D7AA1;
	padding : 3px;
	padding-left : 20px;
}

/* ---------------------------------------------------------------------------------------------
   No longer used - Start of tags specifically for left-side navigation used by util/leftnav.inc
   --------------------------------------------------------------------------------------------- */
.navSideSectionHeader {
	background-color : #F5F5F5;
	height : 24px;
	font : normal normal bolder 9pt arial;
	font-stretch: wider;
	padding-top : 0px;
	padding-right : 10px;
	padding-bottom : 0px;
	padding-left : 10px;
	display : block;
	color : black;
}

.navSideMainMenu a,
.navSideMainMenu a:hover {
	background-color : #F5F5F5;
	height : 24px;
	cursor : pointer;
	font : normal normal bolder 9pt arial;
	font-stretch : wider;
	padding : 0px 10px 0px 10px;
	display : block;
	text-decoration : none;
	color : black;
}

.navSideMainMenu a:hover {
	background-color : #D7E6F0;
}

ul.navSideSubMenu li a,
ul.navSideSubMenu li a:hover {
	height : 22px;
	cursor : pointer;
	font : normal normal bold 8pt arial;
	font-stretch : wider;
	padding : 0px 10px 0px 20px;
}

ul.navSideSubMenu li a:hover {
	background-color : #D7E6F0;
}

.navSideSelectedMenuItem a {
	background-color : #C5E4DF;
	border-style : solid;
	border-width : 1px;
	border-color : #000103;
	border-left-style : none;
	border-right-style : none;
	height : 24px;
	font : normal normal bolder 9pt arial;
	font-stretch : wider;
	padding : 2px 10px 0px 10px;
	position : relative;
	left : 1px;
	z-index : 1;
}

.navSideSelectedSubMenuItem a {
	background-color : #C5E4DF;
	border-style : solid;
	border-width : 1px;
	border-color : #000103;
	border-left-style : none;
	border-right-style : none;
	padding : 1px 10px 0px 19px;
	position : relative;
	left : 1px;
	z-index : 1;
}
/* ---------------------------------------------------------------------------------------------
   No longer used - End of tags specifically for left-side navigation used by util/leftnav.inc
   --------------------------------------------------------------------------------------------- */

.navSideTitle {							/* Right-side My Setup Wizard title bar */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 12px;					/* Adaptive Path-specified */
	font-weight : bold;					/* Adaptive Path-specified */
	background-color : #FFFFFF;			/* Adaptive Path-specified */
	color : #005758;					/* Adaptive Path-specified */
	height : 10px;						/* Padding */
	margin : 0px;						/* around */
	padding-top : 5px;					/* "My Setup " */
	padding-bottom : 8px;				/* Wizard" */
	padding-left : 5px;					/* title */
	border-style : solid;
	border-width : 1px;
	border-color : #7AA4CD;				/* Adaptive Path-specified */
}

.navSideWizardMenu {					/* Overall Setup Wizard settings */
	background-color : #F2F4F7;			/* Adaptive Path-specified */
	margin : 0px;
	padding-left : 0px;					/* Need for Firefox or bad right shift */
	border-style : solid;
	border-width : 1px;
	border-color : #7AA4CD;				/* Adaptive Path-specified */
	border-top-style : none;
}

.navSideWizardMenu li {					/* Right-side My Setup Wizard */
	list-style-type : none;				/* Turn off list item bullets */
	padding-top : 3px;					/* Top padding above each list item */
	padding-right : 0px;				/* Adaptive Path-specified */
	padding-bottom : 3px;				/* Bottom padding below each list item */
	padding-left : 0px;					/* Adaptive Path-specified */
}

.navSideWizardMenu a,					/* Right-side My Setup Wizard */
.navSideWizardMenu a:hover {			/* Not currently selected Setup Wizard checkbox items */
	background-color : #F2F4F7;			/* Adaptive Path-specified */
	font-family : Arial;
	font-size : 12px;
	font-weight : normal;
	color : #000000;
	height : 20px;
	padding-top : 3px;
	padding-right : 10px;
	padding-bottom : 3px;
	padding-left : 24px;
	display : block;					/* Allows selected row's background color to extend to the end of row */
	text-decoration : none;				/* Do not display default anchor link underlining */
}

.navSideWizardMenu a {					/* Right-side My Setup Wizard */
	background-image : url("../images/standard/icons/wizardUnchecked.gif");
	background-repeat : no-repeat;
}

.navSideWizardMenu a:hover {			/* Right-side My Setup Wizard */
	background-color : #D9EEE9;			/* Currently selected (when hovering) Setup Wizard checkbox item */
}

.navSideWizardMenu .navSideInterviewCompletedItem a {	/* Right-side My Setup Wizard */
	background-image : url("../images/standard/icons/wizardChecked.gif");
	background-repeat : no-repeat;
	font-family : Arial;
	font-size : 12px;
	font-weight : normal;
	height : 20px;
}

.navSideWizardMenu #navSideInterviewSelectedAndCompletedItem a, 	/* Right-side My Setup Wizard */
.navSideWizardMenu #navSideInterviewSelectedAndIncompleteItem a {	/* Currently selected Setup Wizard checkbox item */
	background-repeat : no-repeat;
	background-image : url("../images/standard/icons/wizardSelected.gif");	/* Adaptive Path-specified */
	background-color : #349800;			/* Adaptive Path-specified */
	color : #FFFFFF;					/* Adaptive Path-specified */
}

.navSideWizardSpacing {					/* Right-side My Setup Wizard box bottom whitespace */
	background-color : #FFFFFF;			/* Adaptive Path-specified */
	height : 10px;
}

.navSideNonMenuItem {					/* Right-side My Setup Wizard box bottom bar */
	background-color : #FFFFFF;			/* Adaptive Path-specified */
	height : 10px;
}

.horizontalBarLeft {					/* Used by \services\page.jsp, but that page may be obsolete */
	background-color : #FFFFFF;
	height : 10px;
	empty-cells : show;
}

.verticalBarMid {						/* Commented out except in \services\page.jsp, but that page may be obsolete */
	background-color : #C5E4DF;
	width : 10px;
	empty-cells : show;
	border-left-style : solid;
	border-left-color : #1E537F;
	border-left-width : 1px;
}

.horizontalBarMid {						/* Tiny blue bar immediately below main tabs */
	background-color : #C5DFE4;
	height : 5px;
	empty-cells : show;
}

.horizontalBarRight {					/* Blue bar on pages w/o top navigation such as Signup flow & Login/Logout */
	background-color : #C5E4DF;
	height : 10px;
	text-align : center;
	font-size : 8pt;
	empty-cells : show;
}

.navFooter {							/* Footer area overall settings */
	/*background-image : url("../images/standard/bottom_fade.gif"); Adaptive Path-specified */
	/*background-repeat : no-repeat;		/* Prevent background gif from repeating just in case */
	height : 60px;						/* Background gif pixel height */
    border-width : 1px;
	border-color : #306DA4;				/* Adaptive Path-specified */
	border-top-style : solid;
	border-bottom-style : none;			/* Adaptive Path-specified */
	border-left-style : none;
	border-right-style : none;
}

.navFooterLinks {						/* Footer links area */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 12px;					/* Adaptive Path-specified */
	font-weight : normal;				/* Adaptive Path-specified */
	color: #2a71d8;						/* Adaptive Path-specified */
	margin : 0px;						/* No margins around footer links */
	padding-bottom : 7px;				/* Results in 10px padding below footer links */
	padding-left : 20px;				/* Padding to left of first link */
	text-align : left;					/* Adaptive Path-specified */

}

.navFooterLinks li {					/* Footer links area */
	display : inline;					/* Magic that makes list items display as a row */
}

.navFooterLinks li a,					/* Footer links anchor links and visited anchor links */
.navFooterLinks li a:visited {
	color : #2a71d8;					/* Adaptive Path-specified */
	text-decoration: none;				/* Adaptive Path-specified - No underlined anchor links */
	padding-top : 7px;					/* Results in 10px padding above primary navigation */
	padding-right : 6px;				/* Results in 10px right padding for footer link */
	padding-bottom : 7px;				/* Results in 10px padding below primary navigation */
	padding-left : 5px;					/* Results in 10px left padding for footer link */
}

.navFooterLinks li a:hover {			/* Footer links when hovering */
	color : #005954;					/* Adaptive Path-specified */
	text-decoration: underline;			/* Adaptive Path-specified - Underlined anchor links on hover */
}

.navFooterLinks .gifVerticalSeparator {
	display:none;						/* For now, we're hiding the vertical separator between footer links */
}

.navFooterCopyright {					/* Footer copyright text area */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 11px;					/* Adaptive Path-specified */
	color : #666666;					/* Adaptive Path-specified */
	padding-left : 25px;				/* Results in precise positioning */
}

.navFooterCopyright a {					/* For /WebApp/page.jsp specifically */
	float : right;						/* Forces "PayCycle, Inc. Online Payroll Services Company" link to the right */
}

.navFooterMsg {							/* For /WebApp/page.jsp "footerMsg" */
	font-family : Arial;
	font-size : 9px;
	color : #969DA5;
	padding-left : 25px;				/* Results in precise positioning */
}

.navFooterLogo {					/* For /WebApp/page.jsp specifically */
	float : right;						/* Forces "PayCycle, Inc. Online Payroll Services Company" link to the right */
    padding-top : 2px;
}

.versionDisplay {
	color:#FFFFFF;
}

.awardText {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    font-weight : normal;
    text-align : center;
    vertical-align : top;
    white-space:nowrap;
}

.genericListSeparator {					/* Horizontal list separator such as footer and top right-side links */
	color : #CFCFCD;					/* Adaptive Path-specified */
}

.welcomeBackPageNavTop {				/* Top area for 2007R3.0 \in\welcomeBack.jsp page and \in\suiEstimateReminder.jsp */
	empty-cells : show;
/*	background-image : url("../images/standard/top_fade_welcome.gif");*/
	background-image : url("../images/standard/top_fade.gif");	/* Sets background for row below navTopLinks rows */
/*	background-position : 100px;*/		/* Required for Firefox */
	background-repeat : no-repeat;		/* Required for IE or blue shows */
}

.welcomePageLogoutLink {				/* Match look to regular pages with Logout link */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 12px;					/* Adaptive Path-specified */
	font-weight : normal;				/* Adaptive Path-specified */
	background-color : #FFFFFF;			/* Adaptive Path-specified */
	color: #005954;						/* Adaptive Path-specified */
	padding-top : 9px;					/* Force top padding so height of this area matches pages with primary navigation */
	padding-right : 20px;				/* Padding from right edge */
	padding-bottom : 7px;				/* Results in 10px padding below primary navigation */
	float : right;						/* Force link to be on the far right */
}

.welcomePageLogoutLink a {				/* Match look to regular pages with Logout link */
	color: #005954;						/* Adaptive Path-specified */
	text-decoration: none;				/* No default underlined anchor links */
}

.welcomePageLogoutLink a:hover {		/* Match look to regular pages with Logout link */
	text-decoration: underline;			/* Adaptive Path-specified - underlined anchor link when hovering */
}

.welcomePageHorizontalBar {				/* Spacing between navTop area and banner */
	border-top-style : solid;			/* Adaptive Path-specified; Line above page title */
	border-top-width : 1px;				/* Adaptive Path-specified */
	border-top-color : #306DA4;			/* Adaptive Path-specified */
}

.welcomePageBanner {					/* Top text banner for \in\welcome.jsp page */
	background-image : url("../images/standard/top_fade_welcome.gif");
	background-repeat : repeat-x;		/* Only repeat the background image horizontally */
	text-align : center;				/* Also required for IE to center "Questions?..." table text */
	padding-bottom : 15px;				/* Padding below banner */
}

.welcomePageBanner .bannerTable {		/* CSS-compliant way to center a table instead of deprecated "<table align=center>" */
	margin-left : auto;					/* Required for Firefox, Safari, Mozilla, Opera, etc. to center text */
	margin-right : auto;				/* Required for Firefox, Safari, Mozilla, Opera, etc. to center text */
}

.welcomePageBanner .topBanner,			/* Top text banner for \in\welcome.jsp page */
.welcomePageBanner .topBanner a {
	color : #FFFFFF;					/* Adaptive Path-specified */
	text-align : center;
	padding-right : 20px;				/* Right padding before phone image */
}

.welcomePageBanner .topRow {			/* Text banner for \in\welcome.jsp page */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 24px;					/* Adaptive Path-specified */
	font-weight : normal;				/* Adaptive Path-specified */
}

.welcomePageBanner .bottomRow {			/* Text banner for \in\welcome.jsp page */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 14px;					/* Adaptive Path-specified */
	font-weight : normal;				/* Adaptive Path-specified */
	padding-top : 10px;
}

.welcomePageTitle {
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 24px;					/* Adaptive Path-specified */
	font-weight : normal;				/* Adaptive Path-specified */
	color: #005758;						/* Adaptive Path-specified */
	padding-top : 15px;
}

.welcomePageMainBox {					/* Used by \in\welcome.jsp page */
	width : 593px;
}

.welcomePageMainBox .activeTH {			/* Use .activeTH selector, but override padding values */
	padding-top : 10px;
	padding-bottom : 0px;
	padding-left : 0px;
}

.welcomePageMainBox #left {				/* Used by \in\welcome.jsp page */
	background-color : #FFFFFF;			/* Adaptive Path-specified */
	width : 296px;
	border-style : solid;
	border-width : 1px;
	border-color : #7AA4CD;				/* Adaptive Path-specified */
	padding-top : 5px;
	padding-right : 10px;
	padding-bottom : 10px;
	padding-left : 10px;
}

.welcomePageMainBox #mid {				/* Used by \in\welcome.jsp page */
	width : 17px;
	vertical-align : top;
	padding-top : 18px;
	padding-right : 15px;
	padding-left : 15px;
}

.welcomePageMainBox #right {			/* Used by \in\welcome.jsp page */
	background-color : #FFFFFF;			/* Adaptive Path-specified */
	width : 250px;
	vertical-align : top;
	border-style : solid;
	border-width : 1px;
	border-color : #7AA4CD;				/* Adaptive Path-specified */
	padding-top : 5px;
	padding-right : 10px;
	padding-bottom : 10px;
	padding-left : 10px;
}

.welcomePageMainBox #right ul {			/* Used by \in\welcome.jsp page */
	list-style-type : none;				/* Don't show standard bullets */
	margin-top : 13px;
	margin-left : 0px;					/* Left-justify list items */
}

.welcomePageMainBox #right li {			/* Used by \in\welcome.jsp page */
	padding-bottom : 10px;				/* Vertically space out the bulleted items */
}

.welcomePage p#introText {				/* Used by \in\welcome.jsp page */
	width : 650px;
	margin-top : 15px;
	margin-bottom : 20px;
}

.setupServiceFontLight {
    color: #808080;
}
.setupServiceFontBlue {
    color: #4A7BA5;
}
.setupServiceFontGreen {
    color: #437C17;
    font-weight : bold;
}
.setupServiceFontPageTitle {
    font-family : Arial;
	font-size : 16px;
	font-weight : bold;
}

.setupServiceIntuitSetupService {
	font-family : Arial;
	font-size : 20px;
	font-weight : bold;
	color: #005758;
	padding-top : 20px;
	padding-left : 20px;
}
.setupServiceSpot {
    padding-left : 60%;
    font-family : Arial;
	font-weight : bold;
	font-size : 12px;
    padding-bottom : 5px;
}
.setupServiceLogOut {
    padding-left : 65%;
    font-family : Arial;
	font-weight : bold;
	font-size : 12px;
    padding-bottom : 5px;
}
.setupServiceTopBar {  /* top divider bar */
    margin-top : 5px;
    width : 96%;
    padding-left : 20px;
	border-top-style : solid;
	border-top-width : 2px;
	border-top-color : #306DA4;/*#000000;*/
}
.setupServiceLowBar {
    margin-top : 20px;
    width : 96%;
    padding-left : 20px;
	border-top-style : solid;
	border-top-width : 2px;
	border-top-color : #306DA4;/*#000000;*/
}

.setupServiceStageLabel {
    color: #005758;
    font-size : 24px;
}

.setupServiceContactInfoBox {
    margin-top : 20px;
    padding-top : 8px;
    padding-left : 8px;
    padding-right : 8px;
    padding-bottom : 8px;
    width : 700px;
    height : 300px;
    border-style : solid;
	border-width : 2px;
	border-color : #7AA4CD;
}
.setupServiceContactInfoCancel {
    padding-left : 500px;
}
.setupServiceContactInfoSave {
    padding-left : 20px;
}

.setupServiceBlueStage {
    color: #4D7AA1;;
}
.setupServiceGreenStage {
    color: #005758;
    font-weight : bold;
}
.setupReviewLogOut {
    text-align : right;
    padding-right : 15px;
    padding-left : 700px;
    font-family : Arial;
	font-weight : bold;
	font-size : 12px;
}
.setupReviewLabel { /* for Setup Service Review pages under /WebApp/in/setuupReview/page.jsp */
	font-family : Arial;
	font-size : 24px;
	font-weight : bold;
	color: #005758;
	padding-top : 15px;
	padding-right : 20px;
	padding-bottom : 0px;
	padding-left : 20px;
}
.setupReviewTopBar {  /* top divider bar */
    width : 100%;
	border-top-style : solid;
	border-top-width : 2px;
	border-top-color : #000000; /*#306DA4;*/
}
.setupReviewSectionBar {  /* section divider bar */
    width : 70%;
	border-top-style : solid;
	border-top-width : 1px;
	border-top-color : #808080;
    padding-top : 0px;
}
.setupReviewCompanyTaxesColumn1 {
    width : 10%;
    font-size : 16px;
    text-align : left;
    font-weight: bold;
    padding-top : 5px;
    padding-left : 5px;
}
.setupReviewCompanyTaxesColumn2 {
    width : 25%;
    font-size : 14px;
    text-align : right;
    padding-top : 5px;
    padding-left : 5px;
}
.setupReviewCompanyTaxesColumn3 {
    width : 35%;
    font-size : 14px;
    text-align : left;
    font-weight: bold;
    padding-top : 5px;
    padding-left : 5px;
}

ul.defaultButton,
ul.standardButton {						/* Default button is blue, standard button is gray */
	min-width: 50px;
	display: table;
	margin: 0px auto;
}

.defaultButtonText A:link {
	font-weight: bold;
	color: white;
}

.defaultButtonText A:visited {
	font-weight: bold;
	color: white;
}
.standardButtonText A:link {
        font-weight: bold;
        color: black;
}
.standardButtonText A:visited {
        font-weight: bold;
        color: black;
}
ul.defaultButton {  /* blue button style */
	margin: 0px;
	padding: 0px;
	float: right;
	list-style-type: none;
}

ul.wcDefaultButton {
    float: left;						/* Left aligned buttons for Worker's Comp'*/
}

ul.defaultButton li {					/* Left side of blue button */
	float: left;
	display: block;
	background:url("../images/standard/buttons/defaultLeft.gif") no-repeat left center;
	margin: 0px;
	padding: 0px;
}

ul.wcDefaultButton li {
    width: 115px;						/* For Worker's Comp fixed width buttons'*/
}

ul.defaultButton li a {					/* Right side of blue button */
	display: block;
	white-space: nowrap;
	text-decoration: none;
	background: url("../images/standard/buttons/defaultRight.gif") no-repeat right center;
	padding: 0px 10px;
	line-height: 29px;
	color: #fff;
	font-weight: bold;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 11pt; */
	font-size: 1.0em;
}

ul.wcDefaultButton li a {
    text-align: center;
}

ul.standardButton {						/* Gray button style */
	margin: 0px;
	padding: 0px;
	float: right;
	list-style-type: none;
}

ul.standardButton li {					/* Left side of gray button */
	float: left;
	display: block;
	background: url("../images/standard/buttons/standardLeft.gif") no-repeat left center;
	margin: 0px;
	padding: 0px;
}

ul.standardButton li a {				/* Right side of gray button */
	display: block;
	white-space: nowrap;
	text-decoration: none;
	background: url("../images/standard/buttons/standardRight.gif") no-repeat right center;
	padding: 0px 10px;
	line-height: 29px;
	color: #666;
	font-weight: bold;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 11pt; */
	font-size: 12px;
}

ul.standardButton li span.standardButtonTextDisabled a {
	color: #AAA;
	pointer-events: none;
	cursor: default;
}

.featureGridLayout {
	padding-left : 85px;				/* Horizontally center the Feature Comparison table in Signup FLow */
}

.featureGridHeader {					/* Feature Comparison table in Signup flow */
	background-color : #808080;
	color : white;
	padding-left : 2px;
}

.featureGrid {							/* Feature Comparison table in Signup flow */
	border-style : solid;
	border-color : #808080;
	border-width : 1px;
	width : 500px;
}

.featureGridSectionHeader {				/* Feature Comparison table in Signup flow */
	background-color : #F0F0F0;
	padding : 2px;
	border-top-style : solid;
	border-top-width : 1px;
	border-top-color : #808080;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-bottom-color : #808080;
}

.featureGridEvenRow td {				/* Feature Comparison table in Signup flow */
	background-color : #FFFFFF;
	padding : 1px 1px 1px 10px;
	color : black;
}

.featureGridOddRow td {					/* Feature Comparison table in Signup flow */
	background-color : #E8F4F1;
	padding : 1px 1px 1px 10px;
	color : black;
}

.featureGrid th {						/* Feature Comparison table in Signup flow */
	font-weight : bold;
	color : #888888;
	vertical-align : top;
}

.featureGrid th.showDiscount {			/* Feature Comparison table in Signup flow */
	text-decoration : line-through;
}

.featureGrid th.highlighted {			/* Feature Comparison table in Signup flow */
	color : black;
}
.featureGridHeader td.highlighted {		/* Feature Comparison table in Signup flow */
	color : white;
    width : 10%;
    text-align : center;
}
.featureGridHeader td {					/* Feature Comparison table in Signup flow */
	font-weight : bold;
	color : #CCCCCC;
}

.clickHereToStart {						/* Used by various files in \services directory */
	width: 208px;
	height: 43px;
	background-repeat: no-repeat;
	background-image : url("../images/standard/clickHereTo.gif");
}

.clickHereToStart td {					/* Used by various files in \services directory */
	padding-right : 10px;
}

.selfServiceHeader {					/* Used by \services\accountant_payroll.jsp */
	width: 100%;
	padding-bottom : 10px;
	border-bottom-style : solid;
	border-bottom-width : 2px;
	border-bottom-color : #647B8D;
}

div.topTab {							/* Used by \util\toptab.inc for drawing main tabs images */
	height : 30px;						/* Height of internalToptabs.gif */
	overflow : hidden;
	cursor : pointer;
}

/* Internal tabs */
div#internalTopTab1 { width : 82px; }		/* Width of "To Do" tab image area */
div#internalTopTab2 { width : 88px; }		/* Width of "Pay Day " tab image area */
div#internalTopTab3 { width : 131px; }		/* Width of "Taxes & Forms" tab image area */
div#internalTopTab4 { width : 93px; }		/* Width of "Setup" tab image area */
div#internalTopTab5 { width : 91px; }		/* Width of "Reports" tab image area */
div#internalTopTab6 { width : 69px; }		/* Width of "Help" tab image area */

/* Accountant tabs */
div#accountantTopTab1 { width : 82px; }		/* Width of "Clients" tab image area */
div#accountantTopTab2 { width : 88px; }		/* Width of "Account" tab image area */
div#accountantTopTab3 { width : 100px; }	/* Width of "Resources" tab image area */
div#accountantTopTab4 { width : 62px; }		/* Width of "Help" tab image area */

/* Employee site tabs */
div#employeeSiteTopTab1 { width : 93px; }	/* Width of "Paystubs" tab image area */
div#employeeSiteTopTab2 { width : 82px; }	/* Width of "Account" tab image area */

BODY, P, TH, TD, SPAN {					/* Content well font family and size */
	font-family : Arial, Helvetica, sans-serif;	/* Adaptive Path-specified */
	font-size : 14px;					/* Adaptive Path-specified */
	color : #000000;					/* Adaptive Path-specified */
}

a {										/* Content well default anchor link color */
	color : #4D7AA1;					/* Adaptive Path-specified */
}

a:visited {
	color : #666666;					/* Adaptive Path-specified */
}

.T2, H2 {								/* Used by Ops pages */
	font-size : 11pt;
	font-weight: bold;
	color : #808080;
	margin : 15px 0px 8px 0px;
}

.T3, H3 {								/* Used by To Do page, Reports Printer-Friendly output, and Ops pages */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 12px;					/* Adaptive Path-specified */
	font-weight : bold;
	color : #666666;					/* Adaptive Path-specified */
	margin : 10px 0px 5px 0px;
}

.helpT3 {
	font-family : Arial;
	font-size : 14px;
	font-weight : bold;
	color : #000000;
	margin : 10px 0px 5px 0px;
}

.registerDatePicker {					/* BRANDING TEMPLATE TABLE 2; Check Register table */
	background-color : #EBEFF8;			/* Adaptive Path-specified */
	white-space : nowrap;
	padding-top : 10px;
	padding-right : 10px;
	padding-bottom : 10px;
	padding-left : 10px;
	margin-bottom : 8px;
}

TABLE.register {						/* BRANDING TEMPLATE TABLE 2; Check Register table */
	background-color : #7AA4CD;			/* Adaptive Path-specified; grid lines color */
	margin-bottom : 15px;				/* Adaptive Path-specified */
}

TABLE.register TH {						/* BRANDING TEMPLATE TABLE 2; Check Register table */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 14px;					/* Adaptive Path-specified */
	font-weight : normal;				/* Adaptive Path-specified */
	background-color : #5E82A6;			/* Adaptive Path-specified */
	color : #FFFFFF;					/* Adaptive Path-specified */
	width : 650px;						/* This used to be defined in the HTML <TABLE> tag */
	padding : 8px;
}

TR.registerEvenLine {					/* BRANDING TEMPLATE TABLE 2; Even-numbered Check Register row */
	background-color : #ECF0F8;			/* Adaptive Path-specified */
}

TR.registerOddLine {						/* BRANDING TEMPLATE TABLE 2; Odd-numbered Check Register row with white background */
	background-color : #FFFFFF;			/* Adaptive Path-specified */
}

DIV.register {							/* BRANDING TEMPLATE TABLE 2; Check Register table */
	width : 650px;						/* This used to be defined in the HTML <TABLE> tag */
/*	margin-left : 5px;*/				/* Horizontally aligns Date Range controls with register table */
}

TABLE.eserviceEnrollmentStatus {		/* Used by \in\account\eSvcEnrollmentStatus.jsp */
	background-color : #CCCCCC;
}

TABLE.eserviceEnrollmentStatus a,		/* Used by \in\account\eSvcEnrollmentStatus.jsp */
TABLE.eserviceEnrollmentStatus a:link {
	font-family: Arial;
	font-size: 10pt;
}

.eserviceEnrollmentStatusTDFont {		/* Used by \in\account\eSvcEnrollmentStatus.jsp */
	font-family: Arial;
	font-size: 8pt;
}

TABLE.eserviceEnrollmentStatus TD {		/* Used by \in\account\eSvcEnrollmentStatus.jsp */
	font-family: Arial;
	font-size: 9pt;
}

TABLE.eserviceEnrollmentStatus TH {		/* Used by \in\account\eSvcEnrollmentStatus.jsp */
	background-color : #DDDDDD;
	color : black;
	font-weight : bold;
}

TR.eserviceEnrollmentStatusNextActionLine {		/* Used by \in\account\eSvcEnrollmentStatus.jsp */
	background-color : #EBF6FD;
}

TR.eserviceEnrollmentStatusLine {		/* Used by \in\account\eSvcEnrollmentStatus.jsp */
	background-color : white;
}

td table.defaultLandingPageSignUpBox {	/* Used by \welcome dir files that are now redirected to \external dir */
	margin-left : 15px;
}

.defaultLandingPageSignUpBox {			/* Used by \welcome dir files that are now redirected to \external dir */
	border-style : solid;
	border-width : 2px;
	border-color : #407AA5;
	empty-cells : show;
	width : 753px;
}
.LandingPagePrivacy {
	vertical-align : top;
	font-size : 10px;
}
.defaultLandingPageSignUpBoxHeader {	/* Used by \welcome dir files that are now redirected to \external dir */
	background-color : #407AA5;
	padding : 5px;
	padding-bottom : 0px;
	color : white;
}

.defaultLandingPageSignUpBoxBody {		/* Used by \welcome dir files that are now redirected to \external dir */
	background-color : #F7F7F7;
	padding : 5px;
	padding-top : 0px;
}

.defaultLandingPageFootNotes {			/* Used by \welcome dir files that are now redirected to \external dir */
	width : 758px;
	padding : 5px;
}

.pcHistoryFinishBody {					/* Used by \in\account\pcHistoryFinish.jsp */
	padding-left : 50px;
	padding-top : 20px;
}

DIV.topOfPageBoxedErrorMessage {		/* Used by browserCheck.jsp to display "Javascript disabled" message */
	color : red;
	font-weight : bold;
	border : solid black;
	font-size : 20px;
	padding : 10px 10px 10px 10px;
	margin : 10px 10px 200px 10px;
}

DIV.browserWarningMessage {				/* Used by browserWarning.jsp to display "browser upgrade" message */
	color: black;
	font-weight:bold;
	font-size: 12px;
}

.secureIconAndText {					/* Used by footer area "secureArea" text and icon */
	visibility : hidden;
	height : 0px;
	font-size : 0pt;
}

.popupHeader td {						/* Popup window header area */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 14px;					/* Adaptive Path-specified */
	font-weight : normal;				/* Adaptive Path-specified */
	background-color : #5E82A6;			/* Adaptive Path-specified */
	color : #FFFFFF;					/* Adaptive Path-specified */
	width : 100%;
	border-bottom : 1px solid #989CA5;
	padding-top : 5px;
	padding-bottom : 4px;
}

.popupTitle {							/* Popup window title area */
	font-family : Verdana;
	font-size : 10pt;
	font-weight : bold;
	padding-left : 15px;
	vertical-align : middle;
}

.popupClose,							/* Popup window "close window" text */
.popupClose a,							/* Popup window "close window" text */
.popupClose a:visited {
	font-family : Verdana;
	font-size : 9pt;
	color : white;
	vertical-align : middle;
	text-decoration : none;
}

.popupClose a:hover {					/* Popup window "close window" text */
	text-decoration : underline;
}
.popupHelpClose,
.popupHelpClose a,						/* Popup window "close window" text */
.popupHelpClose a:visited {
	color : #FFFFFF;
	font-family : Verdana;
	font-size : 9pt;
	vertical-align : middle;
	text-decoration : none;
}
.popupHelpClose a:hover {				/* Popup window "close window" text */
	text-decoration : underline;
}
.pcHistoryCompanyTotalsInputColumn {	/* Used by \in\account\pcHistoryErCurrQtr.jsp */
	text-align : left;
}

/* Report classes */
.reportGridLines {						/* General purpose report gridline color */
	background-color : #7AA4CD;			/* Adaptive Path-specified */
}

.reportHeaderRow {						/* General purpose report header row style */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 14px;					/* Adaptive Path-specified */
	font-weight : normal;				/* Adaptive Path-specified */
	background-color : #5E82A6;			/* Adaptive Path-specified */
	color : #FFFFFF;					/* Adaptive Path-specified */
}
.reportHeaderRow th {
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 14px;					/* Adaptive Path-specified */
	font-weight : bold;				/* Adaptive Path-specified */
	background-color : #5E82A6;			/* Adaptive Path-specified */
	color : #FFFFFF;
}
FORM.subLinkForm {						/* Reports dropdown controls <FORM> tag */
	margin : 0px;						/* Remove blank line after <FORM> tag */
	float : left;						/* Allows Printer-Friendly links on same line as Reports dropdown controls */
}

.reportTopPrintLink {					/* Above report Printer-Friendly & View in Excel links */
	float : right;						/* Force Printer-Friendly links to the far right */
	width : 275px;						/* Defines Printer-Friendly links box width */
	text-align : right;					/* Right-align text "Trouble viewing or printing?" */
	padding-bottom : 15px;				/* Bottom padding after links & before report controls */
}

TABLE.reportMain {						/* Main <TABLE> after Printer-Friendly links */
	clear : both;						/* Reset above left/right floats before report controls */
}

TABLE.reportMain #empPayInfo .empPayInfoHeaderRow {
	background-color: #DEDEDE;
}

DIV.reportDescText {						/* Descriptive text before report controls */
	clear : both;						/* Reset above left/right floats before report controls */
	padding-top : 10px;
}

.reportBottomPrintLink {				/* Below report Printer-Friendly & View in Excel links */
	padding-top : 15px;
}

a.reportLinkOnHeaderBkgd {
	color : #FFFFFF;
}

TD.reportFormControls {					/* Report date and employee filter controls */
	background-color : #EBEFF8;			/* Adaptive Path-specified */
	color : #000000;					/* Adaptive Path-specified */
	white-space : nowrap;
	padding-top : 10px;
	padding-right : 10px;
	padding-bottom : 10px;
	padding-left : 10px;
}

TD.reportFormControls form {			/* Report date and employee filter controls */
	margin-bottom : 0px;
}

TD.reportFormControls .updateReportSubmit {	/* Report date and employee filter controls */
	position : relative;				/* Results in precise positioning */
	top : 4px;							/* Force proper button alignment */
}

TD.reportFormControlsSpacing {			/* Report date and employee filter controls */
	height : 8px;						/* Blank space between controls and report body */
}

TABLE.report {
/*	border-collapse : collapse;*/ 		/* Commenting out Hsi's recent fix #17589 because it causes #20389 and restoring old settings. */
	border-top : 1px solid #7AA4CD;		/* Adaptive Path-specified; Report "box" top line */
	border-left : 1px solid #7AA4CD;	/* Adaptive Path-specified; Report "box" left line */
	width : 100%;						/* Necessary so report uses full content well width */
}

TABLE.report TH {
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 14px;					/* Adaptive Path-specified */
	font-weight : normal;				/* Adaptive Path-specified */
	background-color : #5E82A6;			/* Adaptive Path-specified */
	color : #FFFFFF;					/* Adaptive Path-specified */
}

TR.reportEven,
TR.reportsPayrollSummaryEven,
tr.evenRow {
	background-color : #ECF0F8;			/* Adaptive Path-specified; Report even row background color */
}

TR.reportOdd,
TR.reportsPayrollSummaryOdd,
tr.oddRow {
	background-color : #FFFFFF;			/* Adaptive Path-specified; Report odd row background color */
}

DIV.report {
	padding : 2px 0px 2px 0px;
	background-color : #7AA4CD;
	margin : 3px;
}

.report .tableCell {
	padding : 3px;
/*	border : 1px solid #999999;*/		/* Commenting out Hsi's recent fix #17589 because it causes #20389 and restoring old settings. */
	border-right : 1px solid #7AA4CD;	/* Adaptive Path-specified; Report "box" right line */
	border-bottom : 1px solid #7AA4CD;	/* Adaptive Path-specified; Report "box" bottom line */
	empty-cells : show;
}

.report .blankCell {
/*	background-color : #FFFFFF;*/		/* Commenting out Hsi's recent fix #17589 because it causes #20389 and restoring old settings. */
	border-right : 1px solid #7AA4CD;	/* Adaptive Path-specified; Report "box" right line */
	border-bottom : 1px solid #7AA4CD;	/* Adaptive Path-specified; Report "box" bottom line */
}

.report .compoundGroupVertical {		/* Used by com.paycycle.report.reportwriters.StandardHTMLReportWriter.java */
	border-bottom-style : none;
}

.report .compoundGroupHorizontal {		/* Used by com.paycycle.report.reportwriters.StandardHTMLReportWriter.java */
	border-right-style : none;
}

.report .indent {						/* Report indent */
	text-indent : 15px;
}

.report .reverseIndent {				/* Report reverse indent */
	text-indent : -15px;
	padding-left : 20px;
}

.report .header,						/* Used by com.paycycle.report.reportwriters.ReportTableRow.java */
.report .footer {
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 14px;					/* Adaptive Path-specified */
	font-weight : normal;				/* Adaptive Path-specified */
	background-color : #5E82A6;			/* Adaptive Path-specified */
	color : #FFFFFF;					/* Adaptive Path-specified */
}

.report .total {						/* Used by com.paycycle.report.AbstractReportTableCell.java */
	font-weight : bold;
}

.report .historical {					/* Used by com.paycycle.report.AbstractReportTableCell.java */
	font-style : italic;
}

.report .notApproved {					/* Used by com.paycycle.report.AbstractReportTableCell.java */
	font-weight : bold;
}

.report .autoSplit {					/* Used by com.paycycle.taglib.report.ReportCellTag.java */
	padding-top : 0px;
	padding-bottom : 0px;
}

.report .formControls {					/* Report controls such as the Date Picker */
	background-color : #EBEFF8;			/* Adaptive Path-specified */
	color : #000000;					/* Adaptive Path-specified */
	white-space : nowrap;
	padding-top : 10px;
	padding-right : 10px;
	padding-bottom : 10px;
	padding-left : 10px;
}

.reportsOverviewHelpIcon a {			/* Reports Overview "Workers' Compensation help icon */
	text-decoration : none;				/* Fixes some weird bug with Firefox where the underline shows right after the Help icon */
}

TABLE.historyReport {					/* e.g \in\account\clientTaxHistory_dsp.inc */
	border-top : 1px solid #7AA4CD;		/* Adaptive Path-specified; Report "box" top line */
	border-left : 1px solid #7AA4CD;	/* Adaptive Path-specified; Report "box" left line */
}

TABLE.historyReport TH {				/* e.g \in\account\clientTaxHistory_dsp.inc */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 14px;					/* Adaptive Path-specified */
	font-weight : normal;				/* Adaptive Path-specified */
	background-color : #5E82A6;			/* Adaptive Path-specified */
	color : #FFFFFF;					/* Adaptive Path-specified */
	border-right : 1px solid #7AA4CD;	/* Adaptive Path-specified; Report "box" right line */
	border-bottom : 1px solid #7AA4CD;	/* Adaptive Path-specified; Report "box" bottom line */
	padding : 3px;
}

TABLE.historyReport TH a {				/* e.g \in\account\pcHistoryEeSummary.jsp */
	color : #FFFFFF;					/* Adaptive Path-specified */
}

TABLE.historyReport TD {				/* e.g \in\account\clientTaxHistory_dsp.inc */
	border-right : 1px solid #7AA4CD;	/* Adaptive Path-specified; Report "box" right line */
	border-bottom : 1px solid #7AA4CD;	/* Adaptive Path-specified; Report "box" bottom line */
	padding : 3px;
}

TABLE.payrollHistory {
	border-top : 1px solid #7AA4CD;		/* Adaptive Path-specified; Report "box" top line */
	border-left : 1px solid #7AA4CD;	/* Adaptive Path-specified; Report "box" left line */

}

TABLE.payrollHistory TH {				/* e.g \in\account\pcHistoryEeSummary.jsp */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 14px;					/* Adaptive Path-specified */
	font-weight : normal;				/* Adaptive Path-specified */
	background-color : #5E82A6;			/* Adaptive Path-specified */
	color : #FFFFFF;					/* Adaptive Path-specified */
	border-right : 1px solid #7AA4CD;	/* Adaptive Path-specified; Report "box" right line */
	border-bottom : 1px solid #7AA4CD;	/* Adaptive Path-specified; Report "box" bottom line */
	padding : 3px;
}

TABLE.payrollHistory TH a {				/* e.g \in\account\pcHistoryEeSummary.jsp */
	color : #FFFFFF;					/* Adaptive Path-specified */
}

TABLE.payrollHistory TD {				/* e.g \in\account\clientTaxHistory_dsp.inc */
border-right : 1px solid #7AA4CD;	/* Adaptive Path-specified; Report "box" right line */
	border-bottom : 1px solid #7AA4CD;	/* Adaptive Path-specified; Report "box" bottom line */
	padding : 3px;
}

TABLE.taxReport {						/* Taxes & Forms - Pay Taxes table */
	border-top : 1px solid #7AA4CD;		/* Adaptive Path-specified; Report "box" top line */
	border-left : 1px solid #7AA4CD;	/* Adaptive Path-specified; Report "box" left line */
}

TABLE.taxReport TH {					/* Taxes & Forms - Pay Taxes table */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 14px;					/* Adaptive Path-specified */
	font-weight : normal;				/* Adaptive Path-specified */
	background-color : #5E82A6;			/* Adaptive Path-specified */
	color : #FFFFFF;					/* Adaptive Path-specified */
	border-right : 1px solid #7AA4CD;	/* Adaptive Path-specified; Report "box" right line */
	border-bottom : 1px solid #7AA4CD;	/* Adaptive Path-specified; Report "box" bottom line */
	padding : 3px;
}

TABLE.taxReport TD {					/* Taxes & Forms - Pay Taxes table */
	border-right : 1px solid #7AA4CD;	/* Adaptive Path-specified; Report "box" right line */
	border-bottom : 1px solid #7AA4CD;	/* Adaptive Path-specified; Report "box" bottom line */
	padding : 3px;
}

TABLE.taxReport SPAN {
	color :#FFFFFF;
}

TABLE.taxReport TD.notes {				/* Taxes & Forms - Notes section */
    padding:15px 0px;
}

TABLE.taxReport SPAN.notes {			/* Taxes & Forms - Notes section */
    margin:5px 20px 5px 5px;
    color:#000;
}

TABLE.alert {
	border-style : solid;
	border-width : 2px;
	border-color : #DF9B4C;
	margin-left : 3px;
}

TABLE.alert TD#alertCol {
	padding : 10px;
}

TABLE.alert SPAN {
	font-size : 12px;
	font-weight : bold;
	color : #CC6600;
}

TABLE.HHSunsetMsg {
    border-style : solid;
    border-width : 2px;
    border-color : #FF0000;
    margin-left : 10px;
    width: 60%;
}

TABLE.HHSunsetMsg TD {
    padding: 7px;
}

TABLE.HHSunsetMsg SPAN {
    font-size : 14px;
    font-weight : normal;
    color : black;
}

ul.checklist {
	margin : 5px 0px 5px 30px;
}
html>body ul.checklist {
	margin-left : -10px;
}

/* Used by pc:label tag */
.required {
	text-align : right;
}
.optional {
	text-align : right;
}
.disabled {
	color: #B5B5B5;
}
.alt {
	text-align : left;
}
.head {
	font-weight : bold;
	text-align : center;
}

/* Bullet icons used by help text near the bottom of the To Do and Pay Day pages */
.pageHelpBullet li {
	list-style-image : url("../images/standard/icons/blue_bullet.gif");
}

.pageHelpBullet .payDayNoHelpIconBullet {
	padding-top : 4px;
}

/* Pay Day page formatting */
#progressBar #step_main {
    margin: 15px 0 15px 12px;
}

#progressBar #step_main div {
    float: left;
}

#progressBar .step_base {
    background-color: #EFEFEF;
    border: 1px solid #C6C6C6;
    border-left-width: 0;
    border-right-width: 0;
    height: 32px;
}

#progressBar .step_inactive_leftc {
    background-image: url("../images/standard/icons/progresstracker_left_inactive_side.gif");
    width: 6px;
	height: 34px;
}

#progressBar .step_inactive_rightc {
    background-image: url("../images/standard/icons/progresstracker_right_inactive_side.gif");
    width: 6px;
	height: 34px;
}

#progressBar .step_active_leftc {
    background-image: url("../images/standard/icons/progresstracker_left_active_side.gif");
    width: 6px;
	height: 34px;
}

#progressBar .step_active_rightc {
    background-image: url("../images/standard/icons/progresstracker_right_active_side.gif");
    width: 6px;
	height: 34px;
}

#progressBar .step_active_circle {
    background-image: url("../images/standard/icons/progresstracker_activestep.gif");
    width: 24px;
	height: 24px;
}

#progressBar .step_inactive_circle {
    background-image: url("../images/standard/icons/progresstracker_inactivestep.gif");
    width: 24px;
	height: 24px;
}

#progressBar .step_active_arrow {
    background-image: url("../images/standard/icons/progresstracker_activestep_arrow.gif");
    width: 16px;
    height: 32px;
    margin-right: 10px;
}

#progressBar .step_active_number {
    color: #FFFFFF;
}

#progressBar .step_active_name {
    color: #333333;
}

#progressBar .step_active_name a {
    color: #333333;
	text-decoration: none;
}

#progressBar .step_active_number,
#progressBar .step_inactive_number,
#progressBar .step_inactive_number_not_done {
    margin-top: 4px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 9px;
    margin-left: 8px\9;					/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode and IE10 HTML5-based Quirks mode */
}

#progressBar .step_active_circle,
#progressBar .step_inactive_circle {
    margin-top: 4px;
}

#progressBar .step_inactive_name,
#progressBar .step_inactive_name_not_done {
    margin: 9px 25px 0 7px;
}

#progressBar .step_active_name {
    margin: 9px 15px 0 7px;
}

#progressBar .step_active_number,
#progressBar .step_active_name {
    font-weight: bold;
}

#progressBar .step_inactive_number,
#progressBar .step_inactive_name {
    font-weight: bold;
    color: #7DB3E2;
}

#progressBar .step_inactive_name_not_done,
#progressBar .step_inactive_number_not_done {
    font-weight: bold;
    color: #999999;
}

#progressBar .step_inactive_name_not_done a {
    color: #999999;
	text-decoration: none;
}

#progressBar .step_active_number,
#progressBar .step_inactive_number,
#progressBar .step_active_name,
#progressBar .step_inactive_name,
#progressBar .step_inactive_number_not_done,
#progressBar .step_inactive_name_not_done {
    font-family: "FS Albert", Arial, Helvetica, sans-serif;
}

#progressBar .step_active_container {
    background-color: #FFFFFF;
    padding-left: 10px;
    height: 32px;
}

#progressBar .step_inactive_container {
    height: 32px
}

#progressBar #step_afterStepsSpacing {
	padding-left: 130px;
}

#progressBar .nonstep_active_container,
#progressBar .nonstep_inactive_container {
    height: 32px;
    padding-left: 30px;
}

#progressBar .nonstep_active_container a,
#progressBar .nonstep_inactive_container a {
	position: relative;
	top: 10px;
}

#progressBar .nonstep_active_container a {
	font-weight: bold;
}

#progressBar .nonstep_inactive_container a {
	font-weight: normal;
}

FORM.payDayMainTable {
	margin-bottom: 0px;					/* Must set margin-bottom to 0px or else there is unwanted blank space after the "Create Paychecks" button */
}

FORM#multiHours .formTable {
	border: none;
}

FORM#multiHours .formTable .tableNameStyle {
	color: #000000;
}

.payDayHeaderRow {
	background-color: #FFFFFF;
}

.payDayHeaderRow th {
	font-weight: bold;
	border-bottom: 2px solid #CFCFCF;
	padding-bottom: 7px;
}

.payDayNote {
	width: 90%;
	padding-top: 4px;
	padding-bottom: 15px;
	text-align: right;
}

/* Pay Day Create Paychecks and Approve Paychecks table row styling */
FORM#multiHours .formTable .dataRow,
FORM#checkApprove .dataRow,
FORM#paychecks .dataRow {
	height: 38px;
}

/* Pay Day Create Paychecks and Approve Paychecks horizontal line between rows */
FORM#multiHours .formTable .horizLine,
FORM#checkApprove .horizLine,
FORM#paychecks .horizLine {
	background-image: url("../images/standard/dot2WhiteGray.gif");
	background-repeat: repeat-x;
}

FORM#multiHours .formTable .lastTableRow,
FORM#checkApprove .lastTableRow,
FORM#paychecks .lastTableRow {
	line-height: 1px;
	border-bottom: 2px solid #CFCFCF;
}

FORM#checkApprove .totalsRowCell {
	text-align: right;
	padding-top: 5px;
}

/* Employees/Contractors Overview pages horizontal line between rows */
.dataRowHorizLine {
	background-image: url("../images/standard/dot2WhiteGray.gif");
	background-repeat: repeat-x;
	height: 36px;
}

/* Used when hourly <pc:input> fields are set to default text "hrs" so users know what to enter in such fields */
.payDayEmptyHoursField {
	background-color: #FFF8DF;
	color: #888888;
}

/* Pay Day Create Checks All Items browser window */
#allItemsTable .payDayHeaderRow {
	background-color: #DEDEDE;
}

.allItemsPayPeriod .checkBox {
	padding-left: 83px;
}

.allItemsPayPeriod td {
	padding-bottom: 5px;
}

.allItemsHoursEntry td {
	padding-right: 10px;
}

.allItemsHoursEntry .allItemsHoursEntryCol {
	width: 120px;
}

.allItemsAddPayTypes td {
	width: 120px;
}

/* Used by "To Do" page bullets/arrows vertical alignment */
.toDoBullet1 {
	vertical-align: top;
	padding-top : 7px;
	padding-bottom : 0px;
}

.toDoBullet2 {
	height : 20px;
	padding-top : 0px;
	padding-bottom : 0px;
}

.toDoFirstFormItem {
	padding-top: 5px;
}

.toDoEmpName {
	padding-top: 10px;
}

.toDoFormName {
	padding-left: 50px;
}

DIV.exportStatusScreen DIV.message {
	padding-top:   12px;
	padding-right: 20px;
	padding-left:  20px;
}

/* Workers Comp Quote pages */
.wcLeftHighlight {
	font-size : 10px;
	border-style : solid;
	border-width : 1px;
	border-color : #7AA4CD;
	width : 200px;
	padding-bottom : 10px;
}

/* Workers Comp industry pages */
.wcLeftHighlightBox {
	margin-right :45px;
	font-size : 12px;
	border-style : solid;
	border-width : 1px;
	border-color : #7AA4CD;
	width : 160px;
	padding-left : 5px;
	padding-bottom : 10px;
	padding-right : 3px;
}

.wcLeftHighlight .boxItems {
	padding-left : 0px;				/* 10px padding left of bullet image */
}

.boxItems .boxBullet {
	padding-left : 20px;				/* 10px padding left of bullet image */
}

.boxItems .boxItem {
	font-size : 10px;
	padding-left : 5px;					/* 5px padding between bullet image and text */
	padding-right : 5px;
}

.wcLeftHighlightHeader {
	background-color : #EBEFF8;
	font-size : 12px;
	font-weight : bold;
	color : #005758;
	padding : 4px;
	padding-left : 7px;
}

.wcLeftHighlightSubheader {
	background-color : #FFFFFF;
	font-size : 12px;
	padding-left : 20px;
	text-decoration: underline;
}

.wcContent {
	vertical-align: top;
}

/* Workers Comp Hartford Promo */
.wcRightPanel {
	margin : 10px;
}

/* Workers Comp Upsell Promo */
.wcRightHighlight {
	margin : 10px;
	border-style : solid;
	border-width : 1px;
	border-color : #7AA4CD;
}

.wcRightHighlightHeader {
	font-size : 10px;
	font-weight : bold;
	text-align: center;
	padding-left: 4px;
	padding-right: 4px;
	padding-top : 6px;
}

.wcRightContent {
	text-align: center;
	vertical-align : top;
}

.wcLearnMore {
	font-size: 12px;
	font-weight : bold;
	text-align: center;
	text-decoration: none;
}

.wcFloatLeft {
	vertical-align: middle;
	float: left;
}

.wcBulletHeaders {						/* */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 16px;					/* Adaptive Path-specified */
	font-weight : bold;
	background-color : #FFFFFF;			/* Adaptive Path-specified */
	color : #339900;					/* Adaptive Path-specified */
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 10px;
}

.wcContent ul {
	list-style-image : url("../images/standard/icons/blue_bullet.gif");
}

.callbackNote {							/* Used for text Notes such as in the Signup Form */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 9px;					/* Adaptive Path-specified */
	color : #666666;					/* Adaptive Path-specified */
	padding-left : 70px;
}

.f01KTable {							/* Intuit 401(k) */
	border-style : solid;
	border-width : 1px;
	border-color : #7AA4CD;
	padding : 15px;
}

.f01KHeaderTable {							/* Intuit 401(k) */
	border-style : solid;
	border-width : 1px;
	border-color : #7AA4CD;
	background-color : #7AA4CD;				/* Adaptive Path-specified */
	padding-left : 15px;
}

.f01KHeader {
	background-color : #7AA4CD;
	padding : 3px;
	font-size : 22px;
	font-weight : bold;
	color : #FFFFFF;
}

.f01KTitle {							/* Page title on logged-in pages under /WebApp/in/page.jsp */
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 24px;					/* Adaptive Path-specified */
	color: #005758;						/* Adaptive Path-specified */
}

.f01KSetupHeaders {
	font-family : Arial;
	font-weight : bold;
	background-color : #FFFFFF;
	color : #005758;
	padding-top : 5px;
	padding-bottom : 5px;
}

/* Yahoo YUI calendar settings */
#popupCalContainerModal {
	position : absolute;
	text-align : center;				/* Horizontally center the Year/Month Navigator controls */
}

/* Yahoo YUI calendar settings */
#popupCalContainer {
/*	z-index : 999;*/					/* Force Yahoo YUI calendar to always display on top */
	text-align : center;				/* Horizontally center the Year/Month Navigator controls */
}

/* Override Yahoo YUI Sam Skin calendar Navigator popup for going to specific Month/Year */
.yui-skin-sam .yui-calcontainer .yui-cal-nav {
	font-size : 100%;					/* Override default 93% for Yahoo YUI calendar's Month/Year Navigator font */
}

.yui-skin-sam .yui-calcontainer .yui-cal-nav-mc {
	width : 65%;						/* Override to 79% or less so Yahoo YUI calendar's Month/Year Navigator Month Select (when opened) draws correctly */
}

.yui-skin-sam .yui-calcontainer .yui-cal-nav-yc {
	width : 3.5em;						/* Override default 4em so Yahoo YUI calendar's Year Month/Year Navigator Edit control width is narrower */
}

/* Override Yahoo YUI Sam Skin calendar Navigator popup non-default button */
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn {
	background : none;					/* Override to turn off default Yahoo YUI calendar.css background */
	border : 0px solid red;				/* Must set to 0px to override Yahoo YUI calendar.css default border */
	background-image : url("../images/standard/buttons/yui_NonDefaultBtnBackground.png");	/* Non-default button button body background image */
	background-repeat : repeat-x;		/* Must horizontally repeat body background image since it's only 1px wide */
	margin : auto 0.25em;
}

/* Override Yahoo YUI Sam Skin calendar Navigator popup default button */
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default {
	background : none;					/* Override to turn off default Yahoo YUI calendar.css background */
	border : 0px solid red;				/* Must set to 0px to override Yahoo YUI calendar.css default border */
	background-image : url("../images/standard/buttons/yui_DefaultBtnBackground.png");	/* Default button button body background image */
	background-repeat : repeat-x;		/* Must horizontally repeat body background image since it's only 1px wide */
	margin : auto 0.25em;
}

/* Override Yahoo YUI Sam Skin calendar Navigator popup (both non-default and default) buttons */
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button,
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	color : #FFFFFF;					/* Button text color */
	height : 20px;						/* Basically defines button height; should match left/body/right background images pixel height */
	min-height : 1em;					/* Must set to 1em for Firefox to override Yahoo default of 2em; IE7 doesn't seem to care at all */
	line-height : 1;					/* Must set to 1 for IE7 to override Yahoo default of 2 */
	padding-top : 2px;					/* Must set to 2px for IE7 to center text vertically */
	padding-right : 7px;				/* Right padding of body background image */
	padding-bottom : 2px;				/* Must set to 2px for IE7 to center text vertically */
	padding-left : 7px;					/* Left padding of body background image */
	border : 0px solid yellow;			/* Not required, but set to 0px to override Yahoo default border if they ever decide to specify one */
	margin-right : 0px;					/* Must be undefined or set to 0px for IE7; spacing between body and right background images */
	margin-left : 0px;					/* Must set to 3px; spacing between left and body background images */
}

/* New Setup (Apollo) modal dialogs */

/**Generic classes that can be used across several modal dialogs.**/
.modalDialogHeader { /* something like pc header or activeTH. Same as activeTH with no back ground color and indent. */
	font-family : Arial;
	font-size : 16px;
	font-weight : bold;
	color : #339900;
}

/* Deductions/Garnishment/Contributions modal dialogs */
.modalDialogRow {
	clear : both;
	padding-top : 2px;
}

.modalDialogPaddedRow {
	clear : both;
	padding-top : 5px;
	padding-bottom : 5px;
}

.modalDialogLabel {
	float : left;
	width : 131px;
	text-align : right;
	padding-top : 4px;
}

.modalDialogWideLabel {
	float : left;
	width : 280px;
	text-align : right;
	padding-top : 4px;
}

.modalDialogTextLeft {
	float : left;
	width : 300px;
	text-align : left;
	padding-top : 4px;
}

.modalDialogControlLeft {
	float : left;
	width : 300px;
	text-align : left;
}

.modalDialogControlAutoWidthLeft {
	float : left;
	text-align : left;
}

.modalDialogControlNarrowLeft {
	float : left;
	width : 180px;
	text-align : left;
}

.modalDialogControlRight {
	float : left;
	width : 315px;
	text-align : right;
}

.modalDialogNote {
	float : left;
	width : 300px;
	text-align : left;
	font-family : Arial;
	font-size : 10px;
	color : #666666;
}

.modalDialogImportantNote {
	float : left;
	width : 300px;
	text-align : left;
	font-family : Arial;
	font-size : 10px;
	color : #CC0000;
}

.modalDialogWideRight {
	float : left;
	width : 450px;
	text-align : right;
}

.modalDialogWideNote {
	float : left;
	width : 450px;
	text-align : left;
	font-family : Arial;
	font-size : 10px;
	color : #666666;
}

.modalDialogImportantColor {
	color : #CC0000;
}

.modalDialogOptional {
	text-align : right;
	font-family : Arial;
	font-size : 10px;
	color : #666666;
}

.modalDialogHelp {
	float : left;
	width : 25px;
	padding-top : 2px;
	padding-left : 5px;
}

.DeductionNote {
	float : right;
	text-align : right;
	font-family : Arial;
	font-size : 10px;
	color : #666666;
}

/* Pay Schedule modal dialogs */
#modalDialogPaySchedule {
	padding-top : 5px;
	padding-bottom : 5px;
}

.modalDialogPayScheduleRow {
	clear : both;
	padding-top : 10px;
}

.modalDialogPayScheduleDesc {
	float : left;
	width : 245px;
	text-align : left;
	padding-top : 3px;
}

.modalDialogPayScheduleDesc2 {
	padding-top : 0px;					/* No top padding for two-lined field description */
}

.modalDialogPayScheduleField {
	float : right;
	width : 350px;
}

#modalDialogPayScheduleSample {
	width : 96%;						/* For IE6/IE7 and YUI 2.7.0, width must be less than 97%. Otherwise, the Pay Schedule second modal dialog's */
}										/* titlebar and button row background color will not display all the way to the dialog's right edge */

#modalDialogPayScheduleSampleTable {
	width : 100%;
	margin-top : 10px;
	padding : 5px;
	border-style : solid;
	border-width : 1px;
	border-color : #7AA4CD;
}

#modalDialogPayScheduleSampleTable th {
	color : #339900;
	font-weight : bold;
	text-align : left;
	padding-bottom : 5px;
}

/* Work Location and Department modal dialogs */
#modalDialogWorkLocation,
#modalDialogDepartment {
	padding-top : 5px;
	padding-bottom : 30px;
}

#modalDialogExternalAddon {
	padding-top : 5px;
	padding-bottom : 20px;
}

.modalDialogWorkLocationRow,
.modalDialogDepartmentRow,
.modalDialogExternalAddonRow {
	clear : both;
	padding-top : 5px;
}

.modalDialogWorkLocationDesc {
	float : left;
	width : 65px;
	text-align : right;
	padding-top : 3px;
}

.modalDialogWorkLocationField {
	float : right;
	width : 350px;
}

.modalDialogWorkLocationDisclaimer {
	clear : both;
	width : 415px;
	padding-top : 10px;
}

.modalDialogDepartmentDesc {
	float : left;
	width : 120px;
	text-align : right;
	padding-top : 3px;
}

.modalDialogDepartmentField {
	float : right;
	width : 295px;
}

.modalDialogExternalAddonDesc {
	float : left;
	width : 120px;
	text-align : right;
	padding-top : 3px;
}

.modalDialogExternalAddonField {
	float : right;
	width : 295px;
}

/* Name & Home Address modal dialog (AC Apollo One-Page Employee Setup page)*/
#modalDialogNameHomeAddress {
	padding-top : 5px;
	padding-bottom : 30px;
}

.modalDialogNameHomeAddressHeading {
	padding-bottom : 30px;
	width: 600px
}

.modalDialogNameHomeAddressRow {
	clear : both;
	padding-top : 8px;
}

.modalDialogNameHomeAddressDesc {
	float : left;
	width : 100px;
	text-align : right;
	padding-top : 3px;
}

.modalDialogNameHomeAddressField {
	float : left;
/*	width : 150px;*/
	padding-left: 5px;
}

.modalDialogNameHomeAddressFAQLink {
	float: left;
	padding-top: 5px;
	padding-bottom: 10px;
}

/* New Hire Info modal dialog */
#modalDialogNewHireInfo {
	padding-top : 5px;
	padding-bottom : 30px;
}

.modalDialogNewHireInfoRow {
	clear : both;
	padding-top : 5px;
}

.modalDialogNewHireInfoDesc {
	float : left;
	width : 90px;
	text-align : right;
	padding-top : 3px;
}

.modalDialogNewHireInfoField {
	float : right;
	width : 275px;
}

/* PTO Policy (Vacation & Sick Pay) modal dialogs */
#modalDialogPTOPolicy {
	padding-top : 5px;
	padding-bottom : 30px;
}

.modalDialogPTOPolicyRow {
	clear : both;
	padding-top : 5px;
}

.modalDialogPTOPolicyDesc {
	float : left;
	width : 200px;
	text-align : right;
	padding-top : 3px;
}

.modalDialogPTOPolicyField {
	float : right;
	width : 270px;
}

#modalDialogPTOPolicyException,
#modalDialogPayScheduleException {
	height : 137px;
	overflow : auto;
	margin-top : 10px;
	padding : 5px;
	border-style : solid;
	border-width : 1px;
	border-color : #7AA4CD;
}

#modalDialogPTOPolicyExceptionTable,
#modalDialogPayScheduleExceptionTable {
	width : 100%;
}

#modalDialogPTOPolicyExceptionTable th,
#modalDialogPayScheduleExceptionTable th {
	color : #339900;
	font-weight : bold;
	text-align : left;
	padding-bottom : 5px;
}

/* Address & Status page (eeContactInfo) */
.payStatusNewHireButton {
	margin-bottom : -4px;				/* Force button image to bottom-align with text to its left */
}

/* Vacation & Sick Pay page (eePTOPolicy) */
.ptoPolicyEditButton {
	margin-bottom : -4px;				/* Force button image to bottom-align with controls to its left */
}

/* Hub-based selectors start here */
.hubLayout {
	position : relative;
	min-width : 900px;					/* to prevent things from lining one below the other when window is minimised*/
	text-align : left;
	vertical-align : top;
}

.hub {
	 vertical-align : top;
}

.hubStage {
	color : #666666;
	float : left;
	font-size : 12px;
	padding-right : 5px;
	width : 120px;						/* This is the width of each stage */
	height : 295px;
	vertical-align : top;
	padding-top : 7px;
	padding-bottom : 7px;
}

.hubStageWide {
    width : 195px;                      /* This is the width of each stage */
}

.hubStageBG {
	border-color : #CCC;
	border-style : solid;
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EDEDED 70%, #DDD 100%); /* IE10 */
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EDEDED 70%, #DDD 100%); /* Mozilla Firefox */
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #EDEDED 70%, #DDD 100%); /* Opera */
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EDEDED 70%, #DDD 100%); /* Webkit (Chrome 11+) */
    background-image: linear-gradient(top, #FFFFFF 0%, #EDEDED 70%, #DDD 100%); /* Proposed W3C Markup */
    background-color : #EEE;
}

.hubStageNotFinalBG {
	border-color: #CCC;
	border-style: solid;
}

.hubStageBGLeft {
	border-width : 1px 0px 1px 1px;
	border-radius : 10px 0px 0px 10px;				/* CSS3 Rounded-corner box */
    -moz-border-radius: 10px 0px 0px 10px;          /* CSS3 Rounded-corner box for older Firefox versions */
    -webkit-border-radius: 10px 0px 0px 10px;       /* CSS3 Rounded-corner box for older Chrome/Safari versions */
	padding-left : 15px;
	width : 180px;
}

.hubStageBGCenter {
    border-width : 1px 0px 1px 0px;
}

.hubStageBGRight {
    border-width : 1px 1px 1px 0px;
    border-radius : 0px 10px 10px 0px;				/* CSS3 Rounded-corner box */
    -moz-border-radius: 0px 10px 10px 0px;          /* CSS3 Rounded-corner box for older Firefox versions */
    -webkit-border-radius: 0px 10px 10px 0px;       /* CSS3 Rounded-corner box for older Chrome/Safari versions */
}

.hub_review_list {
    padding-left: 7px;
    margin-left: 7px;
}

.caratSeparator {
	background : transparent url("../images/standard/setup/icons/carat_big.gif") no-repeat scroll center top;
	width : 12px;
	height : 295px;
}

.caratSeparatorStraight {
    background : transparent url("../images/standard/setup/icons/carat_big_straight.gif") no-repeat scroll center top;
    width : 12px;
    height : 295px;
}

.caratSeparatorOr {
    background : transparent url("../images/standard/setup/icons/carat_big_or.gif") no-repeat scroll center top;
    width : 15px;
    height : 295px;
}

.hubStageBGSeparatorOr {
	background : url("../images/standard/setup/icons/carat_big_or.gif") no-repeat scroll center top, -ms-linear-gradient(top, #FFFFFF 0%, #EDEDED 70%, #DDD 100%); /* IE10 */
    background : url("../images/standard/setup/icons/carat_big_or.gif") no-repeat scroll center top, -moz-linear-gradient(top, #FFFFFF 0%, #EDEDED 70%, #DDD 100%); /* Mozilla Firefox */
    background : url("../images/standard/setup/icons/carat_big_or.gif") no-repeat scroll center top, -o-linear-gradient(top, #FFFFFF 0%, #EDEDED 70%, #DDD 100%); /* Opera */
    background : url("../images/standard/setup/icons/carat_big_or.gif") no-repeat scroll center top, -webkit-linear-gradient(top, #FFFFFF 0%, #EDEDED 70%, #DDD 100%); /* Webkit (Chrome 11+) */
    background : url("../images/standard/setup/icons/carat_big_or.gif") no-repeat scroll center top, linear-gradient(top, #FFFFFF 0%, #EDEDED 70%, #DDD 100%); /* Proposed W3C Markup */
    background-color : #EEE;
}

.hubStageNotFinalBGSeparatorOr {
	background:	url("../images/standard/setup/icons/carat_big_or.gif") no-repeat scroll center top transparent;
}

.caratSeparatorNone {
    width : 1px;
    height : 295px;
}

.hub_current {							/* Use this when this stage is the next stage recommended to start */
    color : #3ca147;
    font-family : Arial;				/* Adaptive Path-specified */
	text-align : center;
	padding-top : 5px;
	padding-bottom : 5px;
	font-size : 18px;
}

.hub_accessible {						/* Finished stage ..but accessible */
    color : #739dc6;
    text-align : center;
	padding-top : 5px;
	padding-bottom : 5px;
	font-size : 18px;
	font-family : Arial;				/* Adaptive Path-specified */
}

.hub_inaccessible {						/* Not started and not accessible */
    color : #999999;
    text-align : center;
    padding-top : 9px;
   	padding-bottom : 5px;
    font-size : 18px;
    font-family : Arial;				/* Adaptive Path-specified */
}

.hub_description {
    color : #444444;
    font-size : 12px;
    padding-right : 5px;
 	padding-left : 5px;
	height : 145px;
 	vertical-align : top;
}

.hub_emphasized {						/* Stage was partially finished , and it needs to be finished next ..e.g employees partially set */
	color : #ff6600;
	text-align : center;
	padding-top : 5px;
   	padding-bottom : 5px;
    font-size : 18px;
    font-family : Arial;				/* Adaptive Path-specified */

}

.hub_status {
	font-family : Arial;
	font-size : 12px;
	font-weight : bold;
	text-align : center;
	padding-bottom : 15px;
	padding-left : 5px;
	height : 41px;
}
.hub_status_empty {
	color : #3ca147;
    font-family : Arial;				/* Adaptive Path-specified */
	text-align : center;
	padding-top : 13px;
	padding-bottom : 5px;
	font-size : 18px;
}
.hub_icon {
	text-align : center
}

.hub_name {
	text-align : center
}

.hubbulletHeaders {
	font-weight : bold;
	font-family : Arial;
	font-size : 12px;
	margin-left : -23px;
}

.hub_bullets {
	list-style : none outside url("../images/standard/setup/icons/blue_bullet.gif");		/* blue bullets */
	padding-left : 2px;
}

.hub_currentButton,
.hub_accessibleButton {
	text-align: center;
}

.hub_inaccessibleButton {
	display : none;
	text-align: center;
}

.hub_FadeText {
	vertical-align : top;
	clear : both;
	border: 1px solid #306DA6;
    padding-top : 5px;
    padding-left : 5px;
    padding-bottom : 5px;
    padding-right : 5px;
	font-family : arial;
	font-size : 13px;
}

.hubEndcaseCaption {
    text-align : center;
    margin-top : 2px;
    padding-bottom : 5px;
}

.hubFadeBox {
	height : 190px;				/*popover box giving instructions on what to do next */
	vertical-align : top;
	z-index : -1;
}

.hubfadeBox_Pointerup {
	text-align : left;
	background : transparent url("../images/standard/setup/icons/popover-pointer-up.gif") no-repeat scroll center top;
	height : 15px;
	width : 32px;
	padding-bottom :0px;
	margin-top: 2px;
	margin-left : 45px;
	overflow : hidden;
	z-index : 2;
	position : absolute;
}
.hubEndCase {
	vertical-align : top;
	height : 150px;
	margin-top : 35px;
}
.hubEndCase .drawBox {
	border-style : solid;
	border-width : 1px;
	vertical-align : top;
	border: 1px solid #306DA6;
	margin-top : 10px;
	margin-right : 15px;
	margin-left : 15px;
}

.hubEndCase .buttonRow {
	padding-right : 10px;
	padding-left : 30px;
	text-align : right
}

.hubEndCase .li {
	font-size : 12px;
	color : black;
	font-family : arial;
	padding-top : 5px;
	padding-right : 3px;
	padding-bottom : 5px;
	padding-left : 5px;
}

.hubEndCaseTitle {
	font-size : 14px;
	font-weight : bold;
	color : #005954;
	vertical-align : top;
    padding-top : 5px;
	padding-right : 5px;
    padding-bottom : 5px;
	padding-left : 5px;
    text-align : center;
    background : url("../images/standard/top_fade_hub.gif");
}

.hubIllustrationBox {
	vertical-align : top;
	border-style : solid;
	border-width : 1px;
	border-color : #336699;
	background-color : #F0F4FA;
	width : 270px;
	text-align : left;
}

.hubIllustrationNotReady {
	padding-left : 10px;
}

.hubCaratText {
	color : #666666;
	font-family : Arial;
	font-size :12px;
}

.hubIllustrationReady {
	border-style : solid;
	border-width : 1px;
	border-color : #336699;
}

.hubIllustrationReadyText {
	font-family : Arial;
	font-size : 12px;
	font-weight : bold;
	margin-left : 20px;
}
.hubEndcaseTable {
    border : thin solid #C8CEE5;
}

.hubForkTitleBar {
    background-color :  #EBF4FD;
    color : #000000;
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11pt;
    font-weight : bold;
    text-align : center;
}
.hubFork_description {
    color : #000000;
    font-family : Arial,Helvetica,sans-serif;
    font-size : 13px;
    font-weight : normal;
    vertical-align : top;
    height : 200px;
}
.hubFork_description p {
    color : #000000;
    font-family : Arial,Helvetica,sans-serif;
    font-size : 13px;
    font-weight : normal;
    vertical-align : top;
}

.helpAndSupport {
	vertical-align 	: top;
	font-family : Arial;
	font-weight : bold;
	font-size : 12px;
	float : right;
}
.helpSupportText {
	font-family : Arial;
	font-weight : bold;
	font-size : 12px;
}
.helpAndSupportSplitLine {
	background : #739DC6 url("../images/standard/icons/trans.gif") no-repeat scroll center;

}
div.helpAndSupportSplitLine {
	height : 1px;
	background : #739DC6 url("../images/standard/icons/trans.gif") no-repeat scroll center;
}
div.helpAndSupportSplitLine hr {
  display: none;
}

.helpAndSupportFadeText {
	color : #555555;
	font-family : Arial;
	font-size : 12px;
	font-weight : bold;
}

.helpAndSupportActiveText {
	color : #000000;
	font-family : Arial;
	font-size : 12px;
	font-weight : bold;
}

.helpAndSupportActiveTH {			/* Use .activeTH selector, but override padding values */
	font-family : Arial;
	font-size : 16px;
	font-weight : bold;
	background-color : #FFFFFF;
	color : #339900;
	padding-top : 10px;
	padding-bottom : 4px;
	padding-left : 10px;
}
.helpAndSupportActiveTD {
	padding-left : 10px;
	color : #005758;
}
.helpandSupportQuestions {
	background-color : #FFFFFF;			/* Adaptive Path-specified */
	padding-top : 4px;					/*used by help and support popup*/
	padding-right : 20px;
	padding-bottom : 0px;
	width : 735px;
}
.helpandSupportQuestionsTh {
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 16px;					/* Adaptive Path-specified */
	font-weight : bold;
	color : #005758;					/* Adaptive Path-specified */
	background-color : #FFFFFF;			/* Adaptive Path-specified */
	width : 735px;
}
.hubWelcome {
	text-align : right;
	font-family : Arial;
	font-size : 12px;
	border : 0;
}

/* This is to position the div to which we anchor the info tooltip after user successfully creates payroll history gross up checks */
.hubDivPopupAnchorForCompletedGrossup {
	position: relative;
	top: 260px;
	left: 460px;
}

/* Override Yahoo YUI modal dialog attributes */
/* Override Yahoo modal dialog mask */
.yui-skin-sam .mask {
	opacity : 0.70;
	filter : alpha(opacity=70);			/* Required for IE7 or this override doesn't work */
	background-color : #ABABAB;			/* Grayish mask color so white modal dialog visually stands out */
}

/* Override Yahoo YUI3 modal dialog mask */
.yui3-skin-sam .yui3-widget-mask {
	opacity : 0.70;
	filter : alpha(opacity=70);			/* Required for IE7 or this override doesn't work */
	background-color : #ABABAB;			/* Grayish mask color so white modal dialog visually stands out */
}

/* Hide modal dialog underlay mask for now because it doesn't proper redraw in certain instances when the modal dialog expands/shrinks in height */
.yui-skin-sam .yui-panel-container.shadow .underlay {
	opacity : 0.0;
	filter : alpha(opacity=0);			/* Required for IE7 or this override doesn't work */
	background-color : #000000;
}

/* Override Yahoo modal dialog border so rounded corners display using CSS3 (not supported in IE Quirks mode) */
.yui-skin-sam .yui-panel {
	border: 5px solid #FFFFFF;			/* 5px border required so a 5px radius can be properly displayed */
	border-bottom-width: 0px\9;			/* Required for IE Quirks mode or else YUI modal dialog bottom border is a horizontal line 5px above bottom edge */
	border-radius: 5px;					/* CSS3 Rounded-corner box */
	-moz-border-radius: 5px;			/* CSS3 Rounded-corner box for older Firefox versions */
	-webkit-border-radius: 5px;			/* CSS3 Rounded-corner box for older Chrome/Safari versions */
	border-right-width: 1px\9;			/* Required for IE Quirks mode or else YUI modal dialog left/right borders display a vertical gray strip */
	border-left-width: 1px\9;			/* Required for IE Quirks mode or else YUI modal dialog left/right borders display a vertical gray strip */
	border-left-color: white;			/* Required for IE Quirks mode or else YUI modal dialog top/bottom-left corners display a gray square pixel */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.yui-skin-sam .yui-panel {
	border-bottom-width: 5px;			/* 5px border required so a 5px radius can be properly displayed */
	border-right-width: 5px;			/* 5px border required so a 5px radius can be properly displayed */
	border-left-width: 5px;				/* 5px border required so a 5px radius can be properly displayed */
}
}

/* Override Yahoo YUI3 modal dialog border so rounded corners display using CSS3 (not supported in IE Quirks mode) */
.yui3-skin-sam .yui3-panel {
	border: 5px solid #FFFFFF;			/* 5px border required so a 5px radius can be properly displayed */
	border-bottom-width: 0px\9;			/* Required for IE Quirks mode or else YUI modal dialog bottom border is a horizontal line 5px above bottom edge */
	border-radius: 5px;					/* CSS3 Rounded-corner box */
	-moz-border-radius: 5px;			/* CSS3 Rounded-corner box for older Firefox versions */
	-webkit-border-radius: 5px;			/* CSS3 Rounded-corner box for older Chrome/Safari versions */
	border-right-width: 1px\9;			/* Required for IE Quirks mode or else YUI modal dialog left/right borders display a vertical gray strip */
	border-left-width: 1px\9;			/* Required for IE Quirks mode or else YUI modal dialog left/right borders display a vertical gray strip */
	border-left-color: white;			/* Required for IE Quirks mode or else YUI modal dialog top/bottom-left corners display a gray square pixel */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.yui3-skin-sam .yui3-panel {
	border-bottom-width: 5px;			/* 5px border required so a 5px radius can be properly displayed */
	border-right-width: 5px;			/* 5px border required so a 5px radius can be properly displayed */
	border-left-width: 5px;				/* 5px border required so a 5px radius can be properly displayed */
}
}

/* Override Yahoo YUI3 modal dialog border so rounded corners display using CSS3 (not supported in IE Quirks mode) */
.yui3-skin-sam .yui3-panel-content {
	border: none;
	box-shadow: none;
}

/* Fix Yahoo YUI3 gradient dialog header background not showing on IE */
.yui3-skin-sam .yui3-panel .yui3-widget-hd {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2647a0', endColorstr='#426fd9');
}

/* Override Yahoo modal dialog titlebar */
.yui-skin-sam .yui-panel .hd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background: none;					/* Turn off default background png */
	background-color: #FFFFFF;
	border: none;
	border-bottom: 3px solid #7BB2E3;
	color: #333333;
}

/* Override Yahoo YUI3 modal dialog titlebar */
.yui3-skin-sam .yui3-panel .yui3-widget-hd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background: none;					/* Turn off default background png */
	background-color: #FFFFFF;
	border: none;
	border-bottom: 3px solid #7BB2E3;
	color: #333333;
	cursor: pointer;
}

/* Override Yahoo modal dialog footer (buttons) */
.yui-skin-sam .yui-panel .bd,
.yui-skin-sam .yui-panel .ft {
	background-color: #FFFFFF;
	border: none;
}

/* Override Yahoo YUI3 modal dialog footer (buttons) */
.yui3-skin-sam .yui3-panel .yui3-widget-bd,
.yui3-skin-sam .yui3-panel .yui3-widget-ft {
	background-color: #FFFFFF;
	border: none;
}

/* Override Yahoo modal dialog upper-right Close icon image and position */
.yui-skin-sam .container-close {
	background: url("../images/standard/icons/roundedBoxClose_popup.png") no-repeat scroll 0 0 transparent;
	width: 27px;
	height: 28px;
	top: -17px;
	right: -19px;
	right: -15px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.yui-skin-sam .container-close {
	right: -19px;
}
}

.yui3-skin-sam .yui3-panel .yui3-widget-hd .yui3-button-close {
	position: relative;
	background: url("../images/standard/icons/roundedBoxClose_popup.png") no-repeat scroll 0 0 transparent;
	width: 27px;
	height: 28px;
	top: -25px;
	top: -17px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
	right: -27px;
	right: -15px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.yui3-skin-sam .yui3-panel .yui3-widget-hd .yui3-button-close {
	top: -25px;
	right: -27px;
}
}

/* Override Yahoo modal dialog footer (buttons horizontal alignment) */
.yui-skin-sam .yui-dialog .ft .button-group {
	text-align : right;
}

/* Override Yahoo YUI Sam Skin non-default button background image */
.yui-skin-sam .yui-button button,
.yui-skin-sam .yui-button a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;						/* For non-default button text color; default button text color is set in ".yui-skin-sam .yui-dialog .ft span.default button" */
	background: transparent url("../images/standard/buttons/yui_NonDefaultBtnBackground.png") repeat-x scroll 0pt;
	height: 26px;						/* Compromise: Add 3px to above png's height so both Firefox and IE buttons look decent */
	border-top: 1px solid #ACACAC;		/* Compromise: Set this border so both Firefox and IE buttons look decent; Simulates our non-default GIF button's innermost 1px border */
	border-right: 1px solid #686868;	/* Compromise: Set this border so both Firefox and IE buttons look decent; Simulates our non-default GIF button's innermost 1px border */
	border-bottom: 1px solid #686868;	/* Compromise: Set this border so both Firefox and IE buttons look decent; Simulates our non-default GIF button's innermost 1px border */
	border-left: 1px solid #ACACAC;		/* Compromise: Set this border so both Firefox and IE buttons look decent; Simulates our non-default GIF button's innermost 1px border */
	border-radius: 5px;					/* CSS3 Rounded-corner box */
	-moz-border-radius: 5px;			/* CSS3 Rounded-corner box for older Firefox versions */
	-webkit-border-radius: 5px;			/* CSS3 Rounded-corner box for older Chrome/Safari versions */
}

/* Override Yahoo YUI Sam Skin non-default button text */
.yui-skin-sam .yui-button button,
.yui-skin-sam .yui-button a {
	min-height : 0em;					/* Yahoo default = 2em; must set to 0em for IE7 */
	line-height : 1;					/* Yahoo default = 2; must set to 1 for IE7 */
	padding-top : 0px;					/* Correctly positions button text vertically */
	padding-right : 18px;				/* Controls button width */
	padding-bottom : 2px;				/* Correctly positions button text vertically */
	padding-bottom : 0px\9;				/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode and IE10 HTML5-based Quirks mode */
	padding-left : 18px;				/* Controls button width */
}

.yui-skin-sam .yui-button a {
	padding-top: 6px;
	height : 17px;
}

.yui-skin-sam .yui-button {
	height : 26px;						/* Because padding-bottom must be set to 0px for IE7, this must be set to 2px more than background gradient png's pixel height so Firefox correctly positions the bottom border */
	margin-top : 5px;					/* Provides some spacing above modal dialog push buttons */
	padding-right : 0px;				/* Hack for IE7, or else outermost border's right border doesn't get drawn properly */
	padding-bottom : 0px;				/* Border-bottom proper positioning.  For IE7, this must be set to 0px to be drawn properly.  As a result for Firefox, height must be 2px greater to compensate for this */
	padding-left : 0px;					/* Hack for IE7, or else outermost border's left border doesn't get drawn properly */
	border-top : none;					/* Compromise: Turn off this border so both Firefox and IE buttons look decent; Simulates our non-default GIF button's outermost top 1px border */
	border-right : none;				/* Compromise: Turn off this border so both Firefox and IE buttons look decent; Simulates our non-default GIF button's outermost right 1px border */
	border-bottom : none;				/* Compromise: Turn off this border so both Firefox and IE buttons look decent; Simulates our non-default GIF button's outermost bottom 1px border */
	border-left : none;					/* Compromise: Turn off this border so both Firefox and IE buttons look decent; Simulates our non-default GIF button's outermost left 1px border */
	background: none;					/* Except for IE, since we are now using rounded corner buttons (via CSS3 border-radius), we must turn off the default background defined in YUI's sprite.png */
	background-image: url("../images/yui/assets/skins/sam/sprite.png")\9;	/* For IE7-8-9, must continue to use default background defined in YUI's sprite.png or else buttons don't have correct top and bottom borders; ignored in IE10 HTML5-based Quirks mode */
}

.yui-skin-sam .yui-button .first-child {
	border-top : none;					/* Compromise: Turn off this border so both Firefox and IE buttons look decent; Simulates our non-default GIF button's middle 1px border */
	border-right : none;				/* Compromise: Turn off this border so both Firefox and IE buttons look decent; Simulates our non-default GIF button's middle 1px border */
	border-bottom : none;				/* Compromise: Turn off this border so both Firefox and IE buttons look decent; Simulates our non-default GIF button's middle 1px border */
	border-left : none;					/* Compromise: Turn off this border so both Firefox and IE buttons look decent; Simulates our non-default GIF button's middle 1px border */
}

/* Override Yahoo YUI Sam Skin default button background image */
.yui-skin-sam .yui-dialog .ft span.default {
	padding-bottom : 0px;				/* Border-bottom proper positioning.  For IE7, this must be set to 0px. For Firefox, this should be set to 2px for exact bottom border, but IE requirement is more important */
	border-top : none;					/* Compromise: Turn off this border so both Firefox and IE buttons look decent; Simulates our default GIF button's outermost 1px border */
	border-right : none;				/* Compromise: Turn off this border so both Firefox and IE buttons look decent; Simulates our default GIF button's outermost 1px border */
	border-bottom : none;				/* Compromise: Turn off this border so both Firefox and IE buttons look decent; Simulates our default GIF button's outermost 1px border */
	border-left : none;					/* Compromise: Turn off this border so both Firefox and IE buttons look decent; Simulates our default GIF button's outermost 1px border */
}

.yui-skin-sam .yui-dialog .ft span.default .first-child {
	border-top : none;					/* Compromise: Turn off this border so both Firefox and IE buttons look decent; Simulates our default GIF button's middle 1px border */
	border-right : none;				/* Compromise: Turn off this border so both Firefox and IE buttons look decent; Simulates our default GIF button's middle 1px border */
	border-bottom : none;				/* Compromise: Turn off this border so both Firefox and IE buttons look decent; Simulates our default GIF button's middle 1px border */
	border-left : none;					/* Compromise: Turn off this border so both Firefox and IE buttons look decent; Simulates our default GIF button's middle 1px border */
}

.yui-skin-sam .yui-dialog .ft span.default button {
	background : transparent url("../images/standard/buttons/yui_DefaultBtnBackground.png") repeat-x scroll 0pt;
	height : 26px;						/* Compromise: Add 3px to above png's height so both Firefox and IE buttons look decent */
	color : #FFFFFF;					/* Required here to set default button text color; non-default button text color is set in ".yui-skin-sam .yui-button button" */
	border-top : 1px solid #0C71BD;		/* Compromise: Set this border so both Firefox and IE buttons look decent; Simulates our default GIF button's innermost 1px border */
	border-right : 1px solid #003156;	/* Compromise: Set this border so both Firefox and IE buttons look decent; Simulates our default GIF button's innermost 1px border */
	border-bottom : 1px solid #003156;	/* Compromise: Set this border so both Firefox and IE buttons look decent; Simulates our default GIF button's innermost 1px border */
	border-left : 1px solid #0C71BD;	/* Compromise: Set this border so both Firefox and IE buttons look decent; Simulates our default GIF button's innermost 1px border */
}

#OTP2ValidatePanelNoPinSent,
#OTP2ValidatePanelPinSent,
#OTP2ValidatePanelSuccess,
#OTP2ValidatePanelFailure,
#OTP2ValidatePanelLockedOut,
#OTP2ValidatePanelResendPin {
	border: 2px solid #000000;			/* Set to 2px width so 1px width displays on left and right */
	border-top-width: 1px;				/* Override to have a 1px border since normally, dialogs are modal with white borders on a darker background mask */
	border-right-width: 1px\9;			/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode; needed or else border-right width is 2px */
	border-bottom-width: 1px;			/* Override to have a 1px border since normally, dialogs are modal with white borders on a darker background mask */
	border-left-width: 1px\9;			/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode; needed or else border-right width is 2px */
	border-radius: 1px;					/* Modeless dialog box with no mask, so no CSS3 Rounded-corner box */
	-moz-border-radius: 1px;			/* Modeless dialog box with no mask, so no CSS3 Rounded-corner box for older Firefox versions */
	-webkit-border-radius: 1px;			/* Modeless dialog box with no mask, so no CSS3 Rounded-corner box for older Chrome/Safari versions */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#OTP2ValidatePanelNoPinSent,
#OTP2ValidatePanelPinSent,
#OTP2ValidatePanelSuccess,
#OTP2ValidatePanelFailure,
#OTP2ValidatePanelLockedOut,
#OTP2ValidatePanelResendPin {
	border-right-width: 2px;			/* Specifically target IE10 in new HTML5-based Quirks mode; needed or else border-right width set to 1px above with \9 hack displays as 0px width */
	border-left-width: 2px;				/* Specifically target IE10 in new HTML5-based Quirks mode; needed or else border-left width set to 1px above with \9 hack displays as 0px width */
}
}

#OTP2ValidatePanelNoPinSent .hd,
#OTP2ValidatePanelPinSent .hd,
#OTP2ValidatePanelSuccess .hd,
#OTP2ValidatePanelFailure .hd,
#OTP2ValidatePanelLockedOut .hd,
#OTP2ValidatePanelResendPin .hd {
	border-bottom: none;
}

#OTP2ValidatePanelNoPinSent .hd,
#OTP2ValidatePanelNoPinSent .bd,
#OTP2ValidatePanelNoPinSent .ft {
	background-color : white;
}

#OTP2ValidatePanelNoPinSent .button-group {
	text-align : center;
}

#OTP2ValidatePanelPinSent .hd,
#OTP2ValidatePanelPinSent .bd,
#OTP2ValidatePanelPinSent .ft {
	background-color : white;
}

#OTP2ValidatePanelSuccess .hd,
#OTP2ValidatePanelSuccess .bd,
#OTP2ValidatePanelSuccess .ft {
	background-color : white;
}

#OTP2ValidatePanelFailure .hd,
#OTP2ValidatePanelFailure .bd,
#OTP2ValidatePanelFailure .ft {
	background-color : white;
}

#OTP2ValidatePanelLockedOut .hd,
#OTP2ValidatePanelLockedOut .bd,
#OTP2ValidatePanelLockedOut .ft {
	background-color : white;
}

#OTP2ValidatePanelResendPin .hd,
#OTP2ValidatePanelResendPin .bd,
#OTP2ValidatePanelResendPin .ft {
	background-color : white;
}

#OTP2ValidatePanelResendPin .button-group {
	text-align : center;
}

/* Styles for each setup page in apollo*/
.setupPageIntroduction {
	font-family : Arial;
	padding-left : 3px;
	padding-top : 5px;
	padding-bottom : 5px;
	background-color : #F4F7FC;
	color : #000000;
	width : 735px;
}
.setupPageIntroduction2 {
	width : 735px;
	font-family : arial;
	padding-top : 5px;
	padding-bottom : 5px;
	color : #000000;
}

.setupPageTableHeaders {
	font-family : Arial;
	font-weight : bold;
	background-color : #FFFFFF;
	color : #000000;
	padding-top : 13px;
	padding-bottom : 13px;
}

.setupPageTableOddLine {
	background-color : #F4F7FC;
	padding-top : 2px;
	padding-bottom : 2px;
}

.setupPageTableEvenLine {
	background-color : #F4F7FC;
	padding-top : 2px;
	padding-bottom : 2px;
}

.setupPageTableRowLeft {
	background-color : #F4F7FC;
}
.setupPageTableRowRight {
	background-color : #F4F7FC;
}

.setupPageHorizLine,
.setupPageHorizLine2 {
	border-top : 1px solid #316CA6;
    width : 735px;  						/* PD-10174 - Setting width to 735 as width was removed from formtag.java */
}

.setupPageFramelessTable {
	font-family : arial;
	padding-top : 2px;
	padding-right :10px;
	padding-bottom : 2px;
	padding-left : 10px;
	color : #000000;
}

.setupPageSectionHeader {
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 16px;					/* Adaptive Path-specified */
	font-weight : bold;
	color : #005758;
	border-bottom : 1px solid #316CA6;
}

.setupButtonRow {						/* standard apollo button layout */
	text-align : right;
	margin-left : auto;
	padding-left : 0px;
	padding-top : 5px;
	float : right;
	width: 674px;
	width : 450px\9;						/* PD-10174 - Changing width from 735px to 674px to avoid horizontal scrollbar in 1024-px wide resolution */
											/* PD-51962 - /* Specifically target IE7/8/9 to avoid horizontal scrollbar */
}
.setupButtonRow2 {						/* used in couple of boomer pages having padding issues the button seems to moves furthur then the actual width*/
	text-align : right;
	margin-left : auto;
	padding-top : 5px;
	float : right;
	width : 735px;
}

.setupButtonRow3 {						/* used in couple of boomer pages having padding issues the button seems to moves furthur then the actual width*/
	text-align : right;
	margin-left : auto;
	padding-top : 5px;
	float : right;
	width : 750px;
}

.setupHistoryButton {					/*button layout for some history pages to align buttons using tds*/
	text-align : right;
	margin-left : auto;
	padding-top : 5px;
}

.setupButton {
	margin-left : auto;
	padding-left : 20px;
}

.setupTable,
.setupTable2 {
	border-style : none;
	padding : 0px;
	width : 674px;						/* PD-10174 - Changing width from 735px to 674px to avoid horizontal scrollbar in 1024-px wide resolution */
}

.setupTable3 {
    background-color : #FFFFFF;
    border : 1px solid #C8CEE5;
}

.setupInfoTh {
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 16px;					/* Adaptive Path-specified */
	font-weight : bold;
	color : #005758;					/* Adaptive Path-specified */
	padding-top : 5px;
	padding-right : 5px;
	padding-bottom : 5px;
}

.setupLabel {
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 16px;					/* Adaptive Path-specified */
	font-weight : bold;
	color : #005758;					/* Adaptive Path-specified */
	padding-top : 5px;
	padding-bottom : 5px;
}

.setupDeductsBorder {
	border-top-width : 1px;
	border-top-style :solid;
	border-top-color :  #316CA6;
	background-color : #F4F7FC;

}

.setupDeductionInfoTh {
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 14px;					/* Adaptive Path-specified */
	font-weight : bold;
	color : #005758;					/* Adaptive Path-specified */
	background-color : #FFFFFF;			/* Adaptive Path-specified */
	border : none;
}

.setupDeductionTableTh {
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 14px;					/* Adaptive Path-specified */
	font-weight : bold;
	color : #005758;					/* Adaptive Path-specified */
	background-color : #FFFFFF;			/* Adaptive Path-specified */
	border : none;
}

.setupDeductionTableRow {
	border-width : 1px;
	border-style :solid;
	border-color :  #316CA6;
}

.setupDeductsFill {
	background-color : #F4F7FC;
	padding : 0;
	border-width : 1px;
	border-style :solid;
	border-color :  red;
}

.setupAlertReviewTable {
	padding-bottom : 5px;
	border : 2px solid green;
}

.setupReviewTable {
	padding-bottom : 5px;
	border : 1px solid #739Dc6;
}

.setupTaxReviewTable {                  /*Review table for tax setup in apollo */
 	padding-bottom : 5px;
	border : 1px solid #739Dc6;
    width : 735px;
}

.setupReviewTableIncomplete {
	background-color : #ffffe2;
	padding-right : 10px;
	padding-bottom : 5px;
	border : 1px solid #739Dc6;
}

.reviewLabel {
    color : #333333;
    font-family : Arial,Helvetica,sans-serif;
    font-size : 10pt;
    font-weight : normal;
    line-height : 20px;
    text-align : left;
    vertical-align : top;
    padding-left : 5px;
}

.reviewLabelChild {
    color : #333333;
    font-family : Arial,Helvetica,sans-serif;
    font-size : 10pt;
    font-weight : normal;
    line-height : 20px;
    text-align : left;
    vertical-align : top;
    padding-left : 10px;
}

.reviewData {
    color : #333333;
    font-family : Arial,Helvetica,sans-serif;
    font-size : 10pt;
    font-variant : normal;
    font-weight : bold;
    line-height : 20px;
    text-align : left;
    vertical-align : top;
    padding-right : 5px;
}

.setupPreviewPaystub {
	background-color : #EBF3FD;
	border : 1px solid #EBF3FD;
	width : 90%;
}

.setupSortingPage {
	font-size : 16px;
	font-weight : bold;
	margin-left : 10px;
	padding-left : 35px;
}

.acSetupSupport {
	font-size : 11px;
	font-family : arial;
}

.setupError {							/* Red informational/error messages at the top of pages */
	font-size: 14px;					/* Adaptive Path-specified */
	font-weight: bold;
	color: #CC0000;						/* Adaptive Path-specified */
	width: 735px;
	padding-top: 15px;
}

.setupErrorBoxed {
	font-weight: normal;
	color: #333333;
	border: 2px solid #FF9900;
	background-color: #FFFF99;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.setupErrorBoxed .setupErrorBoxedImage {
	padding-right: 10px;
	padding-left: 5px;
}

.setupNote {
	font-family : Arial;				/* Adaptive Path-specified */
	font-size : 12px;					/* Adaptive Path-specified */
	color : #005758;					/* Adaptive Path-specified */
	background-color : #FFFFFF;			/* Adaptive Path-specified */
	border : none;
}

.setupVacationTableRow {
	border-width : 1px;
	border-style :solid;
	border-color :  #316CA6;
}

#vacationPayTextSection,
#sickPayTextSection {
	padding-bottom: 5px;
}

.setupBoomerRow {
	background-color : #EBEFF8;
	height : 30px;
	border : 1px solid #FFFFFF;
}

.linkArrow {
	background : transparent url("../images/standard/setup/icons/linkArrow_east.gif") no-repeat 0pt;
	margin-right :10px;
	padding-right : 10px;
	text-decoration : none;
}
.linkAnswer {
	margin-left :20px;
	padding-left : 10px;
}
.linkArrow_south {
	background : transparent url("../images/standard/setup/icons/linkArrow_south.gif") no-repeat 0pt;
	margin-right :10px;
	padding-right : 10px;
	text-decoration : none;
}

.linkArrowQuestion {
	text-decoration : underline;
	color : #4D7AA1;
}
.setupWelcomeBack {
	color : #3CA147;;
	font-size : 14px;
	font-weight : bold;
    padding-top : 5px;
    padding-left : 5px;
}

.prefundBox {
	background-color : #EBF3FD;
	padding-right :5px;
	padding-left  : 5px;
}
.taxSetupTable {
	border : 1px solid  #316CA6;
	vertical-align : middle;
}

/* Data Entry Page Rows and Columns */
.dataEntryRow {
	clear : both;
	width : 100%;
	height : 18px;
	padding-top : 3px;
	padding-bottom : 3px;
	padding-left : 3px;
	padding-right : 3px;
	text-align : left;
}

.dataEntryHeading {
	clear : both;
	float : left;
    width : 165px;
	text-align : left;
	font-family : Arial;
	font-size : 16px;
	font-weight : bold;
	color : #005758;
	margin-top : 3px;
	margin-bottom : 3px;
	margin-left : 0px;
	margin-right : 0px;
    vertical-align : top;
}

.dataEntryHeadingVarWidth {
	clear : both;
	float : left;
	text-align : left;
	font-family : Arial;
	font-size : 16px;
	font-weight : bold;
	color : #005758;
	margin-top : 3px;
	margin-bottom : 3px;
	margin-left : 0px;
	margin-right : 0px;
}

.dataEntryOPEmpSetupHeading {
	font-size : 18px;
	font-weight : bold;
	color : #005758;
	background-color: #F0F0F0;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 10px;
}

.dataEntryOPEmpSetupReadyPayDayBox {
	background-color: #FFF8DF;
	border: 1px solid #808080;
	margin-right: 5px;
}

.dataEntrySectionSeperator {
	border-bottom : 1px solid #316CA6;
	margin-bottom : 10px;
	width : 750px;
}

.dataEntryHeading5 {
	float : right;
}

.dataEntryColLeft {
	float : left;
	width : 50%;
	overflow : hidden;
}

.dataEntryColRight {
	float : right;
	width : 50%;
	overflow : hidden;
}

.dataEntryLabel {
	float : left;
	width : 150px;;
	text-align : right;
	padding-top : 2px;
	padding-right : 5px;
	overflow : hidden;
}

.dataEntryLabel2 {
	width : 315px;;
	text-align : right;
	padding-right : 5px;
	padding-top: 10px;
 }

 .dataEntryLabel3 {
	width : 315px;;
	text-align : right;
	padding-right : 5px;
    vertical-align : top;
 }

 .dataEntryYesNoLabel {
	float : left;
    width : 135px;;
	text-align : right;
	padding-top : 4px;
	padding-right : 5px;
	overflow : hidden;
}

.dataEntryControlLeft {
	float : left;
	text-align : left;
	overflow : hidden;
}

.dataEntryControlLeft2 {				/* Only used on the eeTaxes.jsp JSP pages */
	padding-top: 10px;
}

.dataEntryControlRight {
	float : right;
	text-align : right;
	overflow : hidden;
}

.dataEntryNoteLeft {
	float : left;
	text-align : left;
	font-family : Arial;
	font-size : 12px;
	color : #666666;
	padding-top : 6px;
	padding-left : 5px;
}

.dataEntryLabelNameAddr {
	padding-top: 5px;
}

.dataLabelNameAddr {
	border: 1px solid #739DC6;
	background-color: #EBF3FD;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#dataEntry {
    overflow : hidden;
    float: left;
}

#dataEntry .note {
    vertical-align :top;
    text-align : left;
	font-family : Verdana;
	font-size : 12px;
	color : #666666;
}

#dataEntry .helpText {
	float : left;
	text-align : left;
	font-family : Verdana;
	font-size : 12px;
	color : #666666;
    margin-top : 6px;
	margin-bottom : 6px;
	margin-left : 6px;
	margin-right : 0px;
    border : none;
}

.dataEntryHistoryReport {
	clear : both;
	width : 100%;
	padding-top : 1px;
	padding-bottom : 1px;
	padding-left : 3px;
	padding-right : 3px;
	text-align : left;
}

.modalDialogScrollableDiv {
	height : 137px;
	overflow : auto;
	margin-top : 10px;
	padding : 5px;
	border-style : solid;
	border-width : 1px;
	border-color : #7AA4CD;
}

.empDropdown {
    width : 735px;
}

.empdropdownLabel {
    clear : both;
    color : #005758;
    font-family : Arial;
    font-size : 16px;
    font-weight : bold;
    margin : 5px 0;
    text-align : right;
    float  : right;
}

/* 2020 Form W-4 - Info box */
#W4FormHasChangedBox {
    background-color: #FFFFFF;
}

/* 2020 Form W-4 - Form W-4 has changed for 2020 modal dialog */
#W4FormHasChanged #containerDiv {
    width: 100%;
    height: 260px;
    padding-top: 20px;
}

#W4FormHasChanged #containerDiv #leftColumn {
    width: 68%;
    height: 260px;
    float: left;
}

#W4FormHasChanged #containerDiv #leftColumn #firstTextTitle {
    margin-top: 25px;
    font-weight: bold;
}

#W4FormHasChanged #containerDiv #leftColumn .textBody {
    margin-top: 10px;
    line-height: 1.5;
}

#W4FormHasChanged #containerDiv #leftColumn #secondTextTitle {
    margin-top: 30px;
    font-weight: bold;
}

#W4FormHasChanged #containerDiv #rightColumn {
    margin-left: 70%;
    height: 260px;
}

#W4FormHasChanged #containerDiv #rightColumn #viewAndPrintLink {
    padding-top: 5px;
    padding-left: 50px;
}

#W4FormHasChanged .button-group {
    text-align: center;
}

/* 2020 Form W-4 - New Form W-4 For 2020 modal dialog */
#New2020W4Form #dontShowAgainDiv {
    padding-top: 15px;
}

/* 2020 Form W-4 - Confirm Hire Date modal dialog */
/* 2020 Form W-4 - Save changes? modal dialog */
#ChooseHireDateYear #secondLineDiv,
#New2020W4Form #secondLineDiv {
    padding-top: 15px;
}

/* Employees & Contractors Overview page - outside of Setup (Apollo) */
#eesOverviewEmployeeListTable,
#eesOverviewContractorListTable {
	width : 735px;
}

#eesOverviewEmployeeListTable a,
#eesOverviewContractorListTable a {
	color : #4D7AA1;
	text-decoration : none;
}

#eesOverviewEmployeeListTable a:hover,
#eesOverviewContractorListTable a:hover {
	text-decoration : underline;
}

#eesOverviewEmployeeListTable #tableTitle,
#eesOverviewContractorListTable #tableTitle {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	color: #333333;
	padding-bottom : 10px;
}

#eesOverviewEmployeeListTable #contractorsAnchor {
	padding-bottom : 10px;
}

#eesOverviewEmployeeListTable #oldInactiveEmployeeText {
	border-top-style : solid;
	border-top-width : 1px;
	border-top-color : #C8CEE4;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-bottom-color : #C8CEE4;
	text-align : left;
}

#eesOverviewEmployeeListTable #empStatusSelect,
#eesOverviewContractorListTable #conStatusSelect {
	padding-top : 5px;
	padding-bottom : 5px;
	border-top-style : solid;
	border-top-width : 1px;
	border-top-color : #C8CEE4;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-bottom-color : #C8CEE4;
	text-align : right;
}

#eesOverviewEmployeeListTable #empStatusSelect form,
#eesOverviewContractorListTable #conStatusSelect form {
	margin-bottom : 0px;
}

#eesOverviewEmployeeListTable #rightSideControl,
#eesOverviewContractorListTable #rightSideControl {
	padding-bottom : 10px;
	text-align : right;
}

#eesOverviewEmployeeListTable #colHeader,
#eesOverviewContractorListTable #colHeader {
	font-family : Arial;
	font-size : 14px;
	font-weight : bold;
	background-color : #F0F0F0;
	color : #000000;
	padding-top : 5px;
	padding-right : 10px;
	padding-bottom : 5px;
	text-align : left;
}

/* Employee Overview page styles - both in and out of Setup (Apollo) */
.eeOverviewLabel {
    font-family : Arial;				/* Adaptive Path-specified */
	font-size : 14px;					/* Adaptive Path-specified */
	font-weight : bold;
	color : #005758;					/* Adaptive Path-specified */
    background-color : #F8F8F8;
	padding-top : 5px;
    padding-left : 5px;
	padding-right : 5px;
	padding-bottom : 5px;
}

.eeHeaderPanel {
    background-color : #F6F6F6;
    border-bottom : 1px solid #C8CEE5;
}

.eeRecordHdrLabels {
    color : #666666;
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11pt;
    font-weight : normal;
    line-height : 16pt;
}

.eeRecordHdrTitle {
    color : #005954;
    font-family : Arial,Helvetica,sans-serif;
    font-size : 18pt;
    line-height : 24pt;
    padding-left : 5px;
}

.eeRHSPanel {
    background-color : #FFFFFF;
    border-left : 1px solid #DDEECC;
}

.eephoto {
	width : auto;
	height : 80px;
	border-style : solid;
	border-width : 1px;
	border-color : #7AA4CD;
}

.attachmentList {
	height : 250px;
	overflow : auto;
	margin-top : 10px;
	padding : 5px;
	border-style : solid;
	border-width : 1px;
	border-color : #7AA4CD;
}

/* Setup Overview Page */
.setupOvervewTable {
    width : 735px;
}

/* Start styles for new email pref page */
#emailPrefs .emailPrefSection {
    border-style : solid;
    border-width : 1px;
    border-color : #7AA4CD;
    vertical-align: top;
}

#emailPrefs .customizeEmailPrefsTable {
    min-width : 790px;
}

#emailPrefs .colHeader {
    font-family : Arial;
    font-size : 14px;
    font-weight : bold;
    color : #000000;
    text-align : left;
    border-bottom: 2px solid #C8CEE4;
}

#emailPrefs .firstCol {
    border-right: 2px solid #C8CEE4;
    width: 14%
}

#emailPrefs .secondCol {
    padding-left: 15px;
}
/* End styles for new email prefs page */

/* Timesheet styles */
#timesheetEntryTable {
	width : 735px;
	background-color : #F6F6F6;
}

#timesheetDataTable,
#turnInSheetTable,
#timeApprovalTable {
	width : 905px;
}

#timesheetEmptyTable {
	width : 735px;
    padding-left : 50px;
    padding-right : 5px;
    padding-top : 3px;
    padding-bottom : 5px;
    border-style:solid;
    border-color:#7AA4CD;
    border-width : 1px;
}

#turnInSheetTable td {
	width : 735px;
	font-size : 12px;
	font-weight : normal;
	text-align : left;
	color : graytext;
}

/** ER view of time sheet */
#timesheetErDataTable,
#timesheetEEDataTable {
    table-layout : fixed;
    width : 905px;
    border : 1px solid #9EC9F6;
    empty-cells : show;
    /*border-collapse: collapse;*/
}

#jobCostingDataTable {
    table-layout : fixed;
    width : 740px;
    border : 1px solid #9EC9F6;
    empty-cells : show;
    /*border-collapse: collapse;*/
}

#jobCostingOriginalDataTable {
    table-layout : fixed;
    width : 720px;
    border : 1px solid #CDCDCD;
    empty-cells : show;
    /*border-collapse: collapse;*/
}

#timesheetEntryTable th,
#timesheetDataTable th {
	font-family : Arial;
	font-size : 16px;
	font-weight : bold;
	color : #339900;
	background-color : #F6F6F6;
	text-align : left;
	width : 100px;
	padding-left : 5px;
}

#timeApprovalTable th {
	font-family : Arial;
	font-size : 14px;
	font-weight : bold;
	color : #339900;
	background-color : #F6F6F6;
	text-align : center;
	width : 100px;
	padding-left : 5px;
    white-space : nowrap;
}

#timesheetErDataTable .timesheetHeader,
#jobCostingDataTable .timesheetHeader {


	/*width : 80px;*/
	/*padding-left : 8px;       */
	font-weight : bold;
	background-color : #8DB3DC;
	text-align : left;
	font-size : 12px;
	font-family : Arial;
	color : #FFFFFF;
	border : 1px solid #8DB3DC;
	border-collapse: collapse;
}

#jobCostingOriginalDataTable .timesheetHeader {

    font-weight : bold;
    background-color : #CDCDCD;
    text-align : left;
    font-size : 12px;
    font-family : Arial;
    color : #FFFFFF;
    border : 1px solid #CDCDCD;
    border-collapse: collapse;

}

#jobCostingDataTable .header {
    background-color : #8DB3DC;
    width : 179px;
    padding-left : 3px;
}

#jobCostingOriginalDataTable .header {
    background-color : #CDCDCD;
    width : 179px;
    padding-left : 3px;
}

#jobCostingDataTable .hoursHeader {
    background-color : #8DB3DC;
    width : 50px;
}

#jobCostingOriginalDataTable .hoursHeader {
    background-color : #CDCDCD;
    width : 50px;
}

#timesheetErDataTable .dateHeader {
	width : 100px;
    background-color : #8DB3DC;
}

#timesheetErDataTable .middleHeader { /* header for the middle columns like start, end, rate, customer... */
	border-left-style: none;
	border-right-style: none;
	width : 100px;
    background-color : #729CC8
}

#timesheetErDataTable .middleHeaderHidden { /* header for the middle columns like start, end, rate, customer... */
	border-left-style: none;
	border-right-style: none;
	width : 0px;
    background-color : #729CC8
}

#timesheetErDataTable .endHeaderSmall { /** Special size for the ER view hours header */
	background-color : #729CC8;
	border-left-style: none;
	border-right-style: none;
	width : 160px;
}

#timesheetErDataTable .hiddenPayTypeHeaderSmall { /** Special size for when there are no pay types to display */
	background-color : #729CC8;
	border-left-style: none;
	border-right-style: none;
	width : 0px;
}

#timesheetErDataTable .hoursHeader { /* shift hours */
	width : 75px;
    border-left-style: none;
	border-right-style: none;
    text-align : right;
    padding-right : 5px;
    background-color : #729CC8
}

#timesheetErDataTable .iconHeader {	/** style for icon column headers like note and trash */
	background-color : #729CC8;
	border-left-style: none;
	width : 40px;
}

#timesheetErDataTable .hoursWorkedHeader {
	width : 150px;
}

#timesheetErDataTable .emptyTableHoursHeader {
	text-align : right;
	padding-right : 70px;
	width : 800px;
	/*background-color : #8DB3DC;*/
}

#timesheetErDataTable .noteHeaderSmall {	/** Special size for the ER view hours header */
	background-color : #729CC8;
	border-left-style: none;
	width : 110px;
}

#jobCostingDataTable .jcSelectListCells,
#jobCostingOriginalDataTable .jcSelectListCells {

	width : 205px;
    padding-left : 5px;
}

#jobCostingDataTable .regularDropDown {
    width:145px;
    font-size:10px;
}
#jobCostingDataTable .wideDropDown {
    font-size:10px;
    width:auto;
}

#jobCostingDataTable .combinedLine {
    background-color : #D3EDF2;
}

#jobCostingDataTable .jcHoursCell,
#jobCostingOriginalDataTable .jcHoursCell {

    width : 60px;
    white-space : nowrap;
/*    display : inline;*/
}

#timesheetErDataTable .dateDataColumn { /* date */
	width : 100px;
}

#timesheetErDataTable .middleColumn { /* style for middle columns like start, end, rate, customer */
	background-color : #F3F3F3;
	border-left-style: none;
	border-right-style: none;
	width : 100px;
}

#timesheetErDataTable .middleColumnHidden { /* style for middle columns like start, end, rate, customer */
	background-color : #F3F3F3;
	border-left-style: none;
	border-right-style: none;
	width : 0px;
}

#timesheetErDataTable .hoursColumn { /* shift hours */
	width : 75px;
    border-left-style: none;
	border-right-style: none;
	background-color : #F3F3F3;
    text-align : right;
    padding-right : 5px;
}

#timesheetErDataTable .column4aSmall { /* pay type */
	width : 0px;
	background-color : #F3F3F3;
}

#timesheetErDataTable .iconColumn { /* data cel for icons like note and trash */
	width : 40px;
	background-color : #F3F3F3;
    text-align : right;
}

#timesheetErDataTable .iconColumnFull { /* data cel for icons like note and trash */
    width : 80px;
    background-color : #F3F3F3;
    text-align : left;
}

#timesheetErDataTable .column7,
#timesheetTotalTable .column7 { /* workday hours */
	width : 65px;
	text-align : right;
	/*padding-right : 4px;*/
	border-left-style : solid;
	border-color : #8DB3DC;
	border-left-width: 0px;
}

#timesheetErDataTable .column8 { /* ot/dt hours */
	width : 85px;
	text-align : right;
	font-size : 12px;
	font-family : Arial;
	color : #000000;
	padding-right : 0px;
}

#timesheetErDataTable .regularDropDown {
    width:95px;
    font-size:10px;
}

#jobCostingOriginalDataTable .trashHeader,
#jobCostingDataTable .trashHeader { /* trash can */
	width : 35px;
	text-align : center;
}

#timesheetErDataTable .editLinks,
#jobCostingDataTable .editLinks {

	font-size : 14px;
	font-family : Arial, Helvetica, sans-serif;
	color : #4D7AA1;
	cursor : pointer;
	white-space : nowrap;
}

div.timeCardStatusMessage {
	font-size : 14px;
	font-weight : bold;
	color : inherit !important;
}
div.timeCardStatusMessage span {
	font-size : 12px;
	font-weight : normal;
	color : inherit !important;
}
div.timeCardStatusMessage img {
	vertical-align : middle;
	margin-right : 5px;
}

#timesheetTotalTable,
#ptoTypeTable,
#cjiInfoTable {
	width : 905px;
	table-layout : fixed;
}

#jcTotalTable,
#dollarTotalTable {
	width : 740px;
	table-layout : fixed;
}


#timesheetTotalTable .totalStatusMessage {
	width : 575px;
	text-align : left;
	vertical-align : top;
	padding-top : 10px;
	font-weight : bold;
}

#timesheetTotalTable .totalStatusMessageSingleRate { /** TT only with a single hourly pay rate */
	width : 275px;
	text-align : left;
	vertical-align : top;
	padding-top : 10px;
}

#timesheetTotalTable .totalStatusMessageNoJC { /** TT only with multiple rates and no JC */
	width : 375px;
	text-align : left;
	vertical-align : top;
	padding-top : 10px;
}

#timesheetTotalTable .totalStatusMessageJCSingleRate { /** TT and JC with a single hourly pay rate */
	width : 475px;
	text-align : left;
	vertical-align : top;
	padding-top : 10px;
}

.syncMessage {
	width : 350px;
	text-align : left;
	vertical-align : top;
	padding-top : 10px;
    color : graytext;
    font-size : 12px;
}

.jcDetailsLink {
    font-size : 10px;
	width : 70px;
    white-space : nowrap;
    padding-top: 10px;
    text-align: left;
    vertical-align: top;
}

#ptoTypeTable .totalStatusMessage {
	width : 550px;
	text-align : left;
	vertical-align : top;
	padding-top : 10px;
}

#ptoTypeTable .totalStatusMessageNoJC {
	width : 350px;
	text-align : left;
	vertical-align : top;
	padding-top : 10px;
}

#ptoTypeTable .totalStatusMessageSingleRate {
	width : 250px;
	text-align : left;
	vertical-align : top;
	padding-top : 10px;
}

#ptoTypeTable .totalStatusMessageJCSingleRate {
	width : 450px;
	text-align : left;
	vertical-align : top;
	padding-top : 10px;
}


#ptoTypeTable .totalHoursPaidTitle {
	width : 300px;						/* this should add up to columns 1,2,3,4,5,6*/
	text-align : right;
	vertical-align : top;
	border-right-style : hidden;
	padding-top : 10px;
}

#ptoTypeTable .totalTitle {
	width : 100px;
	text-align : right;
	vertical-align : top;
	border-right-style : hidden;
	padding-top : 10px;
}

#ptoTypeTable .subTitle { /* hours available text */
	width : 100px;
	text-align : right;
	vertical-align : top;
	border-right-style : hidden;
	padding-top : 10px;
    padding-left : 2px;
    font-size : 10px;
    white-space : nowrap;
}

#ptoTypeTable .totalHolidayTitle {
	width : 300px;
	text-align : right;
	vertical-align : top;
	border-right-style : hidden;
	padding-top : 10px;
}

#ptoTypeTable .editLinks {
	font-size : 14px;
	font-family : Arial;
	color : #4D7AA1;
	cursor : pointer;
	white-space : nowrap;
    font-weight : bold;
}

#timesheetTotalTable .totalTitle {

	width : 200px;						/* this should add up to columns 1,2,3,4,5,6*/
	text-align : right;
	vertical-align : top;
	border-right-style : hidden;
	padding-top : 10px;
}

#jcTotalTable .totalTitle,
#dollarTotalTable .totalTitle {

	text-align : right;
    width : 200px;						/* this should add up to columns 1,2,3,4,5,6*/
	vertical-align : bottom;
	border-right-style : hidden;
	padding-top : 10px;
    font-size : 12px;
}

#timesheetTotalTable .totalHoursWorked,
#ptoTypeTable .totalHoursWorked {

	padding-top : 10px;
	width : 50px;
	text-align : right;
	vertical-align : top;
	/*padding-right : 4px;*/
	border-left-style : hidden;
}

#jcTotalTable .totalHoursAmount,
#dollarTotalTable .totalHoursAmount {

	padding-top : 10px;
	width : 70px;
	text-align : right;
	border-left-style : hidden;
}

#jcTotalTable .payTypeSummarySpace,
#dollarTotalTable .payTypeSummarySpace {

	padding-top : 10px;
	width : 25px;
	text-align : right;
	vertical-align : top;
	border-left-style : hidden;
}

#timesheetTotalTable .totalOtHoursWorked,
#ptoTypeTable .totalOtHoursWorked {
	padding-top : 10px;
	width : 80px;
	text-align : right;
	vertical-align : top;
	font-size : 12px;
	font-family : Arial;
	padding-right : 2px;
}

#payTypesTable .payTypeTitle { /** TT and JC with multi rate **/
	width : 760px;
	text-align : right;
	vertical-align : top;
	border-right-style : hidden;
	padding-top : 10px;
    font-size : 12px;
}

#payTypesTable .payTypeTitleSingleRate { /** TT only with single rate */
	width : 420px;
	text-align : right;
	vertical-align : top;
	border-right-style : hidden;
	padding-top : 10px;
    font-size : 12px;
}

#payTypesTable .payTypeTitleNoJC { /** TT only with multi rate */
	width : 720px;
	text-align : right;
	vertical-align : top;
	border-right-style : hidden;
	padding-top : 10px;
    font-size : 12px;
}

#payTypesTable .payTypeTitleJCSingleRate { /** TT and JC with single rate */
	width : 740px;
	text-align : right;
	vertical-align : top;
	border-right-style : hidden;
	padding-top : 10px;
    font-size : 12px;
}

#payTypesTable .payTypeHours {
	width : 60px;
	text-align : right;
	vertical-align : top;
	border-right-style : hidden;
	padding-top : 10px;
    font-size : 12px;
}

#payTypesTable .payTypeHoursNoJC {
	width : 80px;
	text-align : right;
	vertical-align : top;
	border-right-style : hidden;
	padding-top : 10px;
    font-size : 12px;
}

#payTypesTable .payTypeHoursJCSingleRate { /** TT and JC with single rate */
	width : 70px;
	text-align : right;
	vertical-align : top;
	border-right-style : hidden;
	padding-top : 10px;
    font-size : 12px;
}

#timesheetErDataTable .boldText,
#timesheetTotalTable .boldText,
#jcTotalTable .boldText,
#dollarTotalTable .boldText,
#ptoTypeTable .boldText {
	font-size : 14px;
	font-family : Arial;
	color : #000000;
	font-weight : bold;
}

#timesheetErDataTable .totalWorkWeekTitle {
	text-align : right;
	background-color : #D1E1F1;
	width : 545px;

	/*padding-right : 4px;*/
}

#timesheetErDataTable .totalWorkWeekOtHours {
	font-size : 12px;
	font-family : Arial;
	color : #000000;
	text-align : right;
	background-color : #D1E1F1;
}

#timesheetErDataTable .emptyTableTotalWorkWeekTitle {
	text-align : right;
	background-color : #D1E1F1;
	width : 585px;
	/*padding-right : 4px;*/
}

#timesheetErDataTable .totalWorkWeekTd,
#jobCostingDataTable .totalWorkWeekTd {
	background-color : #D1E1F1;
	border-left-style : none;
}

#jobCostingOriginalDataTable .totalWorkWeekTd {
	background-color : #EEEEEE;
	border-left-style : none;
}

#timesheetErDataTable .addLineText,
#jobCostingDataTable .totalWorkWeekTd,
#jobCostingOriginalDataTable .totalWorkWeekTd {

	font-size : 12px;
	font-family : Arial;
	text-align : left;
	width : 100px;
	padding-left : 2px;
}

#timesheetDataTable td,
#timesheetErDataTable td,
#jobCostingDataTable td {
    border-bottom-style : solid;
    border-color : #8DB3DC;
    border-bottom-width: 1px;
}

#jobCostingOriginalDataTable td {
    /*border: 1px solid green;*/
   /* border-bottom-style : solid;
    border-color : #9EC9F6;*/
	border-bottom-style : solid;
	border-color : #CDCDCD;
	border-bottom-width: 1px;
	color: #CDCDCD;
}

#timesheetErDataTable .multiShiftBorder {
	border-bottom : none;
    border-top : 1px dotted #8DB3DC;
	/*padding-left : 4px;
	padding-right : 4px;*/
}

#timesheetErDataTable .firstWorkdayLine {
	/*padding-left : 4px;
	padding-right : 4px;*/
    border-top : none;
    border-bottom : none;
}

#timesheetErDataTable .lastWorkdayLine {
	/*padding-left : 4px;
	padding-right : 4px;*/
    border-top : 1px dotted #8DB3DC;
    border-bottom : 1px solid #8DB3DC;
}

#timesheetDataTable .hoursHeaderField {
	text-align : center;
	width : 100px;
}

#timesheetEntryTable td,
#timeApprovalTable td {
	white-space : nowrap;
}

#timesheetDataTable .noteField {
	text-align : left;
	width : 200px;
}

#timesheetErDataTable .noteField {
	width : 115px;
}

#timesheetDataTable .deleteField {
	text-align : center;
	width : 50px;
}

#timesheetEntryTable .dateCell,
#timesheetDataTable .dateCell,
#timesheetErDataTable .dateCell {
	width : 100px;
}

#timesheetEntryTable .startTimeCell,
#timesheetDataTable .startTimeCell {
	width : 100px;
}

#timeApprovalForm .tabbedFormLeftNavTab,
#timeApprovalForm .tabbedFormLeftNavActiveTab {
	width : 220px;
}

#timeApprovalTable .selectCell {
	width : 10px;
}

#timeApprovalTable .nameCell {
	width : auto;
}

#timeApprovalTable .hoursCell {
	text-align : center;
}

#timesheetDataTable a,
#timesheetErDataTable a {
	color : #4D7AA1;
	text-decoration : none;
}

#timesheetDataTable a:hover,
#timesheetErDataTable a:hover {
	text-decoration : underline;
}

.timesheetFullNoteDiv {
	white-space : normal;
}

.timesheetDataTableDiv {
    overflow : auto;
    height : 200px;
}

.timesheetErDataTableScrollDiv {
    table-layout : fixed;
    overflow : auto;
    width : 743px;
    height : 520px;
}

#timesheetDataTable .subHeader {
	font-size : 12px;
	font-weight : normal;
	white-space : nowrap;
	text-align : center;
	width : 30px;
}

#timesheetDataTable .totalsTitle {
	font-weight : bold;
	text-align : right;
	width : 333px;
}

#timesheetDataTable .totalsHourCell,
#timesheetErDataTable .totalsHourCell {
	font-weight : bold;
	text-align : center;
	width : 115px;
}

#timesheetDataTable .hoursBreakdownTd,
#timesheetErDataTable .hoursBreakdownTd {
	font-size : 12px;
	font-weight : normal;
	white-space : nowrap;
	text-align : center;
	color : graytext;
	width : 39px;
}

#timesheetErDataTable .manualClockedTxt,
#timesheetDataTable .manualClockedTxt {
	font-size : 10px;
	font-weight : normal;
	white-space : nowrap;
	color : #999999;
}

#timesheetDataTable .totalsHoursBreakdownTd,
#timesheetErDataTable .totalsHoursBreakdownTd {
	font-size : 12px;
	font-weight : normal;
	text-align : center;
	color : graytext;
	/*width : 38px;*/
	width : 40px;
	padding-left : 2px;
	white-space : nowrap;
}

#timesheetDataTable .totalsHoursSpacerTd {
	width : 200px;
}

#timesheetErDataTable .totalsHoursSpacerTd {
	width : 130px;
}

.messageIconCell {
	width : 20px;
}
.messageCell {
	width : 580px;
	font-size : 12px;
	font-family : Arial;
	color : #999999;
}

.timeTrackingDate th,
.timeTrackingDate td {
   	border : solid 1px #7AA4CD;
}

.timeTrackingDate {
	border-collapse : collapse;
	border-top: solid 1px #7AA4CD;
	border-bottom: solid 1px #7AA4CD;
}
#ttmarketing {
}

.ttThumbnailsFloatRight
{
	float: right;
	margin: 5px 0 20px 0;
	clear: right;
}

.ttSettingsPrintLink {					/* Above report Printer-Friendly & View in Excel links */
	float : right;						/* Force Printer-Friendly links to the far right */
	width : 275px;						/* Defines Printer-Friendly links box width */
	text-align : right;					/* Right-align text "Trouble viewing or printing?" */
}

td.ttContent {
	padding : 0 20px 0 20px;
	min-width : 600px;
}
td.ttContent form {
	background-color : #CEDFF1;
	padding : 10px 10px 0 10px;
}
td.ttContent .header {
	font-size : 16px;
	font-weight : bold;
}
td.ttContent .main {
	padding-left : 5px;
	padding-right : 15px;
	vertical-align : top;
}
td.ttContent .sideBar {
	vertical-align : top;
}
td.ttContent .priceBox,
td.ttContent .sideBox {
	background-color : #FFFFFF;
	width : 350px;
	margin : 0px 0px 15px 0px;
	padding : 0px;
	font-size : 10px;
	color : #666666;
}
td.ttContent .innerBox {
	padding : 10px 10px 0px 10px;
}
td.ttContent .sideBox .image {
	float : left;
	width : 45px;
}
td.ttContent .sideBox .text {
	float : left;
	width : 280px;
}
td.ttContent .sideBox img {
	margin-top : 5px;
	margin-right : 9px;
}
td.ttContent .sideBox p {
	margin : 0px;
	padding-bottom : 0px;
	font-size : 10px;
	color : #666666;
}
td.ttContent .sideBox a,
td.ttContent .sideBox a:hover,
td.ttContent .sideBox a:visited {
	font-size : 14px;
	font-weight : bold;
	color : #4d7aa1;
}
td.ttContent .ttPrice {
    color : #cc6600;
    font-size : 14px;
}
td.ttContent .ttPriceHeader {
    color : #cc6600;
    font-size : 16px;
    font-weight : bold;
}

.setupMoreServices, setupMoreWorkersComp {
	border:1px solid #C0C0C0;
	font-weight:bold;
	font-size:14px;
	padding:10px 10px 20px 10px;
	margin-bottom:10px;
}

.setupMoreWorkersComp {
	background-color:#FFFFFF;
}

.setupMoreServices ul, .setupMoreWorkersComp ul {
	list-style-type: none;
	margin:0px;
	padding-top:0px;
}

.setupMoreServices li, .setupMoreWorkersComp li {
	font-size:12px;
	font-weight:normal;
	height:30px;
	padding-left:45px;
	padding-top: 10px;
	background-image: url("../images/moreServicesBullet.gif");
	background-repeat: no-repeat;
	background-position: 10px 0;
}

.setupMoreServices li a, .setupMoreWorkersComp li a {
	color:#0000CC;
	font-weight:bold;
	text-decoration:none;
}

.setupMoreServices li.setupMoreServicesFree, .setupMoreWorkersComp li.setupMoreServicesFree {
	background-image: url("../images/moreServicesBulletFree.gif");
	background-repeat: no-repeat;
	background-position: 10px 0;
}

.fn {
	font-size : 7pt;
}

.fn a:link, .fn a, .fn a:visited {
	font-size : 7pt;
}

.editHourlyItemsScrollableDiv {
	height : 167px;
	width : 215px;
	overflow-x: hidden;
	overflow-y: auto;
	margin-top : 10px;
	padding : 5px;
	border-style : solid;
	border-width : 1px;
	border-color : #7AA4CD;
}

input[type=text] {
    -webkit-appearance: none;
}

input[type=password] {
    -webkit-appearance: none;
}

.editHourlyItemsScrollableDiv tr td input {
	width : 177px;
}

.editHourlyItemsError {
	font-size : 14px;					/* Adaptive Path-specified */
	font-weight : bold;
	color : #CC0000;					/* Adaptive Path-specified */
}

.hourlyWagesDiv {
	padding-left: 50px;
	float : left;
	top:-20px;
    position : relative;
}

.nonHourlyWagesDiv {
	padding-left: 50px;
	float : left;
    position : relative;
}

.hourlyWagesCol1 {
	padding : 5px;
	width : 100px;
}
.nonHourlyWagesCol1 {
	padding : 5px;
}

.hourlyWagesCol2 {
	padding-left : 10px;
	width : 100px;
}

.clientEditExportAccntsAccountLabelTD span {
	font-size: 13px;
}

.clientEditExportAccntsBlueInfoText {
	font-size: 13px;
}

/* Apollo, regular One Page, and FTU One Page Employee Setup */
#disabledNewRecordDeleteButton,
#disabledNewRecordSaveButton {
	display: none;
}

/* Right-side Sample Paycheck */
div#CheckNPayStub div#sampleCheck {
	width: 500px;
	height: 200px;
}

div#CheckNPayStub {
    background:	url("../images/standard/setup/icons/checkNPayStubBackground.jpg") no-repeat scroll 0 0 transparent;
	width: 520px;
	height: 630px;
	top: 181px;							/* Per xD design - This needs to be 181px or else setupError yellow box <div> at the top of the page will bleed into Sample Paycheck <div> */
	padding: 14px 0 0 15px;
}

div#CheckNPayStub div#titleLine {
	height: 25px;
}

/* Left-side data entry section */
#eeSetup_form .ftuFormTable {
	width: 483px;						/* Per xD design - Narrow left side and move "Help & Support" link to be right-aligned with page invisible vertical line ~500px from the left side of the page */
	border-style: none;
	padding: 0px;
}

#eeSetup_form .ftuFormTable .setupError {	/* Yellow-boxed informational/server-side error messages on FTU One-Pager somewhere inside ftuFormTable */
	width: 469px;						/* Per xD design - This needs to be 469px when above ftuFormTable width is 483px or else setupError yellow box <div> width defined earlier will push Sample Paycheck to the right */
}

#eeSetup_form .ftuPageContinueButton {
	text-align: right;					/* Per xD design - Move "Continue" button to be right-aligned with page invisible vertical line ~500px from the left side of the page */
	padding-top: 5px;
}

#eeSetup_form .ftuPageHeader {
	border-bottom: 3px solid #4AA4E5;
	padding-top: 21px;					/* Per xD design - 25px height between top banner and Employee Name */
	padding-bottom: 3px;				/* Per xD design - 10px height between Employee Name and below blue line */
}

#eeSetup_form .ftuPageTitle {
	font-size: 18px;					/* Per xD design */
	font-weight: bold;					/* Per xD design */
	color: #333333;						/* Per xD design */
	float: left;
	word-wrap: break-word;				/* This allows a very long Employee Name to properly word wrap to the next line */
}

#eeSetup_form #ftuHelpAndSupport {
	float: right;
}

#eeSetup_form .ftuSectionHeader {
	background-color: #FFFFFF;
	height: 35px;
	padding-top: 21px;					/* Per xD design - 30px height between above blue line and this section */
}

#eeSetup_form .ftuSectionHeader2 {
	padding-top: 15px;					/* Per xD design - 24px height between above line and this section */
}

#eeSetup_form .ftuSectionHeader .ftuSectionNumber {
	font-size: 44px;					/* Per xD design */
	font-weight: bold;					/* Per xD design */
	color: #CCCCCC;						/* Per xD design */
	position: relative;
	top: 0px;							/* Per xD design - 30px height between above line and this number */
	left: 1px;							/* Per xD design - 24px ("1") or 22px ("2" and "3") width between page left side and number */
}

#eeSetup_form .ftuSectionHeader .ftuSectionName {
	font-size: 18px;
	font-weight: bold;
	color: #999999;
	padding-left: 9px;					/* Per xD design - 20px width between "1" and "FEDERAL…" */
	position: relative;
	top: -19px;							/* Per xD design - 30px height between above blue line and this section */
}

#eeSetup_form .ftuSectionIndent {
	padding-top: 3px;					/* Per xD design - 18px height between "FEDERAL AND STATE WITHHOLDING" and "Do you have a copy of IRS Form W-4 filled out by…?" text label */
	padding-left: 50px;
}

#eeSetup_form .ftuSectionSeparator {
	border-bottom: 1px solid #CCCCCC;
	margin-left: 35px;
	padding-top: 11px;					/* Per xD design - 30px height between radio buttons and horizontal line below them (30px with "Enter W-4 Info" button; 27px with "No W-4" help box) */
}

#eeSetup_form .ftuSectionSubSectionSeparator {
	border-bottom: 1px dotted #CCCCCC;
}

#eeSetup_form #w4FormToggleDiv {
    padding-top: 15px;
    padding-bottom: 15px;
}

#eeSetup_form  #w4FormToggleDiv #dataEntry input:nth-child(1) {
    margin-right: 5px;
}

#eeSetup_form  #w4FormToggleDiv #dataEntry input:nth-child(2) {
    margin-right: 5px;
    margin-left: 10px;
}

/* Temporary test page CSS */
#payEmployeesNowOrLater_form #introText {
	padding-top: 20px;
	padding-bottom: 30px;
}

#payEmployeesNowOrLater_form .boxTitle {
	font-weight: bold;
	padding-bottom: 20px;
}

#payEmployeesNowOrLater_form .infoBox {
	float: left;
	width: 275px;
	height: 220px;
	background-color: #F7F8F8;
	border: 1px solid #999999;
	text-align: center;
	padding: 15px;
}

#payEmployeesNowOrLater_form ul.payButton {
    float: none;
	padding-left: 36px;
	padding-left: 25px\9;				/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#payEmployeesNowOrLater_form ul.payButton {
	padding-left: 36px;
}
}

#payEmployeesNowOrLater_form ul.finishButton {
    float: none;
	padding-left: 63px;
	padding-left: 58px\9;				/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#payEmployeesNowOrLater_form ul.finishButton {
	padding-left: 63px;
}
}

#payEmployeesNowOrLater_form ul.payButton li {
    width: 200px;
	width: 182px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#payEmployeesNowOrLater_form ul.payButton li {
    width: 200px;
}
}

#payEmployeesNowOrLater_form ul.finishButton li {
    width: 148px;
	width: 130px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#payEmployeesNowOrLater_form ul.finishButton li {
    width: 148px;
}
}

#payEmployeesNowOrLater_form ul.payButton li a,
#payEmployeesNowOrLater_form ul.finishButton li a {
    text-align: center;
}

#payEmployeesNowOrLater_form ul.payButton li a {
	width: 182px;
}

#payEmployeesNowOrLater_form ul.finishButton li a {
	width: 130px;
}

#payEmployeesNowOrLater_form .boxText {
	text-align: left;
	padding-top: 35px;
	padding-top: 10px\9;				/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#payEmployeesNowOrLater_form .boxText {
	padding-top: 35px;
}
}

#payEmployeesNowOrLater_form .hoverText {
	color : blue;
	text-decoration: none;
}

#payEmployeesNowOrLater_form #boxGap {
	float: left;
	width: 25px;
}

#eeSetup_form .ftuSectionSubSection div,
#eeSetup_form .ftuSectionSubSection span,
#eeSetup_form .ftuSectionSubSection td {
	font-size: 12px;
}

#eeSetup_form .ftuSectionSubSection .ftuSectionSubSectionIndent {
	padding-left: 10px;
}

#eeSetup_form .ftuSectionSubSection .ftuSectionSubSectionTextLabel {
	padding-top: 7px;
}

#eeSetup_form .ftuSectionSubSection .additionalPayLine {
	padding-top: 5px;
	padding-bottom: 5px;
}

#eeSetup_form .ftuSectionSubSection .additionalPayLine #additionalPayLineLabel {
	vertical-align: top;
	white-space: nowrap;
}

#eeSetup_form .textLabel {
	font-weight: bold;					/* Per xD design - "Do you have a copy of IRS Form W-4 filled out by…?" = Arial Bold, 12px, #333333 */
	color: #333333;						/* Per xD design - "Do you have a copy of IRS Form W-4 filled out by…?" = Arial Bold, 12px, #333333 */
}

#eeSetup_form #deductSectionCheckboxDiv {
	padding-bottom: 10px;
	padding-left: 38px;					/* Per xD design - Left-indent checkbox and text 5px from "DEDUCTIONS (OPTIONAL)" section title text above it */
}

#eeSetup_form #deductSectionCheckboxDiv span {
	font-size: 12px;
	position: relative;
	left: 4px;
}

#eeSetup_form #deductSectionTable .deductSectionSubSectionRow {
	padding-bottom: 5px;
}

/* FTU One-Page EE Setup - Federal and State Withholding section */
#eeSetup_form #fedStateWithholdingW4ButtonDiv,
#eeSetup_form #fedStateWithholdingNoW4HelpBoxDiv,
#eeSetup_form #fedStateWithholdingContractorDiv {
	padding-top: 10px;
}

#eeSetup_form #fedStateWithholdingW4ButtonDiv span,
#eeSetup_form #fedStateWithholdingYesW4Div span,
#eeSetup_form #fedStateWithholdingYesNoW4Div div,
#eeSetup_form #fedStateWithholdingNoW4HelpBoxDiv div,
#eeSetup_form #fedStateWithholdingNoW4HelpBoxDiv span,
#eeSetup_form #fedStateWithholdingContractorDiv span {
	font-size: 12px;
}

#eeSetup_form #fedStateWithholdingYesW4Div .addressSSNRow {
	border-bottom: 1px solid #CCCCCC;
	padding-top: 13px;					/* Per xD design - 18px height between SSN" text line and above horizontal line */
	padding-bottom: 15px;				/* Per xD design - 18px height between 'Address" and "SSN" text line and below horizontal line*/
	padding-left: 10px;
}

#eeSetup_form #fedStateWithholdingYesNoW4Div #radioButtonsRow {
	padding-top: 5px;
}

#eeSetup_form #fedStateWithholdingYesNoW4Div #radioButtonsRow #contractorHelp,
#eeSetup_form #fedStateWithholdingW4ButtonDiv #contractorHelp {
	padding-left: 60px;
}

#eeSetup_form #fedStateWithholdingNoW4HelpBoxDiv #noW4Box {
	background-color: #F8F8FF;
	border: 1px solid #9BC6E6;
	border-radius: 10px;				/* CSS3 Rounded-corner box */
	-moz-border-radius: 10px;			/* CSS3 Rounded-corner box for older Firefox versions */
	-webkit-border-radius: 10px;		/* CSS3 Rounded-corner box for older Chrome/Safari versions */
}

#eeSetup_form #fedStateWithholdingNoW4HelpBoxDiv #noW4Title {
	font-size: 14px;
	font-weight: bold;
	color: #3E99DD;
	padding: 10px;
}

#eeSetup_form #fedStateWithholdingNoW4HelpBoxDiv #noW4Text1,
#eeSetup_form #fedStateWithholdingNoW4HelpBoxDiv #noW4Text2 {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#eeSetup_form #fedStateWithholdingNoW4HelpBoxDiv #tipText {
	font-weight: bold;
}

#eeSetup_form #fedStateWithholdingYesW4Div table.fedStateWithholding {
	width: 432px;						/* Per xD design - table as wide as page invisible vertical line ~500px from the left side of the page */
}

#eeSetup_form #fedStateWithholdingYesW4Div .fedStateWithholding,
#eeSetup_form #fedStateWithholdingYesW4Div .fedStateWithholdingFirstRow {
	padding-top: 10px;
}

#eeSetup_form #fedStateWithholdingYesW4Div .fedStateWithholding td {
	font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#eeSetup_form #fedStateWithholdingYesW4Div .fedStateWithholdingLabel,
#eeSetup_form #fedStateWithholdingYesW4Div .fedStateWithholdingHeaderBlankRow1,
#eeSetup_form #fedStateWithholdingYesW4Div .fedStateWithholdingHeaderBlankRow2,
#eeSetup_form #fedStateWithholdingYesW4Div .fedStateWithholdingHeaderRow1,
#eeSetup_form #fedStateWithholdingYesW4Div .fedStateWithholdingHeaderRow2,
#eeSetup_form #fedStateWithholdingYesW4Div .fedStateWithholdingField {
	padding-right: 10px;
	padding-left: 10px;
}

#eeSetup_form #fedStateWithholdingYesW4Div .fedStateWithholdingLabel {
	background-color: #EEEEEE;
	width: 85px;						/* Per xD design - forces automatic word-wrap of "Additional Withholdings" to two lines */
}

#eeSetup_form #fedStateWithholdingYesW4Div .fedStateWithholdingHeaderBlankRow2 {
	border-bottom: 2px solid #EEEEEE;
}

#eeSetup_form #fedStateWithholdingYesW4Div td.fedStateWithholdingHeaderStateInfoHelp {
	line-height: 15px;
	padding-top: 10px;
	text-align: right;					/* Per xD design - right-aligns help link with page invisible vertical line ~500px from the left side of the page */
}

#eeSetup_form #fedStateWithholdingYesW4Div td.fedStateWithholdingHeaderRow1 {
	font-weight: bold;
	background-color: #EEEEEE;
	text-align: center;
	white-space: nowrap;
}

#eeSetup_form #fedStateWithholdingYesW4Div td.fedStateWithholdingHeaderRow2 {
	font-weight: bold;
	background-color: #EEEEEE;
	border-bottom: 2px solid #CCCCCC;
	text-align: center;
	white-space: nowrap;
}

#eeSetup_form #fedStateWithholdingYesW4Div .fedStateWithholdingField,
#eeSetup_form #fedStateWithholdingYesW4Div .fedStateWithholdingFieldFed {
	border-bottom: 1px dotted #CCCCCC;
	text-align: center;
}

#eeSetup_form #fedStateWithholdingYesW4Div .fedStateWithholdingFieldFed {
	border-right: 1px solid #EEEEEE;
}

#eeSetup_form #TexarkanaMessage {
	padding-bottom: 20px;
}

/* W-4 Federal Withholding modal dialog (replaces One-Page Employee Setup Name & Address dialog for FTU One-Page EE Setup) */
/* Override Yahoo YUI modal dialog body and footer attributes */
#EmployeeW4Withholding .bd,
#EmployeeW4Withholding .ft {
	background-color: #FFFFFF;
	border-color: #000000;
}

#EmployeeW4Withholding #modalDialogBody {
	padding-bottom: 30px;
	padding-top: 0px;
}

#EmployeeW4Withholding #modalDialogBody .dialogRow {
	padding-top: 8px;
}

#EmployeeW4Withholding #modalDialogBody .labelStyle {
	color: #808080;
}

#EmployeeW4Withholding #modalDialogBody .stepNumber {
	font-weight: normal;
}

#EmployeeW4Withholding #modalDialogBody #nameSection {
	float: left;
	height: 55px;
	width: 428px;
	width: 408px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 12px;
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#EmployeeW4Withholding #modalDialogBody #nameSection {
	width: 428px;
}
}

#EmployeeW4Withholding #modalDialogBody #nameSectionFields,
#EmployeeW4Withholding #modalDialogBody #addressSection,
#EmployeeW4Withholding #modalDialogBody #cityStateZipSection {
	padding-left: 20px;
}

#EmployeeW4Withholding #modalDialogBody #addressSection,
#EmployeeW4Withholding #modalDialogBody #cityStateZipSection {
	float: left;
	width: 408px;
}

#EmployeeW4Withholding #modalDialogBody #addressSection {
	height: 58px;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 12px;
	padding-bottom: 13px\9;				/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#EmployeeW4Withholding #modalDialogBody #addressSection {
	padding-bottom: 12px;
}
}

#EmployeeW4Withholding #modalDialogBody #firstNameLabel {
	padding-left: 9px;
	padding-left: 8px\9;				/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#EmployeeW4Withholding #modalDialogBody #firstNameLabel {
	padding-left: 9px;
}
}

#EmployeeW4Withholding #modalDialogBody #middleInitialLabel {
	padding-left: 108px;
	padding-left: 109px\9;				/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#EmployeeW4Withholding #modalDialogBody #middleInitialLabel {
	padding-left: 108px;
}
}

#EmployeeW4Withholding #modalDialogBody #lastNameLabel {
	padding-left: 21px;
}

#EmployeeW4Withholding #modalDialogBody #middleInitialField,
#EmployeeW4Withholding #modalDialogBody #lastNameField {
	padding-left: 18px;
}

#EmployeeW4Withholding #modalDialogBody #firstName,
#EmployeeW4Withholding #modalDialogBody #lastName,
#EmployeeW4Withholding #modalDialogBody #homeAddress_PERIODPUNC_address1,
#EmployeeW4Withholding #modalDialogBody #homeAddress_PERIODPUNC_city {
	width: 155px;						/* Required to force Mac Safari input field widths to be consistent with other browsers */
}

#EmployeeW4Withholding #modalDialogBody #middleInitial {
	width: 27px;						/* Required to force Mac Safari input field widths to be consistent with other browsers */
}

#EmployeeW4Withholding #modalDialogBody #cityStateZipSection {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 12px;
	padding-bottom: 13px\9;				/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#EmployeeW4Withholding #modalDialogBody #cityStateZipSection {
	padding-bottom: 12px;
}
}

#EmployeeW4Withholding #modalDialogBody .cityStateZipSectionNoCountyHeight {
	height: 54px;
}

#EmployeeW4Withholding #modalDialogBody .cityStateZipSectionYesCountyHeight {
	height: 110px;
}

#EmployeeW4Withholding #modalDialogBody #stateLabel {
	padding-left: 92px;
	padding-left: 91px\9;				/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#EmployeeW4Withholding #modalDialogBody #stateLabel {
	padding-left: 92px;
}
}

#EmployeeW4Withholding #modalDialogBody #zipCodeLabel {
	padding-left: 84px;
	padding-left: 83px\9;				/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#EmployeeW4Withholding #modalDialogBody #zipCodeLabel {
	padding-left: 84px;
}
}

#EmployeeW4Withholding #modalDialogBody #stateField {
	padding-left: 10px;
}

#EmployeeW4Withholding #modalDialogBody #zipCodeField {
	padding-left: 10px;
}

#EmployeeW4Withholding #modalDialogBody #ssnSection {
	height: 55px;
	width: 390px;
	width: 420px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding-bottom: 12px;
	padding-left: 10px;
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#EmployeeW4Withholding #modalDialogBody #ssnSection {
	width: 390px;
}
}

#EmployeeW4Withholding #modalDialogBody #ssnLabel {
	padding-left: 9px;
}

#EmployeeW4Withholding #modalDialogBody #ssnField {
	padding-left: 20px;
}

#EmployeeW4Withholding #modalDialogBody #ssnSection,
#EmployeeW4Withholding #modalDialogBody #filingStatusSection,
#EmployeeW4Withholding #modalDialogBody #doesNotApplySection,
#EmployeeW4Withholding #modalDialogBody #allowancesLabel,
#EmployeeW4Withholding #modalDialogBody #addWithholdingLabel {
	float: left;
}

#EmployeeW4Withholding #modalDialogBody #filingStatusSection {
	height: 58px;
	width: 390px;
	width: 420px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding-bottom: 12px;
	padding-left: 10px;
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#EmployeeW4Withholding #modalDialogBody #filingStatusSection {
	width: 390px;
}
}

#EmployeeW4Withholding #modalDialogBody #filingStatusSingleRadio {
	color: #808080;
	padding-left: 5px;
}

#EmployeeW4Withholding #modalDialogBody #filingStatusMarriedSingleRadio {
	color: #808080;
	padding-left: 14px;
}

#EmployeeW4Withholding #modalDialogBody #filingStatusMarriedRadio {
	color: #808080;
	padding-left: 17px;
}

#EmployeeW4Withholding #modalDialogBody #filingStatusDoNotWithholdRadio {
	color: #808080;
	padding-left: 5px;
}

#EmployeeW4Withholding #modalDialogBody #doesNotApplySection {
	width: 390px;
	width: 420px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding-bottom: 12px;
	padding-left: 10px;
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#EmployeeW4Withholding #modalDialogBody #doesNotApplySection {
	width: 390px;
}
}

#EmployeeW4Withholding #modalDialogBody .doesNotApplySectionNoCountyHeight {
	height: 54px;
	height: 69px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#EmployeeW4Withholding #modalDialogBody .doesNotApplySectionNoCountyHeight {
	height: 54px;
}
}

#EmployeeW4Withholding #modalDialogBody .doesNotApplySectionYesCountyHeight {
	height: 110px;
	height: 123px\9;					/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#EmployeeW4Withholding #modalDialogBody .doesNotApplySectionYesCountyHeight {
	height: 110px;
}
}

#EmployeeW4Withholding #modalDialogBody #doesNotApplyText {
	padding-left: 10px;
}

#EmployeeW4Withholding #modalDialogBody .allowancesAddWithholdingLabel {
	padding-left: 9px;
}

#EmployeeW4Withholding #modalDialogBody #allowancesSection {
	padding-top : 8px;
}

#EmployeeW4Withholding #modalDialogBody #allowancesFieldSection {
	float: left;
	width: 236px;
	width: 235px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 4px;
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#EmployeeW4Withholding #modalDialogBody #allowancesFieldSection {
	width: 236px;
}
}

#EmployeeW4Withholding #modalDialogBody .allowancesFieldSectionLabel {
	border-left: 1px solid #CCCCCC;
	padding-right: 4px;
	padding-bottom: 8px;
	padding-left: 10px;
}

#EmployeeW4Withholding #modalDialogBody #allowancesLabel {
	width: 593px;
	padding-top: 5px;
	padding-top: 6px\9;					/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#EmployeeW4Withholding #modalDialogBody #allowancesLabel {
	padding-top: 5px;
}
}

#EmployeeW4Withholding #modalDialogBody #allowancesField {
	font-size: 12px;
	border-left: 1px solid #CCCCCC;
	padding-bottom: 8px;
	padding-left: 23px;
}

#EmployeeW4Withholding #modalDialogBody #addWithholdingSection {
	padding-top : 4px;
}

#EmployeeW4Withholding #modalDialogBody #addWithholdingFieldSection {
	float: left;
	width: 236px;
	width: 235px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
	border-bottom: 1px solid #CCCCCC;
	margin-left: -1px;
	padding-bottom: 4px;
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#EmployeeW4Withholding #modalDialogBody #addWithholdingFieldSection {
	width: 236px;
}
}

#EmployeeW4Withholding #modalDialogBody .addWithholdingFieldSectionLabel {
	border-left: 1px solid #CCCCCC;
	padding-right: 9px;
	padding-bottom: 8px;
	padding-left: 10px;
}

#EmployeeW4Withholding #modalDialogBody #addWithholdingLabel {
	width: 594px;
	padding-top: 5px;
	padding-top: 6px\9;					/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#EmployeeW4Withholding #modalDialogBody #addWithholdingLabel {
	padding-top: 5px;
}
}

#EmployeeW4Withholding #modalDialogBody #addWithholdingDollarSignLabel {
	color: #808080;
	border-left: 1px solid #CCCCCC;
	padding-bottom: 8px;
	padding-left: 11px;
}

#EmployeeW4Withholding #modalDialogBody #addWithholdingField {
	padding-bottom: 8px;
}

/* FTU One-Page EE Setup - Pay section */
table.ftuOPSetup_PayInfo {
	width: 100%;						/* 100% width moved from <TABLE> tag */
	width: 87%\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode; 87% or else this table extends too far to the right and long descriptions get cut off */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
table.ftuOPSetup_PayInfo {
	width: 100%;
}
}

.ftuOPSetup_PayInfo #howOftenPayScheduleRow {
	padding-top: 4px;					/* Per xD design - 10px height between "Pay Schedule" and "How often do you pay…?" text label */
	padding-bottom: 5px;				/* Per xD design - 8px height between "How often do you pay…?" text label and controls on the next line */
}

.ftuOPSetup_PayInfo .howMuchPaidNonHourlyStyle,
.ftuOPSetup_PayInfo .howMuchPaidHourlyStyle {
	width: 215px;
	padding-top: 5px;					/* Per xD design - 10px height between "Pay Rate" and "How much do you pay…?" text label */
	padding-bottom: 0px;				/* Per xD design - 8px height between "How much do you pay…?" text label and controls on the next line */
}

.ftuOPSetup_PayInfo .howMuchPaidHourlyStyle {
	vertical-align: top;
}

.ftuOPSetup_PayInfo #selectPayRateType #payRateCol #salary_payRate .note {
	padding-left: 181px;
}

.ftuOPSetup_PayInfo #selectPayRateType #payRateType,
.ftuOPSetup_PayInfo #selectPayRateType #hourly_payRate select {
	width: 165px;
}

.ftuOPSetup_PayInfo #selectPayRateType #hourly_payRate {
}

.ftuOPSetup_PayInfo #selectPayRateType #hourly_payRate .hourlyWagesRow {
	line-height: 27px;
}

.ftuOPSetup_PayInfo #selectPayRateType #hourly_payRate img {
	vertical-align: middle;
}

.ftuOPSetup_PayInfo #selectPayRateType #hourly_payRate .addHourlyRateLink {
    font-size: 12px;
	line-height: 25px;
	padding-left: 190px;
}

#eeSetup_form .advancedPayType,
#eeSetup_form .basicPayType {
    width: 450px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #999999;
}

#eeSetup_form .displayNone,
#payTypesModalForm .displayNone {
    display: none;
}

#eeSetup_form .addPayTypeLink,
#payTypesModalForm .addPayTypeLink {
    font-size: 12px;
    left: -15px;
    position: relative;
}

#payTypesModalForm .allPayType {
    width: 695px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #999999;
}

#payTypesModalForm .payTypesScrollingDiv {
	height: 400px;
	overflow: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #7AA4CD;
}

/* FTU One-Page EE Setup -> Payment Method */
#eeSetup_form .paymentMethodStatus {
	display: none;
}

#eeSetup_form .paymentMethodStatus #paperCheckText {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#eeSetup_form .emphasisColor,
#DirectDepositHub .emphasisColor {
	color: red;
}

/* FTU One-Page EE Setup -> Payment Methods -> Setup Direct Deposit -> Direct Deposit Hub Dialog */
#DirectDepositHub .directDepositHub {
    float: left;
    vertical-align: top;
    padding-top: 7px;
    padding-bottom: 7px;
    height: 245px;
	height: 239px\9;
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#DirectDepositHub .directDepositHub {
    height: 245px;
}
}

#DirectDepositHub .ddHub_panel {
    padding-left: 10px;
    padding-right: 5px;
    width: 250px;
	width: 263px\9;
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#DirectDepositHub .ddHub_panel {
    width: 250px;
}
}

#DirectDepositHub .ddHub_center {
    background:	url("../images/standard/setup/icons/carat_big.gif") no-repeat scroll right top transparent;
    padding-left: 8px;
    width: 15px;
	width: 23px\9;
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#DirectDepositHub .ddHub_center {
    width: 15px;
}
}

#DirectDepositHub .ddHub_header {
    padding-bottom: 20px;
    text-align: center;
}

#DirectDepositHub .ddHub_header span {
    display: block;
	padding-top: 9px;
    font-family: Arial;
    font-size: 18px;
    color: #739dc6;
}

#DirectDepositHub .ddHub_description {
    color: #444444;
    font-size: 12px;
    padding-right: 5px;
    padding-left: 5px;
    vertical-align: top;
    height: 130px;
}

#DirectDepositHub .directDepositHub div a { /* Font size for the faq link */
	font-size: 12px;
}

#DirectDepositHub .directDepositHub .ddHub_faq {
	text-align: center;
}

#DirectDepositHub .directDepositHub .ddHub_button {
	text-align: center;
}

#DirectDepositHub .ddHub_NotNowLink {
    text-align: right;
    padding-top: 10px;
    padding-right: 10px;
    font-size: 12px;
}

/* FTU One-Page EE Setup -> Payment Methods -> Setup Direct Deposit -> Direct Deposit Hub Dialog -> Employee Bank Info */
#EmployeeBankInfoTabGroup {
	float: left;
	width: 240px;
	padding-top: 20px;
}

#EmployeeBankInfoTabGroup .tab {
	background-color: none;
	position: relative;
	left: 1px;
	padding: 14px 1px;
}

#EmployeeBankInfoTabGroup .tab-selected {
	background-color: white;
	position: relative;
	left: 1px;
	border-right-style: none;
	padding: 13px 0px;
}

#EmployeeBankInfoTabGroup .tab-selected-Check {
	background-color: white;
	position: relative;
	left: 1px;
	padding: 13px 0px;
}

#EmployeeBankInfoPanelGroup {
	float: left;
	width: 538px;
	width: 564px\9;		/* Special width just for IE */
	min-height: 180px;
	padding-left: 15px;
	padding-right: 15px;
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#EmployeeBankInfoPanelGroup {
	width: 538px;
}
}

#EmployeeBankInfoPanelGroup .panel {
	margin-top: 15px;
	margin-bottom: 15px;
}

#EmployeeBankInfoPanelGroup .panelHeader {
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 5px;
	text-align: left;
}

#EmployeeBankInfoPanelGroup .labelColumn { /* In quirks mode IE can't use td:first-child */
	text-align: right;
	font-size: 12px;
	padding-right: 10px;
	width: 120px;
}

#EmployeeBankInfoPanelGroup .inputText { /* In quirks mode IE can't use input[type=text] */
	width: 100%;
}

#EmployeeBankInfoPanelGroup .inputRadio {
	font-size: 12px;
}

#EmployeeBankInfoPanelGroup .sampleCheckImage {
	float: right;
	overflow: hidden;
	margin-bottom: 20px;
}

#EmployeeBankInfoPanelGroup .sampleCheckImage img {
	width: 352px;
	height: 176px;
	margin: 0px -130px 0px 0px;
}

/* FTU One-Page EE Setup -> Payment Method -> Workers Compensation */
#eeSetup_form .workersCompensation {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
}

/* FTU One-Page EE Setup - Deductions/Contributions/Garnishments section */
#sectionDeductionInfo .setupDeductionInfoTh {
	font-weight: bold;
	color: #000000;
}

#sectionDeductionInfo .setupDeductionTableTh {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	border-bottom: 2px solid #CCCCCC;
	padding-top: 10px;
}

#sectionDeductionInfo .setupDeductsTable {
	padding-left: 20px;
}

#sectionDeductionInfo .setupDeductsFill {
	background-color: #FFFFFF;
	border: 0;
}

#sectionDeductionInfo .setupDeductsFill td {
	background-color: #FFFFFF;
	border-bottom: 1px dotted #CCCCCC;
	padding-right: 50px;
}

#sectionDeductionInfo .setupDeductsFill td.editIcon,
#sectionDeductionInfo .setupDeductsFill td.deleteIcon {
	padding-right: 10px;
}

#sectionDeductionInfo .setupDeductsAdd {
	padding-top: 5px;
}

#sectionDeductionInfo th {
	text-align: left;
}

/* Prior Payrolls (History) Setup */
#historyQuestions {
	margin-top: 0px\9;					/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode; Needed or else there is a blank line preceeding the form; no negative effect in IE10 HTML5-based Quirks mode */
}

#historyQuestionsForm #haveYouPaidEmpsText,
#historyQuestions #haveYouPaidEmpsText {
	font-weight: bold;
}

#historyQuestions #addRadioBtnQuestions {
	padding-left: 50px;
}

#historyQuestions #lastRadioBtnQuestionText {
    font-weight: bold;
	padding-left: 0px;
}

.ftu_help_tooltip {
	background-color: #F8F8FF;
	border: 1px solid #9BC6E6;
	border-radius: 10px;				/* CSS3 Rounded-corner box */
	-moz-border-radius: 10px;			/* CSS3 Rounded-corner box for older Firefox versions */
	-webkit-border-radius: 10px;		/* CSS3 Rounded-corner box for older Chrome/Safari versions */
}

.ftu_help_tooltip_title {
	font-size: 14px;
	font-weight: bold;
	color: #3E99DD;
	padding: 10px;
}

.ftu_help_tooltip_text1 {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/* Prior Payrolls (History) Employees and Employer Overview pages (eeYtdOverview.jsp, erCurrQtrOverview.jsp) */
#EEPayHistoryTable {
	padding-top: 10px;
}

#EEPayHistoryTable .eeColumn {
	position: relative;
	width: 100%;
	height: 100%;
}

#ERPayHistoryTable {
	position: relative;
	padding-top: 10px;
}

#EEPayHistoryTable .eeColumn .linkStyle,
#ERPayHistoryTable .linkStyle {
	text-decoration: none;
}

#EEPayHistoryTable .eeColumn .outerDiv {
	position: absolute;
	top: 33px;
	left: 8%;
	width: 81%;
	width: 100%\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
	height: 79%;
	height: 153px\9;					/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
	background-color: #FFFFFF;
	border: 1px solid #BBD1E8;
	border-radius: 5px;					/* CSS3 Rounded-corner box */
	-moz-border-radius: 5px;			/* CSS3 Rounded-corner box for older Firefox versions */
	-webkit-border-radius: 5px;			/* CSS3 Rounded-corner box for older Chrome/Safari versions */
	cursor: pointer;					/* Required for IE to show anchor link hand pointer when mouse-hovering over <div> */
}

#ERPayHistoryTable .outerDiv {
	position: absolute;
	top: 71px;
	top: 60px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
	right: 9px;
	right: 11px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
	width: 132px;
	width: 131px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
	height: 150px;
	background-color: #FFFFFF;
	border: 1px solid #BBD1E8;
	border-radius: 5px;					/* CSS3 Rounded-corner box */
	-moz-border-radius: 5px;			/* CSS3 Rounded-corner box for older Firefox versions */
	-webkit-border-radius: 5px;			/* CSS3 Rounded-corner box for older Chrome/Safari versions */
	cursor: pointer;					/* Required for IE to show anchor link hand pointer when mouse-hovering over <div> */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#EEPayHistoryTable .eeColumn .outerDiv {
	width: 81%;
	height: 79%;
}

#ERPayHistoryTable .outerDiv {
	top: 69px;
}
}

#EEPayHistoryTable .eeColumn .outerDiv .middleDiv,
#ERPayHistoryTable .outerDiv .middleDiv {
	display: table;
	position: absolute;
	#position: relative;				/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode; ignored in IE10 HTML5-based Quirks mode */
	width: 100%;
	height: 100%;
	top: 0px\9;							/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode; no negative effect in IE10 HTML5-based Quirks mode */
	left: 0px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode; no negative effect in IE10 HTML5-based Quirks mode */
}

#EEPayHistoryTable .eeColumn .outerDiv .middleDiv .innerdiv,
#ERPayHistoryTable .outerDiv .middleDiv .innerdiv {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	#position: absolute;				/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode; ignored in IE10 HTML5-based Quirks mode */
	top: 50%\9;							/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode; no negative effect in IE10 HTML5-based Quirks mode */
	left: 50%\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode; no negative effect in IE10 HTML5-based Quirks mode */
}

#EEPayHistoryTable .eeColumn .outerDiv .middleDiv .innerDiv p,
#ERPayHistoryTable .outerDiv .middleDiv .innerDiv p {
	color: #4D7AA1;
	#position: relative;				/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode; ignored in IE10 HTML5-based Quirks mode */
	top: -50%\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode; no negative effect in IE10 HTML5-based Quirks mode */
	left: -50%\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode; no negative effect in IE10 HTML5-based Quirks mode */
}

#EEPayHistoryTable td,
#ERPayHistoryTable td {
    padding-top: 5px;
    padding-bottom: 5px;
}

#EEPayHistoryTable #tableTitle,
#ERPayHistoryTable #tableTitle {
	font-weight: bold;
	padding-left: 20px;
}

#EEPayHistoryTable .headerCell,
#ERPayHistoryTable .headerCell {
	min-width: 75px;
	text-align: center;
	border-top: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
	border-bottom: 2px solid #D7D7D7;
	padding-right: 10px;
	padding-left: 10px;
	white-space: nowrap;
}

#ERPayHistoryTable .payDateHeaderCell {
	font-weight: bold;
	text-align: left;
}

#EEPayHistoryTable .blankHeaderCell,
#ERPayHistoryTable .blankHeaderCell {
	border-top: 1px solid #FFFFFF;
}

#EEPayHistoryTable .itemNameCell {
	white-space: nowrap;				/* Since EEPayHistoryTable is technically a set of independent HTML <TABLE>'s, to avoid vertical mis-alignment, do not allow the Item Name cell to word-wrap for now until we convert to a single <TABLE> */
}

#EEPayHistoryTable .itemNameCell,
#ERPayHistoryTable .itemNameCell {
	text-align: left;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px dotted #D7D7D7;
	padding-right: 10px;
	padding-left: 10px;
}

#EEPayHistoryTable .itemNameHeaderCell,
#ERPayHistoryTable .itemNameHeaderCell {
	font-weight: bold;
	background-color: #F0F0F0;
}

#EEPayHistoryTable .valueCell,
#ERPayHistoryTable .valueCell {
	text-align: right;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px dotted #D7D7D7;
	padding-right: 10px;
	padding-left: 10px;
}

#EEPayHistoryTable .allEmployeesCell,
#ERPayHistoryTable .totalQTDCell {
	font-weight: bold;
	border-left: 1px solid #D7D7D7;
}

#EEPayHistoryTable #tableLinks,
#ERPayHistoryTable #tableLinks {
	padding-top: 5px;
	padding-left: 10px;
}

#EEPayHistoryTable #pageButtons {
	padding-top: 20px;
	padding-left: 10px;
}

/* Prior Payrolls (History) Employees Dates Paid dialog */
#EEHistoryDatesPaid #eePaidBeforeThisQuarterSection {
	padding-top: 5px;
}

#EEHistoryDatesPaid .eeHistoryDatesPaidQuestionText {
	padding-bottom:5px;
}

#EEHistoryDatesPaid .eeHistoryDatesPaidNoRadio {
	padding-left: 10px;
}

/* Prior Payrolls (History) Employees YTD Values dialog */
#EEHistoryYtdValues #eeHistoryYtdValuesHelpLink {
	white-space: nowrap;
}

#EEHistoryYtdValues #eEHistoryYtdValuesModalForm {
	padding-top: 1px\9;					/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode; needed or else the <form> has 20px top padding for some reason */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#EEHistoryYtdValues #eEHistoryYtdValuesModalForm {
	padding-top: 0px;
}
}

#EEHistoryYtdValues #eeHistoryYtdValuesMainDiv.scrollingDiv {
	height: 400px;
	overflow: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #7AA4CD;
}

#EEHistoryYtdValues #eeHistoryYtdValuesMainDiv #eeHistoryYtdValuesMainTable #netPayTableText {
	font-size: 12px;
	height: 25px;
	width: 250px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode; needed to force text to span across at least two columns even though this <td> already has "colspan=4"; ignored in IE10 HTML5-based Quirks mode */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#EEHistoryYtdValues #eeHistoryYtdValuesMainDiv #ytdItemNameTable,
#EEHistoryYtdValues #eeHistoryYtdValuesMainDiv #ytdTodayTable,
#EEHistoryYtdValues #eeHistoryYtdValuesMainDiv #ytdCurrQtrTable,
#EEHistoryYtdValues #eeHistoryYtdValuesMainDiv #ytdPrevQtrTable {
	#border-collapse: collapse;			/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode; needed or else in IE8/IE9 Quirks mode these tables will have cellspacing; ignored in IE10 HTML5-based Quirks mode */
}

#EEHistoryYtdValues #eeHistoryYtdValuesMainDiv td {
	height: 35px;
	width: 150px;
}

#EEHistoryYtdValues #eeHistoryYtdValuesMainDiv .headerCell {
	height: 37px;
	text-align: center;
	border-bottom: 2px solid #D7D7D7;
	padding-right: 10px;
	padding-left: 10px;
}

#EEHistoryYtdValues #eeHistoryYtdValuesMainDiv .ytdHeaderCell {
	font-weight: bold;
}

#EEHistoryYtdValues #eeHistoryYtdValuesMainDiv .itemNameCell {
	text-align: left;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px dotted #D7D7D7;
	padding-right: 10px;
	padding-left: 10px;
}

#EEHistoryYtdValues #eeHistoryYtdValuesMainDiv .itemNameHeaderCell {
	font-weight: bold;
	background-color: #F0F0F0;
	height: 25px;
}

#EEHistoryYtdValues #eeHistoryYtdValuesMainDiv .ytdValueCell {
	text-align: center;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px dotted #D7D7D7;
	padding-right: 10px;
	padding-left: 10px;
	white-space: nowrap;
}

#EEHistoryYtdValues #eeHistoryYtdValuesMainDiv .ytdValueCell input {
	width: 75px;
	text-align: right;
}

#EEHistoryYtdValues #eeHistoryYtdValuesMainDiv .ytdValueHeaderCell {
	background-color: #F0F0F0;
	height: 25px;
}

#EEHistoryYtdValues #eeHistoryYtdValuesMainDiv #itemNameCol,
#EEHistoryYtdValues #eeHistoryYtdValuesMainDiv .blankHeaderCell,
#EEHistoryYtdValues #eeHistoryYtdValuesMainDiv .itemNameCell {
	width: 350px;
}

/* If HTML tables are ever converted into a single HTML table in EE History modal dialog, then the following commented out CSS will be utilized */
/*
#EEHistoryYtdValues #eeHistoryYtdValuesMainDiv .ytdQtrTDHide {
	display: none;
}

#EEHistoryYtdValues #eeHistoryYtdValuesMainDiv .ytdQtrTDShow {
	display: table-cell;
}

#EEHistoryYtdValues #eeHistoryYtdValuesMainDiv .tdHide {
	height: 0px;
	width: 0px;
}

#EEHistoryYtdValues #eeHistoryYtdValuesMainDiv .tdShow {
	height: 35px;
	width: 150px;
}
*/

/* Prior Payrolls (History) Employer Overview page (erCurrQtrOverview.jsp) */
#ERHistoryIntroText {
	padding-left: 25px;
}

#ERHistoryIntroText ol {
	margin-left: 0px;					/* Required in IE Quirks mode or else <li> tags indent */
	padding-left: 0px;					/* Required in non-IE browsers and IE Standards mode or else <li> tags indent */
}

/* Prior Payrolls (History) Employer Current Quarter Totals dialog */
#ERHistoryCurrQtrTotals #erHistoryCurrQtrTotalsHelpLink {
	white-space: nowrap;
}

#ERHistoryCurrQtrTotals #eRHistoryCurrQtrTotalsModalForm {
	padding-top: 1px\9;					/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode; needed or else the <form> has 20px top padding for some reason */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#ERHistoryCurrQtrTotals #eRHistoryCurrQtrTotalsModalForm {
	padding-top: 0px;
}
}

#ERHistoryCurrQtrTotals #erHistoryCurrQtrTotalsMainDiv.scrollingDiv {
	height: 400px;
	overflow: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #7AA4CD;
}

#ERHistoryCurrQtrTotals #erHistoryCurrQtrTotalsMainDiv .headerCell {
	text-align: center;
	border-top: 2px solid #D7D7D7;
	border-top: 1px solid #D7D7D7\9;	/* border-top needs to be 1px instead of 2px for IE Quirks mode. Otherwise, due to IE Quirks mode bug, 1px dotted border-bottom for headerCell displays as dashes */
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px dotted #D7D7D7;
	padding-right: 10px;
	padding-left: 10px;
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#ERHistoryCurrQtrTotals #erHistoryCurrQtrTotalsMainDiv .headerCell {
	border-top: 2px solid #D7D7D7;
}
}

#ERHistoryCurrQtrTotals #erHistoryCurrQtrTotalsMainDiv .itemNameCell {
	width: 350px;
	height: 30px;
	text-align: left;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px dotted #D7D7D7;
	padding-right: 10px;
	padding-left: 10px;
}

#ERHistoryCurrQtrTotals #erHistoryCurrQtrTotalsMainDiv .itemNameHeaderCell {
	font-weight: bold;
	background-color: #F0F0F0;
	height: 25px;
}

#ERHistoryCurrQtrTotals #erHistoryCurrQtrTotalsMainDiv .valueCell {
	width: 110px;
	height: 30px;
	text-align: left;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px dotted #D7D7D7;
	padding-right: 10px;
	padding-left: 10px;
	white-space: nowrap;
}

#ERHistoryCurrQtrTotals #erHistoryCurrQtrTotalsMainDiv .valueHeaderCell {
	font-weight: bold;
	background-color: #F0F0F0;
	width: 110px;
	height: 25px;
}

#ERHistoryCurrQtrTotals #erHistoryCurrQtrTotalsMainDiv .valueCell input {
	width: 75px;
	text-align: right;
}

#ERHistoryCurrQtrTotals #erHistoryCurrQtrTotalsMainDiv #payDateCell #popupCalContainerModal {
	width: 196px;						/* Width 196px needed or else the displayed YUI calendar's width is too narrow due to it being in a narrow dialog */
	width: 218px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode; Width 218px needed or else the displayed YUI calendar's width is too narrow due to it being in a narrow dialog */
	display: none\9;					/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode; needed or else when the scrolling div box is present, this div adds to the box content width and the box displays with a horizontal scrollbar; ignored in IE10 HTML5-based Quirks mode */
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#ERHistoryCurrQtrTotals #erHistoryCurrQtrTotalsMainDiv #payDateCell #popupCalContainerModal {
	width: 196px;
}
}

/* Prior Payrolls (History) Reconciliation Overview page (pcHistoryErCurrQReconcile.jsp, etc.) */
.reconcileIntroText {
	width: 735px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#pcHistoryContinue .buttonRow,
#pcHistoryForm .buttonRow,
#pcHistoryTopForm .buttonRow,
#pcHistoryBottomForm .buttonRow {
	width: 735px;
	text-align: right;
	padding-top: 5px;
}

.reconcileTable td {
	height: 25px;
}

.reconcileTable .headerCell {
	font-weight: bold;
	background-color: #F0F0F0;
	min-width: 75px;
	height: 30px;
	text-align: center;
	border-top: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
	border-bottom: 2px solid #D7D7D7;
	padding-right: 10px;
	padding-left: 10px;
	white-space: nowrap;
}

.reconcileTable .itemNameCell {
	text-align: left;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px dotted #D7D7D7;
	padding-right: 10px;
	padding-left: 10px;
}

.reconcileTable .valueCell {
	text-align: right;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px dotted #D7D7D7;
	padding-right: 10px;
	padding-left: 10px;
}

.reconcileTable .valueCellDollarValueInput input {
	text-align: right;
}

.reconcileTable .firstColCell {
	border-left: 1px solid #D7D7D7;
}

.reconcileTable .colSpannedCell {
	text-align: center;
}

/* Prior Payrolls (History) Gross up pages */
#grossupForm, #grossupEeTaxesForm {
	margin-top: 0px\9;					/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode; Needed or else there is a blank line preceeding the form; no negative effect in IE10 HTML5-based Quirks mode */
}
#grossupForm .currentQuarterTable {
	margin-left: 20px;
}
#grossupForm .empNameHeader {
	text-align: center;
}
#grossupForm .empDateCell {
	width: 135px;
}
#grossupForm .empAmountCell {
	width: 100px;
}
#grossupForm .addPayDateLink {
	margin-left: 30px;
}

/* Tax Setup pages */
#intialTaxSetup_form, #stateTaxSetup_form, #federalTaxSetup_form, #combinedTaxSetup_form {
	margin-top: 0px\9;					/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode; Needed or else there is a blank line preceeding the form; no negative effect in IE10 HTML5-based Quirks mode */
}

/* -------------------------------------------------------------------------------*/
/********** Added styles for Intego Worker's Comp Free Quote Request pages ********/
/* -------------------------------------------------------------------------------*/
/* PAYCYCLE DYNAMIC SIZE BLUE BUTTONS FLOAT RIGHT */
/* -------------------------------------------------------------------------------*/
 a.PayButtonBlueFR {
	background-color: transparent;
	background-image: url("../images/standard/intego_wc/buttonBlueLeft.gif");
	background-repeat: no-repeat;
	background-position: 0% 0%;
	display: block;
	float: right;
	font: normal 13px Verdana;
	font-weight:bold;
	color: #ffffff; /*button text color */
	line-height: 19px; /* control text basline height, This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 29px; /* Height of button background height */
	padding-left: 15px; /* Width of left menu image */
	text-decoration: none;
}

a.PayButtonBlueFR span {
	background: transparent url("../images/standard/intego_wc/buttonBlueRight.gif") no-repeat top right;
	display: block;
	padding: 5px 15px 5px 0px; /* 2nd and 4th values control left/right margins */
	color:#FFFFFF;
}

/* ---------------------------*/
/* BLUE LINK BUTTON FLOAT RIGHT HOVER BEHAVIORS */
/* ---------------------------*/
a.PayButtonBlueFR:hover {
	background-position: bottom left;
	background: transparent url("../images/standard/intego_wc/buttonBlueLeftHover.gif") no-repeat top left;
	text-decoration:none;
	color: #FFFFFF;
}

a.PayButtonBlueFR:hover span {
	background-position: bottom right;
	background: transparent url("../images/standard/intego_wc/buttonBlueRightHover.gif") no-repeat top right;
	text-decoration:none;
	color: #FFFFFF;
}

/* ---------------------------*/
/* PAYCYCLE DYNAMIC SIZE BLUE LINK BUTTONS FLOAT LEFT */
/* ---------------------------*/
 a.PayButtonBlueFL {
	background-color: transparent;
	background-image: url("../images/standard/intego_wc/buttonBlueLeft.gif");
	background-repeat: no-repeat;
	background-position: 0% 0%;
	display: block;
	float: left;
	font: normal 13px Verdana;
	font-weight:bold;
	color: #ffffff; /*button text color */
	line-height: 19px; /* control text basline height, This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 29px; /* Height of button background height */
	padding-left: 15px; /* Width of left menu image */
	text-decoration: none;
}

a.PayButtonBlueFL span {
	background: transparent url("../images/standard/intego_wc/buttonBlueRight.gif") no-repeat top right;
	display: block;
	padding: 5px 15px 5px 0px; /* 2nd and 4th values control left/right margins */
	color:#FFFFFF;
}

/* ---------------------------*/
/* BLUE BUTTON FLOAT RIGHT LINK BUTTON HOVER BEHAVIORS */
/* ---------------------------*/
a.PayButtonBlueFL:hover {
	background-position: bottom left;
	background: transparent url("../images/standard/intego_wc/buttonBlueLeftHover.gif") no-repeat top left;
	text-decoration:none;
	color: #FFFFFF;
}

a.PayButtonBlueFL:hover span {
	background-position: bottom right;
	background: transparent url("../images/standard/intego_wc/buttonBlueRightHover.gif") no-repeat top right;
	text-decoration:none;
	color: #FFFFFF;
}

/* ---------------------------*/
/* PAYCYCLE DYNAMIC SIZE GREEN LINK BUTTONS FLOAT RIGHT*/
/* ---------------------------*/
a.PayButtonGreenFR {
	background-color: transparent;
	background-image: url("../images/standard/intego_wc/buttonGreenLeft.gif");
	background-repeat: no-repeat;
	background-position: 0% 0%;
	display: block;
	float: right;
	font: normal 13px Verdana;
	font-weight:bold;
	color:#FFFFFF; /*button text color*/
	line-height: 19px; /* control text basline height, This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 29px; /* Height of button background height */
	padding-left: 15px; /* Width of left menu image */
	text-decoration: none;
}

a.PayButtonGreenFR span {
	background: transparent url("../images/standard/intego_wc/buttonGreenRight.gif") no-repeat top right;
	display: block;
	padding: 5px 15px 5px 0px; /* 2nd and 4th values control left/right margins*/
	color:#FFFFFF;
}

/* ---------------------------*/
/* GREEN LINK BUTTON HOVER BEHAVIORS */
/* ---------------------------*/
a.PayButtonGreenFR:hover {
	background-position: bottom left;
	background: transparent url("../images/standard/intego_wc/buttonGreenLeftHover.gif") no-repeat top left;
	text-decoration:none;
	color:#FFFFFF;
}

a.PayButtonGreenFR:hover span {
	background-position: bottom right;
	background: transparent url("../images/standard/intego_wc/buttonGreenRightHover.gif") no-repeat top right;
	text-decoration:none;
	color: #FFFFFF;

}

/* ---------------------------*/
/* PAYCYCLE DYNAMIC SIZE GREEN LINK BUTTONS no floats */
/* ---------------------------*/
a.PayButtonGreenLeftNF {
	background: transparent url("images/buttonGreenLeft.gif") no-repeat top left;
	display: block;
	/* float: right;  */
	font: normal 13px Verdana;
	font-weight:bold;
	color: white; /*button text color*/
	line-height: 19px; /* control text basline height, This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 29px; /* Height of button background height */
	padding-left: 15px; /* Width of left menu image */
	text-decoration: none;
}

a.PayButtonGreenLeftNF span {
	background: transparent url("images/buttonGreenRight.gif") no-repeat top right;
	display: block;
	padding: 5px 15px 5px 0px; /* 2nd and 4th values control left/right margins*/
}

/* ---------------------------*/
/* LINK BUTTON WRAPPER */
/* ---------------------------*/
.buttonwrapper { /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;}

/************************************************************************/
/*HOVER POPUP LINKS*/
/************************************************************************/

/****** hoverpopups type 1  ******/

#popup {
	color: #000000;
/* background-color: #c0c0c0;  */
}

#popup a,
#popup a:visited {
	position: relative;
}

#popup a span {
	display: none;
}

#popup a:hover {
	/* { background-color: #e9e9e2; }  */
}

/* the IE correction rule */
#popup a:hover	{
	color:#444444;
	/* background-color: #e9e9e2;  */
	text-indent: 0; /* added the default value */
	text-decoration:none;
}

#popup a:hover span {
	display: block;
	position: absolute;
	top: -80px;
	left: 50px;
	width: 450px;
	margin: 0px;
	padding: 5px;
	color:#005AA4;
	font-weight: normal;
	background-color: #f4f7fc;
	text-align: left;
	border: 1px solid #777777;
	text-decoration:none;
	font-size:13px;
	z-index:1;
}

/****** hoverpopup for Intego description  ******/
#popupIntego {
	font-weight:normal;
	/* background-color: #c0c0c0;  */
}

#popupIntego a, #popupIntego a:visited {
	position: relative;
	/* display: block;
	width: 130px;
	line-height: 30px;
	text-align: right;
	padding: 0 10px;
	margin: 0;
	border: 1px solid #666;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;  */
}

#popupIntego a span {
	display: none;
}

#popupIntego a:hover {
	/* { background-color: #e9e9e2; }  */
}

/* the IE correction rule */
#popupIntego a:hover {
	color:#444444;
	/* background-color: #e9e9e2;  */
	text-indent: 0; /* added the default value */
	text-decoration:none;

}

#popupIntego a:hover span {
	display: block;
	position: absolute;
	top: 20px;
	left: 100px;
	width: 200px;
	margin: 0px;
	padding: 5px;
	color:#005AA4;
	font-weight: normal;
	background-color: #fafafa;
	text-align: left;
	border: 1px solid #e5e5e5;
	text-decoration:none;
	font-size:13px;
	z-index:1;
}

/******   hoverpopup type for far right   ******/
#popupRHS {
	color: #444444;
	/* background-color: #c0c0c0;  */
}

#popupRHS a,
#popup a:visited {
	position: relative;
}

#popupRHS a span {
	display: none;
}

/*#popupRHS a:hover   { background-color: #000000; }  */

/* the IE correction rule */
#popupRHS a:hover {
	color:#444444;
	/* background-color: #e9e9e2; */
	text-indent: 0; /* added the default value */
}

#popupRHS a:hover span {
	display: block;
	position: absolute;
	top: 20px;
	left: -100px;
	width: 175px;
	margin: 0px;
	padding: 5px;
	color: #444444;
	font-weight: normal;
	background-color: #F0FFC4;   /*  pale chartreuse  */
	text-align: left;
	border: 1px solid #4D7AA1;     /*  dark chartreuse   */
	border-bottom: 10px solid #4D7AA1;
	text-decoration:none;
	font-size:0.9em;
	z-index:1;
}

/************************************************************************/
/* END OF HOVER POPUP LINKS*/
/************************************************************************/
#popup2 {
	font-size:36px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#642266;
	margin-left: 5px;
}

#popup3 {
	font-size:36px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin-left: 5px;
}

.wc_AdOneBox {
	display: block;
	/*position: absolute; */
	top: 24px;
	left: -10px;
	width: 260px;
	margin: 10px;
	padding: 5px;
	color: #444444;
	font-weight: normal;
	background-color: #f4f7fc;
	text-align: right;
	border: 1px solid #336699;
	text-decoration:none;
}

.wc_AdOneImgA {
	background-image: url("../images/workersCompComp.gif");
}

.wc_TitleGreen  {
	color: #006622;
	font-size: 18px;
	font-weight:bold;
}

.wc_TitleBlue  {
	color: #336699;
	font-size: 16px;
	font-weight:bold;
}

.wc_BulletText  {
	color: #000000;
	font-size: 13px;
}

.wc_button  {
	background-image: url("../images/workersCompLearnBtn.gif");
}

.wc_cellBorder  {
	border-top: #7AA4CD solid 1px;
}

.wc_bennies  {
	margin-bottom: 5px;
	/* border: #dedede solid 1px; */
	height: 100%;
	background-color: #FFFFFF;
	padding: 10px;
	padding-top: 5px;
}

.wc_formTableTops  {
	border-top: #7AA4CD solid 1px;
	border-left: #7AA4CD solid 1px;
	border-bottom: #7AA4CD solid 1px;
	border-right: #7AA4CD solid 1px;
}

.blueBulletSq  {
	list-style-image: url("../images/blue_bullet.gif");
	margin: 0px 0px 5px 15px;
	padding: 0px 0px 5px 10px;
}

#hrsCellPopup {
	padding:4px;
	background-image:url("suptFiles/images/Dia_enterNewRateName.jpg");
	background-repeat:no-repeat;
	position:absolute;
	top:479px;
	left:345px;
	font-size:12px;
	line-height: 16px;	/* width:200px; */
	height: 168px;
	width: 388px;
}

#diaTitle {
	padding:4px;
	position:absolute;
	top:0px;
	left:2px;
	font-size:14px;
	line-height: 17px;	/* width:200px; */
	color: #ffffff;
	font-weight:bold;
}
#diaText {
	padding:4px;
	position:absolute;
	top:26px;
	left:8px;
	font-size:12px;
	line-height: 16px;	/* width:200px; */
}

.style1 {color: #660000; font-weight:bold; font-size:18px;}

.testimony {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-color: transparent;
	padding:2px;
}

#navSideContentWC {						/* Non-navigation right-side column for content such as HR Content */
	font-family : Arial;
	font-size : 12px;
	font-weight : normal;
}

.helpandSupportQuestionsWC {
	background-color : #FFFFFF;			/* Adaptive Path-specified */
	padding-top : 4px;					/*used by help and support popup*/
	padding-right : 20px;
	padding-bottom : 0px;

}

.legalese {
	border-top: 1px solid #999999;
	padding:5px;
	font-size:12px;
	color:#666666;
}

.jcRealmTable {
	background-color: #FFFFFF;
	width: 700px;
}

.jcRealmTable TH {
	font-family: Arial;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	background-color: #5E82A6;
	color: #FFFFFF;
	padding: 8px;
}

.jcRealmOddRow {
	background-color: #ECF0F8;
}

.jcRealmEvenRow {
	background-color: #FFFFFF;
}

/** used in company selector page **/
.cspagebg {
    background: #d3e5fe url("../images/standard/backgroundGradient_5x898.png") repeat-x;
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}
.csmaincontainer {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    height: 100%;
    border-radius: 7px;					/* CSS3 Rounded-corner box */
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    background-color: #f3f3f3;
    /* IE10 */
    background-image: -ms-linear-gradient(left, #FFFFFF 0%, #EDEDED 50%, #D6D6D6 60%, #828282 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(left, #FFFFFF 0%, #EDEDED 50%, #D6D6D6 60%, #828282 100%);
    /* Opera */
    background-image: -o-linear-gradient(left, #FFFFFF 0%, #EDEDED 50%, #D6D6D6 60%, #828282 100%);
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #EDEDED 50%, #D6D6D6 60%, #828282 100%);
    /* Proposed W3C Markup */
    background-image: linear-gradient(left, #FFFFFF 0%, #EDEDED 50%, #D6D6D6 60%, #828282 100%);
}
.csleftshadow {
    -moz-box-shadow: -2px 4px 7px #c9c9c9;
    -webkit-box-shadow: -2px 4px 7px #c9c9c9;
    box-shadow: -2px 4px 7px #c9c9c9;
    width:875px;
    height: auto;
    background-color: #fff;
    margin:auto;
    border-radius: 7px;					/* CSS3 Rounded-corner box */
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}
.csintuitlogoimg {
    float:right;
    height:62px;
    width:100px;
    background: #d3e5fe url("../images/standard/login_sprite.png") no-repeat left -68px;
}
.cslogocontainer {
    height:62px;
    background: #d3e5fe url("../images/standard/login_hdr_bg.png") repeat-x left -1px;
}
.cstitleimg {
    float:left;
    height:62px;
    width:200px;
    background: #025AB8 url("../images/standard/login_sprite.png") no-repeat -2px -1px;
}
.bodycontainer {
    background-color: transparent;
}
.bodycontainercsbg {
    background-color: #ffffff;
}
.cstitle {
    padding-left:23px;
    font: normal bold 23px trebuchet ms, arial, sans-serif;
}
.cssubtitle {
    margin-top:12px;
    margin-left:25px;
    font: normal bold 12px arial, sans-serif;
    color:#505050;
}
.company-list-container {
	margin-top:25px;
	margin-left:24px;
}
.company-list-item {
	margin-top: 8px;
	list-style-type: none;
	font: normal normal 12px arial, sans-serif;
	color: #505050;
}
.company-list-item-indent {
	margin-top: 6px;
	margin-left: 35px;
	list-style-type: none;
	font: normal normal 12px arial, sans-serif;
	color: #505050;
}
.company-list {
	margin: 8px;
	margin-left:23px;
	list-style-type: none;
}
.company-list-title {
	font: normal bold 14px arial, sans-serif;
	color:#505050;
}
a.company_link {
	font: normal normal 12px arial, sans-serif;
	color: #2b73dd;
	text-decoration: none;
}
a.company_link:hover {
	font: normal normal 12px arial, sans-serif;
	color: #2b73dd;
	text-decoration: underline;
}
.company-info {
	margin-left: 15px;
	font: normal normal 10px arial, sans-serif;
	horiz-align: right;
	color: #969696;
	text-decoration: none
}
.emptyblock {
    height:10px;
}
.csfootercontainer {
    width:875px;
    margin-left:auto;
    margin-right:auto;
    color:#76818C;
    font: normal normal 11px arial, sans-serif;
    margin-top:11px;
}
.cscopyright {
    float:left;
    margin-left:16px;
    margin-top:7px;
}
.csfooterlinkscontainer {
    float:right;
    margin-right:22px;
    width:360px;
}
.csfooterlinks {
    float:right;
    margin-top:7px;
}
a.csfooter_link {
    text-decoration: none;
}

/** [Start Smart Login Form styles]
  * The following styles are used in smart login form (payrollLogin.jsp) that is
  * included as a iframe in intuit.com external website
  **/
#pyrContent .ss-gradient-background-x {
    background-image:url("../images/standard/clp_background_gradients_x.png");
    background-repeat:repeat-x;
}
#pyrContent .ss-gradient-background-y {
    background-image:url("../images/standard/clp_background_gradients_y.png");
    background-repeat:repeat-y;
}
#pyrContent .ss-common-ui {
    background-image:url("../images/standard/clp_common_ui.png");
}
#pyrContent div.left {
    float:left;
}
#pyrContent div.right {
    float:right;
}
#pyrContent div.bold {
    font-weight:bold;
}
#pyrContent div.left-sub-content {
    width:360px;
}
#pyrContent div.error-image {
    background-position:-200px -630px;
    float:left;
    height:16px;
    margin:2px 5px 0 0;
    width:16px;
}
#pyrContent div.error-message {
    color:#dc3c1e;
    font-size:12px;
    text-align:left;
    width:300px;
    height:30px;
}
#pyrContent div.main-content h1 {
    color:#505050;
    font-family:"Trebuchet MS";
    font-weight:bold;
    font-size:21px;
}
#pyrContent div.forms {
    height:263px;
    margin:20px 0px 0px 0px;
    display:block;
    position:fixed;
    top:20px;
    left:10px;
}
#pyrContent input.sign-in {
    display:block;
    margin:10px 0 0 90px;
}
#pyrContent div.form-rows {
    width:310px;
}
#pyrContent div.forms div.form-rows>div {
    float:left;
}
#pyrContent div.loginlabel {
    color:#505050;
    font-family:Verdana;
    font-size:12px;
    font-weight:bold;
    padding:7px 6px 0 0;
    text-align:right;
    width:80px;
}
#pyrContent div.input-box input {
    font-size:12px;
    padding:6px 3px 7px;
    width:219px;
    height:33px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
    color:#505050;
    margin:-35px 0 0 90px\9;            /* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
}
#pyrContent div.input-box span {
    font-size:11px;
}
#pyrContent div.password-row {
    margin-top:24px;
}
#pyrContent div.help {
    margin:1px 0 0 90px;
}
#pyrContent a.loginlink {
    font: normal normal 12px arial, sans-serif;
    color: #2b73dd;
    text-decoration: none;
}
#pyrContent div.input-div input {
    margin-left:90px\9;            /* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
}
/* grabbed from jquery's ui css */
#pyrContent div.float-container:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
 }
#pyrContent div.float-container {
    display: inline-block;
 }
/* required comment for float-container to work in Opera \*/
* html #pyrContent div.float-container {
    height:1%;
 }
#pyrContent div.float-container {
    display:block;
 }
/* end float-container */

#pyrContent div.container {
    margin-top:20px;
}
#pyrContent div.container-footer {
    margin: 10px 10px 0 0;
}
#pyrContent div.information {
    color:#000000;
    font-size:13px;
    padding-left:10px;
}

.accountantLink a:link {
    color: #2a71d8;
}
/** [End Smart Login Form styles] */

div.facebook a {
    float: right;
    height: 32px;
    width: 32px;
    position: relative;
    top: 292px;
	top: 265px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
    left: 98px;
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
div.facebook a {
    top: 292px;
}
}

div.twitter a {
    float: right;
    height: 32px;
    width: 32px;
    position: relative;
    top: 292px;
	top: 265px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
    left: 173px;
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
div.twitter a {
    top: 292px;
}
}

div.blog a {
    float: right;
    height: 32px;
    width: 32px;
    position: relative;
    top: 292px;
	top: 265px\9;						/* Specifically target IE7/8/9 in old IE5.5-based Quirks mode */
    left: 245px;
}

/* IE10 only - override above old IE5.5 Quirks mode hack (because IE10 defaults our pages to HTML5-based Quirks mode/behaves like Standards mode) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
div.blog a {
    top: 292px;
}
}

.messageContainer {
    overflow : hidden;
    text-align : right;
    padding-right : 15px;
    padding-bottom : 2px;
}

#processingMessage {
    font-size : 8pt;
    color : red;
    position : relative;
}

/* To Do default.jsp Social icons positioning */
#socialIconsIOP {
	float: right;
	padding-right: 15px;
}

#socialIconsIOP #facebookTodo {
	padding-right: 5px;
}

#socialIconsIOP #twitterTodo {
	padding-right: 5px;
}

#socialIconsIOP #blogTodo {
	padding-right: 0px;
}

#toDoRemove {
	margin: 0;
}

/* To Do default.jsp Year End alert popup modal dialog */
#YearEndAlert #alertImage {
	padding-top: 10px;
	text-align: center;
}

#YearEndAlert #alertText {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
}

#YearEndAlert .ft .button-group {
	text-align: center;
}

#YearEndAlert .ft {
	padding-bottom: 20px;
}

#yearEndBanner {
	height: 110px;
}

#yearEndBanner #mobileText {
	position: relative;
	top: -10px;
	left: 0px;
    height: 110px;
}

#yearEndBanner #currentMonthTopic {
	position: relative;
	top: 0px;
	left: 0px;
}

#yearEndBanner #decemberTopic {
	position: relative;
	top: -18px;
	left: 12px;
}

#yearEndBanner #januaryTopic {
	position: relative;
	top: -18px;
	left: 18px;
}

#yearEndBanner #februaryTopic {
	position: relative;
	top: -18px;
	left: 25px;
}

#yearEndBanner a.iphoneImage {
	left: -135px;
	position: relative;
	top: -10px;
    display:inline-block;
    width:50px;
    height:60px;
	background : url("../images/standard/signin_iphone.png") no-repeat 0px 0px;
    background-position:0px 0px;
}

#yearEndBanner a.iphoneImage:hover {
	background : url("../images/standard/signin_iphone_hover.png") no-repeat 0px 0px;
}

#yearEndBanner a.androidImage {
    left: -130px;
	position: relative;
	top: -10px;
    display:inline-block;
    width:60px;
    height:60px;
    background : url("../images/standard/signin_droid.png") no-repeat 0px 0px;
    background-position:0px 0px;
}

#yearEndBanner a.androidImage:hover {
	background : url("../images/standard/signin_droid_hover.png") no-repeat 0px 0px;
}

/* Styles for HTML PayStub */
.paystubCompanyAddr {
	font-size: 7pt;
	padding-left: 1cm;
}

.paystubEditInputField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: right;
}

.paystubEditAddFieldDefaultStyle {
	visibility: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: right;
}
.paystubEditAddSelectorDefaultStyle {
	display: none;
	white-space: nowrap;
}

.paystubEditDisabledInputField {
	border: none;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: right;
}
.notification {
	font-weight: normal;
	color: #555555;
}

/*Styles for Improving JIT filing */
.JITPageVerify {
    background-color: #F4F7FC;
    color: #000000;
    font-family: Arial;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-top: 5px;
    width: 735px;
}

#jitDataEmployeesTable #colHeader {
	font-family : Arial;
	font-size : 14px;
	background-color : #F4F4F4;
	color : #000000;
	padding-top : 10px;
	padding-right : 10px;
	padding-bottom : 10px;
	text-align : center;
}

#jitDataEmployeesTable {
	width : 735px;
}

#jitDataEmployeesTable a {
	color : #4D7AA1;
	text-decoration : none;
}

#jitDataEmployeesTable a:hover {
	text-decoration : underline;
}

#jitDataEmployeesTable #tableTitle {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	color: #333333;
	padding-bottom : 10px;
}

#jitDataEmployeesTable #rightSideControl {
	padding-bottom : 10px;
	text-align : right;
}

/* Style for loading indicator*/
#iopMaskingDiv {
    width:100%;
    height:100%;
    z-index:9999;
    opacity:0.3;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    position:absolute;
    top:0px;
    left:0px;
    background-color:#D3D3D3;
}

#iopSpinnerDiv {
    z-index:10000;
    background-image:url('../images/spinner.gif');
    background-repeat:no-repeat;
    background-position: center center;
    position:absolute;
    top:0px;
    left:0px;
}

/* Rounded border corners for div elements
	Useage:
	- Use class roundedCorners to round all 4 corners.

	- Use class roundedCorners-top, roundedCorners-bottom, roundedCorners-left or
	  roundedCorners-right, to round both corners on one side.

	- Use roundedCorners-top-left, roundedCorners-top-right,
	  roundedCorners-bottom-left, or roundedCorners-bottom-right to round
	  a single corner.
*/
.roundedCorners-top-left,
.roundedCorners,
.roundedCorners-top,
.roundedCorners-left
{
	        border-top-left-radius: 10px;	/* CSS3 Rounded-corner box */
	   -moz-border-top-left-radius: 10px;	/* CSS3 Rounded-corner box for older Firefox versions */
	-webkit-border-top-left-radius: 10px;	/* CSS3 Rounded-corner box for older Chrome/Safari versions */
}

.roundedCorners-top-right,
.roundedCorners,
.roundedCorners-top,
.roundedCorners-right
{
	        border-top-right-radius: 10px;	/* CSS3 Rounded-corner box */
	   -moz-border-top-right-radius: 10px;	/* CSS3 Rounded-corner box for older Firefox versions */
	-webkit-border-top-right-radius: 10px;	/* CSS3 Rounded-corner box for older Chrome/Safari versions */
}

.roundedCorners-bottom-left,
.roundedCorners,
.roundedCorners-bottom,
.roundedCorners-left
{
	        border-bottom-left-radius: 10px;	/* CSS3 Rounded-corner box */
	   -moz-border-bottom-left-radius: 10px;	/* CSS3 Rounded-corner box for older Firefox versions */
	-webkit-border-bottom-left-radius: 10px;	/* CSS3 Rounded-corner box for older Chrome/Safari versions */
}

.roundedCorners-bottom-right,
.roundedCorners,
.roundedCorners-bottom,
.roundedCorners-right
{
	        border-bottom-right-radius: 10px;	/* CSS3 Rounded-corner box */
	   -moz-border-bottom-right-radius: 10px;	/* CSS3 Rounded-corner box for older Firefox versions */
	-webkit-border-bottom-right-radius: 10px;	/* CSS3 Rounded-corner box for older Chrome/Safari versions */
}

.grayWireBorder {
	border-width: 1px;
	border-color: #CCC;
	border-style: solid;
}


/* Styles for bofa gen3 partner signup page*/
#navTopBofaSignup div.top-nav-container {
    background: url('../images/top_Nav_Gradient.jpg') no-repeat;
    height: 73px;
    position: relative;
    width: 966px;
    margin-left: auto;
    margin-right: auto;

}

#navTopBofaSignup div.navTop {
    margin-left: auto;
    margin-right: auto;
}

#navTopBofaSignup #leftLogo {
   display: inline-block;
   float: left;
   background: url('../images/logo_intuit_online_payroll.jpg') no-repeat;
   width: 217px;
   height: 25px;
   margin: 33px 0px 0px 32px;

}

#navTopBofaSignup #logo {
	float: right;
	background: url('../images/intuit_logo.jpg') no-repeat;
	width: 75px;
	height: 22px;
	margin: 34px 28px 0 0;;
}

#navTopBofaSignup .icon-phone,
#navTopBofaSignup .icon-chat,
#bofaSignupContainer .icon-risk-free ,
#bofaSignupContainer .icon-risk-check,
#bofaSignupContainer .icon-risk-headphones,
#bofaSignupContainer .form-top,
#bofaSignupContainer .form-bottom-c,
#verisignLogo,
#trustELogo
{
	background: url('../images/create-account-bg-sprite.png') no-repeat;
}

#navTopBofaSignup .contact-information {
	height: 35px;
	left: 70px;
	position: absolute;
	top: 27px;
	width: 315px;
	float: left;
	margin-left: 310px;
	}

#navTopBofaSignup .icon-phone {
	background-position: -390px -200px;
	float: left;
	height: 22px;
	width: 13px;
	position: relative;
	right: 5px;
	top: 4px;
}

#navTopBofaSignup #icon-chat {
	float: left;
	margin-left :5px;
	display: inline-block;
	background-position: -230px -170px;
	cursor: pointer;
	float: right;
	height: 20px;
	width: 86px;
	position: relative;
	top: -14px;
	left: -10px;
}

#navTopBofaSignup #mainBody {
	text-align: center\9;
}

#bofaSignupContainer input[name=continue] {
	margin-left: 140px;
	margin-top: 10px;
	margin-left: 110px\9;
	margin-top: 20px\9;
}

#bofaSignupContainer{
	background: url('../images/bg-sky.jpg') no-repeat;
	width: 966px;
	overflow: auto;
	padding: 5px;
	margin: 0 auto;
	position: relative;
	left: -82px;
	top: -8px;
}


#bofaSignupContainer .left{
	float: left;
	width: 40%;
	height: 100%;
}

#bofaSignupContainer .main-content-right{
  float: right;
  height: 100%;
  width: 55%
}


#bofaSignupContainer .features-container {
    left: 30px;
    overflow: hidden;
    position: relative;
    top: 10px;
    font-size: 16px;
}

#bofaSignupContainer .features-content {
	float: left;
	left: 30px;
	line-height: 24px;
	position: relative;
	top: 20px;
}

#bofaSignupContainer .features-content2 {
	left: 30px;
	line-height: 24px;
	position: relative;
	top: 20px;
}

#bofaSignupContainer div.clear {
	clear: both\9;
}

#bofaSignupContainer .icon-risk-free ,
#bofaSignupContainer .icon-risk-check,
#bofaSignupContainer .icon-risk-headphones {
	float: left;
	height: 91px;
	width: 110px;
}
#bofaSignupContainer .icon-risk-free {
	background-position: -150px -200px;
}
#bofaSignupContainer .icon-risk-check {
	background-position: -150px -300px;
}
#bofaSignupContainer .icon-risk-headphones {
	background-position: -270px -200px;
}
#bofaSignupContainer .features-container-no-height {
	margin-left: 10px;
	margin-top: 18px;
	padding-bottom: 30px;
}
#bofaSignupContainer .form-middle-mvt {
	background: url('../images/bg-form.png') repeat-y;
	height: auto;
	padding-bottom: 14px;
	width: 504px;
	overflow: auto;
}
#bofaSignupContainer .label {
	float: left;
	padding: 8px 0px 15px 0px;
	text-align: right;
	width: 129px;
	width: 100px\9;
}
#bofaSignupContainer .input-div {
	float: left;
	left: 12px;
	padding: 0px 4px 0px 0px;
	position: relative;
}
#bofaSignupContainer .input {
	border: solid 1px #9e9e9e;
	color: #777777;
	font-family: Verdana;
	font-size: 11px;
	height: 22px;
	padding-top: 5px;
	width: 275px;
}
#bofaSignupContainer .select option {
	color: #777777;
	font-family: Verdana;
	font-size: 10px;
	margin-top: 5px;
}
#bofaSignupContainer .field-container {
	overflow: hidden;
}
#bofaSignupContainer .create-account-form-headline {
	height: 30px;
	width: 440px;
	margin-bottom: 15px;

}
#bofaSignupContainer .headline-content {
	float:left;
	position: relative;
	top: 10px;
	left:14px;
	font-size: 1.7em;
}

span.verdana10,
span.verdana12 {
    font-family: Verdana,Arial,sans-serif;
}

span.verdana10 { font-size: 10px !important;}
span.verdana12 { font-size: 12px !important;}

#bofaSignupContainer .create-account-headline h1{
	font-family: 'Trebuchet MS';
	padding-left: 112px;
	font-size: 2em;
}

#bofaSignupContainer div.label{
    font-weight: normal;
}
#bofaSignupContainer div.gray505050 {
    color: #505050;
}

#bofaSignupContainer .field-container span {
    font-size: 12px !important;
    font-family: Verdana;
}

#bofaSignupContainer #aboutBusiness_form table{
    padding-left: 18px;
}

#bofaSignupContainer #aboutBusiness_form input[type=text] {
	border: solid 1px #9e9e9e;
	color: #777;
	font-family: Verdana;
	font-size: 11px;
	height: 25px;
	padding-top: 5px;
}

#bofaSignupContainer #spnTerms{
    font-size: 10px;
    font-family: Verdana;

}

#bofaSignupContainer #spnTerms a{
    text-decoration: none;
}

#bofaSignupContainer input#acceptedCustomerServiceAgreement {
    margin-left: 143px;
	margin-left: 110px\9;
}

#spnTermsHeader,
#BlkOwnerMsg input#acceptedcustomerserviceagreement {
    margin-left: 35px;
}

.spnTos{
    font-size: 13px;
    font-family: Arial;
}

.spnTos a{
    text-decoration: none;
}

#bofaSignupContainer .form-top {
    height: 12px;
    width: 504px;
	position: relative\9;
	top: 5px\9;
}

#bofaSignupContainer .form-bottom-c {
    background-position: 0 -20px;
    height: 16px;
    width: 504px;
}

#bofaFooter-container {
	margin-left: 680px;
	overflow: hidden;
	position: relative;
	top: 0;
}

#verisignLogo {
	background-position: -320px -100px;
	cursor: pointer;
	float: left;
	height: 51px;
	width: 93px;
}

#trustELogo {
	background-position: -320px -40px;
	float: left;
	height: 51px;
	left: 35px;
	position: relative;
	width: 114px;
}

/* Style added to asupport the "lead with self-help" approach on the sendInquiry */
.selfHelpTopicHdrLinks {
	font-family : Arial;
	font-size : 14px;
	font-weight : bold;
	color : #339900;
	background-color : #FFFFFF;
	padding-top : 5px;
	padding-right : 20px;
	padding-bottom : 5px;
	padding-left : 10px;
}

/* Countdown timer for editing approved direct deposit paycheck */
#direct_deposit_processing_timer_outerdiv {
	width: 100%;
	margin: 0px;
	margin-top: -71px;
	background: white;
	background-color:rgba(255, 255, 255, 0.8);
	position: relative;
	text-align: center;
}

#direct_deposit_processing_timer {
	padding: 5px;
	border: 1px solid #ede3ac;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	background-color: #fff7c6;
	width: 530px;
	opacity: 1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#countdown_timer {
	text-align: center;
	width: 115px;
	padding-top: 10px;
	padding-top: 25px\9;
}

#countdown_timer_text {
	margin-left: 115px;
	margin-top: -90px;
	font-size: 0.75em;
	padding: 5px;
}

.countdown_timer_number {
	padding: 3px 5px;
	margin: 5px 1px;
	background-color: white;
	border: 1px solid #c7c7c7;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(bottom right, #E2E2E2 0%, #FFFFFF 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(bottom right, #E2E2E2 0%, #FFFFFF 100%);
	/* Opera */
	background-image: -o-linear-gradient(bottom right, #E2E2E2 0%, #FFFFFF 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #E2E2E2), color-stop(1, #FFFFFF));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(bottom right, #E2E2E2 0%, #FFFFFF 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to top left, #E2E2E2 0%, #FFFFFF 100%);
}

.countdown_timer_number_font {
	color: #1783d9;
	font-weight: bold;
	font-size: 1.35em;
}

.todoBannerContainer {
	display: flex;
	flex-wrap: wrap;
}

.todoBannerContainer .tSheets_feature {
	width: 600px;
	height: 120px;
	background: url("../images/tsheets_todo_card.png") no-repeat;
	display: inline-block;
}

.todoBannerContainer .ppp_feature {
	width: 600px;
	height: 120px;
	background: url("../images/ppp_banner_bg.png") no-repeat;
	display: inline-block;
	background-size: 95% 91%;
	background-position: 0px 10px;
}

.pppv2_feature {
	width: 600px;
	height: 120px;
	background: url(../images/pppv2_i_p_banner.png) no-repeat;
	display: inline-block;
	background-size: 556px 107px;
	background-position-y: 10px;
}

.paycheckBannerContainer {
	float: right;
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
}

.paycheckBannerContainer .tSheets_feature {
	width: 600px;
	height: 100px;
	float: right;
	background: url("../images/tsheets_create_paycheck_card.png") no-repeat;
	display: inline-block;
}

.paycheckBannerContainer .ppp_feature {
	width: 600px;
	height: 100px;
	float: right;
	background: url("../images/ppp_banner_bg.png") no-repeat;
	display: inline-block;
	background-size: 462px 82px;
	background-position: 0px 8px;
}

.paycheckBannerContainer .pppv2_feature {
	width: 600px;
	height: 100px;
	background: url(../images/pppv2_i_p_banner.png) no-repeat;
	display: inline-block;
	background-size: 570px 80px;
	background-position-y: 7px;
}

.todoBannerContainer .tsheets_title {
	font-size: 22px;
	font-family: Arial-BoldMT;
	font-weight: bold;
	color: #000000;
	padding-bottom: 6px;
	padding-left : 200px;
	padding-top : 30px;
	vertical-align: middle;
}

.todoBannerContainer .ppp_title {
	font-size: 22px;
	font-family: Arial-BoldMT;
	font-weight: bold;
	color: #000000;
	padding-bottom: 6px;
	padding-left : 160px;
	padding-top : 30px;
	vertical-align: middle;
}

.todoBannerContainer .pppV2_title {
	font-size: 15px;
	font-family: Arial-BoldMT;
	font-weight: bold;
	color: #000000;
	padding-bottom: 6px;
	padding-left: 90px;
	padding-right: 90px;
	padding-top: 30px;
	vertical-align: middle;
}

.todoBannerContainer .pppV3_title {
	font-size: 12px;
	font-family: Arial-BoldMT;
	font-weight: bold;
	color: #000000;
	padding-bottom: 6px;
	padding-left: 90px;
	padding-right: 70px;
	padding-top: 30px;
	vertical-align: middle;
}

.paycheckBannerContainer .tsheets_title {
	font-size: 16px;
	font-family: Arial-BoldMT;
	font-weight: bold;
	color: #000000;
	padding-bottom: 6px;
	padding-left : 150px;
	padding-top : 20px;
	vertical-align: middle;
}

.paycheckBannerContainer .ppp_title {
	font-size: 16px;
	font-family: Arial-BoldMT;
	font-weight: bold;
	color: #000000;
	padding-bottom: 6px;
	padding-left : 110px;
	padding-top : 20px;
	vertical-align: middle;
}

.paycheckBannerContainer .pppV2_title {
	font-size: 16px;
	font-family: Arial-BoldMT;
	font-weight: bold;
	color: #000000;
	padding-bottom: 4px;
	padding-left: 75px;
	padding-top: 13px;
	vertical-align: middle;
}

.paycheckBannerContainer .pppV3_title {
	font-size: 12px;
	font-family: Arial-BoldMT;
	font-weight: bold;
	color: #000000;
	padding-bottom: 4px;
	padding-left: 90px;
	padding-top: 20px;
	vertical-align: middle;
}

.todoBannerContainer .tsheets_line_one {
	font-size: 13px;
	font-family: ArialMT;
	color: #434343;
	padding-bottom: 2px;
	padding-left : 200px;
}

.todoBannerContainer .ppp_line_one {
	font-size: 13px;
	font-family: ArialMT;
	color: #434343;
	padding-bottom: 2px;
	padding-left : 160px;
}

.todoBannerContainer .pppV2_line_one {
	font-size: 13px;
	font-family: ArialMT;
	color: #434343;
	padding-bottom: 2px;
	padding-left: 90px;
}

.todoBannerContainer .pppV3_line_one {
	font-size: 11px;
	font-family: ArialMT;
	color: #434343;
	padding-bottom: 2px;
	padding-left: 90px;
}

.paycheckBannerContainer .tsheets_line_one {
	font-size: 13px;
	font-family: ArialMT;
	color: #434343;
	padding-bottom: 2px;
	padding-left : 150px;
}

.paycheckBannerContainer .ppp_line_one {
	font-size: 13px;
	font-family: ArialMT;
	color: #434343;
	padding-bottom: 2px;
	padding-left : 110px;
}

.paycheckBannerContainer .pppV2_line_one {
	font-size: 13px;
	font-family: ArialMT;
	color: #434343;
	padding-left: 75px;
}

.paycheckBannerContainer .pppV3_line_one {
	font-size: 11px;
	font-family: ArialMT;
	color: #434343;
	padding-left: 90px;
}

.paycheckBannerContainer a {
	color: #00BEFE;
}

.tsheets_overlay {
	width: 100%;
	height: 100%;
	position: absolute;
}

.tSheets_pop_up {
	width: 616px;
	height: 120px;
	background: url("../images/tsheets_todo_card.png") no-repeat;

}

.overlay {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:rgba(0,0,0,0.5);
}

.main_panel {
	position:absolute;
	border-radius: 3px;
	top:30%;
	left:28%;
	width:610px;
	height:238px;
	background:#ffffff;
	z-index:10000;
	background:rgba(255,255,255,1);
}

.mobile_image {
	position: absolute;
	top : -15px;
	left : -33px;
	background : url("../images/tsheets_overlay_mobile_device.png") no-repeat;
	width : 295px;
	height : 255px;
}

.tsheets_logo {
	position: absolute;
	top: 32px;
	left: 336px;
	width: 124px;
	height: 38px;
	background : url("../images/tsheets_logo.png") no-repeat;
}

.close_button {
	position: absolute;
	top : -5px;
	left : 285px;
	background : url("../images/tsheets_close_overlay_icon.png") no-repeat;
	width : 10px;
	height : 10px;
	cursor: pointer;
}

.maintext {
	position: absolute;
	right: -6px;
	top: 54px;
	width: 388px;
	height: 28px;
	font-family: Arial-BoldMT;
	font-size: 20px;
	color: rgba(0,0,0,0.87);
	line-height: 28px;
}

.subtext {
	position: absolute;
	right: 16px;
	top: 92px;
	width: 365px;
	height: 40px;
	font-family: ArialMT;
	font-size: 16px;
	color: rgba(0,0,0,0.54);
	line-height: 20px;
}

.btn_maybelater {
	position: absolute;
	background: #DADADA;
	right: 177.7px;
	top: 158px;
	width: 112.6px;
	height: 32px;
	font-family: ArialMT;
	font-size: 14px;
	color: rgba(0,0,0,0.87);
	line-height: 20px;
	padding-left: 0.7px
}

.btn_tryitfreenow {
	position: absolute;
	background: #3178C6;
	right: 12.7px;
	top: 158px;
	width: 151px;
	height: 32px;
	font-family: ArialMT;
	font-size: 14px;
	color: white;
	line-height: 20px;
}

/* style for the help icon on the right corner */
.circle {
	height: 24px;
	width: 29px;
	text-align: center;
	vertical-align: middle;
	font-size: 15px;
	border: 0px solid green;
	background-color: lightgrey;
	border-radius: 50%;
	display: inline-block;
	padding-top: 5px;
}

.W4Header img {
	vertical-align: middle;
}

.W4HeaderLargeStroked {
	font-size:38px;
	font-weight:bold;
	color:white;
	padding-top : 2px;
	vertical-align: middle;
	text-shadow:	  0rem	 .15rem	0rem	darkgray,
	0rem	-.2rem	0rem	darkgray,
	-.15rem	  0rem	0rem	darkgray,
	.15rem	  0rem	0rem	darkgray,
	.15rem	 .15rem	0rem	darkgray,
	.15rem	-.15rem	0rem	darkgray,
	-.15rem	 .15rem	0rem	darkgray,
	-.15rem	-.15rem	0rem	darkgray;
}

.W4HeaderLarge {
	font-size: 40px;
	font-weight: 600;
	color: darkgray;
	padding-top : 2px;
	vertical-align: middle;
}

#DepositPerPayPeriodTextBox span.hidden {
	visibility: hidden;
}