body { background: white url(images/background.gif) top left no-repeat;
       margin: 0px 0px 0px 0px; padding: 0px;
       position: absolute; top: 0px; left: 0px;
       font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
       color: #444444;

       scrollbar-3dlight-color: #EEEEEE;
       scrollbar-arrow-color: #BBBBFF;
       scrollbar-darkshadow-color: #DDDDDD;
       scrollbar-face-color: #DDDDDD;
       scrollbar-highlight-color: #DDDDDD;
       scrollbar-shadow-color: #DDDDDD;
       scrollbar-track-color: #EEEEEE;
     }

a, a:visited { color: #888888; text-decoration: underline; }
a:hover      { color: #444444; text-decoration: none; }


table#layout { padding: 15px; }

table.box    { margin: 0px 0px 0px 10px; width: 165px; }
table.box th { width: 165px; height: 34px;
               color: #336699;
               font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;
               background: url(images/box-top.gif) top left no-repeat;
             }
table.box tr { width: 165px; height:
               color: #444444;
               font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
               background: url(images/box-content.gif) top left repeat-y;
             }
table.box td { padding: 7px; }
table.box tr.bottom { width: 165px; height: 9px; font-size: 6px;
                      background: url(images/box-bottom.gif) top left no-repeat;
                    }

table#size          { margin: 20px 0px 0px 00px; text-align: left; }
table#size td       { padding: 3px; }
table#size td.current { color: #444444; background: #E0E0FF;
                        font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;
                        font-weight: bold;
                        border: 1px solid #7070BF;
                        border-bottom: 1px solid #E0E0FF;
                      }
table#size td.item  { color: #444444; background: #F8F8F8;
                      font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;
                      border: 1px solid #A0A0A0;
                    }
table#size td.itemhover  {
                      color: #444444; background: #F0F0F0;
                      font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;
                      border: 1px solid #A0A0A0;
                      border-bottom: 1px solid #F0F0F0;
                    }
table#size td.empty {
                      color: #444444;
                      font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px;
                      border-bottom: 1px solid #A0A0A0; }

table#longitude          { margin: 20px 0px 0px 0px; padding: 3px; text-align: left; }
table#longitude td       { padding: 3px; }
table#longitude td.current { color: #444444; background: #E0E0FF;
                           font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;
                           font-weight: bold;
                           border: 1px solid #7070BF;
                           border-top: 1px solid #E0E0FF;
                         }
table#longitude td.item  { color: #444444; background: #F8F8F8;
                           font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;
                           border: 1px solid #A0A0A0;
                         }
table#longitude td.itemhover  {
                           color: #444444; background: #F0F0F0;
                           font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;
                           border: 1px solid #A0A0A0;
                           border-top: 1px solid #F0F0F0;
                         }
table#longitude td.empty { color: #444444;
                           font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px;
                           border-top: 1px solid #A0A0A0;
                         }

table#3dviews            { margin: 20px 0px 0px 150px; padding: 3px; text-align: left; }
table#3dviews td         { padding: 3px; }
table#3dviews td.current { color: #444444; background: #E0E0FF;
                           font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;
                           font-weight: bold;
                           border: 1px solid #7070BF;
                           border-bottom: 1px solid #E0E0FF;
                         }
table#3dviews td.item    { color: #444444; background: #F8F8F8;
                           font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;
                           border: 1px solid #A0A0A0;
                         }
table#3dviews td.itemhover  {
                           color: #444444; background: #F0F0F0;
                           font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;
                           border: 1px solid #A0A0A0;
                           border-bottom: 1px solid #F0F0F0;
                         }
table#3dviews td.empty   { color: #444444; height: 5px;
                           font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px;
                           border-bottom: 1px solid #A0A0A0;
                         }


#language  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
             text-align: center; }
#sunshine  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
             text-align: center; }
#sunshine a { font-family: Tahoma, Arial, Helvetica, sans-serif; }
#citation  { padding: 0px 0px 0px 20px; }
#view      { background: #EEEEEE; border: 0px; }
#explain   { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;
             text-align: center; padding-top: 20px; margin-left: -15px; }
#phase     { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;
             text-align: center; padding-top: 20px; margin-left: -15px; }
#phasebar td { height: 5px; font-size: 6px; border: 1px solid black; }
#calendar  { text-align: center;
             font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; }
#copyright { text-align: center; }