/* following style for grid headers by default*/
  TABLE.clsPageMain
{
  border-right: silver 1px solid;
       border-top: silver 1px solid;
       border-left: silver 1px solid;
       border-bottom: silver 1px solid;  
              background-color: #eff7ff;
}
 TH
    {
    	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;
} 

/* following style table header to make it look like grid header*/
.clsGirdHeader
{
  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;
*/
 
}
A:visited
{
	COLOR: blue
}	

A:active
{
    COLOR: green
}
A:hover
{
    COLOR: red;
    TEXT-DECORATION: underline
}


A.clsLink
{
	text-decoration: none;
}


/* Body Style Sheet class */

BODY.clsBody
{
	margin-top: 10px;
	SCROLLBAR-FACE-COLOR: #475dd4;
	font-size: 14px;
	margin-left: 0px;
	margin-right: 5px;
	scrollbar-arrow-color: black;
	SCROLLBAR-TRACK-COLOR: AliceBlue;
	font-family: times new roman,sans-serif;
	background-color: white;
}

BODY.clsBodyWindow
{
	margin-top: 10px;
	SCROLLBAR-FACE-COLOR: #475dd4;
	font-size: 12px;
	margin-left: 5px;
	margin-right: 5px;
	scrollbar-arrow-color: black;
	SCROLLBAR-TRACK-COLOR: AliceBlue;
	font-family: times new roman,sans-serif;
	background-color: AliceBlue;
}

BODY.clsBodyAlt
{
	margin-top: 10px;
	SCROLLBAR-FACE-COLOR: #9C4E4E;
	font-size: 12px;
	margin-left: 10px;
	scrollbar-arrow-color: black;
	SCROLLBAR-TRACK-COLOR: #9C4E4E;
	font-family: times new roman,sans-serif;
	background-color: #8F4747;
}

BODY.clsBodyOnline
{
	margin-top: 0px;
	FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
	background-color: white;
}

.SubHeading
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 13px;
    COLOR: #0d7cb8;
    FONT-FAMILY: Arial
}
TABLE.Form
{
    BORDER-RIGHT: #006699 thin solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #006699 thin solid;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: #006699 thin solid;
    WIDTH: 100%;
    MARGIN-RIGHT: 0px;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #006699 thin solid;
    BACKGROUND-COLOR: #e0dfdf
}
TABLE.Page
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    WIDTH: 635px;    
    PADDING-TOP: 2px;
    border-top:1px solid #008080;
    border-left:1px solid #008080;
    border-right:1px solid #008080;
    border-bottom:1px solid #008080;
    
}
INPUT.Button
{
    BORDER-RIGHT: outset;
    BORDER-TOP: outset;
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
    BORDER-LEFT: outset;
    WIDTH: 75px;
    CURSOR: hand;
    COLOR: navy;
    TEXT-INDENT: 0px;
    BORDER-BOTTOM: outset;
    FONT-FAMILY: Arial, Verdana;
    BACKGROUND-COLOR: #fff9ef
}
TD.Heading
{
    FONT-WEIGHT: bolder;                                                                                                                                              
    FONT-SIZE: 15px;
    COLOR: #02679a;
    FONT-FAMILY: Arial, Verdana;
    TEXT-ALIGN: center;  
}

.Description
{
    FONT-WEIGHT: lighter;
    COLOR: navy
}
SELECT
{
    FONT-SIZE: 13px;
     font-family:   Arial;
 }
INPUT
{
    FONT-SIZE: 13px;
    font-family:   Arial;
    padding: 0;
}
TEXTAREA
{
    FONT-SIZE: 13px;
	font-family: Arial;
    padding: 0;
    }

.ToolBarBg
{
    background-image:url(../images/toolbarbg.gif)
}
 
.GridHeader
{
	font-weight: bold;
	color: white;
	text-align:left;
	background-image: url(../Img/headerBg.gif);
}

A.GridHeader 
{
	text-decoration: none;
	color: white;
}

.GridHeader A:hover
{
	text-decoration: underline;
	color: white;
}
.GridRow
{
	background-image: url(../Img/rowBg.JPG);
	padding-left: 5px;
	text-align:left;	
	background-repeat: repeat-x;
	background-color: #E8F7E8;
}

.GridAltRow
{
	background-image: url(../Img/altRowBg.jpg);
	padding-left: 5px;
	text-align:left;
	background-repeat: repeat-x;
}

.GridPager
{
	background-image: url(../Img/pagerBg.jpg);
	color: #333333;
	padding-left: 6px;
	height: 20px;
	background-repeat: repeat-x;
	background-position: bottom;
}
 
.GridPager A
{
	color: #333333;
}
.GridSelectedRow
{
	padding-left: 5px;
	background-image: url(../img/selectedrowbg.gif);
}
.TabLabelDefaultStyle
{
      font-family: "MS Sans Serif", Arial, sans-serif;
      font-size: 8pt;
      color: black;
      cursor: pointer;
      cursor: hand;
}

.TabLabelText
{
	padding-top: 2px;
	font-size: 8pt;
	font-family: "MS Sans Serif", Arial, sans-serif;
	cursor: pointer;
	cursor: hand;
	font-weight:bold 
}

.TabLabelDisabledStyle
{
	font-family: "MS Sans Serif", Arial, sans-serif;
	font-size: 8pt;
	-moz-opacity: .40;
	text-align: center;
	cursor: default;
	cursor: no-drop;
}

.TabRadTabstrip
{
	background-image: url(../Img/TabStripbg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #f3fbf2;
	padding: 5px 20px 0px 13px;
	margin-left: 8px;
}
.clsLabel
{
    vertical-align: text-top;
    font-size: 12px;
    font-family:  Verdana, Arial, Helvetica;
    font-weight: bold;
    color: Black;
}
.clsFieldLabel
{
	 FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
	
}
.clsTabBody
{
	background-image:url(../Images/TabBg.gif);
	WIDTH: 97%;
}

/* FIELDSET Style Sheet class */

FIELDSET.clsFieldsetWindow
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;	
	width: 100%;
	background-color: #fffff3;
	text-align: center;
}


FIELDSET.clsFieldset
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	width: 100%;
	
	border-bottom: silver 1px solid;
}

FIELDSET.clsFieldsetNoBorder
{
	border-right: silver 0px solid;
	border-top: silver 0px solid;
	border-left: silver 0px solid;
	width: 800px;
	border-bottom: silver 0px solid;
}

FIELDSET.clsFieldsetMain
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	width: 100%;
	border-bottom: silver 1px solid;
	height: 98%;
	background-color: #eff7ff;
	text-align: center;
}
FIELDSET.clsFieldsetMainHomePage
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	width: 780px;
	border-bottom: silver 1px solid;
	height: 400px;
	background-color: #ffffff;
	
}
FIELDSET.clsFieldsetMainonline
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	width: 700px;
	border-bottom: silver 1px solid;
	background-color:white;
	text-align: center;
}

.DataList
{   
    Background-Color:Transparent;
}

.ItemStyle
{   
    Background-Color:Transparent;
}

.NumericText
{
    text-align:right;
}

.NumericLabel
{
    text-align:right;
    color:Black;
}
.SystemMessages {
    font-family: Verdana; 
    font-size: 8pt;
}
.SystemMessagesData {
    font-family: Verdana; 
    font-size: 8pt;
    color:Red;
}
/*''NEW classes for WO*/
.clsGridListBorder
{
    font-size: 8pt;
    color: black;
    font-family: Arial;
    border-right: #ffffff 2px inset;
    border-top: #ffffff 2px inset;
    border-left: #ffffff 2px inset;
    border-bottom: #ffffff 2px inset;
    background-color: white;
}
.clsDetailBorder
{
    font-size: 8pt;
    color: black;
    font-family: Arial;
    border-right: #ffffff 2px inset;
    border-top: #ffffff 2px inset;
    border-left: #ffffff 2px inset;
    border-bottom: #ffffff 2px inset;
    background-color: #cfe6ec;
}
.clTFont
{
	color: teal;
}
/* Table Style Sheet class */

TABLE.clsTableList					/*  Used by the Paging */
{
	background-color: darkgray;
	WIDTH: 735px;
}


TABLE.clsTableMain
{
    width: 100%;
    background-color: #eff7ff;
}

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: 735px;
}



TR.clRowSelect
{
	font-size: 11px;
	cursor: hand;
	color: black;
	font-family: Verdana, Arial;
	background-color: #dcdcdc;
}
TR.clRowSelected
{
	font-size: 11px;
	color: white;
	font-family: Verdana, Arial;
	background-color: #676778;
}
TR.clTRows
{
	font-size: 11px;
	color : Black ;
	font-family: Verdana, Arial;
	 border-width: 1px;
    border-color: #0000FF;
}
.clsGridAlternatingRow
{
    font-size: 11px;
	color : Black ;
	font-family: Verdana, Arial;
    background-color: #D3DFEF;
}
TR.clsGridRows
{
	font-size: 11px;
	color : Black ;
	font-family: Verdana, Arial;
	 border-width: 1px;
    border-color: #0000FF;
}
TD.clsGridBorder 
{
    border-width: 1px;
    border-color: #0000FF;
    
}
.clTAltRows
{
	font-size: 11px;
	color : Black ;
	font-family: Verdana, Arial;
	background-image: url(../Img/altRowBg.jpg);
	padding-left: 5px;
	height:20px;
	background-repeat: repeat-x;
}
.clsGridHeader
{ 
	font-weight: bolder;
	font-size: 12px;
	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; */
    
 background-color: #4775d4; }

.clsGridDetail
{
	font-size: 11px;
	color: black;
	font-family: Arial;
	border-right: #ffffff 2px inset;
	border-top: #ffffff 2px inset;
	border-left: #ffffff 2px inset;
	border-bottom: #ffffff 2px inset;
	background-color: #ffffef;
}
.clsTabDiv
{
	margin-left: 8px;
	border-right: green 1px solid;
	border-left: green 1px solid;
	border-bottom: green 1px solid;
	overflow: auto;
}
.clsTextReadOnly
{
	color: blue;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	border-bottom-style: none;
	font-family: Verdana, Arial;
	FONT-SIZE: 13px;
}
DIV.clsDivForReadOnly
{
	FONT-SIZE: 13px;
	font-family: Verdana, Arial;
    padding: 0;
	color: blue;
}	
.HeaderBar
{
	font-weight: bold;
	color: white;
	background-image: url(../Img/titleBarBg.gif);
}
.clsComboList
{
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid;  BORDER-BOTTOM: 1px solid;
}
.clsMessageBorder
{
	border-left-color: gray;
	border-bottom-color: gray;
	border-top-style: solid;
	border-top-color: gray;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: gray;
	border-bottom-style: solid;
}

.GridContainer
{
	width:100%;
}

.GridRowDiv
{
	width:100%;
	overflow:auto;
	margin:0px;
	height:481px;
}

.GridPagerTable
{
	font-size: 11px;
	font-family: Arial, Verdana;
	padding:0px;
	width:98.3%;
	border:solid 1px #008080;
}
.GridPagerRow
{
	background-image: url(../Img/pagerBg.jpg);
	color: #333333;
	padding-left: 6px;
	height: 19px;
	background-repeat: repeat-x;
    border-top:1px solid #008080;
    border-left:0px;  
    border-bottom:1px solid #008080;
}
.GridChildContainer
{
	width:700px;
	border:solid 1px #008080;
}
.GridChildTable
{
	font-size: 11px;
	font-family: Arial, Verdana;
	padding:0px;
	width:100%;
	border:solid 1px #008080;
}
.GridChildHeader
{
	font-weight: bold;
	color: Black;
	height:22px;
	background-image: url(../Img/headerBg.gif);
}
.GridChildRow
{
	background-image: url(../Img/RowBg.jpg);
	padding-left: 5px;
	height:18px;
	background-repeat: repeat-x;
}
.GridChildSelectedRow
{
	padding-left: 5px;
	background-image: url(../img/selectedrowbg.gif);
	height:18px;
	background-repeat: repeat-x;
}
.GridChildCell
{
    font: 11px tahoma;
    color: #000000;	
    border-top:1px solid #008080;  
}

.GridParentContainer
{
	width:700px;
	border:solid 1px #008080;
}
.GridParentTable
{
	font-size: 11px;
	font-family: Arial, Verdana;
	padding:0px;
	width:100%;
	border:solid 1px #008080;
}
.GridParentHeader
{
	font-weight: bold;
	color: Black;
	height:22px;
	background-image: url(../Img/headerBg.gif);
}
.GridParentRow
{
	background-image: url(../Img/RowBg.jpg);
	padding-left: 5px;
	height:18px;
	background-repeat: repeat-x;
}
.GridParentSelectedRow
{
	padding-left: 5px;
	background-image: url(../img/selectedrowbg.gif);
	height:18px;
	background-repeat: repeat-x;
}
.GridParentCell
{
    font: 11px tahoma;
    color: #000000;	
    border-top:1px solid #008080;  
}
.GridTable
{
	font-size: 11px;
	font-family: Arial, Verdana;
	padding:0px;
	width:98.2%;
	border-right:solid 1px #008080;
	border-bottom:solid 1px #008080;
}
.GridHeader
{
	height:26px;
	font-weight: bold;
	color: Black;
	height:22px;
	background-image: url(../Img/headerBg.gif);
}
.GridHeader A
{
	font: 11px Arial, Verdana;
	color: Black;
	font-weight: bold;
}
.GridRow
{
	background-image: url(../Img/RowBg.jpg);
	padding-left: 5px;
	height:20px;
	background-repeat: repeat-x;
}
.GridAltRow
{
	background-image: url(../Img/altRowBg.jpg);
	padding-left: 5px;
	height:20px;
	background-repeat: repeat-x;
}
.GridSelectedRow
{
	padding-left: 5px;
	background-image: url(../img/selectedrowbg.gif);
	height:20px;
	background-repeat: repeat-x;
}
.GridCell
{
    font: 11px tahoma;
    color: #000000;	
    border-top:1px solid #008080;  
}
.GridNotifySelected
{
	background-image: url(../Img/GridBg2.gif);
	color: #222222;
	height: 30px;
	padding-left: 6px;
}
.GridOverdueForAssignment
{
	background-image: url(../Img/GridBg.gif);
	color: #222222;
	height: 20px;
	padding-left: 6px;
}
.GridPromotedRow
{
	background-image: url(../Img/promote.jpg);
	color: #222222;
	height: 20px;
	padding-left: 6px;
}
.GridMarkedRow
{
	background-image: url(../Img/MarkedRow.gif);
	color: #222222;
	height: 20px;
	padding-left: 6px;
}
.GridPager A
{
	color: #333333;
}
.clsToolBar
{
	background-image: url(../Img/headerBg.gif);
}
.clstoolbarleft
{
	background-image: url(../Img/toolbarLeft.gif);
	background-repeat: no-repeat;
	width: 10px;
}
/* right */
.clstoolbarright
{
	background-image: url(../Img/toolbarRight.gif);
	background-repeat: no-repeat;
	width: 10px;
}
.cls_toolbar_horizontal
{
	background-image: url(../Img/toolbarBgH.gif);
	background-color: #ddecfe;
	background-repeat: repeat-x;
	font-size: 10pt;
	font-family: Verdana;
	border-collapse: collapse;
	padding-top: 1px;
	padding-bottom: 1px;
}
/* styles for buttons */
.clsButton
{
	border: 3px outset #fcffed;
	font-weight: normal;
		font-size: 12px;
		color: white;
		font-family: Verdana;
		background-color: #4775D4;
	width: 48px;
}

.clsButtonBig
{
	border: 3px outset #fcffed;
	font-weight: normal;
		font-size: 12px;
		color: white;
		font-family: Verdana;
		background-color: #4775D4;
	width: 127px;
}


.clsGreenButton
{
    border: 3px outset #fcffed;
    font-weight: normal;
    font-size: 12px;
    color: white;
    font-family: Verdana;
    background-color: green;
    width: 48px;
}
.clsRedButton
{
	border: 3px outset #fcffed;
	font-weight: normal;
		font-size: 12px;
		color: white;
		font-family: Verdana;
		background-color: red;
	width: 48px;
}
.clsButtonMO
{
	font-weight: normal;
	font-size: 12px;
	color: black;
	border-bottom: #fcffed 3px outset;
	border-right: #fcffed 3px outset;
	border-top: #fcffed 3px outset;
	border-left: #fcffed 3px outset;
	font-family: Verdana;
	background-color: palegoldenrod;
}

.clBt1
{
	font-size: 8pt;
	color: black;
	font-family: Verdana, Arial;
	color: white;
	background-color: #6487dc;
	/*font-size: 8pt;
	color: black;
	font-family: Verdana, Arial;
	color: black;
	background-color: #ebf0f0; 
*/
}

.clBtMouseOver
{
	font-size: 8pt;
	color: black;
	font-family: Verdana, Arial;
	background-color: #c1e0ff;
}
.clTBorder
{
	border-right: #828282 thin solid;
	border-top: #828282 thin solid;
	border-left: #828282 thin solid;
	border-bottom: #828282 thin solid;
}


.clTitle
{
	font-size: smaller;
	font-family: Verdana, Arial;
	color: white;
	background-color: #6487dc;
}
.clsMessage
{
	font-size: 13px;
	font-family: Verdana, Arial;
	color: #FF0000;
	font-weight: bold;
}

TR.clsMessageRow
{
	font-weight: bolder;
	font-size: 11px;
	font-family: Verdana;
	background-color: #FFFFCC;
	text-align: center;
	height: 20px;
}

.clsTDSortDown					/*  Used by the Paging and Sorting */
{

	BORDER-RIGHT: #e4ecf5 2px inset;
    BACKGROUND-POSITION: right center;
    BORDER-TOP: #adc3e4 1px inset;
    BACKGROUND-IMAGE: url(images/DownArrow.gif);
    BORDER-LEFT: #adc3e4 1px inset;
    BORDER-BOTTOM: #e4ecf5 1px inset;
    
    BACKGROUND-REPEAT: no-repeat;
    
    CURSOR: hand;
    
    font-weight: bolder;
	font-size: 11px;
	font-family: Verdana;
	background-color: #4775D4;
}
TR.clsTRNavigation				/*  Used by the Paging and Sorting */
{
	text-align: right;
}


TR.clsTRLabel1
{
	background-color: #f4f2f4;
	FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
}




TR.clsTabHeader
{
	font-weight: bolder;
	font-size: 13px;
	color: white;
	font-family: Sans-Serif;
	background-color: #18589c;
	text-align: center;
}
TR.clsTabHeader1
{
	font-weight: bolder;
	font-size: 11px;
	font-family: Verdana;
	background-color: lavender;
	text-align: center;
	height:20px;
}

TR.clsTabHeader2
{
	font-weight: bolder;
	font-size: 12px;
	color: white;
	font-family: Verdana;
	background-color: #18589c;
	text-align: center;
	height:20px;
}

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.clsTDData
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
}

TD.clsTDLabel2
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
}
TD.clsTDLabelBold
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    font-weight : bolder
}
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.clsTDValue2
{
	font-weight: bold;
	font-size: 12px;
	color:  Maroon;
	font-family: Verdana, Arial, Helvetica;
}

TD.clsTDLabel4
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    TEXT-ALIGN: left;
}
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.clsTabTitleAlt
{
	font-weight: bolder;
	font-size: 13pt;
	color: #000000;
	font-family: Courier New;
	text-align: right;
}

TD.clsTabTitle1
{
	font-weight: bolder;
	font-size: 13pt;
	color: #6ACFF7;
	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.clsTDHeader6								
{
	font-weight: bolder;
	font-size: 12px;
	color: white;
	font-family: Verdana;
	background-color: #ff9999;
}
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
}
html
{

    SCROLLBAR-FACE-COLOR: #475dd4;
    scrollbar-arrow-color: black;
    SCROLLBAR-TRACK-COLOR: AliceBlue;         
}
/*  PTS styles */

TD.clsTabBorder
{
	border-bottom-color :#18589c; border-bottom-style:solid; border-bottom-width:1px;
            border-left-color:#18589c; border-left-style:solid; border-left-width:1px;
            border-right-color:#18589c; border-right-style:solid; border-right-width:1px; 
            margin-left:8px; border-top-color:#18589c; border-top-style:solid;  border-top-width:1px
}
.clsLabelForHeader
{
color:Yellow 
}	
TR.clsTabHeader3
{	
	background-color: #d7f2e3;
}

TR.clsTabHeader4
{	
	font-weight: bolder;
	font-size: 11px;
	font-family: Verdana;
	background-color: lavender;
	text-align: center;
	
}
.clsRequiredInd
{
	color:Red;
}	
.clsPageHeaderBar
{
	font-weight: bold;
	font-family: Verdana;
	color: white;
	background-image: url(../Img/titleBarBg.gif);
	height:19px;
	text-align: center;
}	
TD.DFT
{
    background-color:Yellow;
    /* #ffff00; */
    text-align: center;
    font-weight:bold ;
}
TD.ATH
{ 
    background-color: #7fff00; /* Chartreuse*/ /* #99ff00; */
    text-align: center;
    font-weight:bold ;
 }
	
TD.ASN
{
    background-color:  #8fbc8b; /*DarkSeaGreen; */ /*#3ca652;*/
    text-align: center;
    font-weight:bold ;
}
TD.WIP
{
    background-color: #00bfff;  /* DeepSkyBlue */ /*#00b0f0; */
    text-align: center;
    font-weight:bold ;
}
TD.ABY
{
    background-color: #bc8f8f; /* RosyBrown */ /*  #dfac85; */
    text-align: center;
    font-weight:bold ;
}
TD.CLS
{
    background-color: #ffd700; /*Gold */ /* #ffc000;*/
    text-align: center;
    font-weight:bold ;
}
TD.CNC
{
    background-color: #d8bfd8; /* Thistle */ /* #ccc0d9; */
    text-align: center;
    font-weight:bold ;
}
TD.NEW
{
    background-color: #f08080; /*LightCoral */ /*#ec889e; */
    text-align: center;
    font-weight:bold ;
}
TD.SA
{
    background-color: #87cefa; /* LightSkyBlue*/ /* #8db3e2; */
    text-align: center;
    font-weight:bold ;
}
TD.STA
{
    background-color: #d2691e; /* Chocolate */ /* #ffcc66;*/
    text-align: center;
    font-weight:bold ;
}	
TD.COM
{
    background-color: #afeeee; /* paleturquoise; */
    text-align: center;
    font-weight: bold;
}

option.DFT
{
    background-color:Yellow;
    /* #ffff00; */
    text-align: center;
    font-weight:bold ;
}
option.ATH
{ 
    background-color: #7fff00; /* Chartreuse*/ /* #99ff00; */
    text-align: center;
    font-weight:bold ;
 }
	
option.ASN
{
    background-color:  #8fbc8b; /*DarkSeaGreen; */ /*#3ca652;*/
    text-align: center;
    font-weight:bold ;
}
option.WIP
{
    background-color: #00bfff;  /* DeepSkyBlue */ /*#00b0f0; */
    text-align: center;
    font-weight:bold ;
}
option.ABY
{
    background-color: #bc8f8f; /* RosyBrown */ /*  #dfac85; */
    text-align: center;
    font-weight:bold ;
}
option.CLS
{
    background-color: #ffd700; /*Gold */ /* #ffc000;*/
    text-align: center;
    font-weight:bold ;
}
option.CNC
{
    background-color: #d8bfd8; /* Thistle */ /* #ccc0d9; */
    text-align: center;
    font-weight:bold ;
}
option.NEW
{
    background-color: #f08080; /*LightCoral */ /*#ec889e; */
    text-align: center;
    font-weight:bold ;
}
option.SA
{
    background-color: #87cefa; /* LightSkyBlue*/ /* #8db3e2; */
    text-align: center;
    font-weight:bold ;
}
option.STA
{
    background-color: #d2691e; /* Chocolate */ /* #ffcc66;*/
    text-align: center;
    font-weight:bold ;
}	
option.COM
{
    background-color: #afeeee; /* paleturquoise; */
    text-align: center;
    font-weight: bold;
}

TR.clsRowHighlight
{
	background-color: red;
}				

.clHFont
{
	font-size: 8pt;
	color: black;
	font-family: Verdana, Arial;
}
.clDFont
{
	color : black
}
.clTHeader
{
	color: #ffffff;
	background-color: #6487dc;
}
.clsFontCrEntered
{
	font-weight : bold
}
.clsFontCrNotEntered
{
	font-weight :normal
}
.clsNumberText
{
	
	text-align: right;
	
}
.clsGridFooter
{
	font-weight: bolder;
	color: Black;
	background-color: #C0BEC2;
}
.clsPageTitle
{
	font-weight: bold;
	color: white;
	background-image: url(../Img/titleBarBg.gif);
}
.clsGridDiv
{
    border-style: solid;
    border-width: thin;
}
.clsErrorMessage
{
    color : red
}

.clsSuccessMessage
{
    color : Green 
}
.clsGridFixedHeader
{
    FONT-SIZE: 11px;
    BACKGROUND-COLOR: #ffe4ca;
    TEXT-ALIGN: center;
	POSITION: relative;
	border-color: #ffffff;
	TOP: expression(this.offsetParent.scrollTop - 4); 
}
.clsCode
{
  text-transform:uppercase;
}
/*Begin: Reason modal popup style*/
.ReasonPopup
{
 min-width:200px;
    min-height:300px;
    background-color:#EFF7FF;
  
}
/*End: Void modal popup style*/
/*Begin: Search Criteria Modal popup style*/
.ModalPopupBG
{
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}
/* Begin: Calender Extender Style******************************/
.MyCalendar .ajax__calendar_container
{
    border: 1px solid #646464;
    background-color: #FFFFFF;
    color: black;
}
.MyCalendar .ajax__calendar_header
{
    background-color: #9F9FFF;
    color: white;
}

.MyCalendar .ajax__calendar_today
{
    background-color: #9F9FFF;
    color: white;
}

.MyCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year
{
    color: #C0C0C0;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: blue;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}


/* End: Calender Extender Style******************************/