TABLE, INPUT, BODY, P {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
}

BODY, P {
	color: black;
}

BODY {
	background: white;
}

A:link { 
	color: #003399; 
	text-decoration:underline;
}

A:visited { 
	color: #660099; 
	text-decoration:underline;
}

/* treat Done like Visited */
A:link.taskListItemDone {
	color:#660099;
}

A:active { 
	color: #990000; 
	text-decoration:underline;
} 

A:hover { 
	color: #990000; 
	text-decoration:underline;
} 

TABLE.DEBUG {
	background: #DDDDDD;
}

UL.helpBullet {
	list-style-image:url(../images/cps_help_linkbullet.gif);
	margin: 8 2 8 18;
}

LI.helpBullet {
	margin: 0 0 12 0;
}

TD.cpsDialogFAQHelpTitle {
	background: #ACC8E3;
	color:#336699;
	font-weight:bold;
	text-align: center;
	border-bottom: 1 solid #336699;
}

TD.cpsDialogFAQHelpList {
	text-align: left;
}

TABLE.cpsDialogFAQHelpBox {
	border: 1 solid #336699;
	margin: 10 0 0 0;
}
/********************* META? STYLES ***********************************************/

.submitButton {
	color: black;
	background: #ACC8E3;
	cursor:hand;
	border-style: outset;
}

.submitButtonLeftFloat {
	color: black;
	background: #ACC8E3;
	cursor:hand;
	border-style: outset;
	float: left;
}

.submitButtonRightFloat {
	color: black;
	background: #ACC8E3;
	cursor:hand;
	border-style: outset;
	float: right;
}

.submitButtonHover {
	color: black;
	background: #ACC8E3;
	cursor:hand;
	border-style: ridge;
}

.submitButtonLeftFloatHover {
	color: black;
	background: #ACC8E3;
	cursor:hand;
	border-style: ridge;
	float: left;
}

.submitButtonRightFloatHover {
	color: black;
	background: #ACC8E3;
	cursor:hand;
	border-style: ridge;
	float: right;
}

.submitButtonDisabled {
	color: black;
	background: silver;
	cursor:auto;
}

.submitButtonLeftFloatDisabled {
	color: black;
	background: silver;
	cursor:auto;
	float: left;
}

.submitButtonRightFloatDisabled {
	color: black;
	background: silver;
	cursor:auto;
	float: right;
}

.inputTextField {
}

.selectionList {
}

/* note that you can't change anything from .selectionList other than color and background-color,
that's a restriction of the OPTION tag */
OPTION.selectionListCategoryTitle {
	background-color:#E0E0E0;
	color:#336699;
}

OPTION.selectionListEmptyCategoryLabel {
	background-color:white;
	color:#336699;
}

.radioButtonLabel {
}

.checkboxLabel {
}

.payrollPresetCheckboxLabel {
}

TD.payrollPresetCreateBtn {
	vertical-align:top;
	padding-top:100px;
	padding-left:20px;
	padding-right:20px;
	width: 1px; /* this will make this cell shrink so that the padding controls the distance between the button and the two lists */
}

/* Style for the validation exception printing area */
.validationException {
	font-weight: bold;
	color: red;
	padding-left:2px;
}

/* Style for table of input fields */
TABLE.inputFieldTABLE {
	border: 1px solid white;
}

/* regular row style for input field table */
TR.inputFieldTABLE {
	padding: 0;
}

/* header cell style for input field table */
TH.inputFieldTABLE {
	border: 1px solid white;
	background: #6699CC;
	color: white;
	padding: 2px;
}

/* regular cell style for input field table */
TD.inputFieldTABLE {
	border: 1px solid white;
	padding-left: 2px;
	padding-right: 2px;
	background: #ACC8E3;
}

/* cell style for an input field row header */
TH.inputFieldRowHeader {
	border: 1px solid white;
	background: #6699CC;
	color: white;
	padding: 2px;
	text-align: left;
}

/* cell style for an input field label */
TD.inputFieldLabel {
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	text-align: right;
	background: #6699CC;
	color: white;
	border: 1px solid white;
}

/* cell style for input field content */
TD.inputFieldContent {
	padding-left: 5px;
	text-align: left;
	border: 1px solid white;
	white-space: nowrap;
	background: #ACC8E3;
}

TD.bulletList {
	vertical-align: top;
}

.taskList {
	font: 11pt arial;
}

TABLE.taskList {
	width: 100%;
}

TABLE.summaryArea {
	border: 1px solid white;
}

TR.summaryAreaHeader {
	font: 11pt arial;
	background: #6699CC;
	color: #336699;
	border: 1px solid white;
}

TR.summaryAreaContent {
}

/********************* PTE STYLES ***********************************************/

/* Style for data provided by the tax table (e.g. SS rate) */
.pteTaxTableData {
	color: 7B7B7B;
	font-size: 90%;
	text-align: right;
	background: #ACC8E3;
}

.pteTaxPageHelp {
	font-size: 80%;
}

.pteDepositFrequencyLabel {
	font-weight: bold;
	color: #336699;
}

/* Style for the account ID formats (e.g. 99-99999-9) */
.pteAccountIDFormat {
	color: gray;
	font-style: italic;
	font-size: 90%;
}

/* Style for the date range labels on quarterly taxes */
.pteRateDateRangeLabel {
	white-space: nowrap;
	background: #ACC8E3;
}	

/* cell style for the tax agency label column */
TD.pteFieldLabel {
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	background: #6699CC;
	color: white;
	border: 1px solid white;
}

/* cell style for the tax agency content column */
TD.pteFieldContent {
	padding-left: 5px;
	text-align: left;
	border: 1px solid white;
	background: #ACC8E3;
}

TD.pteTableTitle {
	border: 1px solid white;
	font-weight: bold;
	color: #336699;
}

/* Tax Names - left justified */
TD.pteTableRowHeader {
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	background: #6699CC;
	color: white;
	border: 1px solid white;
}

/* Company Rate, Employee Rate, Taxable Wage Limit - center justified */
TD.pteTableColumnHeader {
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	background: #6699CC;
	color: white;
	border: 1px solid white;
}

TD.pteTaxPageWarning {
	padding: 10;
}	

/********************* EMPLOYEE YTD STYLES ***********************************************/

.ytdTable {
	border: 1px solid white;
}

.ytdHeader {
	border: 1px solid white;
	color: white;
	background: blue;
	font-weight: bold;
}

/* for the Jan - Mar 'Edit' section */
.ytdSubHeader {
	border: 1px solid white;
	background: #6699CC;
	font-weight: bold;
}

.ytdRowBlockHeader {
	color: blue;
	background: #ACC8E3;
	border: 1px solid white;
}
	
.ytdPayrollItem {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	vertical-align: top;
	border: 1px solid white;
}

.ytdDataRow {
	background: lightgrey;
	border: 1px solid white;
}
	
.ytdCell {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	vertical-align: top;
	text-align: right;
	border: 1px solid white;
	
}

/********************* CPS STYLES ***********************************************/

/* Style for the CPS dialog page table, which contains:
	- dialog title
	- main dialog area (excluding action buttons)
	- FAQ help
	- action buttons
 */

.cpsDialogPageTable {
}

TABLE.cpsDialogPageTable {
	width: 100%;
	padding: 0 0 0 0;
	border:0 none;
}

.cpsDialogPanel {
	vertical-align: top;
	width: 80%;
	padding-left: 20px;
	padding-right: 10px;
}

.cpsValidationMessages {
	padding-top: 10px;
}

/* Style for page heading for CPS dialog title */
.cpsDialogTitle {
	font-weight: bold;
	font-size: 14pt;
	color: #336699;
	padding-top: 10px;
}

.cpsDialogSubTitle {
	font-weight: bold;
	font-size: 12pt;
	color: #336699;
	margin-top:-4px;
}

/* Style for table cell containing CPS main dialog area (excluding action buttons) */
.cpsDialogContent {
	padding-top: 5px;
}

/* Style for table cell containing CPS FAQ help */
.cpsDialogFAQHelp {
	vertical-align: top;
}

TD.cpsDialogFAQHelp {
	vertical-align: top;
	width: 20%;
	text-align: center;
}

/* Style for panel containing action buttons all in a row */
.cpsDialogActionButtonPanel {
	text-align: right;
	vertical-align: bottom;
	padding-top: 20px;
	padding-right: 10px;
}

/* Style for panel containing navigation buttons all in a row */
.cpsDialogNavButtonPanel {
	text-align: right;
	vertical-align: bottom;
	padding-top: 20px;
	padding-right: 10px;
}

/* Style for instruction paragraphs on a CPS dialog */
.cpsDialogInstruction {
	font-weight: normal;
	color: black;
	padding-top: 5px;
}

P.cpsDialogInstructionText {
	margin-bottom:0px;
}

/* Style for advice text in a CPS dialog */
.cpsDialogAdvice {
	font-size: 8pt;
	font-color: blue;
}

TABLE.cpsEmbeddedInputFieldTable {
	width: 100%;
}

/* for embedded input field tables */
TD.cpsEmbeddedInputFieldLabel {
	width: 30%;
	white-space: nowrap;
	font: 9pt arial;
 	text-align: right;
	vertical-align: top;
	padding-right: 2px;
}

/* for embedded input field tables */
TD.cpsEmbeddedInputFieldContent {
	width: 70%;
	white-space: nowrap;
	font: 9pt arial;
	text-align: left;
}

TD.cpsTaskHeader {
	padding-right: 5px;
}

.cpsPayrollOption {
	border:1px solid #336699;
	background:#E0E0E0;
}

.cpsPayrollOptionNoSelection {
	border:1px solid #336699;
	background:white;
}

.cpsPayrollOptionLabel {
	font-size: 11pt;
	color: #336699;
	font-weight: bold;
}

.cpsDisabledPayrollOption {
	font: 11pt arial;
	font-weight: normal;
	color: #DDDDDD;
	padding-top: 15px;
}

.cpsPayrollOptionSummary {
	padding: 2 2 2 20;
	font: arial;
	font-weight: normal;
	color: black;
	border-top:0px;
	border-bottom:1px solid #336699;
	border-left:1px solid #336699;
	border-right:1px solid #336699;
}

.cpsPayrollOptionSupplementaryContent {
	margin-top: 15px;
	font: arial;
	color: black;
}

/* header cell style for payroll preset list */
TH.cpsPayrollPresetList {
	border: 1px solid white;
	background: #6699CC;
	color: white;
	padding: 2px;
	white-space: nowrap;
}

/* list cell style for payroll preset list */
TD.cpsPayrollPresetList {
	font: arial;
	border: 1px solid white;
	white-space: nowrap;
	padding-left: 2px;
	padding-right: 2px;
	background: #ACC8E3;
	vertical-align: top;
}

/* list cell style for payroll preset payitem list */
TD.cpsPayrollPresetPayItemList {
	font: arial;
	border: 1px solid white;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #ACC8E3;
	width: 1px; /* this will make this cell shrink so that the payitem list doesn't look lost */
}


/**************** these should be in QB-CPS styles? */

TD.cpsProgressBar {
	padding:0;
}

TABLE.cpsProgressBar {
	width: 100%;
	background: white;
}
.ProgressBarLogo {
	background: #336699;
}
.cpsProgressBarTop {
	width: 100%;
	background: #336699;
}

.cpsProgressDoneTask {
	font: 8pt arial; 
	font-weight: bold;
	white-space: nowrap;
	color: white;
	background: #336699;
}

.cpsProgressUndoneTask {
	font: 8pt arial; 
	font-weight: bold;
	white-space: nowrap;
	color: #336699;
	background: #6699CC;
}

.cpsProgressActiveTaskMarker {
	background: #ACC8E3;
}

.cpsProgressInactiveTaskMarker {
	background: white;
}

.cpsTaskListBulletActive {
	color:white; 
	font-family: Arial; 
	font-weight: bold; 
	text-indent:1px; 
	vertical-align:center; 
	text-align: center; 
	width:15; 
	height:15; 
	font-size: 8pt; 
	background: url(images/cps_blue_circle.gif);
	cursor:default;
}
.cpsTaskListBullet {
	color:#999999; 
	font-family: Arial; 
	font-weight: bold; 
	text-indent:1px; 
	vertical-align:center; 
	text-align: center; 
	width:15; 
	height:15; 
	font-size: 8pt; 
	background: url(images/cps_grey_circle.gif);
	cursor:default;
}
/* the BODY from the content generated by QB-CPS which 
   is dumped into the IFRAME of the launch HTML */
BODY.qbcpsContentFrameBody {
	margin:5 5 25 5; /* we want some space, especially on the bottom! */
	border:0 none;
	padding: 0;
	overflow:auto;
}

BODY.qbcpsStaticStandaloneBody {
	margin:5 5 25 5; /* we want some space, especially on the bottom! */
	/*border:0 none;
	padding: 0;*/
	overflow:auto;
}
.QBTabActive {
	background-color: ivory;
	width: 10%;
	text-align: center;
	vertical-align:middle;
	margin-top: 2pt;
	border-top: 1pt solid white;
	border-left: 1pt solid white;
	border-bottom: 1pt solid black;
	padding:5px;
}

.QBTabInactive {
	background: #ACC8E3;
	width: 10%;
	vertical-align:middle;	
	text-align: center;
	margin-top: 2pt;
	border-top: 1pt solid white;
	border-left: 1pt solid white;
	border-right: 1px solid gray;
	border-bottom: 1pt solid black;
	padding:5px;
}

.QBTabBody {
	background-color: white;
	width: 100%;
	padding: 8px;
}

.QBTabBackground {
	vertical-align: top;
	background-color: #FFF8df;
	margin-left:10px;
	margin-bottom:10px;
}

.cpsPayrollOptionRecommendation {
	color:#336699;
	background-color:#FFCC66;
	font-weight:bold;
	font-size:16pt;
	padding:5px;
	border:1px solid #336699;
	width:100%;
}

TD.QBCPSLogoBanner {
	width: 100%;
	margin:0;
	padding:0;
	cursor:default;
}

.QBCPSLogoBannerHeader {
	background: #336699;
	color:white;
	font-size:12pt;
	font-weight:bold;
	vertical-align:top;
	cursor:default;
}

/* used in verification */
.error {
	color:red;
	font-weight: bold;
}

.warning {
	color:black;
}

.problem {
}

/* styles for the marketing material */
TD.header {
	width:100%;
	height:15px;
	background-color:#6699CC;
}

H1.learn {
	height:20px;
	color:#336699;
	font: bold 18pt
}

H2.learn {
	color:#336699;
	font: bold 10pt;
	margin-left: 3px;
	margin-bottom:0px;
}

H4.learn {
	/*width:100%; 
	height:15px; */
	color:#336699;
	font: bold 10pt;
	margin-left: 3px;
	margin-bottom:0px;
	background-color:#6699CC;
	color: white; 
}

H4.learnCategoryTitle {
  color: white; 
  background-color: #336699;
  padding: 2px;
  font-size:11pt;
}

DIV.learn {
	margin-top:5px;
	font:x-small;
	margin-bottom:15px
}

.learnFAQQuestion {
	margin-top:30px; 
	font-weight: bold;
}

TD.learnCompTable1 {
	text-align:center; 
	font-weight: bold; 
	color: white; 
	background-color:#6699CC;
}
TD.learnCompTable2 {
	font: 8pt; 
	color: white; 
	background-color:#6699CC; 
	width:230;
}

TD.content {
	text-align:center; 
	font: 8pt; 
	background-color:#ACC8E3;
	width:100;
}

UL.blackBullet {
	list-style-image:url(images/cps_tli_bullet.gif);
	margin-left:18; 
	margin-right:2; 
	margin-top:0; 
	margin-bottom:0px;
}

TABLE.prodMatchQuest {
	margin-left:20px;
}
TD.prodMatchQuestRadios {
	vertical-align:top;
	padding-right:10px;
}

/******************************************************************
 * styles for Reconcile tables
 */
TABLE.reconcileTABLE {
}

TR.reconcileTABLE {
}

TD.reconcileTABLE {
	text-align: right;
	white-space: nowrap;
}

/******************************************************************
 * styles used in the pop-up FAQ help pages 
 */
H2.qbcpsFaq {
	color: #336699;
	font-size:normal;
}

H3.qbcpsFaq {
	color: #336699;
}

H4.qbcpsFaq {
  color: #336699; 
  background-color: #E0E0E0;
  padding: 2px 2px 0 2px;
  font-size:10pt;
  margin:0 0 0 0;
}

H4.learnMoreFaq {
  color: #336699; 
  background-color: #E0E0E0;
  padding: 2px;
  font-size:10pt;
  margin:0 0 -16px 0;
}

.selectedClass {  
	color: #FFFFFF; 
	background-color: #003366; 
	border-style: solid; 
	border-color: #FF0000 #FF0000 black black;
	cursor:default
}

.QBRSTableHeader {
	border: 1px solid white;
	color: white;
	background: #6699CC;
	font-weight: bold;
}

.QBRSLogoBannerHeader {
	background: #336699;
	color:white;
	font-size:12pt;
	font-weight:bold;
	vertical-align:top;
	cursor:default;
}