
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-size: 15px; line-height: 1.231; margin: 4px; background-color: #FCFFFD; }
body, button, input, select, textarea { font-family: Droid Sans, Verdana, sans-serif; color: #222; }
a {  color: #33f;  }
table th { width: 200px; text-align: right; padding-right:10px; font-family: Georgia serif;}
#container { width: 90%; margin:0 auto; }
#code-output { border: solid 5px #333; margin:15px; border-top-width: 40px;  } 
#color { width: 200px; height: 2em;}
#inputter a { padding:3px; }
.invisible { visibility: hidden; } 
h1 { font-size: 3.8em; color: #293c11; font-family:Tahoma; margin: 3px 0; padding:0; }
h1 .small { font-size: 0.4em; }
h1 a { text-decoration: none }
h2 { font-size: 1.5em; color: #293c11; margin: 0;margin-left: 10px; }
h3 { color: #293c11; }
.description { font-size: 1.2em; margin-bottom: 30px; margin-top: 30px; font-style: italic;}
.download { float: right; }
pre { background: #000; color: #fff; padding: 15px;}
hr { border: 0; width: 80%; border-bottom: 1px solid #aaa}
.footer { text-align:center; padding-top:30px; font-style: italic; }

#filter-output div, #combine-output span { width: 40px; height: 40px; display:inline-block; margin: 10px; }