/* General look */
html  	  { height: 100%; z-index: 1; }
*         { color: black; font-family: Verdana, Tahoma, Arial; font-size: 8pt;}
body      { color: black; background-color: #EEEFF4; background-image: url('background.gif'); height: 100%; margin: 0px; padding: 0px; z-index: 5; }
form      { margin: 0px; }
a         { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover   { text-decoration: underline; }
a:active  { text-decoration: none; }
input     { color: black; }
select    { background: #FFFFFF; color: black; }
option    { background: #FFFFFF; color: black; }
textarea  { background: #FFFFFF; color: black; }
hr        { border-width: 0px; border-top: 1px solid #AAAAAA; height: 1px; }

input.clFlatTextInput { border: 1px solid #9C9291; padding-left: 2px; padding-top: 2px; height: 19px; }
input.clFlatTextInputError { border: 1px solid red; padding-left: 2px; padding-top: 2px; height: 19px; }
input.clFlatTextInputWarning { border: 1px solid #FFC000; padding-left: 2px; padding-top: 2px; height: 19px; }
.clTabControl input.clFlatTextInput { border: 1px solid #9C9291; padding-left: 2px; padding-top: 2px; height: 19px; }
textarea.clFlatTextInput { border: 1px solid #9C9291; padding-left: 2px; padding-top: 2px; }
textarea.clFlatTextInputError { border: 1px solid red; padding-left: 2px; padding-top: 2px; }
textarea.clFlatTextInputWarning { border: 1px solid #FFC000; padding-left: 2px; padding-top: 2px; }
.clTabControl textarea.clFlatTextInput { border: 1px solid #9C9291; padding-left: 2px; padding-top: 2px }
.noborder { border: 0px; }
.clTabControl .border { border: 1px solid #9C9291; }
.border { border: 1px solid #9C9291; }

/* Graphic Tab Control */
.clActiveTab                        { color: white; font-weight: bold; padding-left: 3px; padding-right: 5px; background-image: url('tabcontrol/activetab_body.gif'); }
.clTab                              { color: white; cursor: pointer; padding-left: 3px; padding-right: 5px; background-image: url('tabcontrol/tab_body.gif'); }
.clActiveTabDisabled { background-image: url(tabcontrol/activetab_body.gif); color: #AAAAAA; cursor: default; font-style: italic; padding-left: 3px; padding-right: 5px; }
.clActiveTabDisabled span { color: #AAAAAA; cursor: default; font-style: italic; }
.clTabDisabled { background-image: url(tabcontrol/tab_body.gif); color: #AAAAAA; cursor: default; font-style: italic; padding-left: 3px; padding-right: 5px; }
.clTabDisabled span { color: #AAAAAA; cursor: default; font-style: italic; }

.clToolbar              { height: 23px; background: url('toolbar/toolbar.gif') white repeat-x top left; }
.clToolbarLeft          { height: 23px; background: url('toolbar/toolbar_Left.gif') white no-repeat top left; width: 3px; }
.clToolbarRight         { height: 23px; background: url('toolbar/toolbar_Right.gif') white no-repeat top right; width: 3px; }
.clToolbarGradient      { height: 23px; background: url('toolbar/toolbar_Gradient.gif') white repeat-x top left; }
.clToolbarGradientLeft  { height: 23px; background: url('toolbar/toolbar_Gradient_Left.gif') white no-repeat top left; width: 3px; }
.clToolbarGradientRight { height: 23px; background: url('toolbar/toolbar_Gradient_Right.gif') white no-repeat top right; width: 3px; }

.clTabControl * { color: black; }
.ActiveTabCaption { font-size: 10pt; font-weight: bold; }
.TabCaption { font-size: 10pt; }
.TabControlPageTitle { border: 1px solid #9C9291; border-collapse: collapse; padding: 3px; font-size: 12pt; font-weight: bold; margin-bottom: 8px; background-image: url('tabcontrol/main_background.gif'); }
.PageTitle, .PageTitle1  { background-image: url('pagetitle/main_background.gif'); border: 1px solid #000000; border-collapse: collapse; padding: 3px; font-size: 12pt; font-weight: bold; margin-bottom: 8px; }
.PageTitle2 { background-image: url('datatable/header2.gif'); border: 1px solid #345487; border-collapse: collapse; padding: 3px; font-weight: bold; margin-bottom: 8px; }
.PageTitle3 { background-image: url('datatable/header3.gif'); border: 1px solid #345487; border-collapse: collapse; padding: 3px; color: #FFFFFF; font-weight: bold; margin-bottom: 8px; }

.ToolbarButtonCaption { color: #3D4D81; }
.ToolbarButtonCaption a:hover { text-decoration: none; }

/* FlatTable and DataGrid */
.clFlatTable                   { border: 1px solid #000000; border-collapse: collapse; }

.clRowHeader                        { background: #6880BA; border: 1px solid #000000; color: white; font-weight: bold; }
.clRowHeader td                     { border: 1px solid #000000; color: white; font-weight: bold; }
.clRowHeader a                      { color: yellow; text-decoration: none; }
.clRowHeader a:visited              { color: yellow; text-decoration: none; }
.clRowHeader a:hover                { color: red; }
.clRowHeader a:active               { color: red; }

.clRowHeaderGradient                { background: url('RowHeader_Gradient_Small.gif') white repeat-x bottom left; color: black; font-weight: bold; }
.clRowHeaderGradient td             { color: black; font-weight: bold; }
.clRowHeaderGradient a              { color: yellow; text-decoration: none; }
.clRowHeaderGradient a:visited      { color: yellow; text-decoration: none; }
.clRowHeaderGradient a:hover        { color: red; }
.clRowHeaderGradient a:active       { color: red; }

.clRowDark                          { background: #EBEEF7; border: 1px solid #C2CADE; color: black; }
.clRowDark td                       { border: 1px solid #C2CADE; color: black; }
.clRowDark a                        { color: navy; text-decoration: none; }
.clRowDark a:visited                { color: navy; text-decoration: none; }
.clRowDark a:hover                  { color: red; }
.clRowDark a:active                 { color: red; }

.clRowLight                         { background: #FFFFFF; border: 1px solid #C2CADE; color: black; }
.clRowLight td                      { border: 1px solid #C2CADE; color: black; }
.clRowLight a                       { color: navy; text-decoration: none; }
.clRowLight a:visited               { color: navy; text-decoration: none; }
.clRowLight a:hover                 { color: red; }
.clRowLight a:active                { color: red; }

.clRowNormal                        { background: #CCCCCC; border: 1px solid #C2CADE; color: black; }
.clRowNormal td                     { border: 1px solid #C2CADE; color: black; }
.clRowNormal a                      { color: navy; text-decoration: none; }
.clRowNormal a:visited              { color: navy; text-decoration: none; }
.clRowNormal a:hover                { color: red; }
.clRowNormal a:active               { color: red; }

.clRowDarkLate                      { background: #FFADAD; border: 1px solid #C2CADE; color: black; }
.clRowDarkLate td                   { border: 1px solid #C2CADE; color: black; }
.clRowDarkLate a                    { color: navy; text-decoration: none; }
.clRowDarkLate a:visited            { color: navy; text-decoration: none; }
.clRowDarkLate a:hover              { color: red; }
.clRowDarkLate a:active             { color: red; }

.clRowLightLate                     { background: #FFD6D6; border: 1px solid #C2CADE; color: black; }
.clRowLightLate td                  { border: 1px solid #C2CADE; color: black; }
.clRowLightLate a                   { color: navy; text-decoration: none; }
.clRowLightLate a:visited           { color: navy; text-decoration: none; }
.clRowLightLate a:hover             { color: red; }
.clRowLightLate a:active            { color: red; }

.clDataGridDark                     { background: #EBEEF7; border: 1px solid #C2CADE; color: black; }
.clDataGridDark td                  { border: 1px solid #C2CADE; color: black; padding: 0px; }
.clDataGridDark input               { background: #EBEEF7; border: 0px; margin: 0px; width: 100%; }

.clDataGridLight                    { background: #FFFFFF; border: 1px solid #C2CADE; color: black; }
.clDataGridLight td                 { border: 1px solid #C2CADE; color: black; padding: 0px; }
.clDataGridLight input              { background: #FFFFFF; border: 0px; margin: 0px; width: 100%; }

.clDark *                           { background: #EBEEF7; color: white; }
.clDark td                          { background: #EBEEF7; border: solid 0px; color: white; }
.clDark a                           { color: navy; text-decoration: none; }
.clDark a:visited                   { color: navy; text-decoration: none; }
.clDark a:hover                     { color: red; }
.clDark a:active                    { color: red; }

.clLight *                          { background: #ECECEC; color: black; }
.clLight td                         { background: #ECECEC; border: solid 0px; color: black; }
.clLight a                          { color: navy; text-decoration: none; }
.clLight a:visited                  { color: navy; text-decoration: none; }
.clLight a:hover                    { color: red; }
.clLight a:active                   { color: red; }

.clNormal *                         { background: #6880BA; color: black; }
.clNormal td                        { background: #6880BA; border: solid 0px; color: black; }
.clNormal a                         { color: navy; text-decoration: none; }
.clNormal a:visited                 { color: navy; text-decoration: none; }
.clNormal a:hover                   { color: red; }
.clNormal a:active                  { color: red; }

.noborder { border: 0px; }
.noborder td { border: 0px; }

/* Classes directly linked to elements must be declared after those using inheritance */

td.clRowHeader                      { border: 1px solid #000000; color: white; font-weight: bold; padding: 2px; }
td.clDataGridDark                   { padding: 0px; }
td.clDataGridLight                  { padding: 0px; }
td.clDataGridNormal                 { padding: 0px; }

.clOverBackground                   { color: black }
.clOverBackground *                 { color: black }

*.clSelectable                      { border-color: #EEEFF4; }

.clFieldCaption	                    {  } /* Used for forms fields caption */
.clFieldHint	                    { color: #AAAAAA; }

.clFramedHeader      { border: 1px solid #DBEAF5; padding: 2px; }
.clFramedHeaderInfos { border: 0px; }

.clAmountLight { background-color: #FFFFFF; }
.clAmountDark  { background-color: #EBEEF7; }
.BarGraphLight { background: url('Graph/BarGraph.gif') #EFF7FF repeat-y top left; border: 0px; font-size: 0px; width: 22px; }
.BarGraphDark { background: url('Graph/BarGraph.gif') #DBEAF5 repeat-y top left; border: 0px; font-size: 0px; width: 22px; }
.BarGraphFloorBegin { background: url('Graph/BarGraph_Floor.gif') white repeat-x bottom left; }
.BarGraphFloor { background: url('Graph/BarGraph_Floor.gif') white repeat-x bottom left; }
.BarGraphFloorEnd { font-size: 0px; width: 20px; background: url('Graph/BarGraph_FloorEnd.gif') white repeat-x bottom left; }
.BarGraphWall { background: url('Graph/BarGraph_Wall.gif') white repeat-y bottom right; }
.HorizontalBarChart { border: 1px solid #686868; background-color: #FFFFFF; float: left;  }
.HorizontalBarChart .Progress { border: 1px solid #686868; border-width: 0px 1px 0px 0px; font-size: 8px; }

/* Progress bar */
.ProgressBody { background:url('main_background.gif'); }
.ProgressInfo { }
.Progress { }
.ProgressCounter { }
.ProgressTimeInfos { }
.ProgressLabel { }
.ProgressBarContainer { border: 1px solid #686868; padding: 0px; width: 100%; font-size: 1px; height: 11px; }
.ProgressBar { background: url('ProgressBar/Foreground.gif') blue 0% repeat-x fixed; padding: 0px; font-size: 1px; height: 11px; }
.ProgressEndLabel { }

/* xslc:Page Components layout */
.PageBody { height: 100%; white-space: nowrap; width: 100%; z-index: 10; }
.PageToolbar { height: 25px; width: 100%; z-index: 20; padding: 0px; margin: 0px; }
.PageActionMenuLeft { height: 100%; width: 230px; z-index: 15; }
.PageActionMenuRight { height: 100%; width: 230px; z-index: 15; }
.PageContent { height: 100%; width: 100%; z-index: 10; }

/* Dropdown Menu */
.DropdownMenu { border-color: #93BEE2; border-style: solid; border-width: 0px 1px 1px 1px; z-index: 1000; }
.PopupFrame { border: 1px solid #93BEE2;  z-index: 1000; }
a.MenuCaption, a.MenuCaption:visited, a.MenuCaption:active, a.MenuCaption:hover { text-decoration: none; }
a.MenuCaption img { border-width: 0px; }

.Menu { }
.MenuRow { background-color: #FFFFFF; cursor: pointer; }
.MenuRow * { cursor: pointer; vertical-align: middle; }
.MenuRowIcon { background-color: #EFF7FF; border-color: #000000; border-style: solid; border-width: 1px 0px 1px 1px; cursor: pointer; padding: 4px; vertical-align: middle; }
.MenuRowCaption { background-color: #FFFFFF; border-color: #FFFFFF; border-style: solid; border-width: 1px 0px 1px 1px; cursor: pointer; padding: 4px; vertical-align: middle; }
.MenuRowRollover { background-color: #EFF7FF; cursor: pointer; vertical-align: middle; }
.MenuRowRollover td { background-color: #EFF7FF !important; border-color: #000000 !important; cursor: pointer; vertical-align: middle; }
.MenuRowSeparator { background: blue url('ContextMenu/contextmenu_separator.gif') fixed repeat-x top left; font-size: 0px; height: 1px; }

input.ComboItem { border-width: 1px 0px 1px 1px; border-color: #9C9291; border-style: solid; padding-left: 2px; padding-top: 2px; height: 19px; }
.clTabControl input.ComboItem { border-width: 1px 0px 1px 1px; border-color: #93BEE2; border-style: solid; padding-left: 2px; padding-top: 2px; height: 19px; }
a.ComboItem { background-color: #ffffff; color: #000000; cursor: default; height: 100%; padding: 2px; text-decoration: none; width: 100%; }
a.ComboItem:hover, a.ComboItem:active { background-color: #0A246A; color: #FFFFFF; cursor: default; height: 100%; padding: 2px; text-decoration: none; width: 100%; }

/* Save as Popup */
.QuickRoots { background-color: #6880BA; border: 2px inset white; }
.FolderList { border: 2px inset white; background-color: white; height: 250px; overflow: auto; padding: 1px; }
.SelectedRoot { background-color: #EBEEF7; border: 1px solid #9C9291; cursor: pointer; }
.HighlightedRoot { background-color: #EBEEF7; border: 1px solid #9C9291; cursor: pointer; }
.NormalRoot { border: 1px solid #6880BA; }

/* Distributed File System */
.dfe_Column { background-color: #F7F7F7; }
.dfe_RowHeader { background: #E8E8E8; color: black; padding: 2px;} /* #E0E0E0 E8E8E8 F0F0F0 */

.dfe_File { color: #000000; cursor: default; text-decoration: none; height: 17px; vertical-align: middle; padding-top: 2px; }
a.dfe_File:hover,
a.dfe_File:visited,
a.dfe_File:active { color: #000000; cursor: default; text-decoration: none; height: 100%; vertical-align: middle; height: 17px; padding-top: 2px; }

.dfe_FileImage img { padding-bottom: 1px; padding-left: 4px; cursor: default; }

.dfe_Highlight { cursor: default; background-color: #0A246A; color: #FFFFFF; text-decoration: none; vertical-align: middle; padding-top: 2px; }
.dfe_HighlightImage { padding-bottom: 1px; cursor: default; }
a.dfe_Highlight:hover,
a.dfe_Highlight:visited,
a.dfe_Highlight:active { cursor: default; background-color: #0A246A; color: #FFFFFF; text-decoration: none; vertical-align: middle; height: 17px; padding-top: 2px; }

.ProhibitedAttachment { color: red; }
.DangerousAttachment { color: red; }

.ExceptionMessage { border: 1px solid red; background-color: #FFCCCC; padding: 2px; }
.WarningMessage { border: 1px solid #FFC000; background-color: #FFFFE1; padding: 2px; }
.InfoMessage { border: 1px solid #93BEE2; background-color: #EFF7FF; padding: 2px; }

.Header1 { background-image: url('datatable/header1.gif'); }
.Header2 { background-image: url('datatable/header2.gif'); }
.Header3 { background-image: url('datatable/header3.gif'); }
.Header1 td { border: 1px solid #345487; border-width: 1px 0px 1px 0px; color: #FFFFFF; font-weight: bold; height: 24px; padding: 2px 2px 2px 4px; }
.Header2 td { border: 1px solid #345487; border-width: 1px 0px 1px 0px; color: #000000; font-weight: bold; height: 24px; padding: 2px 2px 2px 4px; }
.Header3 td { border: 1px solid #345487; border-width: 1px 0px 1px 0px; color: #FFFFFF; font-weight: bold; height: 24px; padding: 2px 2px 2px 4px; }

.HighlightedItem   { background-color: #316AC5; color: white; }
.HighlightedItem * { background-color: #316AC5; color: white; }
.HighlightedItem input { background-color: white; color: black; }

/* LookupComboBox */

.LookupComboBox { border: 1px solid #DBEAF5; height: 17px; vertical-align: middle; }
.clTabControl .LookupComboBox { border: 1px solid #93BEE2; height: 17px; }
.LookupComboBox input { border-width: 0px; padding-left: 2px; height: 15px; }
.LookupComboBox iframe { border: 1px solid #BBBBBB; position: absolute; z-index:1000; }
.LookupComboBoxItem { background-color: #ffffff; border: 1px solid #ffffff; color: #000000; cursor: default; padding: 2px 1px; text-decoration: none; }
.LookupComboBoxItemOver { background-color: #316AC5; border: 1px dotted #000000; color: #FFFFFF; cursor: default; padding: 2px 1px; text-decoration: none; }

/* DelosPlanning */
div.PopCalendar { background-color: #FFF; }
table.clCalTable    {border: 1px solid black; background: #FFFFFF;}
.clCalTable *       {font-size: 7pt; color: #000000; text-align: center;}

td.clCalHeader      { border: 1px solid #6880BA; background: #6880BA; }
.clCalHeader a         { color: navy; }
.clCalHeader a:visited { color: navy; }
.clCalHeader a:hover   { color: red; }
.clCalHeader a:active  { color: red; }
td.clCalLeftHeader  { border: 1px solid #EBEEF7; background: #EBEEF7; }
.clCalLeftHeader a:visited {color: navy;}
.clCalLeftHeader a:active  {color: red;}
.clCalLeftHeader a:hover   {color: red;}
td.clCalDayHeader   { border: 1px solid #EBEEF7; background: #EBEEF7; }

tr.clCalSelectedDay td      {background: #EBEEF7; border: 1px solid #EBEEF7; }
td.clCalSelectedDay         {background: #EBEEF7; border: 1px solid #EBEEF7; }
.clCalSelectedDay a         {text-decoration: none;}
.clCalSelectedDay a:visited {text-decoration: none;}
.clCalSelectedDay a:active  {text-decoration: none;}
.clCalSelectedDay a:hover   {text-decoration: none;}

.clCalSelectedOtherDay td {border: 1px solid #EBEEF7; background: #EBEEF7; }

td.clCalDay         {border: 1px solid #FFFFFF; text-align: center;}
.clCalDay *         {text-align: center;}
.clCalDay a         {font-weight: normal; text-decoration: none;}
.clCalDay a:visited {font-weight: normal; text-decoration: none;}
.clCalDay a:active  {font-weight: normal; text-decoration: none;}
.clCalDay a:hover   {font-weight: normal; text-decoration: none;}

td.clCalOtherDay         {border: 1px solid #FFFFFF; text-align: center;}
.clCalOtherDay *         {text-align: center;}
.clCalOtherDay a         {text-decoration: none;}
.clCalOtherDay a:visited {text-decoration: none;}
.clCalOtherDay a:active  {text-decoration: none;}
.clCalOtherDay a:hover   {text-decoration: none;}

td.clCalToday       {border: 1px solid #000000; background: #FFFFE1; text-align: center;}
.clCalToday *      {text-align: center;}

td.clCalSelToday    {border: 1px solid #000000; background: #FFFFE1; text-align: center;}
.clCalSelToday *   {text-align: center;}
.clCalSelToday a         {font-weight: normal; text-decoration: none;}
.clCalSelToday a:visited {font-weight: normal; text-decoration: none;}
.clCalSelToday a:active  {font-weight: normal; text-decoration: none;}
.clCalSelToday a:hover   {font-weight: normal; text-decoration: none;}

td.clCalMonth         {background: #6880BA; }
.clCalMonth a         {text-decoration: none;}
.clCalMonth a:visited {text-decoration: none;}
.clCalMonth a:active  {text-decoration: none;}
.clCalMonth a:hover   {color: navy; text-decoration: none; }

td.clMonthlyCell    {background: #FFFFFF; border-right: 1px solid black; border-bottom: 1px solid black; }

td.clCalOtherMonth  {background: #6880BA; border: 1px solid black; }

td.clCalApt          {background: #B5B5B5; border: 1px solid black; color: black; }
.clCalApt a          {color: black; font-weight: normal; text-decoration: none; }
.clCalApt a:visited  {color: black; font-weight: normal; text-decoration: none; }
.clCalApt a:active   {color: black; font-weight: normal; text-decoration: underline; }
.clCalApt a:hover    {color: black; font-weight: normal; text-decoration: underline; }

td.clBusy           {background: #FF9499; }
td.clWeekEnd        {background: #DEDEDE; }
td.clWeekEndBusy    {background: #D9E8F2; }