<!-- Link appearance -->
A:link    {color:blue; text-decoration: none}
A:visited {color:blueviolet; text-decoration:none}
A:active  {color:red; text-decoration:none}

A.menu {font-weight:bold}

BODY.main: {background-color:rgb(238,242,246)}

SPAN.number  {font-weight:bold; color:black}
SPAN.caption {font-size:80%; font-family:Arial,Helvetica; font-weight:bold; color:black}
SPAN.footer {font-size:80%; font-family:Arial,Helvetica; color:black}
SPAN.tab-title {font-size:100%; font-weight:bold; color:rgb(0,0,102)} <!-- color="#000066" -->
SPAN.diary {font-size:100%; font-weight:bold; color:black}

TR.title {background-color:rgb(102,153,204)} <!-- bgcolor="#6699CC" -->
TR.item  {background-color:rgb(220,220,255)} <!-- bgcolor="#DCDCFF" -->
TR.empty {background-color:rgb(238,242,246)} <!-- bgcolor="#EEF2F6" -->

TD.title {background-color:rgb(102,153,204)} <!-- bgcolor="#6699CC" -->
TD.item  {background-color:rgb(220,220,255)} <!-- bgcolor="#DCDCFF" -->
TD.empty {background-color:rgb(238,242,246)} <!-- bgcolor="#EEF2F6" -->

TR.menu-title {background-color:rgb(246,246,50)} <!-- bgcolor="#f6f632" -->
TR.menu-item  {background-color:rgb(220,220,255)} <!-- bgcolor="#DCDCFF" -->