@import "base.css";

div#loader {
  border: 1px solid #CCCCCC;
  background: #E5E5E5;
  width: 100%;
  min-height: 50px;
  max-height: 800px;
  overflow:auto;
    position:relative;
}

/**
 * While we're having the loading class set.
 * Removig it, will remove the loading message
 */
div#loader.loading {
  background: url(../img/spinner.gif) no-repeat center;
}
#chartimage {
    float: left;
    border: 1px solid #ccc;
    margin-bottom: 2px;
    margin-top: 2px;
    margin-left: 2px;
    margin-right: 2px;
}
#chart-tools {
    //float: right;
    width: 63px;
    height: auto;
    z-index: 100;
    background: #E5E5E5;
    border: 1px solid #CCCCCC;
    padding: 5px;
    color: #000;
    display: none;
    position: absolute;
}
#chart-tools a {
    cursor: pointer;
}
#chart-attrs-container {
  width: 100%;
  border: 1px solid #ccc;
  overflow: auto;
}
#chart-attrs {
  width: 100%;
}
#chart-attrs td.py-key {
    color: #000000;
    vertical-align: top;
  font-size:10px;
}
#chart-attrs td.py-key a {
    color: #00337F;
    font-weight: bold;
    cursor: pointer;
}
#chart-attrs td.py-key a:hover {
    color: #CA002A;
}
#chart-attrs td.py-val {
    color: #444444;
  font-size:10px;
}
.zebra tr:hover {
    background: #E5E5E5;
}
#breadcrumbs a {
  color: #00337F;
  font-style: oblique;
  font-weight: 600;
  cursor: pointer;
}
#breadcrumbs a:hover {
  color: #CA002A;
}
