/* General look */
html  	  { height: 100%; z-index: 1; }
*         { color: black; font-family: Verdana, Tahoma, Arial; font-size: 8pt; }
body      { color: black; background-color: #FFFFFF; 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; }

input.clFlatTextInput { border: solid 1px #DBEAF5; padding-left: 2px; padding-top: 2px; height: 19px; } /* #7B9EBD  ? */
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: solid 1px #93BEE2; padding-left: 2px; padding-top: 2px; height: 19px; }
textarea.clFlatTextInput { border: solid 1px #DBEAF5; 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: solid 1px #93BEE2; padding-left: 2px; padding-top: 2px }
.noborder { border: 0px; }
.clTabControl .border { border: solid 1px #93BEE2; }
.border { border: solid 1px #DBEAF5; }

/* 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'); }
.clToolbar           { height: 23px; background: url('toolbar/toolbar.gif') white repeat-x top left; }
.clToolbarGradient   { height: 23px; background: url('toolbar/toolbar_Gradient.gif') white repeat-x top left; }
.clTabControl *      { color: black }
.ActiveTabCaption    { font-weight: bold; }
.TabCaption          { }
.TabControlPageTitle { 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-collapse: collapse; padding: 3px; font-size: 12pt; font-weight: bold; margin-bottom: 8px; }
.PageTitle2 { background-image: url('datatable/header2.gif'); border: solid 1px #345487; border-collapse: collapse; padding: 3px; font-weight: bold; margin-bottom: 8px; }
.PageTitle3 { background-image: url('datatable/header3.gif'); border: solid 1px #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: 0px; border-collapse: collapse; }

.clRowHeader                        { background: #DBEAF5; color: black; font-weight: bold; border: 1px; }
.clRowHeader td                     { color: black; font-weight: bold; border: 1px; }
.clRowHeader a                      { color: navy; text-decoration: none; }
.clRowHeader a:visited              { color: navy; 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; border: 1px; }
.clRowHeaderGradient td             { color: black; font-weight: bold; border: 1px; }
.clRowHeaderGradient a              { color: navy; text-decoration: none; }
.clRowHeaderGradient a:visited      { color: navy; text-decoration: none; }
.clRowHeaderGradient a:hover        { color: red; }
.clRowHeaderGradient a:active       { color: red; }

.clRowDark                          { background: #F7F7FF; border: 1px; color: black; border-bottom-color: #0000FF;}
.clRowDark td                       { border: 1px; color: black; font-family: Comic sans MS }
.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; color: black; border: 1px; border-bottom-color: #0000FF;}
.clRowLight td                      { border: 1px; color: black; font-family: Comic sans MS }
.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; }

.clRowSelected                      { background: #FCE7FF; border: 1px; color: #0000FF; }
.clRowSelected td                   { border: 1px; color: blue; font-family: Comic sans MS }

.clRowNormal                        { background: #EFF7FF; color: black; border: 0px; }
.clRowNormal td                     { color: black; border: 0px; }
.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: #EFF7FF; border: 0px; color: black; }
.clRowDarkLate td                   { border: 0px; 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: #FFFFFF; border: 0px; color: black; }
.clRowLightLate td                  { border: 0px; 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: #EFF7FF; color: black; border: 0px; }
.clDataGridDark td                  { border: 0px; color: black; padding: 0px; }
.clDataGridDark input               { background: #EFF7FF; border: 0px; margin: 0px; width: 100%; }

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

.clDark *                           { background: #EFF7FF; color: black; }
.clDark td                          { background: #EFF7FF; color: black; }
.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: #FFFFFF; color: black; }
.clLight td                         { background: #FFFFFF; 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: #DBEAF5; color: black; }
.clNormal td                        { background: #DBEAF5; 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: 0px; color: white; font-weight: bold; padding: 2px; }
td.clDataGridDark                   { border: 0px; padding: 0px; }
td.clDataGridLight                  { border: 0px; padding: 0px; }
td.clDataGridNormal                 { border: 0px; padding: 0px; }

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

*.clSelectable                      { border-color: #93BEE2; }

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

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

.clAmountLight { background-color: #EFF7FF; }
.clAmountDark  { background-color: #DBEAF5; }
.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; }

/* Progress bar */
.ProgressBody { background:url('main_background.gif'); }
.ProgressInfo { }
.Progress { }
.ProgressCounter { }
.ProgressTimeInfos { }
.ProgressLabel { }
.ProgressBarContainer { border: solid 1px #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: 1; }
.PageToolbar { height: 23px; 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 { width: 100%; vertical-align: middle; }
a.MenuCaption:hover, a.MenuCaption:active { text-decoration: none; width: 100%; vertical-align: middle; }

.Menu { }
.MenuRow { background-color: #FFFFFF; }
.MenuRowIcon { background-color: #EFF7FF; border-width: 1px 0px 1px 1px; border-style: solid; border-color: #EFF7FF; padding: 4px; }
.MenuRowCaption { background-color: #FFFFFF; border-width: 1px 1px 1px 0px; border-style: solid; border-color: #FFFFFF; padding: 4px 14px 4px 4px; }
.MenuRowRollover { background-color: #EFF7FF; }
.MenuRowRollover td { background-color: #EFF7FF !important; border-color: #93BEE2 !important; }
.MenuRowSeparator { background: url('ContextMenu/contextmenu_separator.gif') blue 0% repeat-x fixed; height: 1px; }

input.ComboItem { border-width: 1px 0px 1px 1px; border-color: #DBEAF5; 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: #EFF7FF; border: 2px inset white; }
.FolderList { border: 2px inset white; background-color: white; height: 250px; overflow: auto; padding: 1px; }
.SelectedRoot { background-color: #FFFFFF; border: 1px solid navy; cursor: pointer; }
.HighlightedRoot { background-color: #9CBEE0; border: 1px solid navy; cursor: pointer; }
.NormalRoot { border: 1px solid #EFF7FF; }

/* 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; }