/* ************************************************** */
/* ************ ADMIN NAVIGATION STYLES ************* */
/* ************************************************** */

/* *********************** */
/* 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 {
	border-bottom: 2px solid #1c84c6;
	padding-left: 20px;
	background-color: #F3F3F4;
}

a[name="mainContent"] {
	text-decoration: none;
}

/* FIXME: these anchors should not be within the TertiaryDiv */
div.TertiaryDiv a[name="mainContent"] {
	display: none;
}

table.TertiaryNavBar {
	position: relative;
	bottom: -1px;
}

div.TertiaryDiv a,
div.TertiaryDiv span {
	text-decoration: none;
	white-space: nowrap;
	display: block;
	padding: 6px 15px 8px;
	font-weight:600;
	font-size: 14px;
}

a.TertiaryNavLink,
a.TertiaryNavLink:hover,
a.TertiaryNavLink:visited,
a.TertiaryNavLink:active {
	color: #808486;
}

table.TertiaryNavBar a.TertiaryNavLink-beta,
table.TertiaryNavBar a.TertiaryNavLink-beta:hover,
table.TertiaryNavBar a.TertiaryNavLink-beta:visited,
table.TertiaryNavBar a.TertiaryNavLink-beta:active {
	color: #808486;
	background-image: url('../images/beta_tab_wrapper.png');
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 25px;
}

table.TertiaryNavBar span.TertiaryNavSelected,
table.TertiaryNavBar a.TertiaryNavLinkSelected,
table.TertiaryNavBar a.TertiaryNavLinkSelected:hover
table.TertiaryNavBar a.TertiaryNavLinkSelected:visited
table.TertiaryNavBar a.TertiaryNavLinkSelected:active {
	color: #FFFFFF;
	background-color: #1c84c6;
	border-radius: 5px 5px 0 0;
}

table.TertiaryNavBar span.TertiaryNavSelected-beta,
table.TertiaryNavBar a.TertiaryNavLinkSelected-beta,
table.TertiaryNavBar a.TertiaryNavLinkSelected-beta:hover
table.TertiaryNavBar a.TertiaryNavLinkSelected-beta:visited
table.TertiaryNavBar a.TertiaryNavLinkSelected-beta:active {
	color: #FFFFFF;
	background-color: #1c84c6;
   border-radius: 5px 5px 0 0;
    background-image: url('../images/beta_tab_wrapper.png');
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 25px;
}



/* **************** */
/* BREADCRUMB LINKS */
/* **************** */


div.TitleBar a,
div.TitleBar a:visited,
div.TitleBar a:hover,
div.TitleBar a:active {
}

div.TitleBar {
	color: #292a2b;
}

div.TitleBar {
	padding: 10px 2px 10px 40px;
}


/* class called RequiredField to distinguish required information fields */
/* FIXME: this doesn't belong here */
.RequiredField {
	font: bold 18px arial, verdana, helvetica, sans-serif;
	color: #00f;
}


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

div.ProcessAppArea {
	padding: 20px 10px 0px 10px;

}

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

td.ProcessStepsCell {
	margin: 0;
	padding: 0;
}

.ProcessStep {
    padding-top: 3px;
}

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

td.ProcessStepsCell h3 {
	margin: 0;
	padding-left: 20px;
	color: #777;
	font-size: small;
}

div.ProcessNavigator {
	margin-bottom: 45px;
	padding-top: 15px;
}

div.ProcessNavigator h3 {
	background: none;
}

#contentScrollLayer.has-process {
	border: solid #e9f4fc;
	border-width: 12px 0 0 12px;
	-moz-border-radius-topleft: 3px;
	border-radius: 3px 0 0 0;
}

td.has-process {
	border: solid #e9f4fc;
	border-width: 0 0 0 12px;
}

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

ul.FlowStepsList {
	width: 14.9em;
	margin: 0;
	padding: 0 0 0 0px;
	list-style: none;
	color: #666A6C;
}


ul.FlowStepsList li {
	*margin-bottom: -3px;
	list-style: none;
}

ul.FlowStepsList a,
ul.FlowStepsList a:visited,
ul.FlowStepsList a:hover,
ul.FlowStepsList a:active {
	color: #284869;
	text-decoration: none;
	outline: none;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-radius: 3px 0 0 3px;
}

ul.FlowStepsList a, ul.FlowStepsList li.ProcessCurrentStep,
ul.FlowStepsList li.ProcessCurrentSubStep {
	display: block;
	padding: 5px;
}

ul.FlowStepsList a {
	cursor: pointer;
}

ul.FlowStepsList .ProcessSubStep, ul.FlowStepsList li.ProcessCurrentSubStep,
ul.FlowStepsList .ProcessLastSubStep {
	border: none;
}

ul.FlowStepsList li.tier-2 {
	padding-left: 1.8em;
	font-size: 12.5px;
}

ul.FlowStepsList li.tier-3 {
	padding-left: 3.1em;
	font-size: 12px;
}

ul.FlowStepsList li.tier-4 {
	padding-left: 5em;
	font-size: 11.5px;
}

ul.FlowStepsList li.tier-5 {
	padding-left: 6em;
	font-size: 11px;
}

ul.FlowStepsList li.ProcessCurrentStep, ul.FlowStepsList li.ProcessCurrentSubStep {
	background: #e9f4fc;
	color: #284869;
	cursor: default;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-radius: 3px 0 0 3px;
}

ul.FlowStepsList li a:hover {
	color: #fff;
	background-color: #82bff3;
}

ul.FlowStepsList span.step {
	display: block;
	float: left;
}

ul.FlowStepsList span.label {
	display: block;
	float: right;
	width: 88%;
}

ul.FlowStepsList span.label-icon {
	display: block;
	float: right;
	width: 88%;
	margin-top: -2.75px; !important;
}

ul.FlowStepsList .ProcessSubStep span.label,
ul.FlowStepsList .ProcessCurrentSubStep span.label,
ul.FlowStepsList .ProcessLastSubStep span.label {
	width: 90%;

}
ul.FlowStepsList.actions li {
	margin-bottom: 0;
}
ul.FlowStepsList.actions a {
	padding-left: 15px;
	background: url(../images/Admin/bullet_action.gif) left .3em no-repeat;
}

.ProcessPrimaryStartLinks {
    margin-left: 10px;
}

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

p.processStartLabel,
td.processStartLabel {
	padding-left: 5px;
	margin-right: 5px;
}
a.processStartLabel img {
	vertical-align: top;
}

a.processStartLabel,
a.processStartLabel:visited {
	color: #29006a;
}

a.processStartLabel:hover,
a.processStartLabel:active {
	color: #ff9a02;
}

/*Note: The following two classes are just so we don't need to modify any of the yui skins*/
.processStartLabel .yui-button a, .processPageButton   {
    border: 0px !important;
    background-color: #1ab394 !important;
    color: #ffffff !important;
    margin-right: 18px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight:600 !important;
}

.CancelButton:disabled,
.processPageButton:disabled {
    background: #999 !important;
    color: #e4e4e4 !important;
    cursor: default !important;
}

.processStartLabel .yui-button {
    border: 0px !important;
}

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

/* *** Buttons *** */

.secondaryButton {
	background: #b5bcac;
	color: #202020;
	border: outset 2px #b5bcac;
	font-weight: bold;
	font-size: 90%;
	width: 7em;
}
.secondaryButton_high {
	background: #d2d9c7;
	color: #202020;
	border: outset 2px #b5bcac;
	font-weight: bold;
	font-size: 90%;
	width: 7em;
}
.secondaryButton_dis {
	background: #a2a2a2;
	color: #777;
	border: outset 2px #b5bcac;
	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%;
}

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