/* General look */
*         { color: black; font-family: Verdana, Arial, Tahoma; font-size: 8pt }
body      {color: black;background-color: #FFFFFF;background-image: url(background.gif);} 
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; }
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 { border-collapse: collapse; padding: 3px; font-size: 12pt; font-weight: bold; margin-bottom: 8px; background-image: url('pagetitle/main_background.gif'); }

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

/* FlatTable and DataGrid */
.clFlatTable                   { border-collapse: collapse; border: 0px;}

.clRowHeader                        { background: #DBEAF5; color: black; font-weight: bold; border: 0px; }
.clRowHeader td                     { color: black; font-weight: bold; border: 0px; }
.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: 0px; }
.clRowHeaderGradient td             { color: black; font-weight: bold; border: 0px; }
.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: #EFF7FF; color: black; border: 0px; }      
.clRowDark td                       { color: black; border: 0px; }
.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: 0px; }      
.clRowLight td                      { color: black; border: 0px; }     
.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: #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; color: black; border: 0px; }      
.clRowDarkLate td                   { color: black; border: 0px; }
.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; color: black; border: 0px; }      
.clRowLightLate td                  { color: black; border: 0px; }     
.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                  { color: black; padding: 0px; border: 0px; }
.clDataGridDark input               { background: #EFF7FF; margin: 0px; width: 100%; border: 0px; }
           
.clDataGridLight                    { background: #FFFFFF; color: black; border: 0px; }      
.clDataGridLight td                 { color: black; padding: 0px; border: 0px; }
.clDataGridLight input              { background: #FFFFFF; margin: 0px; width: 100%; border: 0px; }

.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                      { color: white; font-weight: bold; padding: 2px; border: 0px; }
td.clDataGridDark                   { padding: 0px; border: 0px; }
td.clDataGridLight                  { padding: 0px; border: 0px; }
td.clDataGridNormal                 { padding: 0px; border: 0px; }

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

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

.clFieldCaption	                    {  } /* Used for forms fields caption */

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

.clAmountLight { background-color: #EFF7FF; }
.clAmountDark  { background-color: #DBEAF5; }

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

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