/*style for quick link*/
@media print
{
   .noprint
   {
      display: none;
   }
}
a
{
   border-width: 1px;
   border-style: none;
}

.toolsMenuSeparator
{
   background-image: url(/ig_common/images/ig_menuSep.gif);
   background-repeat: repeat-x;
}
/*------------------------------------Used for search box---------------------------------*/
/*set style sheet for space between two group*/
.Alternative_Zone
{
   height: 20px;
}
/*set style sheet for font styles of fieldset legend*/
.Fieldset_Legend
{
   color: #999999;
}
fieldset {
 box-sizing: border-box;
}
/*set style sheet for border color*/
.Fieldset
{
   border-style: solid;
   border-width: 1px;
   border-color: #adadad;
}
/*set style sheet for emphasized text*/
.Text_Emphasized
{
   color: #f70000;
}
/*set style sheet for a note text */
.Note
{
   font-family: Verdana;
   color: #999999;
   font-size: 8pt;
}
/*set style sheet for background color of search area*/
.Search_Area
{
   padding: 15px;
   border-top-style: solid;
   border-top-width: 1px;
   border-top-color: #999999;
   background-color: #e5e9ed;
}
/*--------------------------------------BODY------------------------------------------------*/
/*set style sheet for a body of all pages in CatglobeWeb*/
form
{
   margin: 0 0 0 0;
 border: 0;
}

html {
 height: 100%;
 border: 0;
}

body
{
   margin: 0 0 0 0;
   font-family: Verdana;
   color: #000000;
   font-size: 8pt;
   background-color: #ffffff;
   scrollbar-face-color: #ffffff;
   scrollbar-shadow-color: #99CCFF;
   scrollbar-highlight-color: #99CCFF;
   scrollbar-3dlight-color: #ffffff;
   scrollbar-darkshadow-color: #ffffff;
   scrollbar-track-color: #ffffff;
   scrollbar-arrow-color: #FF9900;
 border: 0;
 height: 100%;
   mozborderbottomcolors: #23dfed;
   mozborderleftcolors: #ff0000;
}

.orange {
    color: #e88c19;
}

/*set style sheet for a body of a left page on Communicator*/
body.Communicator
{
   margin: 0 0 0 0;
   overflow: auto;
   background-color: #fff;
}

/*set style sheet for a body of a left page on My Calendar*/
body.Calendar
{
   border-right-color: #dddddd;
   border-right-width: 1px;
   border-right-style: solid;
}
/*Set style sheet for body of Editor Form on Presentation*/
body.EditorForm
{
   margin: 0 0 0 0;
   overflow: auto;
   background-color: #c8c8c8;
}
/*Set style sheet for body of Left frame on Timeregistration Form*/
body.LeftTimeregistration
{
   padding: 0 0 0 0;
   margin: 0 0 0 0;
   background-color: #f0f8ff;
}
/*---------------------------------------------------------------------------------------*/

/*---------------------------------------HYPERLINK--------------------------------*/
/*Set default style sheet for a hyperlink*/
A
{
   font-family: Verdana;
   font-size: 8pt;
   color: #e88c19;
   text-decoration: none;
}

/*Set style sheet for a hyperlink when we hover on it*/
A:HOVER
{
   font-family: Verdana;
   font-size: 8pt;
   color: #e88c19;
   text-decoration: underline;
}
/*-------------------------------------------------------------------------------*/


/*----------------------------------------TABLE-----------------------------------*/
.InformationFrame_Table
{
   font-size: 8pt;
   font-family: Verdana;
   border-width: 0px;
}

/*Set style sheet for a table*/
table
{
   font-size: 8pt;
   font-family: Verdana;
}

:focus {
    outline: none;
}

/*Set style sheet for a table*/
table.DefaultTable
{
   border-width: 0px; /* margin: 0 0 0 0;    border-collapse: collapse;  */
   width: 100%;
}

/*Set style sheet for a table on Date Stuff Control*/
table.DateStuffTable
{
   border-top-style: solid;
   border-top-width: 1px;
   border-top-color: gray;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: gray;
}
/*Set style sheet for a header of table*/
.HeaderTable
{
   background-color: #dddddd;
   text-align: center;
   color: White;
   font-weight: bold;
   height: 25px;
}

/*Set style sheet for a header of CGGrid*/
th.DefaultHeader
{
   height: 25px;
   background-color: #dddddd;
   border: solid 1px #dddddd;
   border-left-width: 0px;
   border-top-width: 0px;
   text-align: center;
   color: #000000 !important;
   cursor: default;
   font-weight: bolder;
}

/*Style sheet for header of JournalControl*/
th.HiDefaultHeader
{
   height: 25px;
   background-color: #dddddd;
   border-style: solid;
   border-width: 1px;
   border-color: #dddddd;
   text-align: center;
   color: #000000;
   cursor: default;
   font-weight: bolder;
}

/*FieldSet of Product*/
th.FieldSet
{
   background-color: #d7ce7c;
   color: #000000;
   font-weight: bold;
}
tr.PaddingTop10
{
   padding: 10px 0 0 0;
}

/*Follow the Look&Feel Guidline "63.Textboxes must be 4 pixels from each other vertically",we set a style sheet for controls which is put in rows*/
tr.PaddingTop4
{
   padding: 4px 0 0 0;
}

tr.PaddingTop10
{
   padding: 10px 0 0 0;
}

tr.PaddingTop14
{
   padding: 14px 0 0 0;
}

/*Theo muc 63 cua Look&Feel Guidline,nhung la truong hop dac biet : khi co text box trong 1 row,nhung trong row nay cung co cac validator.Thi nen du`ng class na`y cho style sheet */
tr.PaddingTop3 /*New*/
{
   padding: 3px 0 0 0;
}

/*Theo muc 63 cua Look&Feel Guidline,nhung la truong hop dac biet : khi co text box trong 1 row,nhung trong row nay cung co cac validator.Thi nen du`ng class na`y cho style sheet */
tr.PaddingTop2 /*New*/
{
   padding: 2px 0 0 0;
}

/*Set style sheet for Top Menu*/
tr.Quicklink
{
   background-color: #dddddd;
   font-weight: bold;
}

/* style for print preview Journal */
tr.Journal
{
   background-color: ButtonFace;
}
/*Set style sheet for each quicklinks on Top Menu*/
td.Quicklink
{
   font-family: Verdana;
   font-size: 8pt;
   padding: 5px 0px 5px 20px;
}

/*
tr.TextProperty
{
   padding:0 0 4 0;
}*/

/*set style sheet for series items of Spread Sheet*/
tr.SpreadSheet
{
   background-color: #d4d0c8;
   border-style: solid;
   border-width: 0px;
   border-color: Transparent;
}

/*style sheet for marginpropertypanel of Report Style Sheet*/
td.marginproperty
{
   padding: 0 0 0 8px;
}

/*Follow the Look&Feel Guidline "61.All text must start at least 6 pixels from the edge of the previous object and 64.Textboxes must be 4 pixels apart horizontally",we set a style sheet for controls which is put in cloumns*/
td.NearStartEdge
{
   padding-left: 6px;
   padding-right: 4px;
}

td.NearStartEdgeEx
{
   padding-left: 6px;
   padding-right: 0px;
}

td.NearTopEdge 
{ 
    padding-top:15px 
}

/*Follow the Look&Feel Guidline "61.end at least 3 pixels from the edge",we set a style sheet for controls which is put in cloumns*/
td.NearEndEdge
{
   padding-right: 3px;
   width: 100%;
}
/*Special case : when we put a toolbar on a table,we should use this class*/
td.toolbar
{
   width: 100%;
   vertical-align: top;
   border-style: none;
   border-width: 0px;
   border-color: Transparent;
}
td.PaddingLeft4
{
   padding-left: 4px;
}
/*set style sheet for Phone book*/
.PhoneBookCell
{
   border-color: #dddddd;
   border-width: 1px;
   border-style: solid;
   cursor: hand;
}
/*set style sheet for Phone book when we selected a cell*/
.PhoneBookCellSelected
{
   border-color: #dddddd;
   border-width: 1px;
   border-style: solid;
   cursor: hand;
   background-color: #ffdc7a;
}
/*set style for table of Report Style Sheet*/
.ReportStyleTable
{
   border-style: none;
   border-width: 0px;
   border-color: Transparent;
   background-color: #ffffff;
}

/*set style for table of Report Style Sheet on Tab*/
.ReportStyleSheetTable
{
   border-style: none;
   border-width: 0px;
   border-color: Transparent;
   background-color: #fff;
}

/*set padding for text on validator*/
.ValidatorText
{
   padding: 4px 0 4px 6px;
}

.Validator_OnGrid
{
   position: absolute;
   z-index: 999999999;
   left: 21px;
   top: 524px;
   background-color: #FFFFC0;
   border-color: Red;
   border-style: solid;
   border-width: 1px;
}

/*set stylesheet for td,table , width=100% height=100%*/
.MaximizeWidthHeight
{
   border-width: 0px;
   width: 100%;
   height: 100%;
}
/*set stylesheet for td . Use it in case you have 2 grid */
td.PaddingRight2
{
   padding: 0 2px 0 0;
   width: 50%;
}
/*set stylesheet for td .Use it in case you have 2 grid*/
td.PaddingLeft2
{
   padding: 0 0 0 2px;
   width: 50%;
   vertical-align: top;
}
/*------------------------------------------------------------------------------------------------*/

/*------------------------------------------TEXTBOX,DROPDOWN------------------------------------------------*/
/*Follow the Look&Feel Guidline "61.One exception is text within textboxes; drop down boxes and lists, where the distance should be 3 pixels from start of the textbox",we set a style sheet for TextBox,Dropdown,TextArea*/
INPUT.TextField, SELECT.TextField, TEXTAREA.TextField
{
   width: 300px;
   padding-left: 3px;
}

INPUT.TextFieldEx, SELECT.TextFieldEx, TEXTAREA.TextFieldEx
{
   width: 300px;
   padding-left: 0px;
}

input[readonly]
{ 
	border-color: darkgrey;
	border-style: solid;
	border-width: 1px;
	background-color: rgb(235, 235, 228);
	color: rgb(84, 84, 84);
	padding: 2px 0px;
}

/* use for TextBox have value is number*/
.NumberInTextBox
{
   text-align: right; /*vertical-align:middle;*/
}
/*use for CGTime*/
.PaddingLeft3
{
   padding-left: 3px;
}
/*use for checkbox of add constant */
.PaddingLeft4
{
   padding-left: 4px;
}
/*--------------------------------------------------------------------------------------------------*/
/*set style sheet for label*/
label
{
   text-align: left;
}


/*---------------------------------------DIV--------------------------------------------*/
/* use for DIV*/
.GrayBar
{
   border-right: 0px;
   padding-right: 3px;
   border-top: 0px;
   padding-left: 6px;
   padding-bottom: 5px;
   border-left: 0px;
   width: 100%;
   padding-top: 5px;
   border-bottom: 0px;
   height: 15px;
   background-color: #dddddd;
   font-weight: bold;
   border-color: #dddddd;
   color: #000000;
}
/*It is used for detailed description tab only. The same as graybar with different in height*/
.GrayBar_DetailedDescriptionTab
{
   border-right-width: 0px;
   padding-right: 3px;
   border-top-width: 0px;
   padding-left: 6px;
   padding-bottom: 5px;
   border-left-width: 0px;
   width: 100%;
   padding-top: 5px;
   border-bottom-width: 0px;
   height: 35px;
   background-color: #dddddd;
   font-weight: bold;
   border-color: #dddddd;
   color: #000000;
   vertical-align: text-bottom;
}
/*set a style sheet for a CGAlert*/
.contentCGAlert
{
   padding: 10px 10px 0px 10px;
   color: Red;
}

/*set a style sheet for a CGConfirm*/
div.content
{
   padding: 10px 0px 0px 10px;
}

/*set a style sheet for a div on Work Setting*/
div.WorkSetting
{
   border-width: 1px;
   border-style: solid;
   border-color: #dddddd;
}
/*set style for area edit of Presentation*/
div.AreaEdit
{
   background-color: White;
   position: absolute;
   border-right-style: outset;
   border-right-width: 4px;
   border-right-color: Black;
   border-top-style: outset;
   border-top-width: 1px;
   border-top-color: Black;
   border-left-style: outset;
   border-left-width: 1px;
   border-left-color: Black;
   border-bottom-style: outset;
   border-bottom-width: 4px;
   border-bottom-color: Black;
   left: 2.5%;
   top: 3%;
}
/*set style sheet for div , div have scroll */
div.DivHaveScroll
{
   overflow: auto;
   height: 100%;
   width: 100%;
}
/*set style sheet div for QualifiactionListControl */
div.DivHaveScrollAndLeft
{
   overflow: auto;
   height: 100%;
   width: 100%;
   padding-left: 2px;
}
/*----------------------------------------------------------------------------------------*/

/*-------------------------------HORIZONTALMENU ,POPUPMENU AND VERTICALMENU---------------------------------*/

/* Horizontal menu - top level item */
.TopLevel_Horizontal
{
   padding: 5px;
}

/*Set a default style sheet for Horizontal and Popup menu */
.Default_HorizontalAndPopupMenu {
    color: #000000;
    background-color: #f5f5f5; /*color whiteSmoke*/ /*if don't have image toolbar_1px.gif ,it will get this color*/
}

    .Default_HorizontalAndPopupMenu[submenu] {
        display: table-cell;
    }

/*Set a style sheet for Horizontal and Popup menu when we hover on top item*/
.TopHover_HorizontalAndPopupMenu {
    background-color: #316ac5;
    color: White;
    border-style: solid;
    border-width: 0px;
    border-color: Transparent;
}

/*Set a style sheet for Horizontal and Popup menu when we select top item*/
.TopSelect_HorizontalAndPopupMenu
{
   background-color: #dddddd;
   border-style: solid;
   border-width: 0px;
   border-color: Transparent;
   color: #000000;
   padding: 5px;
}

/*Set a style sheet for island of Horizontal and Popup menu*/
.Island_HorizontalAndPopupMenu
{
   background-color: #f5f5f5; /*color whiteSmoke*/
   font-size: 8pt;
   font-family: Verdana;
   cursor: default;
   color: #000000;
   border-width: 1px;
   border-style: solid;
   border-color: #b5ccfa;
}

/*Set a style sheet for Horizontal and Popup menu when we hover on item*/
.HoverItem_HorizontalAndPopupMenu
{
   background-color: #666666;
   color: #FFFFFF;
   border-style: solid;
   border-width: 0px;
   border-color: Transparent;
   cursor: default;
}

/*Set a style sheet for a disable item of Horizontal and Popup,Vertical menu*/
.DisableItem_HorizontalAndPopupAndVerticalMenu
{
   color: #aca899; /*color lightGrey*/
}

/*Set a style sheet for a item of Horizontal and Popup,Vertical menu*/
.ItemStyle_HorizontalAndPopupAndVerticalMenu
{
   border-style: solid;
   border-width: 0px;
   border-color: Transparent;
   height: 25px;
}

/*VerticalMenu*//*ItemStyle , Disable are same as popupMenu*/

/*Set a style sheet for island of Vertical menu*/
.Island_VerticalMenu
{
   font-family: Verdana;
   font-size: 8pt;
   font-weight: normal;
   background-color: white;
   color: #000000;
   border-style: Solid;
   border-width: 2px;
   cursor: Default;
   border-color: #dddddd;
   vertical-align: middle;
}

/*Set a style sheet for Vertical menu when we hover on item*/
.HoverItem_VerticalMenu
{
   background: #666666;
   border-color: #666666;
   color: White;
   border-style: Solid;
   border-width: 0px;
   cursor: Default;
}

/*Set a style sheet for Vertical menu when we select top item*/
.TopSelect_VerticalMenu
{
   background-color: #f5f5f5;
   border-color: #B5CCFA;
   color: #000000;
   border-style: Solid;
   border-width: 2px;
}
/*-------------------------------------------------------------------------------------------*/

/*------------------------------------TOOLBAR-------------------------------------------------*/

/*workaround for https://connect.microsoft.com/IE/feedback/details/781009/ie-10-fails-to-render-tables-width-fixed-layout-correctly */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
table colgroup { display: table-row; }
table colgroup col { display: table-cell; }
}

/*Set a default style sheet for items on toolbar*/
.ToolBarItemDefault
{
   border-style: none;
   border-width: 1px;
   text-align: center;
   font-family: Verdana;
   font-size: 8pt;
   cursor: default;
}

.ToolBarItemDefaultVisual
{
   border-top-width: 2px;
   border-top-style: solid;
   border-top-color: #cccccc;
   border-right-width: 2px;
   border-right-style: solid;
   border-right-color: #ffffff;
   border-bottom-width: 2px;
   border-bottom-style: solid;
   border-bottom-color: #ffffff;
   border-left-width: 2px;
   border-left-style: solid;
   border-left-color: #cccccc;
   text-align: center;
   font-family: Verdana;
   font-size: 8pt;
   cursor: default;
}

/*Set a style sheet for toolbar when we hover on items*/
.ToolBarItemHover
{
   border-color: #0A246A;
   border-style: solid;
   border-width: 1px;
   text-align: center;
   font-family: Verdana;
   font-size: 8pt;
   cursor: default;
}

/*Set a style sheet for toolbar when we select items*/
.ToolBarItemSelected
{
   border-color: #0A246A;
   border-style: solid;
   border-width: 1px;
   text-align: center;
   font-family: Verdana;
   font-size: 8pt;
   cursor: default;
}

/*set style sheet for TBLable on Toolbar*/
.Label
{
   text-align: left;
   padding: 0 0 0 0;
   width: 100%;
}
/*------------------------------------------------------------------------------------------*/

/*-------------------------------------------------GRID----------------------------------------*/
/*Set a style sheet for a frame of Grid*/
.FrameStyle_Grid
{
   cursor: default;
   font-size: 8pt;
   font-family: Verdana;
   border-style: solid;
   border-width: 1px;
   border-color: #dddddd;
   height: 100%;
}

.FrameStyle_Grid > tbody[id$=mtb] > tr:first-of-type {
 height: 1%;
}

/*Set a default style sheet for a cell when we edit*/
.EditCellStyleDefault_Grid
{
   font-size: 8pt;
   font-family: Verdana;
   border-color: #dddddd;
   border-width: 1px;
   border-style: solid;
   color: #000000;
   padding-left: 6px;
}

/*Set a default style sheet for alternate row on grid*/
.RowAlternateStyleDefault_Grid
{
   background-color: #f5f5f5;
   border-color: #dddddd;
   border-width: 1px;
   border-style: solid;
   border-top-width: 0px;
   border-left-width: 0px;
   padding-left: 6px;
}

/*Set a default style sheet for alternate row on Edit Access ControlEx*/
.RowAlternateStyleDefault_EditAccessControlExGrid
{
   background-color: #f5f5f5;
   border-width: 0px;
   padding-left: 6px;
}

/*Set a default style sheet for alternate row on grid.Special case : on ParameterCustomInformationControlEx*/
.RowAlternateStyleDefault_CustomInformationControlExGrid
{
   background-color: #ffffff;
   color: #000000;
   border-color: #dddddd;
   border-width: 1px;
   border-style: solid;
   border-top-width: 0px;
   border-left-width: 0px;
}

/*Set a default style sheet for header on grid*/
.HeaderStyleDefault_Grid
{
   background-color: #dddddd;
   border-style: solid;
   border-width: 1px;
   border-color: #dddddd;
   text-align: center;
   color: #000000;
   font-weight: bold;
   cursor: default;
   border-left-width: 0px;
   border-top-width: 0px;
   border-bottom-color: #dddddd;
}

/*Set a default style sheet for a footer on grid*/
.FooterStyleDefault_Grid
{
   background-color: #fffacd;
   color: #000000;
   font-weight: bold;
}
/*Set a style sheet for a row on grid when we selected*/
.SelectedRowStyleDefault_Grid
{
   background-color: #ffdc7a;
   background-image: url(/ig_common/images/Office2003SelRow.png);
   background-repeat: repeat-x;
}

/*Set a style sheet for a row which allow multi-line on grid when we selected*/
.SelectedRowStyleDefault_Grid_NoImage
{
   background-color: rgb(242,182,58);
}

/*Set a default style sheet for row on grid*/
.RowStyleDefault_Grid
{
   border-color: #dddddd;
   border-width: 1px;
   border-style: solid;
   border-top-width: 0px;
   border-left-width: 0px;
   padding-left: 6px; /*background-color:#ffffff;*/
}
/*Set a default style sheet for Group Builder grid*/
.RowStyleDefault_GB_Grid
{
   background-color: #ffffff;
   border-color: #dddddd;
   border-width: 1px;
   border-style: solid;
   border-top-width: 0px;
   border-left-width: 0px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   padding-left: 1px; /*background-color:#ffffff;*/
}
/*Set a default style sheet for row on grid*/
.RowHoverStyleDefault_Grid
{
   border-color: #dddddd;
   border-width: 1px;
   border-style: solid;
   border-top-width: 0px;
   border-left-width: 0px;
   background-color: #e88c19;
}

.RowStyleDefault_GridWithNoPadding
{
   border-color: #dddddd;
   border-width: 1px;
   border-style: solid;
   border-top-width: 0px;
   border-left-width: 0px;
}

/*style sheet for row of Inherit Access grid*/
.RowStyleDefault_InheritAccessGrid
{
   background-color: #ffffff;
   border-width: 0px;
   padding-left: 6px;
}

/*style sheet for row of Journal Control grid*/
.RowStyleDefault_JournalControlGrid
{
   border-width: 0px;
   padding-left: 6px;
}

/*Set a default style sheet for row on grid.Special case : on Income Statement*/
.BackgroundColorRow_IncomeStatementGrid
{
   background-color: #d7e3bc; /*green color*/
}

/*Set a style sheet for a validator on grid*/
.ValidatorStyle_Grid
{
   z-index: 999999999;
   left: 21px;
   position: absolute;
   top: 524px;
   background-color: #FFFFC0;
   border-style: solid;
   border-width: 1px;
   border-color: Red;
}


/*----------------------------------------------------------------------------*/

/*---------------------------------------BUTTON IN GRID----------------------------------*/
/*Button in Grid*/
.Default_Button
{
   height: 20px;
   text-align: center;
}
/*-----------------------------------------------------------------------------------------*/

/*-------------------------------WEBCOMBO OF INFRAGISTIC----------------------------------*/
/*WebCombo of Infragistic*/
.FrameStyle_WebCombo
{
   border-width: 1px;
   border-color: #dddddd;
   background-color: #ffffff;
}
.RowStyleDefault_WebCombo
{
   font-family: Verdana;
   font-size: 8pt;
   padding-left: 3px;
}
/*------------------------------------------------------------------------------------------*/

/*-------------------------------VALUELIST OF INFRAGISTIC----------------------------------*/
/*WebCombo of Infragistic*/
.Default_ValueList
{
   height: 20px;
   color: #000000;
   font-family: Verdana;
   font-size: 8pt;
   background-color: #ffffff;
   border-width: 1px;
   border-color: #dddddd;
   padding-left: 3px; /*background-color:#316ac5;*/
}
/*-----------------------------------LISTBAR------------------------------------------------*/
/*ListBar use for Communicator , MyActivities*/
.DefaultGroupHeader_ListBarCommunicator
{
   border: solid 1px #dddddd;
   color: White;
   font-weight: bold;
   background-color: #666666;
   height: 20px;
   padding: 0 2px 0 5px;
    cursor: hand;
    cursor: pointer;
}
/*style sheet for Goup Header of Inherit Access on EditAccessControlEx*/
.DefaultGroupHeader_ListBarInheritAccess
{
   color: #000000;
   font-weight: bold;
   background-color: #dddddd;
   padding: 0 0 0 6px;
}

/*Set a default style sheet for Group Header on list bar.Special case : on My Activities*/
.DefaultGroupHeader_ListBarMyActivities
{
   border: solid 1px #dddddd;
   color: White;
   font-weight: bold;
   background-color: #666666;
   cursor: hand;
   padding-left: 6px;
   height: 20px;
}

/*Set a style sheet for Group Header on list bar when we hover.Special case : on My Communicator*/
.HoverGroupHeader_ListBarCommunicator
{
   border-color: #dddddd;
   background-color: #666666;
   border-style: solid;
   border-width: 1px;
   font-family: Verdana;
   font-size: 8pt;
   padding: 0 2px 0 5px;
   height: 20px;
   color: White;
   font-weight: bold;
    cursor: hand;
    cursor: pointer;
}

/*Set a style sheet for Group Header on list bar when we hover.Special case : on My Activities*/
.HoverGroupHeader_ListBarMyActivities
{
   border-color: #dddddd;
   background-color: #666666;
   border-style: solid;
   border-width: 1px;
   font-family: Verdana;
   font-size: 8pt;
   color: White;
   font-weight: bold;
   padding-left: 6px;
   height: 20px;
    cursor: hand;
    cursor: pointer;
}

/*set default style for Group Style of List Bar on Report Style Sheet*/
.DefaultGroupStyle_ListBar
{
   background-color: #fff;
   cursor: default;
   padding-left: 6px;
}

/*set default style for Group Style of List Bar on EditAccessControlEx*/
.DefaultGroupStyle_InheritAccessListBar
{
   background-color: #fff;
   cursor: default;
}

/*set style for Group Style of List Bar when we selected on Report Style Sheet*/
.DefaultGroupSelectedStyle_ListBar
{
   background-color: #fff;
   cursor: default;
   padding-left: 6px;
   text-decoration: underline;
}

/*set default style for items on List Bar*/
.DefaultItem_ListBar
{
   background-color: #fff;
   margin: 0 0 0 0;
   padding: 2px 5px 2px 10px;
   border: none 0;
   text-align: left;
    cursor: default;
}

/*set style for items on List Bar when we hover on it*/
.HoverItem_ListBar
{
   background-color: #fff;
   margin: 0 0 0 0;
   padding: 2px 5px 2px 10px;
   border: none 0;
   text-align: left;
   text-decoration: underline;
   cursor: default;
}

/*set style for items on List Bar.Special case : on My Activities, we have items "Deadline"*/
.ColorDeadlineText_ListBarMyActivities
{
   color: Red;
   padding: 2px 5px 2px 10px;
}

/*set style for items on List Bar when we hover on it.Special case : on My Activities, we have items "Deadline"*/
.ColorDeadlineTextHover_ListBarMyActivities
{
   color: Red;
   text-decoration: underline;
   padding: 2px 5px 2px 10px;
}

/*set style for total column.Special case : on AnalyzeTime tab*/
.ColorTotalColumn_AnalyzeTimeTab
{
   background-color: #add8e6;
   color: #000000;
   font-weight: bold;
}
/*-----------------------------------------------------------------------------------------------*/

/*-------------------------------WEBDATECHOOSE , WEBCALENDAR , CONTROLDATE--------------------*/

/*WebDateChooser,WebCalendar*/

/*set a style sheet for the control when it is displayed*/
.webdatechooser_DisplayStyle
{
   font-size: 8pt;
   font-family: Verdana;
}

/*set a style sheet for item when we edit it*/
.webdatechooser_EditStyle
{
   font-size: 8pt;
   font-family: Verdana;
}

/*set a style sheet for  dropdown button on DateChooser and WebCalendar*/
.webdatechooser_DropDownStyle
{
   background-color: Blue;
}

/*set a style sheet for days on DateChooser and WebCalendar*/
.webdatechooser_DayStyle
{
   font-size: 8pt;
   font-family: Verdana;
   color: #000000;
   background-color: white;
}

/*set a style sheet for day header (the days of week portion) on DateChooser and WebCalendar*/
.webdatechooser_DayHeaderStyle
{
   height: 16px;
   font-size: xx-small;
   color: #000000;
   background-image: url(/ig_common/images/OrangeExplorer.gif);
   background-repeat: repeat-x;
   background-color: #ffdc7a;
   font-weight: bold;
}

/*set a style sheet for day footer on DateChooser and WebCalendar*/
.webdatechooser_FooterStyle
{
   color: #000000;
   font-size: 8pt;
   height: 20px;
   background-image: url(/ig_common/images/OrangeExplorer2.gif);
   background-repeat: repeat-x;
   background-color: #ffdc7a;
}

/*set a style sheet for a day on DateChooser and WebCalendar when we selected*/
.webdatechooser_SelectedDayStyle
{
   background-color: #ff9a00;
   color: White;
   font-weight: bold;
}

/*set a style sheet for a title (the month and the year portion) on DateChooser and WebCalendar*/
.webdatechooser_TitleStyle
{
   padding-top: 0px;
   padding-right: 0px;
   color: #000000;
   background-color: #ffdc7a;
   background-image: url(/ig_common/images/OrangeExplorer2.gif);
   background-repeat: repeat;
   font-size: 8pt;
   font-weight: bold;
   height: 22px;
   width: 170px;
}

/*set a style sheet for a NextPrev button on DateChooser and WebCalendar*/
.webdatechooser_NextPrevStyle
{
   background-image: url(/ig_common/images/OrangeExplorer2.gif);
   background-repeat: repeat;
   color: #000000;
   background-color: #ffdc7a;
}

.datetimeeditor_longDateTimeStyle
{
   font-size: 8pt;
   font-family: Verdana;
   height: 18px;
   border-color: #7F9DB9;
   border-width: 1px;
   border-style: solid;
   text-align: left;
   width: 150px;
}

.datetimeeditor_shortDateTimeStyle
{
   font-size: 8pt;
   font-family: Verdana;
   height: 18px;
   width: 110px;
   border-color: #7F9DB9;
   border-width: 1px;
   border-style: solid;
}

.datetimeeditor_postfixStyle
{
   font-size: 8pt;
   font-family: Verdana;
   vertical-align: middle;
}

.datetimeeditor_ButtonStyle
{
   width: 13px;
   border-width: 1px;
   border-color: #DC7607;
   border-style: solid;
   font-size: 1pt;
   background-color: #E88C1B;
   padding-left: 3px;
   padding-right: 3px;
}

.datetimeeditor_ButtonPressedStyle
{
   background-color: #DC7607;
}

.datetimeeditor_ButtonDisabledStyle
{
   width: 13px;
   border-width: 1px;
   border-color: #D7D7D7;
   color: #BEBEBE;
   background-color: #E1E1E1;
   padding-left: 3px;
   padding-right: 3px;
}


.datetimeeditor_ButtonHoverStyle
{
   background-color: #F0B269;
}
/*----------------------------------------------------------------------------------------*/

/*---------------------------------TREE---------------------------------------------------*/
/*ExplorerTree,Ledger&Account*/

/*set a default style for a tree*/
.DefaultStyle_Tree
{
   overflow: auto;
   cursor: default;
   width: 100%;
}

/*set a style for a node on Tree*/
.NodeStyle_Tree
{
   padding: 2px 2px 2px 2px;
}

/*set a style for a node on Tree when we edit it*/
.NodeEditStyle_Tree
{
   color: #000000;
   font-size: 8pt;
   font-family: Verdana;
}

/*set a style for a node on Tree when we selected it*/
.SelectedNodeStyle_Tree
{
   background-color: #b5ccfa;
   color: #000000;
   padding: 2px 2px 2px 2px;
}

/*set a style for a node on Tree when it is disabled*/
.DisabledStyle_Tree
{
   color: #aca899;
}
/*------------------------------------------------------------------------------------------*/

/*set font is bold and italic*/
.BoldItaclic
{
   font-weight: bold;
   font-style: italic;
}

/*set a style sheet for legend on fieldset*/
.legend
{
   color: #000000;
   font-weight: bold;
}

.boxlegend
{
   color: #000000;
   font-weight: bold;
}

.breakforbox
{
   font-size: 3pt;
}

/*set style sheet for validateSummary*/
.ValidationSummary
{
   border-style: solid;
   border-width: 1px;
   border-color: red;
   padding: 0 0 0 0;
}
/*set style sheet for margin-left:2px for table*/
.MarginLeftTwo
{
   margin-left: 2px;
}
/*set style sheet for select row without need backgroundImage*/
.SelectedRow_BackGroundColor
{
   background-color: #ffdc7a;
}
/*set style sheet for PageLeft of SearchPage */
.PageLeftOfSearchPage
{
   border-right-style: solid;
   border-right-width: 2px;
   border-right-color: #dddddd;
   background-color: #f5f5f5;
}
/*set style sheet for Header of My Account*/
.HeaderOfMyAccount
{
   padding-left: 2px;
   background-color: #b5ccfa;
}

/*set style sheet for Timeregistration form*/
.BlueBar
{
   background-color: #dddddd;
   font-weight: bold;
   color: #000000;
}
/*-----------------      NOTIFICATION       -------------------*/
div.PopupFrame
{
   background-color: #E0E9F8;
   border-right-style: solid;
   border-right-width: 1px;
   border-right-color: #455690;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #455690;
   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #B9C9EF;
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #B9C9EF;
   position: absolute;
   z-index: 9999999999;
   left: 15px;
   bottom: 15px;
}

div.PopupContent
{
   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #728EB8;
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #728EB8;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #B9C9EF;
   border-right-width: 1px;
   border-right-style: solid;
   border-right-color: #B9C9EF;
   background: #E0E9F8;
   padding: 2px;
   text-align: left;
   filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFE0E9F8', EndColorStr='#FFFFFFFF');
   position: absolute;
   left: 2px;
   z-index: 9999999999;
}

/*-----------------      WEB TAB       -------------------*/

.WebTab_DefaultTabStyle
{
   font-family: Verdana;
   font-size: 8pt;
   background-color: #fff;
   text-align: center;
}

.WebTab_SelectedTabStyle
{
   font-family: Verdana;
   font-size: 8pt;
   background-color: #fff;
}

.TableFrame
{
   border-style: solid;
   border-width: 1px;
   border-color: #dddddd;
   font-size: 8pt;
   font-family: Verdana;
}

/*-----------------      WIZARD       -------------------*/
.WizardTitle
{
   background-color: #dddddd;
   color: #000000;
   text-align: center;
   font-family: Verdana;
   font-size: 10pt;
   font-weight: bold;
}
/*-------------   Use for HallTest.aspx   -----------*/
.HTGrayBar
{
   border-right: 0px;
   border-top: 0px;
   padding-bottom: 5px;
   border-left: 0px;
   width: 100%;
   padding-top: 5px;
   border-bottom: 0px;
   height: 26px;
   background-color: #7ba0b0;
   color: white;
   font-weight: bold;
}

/*--------------- INFRA EDITOR --------------*/
.igedit_in_style_editor
{
   font-family: Verdana;
   font-size: 8pt;
   border-color: #ABC1F4;
   border-width: 1px;
   border-style: solid;
   width: 100px;
}
/*---------- Use for Journal Viewer --------*/
/*--- journal option ----*/
body.JournalOption
{
   background-color: #e5e9ed;
}
table.TopJournalOption
{
   width: 100%;
   height: 80px;
   background-color: #e5e9ed;
}
table.BottomJournalOption
{
   width: 100%;
   height: 32px;
   background-color: #cddae6;
   border-top-style: solid;
   border-top-width: 1px;
   border-top-color: #adaaff;
   position: absolute;
   bottom: 0px;
}
td.JournalOptionLeft
{
   width: 15%;
   text-align: right;
}
td.JournalOptionRight
{
   width: 85%;
   text-align: left;
}
/*--- journal viewer ----*/
body.JournalViewer
{
   background-color: #e2e6eb;
   margin: 2px;
}
td.LabelTextStyle
{
   width: 15%;
   color: #3739aa;
   font-family: Verdana;
   font-size: 8pt;
   font-weight: bold;
}
td.TextStyle
{
   width: 85%;
   font-family: Verdana;
   font-size: 8pt;
   color: #3739aa;
}
textarea.ContentStyle
{
   width: 100%;
   height: 100%;
   color: #3739aa;
}
/*--- Filter panel ----*/
body.FilterPanel
{
   background-color: #FFFFFF;
}
table.Section
{
   width: 100%;
   border-bottom: solid 1px #adaaff;
   bottom: 5px;
}

td.NormalText
{
   font-family: Verdana;
   font-size: 8pt;
   font-weight: bold;
   color: #3739aa;
   padding-bottom: 5px;
}
td.SubResourceText
{
   font-family: Verdana;
   font-size: 8pt;
   font-weight: bold;
   color: #7c7c7c;
   padding-bottom: 5px;
}
td.SubResourceWarningText
{
   font-family: Verdana;
   font-size: 8pt;
   color: #ff0000;
   padding-bottom: 5px;
}
td.GridCell
{
   width: 100%;
   height: 100px;
   padding-bottom: 10px;
}
/*--- Update section ----*/
body.UpdateSection
{
   background-color: #deebff;
}
table.UpdateSectionTable
{
   width: 100%;
   font-weight: bold;
   border-bottom-style: solid;
   border-bottom-width: 2px;
   border-bottom-color: #909090;
   bottom: 5px;
}
/* Page setup */
.FieldSet
{
   margin: 2px;
}

.LargeTextBoxWidth
{
   width: 260px;
}

.SmallTextBoxWidth
{
   width: 100px;
}

.HiddenElement
{
   width: 100%;
   display: none;
}
INPUT.ButtonInGrid
{
   width: 25px;
   height: 20px;
}

/*Follow the Look&Feel Guidline "61.All text must start at least 6 pixels from the edge of the previous object and 64.Textboxes must be 4 pixels apart horizontally",we set a style sheet for controls which is put in cloumns*/
td.Indent1StartEdge
{
   padding-left: 15px;
   padding-right: 4px;
}

.CGBackgoundColor
{
   background-color: #dddddd;
}

.DashboardViewerElement
{
   padding: 4px;
}

.DashboardViewerBox
{
   cursor: default;
   font-size: 8pt;
   font-family: Verdana;
   border-style: solid;
   border-width: 1px;
   border-color: #dddddd;
   width: 280px;
}

.MyPortal_Element_ScriptTextBox
{
   width: 800px;
   height: 400px;
}

.DashboardObserverViewerBox
{
   cursor: default;
   font-size: 8pt;
   font-family: Verdana;
   border-style: solid;
   border-width: 1px;
   border-color: #dddddd;
}

.Splitter_Hover
{
   background-color: Gray;
   cursor: e-resize;
}
.Splitter_Normal
{
   background-color: Gray;
}
.Splitter_Pressed
{
   cursor: e-resize;
   background-color: Gray;
}
.Splitter_Shadow
{
   cursor: e-resize;
   background-color: Gray;
}

.Splitter_Horizontal_Pressed
{
   cursor:s-resize;
   background-color: Gray;
}

.Splitter_Horizontal_Hover
{
   cursor:s-resize;
   background-color: Gray;
}