@CHARSET "UTF-8";

.pillar
{
  position: relative;
  height: 264px;
  float: left;
  width: 158px;
  padding-top: 25px;
  padding-left: 20px;
  padding-right: 21px;
}

#panel1 .pillarcontent
{
  position: relative;
  /*top: 25px;*/
  height: 180px;
  width: 158px;
}

.pillar .pillarstatus
{
  position: relative;
  text-align: center;
  font-weight: bold;
  height: 60px;
  padding-top: 4px;
}

.pillar .pillarstatus .icon
{
  position: absolute;
  width: 32px;
  height: 37px;
  top: 28px;
  left: 63px;
  background-image: url('images/framework/loading.gif');
  background-position: center;
  background-repeat: no-repeat;
}

.pillar.good .pillarstatus .icon
{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='images/tab1/status-good.png');
  background-image: none;
}

.pillar.warning .pillarstatus .icon
{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='images/tab1/status-warning.png');
  background-image: none;
}

.pillar.critical .pillarstatus .icon
{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='images/tab1/status-critical.png');
  background-image: none;
}

.pillar.good .pillarstatus .icon.hover
{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='images/tab1/status-good-hover.png');
}

.pillar.warning .pillarstatus .icon.hover
{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='images/tab1/status-warning-hover.png');
}

.pillar.critical .pillarstatus .icon.hover
{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='images/tab1/status-critical-hover.png');
}

.pillar .pillarstatus .text
{
  cursor: pointer;
}

.pillar.good .pillarstatus, .pillar.good .highlight, .pillar.good .pillartext a
{
  color: green;
}

.pillar.warning .pillarstatus, .pillar.warning .highlight, .pillar.warning .pillartext a
{
  color: #f90;
}

.pillar.critical .pillarstatus, .pillar.critical .highlight, .pillar.critical .pillartext a
{
  color: #a90000;
}

.pillar .pillartext a
{
  text-decoration: underline;
  cursor: pointer;
}

#panel1 .pillartext
{
  position: absolute;
  top: 147px;
  left: 0px;
  width: 158px;
}

#panel1 .pillarlinks
{
  position: absolute;
  top: 56px;
}

#panel1 .pillarlinks a
{
  display: block;
  padding: 8px 10px 8px 10px;
  width: 138px;
  text-align: center;
  margin-bottom: 5px !important;
}

#panel1 .pillarlinks a.first
{
  padding: 4px 10px 4px 10px;
}

.sidebar
{
  float: left;
  position: relative;
  margin-left: 20px;
  margin-top: 110px;
}

.sidebar .button
{
  position: relative;
  width: 156px;
  font-size: 11px;
  line-height: 12px;
  top: 27px;
}

#liveoptimization
{
   margin-top: 0px;
   text-align: center;
}

.sidebar table
{
  width: 156px;
}

.sidebar table td
{
  text-align: center;
  padding: 0 10px;
}

.sidebar #liveoptimization .icon
{
  position: absolute;
  left: 62px;
  width: 32px;
  height: 32px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='images/tab1/LiveOptimizer_32x32.png');
}

.sidebar #liveoptimization .icon.hover
{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='images/tab1/LiveOptimizer_32x32-hover.png');
}

.sidebar .button td, .sidebar .status
{
  font-size: 11px;
  text-align: center;
}

.sidebar .status
{
  position: relative;
  line-height: 12px;
  top: 32px;
  cursor: pointer;
}

.sidebar .status .on
{
  color: green;
}

.sidebar .status .off
{
  color: #a90000;
}