/* General look */
html { height: 100%; z-index: 1; margin: 0px; padding: 0px; }
body { color: black; background-color: #FFF; 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, a:visited, a:active { color: black; text-decoration: none; }
a:hover { color: black; text-decoration: underline; }
input { }
select { background: #FFF; }
option { background: #FFF; }
textarea { background: #FFF; }
hr { border-width: 0px; border-top: 1px solid #93BEE2; height: 1px; }
img { border: 0px; }
table { border: 0px; }
h1 { margin-top: 0px; }

input.clFlatTextInput { border: 1px solid #93BEE2; padding-left: 2px; line-height: 19px; }
input.clFlatTextInputError { border: 1px solid red; padding-left: 2px; line-height: 19px; }
input.clFlatTextInputWarning { border: 1px solid #FFC000; padding-left: 2px; line-height: 19px; }
.clTabControl input.clFlatTextInput { border: 1px solid #93BEE2; padding-left: 2px; line-height: 19px; }
textarea.clFlatTextInput { border: 1px solid #93BEE2; padding-left: 2px; }
textarea.clFlatTextInputError { border: 1px solid red; padding-left: 2px; }
textarea.clFlatTextInputWarning { border: 1px solid #FFC000; padding-left: 2px; }
.clTabControl textarea.clFlatTextInput { border: 1px solid #93BEE2; padding-left: 2px; }

.border { border: 1px solid #DBEAF5; }
.clTabControl .border { border: 1px solid #93BEE2; }

.clear { clear: both; }
.fleft { float: left; }
.fright { float: right; }
.noborder { border: none; }
.noborder td { border: none; }

/* 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: #AAA; cursor: default; font-style: italic; padding-left: 3px; padding-right: 5px; }
.clTabDisabled { background-image: url(tabcontrol/tab_body.gif); color: #AAA; cursor: default; font-style: italic; padding-left: 3px; padding-right: 5px; }

.clToolbar { height: 23px; background: url(toolbar/toolbar.gif) #FFF repeat-x top left; }
.clToolbarLeft { height: 23px; background: url(toolbar/toolbar_Left.gif) #FFF no-repeat top left; width: 3px; }
.clToolbarRight { height: 23px; background: url(toolbar/toolbar_Right.gif) #FFF no-repeat top right; width: 3px; }
.clToolbarGradient { height: 23px; background: url(toolbar/toolbar_Gradient.gif) #FFF repeat-x top left; }
.clToolbarGradientLeft { height: 23px; background: url(toolbar/toolbar_Gradient_Left.gif) #FFF no-repeat top left; width: 3px; }
.clToolbarGradientRight { height: 23px; background: url(toolbar/toolbar_Gradient_Right.gif) #FFF 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: #FFF; font-weight: bold; margin-bottom: 8px; }

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

/* FlatTable and DataGrid */
.clFlatTable { border: 0px; border-collapse: collapse; }
.clFlatTable tr { border: 0px; }
.clFlatTable td { border: 0px; margin: 0px; padding: 2px; }
.clFlatTable a, .clFlatTable a:visited { color: navy; text-decoration: none; }
.clFlatTable a:hover, .clFlatTable a:active { color: red; }

.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) #FFF repeat-x bottom left; font-weight: bold; border: 0px; }
.clRowHeaderGradient td { font-weight: bold; border: 0px; }
.clRowDark { background-color: #EFF7FF; border: 0px; }
.clRowLight { background-color: #FFF; border: 0px; }
.clRowNormal { background-color: #EFF7FF; border: 0px; }
.clRowDarkLate { background-color: #EFF7FF; border: 0px; }
.clRowLightLate { background-color: #FFF; border: 0px; }
.clDataGridDark { background-color: #EFF7FF; border: 0px; }
.clDataGridDark td { padding: 0px; }
.clDataGridDark input { background-color: #EFF7FF; border: 0px; margin: 0px; width: 100%; }
.clDataGridLight { background: #FFF; border: 0px; }
.clDataGridLight td { padding: 0px; }
.clDataGridLight input { background-color: #FFF; border: 0px; margin: 0px; width: 100%; }
.clDark * { background: #EFF7FF; }
.clDark td { background: #EFF7FF; }
.clLight * { background: #FFF; }
.clLight td { background: #FFF; }
.clNormal * { background-color: #DBEAF5; }
.clNormal td { background-color: #DBEAF5; }

.clFlatTable .emptyhint { color: #444; font-style: italic; text-align: center; }

.clFieldHint { color: #AAA; }

.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) #FFF repeat-x bottom left; }
.BarGraphFloor { background: url(Graph/BarGraph_Floor.gif) #FFF repeat-x bottom left; }
.BarGraphFloorEnd { font-size: 0px; width: 20px; background: url(Graph/BarGraph_FloorEnd.gif) #FFF repeat-x bottom left; }
.BarGraphWall { background: url(Graph/BarGraph_Wall.gif) #FFF repeat-y bottom right; }
.HorizontalBarChart { border: 1px solid #686868; border-collapse: collapse; background-color: #FFF; }
.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 { clear: both; 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; }

div.resizeBar { background: #dbeaf5 url('splitter/reduce.gif') no-repeat center center; border-right: 1px solid #93bee2; cursor: pointer; height: 100%; width: 9px; vertical-align: middle; }
div.resizeBar img { width: 100%; height: 100%; }
div.resizeBar:hover { background-color: #f0f7ff; background-image: url('splitter/reduce_over.gif'); }
div.resizeBarClosed { background-color: #dbeaf5; background-image: url('splitter/expand.gif'); }
div.resizeBarClosed:hover { background-color: #f0f7ff; background-image: url('splitter/expand_over.gif'); }

div.mainTitle { background-image: url('title/top_background.gif'); }
div.mainTitle table { border-collapse: collapse; }
div.mainTitle table tr td { margin: 0px; padding: 0px; }

div.mainTitle .bigButton { cursor: pointer; }
div.mainTitle .bigButton a { display: block; height: 67px; text-decoration: none; text-align: center; }
div.mainTitle .bigButton a div { border-top: 1px solid #FFF; margin: 0px 1px 0px 1px; padding: 3px 2px 2px 2px; }

div.mainTitle .bigButton a img.lowlight { display: inline; }
div.mainTitle .bigButton a img.highlight { display: none; }
div.mainTitle .bigButton a:hover img.lowlight { display: none; }
div.mainTitle .bigButton a:hover img.highlight { display: inline; }
div.mainTitle .bigButton .selected { background-color: #FFF; border: 1px solid #93bfe4; border-bottom-width: 0px; margin: 0px; }
div.mainTitle .bigButton .selected img.lowlight { display: none; }
div.mainTitle .bigButton .selected img.highlight { display: inline; }

/* div.mainTitle .bigButton a:hover div { background-color: #dbeaf5; border: 1px solid #93bfe4; border-bottom-width: 0px; margin: 0px; } */

div.mainTitle .bigButton .selected { background-color: #FFF; border: 1px solid #93bfe4; border-bottom-width: 0px; margin: 0px; }
div.mainTitle .bigButton a:hover img.lowlight { display: none; }
div.mainTitle .bigButton a:hover img.highlight { display: inline; }

/* button */
.buttonPad { border-collapse: collapse; clear: both; float: none; margin: 0px; padding: 0px; width: 100%; }
.button { cursor: pointer; float: left; height: 21px; line-height: 21px; margin-right: 2px; min-width: 50px; }
.button a { display: block; height: 100%; line-height: 100%; padding: 0px 3px; text-decoration: none; text-align: center; vertical-align: middle; white-space: nowrap; }
.button a { background: #FFF url(button/button_main.gif) repeat-x; border: 1px solid #8596ca; }
.button a:hover { background: #FFF url(button/button_main_over.gif) repeat-x; border: 1px solid #4558a0; text-decoration: none; }
.button img { vertical-align: middle; }
.button span { line-height: 21px; vertical-align: middle; }

.toolbarButton { cursor: pointer; height: 20px; line-height: 20px; min-width: 25px; }
.toolbarButton a { display: block; height: 100%; line-height: 100%; margin: 1px; padding: 0px 3px; text-decoration: none; }
.toolbarButton a:hover { border: 1px solid #4893d2; background-color: #dbeaf5; margin: 0px; text-decoration: none; }
.toolbarButton img { vertical-align: middle; }
.toolbarButton span { line-height: 18px; vertical-align: middle; }
.toolbarButtonPushed { height: 23px; line-height: 23px; }
.toolbarButtonPushed a { border: 1px solid #4893d2; border-bottom-color: #FFF; background-color: #FFF; margin: 0px; }
.toolbarButtonSelected a { border: 1px solid #4893d2; background-color: #dbeaf5; margin: 0px; text-decoration: none; }
.toolbarButtonMenu { border: 1px solid #93BEE2; border-top-width: 0px; background-color: #FFF; position: absolute; z-index: 1000; }
.toolbarButtonMenu .MenuRows { list-style: none; padding: 0px; margin: 0px; }
.toolbarButtonMenu .MenuRows li { cursor: pointer; height: 28px; line-height: 24px; width: 100%; }
.toolbarButtonMenu .MenuRows li.separator { height: 1px; line-height: 1px; }
.toolbarButtonMenu .MenuRows li.separator hr { margin: 2px 0px; }
.toolbarButtonMenu .MenuRows li img { margin: 0px 4px; vertical-align: middle; }
.toolbarButtonMenu .MenuRows li a { border: 1px solid #FFF; border-width: 1px 0px; display: block; height: 100%; text-decoration: none; vertical-align: middle; width: 100%; }
.toolbarButtonMenu .MenuRows li a:hover { border-color: #93BEE2; background-color: #EFF7FF; text-decoration: none; }

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: #FFF; color: #000; cursor: default; height: 100%; padding: 2px; text-decoration: none; width: 100%; }
a.ComboItem:hover, a.ComboItem:active { background-color: #0A246A; color: #FFF; cursor: default; height: 100%; padding: 2px; text-decoration: none; width: 100%; }

/* Save as Popup */
.QuickRoots { border: 0px; }
.FolderList { border: 1px inset #000; background-color: #FFF; height: 250px; overflow: auto; padding: 1px; }
.SelectedRoot { background-color: #FFF; border: 1px solid navy; cursor: pointer; }
.HighlightedRoot { background-color: #9CBEE0; border: 1px solid navy; cursor: pointer; }
.NormalRoot { border: 1px solid #FFF; }

/* Distributed File System */
.dfe_Column { background-color: #F7F7F7; }
.dfe_RowHeader { background: #E8E8E8; padding: 2px; }
.dfe_File { color: #000; 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: #000; 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: #FFF; 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: #FFF; 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: #FFF; font-weight: bold; height: 24px; padding: 2px 2px 2px 4px; }
.Header2 td { border: 1px solid #345487; border-width: 1px 0px 1px 0px; color: #000; font-weight: bold; height: 24px; padding: 2px 2px 2px 4px; }
.Header3 td { border: 1px solid #345487; border-width: 1px 0px 1px 0px; color: #FFF; font-weight: bold; height: 24px; padding: 2px 2px 2px 4px; }

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

/* 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: #FFF; border: 1px solid #FFF; color: #000; cursor: default; padding: 2px 1px; text-decoration: none; }
.LookupComboBoxItemOver { background-color: #316AC5; border: 1px dotted #000; color: #FFF; 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-image: url(dropshadow/Right.gif); vertical-align: top; }
.dropshadow .bottom { background-image: url(dropshadow/Bottom.gif); }

/* ON 20080104 New classes for ReadOnly contacts */
.block { border: 1px solid #93BEE2; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 8px; }
.edit .block { margin: 30px 0px; }
.block hr { border-color: #93BEE2; }

/* vCard microformat */
.vCard .n { font-weight: bold; margin-bottom: 10px; }
.vCard .org { font-weight: bold; line-height: 20px; }
.vCard .adr { margin: 10px 0px; }
.vCard .adr .street-address { margin-bottom: 2px; }
.vCard .adr .extended-address { margin-bottom: 2px; }
.vCard .adr .region {  }
.vCard .adr .postal-code {  }
.vCard .adr .locality {  }
.vCard .adr .country-name { font-weight: bold; }
.vCard .tel { line-height: 20px; margin-bottom: 2px; }
.vCard .tel .type { display: none; }
.vCard .email { line-height: 20px; margin-bottom: 2px; }
.vCard .organization { padding-top: 30px; }
.vCard .organization .info { color: #444; margin-left: 25px; }
.vCard .contact { padding-top: 30px; }
.vCard .contact .info { color: #444; margin-left: 25px; }
.vCard .big * { font-size: 20px; }
.vCard .big .clFlatTextInput { height: 30px; line-height: 30px; }
.vCard .contact .big .clFlatTextInput { margin-left: 4px; }
.vCard .info-tooltip { background-color: #FFF; }
.vCard .photo img { max-height: 150px; }
.vCard .communication .new td { cursor: pointer; margin-bottom: 5px; }
img.photo { max-height: 150px; }

.calendars { clear: both; margin-top: 5px; }
.calendars .clCalTable { float: left; }
.calendar { background-color: #FFF; border: 1px solid #93BEE2; padding: 0px; margin: 0px; }
.calendar .title a { font-size: 11pt; }
.calendar tr td { padding: 1px; margin: 0px; text-align: center; }
.calendar .calHeader td { background-color: #DBEAF5; border: 1px solid #DBEAF5; }
.calendar .calHeaderDays td { background-color: #EFF7FF; border: 1px solid #EFF7FF; }
.calendar .calRow td { cursor: pointer; }
.calendar td.calHeaderLeft { background-color: #EFF7FF; border: 1px solid #EFF7FF; padding: 1px 2px; width: 2%; }
.calendar tr.calSelected { background-color: #DBEAF5; color: #FFF; }
.calendar td.calSelected { background-color: #DBEAF5/*93bee2*/; color: #FFF; }
.calendar td.calToday { font-weight: bold; }

.planning { border: 1px solid #9EBBD3; border-collapse: collapse; border-spacing: 0; width: 100%; }
.planning td { margin: 0; padding: 0; }
.planning .header { background-color: #DBEAF5; }
.planning .header td { padding: 2px; text-align: center; }
.planning .row td { cursor: pointer; border: 1px solid #9EBBD3; border-bottom: 1px dashed #9EBBD3; vertical-align: top; }
.planning .row td .cell { position: relative; width: 100%; }
.planning .row td.weekend { background-color: #eee; }
.planning .row .label { border-width: 0px; border-right: 1px solid #9EBBD3; font-size: 1.4em; padding: 2px; text-align: right; }
.planning .bottom td { border: 1px solid #9EBBD3; border-top: 1px dashed #9EBBD3; }
.planning .dayevents td { border-width: 0px 1px; background-color: #EFF7FF; }
.planning .dayevents td.first { background-color: #FFF; }
.planning .first td { border-top: 1px solid #9EBBD3; background-color: #EFF7FF; }
.planning .last td { border-bottom: 1px solid #9EBBD3; background-color: #EFF7FF; }
.planning .dayevents td.weekend { background-color: #EFF7FF; }

.planning .appointment { background-color: #DBEAF5; border: 1px solid #92c9f1; -moz-border-radius: 4px; position: absolute; overflow: hidden; }
.planning .appointment .detail { height: 100%; margin: 0px; overflow: hidden; }
.planning .appointment .detail div { padding: 2px; }
.planning .appointment .detail div .apt-time { display: inline; font-weight: bold; margin-right: 2px; }
.planning .appointment .detail div .apt-contact { display: inline; margin-right: 2px; white-space: nowrap; }
.planning .appointment .detail div .apt-excerpt { display: inline; }

#divBlockUI { background-color: #fff; position: absolute; top: 23px; left: 0px; bottom: 0px; right: 0px; -moz-opacity: .8; -webkit-opacity: .8; z-index: 1010; }
#divAptWindow { background-color: #FFF; border: 1px solid #92c9f1; position: absolute; top: 100px; left: 100px; bottom: 100px; right: 100px; overflow: hidden; z-index: 1011; -moz-border-radius: 5px; }
#divAptWindowContent { bottom: 0px; right: 0px; overflow: auto; }

.planning-legend { background-color: #DBEAF5; border: 1px solid #444; cursor: pointer; font-size: 1px; height: 10px; line-height: 10px; margin-top: 2px; width: 10px; }

.planning .busy      { background-color: #cc3333; }
.planning .holiday   { background-color: #994499; }
.planning .lunch     { background-color: #336699; }
.planning .tentative { background-color: #d6ae00; }
.planning .meeting   { background-color: #3366cc; }
.planning .free      { background-color: #109618; }
.planning .personal  { background-color: #a87070; }

.searchField { display: inline; line-height: 18px; }
.searchField input { width: 130px; }
.searchField img { cursor: pointer; margin: 0px 2px; }

.itemsLineList div { float: left; margin-right: 8px; }