body {
            padding:            5px;
/*          background-color:   rgb( 245, 245, 235 );           */
	    background:		#FFF3D9  url("ElephantenHaut.jpg");
}

a:link {
            color:              #006;
}
a:visited {
            color:              #406;
}

h2,
h3 {
            margin-top:         3ex;
}
h3 {
            margin-bottom:      0;
}

table {
            border:             1px outset black;
            border-collapse:    collapse;
}

tr.header {
            background-color:   rgb( 207, 231, 245 );   /* "klassisches Blau" */
}
tr.normal {
            background-color:   white;
}
tr.darker {
            background-color:   rgb( 240, 245, 250 );
}
tr.footer {
            background-color:   #EEE;
}

th {
            border:             1px solid black;
            padding:            4px 3px;            /* ^v  <> */
            color:              #003F6F;
}

td {
            border-top:         1px dotted #D0D0D0;
            border-bottom:      1px dotted #D0D0D0;
            padding:            2px 5px;            /* ^v  <> */
}

th.u-name,
th.u-mio,
th.u-points,
td.u-mio,
td.u-points {
            padding-left:       2px;
            padding-right:      2px;
}

th.u-first,
td.u-first {
            border-left:        1px solid black;
            border-right:       1px solid #CCC;
}
th.u-inner,
td.u-inner {
            border-left:        1px solid #CCC;
            border-right:       1px solid #CCC;
}
th.u-last {
            border-right:       3px double black;
}
td.u-last {
            border-right:       3px double #999;
}

th.u-name {
            font-size:          9pt;
            width:              3.3em;
}

/* dark   gold   rgb( 222, 181,  54 )
   darker gold   rgb( 157, 132,  76 )
          gold   rgb( 255, 215,   0 )
   medium green  rgb(  43, 170,   0 )
   darker green  rgb(  32, 128,   0 )

   $gold     = ( 255, 215,   0 );
   $silver   = ( 192, 192, 192 );
   $bronze   = ( 182, 156,  40 );    # tan: 210, 180, 140
*/

th.u-rank,
td.r-rank {
            font-size:          9pt;
            background-color:   #8E9FA8;            /* darker "klassisches Blau": 96 % -> 66 % */
}
.st-rank-1 {
            color:              rgb( 255, 215,   0 );
}
.st-rank-2 {
            color:              #EBEBEB;
}
.st-rank-3 {
            color:              #E6EB32;
}
.st-rank-last {
            color:              firebrick;
}


th.u-mio,
th.u-points {
            font-size:          10pt;
}

#totalTable  th.u-points-day,
#dayTable    th.u-points-total
{
            font-size:          80%;
}

#totalTable  td.p-day,
#dayTable    td.p-total
{
            font-size:          80%;
            vertical-align:     bottom;
}

th.u-mio,
td.u-mio,
td.p-mio {
            text-align:         center;
}
th.u-points,
td.u-points,
td.p-points,
td.p-pre-points {
            text-align:         right;
            padding-right:      10px;
            white-space:        nowrap;
}

th.p-total,
td.p-total {
            border-left:        1px dashed #066;
}
th.p-day,
td.p-day {
            border-right:       1px dashed #066;
}

td.p-portrait {
            padding:            0;
            padding-right:      5px;
}
td.p-pos {
            text-align:         center;
}
td.p-name,
td.v-alias {
            white-space:        nowrap;
}
td.v-logo {
            padding-top:        0;
            padding-bottom:     0;
            text-align:         center;
}

td.p-appraisal,
td.p-pre-points {
            border-left:        1px solid #888;
            border-right:       1px solid #888;
}

td.p-appraisal {
            padding-left:       10px;
            padding-right:      10px;
}


img.popup-portrait {
            background:         white;
            border:             3px double black;
}

#popupTable {
            background:         lightyellow;
            border:             3px double black;
}
#popupTable  th {
            font-size:          10pt;
}
#popupTable  td {
            border-top:         1px dotted #888;
            border-bottom:      1px dotted #888;
}

tr.r-informational {
            background-color:   #EEE;
}
td.r-day {
            border-right:       1px dotted #888;
            font-size:          8pt;
            padding-right:      0.6em;
            font-weight:        bold;
            text-align:         right;
}
td.r-score {
            font-size:          10pt;
}
.r-goalpoints {
            font-size:          7pt;
}
td.r-points {
            padding-left:       10px;
            font-size:          10pt;
            text-align:         right;
}
td.r-total {
            border-left:        1px dotted #888;
            padding-left:       0.6em;
            font-size:          10pt;
            font-weight:        bold;
            text-align:         right;
}

img#popupChart {
            background-color:   rgb( 255, 215, 0 );                 /* gold   */
            border:             3px double rgb( 182, 156, 40 );     /* bronze */
}

.st-unused {
            color:              #D90;
/**
            color:              #33F;
            color:              rgb( 43, 170, 0 );
            color:              #888;
**/
}
.st-bad {
            color:              red;
}
.st-good {
            color:              #070;
}

.st-exchange-in {
            color:              fuchsia;
            white-space:        nowrap;
}
.st-exchange-out {
            font-style:         italic;
            color:              #888;
}

.p-deserted {
            text-decoration:    line-through;
            color:              #666;
}


.message-warn {
            color:              fuchsia;
}