body {
    height: auto;
    background: #dedede;
}

body, p, div, span, td {
    font-family : Verdana, serif;
    font-size   : 12px;
}

li {
    padding: 1px;
}

p.small, div.small, span.small {font-size  : 10px;}

a:link,a:active,a:visited,a:hover{text-decoration:none;}
a:link{color:#0066CC}
a:active{color:#FF0000}
a:visited{color:#003399}
a:hover{color:#009900}

img{border:0px;}

table {
    margin-left:auto;
    margin-right:auto;
    border-collapse: separate;
    max-width:100%;
    white-space:nowrap;
}
tr {
    width: fit-content;
}
td {
    vertical-align:top;
    text-align:left;
    width: fit-content;
}
td.title{
    background-color:#CCC5C4;
    text-align:center;
    font-weight:bold;
}

td.light_t {
    background-color:#ffffff;
    width: inherit;
}
td.dark_t{
    background-color:#000000;
    width: inherit;
}

.tin table {
    border-width: 0px;
    border-spacing: 1px; /* cellspacing */
    border-collapse: separate;
    white-space:nowrap;
}

.tin td, th {
    padding: 0px; /* cellpadding */
    width: fit-content;
}

.tout table {
    border-width: 0px;
    border-spacing: 1px; /* cellspacing */
    width: fit-content;
    border-collapse: separate;
    max-width:100%;
    white-space:nowrap;
}

.tout td, th {
    padding: 4px; /* cellpadding */
    width: fit-content;
}