/* ****************** */
/* Process Page stuff */
/* ****************** */

div.ProcessAppArea {
	padding-left: 5px;
	padding-right: 25px;
	border: medium;
}

TABLE.ProcessAppTable {
	background-color: #fff;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.ProcessMessageCell {
	background-color: #ffc;
	border: 0px;
	margin: 0px;
	padding: 2px 2px 2px 5px;
	height: 20px;
}

.ProcessStepsCell {
	background-color: #f8f8f8;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0px;
	padding: 0px;
}

.ProcessButtonCell {
	background-color: #fff;
	border: 0px;
	margin: 0px;
	padding: 0px;
}


/* ********************* */
/* APP FLOW STEPS STYLES */
/* ********************* */

/* class called FlowStepsTable to set up table properties for correct display */
/* class called FlowStepsTitleBar to create orange table cell for flow title */

.FlowStepsTable {
	background-color: #f8f8f8;
	width: 13em;
	border-collapse: collapse;
}

.FlowStepsTable a,
.FlowStepsTable a:visited {
	color: #333;
	text-decoration: none;
}
.FlowStepsTable a:hover,
.FlowStepsTable a:active {
	color: #333;
	text-decoration: none;
}

table.FlowStepsTable div {
	font-size: 90%;
	font-weight: normal;
	color: #333;
	padding-right: 2px;
	padding-left: 2px;
}

table.FlowStepsTable a {
	font-size: 90%;
	font-weight: normal;
	color: #333;
	text-decoration: none;
}


/* class called FlowStepsLinks to set up styles for the steps that */
/* are links for display in the FlowStepsTable */

tr.ProcessSubStep td,
tr.ProcessLastSubStep {
	background-color: #fff;
}

tr.ProcessCurrentStep td,
tr.ProcessCurrentSubStep td {
	background-color: #cce2e6;
}

tr.ProcessCurrentStep div,
tr.ProcessCurrentSubStep div,
tr.ProcessCurrentStep_high div,
tr.ProcessCurrentSubStep_high div {
	font-weight: bold;
}

tr.ProcessStart td,
tr.ProcessStep td,
tr.ProcessCurrentStep td,
tr.ProcessCurrentSubStep td,
tr.ProcessSubStep td,
tr.ProcessLastSubStep td {
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: top;
}

tr.ProcessStep td,
tr.ProcessCurrentStep td {
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}

tr.ProcessStep_high td,
tr.ProcessCurrentStep_high td {
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	cursor: pointer;
}

tr.ProcessSubStep_high td,
tr.ProcessCurrentSubStep_high td {
	cursor: pointer;
}

tr.ProcessLastSubStep td {
	border-bottom: 1px #fff solid;
}

tr.ProcessLastSubStep_high td {
	cursor: pointer;
	border-bottom: 1px #ccc solid;
}

tr.ProcessStart_high td,
tr.ProcessStep_high td,
tr.ProcessCurrentStep_high td,
tr.ProcessCurrentSubStep_high td,
tr.ProcessSubStep_high td,
tr.ProcessLastSubStep_high td {
	background-color: #4093a1;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: top;
}

tr.ProcessStart_high div,
tr.ProcessStep_high div,
tr.ProcessCurrentStep_high div,
tr.ProcessCurrentSubStep_high div,
tr.ProcessSubStep_high div,
tr.ProcessLastSubStep_high div,
tr.ProcessStart_high a,
tr.ProcessStep_high a,
tr.ProcessCurrentStep_high a,
tr.ProcessCurrentSubStep_high a,
tr.ProcessSubStep_high a,
tr.ProcessLastSubStep_high a,
tr.ProcessStart_high a:visited,
tr.ProcessStep_high a:visited,
tr.ProcessCurrentStep_high a:visited,
tr.ProcessCurrentSubStep_high a:visited,
tr.ProcessSubStep_high a:visited,
tr.ProcessLastSubStep_high a:visited,
tr.ProcessStart_high a:hover,
tr.ProcessStep_high a:hover,
tr.ProcessCurrentStep_high a:hover,
tr.ProcessCurrentSubStep_high a:hover,
tr.ProcessSubStep_high a:hover,
tr.ProcessLastSubStep_high a:hover,
tr.ProcessStart_high a:active,
tr.ProcessStep_high a:active,
tr.ProcessCurrentStep_high a:active,
tr.ProcessCurrentSubStep_high a:active,
tr.ProcessSubStep_high a:active,
tr.ProcessLastSubStep_high a:active {
	color: #fff;
	text-decoration: none;
}

tr.ProcessStart_high td {
	cursor: pointer;
}
.ProcessStartLinkBullet {
	padding-left: 4px;
	padding-right: 4px;
}
.ProcessStartLinkBullet img {
	border-width: 0px;
}

p.ProcessStartList,
p.ProcessNavigator {
	font-weight: bold;
	color: #333;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px #fff solid;
}

td.ProcessStartList {
	padding-top: 4ex;
}
p.ProcessStartList {
	border-bottom: 0px #fff solid;
	background-color: #cce2e6;
}

#ProcessHideHintsLink,
#ProcessShowHintsLink {
	cursor: pointer;
	text-decoration: underline;
}

table.ProcessPrimaryStartLinks td {
	padding-top: 5px;
	padding-bottom: 5px;
}

P.processStartLabel,
P.processStartLabel_sel,
TD.processStartLabel,
TD.processStartLabel_sel {
	padding-left: 5px;
	padding-right: 45px;
}
A.processStartLabel img,
A.processStartLabel_sel img {
	vertical-align: top;
}

A.processStartLabel,
A.processStartLabel:visited {
	font-weight: bold;
	color: #29006a;
}

A.processStartLabel:hover,
A.processStartLabel:active {
	font-weight: bold;
	color: #ff9a02;
}

.processStartLinkCell {
	padding: 1px 5px 1px 5px;
	background: #f7fbe3;
	margin: 0px;
}
.processStartLinkCell_high {
	padding: 1px 5px 1px 5px;
	background: #bebbc1;
	margin: 0px;
}

A.processStartLink:visited,
A.processStartLink:hover,
A.processStartLink_sel,
A.processStartLink_sel:visited,
A.processStartLink_sel:hover,
A.processStartLink_sel:active,
A.processStartLink {
	font-weight: normal;
	color: #000;
	padding: 0px;
	margin: 0px;
}

#processStartDropdownLayer {
	border-left: solid 1px #000;
	border-bottom: solid 1px #000;
	border-top: dashed 1px #666;
	background: #f7fbe3;
	padding-top: 3px;
}

/* *** Buttons *** */

.ButtonBar {
}
td.PrimaryButtonBar td {
}
td.SecondaryButtonBar td {
}

.primaryButton {
	font-family: Arial, Helvetica, sans-serif;
	background: #29006a;
	color: #fff;
	border: outset 2px #ff9a02;
	font-weight: bold;
	width: 7em;
}
.primaryButton_high {
	font-family: Arial, Helvetica, sans-serif;
	background: #d2d9c7;
	color: #202020;
	border: outset 2px #ff9a02;
	font-weight: bold;
	font-size: 90%;
	width: 7em;
}
.primaryButton_dis {
	font-family: Arial, Helvetica, sans-serif;
	background: #a2a2a2;
	color: #777;
	border: outset 2px #b5bcac;
	font-weight: bold;
	font-size: 90%;
	width: 7em;
}

.secondaryButton {
	font-family: Arial, Helvetica, sans-serif;
	background: #b5bcac;
	color: #202020;
	border: outset 2px #b5bcac;
	font-weight: bold;
	font-size: 90%;
	width: 7em;
}
.secondaryButton_high {
	font-family: Arial, Helvetica, sans-serif;
	background: #d2d9c7;
	color: #202020;
	border: outset 2px #b5bcac;
	font-weight: bold;
	font-size: 90%;
	width: 7em;
}
.secondaryButton_dis {
	font-family: Arial, Helvetica, sans-serif;
	background: #a2a2a2;
	color: #777;
	border: outset 2px #b5bcac;
	font-weight: bold;
	font-size: 90%;
	width: 7em;
}

.tertiaryButton {
	background: #c2c9b7;
	color: #202020;
	border: outset 2px #7d8079;
	font-weight: bold;
	font-size: 90%;
	width: 7em;
}
.tertiaryButton_high {
	background: #d2d9c7;
	color: #202020;
	border: outset 2px #a5ac9c;
	font-weight: bold;
	font-size: 90%;
	width: 7em;
}

.primaryActionButton {
	background: #29006a;
	color: #fff;
	border: outset 1px #ff9a02;
	font-weight: bold;
	font-size: 90%;
}
.primaryActionButton_high {
	background: #d2d9c7;
	color: #202020;
	border: outset 1px #ff9a02;
	font-weight: bold;
	font-size: 90%;
}
.secondaryActionButton {
	background: #b5bcac;
	color: #202020;
	border: outset 1px #b5bcac;
	font-weight: bold;
	font-size: 90%;
}
.secondaryActionButton_high {
	background: #d2d9c7;
	color: #202020;
	border: outset 1px #b5bcac;
	font-weight: bold;
	font-size: 90%;
}

.buttonStepNumber {
	color: #202020;
	font-weight: bold;
	font-size: 90%;
	width: 6em;
}

.ppButtonBar {
	padding-left: 10px;
	padding-top: 10px;
}

.ppButtonBar input {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 90%;
	padding: 2px;
}

/* *********************** */
/* TERTIARY NAVIGATION BAR */
/* *********************** */

/* class called TertiaryDiv to set up div with correct display properties for the bar */
/* class called TertiaryNavBar to set up table with correct display properties for the bar */
/* class called TertiaryNavLink to set up anchor tags */
/* display: block is used make the text link act as a block element */
/* this will allow for a hover effect that will highlight the */
/* menu item. */

div.TertiaryDiv {
	background-color: #fff;
	height: auto;
	margin: 0px;
	padding: 3px 5px 0px 20px;
	border-bottom: 3px solid #006f82;
}

.TertiaryNavBar {
	font-weight: bold;
	color: #330066;
	text-decoration: none;
	text-align: center;
	display: block;
	white-space: nowrap;
}

.TertiaryNavBar td {
	border-right: 3px solid #fff;
}


a.TertiaryNavLink,
a.TertiaryNavLink:visited {
	font-size: 85%;
	color: #333;
	text-decoration: none;
	text-align: center;
	display: block;
	background-color: #eaeaea;
	padding: 2px 10px 2px 10px;
	white-space: nowrap;
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	border-top: 1px solid #b2b2b2;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

a.TertiaryNavLink:hover,
a.TertiaryNavLink:active {
	background-color: #4093a1;
	color: #fff;
}


/* class called TertiaryNavSelected to create a style for the selected menu items */

.TertiaryNavSelected {
	font-size: 85%;
	background-color: #006f82;
	color: #fff;
	text-align: center;
	display: block;
	padding: 2px 10px 2px 10px;
	white-space: nowrap;
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	border-top: 1px solid #b2b2b2;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}
.TertiaryNavSelected a,
.TertiaryNavSelected a:visited,
.TertiaryNavSelected a:hover,
.TertiaryNavSelected a:active {
	color: #fff;
}

/* class called TertiaryNavLinkSelected to create a style for the selected menu items */


a.TertiaryNavLinkSelected,
a.TertiaryNavLinkSelected:visited {
	font-size: 85%;
	background-color: #006f82;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 2px 10px 2px 10px;
	white-space: nowrap;
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	border-top: 1px solid #b2b2b2;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}
a.TertiaryNavLinkSelected:hover {
	background-color: #4093a1;
	color: #fff;
}
