div.tower
{  min-width: 200px;
   height:  250px;
   display: table-cell;
   vertical-align: bottom;
   margin: 30px;
   border-top: 50px 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: 20px;
   display: table-cell;
}

div#t1
{  border-bottom: 20px 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: 20px 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: 20px 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: 22px;
   display: block;
   margin-left: auto;  margin-right: auto;
   border-radius: 9px;
   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#dgobj { width: 60px; }
div#d1 { width: 160px; }
div#d2 { width: 145px; }
div#d3 { width: 130px; }
div#d4 { width: 115px; }
div#d5 { width: 100px; }
div#d6 { width: 85px; }
div#d7 { width: 70px; }
div#d8 { width: 55px; }