/* ========================================================================== */
/* iolap.css                                                                  */
/*                                                                            */
/* (c) 2003-2009 Thomas Behrends Softwarenentwicklung e.K.                    */
/* All rights reserved                                                        */
/* ========================================================================== */

/* -------------------------------------------------------------------------- */
/* general styles                                                             */
/* -------------------------------------------------------------------------- */

body { height: 100%; margin: 0px; padding: 0px; border: none; background: white; font-family: Arial, sans-serif; font-size: 11px; }
A, A:visited, A:hover { color: #036; text-decoration: none; }

/* -------------------------------------------------------------------------- */
/* basic styles                                                               */
/* -------------------------------------------------------------------------- */

/* ===== Basic widgets ===== */

.gwt-Label { font-size: 11px; }
.gwt-TextBox { font-size: 11px; }
.gwt-Button { font-size: 11px; background: #ddd; padding: 2px; border: solid black 1px; cursor: hand; }
.gwt-ListBox { font-size: 11px; }
.gwt-CheckBox {}
.gwt-CheckBox INPUT { padding: 0px; margin: 1px; border: none; }
.gwt-RadioBox {}

.gwt-MenuBar { background-color: white; border: solid black 1px; }
.gwt-MenuBar .gwt-MenuItem { font-family: Arial; font-size: 11px; cursor: pointer; white-space: nowrap; }
.gwt-MenuBar .gwt-MenuItem-selected { background-color: #fc3; }
.gwt-MenuBar IMG { vertical-align: top; }

.gwt-MenuItemSeparator { background-color: #ccc; height: 1px; }

.gwt-PopupPanel { z-index: 15000; }
.gwt-PopupBackFrame { z-index: 14999; }

/* ===== Trees ===== */

.iolap-Tree {}
.iolap-Tree TD { padding: 0px; padding-bottom: 2px; white-space: nowrap; }
.iolap-Tree .gwt-Image { display: inline; vertical-align: middle; cursor: pointer; }
.iolap-Tree .gwt-HTML { display: inline; padding: 1px; font-family: Arial; font-size: 11px; white-space: nowrap; cursor: pointer; }
.iolap-Tree SPAN { vertical-align: bottom; padding: 0px; margin: 0px; }
.iolap-Tree SPAN INPUT { padding: 0px; margin: 0px; }
.iolap-Tree SPAN LABEL { vertical-align: bottom; padding: 2px; }
.iolap-Tree IMG { vertical-align: bottom; }
.iolap-Tree .selected .gwt-HTML { background-color: #fc3; }

/* ===== IFrames ===== */

.gwt-IFrame { border: none; scroll: auto; width: 100%; height: 100% }

/* ===== TabPanels ===== */

.iolap-TabPanel {}
.iolap-TabPanel .tab-bar-container { height: 23px; background-color: #ccc; }
.iolap-TabPanel .tab-bar {}
.iolap-TabPanel .tab-bar .title { font-size: 11px; padding: 3px; }
.iolap-TabPanel .tab-bar TD { border-right: solid 1px white; vertical-align: top; text-align: left; }
.iolap-TabPanel .tab-bar .tab { white-space: nowrap; font-size: 11px; cursor: pointer; padding: 3px; vertical-align: middle; }
.iolap-TabPanel .tab-bar .tab DIV { display: inline; padding-left: 3px; padding-right: 3px; color: white;  font-weight: bold; }
.iolap-TabPanel .tab-bar .tab IMG { vertical-align: middle; }
.iolap-TabPanel .tab-bar .selected { background-color: black; }
.iolap-TabPanel .deck { background-color: white; vertical-align: top; }

.iolap-TabbedWindow .tab-bar-container { background-color: #eee; border-right: solid 1px #888; vertical-align: top; width: 100px; }
.iolap-TabbedWindow .tab-bar { width: 100px; background-color: #eee; }
.iolap-TabbedWindow .tab-bar .title { font-weight: bold; border-bottom: solid 1px #888; }
.iolap-TabbedWindow .tab-bar TD { border: none; border-bottom: solid 1px #888; }
.iolap-TabbedWindow .tab-bar .tab { background-color: #fff; }
.iolap-TabbedWindow .tab-bar .tab DIV { color: black; }
.iolap-TabbedWindow .tab-bar .selected { background-color: #fc3; }

/* ===== Rich Text Area ===== */

.gwt-RichTextArea { border: none; background-color: white; }

/* ===== Suggest Box ===== */

.gwt-SuggestBoxPopup { border: 1px solid #ccc; background: white; margin-top: 2px; }
.gwt-SuggestBoxPopup .item { padding: 2px; font-size: 11px; font-family: Arial; }
.gwt-SuggestBoxPopup .item-selected { background-color: #fc3; padding: 2px; }

/* ===== Dialog ===== */

.iolap-GlassPanel { background: black; opacity: 0.1; filter: alpha(opacity=10); cursor: not-allowed; z-index: 1000; }

.iolap-Dialog { border: 1px solid black; background-color: white; padding: 0px; z-index: 2000; }
.iolap-Dialog .title { text-align: left; font-size: 11px; font-weight: bold; background-color: #058; color: white; padding: 5px; cursor: default; }
.iolap-Dialog .body { padding: 0px; }
.iolap-Dialog .iolap-ButtonBar { padding: 5px; }

.iolap-LoginDialog {}
.iolap-LoginDialog .gwt-TextBox { width: 150px; }
.iolap-LoginDialog .gwt-PasswordTextBox { width: 150px; }
.iolap-LoginDialog .iolap-Error { color: red; padding-right: 10px; }

/* ===== Progress bar ===== */

.iolap-ProgressBar { border: 1px solid #888; background: white; }
.iolap-ProgressBar .bar { height: 100%; background: blue; }

/* ===== Drag and drop ===== */

.dragdrop-source { cursor: move; -moz-user-select: none; }
.dragdrop-target { }
.dragdrop-cursor { position: absolute; cursor: move; background: white; z-index: 10000; opacity: 0; filter: alpha(opacity=0); -moz-user-select: none; }
.dragdrop-highlight { background: blue; z-index: 5000; opacity: 0.75; filter: alpha(opacity=75); padding: 0px; overflow: hidden; }

/* -------------------------------------------------------------------------- */
/* portal styles                                                              */
/* -------------------------------------------------------------------------- */

/* ===== Tables ===== */

.iolap-Table {}
.iolap-Table TD { font-size: 11px; }
.iolap-Table TH { font-size: 11px; font-weight: bold; text-align: left; padding-right: 10px; white-space: nowrap; }

.iolap-BorderTable { border-collapse: collapse; }
.iolap-BorderTable TD { border: solid 1px #ccc; padding: 2px; font-size: 11px; }
.iolap-BorderTable TH { border: solid 1px #ccc; padding: 2px; font-size: 11px; font-weight: bold; text-align: left; padding-right: 10px; white-space: nowrap; }

/* ===== Property Editor ===== */

.iolap-PropertyEditor { border-collapse: collapse; }
.iolap-PropertyEditor TD { padding: 2px; border: solid 1px #ccc; vertical-align: top; }
.iolap-PropertyEditor TD TD { padding: 0px; border: none; }
.iolap-PropertyEditor TH { background-color: #eee; padding: 2px; border: solid 1px #ccc; }
.iolap-PropertyEditor .gwt-TextBox { width: 100%; border: none; }
.iolap-PropertyEditor .gwt-ListBox { width: 100%; border: none; }
.iolap-PropertyEditor .gwt-Label { overflow: hidden; }
.iolap-PropertyEditor .gwt-Button { border: solid 1px #ccc; padding: 0px; }
.iolap-PropertyEditor .progressbar-bar { width: 90px; height: 17px; }

/* ===== Logo ===== */

.iolap-StartPanel { width: 100%; background: white; border-bottom: dotted 1px #ccc; cursor: pointer; }
.iolap-StartPanel TD { padding: 4px; }
.iolap-StartPanel TH { padding: 4px; padding: font-weight: bold; width: 1px; }
.iolap-StartPanel .logo { text-align: center; padding-bottom: 10px; }
.iolap-StartPanel .login { background-color: #eee; }

/* ===== Explorers ===== */

.iolap-Navigation { border-right: solid 1px #888; position: absolute; left: 0px; top: 0px; width: 249px; bottom: 0px; height: expression(this.offsetParent.offsetHeight - 0); }
.iolap-Navigation .gwt-TabBar .gwt-TabBarItem SPAN { display: none; }
.iolap-Navigation .gwt-TabBar .gwt-TabBarItem-selected SPAN { display: block; }
.iolap-Navigation .iolap-Tree { padding-top: 5px; }

.iolap-Explorer { overflow: hidden; table-layout: fixed; }

/* ===== WindowManager ===== */

.iolap-WindowManager { position: absolute; left: 250px; top: 0px; right: 0px; bottom: 0px; width: expression(this.offsetParent.offsetWidth - this.offsetLeft); height: expression(this.offsetParent.offsetHeight - 0); }
.iolap-WindowManagerControl TD { padding-left: 5px; padding-right: 5px; }

.iolap-Navigator TD { vertical-align: top; }
.iolap-Navigator .top { height: 1px; width: 100%; border-bottom: dotted 1px #ccc; }
.iolap-Navigator .logo { padding: 10px; }
.iolap-Navigator .info { width: 1%; text-align: right; vertical-align: top; padding: 10px; }
.iolap-Navigator .info TD { white-space: nowrap; padding: 2px; }
.iolap-Navigator .files { padding: 10 0 0 10;}
.iolap-Navigator .files .entry { width: 240px; float: left; margin: 0 10 10 0; }
.iolap-Navigator .files .entry .icon { float: left; cursor: pointer; }
.iolap-Navigator .files .entry .info { width: 170px; height: 90px; padding: 0px; overflow: hidden; text-align: left; }
.iolap-Navigator .files .entry .title { cursor: pointer; font-size: 13px; font-weight: bold; }
.iolap-Navigator .files .entry .description { font-size: 10px; color: #444; }
.iolap-Navigator .files .entry .author { font-size: 10px; font-style: italic; color: #888; }

/* ===== Toolbars ===== */

.iolap-Toolbar { width: 100%; }
.iolap-Toolbar TD { padding: 3px 0px 0px 1px; }

.iolap-Button { -moz-user-select: none; cursor: pointer; }
.iolap-Button TD { font-size: 11px; font-weight: lighter; color: black; white-space: nowrap; padding: 1px; }
.iolap-Button IMG { border: none; vertical-align: top; }

.iolap-Tooltip { font-size: 11px; background: white; border: solid 1px black; padding: 1px; }

/* ===== Tasks ===== */

.iolap-TaskPanel {}
.iolap-TaskPanel .taskList { width: 150px; }
.iolap-TaskPanel .taskListTitle { background: #eee; border-bottom: #ccc 1px solid; font-size: 11px; font-weight: bold; padding: 5px; }
.iolap-TaskPanel .taskLabel { cursor: pointer; font-size: 11px; padding: 5px; }
.iolap-TaskPanel .taskLabelSelected { background: #fc3; }
.iolap-TaskPanel .deckPanel { border-left: 1px solid #ccc; padding: 1px; }

/* ===== Adhoc Pivot Table ===== */

.iolap-PivotTable { table-layout: fixed; }
.iolap-PivotTable .header-area { border-bottom: solid 1px #888; }
.iolap-PivotTable .header-container { padding: 10px; }

.iolap-HeaderDefinitionTable { border-collapse: collapse; }
.iolap-HeaderDefinitionTable TD { overflow: hidden; border: solid 1px black; background-color: #ddd; color: black; font-size: 11px; padding: 2px; white-space: nowrap; }
.iolap-HeaderDefinitionTable .editable { background-image: URL( images/dnd.gif ); background-repeat: repeat-y; padding-left: 12px; }
.iolap-DropHere { width: 150px; height: 14px; }
.iolap-Spacer { overflow: hidden; }

/* ===== Cron Editor ===== */

.iolap-CronEditor TD { padding: 1px; }
.iolap-CronEditor INPUT { width: 15px; height: 15px; padding: 0px; margin: 0px; border: none; }

/* ===== Expression Editor ===== */

.iolap-ExpressionEditor {}
.iolap-ExpressionEditor .preview{ border: none; }

/* ===== Model states ===== */

.iolap-ModelStateOnline { color: green; }
.iolap-ModelStateSync { color: green; }
.iolap-ModelStateError { color: red; }
.iolap-ModelStateBuild { color: blue; }

.iolap-SearchBar .gwt-Label { padding-left: 5px; }
.iolap-SearchBar .gwt-TextBox { width: 150px; }

/* ===== Notifications ===== */

.iolap-Notification { opacity: 0.75; filter: alpha(opacity=75); z-index: 10000; overflow: hidden; }
.iolap-Notification TD { vertical-align: top; }
.iolap-Notification .iolap-ProgressBar { width: 185px; height: 10px; }

.iolap-InfoNotification { background: #ff8; border: solid 3px #880; }
.iolap-ErrorNotification { background: #f88; border: solid 3px #800; }
.iolap-ProgressNotification { background: #fff; border: solid 3px #888; }

/* -------------------------------------------------------------------------- */
/* query styles                                                               */
/* -------------------------------------------------------------------------- */

/* ===== Selector ===== */

#selector { z-index: 1000; width: 100%; font-size: 11px; margin: 0px; padding: 0px; border-bottom: dotted 1px #ccc; white-space: nowrap; }
#selector TD { vertical-align: top; }
#selector .drophere { padding: 5px 0px 15px 10px; }
#selector .gwt-Label { font-size: 11px; white-space: nowrap; }
#selector .iolap-Button TD { vertical-align: middle; }
#selector .popup { border: 1px solid #ccc; cursor: pointer; padding: 2px; }
.select { vertical-align: top; padding: 5px 0px 15px 10px; }
.select .title { font-size: 11px; font-weight: bold; color: black; white-space: nowrap; margin: 0px; padding: 0px 0px 1px 0px; }
.select .editable { background-image: URL( images/dnd.gif ); background-repeat: repeat-y; padding:  2px 2px 2px 12px; background-color: #ddd; border: solid 1px black; margin-bottom: 1px; font-weight: lighter; }
.select .const { font-size: 11px; white-space: nowrap; }
.select .single { font-size: 11px; border: solid #ccc 1px; background: white; }
.select .multiple { font-size: 11px; border: solid #ccc 1px; background: white; width: 200px; height: 137px; }
.select .radio { font-size: 11px; white-space: nowrap; }
.select .radio .gwt-RadioButton { white-space: nowrap;}
.select .radio LABEL { display: inline; padding-left: 2px; white-space: nowrap;}
.select .checkbox { font-size: 11px; white-space: nowrap; }
.select .checkbox .gwt-CheckBox { white-space: nowrap;}
.select .checkbox LABEL { display: inline; padding-left: 2px; white-space: nowrap; }
.select .button { font-size: 11px; border: solid black 1px; background: white; cursor: pointer; height: 18px; margin: 0px 0px 1px 0px; padding: 0px 5px 0px 5px; white-space: nowrap; }
.select .hierarchy { font-size: 11px; border: solid #ccc 1px; background: white; margin-bottom: 1px; width: 100%; }
.select .hierarchy-button { background: white; border: none; padding: 0px; margin: 0px; font-size: 0px; cursor: pointer; }
.select .hierarchy-tree { border: solid #ccc 1px; background: white; }
.select .hierarchy-tree LABEL { font-size: 11px; }
.select .interval { font-size: 11px; border: solid #ccc 1px; background: white; }
.select .input { width: 100px; height: 18px; font-size: 11px; border: solid #ccc 1px; background: white; margin: 0px; }
.select .calendar { width: 169px; height: 138px; border-collapse: collapse; background: white; }
.select .calendar TD { font-size: 11px; border: 1px solid #ddd; padding: 1px; }
.select .calendar TD TD { border: none; padding: 0px; }
.select .calendar .header {}
.select .calendar .header .gwt-Button { padding: 0px 2px 0px 2px; font-size: 11px; text-align: center; cursor: pointer; background: #ddd; border: none; height: 100%; }
.select .calendar .header .text { font-size: 11px; text-align: center; }
.select .calendar .weekday { width: 18px; font-size: 11px; text-align: center; }
.select .calendar .week { width: 18px; text-align: center; }
.select .calendar .day { text-align: center; }
.select .calendar .today { background: #bbb; }
.select .calendar .weekend { background: #ddd; }
.select .calendar .normalday { background: #eee; }
.select .calendar .selectable { cursor: pointer; }
.select .calendar .selected { background: blue; color: white; }

.selectorgroup { z-index: 1000; font-size: 11px; background: white; border: solid 1px #ccc; padding: 5px 0px 5px 0px; }
.selectorgroup .select { padding: 5px 10px 5px 10px; }
.selectorgroup .select .title { font-weight: lighter; }

.iolap-BlockToolbar { background-color: white; border: 1px solid black; }
.iolap-BlockToolbar TD { padding: 2px; }
.iolap-BlockToolbar TD TABLE TD { padding: 0px; }
.iolap-BlockToolbar IMG { cursor: pointer; }

.iolap-TransparentBlockToolbar { background: black; opacity: 0.5; filter: alpha(opacity=50); }