@media screen {
body {
    font-family: Verdana, Geneva, sans-serif;
    padding:10px;
    font-size:13px;
    line-height:18px;
    max-width:850px;
     background:#EFEFEF;
}

h1 { color:#153153; float:right; font-size:28px;}
table { padding:0; margin:0;  background:#FFF; }
table tr td {
    padding:20px;
}
.bold { font-weight:bold; }
.less { padding:5px 20px; }
.header { background: }
.itemDescription { padding: 40px 20px;}
.due { padding: 40px 20px; background:#FFFFE1;}
.centred { text-align:center;}
.right {text-align:right;}

.button {
  margin:5px;
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.button:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.btn {
  margin:5px;
  background: #fa2600;
  background-image: -webkit-linear-gradient(top, #fa2600, #e36410);
  background-image: -moz-linear-gradient(top, #fa2600, #e36410);
  background-image: -ms-linear-gradient(top, #fa2600, #e36410);
  background-image: -o-linear-gradient(top, #fa2600, #e36410);
  background-image: linear-gradient(to bottom, #fa2600, #e36410);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #fa883c;
  background-image: -webkit-linear-gradient(top, #fa883c, #d96034);
  background-image: -moz-linear-gradient(top, #fa883c, #d96034);
  background-image: -ms-linear-gradient(top, #fa883c, #d96034);
  background-image: -o-linear-gradient(top, #fa883c, #d96034);
  background-image: linear-gradient(to bottom, #fa883c, #d96034);
  text-decoration: none;
}
}

@media print {
body {
    font-family: Verdana, Geneva, sans-serif;
    padding:10px;
    font-size:13px;
    line-height:18px;
    max-width:850px;
}

h1 { color:#153153; float:right; font-size:28px;}
table { padding:0; margin:0; }
table tr td {
    padding:20px;
}
.bold { font-weight:bold; }
.less { padding:5px 20px; }
.header { background: }
.itemDescription { padding: 40px 20px;}
.due { padding: 40px 20px; background:#FFFFE1;}
.centred { text-align:center;}
.hide { display:none; }
}