/*htc:391*/

.clsOptionAltColor
{
	font-family :Arial  ;
	font-size : 10pt ;
	font-weight :bold;
	color :green;
}

.clsFieldLbl
{
    font-family :Arial;
	font-size : 10pt ;
	font-weight : normal ;
	background-color: #DDF0FF;
}

.clsDiffColor
{
    font-family :Arial;
	font-size : 10pt ;
	font-weight : normal ;
	background-color: #FFFFCC;
}

.clsDiffColor1
{
    font-family :Arial;
	font-size : 10pt ;
	font-weight : normal ;
	background-color: #FFFFA2;
}

.clsExceptionMSG
{
	font-family: Arial;
	font-size: 12pt;
	font-weight:bold;
	color : Red ;
}

.clsDisabled
{
	font-weight: bold;
	font-size: 12pt;
	color: black;
	font-family: Verdana;
	background-color: #CCCCCC;
}

.clsFontRed
{
	font-family :arial;
	font-size : 8pt ;
	font-weight :bold;
	color :red;
}

.clsFontBlue
{
	font-family :arial;
	font-size : 8pt ;
	font-weight :bold;
	color :Blue;
}

.clsFontSmallArialBLUE{
	font-family : Arial;
	font-size : 7pt;
	font-weight : lighter;
	font-style :  normal;
        color :Blue;
	}
.clsFontOrange
{
	font-family :arial;
	font-size : 8pt ;
	font-weight :bold;
	color :orange;
}

.clsFontWhite
{
	font-family :arial;
	font-size : 8pt ;
	font-weight :bold;
	color :white;
}

.clsFontLightGray
{
font-family :arial  ;
font-size : 9pt ;
font-weight :normal;
color :#808080;
}
.clsListHideUnHide
{
	font-weight: bold;
	font-size: 10pt;
	color: red;
	font-family: Verdana;
	background-color:#B9FFFF;
}
.clsListOption
{
	font-weight: bold;
	font-size: 10pt;
	color: black;
	font-family: Verdana;
	background-color:  #FFFF99;  /*#B9FFFF; */
}

.clsListOptionSuper
{
	font-weight: bold;
	font-size: 10pt;
	color: black;
	font-family: Verdana;
	background-color:#1ED492;
}

.clsListOption1
{
	font-weight: bold;
	font-size: 10pt;
	color: black;
	font-family: Verdana;
/*	background-color: Green; */
}

.clsAlert
{
	font-family : Verdana   ;
	font-size : 10pt;
	font-weight : bold;
	color :black;
}

.clsFontSmall{
	font-family : Verdana;
	font-size : 8pt;
	font-weight : lighter;
	font-style :  normal;
	}

.clsFontSmallArial{
	font-family : Arial;
	font-size : 8pt;
	font-weight : lighter;
	font-style :  normal;
	}

.clsFontSmallBold{
	font-family : Verdana;
	font-size : 8pt;
	font-weight : bold ;
	font-style :  normal;
	}

.clsFontSmallBoldBlack{
	font-family : Arial;
	font-size : 8pt;
	font-weight : lighter ;
	font-style :  normal;
         color :black;
	}
.clsFontSmallBoldWhite{
	font-family : Verdana;
	font-size : 8pt;
	font-weight : bold ;
	font-style :  normal;
        color :white;
	}

.clsFontSmallBoldBlue{
	font-family : Verdana;
	font-size : 8pt;
	font-weight : bold ;
	font-style :  normal;
        color :blue;
	}
.clsNoAlert
{
	font-family : Verdana   ;
	font-size : 10pt;
	font-weight :  normal;
	color :black;
}

.clsFontSmallBoldGray{
	font-family : Arial;
	font-size : 8pt;
	font-weight : normal ;
	font-style :  normal;
        color :gray;
	}
.clsListBox
{
	Width:60%;
	height:100%;
	font-weight :lighter;
	font-family :Arial;
	font-size : 10pt ;
/*	overflow:auto;*/
}

.clsTextBox{
	font-family: Arial;
	font-size: 10pt;
	border-top: 1px solid;
        border-left: 1px solid;
        border-right: 1px solid;
        border-bottom: 1px solid;

	font-weight: normal;
	padding-left:2px;
}

.clsTextBoxLightGray{
	font-family: Arial;
	font-size: 10pt;
	color: #808080;
	border-top: 1px solid;
        border-left: 1px solid;
        border-right: 1px solid;
        border-bottom: 1px solid;
        border-color: #000000;

	font-weight: normal;
	padding-left:2px;
}

.clsTextBoxNew{

	border-top: 1px solid;
        border-left: 1px solid;
        border-right: 1px solid;
        border-bottom: 1px solid;

	padding-left:2px;
}

.clsFont{
	font-family :Arial;
	font-size : 9pt ;
	font-weight : normal ;
	color: black;
	}

.clsVBigFont
{
	font-family: Arial;
	font-size: 15pt;
	font-weight:bold;
	color: black;
}

.clsBigFont
{
	font-family: Arial;
	font-size: 12pt;
	font-weight:bold;
	color :black;
}

.clsFontBold
{
	font-family :Arial  ;
	font-size : 10pt ;
	font-weight :bold;
	color :black;
	}

.clsFontGreen
{
	font-family :Arial  ;
	font-size : 10pt ;
	font-weight :bold;
	color :blue;
}

.clsFont10PT
{
	font-family :Arial  ;
	font-size : 10pt ;
	font-weight : normal;
	color :blue;
}

.clsReportFont
{
	font-family: Verdana;
	font-size:  7pt;
}

.clsLabel
{
	border-right: 1px solid;
	padding-right: 2pt;
	border-top: 1px solid;
	padding-left: 2pt;
	font-weight: bold;
	font-size: 10pt;
	padding-bottom: 2px;
	border-left: 1pt solid;
	width: 150px;
	padding-top: 2pt;
	border-bottom: 1pt solid;
	font-family: Arial;
	background  : white;

}

.clsMenuButton{
    font-family: Arial;
    font-size: 10pt;
    color: white;
    font-weight: bold;
	text-decoration:  none;
	border: 1pt green   ridge;
	/*background-image:url(/iTimeSalaried/images/BlueButton1.gif);*/
	text-align:left;
	WRITING-MODE:tb-rl;
	width:100%;
	padding-top: 4px;
	background-color : #8CAAE6;
}


.clsCursorHand
{
	/* CURSOR:hand; */
	CURSOR:default;
}

.clsCursorDefault
{
	CURSOR: default;
}

.clsButton1234{
    font-family: Arial;
    font-size: 10pt;
/*    color:  white;
    font-weight: bold;
	text-decoration: none;
	border: 1pt black grove;
	background-color : #8CAAE6;*/
	background-color: Transparent;
	background-image:url(/iTimeSalaried/images/blue_back.gif);
}


.clsButton{
    FONT-SIZE: 9pt;
    FONT-FAMILY: Arial;
    color:black;
    BORDER:solid 1px #91A7B4;
    font-weight : 4pt;
    background-color : #e0efff;
}

.clsButtonBigFont{
    font-family: Arial;
    font-size: 12pt;
    color: black;
    font-weight: bold;
	text-decoration: none;
	border: 1pt black grove;
	/*background-color : #8CAAE6;*/
	background-color: Transparent;
	background-image:url(/iTimeSalaried/images/blue_back.gif);
}

.clsButtonHilight
{
	FONT-SIZE: 10pt;
	font-weight:bold;
	FONT-FAMILY: Tahoma;
	border: solid 1px #00168b;
	background-color:#F2FBFF;
	color:#00168b;
}


.clsSB{
    overflow-x:hidden;
}

.clsScroll{
    overflow:auto;
}

.clsSBX{
  overflow-x:hidden;
}

.clsPadding{
	padding-right: 2px;
	padding-left: 2px;
}

.clsPaddingLeft{

	padding-left: 20px;
}

.clsPaddingRight{
	padding-right: 2px;

}
.clsPaddingAllSide{
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.clsGrid
{
	font-family: Arial;
    font-size: 10pt;
    color: white;
    font-weight: bold;
	background-color : #C5D5E9; /*#0148B2; #006699 */
}
.clsGridS_B
{
	font-family: Arial;
    font-size: 10pt;
    /*color: #808080;*/
    color: #222222;
    font-weight: bold;
	background-color : #C5D5E9; /*#0148B2; #006699 */
}
.clsBG{
	background-color : #EDF2FC;/*#E2F4DB;*/
	 margin-bottom :0;
	 margin-left:0 ;
	 margin-top:0 ;
	 margin-right:0;
}

.clsTableBG
{
	 background-color: #FFFFF6; /*#FFFFF6 ;*/
}

.clsTopLbl
{
	 background-color : #cfe4c7;
	 font-family :Arial  ;
	font-size : 11px ;
	font-weight :bold;
	color :black;
}

.clsTopTxt
{
	 background-color : #e2f4db;
}

.TableTitleBackground
{
	background-color: #E8F3FF;
	font-family: Arial;
	font-size: 12pt;
	font-weight:bold;
	color:black;
}

.clsBorder
{

    BORDER-LEFT: black 1pt solid;
    BORDER-RIGHT: black 1pt solid;
    BORDER-TOP: black 1pt solid;
    BORDER-BOTTOM: black 2pt solid;
}

.clsBorderTop
{
    BORDER-TOP: #91A7B4 1pt solid;
}

.clsBorderLeft
{
    BORDER-LEFT: solid 1pt #91A7B4;
}

.clsBorderRight
{
    BORDER-RIGHT: #91A7B4 1pt solid;
}

.clsBorderBottom
{
    BORDER-BOTTOM: #91A7B4 1pt solid;
}

.clsBorderBottomThick
{
    BORDER-BOTTOM: #91A7B4 2pt solid;
}

.clsBorderLeftTop
{
BORDER-LEFT: black 1pt solid;
BORDER-TOP: black 1pt solid;
}


.Product
{
	font-family:Verdana;
	font-size: 12pt;
	color:#213D7E;
	padding-left:2pt;
}

.Copyright
{
	font-family:Verdana;
	font-size: 10pt;
}

.clsRT
{
	width:20pt;
	color: Green;
	font-family: Arial;
	font-size: 10pt;
	border-style: solid;
	border-width: 1;
	font-weight: bold;
	padding-left:2pt;
	text-align:right;
}

.clsOT
{
	width:20pt;
	color: Blue;
	font-family: Arial;
	font-size: 10pt;
	border-style: solid;
	border-width: 1pt;
	font-weight: bold;
	padding-left:2px;
	text-align:right;
}

.clsDT
{
	width:20pt;
	color: Red;
	font-family: Arial;
	font-size: 10pt;
	border-style: solid;
	border-width: 1pt;
	font-weight: bold;
	padding-left:2px;
	text-align:right;
}


.clsVT
{
	width:20pt;
	color: black;
	font-family: Arial;
	font-size: 10pt;
	border-style: solid;
	border-width: 1pt;
	font-weight: bold;
	padding-left:2px;
	text-align:right;
}


.clsRTFG
{
	color: Green;
	font-family: Arial;
	font-size: 10pt;
/*	border-style: solid; */
	font-weight: bold;
}

.clsOTFG
{
	color: Blue;
	font-family: Arial;
	font-size: 10pt;
/*	border-style: solid; */
	font-weight: bold;

}

.clsDTFG
{
	color: Red;
	font-family: Arial;
	font-size: 10pt;
/*	border-style: solid; */
	font-weight: bold;
}

.clsVTFG
{
	color: black;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
}

.clsRTOTDTLbl
{
	width:20pt;
	color: Black;
	background-color:White;
	font-family: Arial;
	font-size: 10pt;
	border-style: solid;
	border-width: 1pt;
	font-weight: bold;
	padding-left:2px;
	text-align:right;
}

.clsFontMsg{
	font-family : Arial;
	font-size : 6pt;
	font-weight :  lighter;
	 font-style :italic;
	}


A:link	{
	color:	black;
        font-weight : normal;
        font-family: Arial;
        font-size : 10pt;

	}

A:visited	{
	color:	black;
        font-weight : normal;
        font-family: Arial;
        font-size : 10pt;

	}

A:active	{
	color:	black;
        font-weight : normal ;
        font-family: Arial;
        font-size : 10pt;

	}

A:hover	{
	text-decoration:underline;
	font-family:Arial;
        color : black
        font-size : 10pt;
        font-weight : normal ;
	}

.TabSelectedCls {
	background-color: #F2FBFF;
	cursor: default; font-weight: bold;
    border-left: 1pt solid black;
    border-right: 1pt solid  black;
    border-top: 1pt solid black;
    text-align :  center ;

    }

.TabLabelCls
{
/*  #BCC5CE;*/
    BACKGROUND-COLOR: #F2FBFF;
    BORDER-RIGHT: 1pt solid #6699ff;
    BORDER-LEFT:  1pt solid #6699ff;
    BORDER-TOP:  1pt solid #6699ff;
    CURSOR: hand;
    FONT-WEIGHT: bold;
    text-align : center ;
     vertical-align :middle;
}

.TabTableCls
{
/*  #BCC5CE;*/
   /* BACKGROUND-COLOR:  #6699FF;*/
    BORDER-BOTTOM: #91A7B4 1pt solid;
    CURSOR: hand;
}

.TabBottomCls
{
    BORDER-BOTTOM: #91A7B4 1pt solid;
}

.TabBGCls{
   BACKGROUND-COLOR: white;
   BORDER-BOTTOM: #91A7B4 1pt solid;
 }

.TabSelectedInnerCls {
	background-color: #F2FBFF;
	cursor: default;
	font-weight: bold;
	border-left: 1pt solid #91A7B4;
        border-right: 1pt solid #91A7B4;
	border-bottom: 1pt solid #91A7B4;

	}

.OuterBorderCls {

	cursor: default;
	font-weight: bold;
        border-top: 1pt solid #91A7B4;
	border-left: 1pt solid #91A7B4;
        border-right: 1pt solid #91A7B4;
	border-bottom: 1pt solid #91A7B4;

	}

.TabHeightCls{
	height:100%;
	width:100%;
/*	overflow:auto;*/
}

.TabLabelHeightCls{
	width:98%;
	height:20;
}

.clsRPT
{
	border :1;
}

.clsBox
{
	font-family: Arial;
    font-size: 10pt;
    color: black;
    font-weight: bold;
	background-color : #D6DFF7;
}


.clsGridHeader
{
	background-color :#EBEADB;
	font-size : 9pt ;
	font-weight :bold;
	color :black;
}

.clsGridHeaderSort
{
	background-color :#FFFFA2;
}


.clsGridButton
{
    BACKGROUND-COLOR:  #6699FF;
    BORDER-LEFT: 1pt #6699FF ;
    BORDER-RIGHT: 1pt #6699FF  ;
    BORDER-TOP: 1pt #6699FF  ;
    BORDER-BOTTOM:  1pt #6699FF;
   	font-family :Arial  ;
	font-size : 9pt ;
	font-weight :bold;
	color :White;
   }

.clsGridButtonSort
{
    BACKGROUND-COLOR:  #FFFFA2;
    BORDER-LEFT: #FFFFA2 1pt ;
    BORDER-TOP: #FFFFA2 1pt ;
    BORDER-RIGHT: #FFFFA2 1pt ;
    BORDER-BOTTOM: #FFFFA2 1pt ;
   	font-family :Arial  ;
	font-size : 9pt ;
	font-weight :bold;
	color :black;
}

.clsGridAlternateColorOne
{
	background-color :#FFFFFF;
}

.clsGridAlternateColorTwo
{
	background-color :#EBF6FF;
}

.clsMenu
{
    BACKGROUND-COLOR: #668099 ;
    BORDER-LEFT: white 1pt solid;
    BORDER-RIGHT: black 1pt solid;
    BORDER-TOP: white 1pt solid;
    BORDER-BOTTOM: black 1pt solid;
    FONT-WEIGHT: bold;
    font-family :Arial  ;
}


.clsMenu1
{
    BACKGROUND-COLOR: #6699FF;
    BORDER-LEFT: white 1pt solid;
    BORDER-RIGHT: black 1pt solid;
    BORDER-TOP: white 1pt solid;
    BORDER-BOTTOM: black 1pt solid;
    FONT-WEIGHT: bold;
    color :white ;
    font-family :Arial  ;
	font-size : 9pt ;
}

.clsMenuBG
{
    BACKGROUND-COLOR: #8CAAE6;
    BORDER-LEFT: white 1pt solid;
    BORDER-RIGHT: black 1pt solid;
    BORDER-TOP: white 1pt solid;
    BORDER-BOTTOM: black 1pt solid;
    FONT-WEIGHT: bold;
}


.clsMenuBG1
{
    BACKGROUND-COLOR:#C5D5E9;
   /* BORDER-LEFT: white 1pt solid;
    BORDER-RIGHT: black 1pt solid;
    BORDER-TOP: white 1pt solid;
    BORDER-BOTTOM: black 1pt solid;*/
    FONT-WEIGHT: bold;
}

.clsGridAlternateColorOnee
{
	background-color :C6D9FF;
}

.clsGridAlternateColorTwoo
{
	background-color :FFFF99;
}



.clsDecryptNoChar
{
	color: blue;
	font-family: Arial;
	font-size: 10pt;
	border-style: solid;
	border-width: 1;
	font-weight: bold;
	padding-left:2pt;
	text-align:right;
}

.clsDecryptNoCharDisabled
{
	color: blue;
	font-family: Arial;
	font-size: 10pt;
	border-style: solid;
	border-width: 1;
	font-weight: bold;
	padding-left:2pt;
	text-align:right;
	background-color: #CCCCCC;
}

.clsPageTitle
{
	padding-right: 11px;
	padding-left: 11px;
	padding-bottom: 0.45em;
	vertical-align: middle;
	padding-top: 0.45em;
	background-color: #0148b2;
	color: #ffffff;
	font-weight:bold;
	font-size:11px;
}


.clsHeaderTab
{
	BACKGROUND-IMAGE:url(/images/BigMessages.gif);
	BACKGROUND-REPEAT:no-repeat;
	font-size:11px;
	height:20px
}

/*A7C3F3*/

.clsTabButton
{
	font-family: Arial;
    font-size: 10pt;
	background-color: Transparent;
    BORDER-LEFT: 1pt #A7C3F3 ;
    BORDER-RIGHT: 1pt #A7C3F3  ;
    BORDER-TOP: 1pt #A7C3F3  ;
    BORDER-BOTTOM:  1pt #A7C3F3;
    width:100%;
    height:100%;

}

.clsHeaderSelectedTab
{
	BACKGROUND-IMAGE:url(resources/images/BigMessages.gif);
	BACKGROUND-REPEAT:no-repeat;
	font-size:11px;
	height:20px
}

.clsSelectedTabButton
{
	font-family: Arial;
    font-size: 10pt;
	font-weight :bold ;
	background-color: Transparent;
    BORDER-LEFT: 1pt #A7C3F3 ;
    BORDER-RIGHT: 1pt #A7C3F3  ;
    BORDER-TOP: 1pt #A7C3F3  ;
    BORDER-BOTTOM:  1pt #A7C3F3;
    width:100%;
    height:100%;
}


.clsButtonSmallFont{
    font-family : Verdana;
    font-size : 8pt;
    font-weight : bold ;
    font-style :  normal;
    BORDER:solid 1px #FF9900;
}


.clsSearchHeader{
    BACKGROUND-COLOR: #004080;
    color: #ffffff;
    font-family: Arial;
    font-size: 10pt;
    font-weight :bold ;
}

.clsDSHeader{
    BACKGROUND-COLOR: #B7DBFF;
    color: black;
    font-family: Arial;
    font-size: 10pt;
    font-weight :bold ;
}

.clsDSBody{
    BACKGROUND-COLOR: #D9ECFF;
    color: black;
    font-family: Arial;
    font-size: 9pt;
    font-weight :normal ;
}
.clsOuterTableWidth
{
 width:700px;
}

.clsSiteSearchResult
{
        font-family :Arial;
        font-size : 10pt;
}

.clsSiteSearchResultTitle
{
        font-family :Arial;
        font-size : 11pt;
}

.clsSiteSearchResultDesc
{
        font-family :Arial;
        font-size : 9pt;
}
/***********************************************************/

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #c0ccee;
}

.style2 {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #000080 #000080 #000080 #000080;
	border-collapse: collapse;
	background-color: white;
}


.style1 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #c0ccee;
}

.style2 {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #000080 #000080 #000080 #000080;
	border-collapse: collapse;
	background-color: white;
}

.HeadFont1
{font-family: Arial;font-size: 19px;color: #FFFFFF;}

.HeadFont2
{font-family: Arial;font-size: 14px;color: #FFFFFF;}

.HeadFont3
{font-family: Arial;font-size: 16px;color: #FFFFFF;font-weight :bold ;}

.BodyFont1
{font-family: Arial;font-size: 14px;color: #000000;}

.BodyFont2
{font-family: Arial;font-size: 11px;color: #000000;}

.BodyFont3
{font-family: Arial;font-size: 13px;color: #000000;}

.BodyFont4
{font-family: Arial;font-size: 11px;color: #000000;}


.fieldcell input {
 font: 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #FFFFFF;
 color: #102132;
 border: 1px solid #284279;
 margin-right: 0px;
}

input.BtnStyle {
 font: 13px Arial, Helvetica, sans-serif;
 background-color: #c0ccee;
 color: #000080;
 border:1px solid #000080;
}

div.r1{margin: 0 5px}
div.r2{margin: 0 3px}
div.r3{margin: 0 2px}
div.rtop div.r4, div.rbottom div.r4{margin: 0 1px; height: 2px}

div.rtop, div.rbottom{display:block; background: #FFFFFF}
div.rtop div, div.rbottom div{display:block; height: 1px; overflow: hidden; background: #c0ccee}



.clsGridDuplicateColorOne
{
	/* background-color :#CCCCCC; */
        /* background-color :#C0C0C0; */
        background-color :#E3E3E3;
}

.clsGridNewQueryColorOne
{
 background-color :#FAE6FA;
}

.HeadFont4
{font-family: Arial;font-size: 16px;color: #777777;font-weight :bold ;}

.clsFontRedNormal
{
 font-family :arial;
 font-size : 8pt ;
 font-weight :normal;
 color :red;
}