/* General look */
html { height: 100%; z-index: 1; margin: 0px; padding: 0px; }
body { color: black; background-color: #FFFFFF; background-image: url(background.gif); height: 100%; margin: 0px; padding: 0px; z-index: 5; }

* { color: inherit; font-family: Verdana, Tahoma, Arial; font-size: 8pt; }
*[disabled=true] { color: #777 !important; }
form { margin: 0px; }
a { color: black; text-decoration: none; }
a:visited { color: black; text-decoration: none; }
a:hover { color: black; text-decoration: underline; }
a:active { color: black; text-decoration: none; }
input { }
select { background: #FFFFFF; }
option { background: #FFFFFF; }
textarea { background: #FFFFFF; }
hr { border-width: 0px; border-top: 1px solid #AAAAAA; height: 1px; }
img { border: 0px; }

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

/* Graphic Tab Control */
.clActiveTab { font-weight: bold; padding-left: 3px; padding-right: 5px; background-image: url(tabcontrol/activetab_body.gif); }
.clTab { 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; }
.clTabDisabled { background-image: url(tabcontrol/tab_body.gif); color: #AAAAAA; cursor: default; font-style: italic; padding-left: 3px; padding-right: 5px; }

.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 * { }
.ActiveTabCaption { font-weight: bold; }
.TabCaption { }
.TabControlPageTitle { background-image: url(tabcontrol/main_background.gif); border-collapse: collapse; font-size: 12pt; font-weight: bold; margin-bottom: 8px; padding: 1px 0px; }
.PageTitle, .PageTitle1 { background-image: url(pagetitle/main_background.gif); border-collapse: collapse; font-size: 12pt; font-weight: bold; margin-bottom: 8px; padding: 1px 0px; }
.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; }

.PoweredBy { text-align: right; margin-top: 10px; }

.ToolbarButtonCaption { }
.ToolbarButtonCaption a:hover { text-decoration: none; }

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

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

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

.clDark * { background: #EFF7FF; }
.clDark td { background: #EFF7FF; }
.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; }
.clLight td { background: #FFFFFF; }
.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-color: #DBEAF5; }
.clNormal td { background-color: #DBEAF5; }
.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 { }
.clOverBackground * { }

*.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; }
.HorizontalBarChart { border: 1px solid #686868; border-collapse: collapse; background-color: #FFFFFF; }
.HorizontalBarChart .Progress { border: 1px solid #686868; border-width: 0px 1px 0px 0px; font-size: 8px; }

/* Progress bar */
.ProgressBody { background-image: 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: 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; }

/* button */
.button { cursor: pointer; }
.button tr td { border: 0px; }
.button tr td.content { background: white url(button/button_main.gif) repeat-x; }

/* 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; line-height: 20px; width: 100%; }
a.MenuCaption img { border-width: 0px; }

.Menu { }
.MenuRow { background-color: #FFFFFF; cursor: pointer; }
.MenuRowIcon { background-color: #EFF7FF; border-color: #EFF7FF; 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 1px 1px 0px; cursor: pointer; padding: 4px; vertical-align: middle; }
.MenuRowRollover { background-color: #EFF7FF; cursor: pointer; }
.MenuRowRollover td { background-color: #EFF7FF !important; border-color: #93BEE2 !important; }
.MenuRowSeparator { border-style: inset; border-color: #EFF7FF; border-width: 1px 0px 0px 0px; font-size: 0px; height: 2px; }

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

/* LookupComboBox */
.LookupComboBox { border: 1px solid #DBEAF5; height: 17px; vertical-align: middle; }
.clTabControl .LookupComboBox { border: 1px solid #93BEE2; height: 17px; vertical-align: middle; }
.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; }

/* Drop shadow image */
.dropshadow { border: 0px; font-size: 0px; margin: 0px; padding: 0px; }
.dropshadow tr { border: 0px; font-size: 0px; margin: 0px; padding: 0px; }
.dropshadow td { border: 0px; font-size: 0px; margin: 0px; padding: 0px; }
.dropshadow .content { border: 1px solid #CCCCCC; }
.dropshadow .right { background: url(dropshadow/Right.gif); vertical-align: top; }
.dropshadow .bottom { background: #FFFFFF url(dropshadow/Bottom.gif); }

/* DelosPlanning */
div.PopCalendar { background-color: #FFF; }
table.clCalTable { border: 1px solid #93BEE2; background: #FFFFFF;}
.clCalTable * { color: #000000; text-align: center;}

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

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

.clCalHeader a { color: navy; }
.clCalHeader a:visited { color: navy; }
.clCalHeader a:active { color: red; }
.clCalHeader a:hover { color: red; }
.clCalLeftHeader a:visited { color: navy; }
.clCalLeftHeader a:active { color: red; }
.clCalLeftHeader a:hover { color: red; }

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

td.clCalDay {border: 1px solid #FFFFFF; cursor: pointer; text-align: center;}
.clCalDay * {cursor: pointer; font-weight: normal; 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; cursor: pointer; font-weight: normal; text-align: center;}
.clCalOtherDay * {cursor: pointer; font-weight: normal; text-align: center;}
.clCalOtherDay a {font-weight: normal; text-decoration: none;}
.clCalOtherDay a:visited {font-weight: normal; text-decoration: none;}
.clCalOtherDay a:active {font-weight: normal; text-decoration: none;}
.clCalOtherDay a:hover {font-weight: normal; text-decoration: none;}

td.clCalToday {border: 1px solid #000000; background: #FFFFE1; cursor: pointer; font-weight: normal; text-align: center; }
.clCalToday * {cursor: pointer; font-weight: normal; 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 {border: 1px solid #9EBBD3; background: #CCCCCC; color: white;}
.clCalMonth a {text-decoration: none;}
.clCalMonth a:visited {text-decoration: none;}
.clCalMonth a:active {text-decoration: none;}
.clCalMonth a:hover {color: red; text-decoration: none;}

td.clMonthlyCell {background: white; border: 1px solid #9EBBD3;}
td.clCalOtherMonth {background: #DEDEDE; border: 1px solid #9EBBD3;}
td.clCalApt {background: #E3E3E3; border: 1px solid 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: #DBEAF5;}
td.clWeekEnd {background: #DEDEDE;}
td.clWeekEndBusy {background: #D9E8F2;}