/* General UI Classes
 
Start Element Definitions 
----------------------------------------------------------------------*/

a:link,
a:visited
{
	color:#0033cc;
}
a:hover
{
	color:#0066ff;
}
a:active
{
	color:#ff0000;
}

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

body,
body div,
body p,
body th, 
body td,
body li,
body dd,
input 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
	/* 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
{
	color:#0033cc;
}
a.AppLink:hover
{
	color:#0066ff;
}
a.AppLink:active
{
	color:#ff0000;
}

/* 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: left;
}

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

/* DataTable */
td.DataTable-HeaderRow-SelectedColumn
{
	background-color: #B3A363;
	text-align: center;
	color: Black;
}
td.DataTable-HeaderRow-SubColumn
{
	background-color: #d8ce9b;
	text-align: center;
	color: Black;
}
td.DataTable-SelectedCell-Odd
{
	background-color: #FFFFE1;
}
td.DataTable-SelectedCell-Even
{
	background-color: #EEE8AA;
}
td.DataTable-SelectedCell-SelectedRow
{
	background-color: #968F62;
}
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
{
	background-color: #e9e9e9;
}
tr.DataTable-BodyRow-Odd
{
	background-color: White;
}
tr.DataTable-BodyRow-Selected
{
	background-color: Gray;
	color: White;
}
tr.DataTable-HeaderRow
{
	background-color: #ede6c4;
	font-weight: bold;
	text-align: center;
	color: Black;
}
tr.DataTable-TotalRow
{
	color: Yellow;
	font-weight: bold;
}
.DataTable-ShellTable
{
	background-color: #979797;
}

/* Info Table */
table.InfoTable
{
	background-color: white;
}
td.InfoTable-FieldLabelCell
{
	font-weight: bold;
}
td.InfoTable-FieldCell
{
	font-weight: normal;
}

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

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

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

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

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

.ErrorText,
.ErrorTextNoImage
{
   border: 1px solid #ffcc00;	
	background-color: #ffcc00;
	background-image: url("/ezLaborManagerNetRedirect/images/Error.gif");
}

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

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


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

/* 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: red 1px solid;
}

/* 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;
}

/* Block Header Table*/
table.BlockHeader
{
	width: 100%;
	border-bottom: 1px solid Red;
	padding-bottom: 4px;
	margin-top: 12px;
	margin-bottom: 12px;
	vertical-align: bottom;
}
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%;
	border-bottom: 1px solid Red;
	padding-bottom: 4px;
	margin-top: 12px;
	margin-bottom: 12px;
	vertical-align: bottom;
}
td.SectionHeader-LeftCell
{
	font-size: 16px;
	font-weight: bold;
	width: 70%;
}
td.SectionHeader-RightCell
{
	width:30%;
	text-align: right;
}

/* 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;
}

/* 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;
}