body
{color:#888888;
font-family:Courier New;Serif;
font-size:12pt;
font-weight:normal;
width:728px;
text-align:center;
margin-right: auto;
margin-left: auto;
margin-top: 20px;}

h1{font-size:30pt;font-family:Courier New,serif;font-weight:normal;color:#4D6767}

h2{font-size:14pt;
font-weight:normal;margin:0;}

.help{font-size:10pt;margin-bottom:10px;}
.helpfull{font-size:10pt;display:none;margin:10px;}

.footer{font-size:9pt; margin-bottom:30px;}

a{color:#4D6767;text-decoration:none}
a:hover{color:#333333}

table {margin-right:auto;margin-left:auto;}

td { border:1px solid #cccccc; width:30px; height:25px; text-align:center; color:#444444;}
#letterTable {margin-top:30px;}
#letterRow {font-size:9pt;}
.encrypted {background-color:#cce8ff; color:#777777;}
.unencrypted {background-color:#cdffcd; opacity:1; color:#444444;}
.highlight {background-color:#F3FA83; opacity: .7; color:#777777;}
.unencryptedempty {background-color:#ddffdd; opacity:.5;}
.unavailableletter {background-color: #FC565A;}
.spaceCell {background-color:#eeeeee; border:0px;}
.alphabet {background-color:#E387FE; font-weight:bold;color:#666666;}
.alphabetunavailable {background-color:#E387FE; font-weight:bold; color:#666666; opacity:.5;}
input {width:16px; height:18px;}
#quoteDivMain { border:1px solid #eeeeee; padding:10px; margin-top:30px; margin-bottom:30px;}