body {
    font-family: "Consolas", "Hack", "Liberation Mono", monospace;
    background-image: url("/purple-stars-bg.gif");
    background-attachment: fixed;
    background-color:#000000;
    background-repeat: repeat;
    line-height: 1.15;
    font-size: 10pt;
    overflow-y: scroll;                          /* show vertical scrollbar */
/*    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
*/
}
*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
*::-webkit-scrollbar:vertical {
  background-color: #000000;
}
*::-webkit-scrollbar-thumb {
  background-color: #822ed6;
  border-radius: 20px;
}
button, option, select, input {
  font-family: "Consolas", "Hack", "Liberation Mono", monospace;
}
select,button {
    margin-top:4px;
}
input[type=checkbox] {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    margin: 0px;
}
p,ul {
    font-family:"Segoe UI","Liberation Sans",sans-serif;
    font-size:12pt;
    line-height: 1.15;
    margin:0px;
}
hr {
    width:325px;
    margin-top:18px;
}
h1, h2 {
    text-align: center;
    margin: 0px;
    font-size: 12pt;
}
h2 {
    font-weight:bold;
}
li {
    margin-top: 5px;
}
select {
    width:210px;
}
table, tbody, td, th {
    border: 0px;
    border-spacing: 0px;
    padding: 0px;
    line-height: 1.0
}
td {
    height: 22.5px;
    white-space: nowrap
}
tr {
    width: 500px;
}
action {
    color:blue;
    text-decoration: underline;
    cursor:pointer;
}
.archiveContent, .blogContent, .content {
    background-color:rgba(201,179,230,0.75);
    margin: 18px auto 0px auto;
    padding: 4px;
    width:95%;
}
.archiveContent {
    line-height: 22.5px;
    max-width: 640px;
    text-align:left;
}
.blogContent {
    line-height: 1.5;
    max-width: 640px;
    text-align:left;
}
.blinkie {
    width:  150px;
    height: 20px;
    margin: 2px 6px 2px 6px;
}
.blinkie-wall {
    width:  150px;
    height: 20px;
    margin: 2px;
}
.blinkieBanner {
    width:  258px;
    height: 60px;
    margin: 2px 6px 2px 6px;
}
.blinkieTile {
    cursor:pointer;
}
.clickable {
    cursor:pointer;
}
.content {
    max-width: 540px;
}
.divider {
    background-image: url("/divider.gif");
    background-repeat: repeat-x;
    height:6px;
    margin:2px 0px 2px 0px;
}
.singleLineText {
    resize:none;
    margin-bottom: -6px;
    height:18px;
    /*
    overflow: overlay doesn't work on all browsers
    So by setting it as second, every browser who has implemented it
    will overwrite the overflow-x value
    While browsers without overflow:overlay will fall back to overflow-x: hidden
    */
    overflow-x: hidden; 
    overflow: overlay;
}
.smalltext {
    font-size: 8pt;
}
.tableWrapper {
    overflow-x: scroll;                       /* show horizontal scrollbar */
}
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    position: absolute;
    z-index: 1;
    font-size: 8pt;
    width: 120px;
    top: 125%;
    left: 50%;
    margin-left: -100px;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}
#banner, #navbar {
    width:300px;
    text-align:center;
    font-weight:bold;
    padding:4px;
}
#banner {
    margin-top:18px;
    font-size: 16pt;
}
#bc-char {
    width:18px;
    height:31px;
}
#blinkieTable {
    width: 2px;
}
#blinkieText, #msgText {
    width:145px;
    height:13px;
    overflow:hidden;
    resize:none;
    margin-bottom: -6px;
    padding-left:4px;
    padding-top:1px;
    padding-bottom:1px;
    padding-right:4px;
}
#msgText {
    resize:none;
    width: 145px;
    height:18px;
}
#fontTable {
    width: 2px;
}
#freshBlinkie {
    width:  150px;
    height: 20px;
}
#gallery {
    text-align:left;
}
#navbar {
    font-size:12pt;
    margin-top:6px;
}
#submitbtn {
    font-size:10pt;
    margin-top: 4px;
    height:22px;
    padding-top:0px;
    padding-bottom:0px;
}
#symbolTable {
    position:absolute;
    font-size: 14pt;
}
#symbolTable table {
    border-collapse:collapse;
    text-align:center;
}
#symbolTable td {
    background-color: #9786ac;
    border:1px solid;
    padding:4px;
    cursor:pointer;
}
#tiles {
    margin-top:5px;
}