.trxTypelink,
.link
{
	cursor: pointer;
	cursor: hand;
}

BODY
{
	clear: none;
	font-family: "Arial";
	font-size: 12px;
	margin: 3px;
}

	BODY.mainBody
	{
		padding-top: 5px;
	}

	BODY.msgBody
	{
		margin: 0px;
		padding: 0px;
		overflow: hidden;
	}

	BODY.navBody
	{
		padding: 0px;
		margin: 0px;
	}

	BODY.selectBody
	{
		margin-top: 3px;
	}

	BODY.scheduleBody
	{
		padding: 0px;
		margin: 0px;
	}

OBJECT.winformGrid
{
	font-size: 11px;
}

form
{
	margin: 0px;
}

IFRAME
{
	border-width: 0px;
	border-style: none;
}

DIV
{
	overflow: visible;
}

	DIV.fieldEnabler
	{
		width: 242px;
	}

	DIV.field
	{
		width: 250px;
		display: block;
		clear: right;
		padding: 0px 5px 5px 0px;
	}

	DIV.fieldEnabler DIV.field
	{
		width: 210px;
		float: left;
		clear: none;
	}

	DIV.field SPAN
	{
		text-align: left;
		float: left;
		clear: left;
		margin-right: 5px;
		margin-left: 5px;
		width: 100%;
	}

	DIV.field DIV.field SPAN
	{
		margin-left: 10px;
	}

	DIV.field SPAN.text
	{
		clear: none;
		width: 120px;
	}

	DIV.field IMG.left
	{
		width: 20px;
		height: 20px;
		float: left;
		clear: left;
		align: top;
	}

	DIV.field IMG.right
	{
		width: 20px;
		height: 20px;
		float: left;
	}

	DIV.field INPUT,
	DIV.field A
	{
		float: left;
		padding: 0px;
		width: 159px;
	}

	DIV.search INPUT
	{
		border-style: solid;
		border-width: 1px;
		padding: 1px;
	}

	DIV.field SELECT.dd
	{
		float: left;
		width: 163px;
	}

SPAN.fieldCheckBox
{
	margin-left: 40px;
}

DIV.fieldEnabler SPAN.fieldCheckBox
{
	float: left;
	margin-left: 0px;
	margin-top: 10px;
}

DIV.frame
{
	Z-INDEX: 10;
	overflow: visible;
}

DIV.dropDown
{
	float: left;
	width: 194px;
}

	DIV.dropDown INPUT
	{
		float: left;
		width: 159px;
	}

DIV.headerSpace SPAN
{
	white-space: nowrap;
}

DIV.radioHolder SPAN INPUT
{
	float: left;
	width: 20px;
}

DIV.radioHolder SPAN
{
	width: 100%;
}

	DIV.radioHolder SPAN LABEL
	{
		float: left;
		overflow-x: hidden;
	}

DIV.dropDown IMG.right
{
	width: 20px;
	height: 20px;
	float: left;
}

DIV.ddListSpecial
{
	width: 185px;
}

DIV.chartDropDown
{
	float: left;
	width: 226px;
}

	DIV.chartDropDown INPUT
	{
		float: left;
		width: 200px;
	}

TEXTAREA.dropDownBox,
DIV.dropDownBox
{
	border-width: 1px;
	border-style: solid;
	border-color: black;
	display: none;
	position: absolute;
	overflow-y: scroll;
	overflow-x: hidden;
}

*.outerDropDownBox DIV.dropDownBox
{
	position: relative;
}

*.outerDropDownBox *.dropDownBox
{
	display: none;
	border-width: 0px;
	overflow-y: hidden;
	width: 350px;
	height: 225px;
}

*.outerDropDownBox
{
	border-width: 1px;
	border-style: solid;
	border-color: black;
	display: none;
	position: absolute;
	overflow-y: hidden;
	overflow-x: hidden;
	width: 350px;
	height: 255px;
	padding: 3px;
	background-color: lightgrey;
}

DIV.dropDownBox DIV
{
	text-align: left;
	padding-left: 3px;
}

	DIV.dropDownBox DIV IMG
	{
		position: relative;
		top: -1px;
		vertical-align: middle;
		margin: 0px;
		padding: 0px;
		margin-right: 3px;
	}

DIV.textBox
{
	padding: 0px;
	width: 462px;
}

	DIV.textBox TEXTAREA
	{
		float: left;
		padding: 0px;
		margin: 0px;
		width: 392px;
		font-family: "Arial";
	}

DIV.area
{
	POSITION: absolute;
	margin: 0px;
	padding: 0px;
	width: 0px;
}

DIV.multiselect
{
	POSITION: absolute;
}

DIV.areaLabel
{
	MARGIN-LEFT: 5px;
	POSITION: relative;
	HEIGHT: 15px;
	white-space: nowrap;
	overflow: hidden;
}

DIV.dragArea
{
	width: 0px;
	OVERFLOW-X: hidden;
	OVERFLOW-Y: scroll;
	MARGIN: 5px;
	BORDER: #000000 2px solid;
	PADDING: 0px;
	POSITION: absolute;
}

DIV.item
{
	min-height: 15px;
	margin: 3px;
	WIDTH: 100%;
	cursor: pointer;
	CURSOR: hand;
	z-index: 1;
	font-color: black;
	font-weight: bold;
	overflow: hidden;
}

	DIV.item DIV.field
	{
		margin-bottom: 3px;
	}

DIV.fixed
{
	min-height: 15px;
	margin: 3px;
	cursor: pointer;
	cursor: hand;
	background-color: #A9A9A9;
	color: #000000;
}

DIV.disabled
{
	CURSOR: default;
}

DIV.title
{
	white-space: nowrap;
	vertical-align: top;
	overflow: hidden;
	height: 20px;
}

IMG.title
{
	height: 20px;
	width: 20px;
}

DIV.toolTip
{
	position: absolute;
	display: none;
	border-width: 1px;
	border-style: outset;
	border-color: black;
	padding-left: 2px;
	padding-right: 2px;
	white-space: nowrap;
	text-align: left;
}

*.btn
{
	float: left;
	border-width: 1px;
	border-style: outset;
	padding: 1px;
	margin: 1px;
	text-align: center;
}

DIV.btnWrapper
{
	float: left;
	border-style: none;
	clear: none;
	padding-bottom: 1px;
	width: 100%;
}

DIV.btnWrapperNoWidth
{
	border-style: none;
	clear: none;
	padding-bottom: 1px;
	width: 0px;
}

INPUT.btn
{
	font-family: "Arial";
	font-size: 12px;
	padding: 1px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 2px;
}

*.tabHolder
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 6px;
	float: left;
}

DIV.tab
{
	display: inline;
	line-height: 26px;
	float: left;
}

	DIV.tab IMG
	{
		display: inline;
		vertical-align: top;
		height: 26px;
		width: 2px;
		float: left;
	}

	DIV.tab DIV
	{
		display: inline;
		line-height: 26px;
		height: 26px;
		vertical-align: baseline;
		float: left;
	}

DIV.titlebar
{
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
	float: right;
	padding-right: 8px;
}

*.tabHolder IMG.fill
{
	vertical-align: bottom;
	width: 10px;
	height: 26px;
	float: left;
}

*.tabHolder IMG.bottomFill
{
	width: 100px;
	height: 6px;
	float: left;
}

*.tabHolder IMG.topFixedWidth
{
	vertical-align: bottom;
	float: left;
}

*.tabHolder DIV.tabContent
{
	vertical-align: top;
	float: left;
}

DIV.tabSelected
{
	font-weight: bold;
	float: left;
}

IMG.bottom
{
	margin-top: 0px;
	padding-top: 0px;
	position: absolute;
	float: left;
}

DIV.tab IMG.leftImage, DIV.tab IMG.rightImage
{
	width: 6px;
	float: left;
}

*.tabHolder IMG.sideFill
{
	float: left;
	width: 6px;
	height: 100px;
}

DIV.side
{
	margin: 0px;
	padding: 7px;
	padding-top: 10px;
	border-width: 4px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-style: solid;
	font-weight: bold;
	overflow-y: scroll;
}

DIV.sideSpacer
{
	border-width: 0px;
	border-left-width: 4px;
	border-style: solid;
}

DIV.rcard
{
	overflow: hidden;
	padding: 0px;
	border-width: 0px;
	border-style: none;
	font-weight: bold;
	margin-bottom: 7px;
}

	DIV.rcard IFRAME
	{
		border-width: 0px;
		border-style: solid;
		width: 100%;
	}

DIV.card
{
	overflow: hidden;
	padding: 0px;
	border-width: 2px;
	border-style: solid;
	font-weight: bold;
	margin-bottom: 3px;
}

	DIV.card IFRAME
	{
		border-width: 0px;
		border-top-width: 2px;
		border-style: solid;
		width: 100%;
	}

DIV.cardOverflow
{
	border: solid 2px black;
	font-weight: bold;
	margin-bottom: 3px;
	overflow: hidden;
}

DIV.cardOverflowiframe
{
	padding: 3px;
	border-top: solid 2px black;
	font-weight: normal;
}

DIV.iframe
{
	border-width: 0px;
	border-top-width: 2px;
	border-style: solid;
	font-weight: normal;
	padding: 3px;
}

DIV.card SPAN.header, span.header
{
	margin-left: 10px;
	white-space: nowrap;
}

div.callOff span.header
{
	margin-left: 0px;
	white-space: normal;
}

div.card span.header span.callOff
{
	margin-left: 10px;
	font-weight: normal;
	white-space: nowrap;
}

DIV.dayHeader
{
	text-align: right;
	width: 100%;
	min-height: 15px;
}

DIV.subSection
{
	margin: 0px;
	overflow: hidden;
	padding: 2px;
	border-width: 2px;
	border-style: solid;
	margin-bottom: 7px;
}

	DIV.subSection SPAN.sectionName
	{
		font-weight: bold;
		padding-left: 0px;
	}

	DIV.subSection SPAN.headingText
	{
		font-weight: bold;
		padding-left: 10px;
	}

	DIV.subSection SPAN.valueText
	{
		font-weight: normal;
		padding-left: 5px;
	}

DIV.TreeNode
{
	white-space: nowrap;
}

	DIV.TreeNode DIV.TreeNode
	{
		margin-left: 10px;
	}

	DIV.TreeNode IMG
	{
		vertical-align: text-top;
	}

DIV.annc
{
	border-width: 0px;
	padding: 0px;
	padding-left: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
}

DIV.anncHolder
{
	border-style: solid;
	border-width: 2px;
	padding: 0px;
}

DIV.actionBoxItem
{
	float: left;
}

IMG
{
	border-width: 0px;
	border-style: none;
}

SPAN.card
{
	cursor: pointer;
	cursor: hand;
}

SPAN.categoryButton, IMG.categoryButton
{
	margin: 5px;
	height: 38px;
	width: 165px;
}

	SPAN.categoryButton IMG
	{
		height: 38px;
		width: 165px;
	}

*.pager
{
	white-space: normal;
}

	*.pager *
	{
		vertical-align: top;
		padding: 2px;
	}

	*.pager IMG
	{
		padding: 0px;
	}

TABLE, TD, TH
{
	border-style: none;
	border-spacing: 0px;
	margin: 0px;
}

*.pager IMG
{
	padding: 0px;
}

TABLE.caltable
{
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
	border-style: none;
	width: 100%;
	padding: 3px;
}

*.outerDropDownBox TABLE.caltable
{
	display: block;
	position: static;
}

TABLE.caltable TD.today
{
	border-width: 1px;
	border-style: solid;
}

TR.calheader TD
{
	font-weight: bold;
	height: 20px;
}

TR.calbody
{
	height: 15%;
}

TR.weekGridRow
{
	height: 60px;
}

	TR.calbody TD, TR.weekGridRow TD
	{
		text-align: top;
		vertical-align: top;
	}

TH.weekGridRowHeader
{
	text-align: center;
	vertical-align: middle;
}

*.filtered, TR.filtered, *.hidden, TR.hidden
{
	display: none;
}

TABLE.list
{
	border-style: solid;
	border-width: 2px;
	padding: 0px;
	float: left;
}

	TABLE.list TR
	{
		padding: 1px;
	}

DIV.tabContent TABLE.list TR TD
{
	padding: 2px;
}

*.mh,
TR.mh TH
{
	font-weight: bold;
	text-align: left;
	/*if the min-width changes - update the WebGridLib.js webGridLayout_fillPanel function*/
	min-width: 44px;
}

*.mh
{
	vertical-align: baseline;
}

TR.mh TH
{
	vertical-align: bottom;
	white-space: nowrap;
}

TABLE.shadowTop
{
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

TABLE.shadowBottom
{
	position: absolute;
	left: 0px;
	width: 100%;
}

*.shadowCorner
{
	height: 25px;
	width: 15px;
}

*.shadowCenter
{
	height: 15px;
	width: 100%;
	vertical-align: top;
}

TABLE.formLayout TR
{
	vertical-align: text-top;
}

TABLE.formLayout TD
{
	vertical-align: top;
	width: 50%;
}

FONT.Label
{
	font-weight: bold;
}

FONT.greeting
{
	font-family: "Arial";
	font-size: 24px;
	font-weight: bold;
}

H1
{
	font-family: "Arial";
	font-size: large;
	text-align: left;
}

.cbHolder
{
	border: none;
	float: left;
	margin: 1px 0px 0px 1px;
}

span.validationException, div.validationException
{
	font-weight: bold;
	font-size: larger;
	color: red;
}

span.prerequisiteIncomplete
{
	font-weight: bold;
	color: red;
}

span.prerequisiteMsg
{
	margin-left: 25px;
}

span.enrollmentStatus
{
	font-weight: bold;
	color: blue;
}

span.enrollmentStatusWarning
{
	font-weight: bold;
	color: red;
}

span.updateHostMessage
{
	margin-left: 10px;
	font-weight: bold;
}

TABLE.audit TH, TABLE.audit TD
{
	width: 40%;
}

	TABLE.audit TD.firstCol, TABLE.audit TH.firstCol
	{
		width: 20%;
	}

TABLE.prerequisiteSummary
{
	margin-left: 20px;
	margin-right: 20px;
}

	TABLE.prerequisiteSummary TH, TABLE.prerequisiteSummary TD
	{
		text-align: left;
		padding-left: 5px;
		padding-right: 5px;
	}

HR
{
	clear: left;
}

.edSumClassHiLite
{
	color: red;
}

*.buttonHolder
{
	clear: left;
	width: 100%;
	margin-bottom: 2px;
}

DIV.assocSelectMsg
{
	clear: left;
	margin-left: 25px;
}

span.scheduleAuction
{
	color: red;
}

DIV.scheduleSplitter
{
	cursor: s-resize;
	position: absolute;
	height: 5px;
	overflow: hidden;
}

DIV.edit
{
	border-style: solid;
	border-width: 2px;
	padding: 0px;
	width: 100%;
}

	DIV.edit DIV.NSTemplate,
	DIV.edit DIV.Template
	{
		display: none;
	}

	DIV.edit DIV.THead
	{
		position: relative;
		overflow: hidden;
		height: 20px;
	}

	DIV.edit DIV.TBody
	{
		position: absolute;
		overflow: hidden;
		z-index: 2;
		left: 0px;
	}

DIV.scrollRight
{
	position: absolute;
	overflow-x: hidden;
	overflow-y: scroll;
}

DIV.scrollBottom
{
	position: absolute;
	overflow-x: scroll;
	overflow-y: hidden;
}

*.absolute
{
	position: absolute;
}

.box
{
	border-width: 1px;
	border-style: solid;
	border-color: black;
	overflow-X: scroll;
	overflow-Y: scroll;
	position: absolute;
	z-index: 2;
	display: block;
}

.boxMaxHeight
{
	height: 200px;
}

.boxMaxWidth
{
	width: 200px;
}

.boxPosition
{
	position: absolute;
	z-index: 50;
}

*.cc
{
	position: absolute;
	z-index: 1;
}

*.smallImage
{
	width: 20px;
	height: 20px;
}

*.editFormat
{
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	float: left;
}

*.sortImage
{
	width: 14;
	height: 14;
	position: absolute;
	top: 1px;
}

*.searchBox
{
	width: 250px;
	height: 225px;
}

*.dateRangeTable
{
	border-collapse: collapse;
	width: 100%;
}

DIV.edit DIV.TFoot
{
	position: absolute;
	left: 0px;
}

DIV.edit DIV.TOuterRow
{
	float: left;
	width: 100%;
}

DIV.edit DIV.TRow
{
	float: left;
	overflow: hidden;
	height: 20px;
}

DIV.overflow DIV.TRow
{
	float: none;
}

DIV.edit SPAN.THeadCell
{
	font-weight: bold;
	text-align: left;
}

DIV.edit SPAN.THeadCell,
DIV.edit SPAN.TCell,
DIV.edit SPAN.TCell SPAN.help
{
	float: left;
	height: 20px;
	width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: top;
}

DIV.edit INPUT
{
	font-family: "Arial";
	font-size: 12px;
	vertical-align: top;
}

DIV.editor IMG.right
{
	width: 20px;
	height: 20px;
	vertical-align: top;
	float: left;
}

DIV.edit DIV.THead,
DIV.edit DIV.NSTHead
{
	float: left;
}

DIV.edit *.InValid,
DIV.edit *.InValid INPUT
{
	background-color: Red;
	color: White;
}

DIV.edit SPAN,
DIV.dropDownBox SPAN
{
	zoom: 1;
}

DIV.edit DIV.staticGridRow
{
	border-right-style: solid;
	border-right-width: 2px;
}

DIV.edit SPAN.gridCell
{
	border-right-style: solid;
	border-right-width: 1px;
}

DIV.validation,
DIV.overflow
{
	display: none;
	padding: 2px;
}

	DIV.overflow DIV.TRPair
	{
		border-width: 2px;
		border-style: solid;
		overflow-x: scroll;
	}

DIV.tabs SPAN
{
	margin-right: 4px;
	padding-left: 2px;
	padding-right: 2px;
	height: 20px;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
}

	DIV.tabs SPAN.gridTab
	{
		border-style: solid;
		border-width: 2px 2px 0px 2px;
	}

SPAN.groupDistribution,
SPAN.groupDistribution SPAN.orgUnitFieldList
{
	padding-bottom: 20px;
	display: table-row;
}

	SPAN.groupDistribution DIV.radioHolder
	{
		text-align: left;
	}

	SPAN.groupDistribution DIV.field
	{
		margin-left: 15px;
	}

	SPAN.groupDistribution DIV.enablerInvisible DIV.field
	{
		margin-left: 5px;
	}

DIV.fieldEnabler SPAN.groupDistribution,
DIV.fieldEnabler SPAN.orgUnitFieldList
{
	clear: left;
}

	DIV.fieldEnabler SPAN.orgUnitFieldList DIV.field,
	DIV.fieldEnabler SPAN.groupDistribution DIV.field
	{
		margin-left: 23px;
		width: 216px;
	}

	DIV.fieldEnabler SPAN.groupDistribution DIV.radioHolder
	{
		margin-left: 10px;
	}

DIV.fieldEnabler DIV.FactorFieldList
{
	margin-left: 23px;
}

DIV.splitTable
{
	position: absolute;
	overflow-y: scroll;
	overflow-x: scroll;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	background-color: transparent;
}

SPAN.relativeDate
{
	width: 291px;
	display: block;
	padding: 0px 5px 0px 0px;
	margin-bottom: 5px;
}

	SPAN.relativeDate DIV.displayName
	{
		text-align: left;
		float: left;
		margin-right: 5px;
		margin-left: 5px;
		width: 100%;
	}

	SPAN.relativeDate DIV.fieldContainer
	{
		float: left;
	}

		SPAN.relativeDate DIV.fieldContainer DIV.radioHolder
		{
			display: inline;
			text-align: left;
			margin-left: 15px;
			float: left;
		}

		SPAN.relativeDate DIV.fieldContainer DIV.fieldHolder
		{
			display: inline;
			margin-top: 3px;
			float: left;
		}

	SPAN.relativeDate DIV.timeFieldContainer SPAN
	{
		margin-top: 5px;
	}

DIV.payPeriodWebPageHeader
{
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
}

DIV.authorizationCardMessageClass
{
	margin-bottom: 7px;
	font-weight: bold;
	font-size: 12px;
}

DIV.quickBadgeSuccessful
{
	font-weight: bold;
	padding-top: 8px;
	font-size: 16px;
}

DIV.quickBadgeUnsuccessful
{
	font-weight: bold;
	padding-top: 8px;
	font-size: 16px;
	color: red;
}

DIV.disabled
{
	color: #939393;
	text-shadow: 1px 1px 1px #FFFFFF;
}

SPAN.disabled
{
	color: #939393;
	text-shadow: 1px 1px 1px #FFFFFF;
}

DIV.hiddenSide
{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	writing-mode: tb-rl;
	position: absolute;
}

.payGroupInterfaceEditUpdateSpan
{
	float: left;
	font-size: 13px;
}

.payGroupInterfaceEditStatusDiv
{
	width: 100%;
	float: left;
	padding: 8px 8px 8px 8px;
	background-color: transparent;
}

.validationMessage
{
	color: red;
}

.calendarDayHead
{
	background: #f2f2f2;
	border: 1px solid #bfbfbf;
	float: left;
	font-size: medium;
	margin-top: 10px;
	padding: 10px 0;
	text-align: center;
	width: 13.5%;
}

.dayDiv
{
	cursor: pointer;
	height: 90px;
	padding: 5px;
}

.dayFocused
{
	background: #FFF;
}

.dayNonFocused
{
	background: #ECECEC;
}

.dayFocused .selected
{
	background: #C9BD51;
}

.dayFocused:hover
{
	background: #EADF73;
	cursor: pointer;
}

.dayHoverDisabled
{
	background: #FFF;
	cursor: default;
}

.dayTotal
{
	color: black;
	display: block;
	font-size: medium;
	font-weight: bold;
	padding: 25px 0 0;
	text-align: center;
	text-decoration: none;
}

.calendarSpan
{
	border: 1px solid #ddd;
	float: left;
	width: 13.5%;
}

.calTitle
{
	font-size: xx-large;
	padding: 10px;
	text-align: center;
}

.headerCol
{
	text-align: center;
}

.clear
{
	clear: both;
}

.sub-header-left
{
	width: 33%;
	float: left;
	text-align: right;
}

.sub-header-middle
{
	float: left;
	width: 33%;
}

.sub-header-right
{
	float: left;
	width: 33%;
	text-align: left;
}

.sub-header-value
{
	font-size: 13px;
	font-weight: 900;
	padding: 0 0 0 10px;
}

SPAN.super
{
	vertical-align: super;
	font-size: smaller;
	margin-top: -5px;
	display: inline-block;
}