/* Matrix */

tr.solutionlist td {
  font-weight: normal;
  line-height: 14px;
  font-size: 14px;
  font-family:'GothamRoundedBold';
}

tr.darkblue td, tr.midblue td, tr.ltblue td {
  border-bottom: 1px solid #FFFFFF;
}

tr.darkblue td, tr:hover.darkblue td  {
  background: #7dadd0;
}

tr.midblue td, tr:hover.midblue td {
  background: #b2cee3;
}

tr.ltblue td, tr:hover.ltblue td  {
  background: #d9e7f1;
}

tr.darkrow td {
  background: #f5f5f5;
}

tr.ltrow td {
  background: #FFFFFF;
}

tr:hover td {
  background: #e7e7e7;
}

tr.solutionlist:hover td, tr.noborder:hover td {
  background: #FFFFFF;
}

tr td.leftborder {
  /* border-left: 2px solid #FFFFFF;*/
}

tr.spacerrow td {
  height: 4px;
  max-height: 4px;
  overflow: hidden;
}

td.left {
  width: 135px;
  text-align: left;
}

td.sectionhead, tr:hover td.sectionhead {
  font-family:'GothamRoundedBook';
  color: #999999;
  font-size: 16px;
  border-bottom: none;
  background: url('/images/dots-horizontal.gif') repeat-x bottom;
}

td {
  width: 90px;
  padding: 4px 10px;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  vertical-align: top;
}

tr.last td, tr.noborder td {
  border-bottom: none;
}

a.btn {
  background: url('/images/ui/btn-bg.gif') repeat-x;
  font-family:'GothamRoundedBold';
  color: #FFFFFF;
  font-size: 14px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: .6em 1em;
}

a.btn.quote {
  background: url('/assets/60/btn-dark-bg.gif') repeat-x;
}

td a.btn {
  font-size: 11px;
  font-family:'GothamRoundedBook';
  font-weight: normal;
}

a.btn:hover {
  background: #7fbbe0 url('/images/ui/btn-hover-bg.gif') repeat-x bottom;
  text-decoration: none;
}

table.matrix { 
  margin: 20px 0 0 0;
}

.asterisk {
  width: 12px;
  float: left;
  font-weight: normal;
}

.asterisk-content {
  margin: 0 0 0 16px;
  font-weight: normal;
}

/* Top Grad */
.matrix-top {
  clear: both;
  padding: 40px 0 0 0;
}

.msggrad {
  font-family:'GothamRoundedLight';
  font-size: 18px;
  display: block;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  position: relative;
  margin: 4px 0 0 0;
  background: #FFFFFF url('/images/ui/matrix-top-grad.gif') repeat-x;
}

.msggrad ul.new li.first {
  padding: 0 66px 0 0;
}

.matrix-top .msggrad ul.new {
  padding: 16px 10px 10px;
  margin: -6px 0 0 0;
  background: url('/images/ui/new.png') no-repeat 80px top;
}

.msggrad ul li small {
  font-size: 12px;
}

.msggrad ul.msglist {
  padding: 10px;
  float: left;
  width: 172px;
  position: relative;
}

.msggrad ul li {
  margin: 0 0 .6em;
}

.msggrad ul li.first {
  font-family:'GothamRoundedBold';
  margin: 0 0 1em;
}

.msggrad ul li.first a {
  color: #4D4D4D;
  text-decoration: none;
  font-family:'GothamRoundedBold';
}

h3.toph3 {
  font-size: 16px;
  font-family:'GothamRoundedBook';
  line-height: 1em;
  font-weight: normal;
  color: #999999	;
  background: url('/images/dots-horizontal.gif') repeat-x bottom;
  margin: 0 0 15px 0;
  padding: 4px 10px;
  text-transform: capitalize;
}

table tr td.spanline {

}

tr.ltrow td.spanline span.cover, tr.darkrow td.spanline span.cover {
  padding: 0 5px;
  width: 100%;
  background-image: url('/images/ui/matrix-line-bg.gif');
  background-repeat: repeat-x;
  background-position: 0 -7px;
  display: block;
}

tr.ltrow td.spanline span.cover span {
  background: #FFFFFF;
  padding: 0 5px;
}

tr.darkrow td.spanline span.cover span {
  background: #f5f5f5;
  padding: 0 5px;
}

tr:hover td.spanline span.cover span {
  background: #e7e7e7;
  padding: 0 5px;
}


#content #left.center {
  text-align: center;
}

#left.center a.btn {
  margin:10px auto;
  width:30%;
  display: block;
}

/* Blocks Info Page */
#content #blocks-info h3, #content #blocks-info h5 {
  font-family:'GothamRoundedBook';
  text-transform: capitalize;
  font-size: 21px;
  color: #666666;
  font-weight: normal;
  margin: 0 0 .4em;
}

#content #blocks-info h3 {
  font-family:'GothamRoundedBold';
}

#content #blocks-info h5 {
  font-size: 14px;
  font-weight: normal;
}

#content #blocks-info #left, #content #blocks-info #right {
  margin: 0;
}

#content #blocks-info #left {
  width: 35%;
}

#content #blocks-info #mid {
  width: 30%;
  margin: 0 5% 0 0;
}

#content #blocks-info #right {
  width: 30%;
  margin-top: 40px;
}

#content #blocks-info #left , #content #blocks-info #mid {
  text-align: left;
  margin-top: 40px;
}

#content #blocks-info table.blocks-running-lt, #content #blocks-info table.blocks-running-dk {
  border: 1px solid #BCBCBC;
  margin: 1px 0;
  width: 90%;
}

#content #blocks-info table.blocks-running-lt tr td, #content #blocks-info table.blocks-running-dk tr td {
  margin: 2px 0;
  border: none;
}

#content #blocks-info table.blocks-running-lt tr td {
  background: #e6e6e6;
}

#content #blocks-info table.blocks-running-dk tr td {
  background: #E1F1FD;	
}

#content #blocks-info table.blocks-running-dk {
  border: 1px solid #9CCDE4;
}

#content #blocks-info table.blocks-running-gr tr td {
  background: #E4F2E7;	
}

#content #blocks-info table.blocks-running-gr {
  border: 1px solid #A3C9B0;
  margin: 1px 0;
  width: 90%;
  padding: 1px;
  background: #A3C9B0;
}

#content #blocks-info table.last {
  margin: 0 0 10px;
}

#diskimages {
  margin: 2em 0 0 0;
}

#content #blocks-info #diskimages h3 {
  margin: 0 0 1.5em;	
}

#diskrollover {
  clear: both;
  background: url('/images/dots-horizontal.gif') repeat-x top;
}

#diskrollover.nodots {
  clear: both;
  background: none;
}

ul#availableimages {
}

ul#availableimages li {
  text-indent: -9009px;
  float: left;
  padding:0 1em 2em 0;
}

ul#availableimages li a {
  width: 61px;
  height: 61px;
  background: #FFFFFF;
  display: block;
}

ul#availableimages li#r_archlinux a { background: url('/images/img-archlinux.gif') no-repeat; }
ul#availableimages li#r_centos a { background: url('/images/img-centos.gif') no-repeat; }
ul#availableimages li#r_debian a { background: url('/images/img-debian.gif') no-repeat; }
ul#availableimages li#r_ubuntu a { background: url('/images/img-ubuntu.gif') no-repeat; }

.downwarddots {
  padding: 50px 0 0 0;
  text-align: center;
  background: url('/images/dots-vertical.gif') repeat-y 50%;
}

#d_archlinux .downwarddots { background: url('/images/dots-vertical.gif') repeat-y 245px; padding: 20px 0 0; }
#d_centos .downwarddots { background: url('/images/dots-vertical.gif') repeat-y 30px; padding: 20px 0 0; }
#d_debian .downwarddots { background: url('/images/dots-vertical.gif') repeat-y 100px; border-bottom: #FFCC00; padding: 20px 0 0;}
#d_ubuntu .downwarddots { background: url('/images/dots-vertical.gif') repeat-y 175px; padding: 20px 0 0; }

#content #blocks-info #d_0 .downwarddots h5 {
  border: none;	
}

#content #blocks-info .downwarddots h5 {
  background: #FFFFFF;
  padding: .5em 0;
  margin: 0;
  border-left: 1px dotted #d3d4d5;
}

#content #blocks-info .downwarddots h5.first {
background:url("/images/ui/horizontal-dots-wide.gif") repeat-x scroll center top #FFFFFF;
padding:20px 0 0;
border-left: 1px dotted #d3d4d5;
}

#content #blocks-info #d_archlinux .downwarddots h5.first { background:url("/images/ui/horizontal-dots-wide.gif") no-repeat -155px 0px #FFFFFF; }
#content #blocks-info #d_centos .downwarddots h5.first { background:url("/images/ui/horizontal-dots-wide.gif") no-repeat -370px 0px #FFFFFF; }
#content #blocks-info #d_debian .downwarddots h5.first { background:url("/images/ui/horizontal-dots-wide.gif") no-repeat -300px 0px #FFFFFF; }
#content #blocks-info #d_ubuntu .downwarddots h5.first { background:url("/images/ui/horizontal-dots-wide.gif") no-repeat -225px 0px #FFFFFF; }

#content #blocks-info .downwarddots h5.empty {
  height: 1px;
  max-height: 1px;
}

#content #blocks-info .downwarddots h5.last {
  background:url("/images/dots-horizontal.gif") repeat-x scroll center bottom #FFFFFF;	
  padding:0 0 20px;
}

.centeralign {
  text-align: center;
}