/* General UI Classes

Start Element Definitions
----------------------------------------------------------------------*/

/*a:link, a:visited
{
	color: #006699;
}
a:hover
{
	/* color:#CDE3ED;*/
    /*color: #006699;
	background-color: #cde3ed;
}
a:active
{
    color: #006699;
	/* color:#ff0000;*/
/*}*/

/*body
{
	margin: 0px, 0px, 0px, 0px;
	background: White;
}*/





body,
body div,
body p,
body th,
body tr,
body li,
body dd,
input,
select,
textarea
{
	font-family: 'Circular';
/*	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
   font-size: 14px;
	/* Defines the default font and size to be used on the entire site
	these settings may be overridden in subsequent tags,
	but don't duplicate values.*/
}

b, strong
{
	font-weight: bold;
}

/* End Element Definitions
----------------------------------------------------------------------*/

/* Start Class Definitions
----------------------------------------------------------------------*/
/* AppLink */
a.AppLink:link,
a.AppLink:visited,
a.AppLink12:link,
a.AppLink12:visited
{
	color:#0033cc;
}
a.AppLink:hover, a.AppLink12:hover
{
	color: #CDE3ED;
}
a.AppLink:active,
a.AppLink12:active
{
	color:#006699;
}
/* used in projected calendar to force link size up to default text size */
a.AppLink12:link,
a.AppLink12:visited,
a.AppLink12:hover,
a.AppLink12:active
{
	font-size: 12px;
}


/* LinkNoUnderLine */
a.LinkNoUnderLine:link,
a.LinkNoUnderLine:visited,
a.LinkNoUnderLine:active
{
	color:#000000;
	text-decoration: none;
}
a.LinkNoUnderLine:hover
{
	color:#000000;
	/* text-decoration: underline;*/
	text-decoration: none;			/* AArti */

}

/* LinkNoVisual - used by zooms for hiding the actual link column*/
a.LinkNoVisual:link,
a.LinkNoVisual:visited,
a.LinkNoVisual:active,
a.LinkNoVisual:hover
{
	color:#000000;
	text-decoration: none;
}

/* LinkNoVisual - used by zooms for hiding the actual link column*/
a.LinkUnderline:link,
a.LinkUnderline:visited,
a.LinkUnderline:active,
a.LinkUnderline:hover
{
	color:#000000;
}

/* Used in Employee Editor*/

fieldset
{
	border:1px solid #FF0000;			/* Red Change ????? */
	padding:4px 4px 4px 4px;
}

/* BackTo - Used by: BackTo Control and General UI pages*/
.BackTo
{
	font-weight: bold;
}

/* -- */
.BoldLabel
{
	font-weight: bold;
	padding-top: 10px;
	font-size: 12px;
}

/* This style is used for action button rows
such as submit, reset, etc.  */
.ButtonContainer
{
	margin-top: 8px;
	margin-bottom: 4px;
	text-align: center;
}
.ButtonContainer-Btn
{
	padding: 4px 4px 4px 4px;
}

/* -- */
.ClientNameLabel
{
	font-weight: bold;
	font-size: 12px;
	color: gray;
	font-style: italic;
}

/* DataTable */
a.DataTable-TotalRow-HyperLink:link,
a.DataTable-TotalRow-HyperLink:visited,
a.DataTable-TotalRow-HyperLink:active,
a.DataTable-TotalRow-HyperLink:hover
{
	color: yellow;
}
td.DataTable-HeaderRow-SelectedColumn
{
	background-color: #E0D6A5;
	text-align: center;
	color: Black;
}
td.DataTable-HeaderRow-SubColumn
{
	background-color: #d8ce9b;
	text-align: center;
	color: Black;
	font-weight: bold;
}
td.DataTable-SelectedCell-Odd
{
	background-color: #FAFAFE;
}
td.DataTable-SelectedCell-Even
{
	background-color: #ECECF8;
}
td.DataTable-WeekendCell-Odd
{
	background-color: #FAFAFE;
}
td.DataTable-WeekendCell-Even
{
	background-color: #ECECF8;
}
td.DataTable-SelectedCell-SelectedRow
{
	background-color: #968F62;
}
tr.DataTable-SelectedRow
{
	background-color: #CADAF0;
}
tr.DataTable-BodyRow /*use when no odd/even row shading is necessary */
{
	background-color: White;
}
tr.DataTable-BodyRow-Disabled
{
	background-color: #fafafa;
	color: Gray;
}
tr.DataTable-BodyRow-Even,
tr.DataTable-BodyRow-Even-H,
tr.DataTable-BodyRow-Even-SmallText,
tr.DataTable-BodyRow-Even-SmallTextSch
{
	background-color: #e9e9e9;
}
tr.DataTable-BodyRow-Even-SmallText,
tr.DataTable-BodyRow-Even-SmallTextSch
{
	font-size: 10px;
}
tr.DataTable-BodyRow-Odd,
tr.DataTable-BodyRow-Odd-H,
tr.DataTable-BodyRow-Odd-SmallText,
tr.DataTable-BodyRow-Odd-SmallTextSch
{
	background-color: White;
}
tr.DataTable-BodyRow-Odd-SmallText,
tr.DataTable-BodyRow-Odd-SmallTextSch
{
	font-size: 10px;
}
tr.DataTable-BodyRow-Odd-SmallTextSch,
tr.DataTable-BodyRow-Even-SmallTextSch
{
	vertical-align:top;
}
tr.DataTable-BodyRow-Even-H,
tr.DataTable-BodyRow-Odd-H
{
	cursor: pointer;
}
tr.DataTable-BodyRow-Hover,
td.DataTable-BodyCell-Hover
{
	background-color: #c6c6c6;
	cursor: pointer;
}
tr.DataTable-HeaderRow,
tr.DataTable-HeaderRow-H,
tr.DataTable-HeaderRow-SmallText
{
	background-color: #ede6c4;
	font-weight: bold;
	text-align: center;
	color: Black;
}
/* H - hand cursor */
tr.DataTable-HeaderRow-H
{
	cursor: pointer;
}
/* nH - no Hand style to override cursor
set in tr.DataTable-HeaderRow-H (i.e., Select column)*/
td.DataTable-HeaderRow-Column-nH
{
	cursor: default;
}
/* DataTable-HeaderRow-SmallText */
tr.DataTable-HeaderRow-SmallText
{
	font-size: 10px;
}
td.DataTable-HeaderCell-Sort
{
	background-color: #c6c6c6;
	text-decoration: underline;
}
td.DataTable-SortColumnOn,
td.DataTable-SortColumnOff
{
	background-image: url(/adptlm/Images/SortColumnDotGraphic.gif);
	cursor: hand;
	border: 2px outset #FFFFFF;
}
tr.DataTable-TotalRow,
input.DataTable-TotalRow-TotalField
{
	color: Yellow;
}
td.DataTable-TotalRow-Total-Minus
{
	color: #FFCCCC;
	font-weight: bold;
}
input.DataTable-TotalRow-TotalField
{
   background: transparent;
	border: none;
	text-align: right;
	padding-right:6px;
	font-weight: bold;
}
.DataTable-ShellTable
{
	background-color: #979797;
}
td.DataTable-HeaderCell-Sort
{
	background-color: #c6c6c6;
	text-decoration: underline;
}

td.GreyCell
{
	background-color:#e9e9e9;
}

/* used to separate numeric field and label next to it
	for example look in Break Rule */
td.CellWithLeftPadding
{
	padding-left: 5px;
}

/* Schedules - weekselector dropdown selected week color */
.SelectedWeek
{
	background-color: #CADAF0;
}

.SelectedEmployeeID
{
	padding-bottom: 2px;
	border-bottom: 1px solid #CC0000;
}
.SortColumnSymbolDn,
.SortColumnSymbolUp
{
	background-repeat: no-repeat;
	background-position: right;
	vertical-align: bottom;
	width: 14px;
	height:12px;
}
.SortColumnSymbolDn
{
	background-image: url(/adptlm/Images/SortColumnArrowDown.gif);
}
.SortColumnSymbolUp
{
	background-image: url(/adptlm/Images/SortColumnArrowUp.gif);
}
.HiddenItem
{
	display:none;
}
.VisibleItem
{
	display:inline;
}
.HiddenCell,
.HC
{
	display:none;
}
.VisibleCell,
.VC
{
	display:table-cell;
}
.HiddenRow
{
	display:none;
}
.VisibleRow
{
	display:table-row;
}
.HiddenTable
{
	display:none;
}
.VisibleTable
{
	display:table;
}
/* Info Table */
table.InfoTable
{
	background-color: white;
}
td.InfoTable-FieldLabelCell
{
	font-weight: bold;
}
td.InfoTable-FieldCell
{
	font-weight: normal;
}

/* InfoList Table */
tr.InfoListTable-BodyRow /*use when no odd/even row shading is necessary */
{
	background-color: White;
}
tr.InfoListTable-BodyRow-Even
{
	background-color: #e9e9e9;
}
tr.InfoListTable-BodyRow-Odd
{
	background-color: White;
}
.InfoListTable-ShellTable
{
	background-color: White;
}


/* This style is used for spacing table columns, suc as Personal Information */
td.GutterColumn
{
	width: 12px;
}

/* Menu table for Admin Services*/
DIV.MenuBlock
{
	width:300px;
	float:left;
	padding: 5px 12px 5px 12px;
}
td.menuSectionHeadings
{
	width: 100%;
	border-bottom: 1px solid #C0C0C0;
	padding: 12px 0px 2px 0px;
	font-weight: bold;
	color: #CC0000;
}
td.menuDescription
{
	padding: 6px 0px 6px 0px;
}
td.menuItems
{
	background-image: url("/adptlm/images/Bullet_red.png");
	background-repeat: no-repeat;
	background-position: 1px;
	padding: 4px 4px 4px 16px;
}

/* Messaging */
/*This style is used to display app messages(formerly portal messages)*/
.ApplicationMessage
{
	background-image: url("/adptlm/images/bullet_grey.gif");
	background-repeat: no-repeat;
	background-position: left;
	width: 100%;
	padding-left: 16px;
}
.StatusMessage,
.StatusMessageNoImage,
.InfoText,
.InfoTextNoImage,
.WarningText,
.WarningTextNoImage,
.ErrorText,
.ErrorTextNoImage,
.WaitMessage,
.WaitMessageNoImage
{
   padding: 4px 4px 4px 36px;
	background-repeat: no-repeat;
	background-position: top left;
	line-height: normal;
	margin: 2px 2px 2px 2px;
}

.WaitMessage,
.WaitMessageNoImage
{
   border: 1px solid #339933;
	background-color: #ECFFEC;
	background-image: url("/adptlm/images/WaitIcon.gif");
}


.StatusMessage,
.StatusMessageNoImage
{
   border: 1px solid #D6D83F;
	background-color: #FFFF99;
	background-image: url("/adptlm/images/MsgConfirm.png");
}

.InfoText,
.InfoTextNoImage
{
   border: 1px solid #B4B4B4;
	background-color: #FDF9F4;
	background-image: url("/adptlm/images/MsgInfo.png");
}

.WarningText,
.WarningTextNoImage
{
   border: 1px solid #D6D83F;
	background-color: #FFFF99;
	background-image: url("/adptlm/images/MsgWarning.gif");
}

.ErrorTextSubItem
{
	padding-left: 16px;
	padding-top: 4px;
}

.StatusMessageNoImage,
.InfoTextNoImage,
.WarningTextNoImage,
.ErrorTextNoImage,
.WaitMessageNoImage
{
	padding: 4px 4px 4px 4px;
	background-image: none;
}

/* The three TCA styles below are used for displaying
   the timecard approval status messages on the timecard. */
div.TCARequired,
div.TCAOK,
div.TCAError
{
	border: 2px outset #FFFFFF;
	background-color: #EEEEEE;
	padding: 6px 8px 8px 34px;
	background-repeat: no-repeat;
	background-position: top left;
	cursor:pointer;
}
div.TCARequired
{
	background-image: url("/adptlm/images/TimecardApprovalReq.gif");
}
div.TCAOK
{
	background-image: url("/adptlm/images/TimecardApprovalOK.gif");
}
div.TCAError
{
	border: 1px solid black;
	background-color: #FFFFFF;
	background-image: url("/adptlm/images/TimecardApprovalError.gif");
	cursor: default;
}

li.BulletNSItem
{
 line-height:100%;
 padding:2px 0px 2px 0px;
}


/* This style is used in the company login w/in the portal redirector */
.LanguageTitle
{
	border-bottom: red 1px solid;
	background-color: #F5F5F5;
	border-bottom-color: #C0C0C0;
}

/* This style is used for the main content area cell
below the tab row of the highest-level pages
(my Labor, my Attendance, etc.)  */
.MainContentCell
{
	padding-left: 8px;
	padding-right: 8px;
}

/*This is used by the footer control when the application is
  running w/in the Employee Self-Service portal*/
.PortalFooterText
{
	font-size: 9px;
	color: black;
}

/* This style is used in the company login w/in the portal redirector */
.ThinRedBox
{
	border: 1px solid #C0C0C0;
}

/* Portlet-Shaded */
td.Portlet-Shaded-BodyCell
{
	background-color: #e6e6e6;
	padding: 4px 4px 4px 4px;
}

/* Portlet-Outlined */
a.Portlet-Outlined-Headerlink:link,
a.Portlet-Outlined-Headerlink:active,
a.Portlet-Outlined-Headerlink:hover,
a.Portlet-Outlined-Headerlink:visited
{
	color: White;
}
td.Portlet-Outlined-HeaderCell
{
	background-color: #666666;
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid black;
	padding: 4px 4px 4px 4px;
}
tr.Portlet-Outlined-HeaderContent
{
	color: white;
	font-weight: bold;
}
td.Portlet-Outlined-BodyCell
{
	background-color: white;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	padding: 2px 4px 2px 4px;
}
tr.Inactive-Table-HeaderContent
{
	color: black;
	font-weight: bold;
}
td.Inactive-Table-Header
{
	background-color: #CFCFCF;
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid black;
	padding: 4px 4px 4px 4px;
}
/* Block Header Table*/
table.BlockHeader
{
	width: 100%;
	border-bottom: 1px solid Red;
	padding-bottom: 4px;
	margin-top: 12px;
	margin-bottom: 12px;
	vertical-align: bottom;
	border-bottom-color: #C0C0C0;
}
td.BlockHeader-LeftCell
{
	font-weight: bold;
	width: 70%;
	text-transform: uppercase;
	color: Red;
}
td.BlockHeader-RightCell
{
	width:30%;
	text-align: right;
}
li.BlockHeaderBullet
{
	list-style-type: square;
}

/* Section Header Table*/
table.SectionHeader
{
	width: 100%;
	padding-bottom: 4px;
	margin-top: 12px;
	vertical-align: bottom;
	border-bottom-color: #C0C0C0;
	background-image: url(/adptlm/images/Grid/bg-table-head.png);
	background-repeat: repeat-x;
}
td.SectionHeader-LeftCell
{
	font-size: 16px;
	font-weight: normal;
	width: 16px;
	white-space: nowrap;
}
td.SectionHeader-RightCell
{
	width:95%;
	text-align: left;
}

/* Info (Help) Table styles */
.infoHeading,
.infoParagraph,
.infoItem
{
	font-size: 10px;
}
.infoParagraph,
.infoItem
{
	line-height:100%;
	padding-top:6px;
}
td.InfoBaseTableCell
{
	border: thick solid #F3F3F3;
	background-color: #FFFFFF;
}

.infoItems
{
	margin:2px 0px 6px 28px;
}

/* Table Header Table*/
table.TableHeader
{
	width: 100%;
	margin-top: 9px;
	margin-bottom: 6px;
	vertical-align: bottom;
}
td.TableHeader-LeftCell
{
	font-weight: bold;
	width: 70%;
}
td.TableHeader-RightCell
{
	width:30%;
	text-align: right;
}

/* Schedule Main Screen styles */
.RCSel { background-color:#FFFFFF; }
.selEmpBkd
{
	background-image:url(/adptlm/images/selSchCellBkd2.jpg);
	background-position:top;
	background-repeat:repeat-x;
	color: white;
}

.selSchBkd
{
	background-image:url(/adptlm/images/selSchCellBkd2.jpg);
	background-position:top;
	background-repeat:repeat-x;
	color: white;
}
.selBkdEdit
{
	color:white;
	background-color: #CC0033;
}
.selBkdRecurLt
{
	background-color: #CDE6CA;
	color: black;
}
.selBkdSwap
{
	color:white;
	background-color: #cc9933;
}
.disabledField
{
	color:gray;
	background-color:#f3f3f3;
}
.enabledField
{
	color:black;
	background-color:white;
}

a.disabledLink:link,
a.disabledLink:hover,
a.disabledLink:active,
a.disabledLink:visited
{
	color:Gray;
	text-decoration: none;
	cursor:default;
}

/* End Schedule Main Screen Styles */


/* Section Divider */
div.SectionDivider
{
	line-height: 1px;
	margin-top: 7px;
	margin-bottom: 7px;
}
div.SectionDivider-Line
{
	line-height: 1px;
	background-color: #A9A9A9;
	margin-top: 7px;
	margin-bottom: 7px;
}

/* Status Text - used on the Export Template Detail screen */
.StatusText-Blue
{
	color: #335390;
	font-style: italic;
}
.StatusText-Red
{
	color: #CC0000;
	font-style: italic;
}
/* End Status Text */


div.SectionDividerWithTitle
{
	font-weight: bold;
	border-width: 0px 0px 1px 0px;
	border-color: #C0C0C0;
	border-style: solid;
	padding-bottom: 2px;
	margin-top: 12px;
	margin-bottom: 8px;
}

/* Edit Exceptions By Employee Table - custom styles - Start */
td.ExTbl-HC
{
	border-right: 1px solid #666666;
}
td.ExTbl-BC,
td.ExTbl-BC-NrB
{
	border-bottom: 1px dashed;
}
td.ExTbl-BC-TopRow,
td.ExTbl-BC-TopRow-NrB
{
	border-bottom: 1px solid #666666;
}
td.ExTbl-BC-TopRow,
td.ExTbl-BC-TopRow-NrB,
td.ExTbl-BC-TopRow-NoDash
{
	border-top: 1px solid #666666;
}

td.ExTbl-BC,
td.ExTbl-BC-NoDash,
td.ExTbl-BC-TopRow,
td.ExTbl-BC-TopRow-NoDash
{
	border-right: 1px solid #666666;
}
.ExTbl-StText
{
	font-weight: bold;
	font-style: italic;
	padding-left: 10px;
}
.ExTbl-StText-Dtl
{
	font-style: italic;
	font-size: 12px;
	padding-left: 14px;
}
/* Edit Exceptions By Employee Table - custom styles - End */

/* User Roles */
div.UEmainTab
{
	background-color: #666666;
	color: White;
	font-weight: bold;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	padding: 3px 4px 3px 4px;
	border-top-color: #C0C0C0;
	border-bottom-color: #C0C0C0;
}
div.UEsubTab
{
	background-color:#f3f3f3;
	font-weight: bold;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	padding:3px 4px 3px 24px;
}
/* User Roles - End*/

/* Start Rich Text Editor Styles*/
.rteImage {
	background: #D3D3D3;
	border: 1px solid #D3D3D3;
	cursor: pointer;
	cursor: hand;
}

.rteImageRaised, .rteImage:hover {
	background: #D3D3D3;
	border: 1px outset;
	cursor: pointer;
	cursor: hand;
}

.rteImageLowered, .rteImage:active {
	background: #D3D3D3;
	border: 1px inset;
	cursor: pointer;
	cursor: hand;
}

.rteVertSep {
	margin: 0 4px 0 4px;
}

.rteBack {
	background: #D3D3D3;
	border: 1px outset;
	letter-spacing: 0;
	padding: 2px;
}

.rteBack tbody tr td, .rteBack tr td {
	background: #D3D3D3;
	padding: 3px 0px 3px 0px;
}

.rteDiv {
	display: block;
	position: relative;
}
/*End Rich Text Editor Styles*/

td.bracket
{
	background-image: url(/adptlm/images/bkt_v.gif);
	background-repeat: repeat-y;
	background-position: right;
}
td.bracketTop
{
	background-image: url(/adptlm/images/bkt_top.gif);
	background-repeat: no-repeat;
	background-position: right;
}
td.bracketBtm
{
	background-image: url(/adptlm/images/bkt_btm.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#clkGlobalizedClock
{
	border:solid 1px white;
}