TST

html {width:100%; height: 100%; display: table;}
body {
  width:100%; 
  display:table-cell;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#deefff+0,98bede+100;Blue+3D+%2310 */
  background: silver; /* Old browsers */
  background: -moz-linear-gradient(top,  #deefff 0%, #98bede 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #deefff 0%,#98bede 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #deefff 0%,#98bede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff',   endColorstr='#98bede',GradientType=0 ); /* IE6-9 */
}
html, body {margin: 0px; padding: 0px;}
.main {width: 80%; margin-left: auto; margin-right: auto; height: 100%; background-color: white; padding:0px; border:0px; border-collapse: collapse;}
td.content{vertical-align: top;}
td.footer {height: 40px; font-size: 10px; color: white; background-color: black; text-align: center; vertical-align: middle;}
.main td {padding: 0px;}
div.wrapper{padding-left: 1em; padding-right: 1em;}
span.causeOverFlow{cursor: pointer; background-color: yellow; color: red; text-decoration: underline;}
.hide{display:none;}
.hugeHeight{height:4000px; background-color: green;}