/*******************************************************************************
Copyright © 2001-2011 IntelliTime Systems Corp.
Name: \VTI\Themes\Classic\vti.css (base)
Description:  Cascading Style Sheet to unify and clean up differences in page
              and font appearance.
********************************************************************************
Version Date       Author Comments
23      07/20/2011 PH     Added style for modal display.
22      01/07/2011 WJ     Added classes for IO error message.
21      04/05/2010 LV     Updated to fixup the fonts used in the system.
20      06/15/2009 LV     Added class for slider popup.
19      05/04/2009 LV     Added classes for body for master page mini variant.
18      12/04/2008 LV     Added classes for code and accent.
17      12/03/2008 LV     Updated the default text size for pages to 10pt.
16      09/29/2008 LV     Added CSS for leave details calendar screen.
15      09/23/2008 AC     LV added text-lh-notify.
14      09/04/2008 AC     Copied changed from LV from css / vti.css 5/23/08.
13      08/21/2008 LV     Added notify for li, lh and lhu
12      07/31/2008 LV     LV Removed unused css.
11      05/13/2008 LV     Added popUpDiv to support popups
10      05/08/2008 AC     Added text-li-strikethrough from LV version
9       04/12/2008 AC     Updated text title to look decent in both IE and FF,
                          removed text title formatting from master pages.
8       03/17/2008 AC     Added classes for odd and even lines in list and
                          change of PK line.
7       03/13/2008 AC     Added classes for sorted list header
6       03/12/2008 AC     Moved to themes location.
*******************************************************************************/

/*CSS to determine the standard settings for all normal objects*/
BODY
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 10pt;
    color: #000000;
    background-color: #FFFFFF;
    text-align: center;
    vertical-align: top;    
}

BODY.Mini
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 10pt;
    color: #000000;
    background-color: #E8E8E8;
    text-align: center;
    vertical-align: top;    
}

H1
{
    font-weight: bold;
    font-size: 16pt;
    color: black;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-variant: normal
}

H2
{
    font-weight: bold;
    font-size: 14pt;
    color: black;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-variant: normal
}

H3
{
    font-weight: bold;
    font-size: 12pt;
    color: black;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-variant: normal
}

H4
{
    font-weight: bold;
    font-size: 10pt;
    color: black;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-variant: normal
}

H5
{
    font-weight: bold;
    font-size: 8pt;
    color: black;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-variant: normal
}

H6
{
    font-weight: bold;
    font-size: 6pt;
    color: black;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-variant: normal
}


P
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 12pt;
    font-weight: normal;
}

INPUT
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 10pt;
    font-weight: normal;
    color: #000000;
}

INPUT.text
{
    background-color: #FFFFFF;
    border-style: inset;
}

INPUT.radio
{
    display: inline;
}

INPUT.checkbox
{
    display: inline;
}

INPUT.button
{
    height: 20pt;
}

SELECT
{
    background-color: #FFFFFF;
}

TEXTAREA
{
    background-color: #FFFFFF;
}

TABLE
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    color: #000000;
    border: none;
    border-spacing:0px;
    border-collapse: collapse;
}
/*End CSS to determine the standard settings for all normal objects*/


/*CSS to determine the modified settings for commonly used objects*/
.BorderedTable
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
	text-align: right;
	border-width: 2px;
    border-style: ridge;
    border-color: #ffffff;
}

.OuterFrame
{
    border-width: 2px;
    border-style: ridge;
    border-spacing:0px;
    border-collapse: collapse;
    border-color:#ffffff;
    background-color: #D0D0D0;
    vertical-align: top;
    padding: 15px;
    width: 100%;
}

.OuterInnerFrame
{
    border-width: 2px;
    border-style: ridge;
    border-spacing:0px;
    border-collapse: collapse;
    border-color:#ffffff;
    background-color: #E8E8E8;
    vertical-align: top;
    padding: 2px;
    width: 100%;
}

.Invisible
{
    border:none;
    border-style: none;
    border-collapse: collapse;
    vertical-align: top;
    padding: 2px;
    width: 100%;
}

.ThinBorder
{
    border-width: thin;
    border-style: ridge;
    border-spacing:0px;
    border-collapse: collapse;
    vertical-align: top;
    padding: 2px 2px 2px 2px;
    width: 100%;
}

.ThinBorder-Accent
{
    border-width: thin;
    border-style: ridge;
    border-spacing:0px;
    border-collapse: collapse;
    background-color: #F6F6F6;
    vertical-align: top;
    padding: 2px;
    width: 100%;
}

.ThinBorder-Accent-Dull
{
    border-width: thin;
    border-style: ridge;
    border-spacing:0px;
    border-collapse: collapse;
    background-color: #D0D0D0;
    vertical-align: top;
    padding: 2px;
    width: 100%;
}

.BorderedTableLeft
{
    font-size: 9pt;
	text-align: left;	
    border-color: #ffffff;
	background-color:#E8E8E8
}

.BorderTop
{
	font-size: 9pt;
	text-align: left;
	background-color:#D0D0D0;
	border-top-color:#ffffff; 
	border-top-width:thin; 
	border-top-style:ridge;
	border-bottom-style:none;
	border-right-style:none;
	border-left-style:none;
}

.BorderBottom
{
	font-size: 9pt;
	text-align: left;	
	background-color:#E8E8E8;
	
	border-top-style:none;
	border-bottom-color:#ffffff; 
	border-bottom-width:thin; 
	border-bottom-style:ridge;
	border-right-style:none;
	border-left-style:none;
}

.FindDiv
{
	width:100%;
	height:auto;
	background-color:#D0D0D0;
}

.FindDivNav
{
	float:right; 
	text-align:right;
	font-family:inherit;
    font-size: 8pt;
    font-weight: normal;
    color: #000000;
}

.Clear
{
    height: 0px;
    width: 0px;
    border: 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    clear: both;
}

/*Tabs selector CSS for rolodex look*/
.tabframe
{
    border-style: solid;
    border-color: #535353;
    border-right-width: 0px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 1px;
    border-spacing:0px;
    padding: 0px 4px 0px 4px;
    margin: 0px 0px 0px 0px;
    height: 40px;
    width: 98%;
    vertical-align: top;
    white-space:nowrap;
}
.tab-selected
{
    border: 1px;
    border-style: solid;
    border-color: #535353;
    border-collapse: collapse;
    padding: 4px 6px 0px 6px;
    margin:  7px -1px -1px -1px;
    height: 28px;
    font-weight: bold;
    font-size: 9pt;
    font-family: sans-serif;
    background-color: #f6f6f6;
    cursor: default;
    float: left;
    vertical-align: middle;
    white-space:nowrap;
}
.tab-unselected
{
    border: 1px;
    border-style: solid;
    border-color: #535353;
    border-collapse: collapse;
    padding: 2px 6px 0px 6px;
    margin: 13px 0px -1px 0px;
    height: 24px;
    font-size: 9pt;
    font-weight: normal;
    font-family: sans-serif;
    background-color: #e8e8e8;
    cursor: default;
    float: left;
    vertical-align: middle;
    white-space:nowrap;
}
.tab-divider
{
    float: left;
    width: 1px;
    vertical-align: bottom;
}
.tab-additional
{
	margin: 6px 0px 0px 0px;
    padding: 2px 2px 2px 2px;
    height: 28px;
    font-size: 9pt;
    font-weight: normal;
    font-family: sans-serif;
    cursor: default;
    float: right;
    vertical-align: middle;
    white-space:nowrap;
}

.popUpSlider
{
	border:none 0px tranparent;
    padding:0px;
    width: 100%;
}
	
.OISliderHeader
{
    background-color:#e8e8e8;
}

.popUpDiv
{
    white-space:nowrap;    
    font-family:Arial, Serif, Sans-Serif, Times New Roman;
    font-size:9pt;
    font-weight:normal;
    color:#000000;
    vertical-align:middle;
    text-align:left;

	border-style:solid;
	border-width:1px;
	border-color:#000000;
	border-collapse:collapse;
	text-decoration:none;
	background-color:#c0c0c0;
	color:#000000;
	padding:0px;
   
    position:absolute;
    z-Index:30001;
}

.contextPopUpDiv
{
    white-space:nowrap;    
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size:9pt;
    font-weight:normal;
    color:#000000;
    vertical-align:top;
    text-align:left;
    padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    background-color:#b0b0b0;
    border-collapse:collapse;
   
    position:absolute;
    z-Index:30001;
}

.contextPopUpDiv a, .contextPopUpDiv a:visited
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size:9pt;
    font-weight:normal;

	display: block;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	border-collapse:collapse;
	text-decoration:none;
	background-color:#c0c0c0;
	color:#000000;
	padding:1px 5px 1px 5px;
}
.contextPopUpDiv a:active, .contextPopUpDiv a:hover, .contextPopUpDiv a:focus
{
	background-color:#d0d0d0;
	color:#000000;
}

.leaveCal-text
{
	font-size:7pt;
	text-decoration:none;
}

.leaveCal-linkAC
{
	text-decoration:none;
	color:#009000
}

a.leaveCal-linkAC:active link hover visited 
{
	text-decoration:none;
	color:#009000
}

.leaveCal-link
{
	text-decoration:none;
	color:#0000FF
}

a.leaveCal-link:active link hover visited 
{
	text-decoration:none;
	color:#0000FF
}

/*End CSS to determine the modified settings for commonly used objects*/


/*CSS to determine the modified settings for commonly used text elements*/

.text-title
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 16pt;
    font-weight: bold;
    color: #000000;
}

.text-large
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 12pt;
    font-weight: bold;
    color: #000000;
}

.text-medium
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
}

/*List Header - for any text that displays the name of a heading in a table listing*/
.text-lh
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
}

.text-lh_sort
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
}

.text-lh_editdel
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: bold;
    color: #800000;
}

.text-lh-notify
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: bold;
    color: #2020C0;
}

.text-lhu
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
    border-bottom: #000000 1px solid;
}
.text-lhu_sort
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
    border-bottom: #000000 1px solid;
}

.text-lhu_editdel
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: bold;
    color: #800000;
    border-bottom: #000000 1px solid;
}

/*List Item - for the text that gets displayed in a table listing*/
.text-li
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: normal;
    color: #000000;
}
.text-liu
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: normal;
    color: #000000;
    border-bottom: #000000 1px solid;
}
.text-li-error
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: bold;
    color: #800000;
}
.text-li-strikethrough
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: normal;
    text-decoration:line-through;
    color: #000000;
}
.text-li-even
{
}
.text-li-odd
{
}
.text-li-changepk
{
	border-top: #808080 1px solid;
}

/*Settings Header - for any text that displays the name of an input object (textbox, select, etc)*/
.text-shb
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
}

.text-sh
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 10pt;
    font-weight: normal;
    color: #000000;
}

/*Other various text*/
.text-pagenumber
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 8pt;
    font-weight: normal;
    color: #000000;
}

.text-copyright
{
    font-family: 'Times New Roman', serif, Arial, Helvetica;
    font-size: 9pt;
    text-align: center;
    color: #000000;
}

.text-monospace
{
    font-family: 'Lucida Console', Consolas, 'Andale Mono', monospace, 'Courier New';
    font-size: 10pt;
    color: #000000;
}

span.text-accent
{
	color: #a00000;
	text-decoration: underline;
}

/*End CSS to determine the modified settings for commonly used text elements*/


/*CSS to determine the modified settings for general purpose*/

.text-bold
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
}
.text-normal
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 10pt;
    font-weight: normal;
    color: #000000;
}
.text-bold-alert
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 10pt;
    font-weight: bold;
    color: #cc2020;
}
.text-normal-alert
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 10pt;
    font-weight: normal;
    color: #cc2020;
}
.textsm-bold
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
}
.textsm-normal
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: normal;
    color: #000000;
}
.texttiny-bold
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 7pt;
    font-weight: bold;
    color: #000000;
}
.texttiny-normal
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 7pt;
    font-weight: normal;
    color: #000000;
}
/*CSS to determine the modified settings for general purpose*/

/*CSS to display error message from IO module*/
.textIO-normal
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: bold;
	text-align: left;
	color: Black;
}

.textIO-warning
{
    font-family: Arial, Helvetica, sans-serif, serif, 'Times New Roman';
    font-size: 9pt;
    font-weight: bold;
	text-align: left;
	color: White;
	background-color:Black;
}
/*End CSS to display error message from IO module*/


/* Modal window Styles
 ------------------------------------------------*/
.modalWindow
{
  display: none;
  font-family:Arial, Serif, Sans-Serif, Times New Roman;
  font-size:9pt;
  font-weight:normal;
	background-color:#c0c0c0;  
  color:#000000;
  vertical-align:middle;
  text-align:left;
	text-decoration:none;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	border-collapse:collapse;
	padding:0px;
}

div.popupLogViewer
{
  display: none;
  font-family:Arial, Serif, Sans-Serif, Times New Roman;
  font-size:9pt;
  font-weight:normal;
  color:#000000;
  vertical-align:middle;
  text-align:left;
	text-decoration:none;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	border-collapse:collapse;
	padding:0;
}

div.popupLogViewer table
{
  border: 1px solid #7f7f7f;
  background-color: #e8e8e8;
  margin: 10px;
}

div.popupLogViewer table td
{
  vertical-align: top;
  padding: 5px;
}

div.popupLogViewer .popupLogViewerWrapper
{
  border: 2px solid #7f7f7f;
  background-color: #d0d0d0;
}

/* This is to override the default jQuery Dialog header to be the color white instead of grey */
.ui-widget-header { border: 1px solid White/*{borderColorHeader}*/; background: #ffffff; color: #222222/*{fcHeader}*/; font-weight: bold; }