#storage-config-wrap {
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f3f3f3;
  border-bottom: 3px solid #FF5601;
}
#storage-config-wrap h3 {
  color: white;
  margin: 0 0 10px 0;
  font-size: 13px;
}
#storage-config {
  padding: 10px;
  font-size: 12px;
}
#storage-config h4 {
  font-size: 12px;
  margin: 0 0 10px 0;
}
.storage-config-qty {
  font-weight: 900;
  color: #FF5601;
}
.storage-config-drive {
  background-color: white;
  background-position: 3px 3px;
  background-repeat: no-repeat;
  float: left; line-height: 16px;
  width: 240px; height: 50px;
  padding-left: 50px;
  border: 1px solid #ddd;
  margin: 0 10px 10px 0;
  box-shadow: 2px 2px 2px #aaa;
}
.storage-config-drive span { margin-right: 8px }
.storage-config-control {
  background-color: white;
  background-position: 3px 6px;
  background-repeat: no-repeat;
  line-height: 16px;
  padding: 5px 5px 5px 66px;
  min-height: 50px;
  border: 1px solid #ddd;
  margin: 0 0 10px 0;
  box-shadow: 2px 2px 2px #aaa;
}
#storage-config .storage-config-control h4 { margin: 0 }
.storage-config-name { color: #777 }
.storage-config-detail { font-weight: 700; }
.storage-config-port {
  display: inline-block; width: 8px; height: 8px;
  background-image: url(https://www.thinkmate.com/images/storage-config.png);
  background-color: #eee;
  margin-right: 3px;
}
.storage-config-ahci {
  line-height:8px;
  font-size:10px;
  margin:0 3px 0 6px;
  color:#555
}
.storage-config-right {
  float: right;
  margin-right: 10px;
}
#storage-config-entry {
  position: absolute; z-index: 3;
  right: 50%; margin-right: -400px;
  background-color: white;
  background-position: 5px 20px;
  background-repeat: no-repeat;
  background-image: url(https://www.thinkmate.com/images/storage-volume-dark.png);
  border: 1px solid #aaa;
  box-shadow: 2px 2px 2px #ccc;
  padding: 15px 10px 10px 30px;
  font-size: 12px;
}
#storage-config-entry.hotspare { background-image: url(https://www.thinkmate.com/images/storage-hotspare-dark.png); }
#storage-config-entry td {
  vertical-align: middle;
}
#storage-config-entry-close {
  position: absolute;
  top: -13px; right: 10px;
  width: 30px; height: 30px;
  background-image: url(../png/fancy_close.png);
  cursor: pointer;
}
.storage-config-volume {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin: 10px 10px 10px 0;
  padding: 10px 0 10px 90px;
}
.storage-config-volume strong {
  position: absolute;
  left: 10px; top: 10px;
  font-size: 13px;
}
.storage-config-volume span.volume-qty {
  display: inline-block;
  width: 35px;
  margin-right: 10px;
  text-align: right;
}
.storage-config-raidselect {
  margin: 2px 0 0 50px;
}
.storage-config-raidselect select {
  margin-right: 10px;
}
.storage-config-message {
  background: url(https://www.thinkmate.com/images/avail_icon.gif) left center no-repeat;
  padding-left: 16px;
  font-size: .9em;
  color: #b28919;
}
#storage-config-wrap h5 {
  font-weight: 700;
  margin: 0;
}
#storage-config-wrap h6 {
  font-weight: 300;
  margin: 0;
}

.storage-hs-info {
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 5px 0 5px 30px;
  margin: 10px 10px 10px 0;
  background: url(https://www.thinkmate.com/images/storage-hotspare-dark.png) 10px center no-repeat;
}
.storage-hs-info span {
  margin: 0 8px;
}

.storge-os-volume {
  position: absolute;
  left: 10px; top: 30px;
  color: #FF5601;
  font-weight: 900;
}
.storge-os-volume a {
  font-weight: 300;
  color: #aaa;
}

.storage-create-volume span,.storage-hotspare span,.storage-add span,.storage-modify span,.storage-remove span  {
  background-position: left center;
  background-repeat: no-repeat;
  padding: 5px 0 5px 20px;
}
.storage-hs-info .storage-remove { line-height: 1.5em !important }
.storage-hs-info .storage-remove span { padding: 1px 0 1px 15px }
.storage-create-volume span { background-image: url(https://www.thinkmate.com/images/storage-volume.png) }
.storage-hotspare span { background-image: url(https://www.thinkmate.com/images/storage-hotspare.png) }
.storage-add span { background-image: url(https://www.thinkmate.com/images/button-icon-add.png) }
.storage-modify span { background-image: url(https://www.thinkmate.com/images/button-icon-quote.png) }
.storage-remove span { background-image: url(https://www.thinkmate.com/images/cfg_x.png) }