body {
  background: #455e83;
  font-family: Arial, Helvetica, sans-serif, Verdana, Geneva;
  padding: 0;
  margin: 0px 0 30px 0;
}

h1 {
  font-size: 110%;
  margin: 0 0 0.3em 0;
}
  
h2 {
  color: #fff;
  margin: 0 0 0.3em 0;
}

div#main {
  margin: 0 auto; /* top right bottom left */
  width: 600px;
  text-align: center;
  font-size: 82%;
  background: #eee;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px dotted #000;
}

div#exampletext {
  text-align: center;
  font-size: 97%;
  margin: auto 7% auto 7%; /* top right bottom left */
}

div#header {
  background: #000;
  width: 100%;
  min-height: 80px;
  padding: 10px;
  color: #eee;
  text-align: center;
  border-bottom: 1px solid #333;
}

div#title {
  background: inherit;
  width: 100%;
  margin: 0 auto;
  padding: 15px 0 10px 0;
  text-align: center;
  color: #fff;
  border-top: 1px dashed #eee;
}

div#introtext {
  margin: 4% auto;
}

div#input {
  background: #ddd;
  border: 1px solid #000;
  width: 60%;
  margin: 2% auto;
  padding: 4% 2%;
  font-size: 82%;
}

div#output {
  background: #eeeeff;
  width: 75%;
  padding: 0% 2% 2%;
  margin: auto;
}

div#footer {
  background: #ddd;
  width: 600px;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
  font-size: 0.8em;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}

/* TABLES */
tr.even
{
  background-color: #F8F8F8;
}

tr.odd
{
  background-color: #EEE;
}

table.list {
  background: #fff;
  border: 1px solid #000;
  width: 100%;
  border-spacing: 0pt;
}

table.list tr {
  border: none;
  border-spacing: 0pt;
}

table.list th.wordlabel {
  padding-top: .3%;
  padding-bottom: .3%;
  padding-left: 1%;
  padding-right: 1%;
  border: none;
  border-spacing: 0pt;
  width: 50%;
}
table.list th.scorelabel {
  padding-top: .3%;
  padding-bottom: .3%;
  padding-left: 1%;
  padding-right: 1%;
  border: none;
  border-spacing: 0pt;
}

table.list td {
  padding-top: .3%;
  padding-bottom: .3%;
  padding-left: 1%;
  padding-right: 1%;
  border: none;
  border-spacing: 0pt;
  font-size: 105%;
}

/* CONTENT STYLING */
p#versiontext {
  text-align: center;
  font-size: 100%;
}

p {
  margin: 0 0 0.2em 0;
}
p.sparql {
  font-family: 'Courier New',Courier,monospace;
  font-size: 9pt;
}
b {
  font-weight: bold;
}
a:link {
  color: #136;
}
a:visited {
  color: #136;
}
a:hover {
  color: #842;
}

/* FORM */
input {
  padding: 1px 2px;
  margin: 0px;
  border: solid #000 1px;
}

input.text {
  width: 500px;
  font-size: 15pt;
}

input.button {
  border: solid #333 1px;
  cursor: pointer;
  background: #369;
  color: #fff;
  font-size: 15pt;
  font-weight: bold;
}