table {
    border: 1px solid black;
    border-collapse:collapse;

}

#colorscheme th, #sch th {
    padding: 2px 5px;
}

#colorscheme td, #sch td {
    padding: 2px 5px;
}

table.outlined, th.outlined, td.outlined {
    border: 1px solid black;
    border-collapse:collapse;
    text-align: left;
    vertical-align: top;
    padding: 2px 5px;
}

table.outlinedc, th.outlinedc, td.outlinedc {
    border: 1px solid black;
    border-collapse:collapse;
    text-align: center;
    vertical-align: bottom;
    padding: 2px 5px;
}

table.noborder {
    border-style:none;
    border: 0px;
    padding: 2px 5px;
}

table.border-left {
    border-left: 1px solid black;
}

#colorscheme {
    border: 1px solid black;
}

#colorscheme th {
    background-color: #ccffff;
    border: 1px solid black;
}

#colorscheme td {
    border: 1px solid black;
}

#sch table {
    width:550px;
    background-color: #e8e8e8;
    table-layout:fixed;
}

#sch table, #sch th, #sch td {
    border: 1px solid black;
    padding: 1px;
    text-align: center;
}

#sch td {
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.vr, #sch tr.vr, #sch td.vr {
    background-color: #ccffff;
}

.fr, #sch tr.fr, #sch td.fr {
    background-color: #ccffcc
}

.ova, #sch tr.ova, #sch td.ova {
    background-color: #99ff99
}

.ovb, #sch tr.ovb, #sch td.ovb {
    background-color: #ffff99
}

.ovc, #sch tr.ovc, #sch td.ovc {
    background-color: #ffccff
}

.ovd, #sch tr.ovd, #sch td.ovd {
    background-color: #ffcccc
}

.lb, #sch tr.lb, #sch td.lb {
    background-color: #ccccff
}

.tn, #sch tr.tn, #sch td.tn {
    background-color: #ffefdb;
    color: #9c112e;
}

p.slim {
    max-width:560px;
}

.sep, #sch tr.sep, #sch td.sep {
    background-color: #ffffff;
    border-left-style:none;
    border-right-style:none;
    font-size: 15%;
    padding:0px
}

h4.obs {
    color: red;
}

p.obs {
    color: #9c112e;
    font-size: 100%;
    font-variant: small-caps;
    font-weight: bold
}

span.note {
    color: #9c112e;
    font-size: 120%;
    font-variant: small-caps;
    font-weight: bold
}

div.obsbox, table.obsbox, p.obsbox, li.obs, ul.li {
    color:#9c112e;
    border: 1px solid #9c112e;
    padding: 2px 3px 2px 3px;
    max-width:550px;
}

li.blue {
    border: 1px solid blue;
    padding: 2px 3px 2px 3px;
    max-width:550px;
}

li.def {
    color: #000000;
}

img {border:none;}

div.bluebox, table.bluebox, td.bluebox  {
    white-space:pre-wrap;
    font-family:monospace;
    border: thin solid blue;
    line-height: 1.0;
    padding: 5px
}

div.sql {
    white-space:pre-wrap;
    font-family:monospace;
    line-height: 1.0;
    padding-left: 5px
}

p.blueoutline, div.blueoutline, table.blue, td.blue {
    border: thin solid blue;
    line-height: 1.0;
    padding: 2px 3px 2px 3px;
    max-width:550px;
}

td.relalg {
    line-height: 1.0;
    padding-left: 5px;
}

span.code {
    font-family:monospace;
    background: #e8e8e8;    
}

pre.code {
    border: 0.5px solid grey;
    padding: 3px;
}

td.obs, span.obs {
    color:#9c112e;
}

span.key {
    text-decoration:underline;
}

span.button {
    border: 2px solid grey;
    padding: 2px;
}

td {
    vertical-align: top
}

pre {
	background: #e8e8e8; /* WhiteSmoke; #d3d3d3; */
	max-width: 550px;
/*	margin-left: 5px; */
	padding: 5px;
}

/* Serafims knappar */

a.sbtn, button.sbtn, input.sbtn, span.sbtn {
    color: #444;
    background: transparent url('../bilder/a.gif') repeat-x;
    background-repeat: repeat-x;
    font: bold 12px arial, sans-serif;
    line-height: 18px;
    white-space:nowrap;
    outline: none;
    text-decoration:none;
    padding: 2px 4px 2px 4px;
}

a.sbtn:active, button.sbtn:active, input.sbtn:active, span.sbtn:active {
    background: transparent url('../bilder/b.gif') repeat-x;
    color:#000000;
    white-space:nowrap;
    outline: none;
}