roll.css

.boxme {
    float:left;
}

.backit {
    font-style:italic;
    background:#DDD
}

.backnorm {
    font-style:normal;
    background:#fff
}

.padme {
    padding:10px
}

h1 {

    font-family: "Trebuchet MS",Helvetica,sans-serif;
    margin:0 0 10px 0;
    padding:10px;
    background:#DDF;
    width:100%;
    border-bottom:solid 1px #000;
    background:linear-gradient(#DDF, #77F);
    text-shadow: -1px -1px 0 #FFF,  1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
}

h2 {
    margin:10px;
    padding:10px;
    background:#DDF;
    float:left;
    border:solid 1px #000;
    border-radius:10px;
    background:linear-gradient(#DDF, #77F);
}

.contain {
    margin:5px 5px 0 0;
    padding:20px;
    float:left;
    border:solid 1px #000;
    border-radius:10px;
    background-color: #EEE;
    background:linear-gradient(#FFF, #CCC);
}

.what {
    width:10em;
    font-weight:700;
    float:left
}

.head {
    width:6em;
    float:left;
    font-weight:700
}

.left {
    width:6em;
    float:left
}

.small {
    width:2em
}

.smallc {
    float:left
}

.clear {
    margin-top:.1em;
    font-size:1px;
    clear:both
}

.filled {
    background-color:#00F;
    border:solid 1px #007;
    background:linear-gradient(to right, #00c 0%, #c00 700px);
}

.mytd0 {
    border:solid 1px #000;
    padding:3px;
    background-color: #DDD;
}

.mytd1 {
    border:solid 1px #000;
    padding:3px;
    background-color: #FFF;
}
.mytd2 {
    border:solid 1px #000;
    padding:3px;
    background-color: #FFF;
}
.myth {
    border:solid 1px #000;
    border-radius: 5px;
    background-color:#DDF;
    padding:3px;
    font-weight:bold;
    background:linear-gradient(#DDF, #77F);
}

body {
    font-family: Tahoma,"Trebuchet MS",Helvetica,sans-serif;
    margin:0;
    padding:0;
    background:linear-gradient(#DDE 0%, #99D 500px, #99d 100%);
}
.biggerButton
{
  font-size: 20px;
  padding: 10px 20px 10px 20px;
}
input[type=radio] { margin-left: 1em;}
input[type=text] {
        border: 1px dotted #000;
        border-radius: 5px;
        margin: 0px 3px 0px 5px;
}
input[type=button] {
  background: #b5daf2;
  background-image: -webkit-linear-gradient(top, #b5daf2, #7184e6);
  background-image: -moz-linear-gradient(top, #b5daf2, #7184e6);
  background-image: -ms-linear-gradient(top, #b5daf2, #7184e6);
  background-image: -o-linear-gradient(top, #b5daf2, #7184e6);
  background-image: linear-gradient(to bottom, #b5daf2, #7184e6);
  background:linear-gradient(#DDF, #77F);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 10px;
  font-family: Arial;
  color: #000000;
  border: solid #000000 1px;
  text-decoration: none;
  }

input[type=button]:hover {
  background: #effc3c;
  background-image: -webkit-linear-gradient(top, #effc3c, #d9b034);
  background-image: -moz-linear-gradient(top, #effc3c, #d9b034);
  background-image: -ms-linear-gradient(top, #effc3c, #d9b034);
  background-image: -o-linear-gradient(top, #effc3c, #d9b034);
  background-image: linear-gradient(to bottom, #effc3c, #d9b034);
  text-decoration: none;
  }
.smallButton
{
  padding: 5px 10px 5px 10px;
  font-size: 1em;
}