<STYLE type=text/css>

/* 

Style Sheet classes for HRMS Application for 
resolution 1024*768 and heigher

Written by:	Umang Natani
Date:		08/15/2002
	
*/


/* Style Sheets which applies to all specified HTML Tags */

TD
{
    FONT-SIZE: 12px;
    FONT-FAMILY:  Verdana
}

A:visited
{
	COLOR: blue
}	

A:active
{
    COLOR: red
}
A:hover
{
    COLOR: red;
    TEXT-DECORATION: underline
}



/* Body Style Sheet class */

BODY.clsBody
{
	margin-top: 0px;
	SCROLLBAR-FACE-COLOR: #475dd4;
	font-size: 14px;
	margin-left: 0px;
	SCROLLBAR-ARROW-COLOR: Yellow;
	SCROLLBAR-TRACK-COLOR: AliceBlue;
	font-family: times new roman,sans-serif;
	background-color: white;
}

BODY.clsBodyWindow
{
	margin-top: 0px;
	SCROLLBAR-FACE-COLOR: #475dd4;
	font-size: 12px;
	margin-left: 10px;
	SCROLLBAR-ARROW-COLOR: Yellow;
	SCROLLBAR-TRACK-COLOR: AliceBlue;
	font-family: times new roman,sans-serif;
	background-color: AliceBlue;
}





/* FIELDSET Style Sheet class */

FIELDSET.clsFieldset
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	width: 790px;
	border-bottom: silver 1px solid;
}

FIELDSET.clsFieldsetMain
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	overflow: auto;
	border-left: silver 1px solid;
	width: 790px;
	border-bottom: silver 1px solid;
	height: 450px;
	background-color: #eff7ff;
	text-align: center;
}


/* Table Style Sheet class */

TABLE.clsTableList					/*  Used by the Paging */
{
	background-color: darkgray;
	WIDTH: 790;
}


TABLE.clsTableMain					
{
    WIDTH: 100%;
    BACKGROUND-COLOR: #fdfffe
}

TABLE.clsTableAction				
{
    WIDTH: 100%;
    BACKGROUND-COLOR: #fdfffe;
    TEXT-ALIGN: center
}

TABLE.clsTableTitle
{
	border-right: #999999 2px outset;
	border-top: #e4ecf5 2px outset;
	font-weight: bold;
	font-size: 15px;
	border-left: #e4ecf5 2px outset;
	width: 100%;
	color: darkblue;
	border-bottom: #adc3e4 2px outset;
	font-family: 'Courier New';
	background-color: lightsteelblue;
	text-align: center;
}


TABLE.clsTable
{
	width: 750;
}



/* TR Tag Style Sheet class */

TR.clsTRList
{
	font-size: 12px;
	cursor: hand;
	font-family: verdana;
	background-color: #ffffff;
}

TR.clsTRMOver
{
	font-size: 12px;
	cursor: hand;
	font-family: verdana;
	background-color: lightblue;
}

TR.clsTRSelected						/*  Used by the Paging */
{
	font-size: 12px;
	cursor: hand;
	font-family: verdana;
	background-color: #8EE1FB;
}



TR.clsTRNavigation				/*  Used by the Paging and Sorting */
{
	text-align: right;
}

TR.clsTabHeader
{
	font-weight: bolder;
	font-size: 13px;
	color: white;
	font-family: Sans-Serif;
	background-color: #18589c;
	text-align: center;
}
TR.clsTabHeaderWCl
{
	font-weight: bolder;
	font-size: 13px;
	color: white;
	font-family: Sans-Serif;
	text-align: center;
}

/* TD Tag Style Sheet class */


TD.clsTDLabel
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    TEXT-ALIGN: right
}

TD.clsTDLabel2
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
}

TD.clsTDValue
{
	font-size: 12px;
	color: blue;
	font-family: Verdana, Arial, Helvetica;
}

TD.clsTDValue1
{
	font-weight: normal;
	font-size: 12px;
	color: blueviolet;
	font-family: Verdana, Arial, Helvetica;
}

TD.clsTDRed
{
	font-size: 12px;
	color: red;
	font-family: Verdana, Arial, Helvetica;
}

TD.clsTabTitle
{
	font-weight: bolder;
	font-size: 13pt;
	color: #4775D4;
	font-family: Courier New;
	text-align: right;
}


TD.clsTDHeader								/*  Used by the Paging */
{
	font-weight: bolder;
	font-size: 11px;
	color: white;
	font-family: Verdana;
	background-color: #4775D4;
    BORDER-RIGHT: #999999 2px outset;
    BORDER-TOP: #e4ecf5 1px outset;
    BORDER-LEFT: #e4ecf5 1px outset;
    BORDER-BOTTOM: #adc3e4 1px outset;
    CURSOR: hand;
}

TD.clsDeskHeader
{
	border-right: #999999 4px outset;
	border-top: #e4ecf5 4px outset;
	font-weight: bolder;
	font-size: 13px;
	border-left: #e4ecf5 4px outset;
	cursor: hand;
	color: white;
	border-bottom: #adc3e4 4px outset;
	font-family: Verdana;
	background-color: background;
}


TD.clsDeskHeader1
{
	border-right: #18589c 2px outset;
	border-top: #18589c 2px outset;
	font-weight: bolder;
	font-size: 13px;
	border-left: #18589c 2px outset;
	cursor: hand;
	color: white;
	border-bottom: #18589c 2px outset;
	font-family: Verdana;
	background-color: #18589c;
	text-align: center;
}

TD.clsTDFooter
{
    FONT-WEIGHT: bolder;
    VERTICAL-ALIGN: bottom;
    COLOR: white;
    HEIGHT: 30px;
    BACKGROUND-COLOR: #7594cc;
    TEXT-ALIGN: center
}

.clsTDSortUp							/*  Used by the Paging and Sorting */
{
    BORDER-RIGHT: #e4ecf5 2px inset;
    BACKGROUND-POSITION: right center;
    BORDER-TOP: #adc3e4 1px inset;
    BACKGROUND-IMAGE: url("../Images/UpArrow.gif");
    BORDER-LEFT: #adc3e4 1px inset;
    BORDER-BOTTOM: #e4ecf5 1px inset;
    
    BACKGROUND-REPEAT: no-repeat;
    COLOR: yellow;
    
    CURSOR: hand;
    
    font-weight: bolder;
	font-size: 11px;
	font-family: Verdana;
	background-color: #4775D4;
}

.clsTDSortDown
{
	border-right: #e4ecf5 2px inset;
	background-position: right center;
	border-top: #adc3e4 1px inset;
	font-weight: bolder;
	font-size: 11px;
	background-image: url(../Images/DownArrow.gif);
	border-left: #adc3e4 1px inset;
	cursor: hand;
	color: yellow;
	border-bottom: #e4ecf5 1px inset;
	background-repeat: no-repeat;
	font-family: Verdana;
	background-color: #4775d4;
}

TD.clsTDHeader1
{
	font-weight: bolder;
	font-size: 11px;
	font-family: Verdana;
	background-color: lavender;
}

TD.clsTDHeader2
{
	font-weight: bolder;
	font-size: 11px;
	font-family: Verdana;
	background-color: ghostwhite;
}



/* Other HTML Form Control Style Sheet class */


.clsButton
{
	border-right: #fcffed 3px outset;
	border-top: #fcffed 3px outset;
	font-weight: normal;
	font-size: 12px;
	border-left: #fcffed 3px outset;
	width: 62px;
	color: white;
	border-bottom: #fcffed 3px outset;
	font-family: Verdana;
	background-color: #4775D4;
}

.clsButtonMO
{
	border-right: #fcffed 3px outset;
	border-top: #fcffed 3px outset;
	font-weight: normal;
	font-size: 12px;
	border-left: #fcffed 3px outset;
	width: 62px;
	color: black;
	border-bottom: #fcffed 3px outset;
	font-family: Verdana;
	background-color: palegoldenrod;
}

.clsTextBox
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: middle;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica
}

.clsTextBoxRO
{
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: gray 1px solid;
    COLOR: blue;
    BORDER-BOTTOM: gray 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND-COLOR: AliceBlue
}

.clsTextBoxPrimary
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: middle;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica	font-weight: bold;
	color: red;
}

.clsMessage
{
	font-weight: bold;
	font-size: 14px;
	color: green;
	font-family: 'Times New Roman';
}

.clsLabel
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
}

.clsLabelRed
{
    FONT-SIZE: 12px;
    color: red;
    FONT-FAMILY: Verdana, Arial, Helvetica;
}

.clsDesktopIcon
{
	background-color: beige;
}

.clsDesktopIconMO
{
	color: white;
	background-color: #ffffef;
}

DIV.clsDivHidden
{
	visibility: hidden;
	
	display: none;
}

DIV.clsDivVisible
{
	visibility: visible;
}		
DIV.clsDivFirstHidden
{
	left: 472px;
	visibility: hidden;
	position: absolute;
	top: 320px;
}

DIV.clsDivFirstVisible
{
	left: 472px;
	position: absolute;
	top: 320px;
}	

SPAN.clsSpanTabValue
{
	color: #ffff66;
	font-family: 'Arial';
}	

SPAN.clsTabLink
{
	color: #ffff66;
	font-family: 'Arial';
	text-decoration: underline;
}	

.clsSpan
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    VERTICAL-ALIGN: middle;
    COLOR: #000000;
    FONT-FAMILY: Arial
}
.DisplayField
{
    BORDER-RIGHT: green 1px solid;
    BORDER-TOP: green 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    VERTICAL-ALIGN:baseline;
    BORDER-LEFT: green 1px solid;
    COLOR: black;
    BORDER-BOTTOM: green 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND-COLOR: #d8f1cb
}

.clsButton1
{
	border-right: #fcffed 3px outset;
	border-top: #fcffed 3px outset;
	font-weight: normal;
	font-size: 12px;
	border-left: #fcffed 3px outset;
	width: 62px;
	color: white;
	border-bottom: #fcffed 3px outset;
	font-family: Verdana;
	position: relative;
	top: 3px;
	background-color: #4775d4;
}
</Style>

