@font-face {
   font-family:'beeline';
   src:url('fonts/officinaserifc-bold-webfont.eot');
   src:url('fonts/officinaserifc-bold-webfont.eot?#iefix') format('embedded-opentype'),
   url('fonts/officinaserifc-bold-webfont.woff') format('woff'),
   url('fonts/officinaserifc-bold-webfont.ttf') format('truetype'),
   url('fonts/officinaserifc-bold-webfont.svg') format('svg');
   font-weight:bold;
   font-style:normal;
}
@font-face {
   font-family:'beeline';
   src:url('fonts/officinaserifc-book-webfont.eot');
   src:url('fonts/officinaserifc-book-webfont.eot?#iefix') format('embedded-opentype'),
   url('fonts/officinaserifc-book-webfont.woff') format('woff'),
   url('fonts/officinaserifc-book-webfont.ttf') format('truetype'),
   url('fonts/officinaserifc-book-webfont.svg') format('svg');
   font-weight:normal;
   font-style:normal;
}

html{
   margin:0px;
   background-color:#FFFFFF;
}

body{
   margin:30px;
   background-color:#FFFFFF;
}

img {
   border:0px;
   margin:0px;
}

div {
   padding:0px;
   margin:0px;
   font-family:beeline,sans-serif;
   font-size:12pt;
   font-weight:normal;
   color:#2D2824;
   -webkit-touch-callout:none;
   -webkit-user-select:none;
   -khtml-user-select:none;
   -moz-user-select:none;
   -ms-user-select:none;
   -o-user-select:none;
   user-select:none;
   cursor:default; 
}

div.main {
   max-width:1000px;
   min-height:100px;
   display:table;
   margin-left:auto;
   margin-right:auto;
   text-align:center;
   #border:solid 1px #2D2824;
}

table {
   width:100%;
   padding:0px;
   margin:0px;
   border:0px;
   font-family:beeline,sans-serif;
   text-align:left;
   font-size:13pt;
   color:#2D2824;
   border-collapse:separate;
   border-spacing:4px;
}

table td {
   background-color:#FEFAEB;
   white-space:nowrap;
   padding:10px;
   margin:0px;
   border:0px;
   text-align:left;
   vertical-align:top;
   font-family:beeline,sans-serif;
}

table td.header {
   vertical-align:middle;
   font-weight:bold;
   font-size:11pt;
   color:#FFFFFF;
   background-color:#2D2824;
   padding-top:5px;
   padding-bottom:5px;
   text-align:center;
}

ul {
   margin:0px;
   padding:0px;
   list-style-type:none;
}

ul li {
   margin:0px;
   padding:0px;
}

input,select {
   font-family:beeline,sans-serif;
   text-align:left;
   font-size:13pt;
   color:#2D2824;
   padding-left:5px;
   padding-right:5px;
   box-sizing:border-box;
}

input[type="text"],select {
   max-width:300px;
   height:24px;
   border:1px solid #2D2824;
   margin:0px;
}

select {
   padding-right:0px;
}

input[type="submit"],input[type="button"] {
   font-weight:bold;
   width:100px;
   height:24px;
   border:0px;
   color:#FFFFFF;
   text-align:center;
   margin:2px;
}
input.submit{
   background-color:#2D2824;
}
input.reset {
   background-color:#6B0C09;
}

optgroup {
   font-size:10pt;
   font-style:normal;
}
optgroup option {
   font-size:13pt;
}

::-webkit-input-placeholder  {
   color:#BDB4AC;
}
::-moz-placeholder  {
   color:#BDB4AC;
}
:-moz-placeholder  {
   color:#BDB4AC;
}
:-ms-input-placeholder  {
   color:#BDB4AC;
}
.mtop {
   margin-top:20px;
}

div.lang {
   text-align:right;
   position:relative;
   font-weight:bold;
   margin-bottom:-20px;
   font-size:11pt;
}

.hover {
   color:#8E6625;
}

div.notes {
   font-size:9pt;
   font-weight:normal;
   text-align:center;
}

div#warning {
   margin-top:8px;
   font-size:11pt;
   font-weight:bold;
   color:#A0110E;
}

input.wrong {
   box-shadow:0 0 10px #A0110E;
   border:solid 1px #A0110E;
}

pre {
   text-align:left;
   -webkit-touch-callout:auto;
   -webkit-user-select:auto;
   -khtml-user-select:auto;
   -moz-user-select:auto;
   -ms-user-select:auto;
   -o-user-select:auto;
   user-select:auto;
   cursor:auto;
}

pre span {   
   font-size:9pt;
}

div.console {
   min-width:800px;
   text-align:left;
   font-family:monospace;
   -webkit-touch-callout:auto;
   -webkit-user-select:auto;
   -khtml-user-select:auto;
   -moz-user-select:auto;
   -ms-user-select:auto;
   -o-user-select:auto;
   user-select:auto;
   cursor:auto;
}

span.best {
   font-weight:bold;
   color:#04660F;
}
span.red {
   font-weight:bold;
   color:#87090D;
}
span a {
   color:#4D8EC6;
   font-weight:bold;
   text-decoration:underline;
}

span a:hover {
   color:#8E6625;
}

span.community {
   border-bottom:1px dotted #000000;
   cursor:default;
   position: relative;
}

span.community:active:after, span.community:hover:after {
    content:attr(data-title);
    padding:5px;
    border:1px solid #6E6E6E;
    margin-top:20px;
    margin-left:-100%;
    background-color: #FFFFFF;
    position:absolute;
    z-index:2;
    font-weight:normal;
    color:#000000;
}

div.dcenter {
   width:300px;
   margin-left:auto;
   margin-right:auto;
   text-align:center;
}