html, body
{
    height:100%;
    margin:0;
    padding:0
}

a
{
    text-decoration: none;
    color: #034da1;
}

a:hover
{
    text-decoration: underline;
}

body
{
    font-family: 'Helvetica Neue', Arial, sans-serif;
    color: #000;
    background-color: #d9d9d1;
    margin: 0 8px
}

th
{
   font-weight: normal;
   background-color: #b5bd00;
   color: white;
   padding: 4px;
}

.topbar
{
    background-color: #333;
    color: #f6be00;
}

.pagecontent
{
    background-color: white;
    padding: 1em;
    margin: 0.3em;
}

.biglink
{
    font-size: larger;
}

.pageheader
{
    margin: 0.3em;
    font-size: 24px;
    color: #f6be00;
    text-decoration: none;
}

#mysubmit {
    height: 30px;
    padding: 5px 5px 25px 5px;
}

.sidebar
{
    margin: 0.4em;
}

.sidebartitle
{
    font-size: smaller;
}

.error, .errormessage
{
    color: #e22;
    font-size: 80%;
}

.error
{
    margin: 8px;
}

input
{
    font-size: 90%; 
    padding: 5px;           
}

textarea
{
    font-family: courier;
}

.example
{
    color: #888;
    font-size: 80%;
}

td
{
    padding: 5px;
    background-color: white;
}

td.topbar
{
    padding: 5px;
}

.even td
{
    background-color: #f6be00;
}

fieldset
{
    margin-bottom: 1ex;
    border-width: 1px;
    border-color: #ddd;
}

table.tlvdecode {
 border-width: 0px;
 padding: 0px;
 margin: 0px;
 border-collapse: collapse;
}

td.tlvdecode {
 border-left: 1px dotted #000;
 padding: 3px;
}

td.tlvout {
 border-left: 1px dotted #000;
 border-bottom: 1px dotted #000;
}

td.tlvprimitive {
 border-left: 0px none #000;
 border-bottom: 1px dotted #000;
 font-family: monospace;
}

.alert-box {
  color: #555;
  border-radius: 10px;
  padding: 10px 10px 10px 36px;
  margin: 10px;
}

.alert-box span {
  font-weight: bold;
}

.notice {
  background:#e3f7fc;
  border:1px solid #8ed9f6;
}