div.tower
{  min-width: 125px;
   height:  140px;
   display: table-cell;
   vertical-align: bottom;
   margin: 6px;
   border-top: 5px solid #fff;
}

div#t1.highlight, div#t2.highlight, div#t3.highlight
{  
   background-image: -ms-linear-gradient(left, #fff 0%, #fff 46%, #E9AB17 47%, #FDD017 49%, #FBB117 53%, #fff 54%, #fff 100%);
   background-image: -o-linear-gradient(left, #fff 0%, #fff 46%, #E9AB17 47%, #FDD017 49%, #FBB117 53%, #fff 54%, #fff 100%);
   background-image: -webkit-linear-gradient(left, #fff 0%, #fff 46%, #E9AB17 47%, #FDD017 49%, #FBB117 53%, #fff 54%, #fff 100%);
   background-image: -moz-linear-gradient(left, #fff 0%, #fff 46%, #E9AB17 47%, #FDD017 49%, #FBB117 53%, #fff 54%, #fff 100%);
   background-image: linear-gradient(left, #fff 0%, #fff 46%, #E9AB17 47%, #FDD017 49%, #FBB117 53%, #fff 54%, #fff 100%);
}

div.spacing
{  min-width: 6px;
   display: table-cell;
}

div#t1
{  border-bottom: 15px solid #700;
   background-image: -o-linear-gradient(left, #fff 0%, #fff 46%, #900 47%, #c00 49%, #750000 53%, #fff 54%, #fff 100%);
   background-image: -ms-linear-gradient(left, #fff 0%, #fff 46%, #900 47%, #c00 49%, #750000 53%, #fff 54%, #fff 100%);
   background-image: -webkit-linear-gradient(left, #fff 0%, #fff 46%, #900 47%, #c00 49%, #750000 53%, #fff 54%, #fff 100%);
   background-image: -moz-linear-gradient(left, #fff 0%, #fff 46%, #900 47%, #c00 49%, #750000 53%, #fff 54%, #fff 100%);
   background-image: linear-gradient(left, #fff 0%, #fff 46%, #900 47%, #c00 49%, #750000 53%, #fff 54%, #fff 100%);
}

div#t2
{  border-bottom: 15px solid #070;
   background-image: -ms-linear-gradient(left, #fff 0%, #fff 46%, #090 47%, #0c0 49%, #007500 53%, #fff 54%, #fff 100%);
   background-image: -o-linear-gradient(left, #fff 0%, #fff 46%, #090 47%, #0c0 49%, #007500 53%, #fff 54%, #fff 100%);
   background-image: -webkit-linear-gradient(left, #fff 0%, #fff 46%, #090 47%, #0c0 49%, #007500 53%, #fff 54%, #fff 100%);
   background-image: -moz-linear-gradient(left, #fff 0%, #fff 46%, #090 47%, #0c0 49%, #007500 53%, #fff 54%, #fff 100%);
   background-image: linear-gradient(left, #fff 0%, #fff 46%, #090 47%, #0c0 49%, #007500 53%, #fff 54%, #fff 100%);
}

div#t3
{  border-bottom: 15px solid #007;
   background-image: -ms-linear-gradient(left, #fff 0%, #fff 46%, #00a 47%, #00e 49%, #000085 53%, #fff 54%, #fff 100%);
   background-image: -webkit-linear-gradient(left, #fff 0%, #fff 46%, #00a 47%, #00e 49%, #000085 53%, #fff 54%, #fff 100%);
   background-image: -o-linear-gradient(left, #fff 0%, #fff 46%, #00a 47%, #00e 49%, #000085 53%, #fff 54%, #fff 100%);
   background-image: -moz-linear-gradient(left, #fff 0%, #fff 46%, #00a 47%, #00e 49%, #000085 53%, #fff 54%, #fff 100%);
   background-image: linear-gradient(left, #fff 0%, #fff 46%, #00a 47%, #00e 49%, #000085 53%, #fff 54%, #fff 100%);
}

div.disk  /* all disks */
{  height: 14px;
   display: block;
   margin-left: auto;  margin-right: auto;
   border-radius: 6px;
   background-image: -ms-linear-gradient(bottom, #E9AB17 0%, #FDD017 50%,   #FBB117 100%);
   background-image: -o-linear-gradient(bottom, #E9AB17 0%, #FDD017 50%,   #FBB117 100%);
   background-image: -webkit-linear-gradient(bottom, #E9AB17 0%, #FDD017 50%,   #FBB117 100%);
   background-image: -moz-linear-gradient(bottom, #E9AB17 0%, #FDD017 50%,   #FBB117 100%);
   background-image: linear-gradient(bottom, #E9AB17 0%, #FDD017 50%,   #FBB117 100%);
}
   
div#d1 { width: 125px; }
div#d2 { width: 110px; }
div#d3 { width: 95px; }
div#d4 { width: 80px; }
div#d5 { width: 65px; }
div#d6 { width: 50px; }
div#d7 { width: 35px; }
div#d8 { width: 20px; }