/*
 * Copyright 2005 Tridium, Inc. All Rights Reserved.
 */

/**
 * Default style defintions.
 *
 * @author    Andy Frank
 * @creation  05 Jan 05
 * @version   $Revision$ $Date$
 * @since     Baja 1.0
 */

body { padding:0; margin:0; background: #fff; }
body,td { font-family: tahoma; font-size: 11px; }
form { padding:0; margin:0; }
img { vertical-align: middle; }
input,select { font: 11px tahoma; }
input[readonly] { background: #ccc; }
.button { font-weight: bold; padding: 2px 6px 2px 6px; }

a:link    { color: #0000ff; text-decoration: underline; }
a:visited { color: #0000ff; text-decoration: underline; }
a:hover   { color: #0000ff; text-decoration: underline; }
a:active  { color: #0000ff; text-decoration: underline; }

/**********************************************************
 * Color Scheme
 *********************************************************/

.window-fg { color: #eee; }
.window-bg { background: #eee; }
.window-border { border: 1px solid #eee; }

.control-fg { color: #ccc; }
.control-bg { background: #ccc; }
.control-border { border: 1px solid #ccc; }

.controlShadow-fg { color: #666; }
.controlShadow-bg { background: #666; }
.controlShadow-border { border: 1px solid #666; }

.controlAux-fg { color: #999; }
.controlAux-bg { background: #999; }
.controlAux-border { border: 1px solid #999; }

/* If you override these, make sure you mark them as !important */
.selectionForeground { color: white !important; }
.selectionBackground { background: #669 !important; }


/**********************************************************
 * Fonts
 *********************************************************/

.font { font: normal 11px Tahoma; }
.fontLarge { font: normal 18px Tahoma; }

/**********************************************************
 * PxButtons
 *********************************************************/

.pxButtonBorder { border: 1px solid black; }
.pxButton
{
  font-weight: bold;
  padding:0px;
  color: black;
  background: #ccc;
  cursor: pointer;
  white-space: nowrap;
}

.pxButtonToolbar
{
  border-top:    1px solid #ccc;
  border-left:   1px solid #ccc;
  border-right:  1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.pxButtonBorders
{
  border-top:    1px solid #fff;
  border-left:   1px solid #fff;
  border-right:  1px solid #666;
  border-bottom: 1px solid #666;
}

/*.pxButtonToolbarTd
{
  padding: 4px 11px;
} */

.pxButtonToolbarTd
{
  padding: 2px 2px;
}


/**********************************************************
 * Table Style
 *
 * Note: In IE, you must still specify cellspacing="0" on
 * your table tag, due to lack of support for border-spacing. *
 *
 *********************************************************/

/*
  Deprecated! - use the Table API...
*/
table.table
{
  border-collapse: separate;
  border-spacing: 0px;
}
table.table th
{
  font: bold 11px Tahoma;
  background: #ccc;
  border-bottom: 1px solid black;
  padding: 3px;
  text-align: left;
  white-space: nowrap;
}
table.table td
{
  background: #eee;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 3px 8px 3px 3px;
  white-space: nowrap;
}


/**********************************************************
 * Table
 *********************************************************/

.tableHeader
{
  color: black;
  background: #ccc;
  padding: 3px;
  font: bold 11px Tahoma;
  border-bottom: 1px solid black;
  white-space: nowrap;
}
.tableGroup
{
  background: #ccc;
  padding: 3px;
  font-weight: bold;
  border-bottom: 1px solid black;
}
.tableCell
{
  color: black;
  background: #eee;
  padding: 2px 8px 2px 3px;
  white-space: nowrap;
}
.tableHgrid { border-bottom: 1px solid #ccc; }
.tableVgrid { border-right: 1px solid #ccc; }


/**********************************************************
 * TableView
 *********************************************************/

.tableView {}
.tableViewHeader
{
  border-bottom: 1px solid black;
  padding: 5px;
  background: #666;
  color: white;
  font-weight:bold;
}

.tableViewToolbar
{
  background: #ccc;
  padding: 10px;
  border-top: 1px solid black;
  text-align: center;
}
.tableViewToolbar table { margin: 0 auto; text-align: left; }


/**********************************************************
 * Tree
 *********************************************************/

.tree-node {}

/**********************************************************
 * Busy
 *********************************************************/

.busy
{
  position: absolute;
  top: 40%;
  left: 42%;
  text-align: center;
  font: bold 14px Arial;
  background: #fff;
  border: 1px solid #ccc;
  padding: 15px;
}

/**********************************************************
 * Error
 *********************************************************/

.error
{
  background: #ffeeee;
  border: 1px solid #966;
  padding: 10px;
  margin: 5px 10px;
}
.error-show-details
{
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}
#hx-error-details
{
  display: none;
  background: #ffe0e0;
  border: 1px solid #800000;
  padding: 5px;
  margin-top: 5px;
}

.warning
{
  background: #ffe;
  border: 1px solid #996;
  padding: 10px;
  margin: 5px 10px;
}

/**********************************************************
 * Menu
 *********************************************************/

.menu-border { border: 1px solid black; }
.menu
{
  background: #ccc;
  border-top:    1px solid white;
  border-left:   1px solid white;
  border-right:  1px solid #666;
  border-bottom: 1px solid #666;
  padding: 1px;
}
.menu-item, .menu-item-active { padding: 3px 6px 3px 6px; cursor: default; }
.menu-item { color: black; background: #ccc; }
.menu-item-active { color: white; background: #669; }


/**********************************************************
 * Dialog
 *********************************************************/

.dialog-background
{
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  -moz-opacity: 0.5;
  filter: alpha(opacity='50');
  opacity: 0.5;
}
.dialog
{
  position: absolute;
  top:  10%;
  left: 10%;
  width:  80%;
  height: 80%;
  overflow: hidden;
}
.dialog-header
{
  background: #669;
  color: white;
  font: bold 10px Verdana;
  padding: 5px;
}
.dialog-outerBorder
{
  border: 1px solid black;
  background: #eee;
}
.dialog-innerBorder
{
  border-top:  1px solid white;
  border-left: 1px solid white;
  border-right:  1px solid #666;
  border-bottom: 1px solid #666;
}
.dialog-content
{
  padding: 10px;
}

/*
 * This fixes tables with 100% widths used inside of
 * divs with padding - only use this for IE - it does
 * work well with Firefox.
 */
.hollyHack { height: 1%; }


/**********************************************************
 * Action
 *********************************************************/

.hx-HxActionView-body
{
  margin: 0px;
  padding: 0px;
  background-color: transparent;
}
.hx-HxActionView-bg
{
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  -moz-opacity: 0.75;
  filter: alpha(opacity='75');
}
.hx-HxActionView-content
{
  position: absolute;
  top: 20px;
  left: 20px;
  background: #eee;
  border: 1px solid black;
  padding: 5px 20px 5px 20px;
}

/**********************************************************
 * RichTextEditor
 *********************************************************/

.rte-toolbar { background: #ccc; padding: 6px; }
.rte-toolbar-sep
{
  margin-left:  3px;
  padding-left: 3px;
  border-left: 1px solid #999;
  height: 16px;
}
.rte-toolbar-button
{
  cursor: pointer;
  padding: 4px 3px;
  background: #ccc;
}
.rte-toolbar-button-over
{
  cursor: pointer;
  padding: 2px;
  background: #ddd;
  border-top:  1px solid white;
  border-left: 1px solid white;
  border-right:  1px solid #666;
  border-bottom: 1px solid #666;
}

/**********************************************************
 * PathBar
 *********************************************************/

.hx-PathBar-border
{
  border: 1px solid #999;
}
.hx-PathBar-path
{
  background: #eee;
  padding: 5px;
}
.hx-PathBar-children
{
  padding: 5px;
  border-top: 1px solid #b3b3b3;
  background: #ddd;
}
a.hx-PathBar:link,
a.hx-PathBar:visited,
a.hx-PathBar:hover,
a.hx-PathBar:active { color: black; }

/**********************************************************
 * PropertySheet
 *********************************************************/

.hx-PropertySheet-header
{
  color: #fff;
  background: #666;
  font-weight: bold;
  padding: 5px;
}
.hx-PropertySheet
{
  padding: 5px;
  border: 1px solid #999;
  border-top: none;
}
.hx-PropertySheet-row { border-width: 0 0 1px 0; }