/* ------------------------------
 * CSS for Helix Dojo
 * ------------------------------
 */

/* ------------------------------
 * general HTML tags
 */

  body {
    font-family : sans-serif, Arial, Trebuchet MS, Optima, Helvetica;
    /* color : #505050; */
  }

/* ------------------------------
 * dojo classes
 */

  .dojoTabPane {         /* [AV] mandatory: to avoid crash on Safari */
    overflow: auto;      /* when using subtabs                       */
  }

  .LXdojoTabContainer {   /* obsolete and noisy for zope */
    position : relative;
    width : 100%;
  }
  
  .LXdojoTabPaneWrapper { /* obsolete and noisy for zope */
    background-color: white;    
    padding : 5px 5px 5px 5px;
  }

/* ------------------------------
 * helix classes : TitlePane
 */

  .LXTitlePaneLabel {
    background-repeat : repeat-x;
    background-position: top right;
	padding: 5px 5px 5px 5px;
  }
	
  .LXTitlePaneLabel:hover {
	cursor: pointer;
  }

  .LXTitlePaneLabel.open {
    background-image: url('icons/dojo/titlePanePlainOpen.gif');
  }

  .LXTitlePaneLabel.close {
	background-image: url('icons/dojo/titlePanePlainClose.gif');
  }

  .LXTitlePaneContent {
	padding: 5px 5px 5px 5px;
	overflow: auto;
  }
  
/* --------------
 * CSS Variants for TitlePane
 */
  
  .LXLedTitlePaneLabel {
    background-repeat : repeat-x;
    background-position: top left;
	padding: 5px 5px 5px 20px;
  }
	
  .LXLedTitlePaneLabel:hover {
	cursor: pointer;
  }

  .LXLedTitlePaneLabel.open {
    background-image: url('icons/dojo/titlePaneLedOpen.gif');
  }

  .LXLedTitlePaneLabel.close {
	background-image: url('icons/dojo/titlePaneLedClose.gif');
  }
  
  .LXLedTitlePaneContent {
	padding: 5px 5px 5px 5px;
	overflow: auto;
  }
  
  /* --- */
  
  .LXArrowTitlePaneLabel {
    background-repeat : repeat-x;
    background-position: top left;
	padding: 5px 5px 5px 20px;
  }
	
  .LXArrowTitlePaneLabel:hover {
	cursor: pointer;
  }

  .LXArrowTitlePaneLabel.open {
    background-image: url('icons/dojo/titlePaneArrowOpen.gif');
  }

  .LXArrowTitlePaneLabel.close {
	background-image: url('icons/dojo/titlePaneArrowClose.gif');
  }

  .LXArrowTitlePaneContent {
	padding: 5px 5px 5px 5px;
	overflow: auto;
  }
  
  /* --- */

  .LXPsyTitlePaneLabel {
    background-repeat : repeat-x;
    background-position: top left;
	padding: 5px 5px 5px 5px;
	height: 50px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
  }
	
  .LXPsyTitlePaneLabel:hover {
	cursor: pointer;
  }

  .LXPsyTitlePaneLabel.open {
    background-image: url('icons/dojo/psychedelicOpen.png');
    background-position: center left;
  }

  .LXPsyTitlePaneLabel.close {
	background-image: url('icons/dojo/psychedelicOpen.png');
    background-position: top left;
  }

  .LXPsyTitlePaneContent {
	background-image: url('icons/dojo/psychedelicContent.png');
	padding: 5px 5px 5px 5px;
	overflow: auto;
  }

/* ------------------------------
 * helix classes : SwitchPane 
 * since 1.2 -> CSS variant of TitlePane
 */

  .LXSwitchPaneLabel {
    background-repeat : no-repeat;
	padding: 5px 5px 5px 24px;
  }
  
  .LXSwitchPaneLabel:hover {
	cursor: pointer;
  }

  .LXSwitchPaneLabel.open {
    background-image: url('icons/dojo/switchOpen.png');
  }

  .LXSwitchPaneLabel.close {
    background-image: url('icons/dojo/switchClose.png');
  }

  .LXSwitchPaneContent {
	padding: 5px 5px 5px 5px;
	overflow: auto;
  }

/* ------------------------------
 * helix classes : ToolTip
 */

  .LXTipTitle {
    background-image: url('icons/dojo/tipIcon.png');
    background-repeat: no-repeat;
    background-color: white;
    padding-left: 20px;
  }
    
  .LXTipBody {
    background-color: beige;
    border: solid 1px #cccccc;
    color: black;
    font-size: small;
    padding: 10px 10px 10px 10px;
    z-index: 10;
  }

  .LXTipAnchor {
    background-image: url('icons/dojo/tipIcon.png');
    background-repeat: no-repeat;
    background-color: beige;
    padding-left: 20px;
  }

/* ------------------------------
 * helix classes : dialog
 */

  .LXDialog {
    border: medium ridge grey;
    background-color: lightgrey;
    padding: 5px;
  }

  .LXDialogErrorIcon {
    background-image: url('icons/dojo/dialogError.png');
    width: 32px;
    height: 32px;
    background-repeat : no-repeat;
    float: left;
  }

  .LXDialogDetailsLabel , .LXDialogDetailsContent {
    font-size: 0.8em;
    width: 300px;
  }

  .LXDialogDetailsLabel {
    height: 20px;
  }

  .LXDialogDetailsContent {
    padding: 10px 10px 10px 10px;
    border: 1px solid black;
    overflow: auto;
    height: 100px;
  }
 
/* ------------------------------
 * helix classes : loader
 */

  .LXLoader {
    background-image: url('icons/dojo/utilLoading.gif');
    background-repeat : no-repeat;
    padding: 10px 10px 10px 50px;
    color: #a0a0a0;
  }

/* ------------------------------
 * helix classes : notifier
 */

  .LXNotifier {
    background-color: black;
	color: white;
    border: 1px solid black;
	padding: 10px 10px 10px 10px;
	width: 300px;
    z-index: 900;
	opacity: 0.60;
	filter: alpha(opacity=60);
	-moz-opacity: .60;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
  }

  .LXScreenLocker {
    background-color: black;
    z-index: 990;
	opacity: 0.30;
	filter: alpha(opacity=30);
	-moz-opacity: .30;
  }

/* ------------------------------
 * helix classes : form
 */

  .LXFormContent {
    // background-color: lightgrey;
  }
  
/* ------------------------------
 * helix classes : ComboBox
 */

  .LXComboBoxItem {
    font-size: 0.8em;
  }

  .LXComboBoxItemError {
    color: red;
    font-size: 0.8em;
    font-style: italic;
  }

  .LXComboBoxItemIcon {
    background-image: url('icons/dojo/utilInfo.png');
    background-repeat : no-repeat;
    background-position: center left;
    float: left;
    width: 18px;
  }
  
  .LXComboBoxTooltip {
    background-color: lightgrey;    
    padding: 5px 5px 5px 5px;
    border: 1px solid black;
    font-size: 0.8em;
  }
  
/* ------------------------------
 * helix classes : simpleTree
 */

  .LXSimpleTree li {
    list-style-type: none;
  }
  
  .LXSimpleTree li>span.label {
	font-family: sans-serif, Arial, Trebuchet MS, Optima, Helvetica;
    font-size: 0.8em;
  }

  .LXSimpleTree li>span.icon {
    background-repeat : no-repeat;
    background-position: center left;
    float: left;
    width: 15px;
  }

  .LXSimpleTree li>span.icon.open {
    background-image: url('icons/dojo/streeMinus.gif');
  }

  .LXSimpleTree li>span.icon.close {
    background-image: url('icons/dojo/streePlus.gif');
  }

  .LXSimpleTree li>span.icon.plain {
    background-image: url('icons/dojo/streeDot.gif');
  }

  .LXSimpleTree li>span.icon.open:hover {
	cursor: pointer;
  }

  .LXSimpleTree li>span.icon.close:hover {
	cursor: pointer;
  }

/* ------------------------------
 * helix classes : table
 */

  /* ------------------------ */
  /* general table body style */
  /* ------------------------ */
  
  .LXTable table {
      font-family: Lucida Grande, Verdana, sans-serif;
      font-size: 0.8em;
      width: 100%;
      border-collapse: collapse;
      cursor: default;
      table-layout: fixed;
  }
  
  .LXTable table tbody td {
      border-right: 1px solid #cccccc;
      padding: 3px;
      overflow: hidden; /* auto is fun */
  }

  .LXTable table thead td , .LXTable table thead th {
      padding: 3px;
      overflow: hidden; /* auto is fun */
  }

  .LXTable table tr {
      border-left: solid 1px black;
      border-right: solid 1px black;
      border-bottom: solid 1px #cccccc;
  }
  
  .LXTable table thead th , .LXTable table thead td {
      background-image: url('icons/dojo/tableFtHead.gif');
      background-repeat: repeat-x;
      background-position: top right;
  }
  
  .LXTable table thead th.selectedUp , .LXTable table thead td.selectedUp {
      background-image: url('icons/dojo/tableFtHeadUp.gif');
  }
  
  .LXTable table thead th.selectedDown , .LXTable table thead td.selectedDown {
      background-image: url('icons/dojo/tableFtHeadDown.gif');
  }
  
  .LXTable .tableContainer table tbody tr.alt td {
      background: #e3edfa;
  }
  
  .LXTable table tbody tr.even td {
    background: #e3edfa;
  }
  
  .LXTable table tbody tr.odd td {
    background: white;
  }
  
  .LXTable .tableContainer table tbody tr.selected td {
      background: #ff9;
  }
  
  .LXTable .tableContainer table tbody tr:hover td {
      background: yellow;
  }
  
  .LXTable .tableContainer table tbody tr.selected:hover td {
      background: yellow;
  }
  
  .LXTable .tableContainer table tbody td:hover {
  /*  font-size: 1.2em; */
  }

  /* ------------------------------------- */
  /* Table notifier                        */
  /* ------------------------------------- */
  
  .LXTable .notify {
	  z-index: 10;
      background-image: url('icons/dojo/tableNotify.gif');
      background-repeat: no-repeat;
      background-color: white;
      padding: 10px 10px 10px 40px;
      border: solid 1px black;
  }

  /* ------------------------------------- */
  /* Table & TableSettings layout elements */
  /* ------------------------------------- */
  
  /* ------------------------------------- */
  /* Command container                     */
  /* ------------------------------------- */
  
  .LXTable .commandContainer {
      background-image: url('icons/dojo/tableFtHead.gif');
      background-repeat: repeat-x;
      /* border-color: #3366ff; */
      border: solid 1px;
      margin-top: 5px;
      margin-bottom: 0px;
      padding-top: 5px;
      padding-bottom: 5px;
  }
  
  .LXTable .commandContainer span {
     font-size: 0.7em;
     padding: 5px 0px 5px 20px;
     margin-left: 5px;
     text-align: left;
  }
  
  .LXTable .commandContainer span:hover {
     cursor: pointer;
  }
  
  .LXTable .commandContainer input {
     font-size: 0.7em;
     margin-left: 5px;
     text-align: left;
  }
  
  .LXTable .commandContainer select {
     font-size: 0.7em;
  }
  
  .LXTable .commandContainer span.divider {
     background-image: url('icons/dojo/tableDivider.png');
     background-repeat : no-repeat;
     padding-left: 5px;
   }
  
  .LXTable .commandContainer span.divider:hover {
     cursor: default;
  }
  
  .LXTable .commandContainer span.settings.open {
     background-image: url('icons/dojo/tableSettingsDown.png');
     background-repeat : no-repeat;
  }
  
  .LXTable .commandContainer span.settings.close {
     background-image: url('icons/dojo/tableSettingsUp.png');
     background-repeat : no-repeat;
  }
  
  .LXTable .commandContainer span.expand.open {
     background-image: url('icons/dojo/tableExpandUp.png');
     background-repeat : no-repeat;
  }
  
  .LXTable .commandContainer span.expand.close {
     background-image: url('icons/dojo/tableExpandDown.png');
     background-repeat : no-repeat;
  }
  
  .LXTable .commandContainer span.selectAll {
     background-image: url('icons/dojo/tableSelectAll.png');
     background-repeat : no-repeat;
  }
  
  .LXTable .commandContainer span.selectNone {
     background-image: url('icons/dojo/tableSelectNone.png');
     background-repeat : no-repeat;
  }

  .LXTable .commandContainer span.doFilter {
     background-image: url('icons/dojo/tableCheckReload.png');
     background-repeat : no-repeat;
  }

  .LXTable .commandContainer span.filterIndicator {
     font-size: 0.7em;
  }
  
  .LXTable .commandContainer span.export {
     background-image: url('icons/dojo/tableExport.png');
     background-repeat : no-repeat;
  }
  
  .LXTable .commandContainer span.help {
     background-image: url('icons/dojo/tableHelp.png');
     background-repeat : no-repeat;
  }
  
  /* ------------------------------------- */
  /* Settings container                    */
  /* ------------------------------------- */
  
  .LXTable .settingsContainer {
    background-image: url('icons/dojo/tableFtHead.gif');
    background-repeat: repeat-x;
    margin-bottom: 0px;
    padding-bottom: 2px;
  }
  
  .LXTable .settingsTablePane {
    background-color: white;
    border: 1px solid black;
  }
  
  .LXTable .settingsTablePane table .checkColumn {
    width: 30px;
  }
  
  .LXTable .settingsTablePane div.settingsBody {
    height: 200px;
    margin-top: 1px;
    overflow: auto;
  }
  
  .LXTable .settingsControlPane {
      background-color: #dddddd;
      height: 30px;
      padding-top: 5px;
      padding-left: 5px;
      border-left: 1px solid black;
      border-right: 1px solid black;
  }
  
  .LXTable .settingsControlPane span {
     width: 22px;
     font-size: 0.7em;
     padding-left: 30px;
     padding-bottom: 10px;
     margin-left: 5px;
     text-align: left;
  }
  
  .LXTable .settingsControlPane span:hover {
     cursor: pointer;
  }
  
  .LXTable .settingsControlPane .checkAll {
     background-image: url('icons/dojo/tableCheckAll.png');
     background-repeat : no-repeat;
  }
  
  .LXTable .settingsControlPane .checkAll:hover {
     background-image: url('icons/dojo/tableCheckAllOver.png');
  }
  
  .LXTable .settingsControlPane .checkNone {
     background-image: url('icons/dojo/tableCheckNone.png');
     background-repeat : no-repeat;
  }
  
  .LXTable .settingsControlPane .checkNone:hover {
     background-image: url('icons/dojo/tableCheckNoneOver.png');
  }
  
  .LXTable .settingsControlPane .checkReset {
     background-image: url('icons/dojo/tableCheckReset.png');
     background-repeat : no-repeat;
  }
  
  .LXTable .settingsControlPane .checkReset:hover {
     background-image: url('icons/dojo/tableCheckResetOver.png');
  }
  
  .LXTable .settingsControlPane .checkReload {
     background-image: url('icons/dojo/tableCheckReload.png');
     background-repeat : no-repeat;
     vertical-align: bottom;
  }
  
  .LXTable .settingsControlPane .checkReload:hover {
     background-image: url('icons/dojo/tableCheckReloadOver.png');
  }
  
  /* ------------------------------------- */
  /* table Container                       */
  /* ------------------------------------- */
  
  .LXTable .tableContainer {
  }
  
  .LXTable .tableContainer table.tableHead {
    border-left: 1px solid black;
    border-right: 1px solid black;
  }

  .LXTable .tableContainer table.tableBody {
    border: 1px solid black;
  }

  .LXTable .tableContainer div.tableBody {
    border-bottom: 1px solid black;
  }
  
  .LXTable .tableContainer div.tableBody.close {
    height: 300px;
    overflow: auto;
    border-right: 1px solid black;
  }
  
  .LXTable .tableContainer div.tableBody.open {
    height: auto;
    overflow: visible;
  }

/* ------------------------------
 * BioNux classes
 */
 
  .BXPaneHeader {
    font-size: 1.2em;
    background-color: #c1d2ee;
    padding : 4px 6px 4px 6px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    height: 40px;
  }

  .BXPaneHeader img {
    float: left;
    height: 40px;
    width: 40px;
  }

  .BXPaneContent {
    padding : 4px 6px 4px 6px;
  }

  /* tests */