.keypress {text-decoration: underline;}

body {background-color: white; font-size: 9pt; color: #333; 
   background-image: url("../images/wbap-bg.gif");
   font-family: Arial, Sans-serif; text-align: left; 
   margin-right: 1.5em; padding: 1px;  }
p, td, th {font-size: 9pt; color: #333; font-family: Arial, Sans-serif; }   
.author {text-align: right; font-style: italic; margin-right: 10px;}
blockquote {font-style: italic;}

h1 {color: #700; text-align: left;  }
h1.top {margin-top: 0; padding-top:0;}
h2 {color: #700; text-align: left;  }
h3 {color: #700; text-align: left;  }

a:link    {color: #c00;  }
a:visited {color: #900;  }
a:active  {color: #c00;  }
a:hover   {color: #f33; text-decoration: none; }

/* the following should be min-height: 100px, but IE ignores it so for now use height: 100px, 
   which is mostly bearable in mozilla, if you don't add too much text  - CHANGE WHEN IE WORKS SOON AS POSS */
div.greybox   {background: #eeeeee; border: 0px; margin: 5px 20px 5px 40px; height: 100px; xmin-height: 100px; }
div.greyboxd  {background: #dddddd; border: 0px; margin: 5px 20px 5px 40px; height: 100px; xmin-height: 100px; }
div.greybox  img, 
div.greyboxd img {float: left; clear: left; margin-right: 2px; border:0;}

/* want this to happen where js is on and not where off */
div.submenu {display: none;}
div.MMT {font-size: 7pt; color: gray; margin-top: 0px;}

div.summarycalendar {position: relative; left: 0px; top: 10px;
    width: 180px; background: transparent; 
    padding: 0; xxxmargin: 1em; 
}
    
div.summarycalendar  table.summarycalendar {width: 178px; font-size: 7pt; color: #999; border: 1px solid #700; background-color: #ff9; }
div.menu div.sub div.submenu table.summarycalendar
   {width: 178px; color: #999; border: 1px solid black; background-color: #cc9; margin-left: -20px;}
div.menu div.sub div.submenu table.summarycalendar td
   {font-size: 7pt; color: #666; background-color: #cc9; }

div.menu div.sub div.submenu table.summarycalendar tr td a
    {display: inline;
    background-image: none; 
    font-size: 7pt; color: #666; text-decoration: none;}

div.menu div.sub div.submenu table.summarycalendar tr td a:link,
div.menu div.sub div.submenu table.summarycalendar tr td a:visited 
    {background-image: none;  background: transparent; padding-left: 0px; font-size: 7pt; color: #666; text-decoration: none;}
div.menu div.sub div.submenu table.summarycalendar tr td a:active,  
div.menu div.sub div.submenu table.summarycalendar tr td a:hover 
    {background-image: none; background: transparent; padding-left: 0px; font-size: 7pt; color: #333; text-decoration: underline;}

div.revblock { left: 0 px; top: 10px; width: 180px; 
    xxxxxxxxxxpadding-left: 10px; padding-top: 5px; padding-right:0px; padding-bottom:5px; 
   border: 1px solid #700;
   background-color: #700; font-size: 9pt; color: white; 
   font-family: Arial, Sans-serif; text-align: left; /* -- */
   }
div.revblock h1 {font-size: 12pt; color: white; text-align: left; padding-left: 10px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; /* -- */
    margin:0px; xxpadding: 0px 0px; }
div.revblock img {padding-left: 10px; /* -- */ }
    

div.picture { float: right; margin:3px; border: 1px solid #ccc; background-color: #eee;  text-align:center; }
div.picture img { margin:1px; border: 1px solid #999; padding:0;}
div.picture div.caption { margin:3px; border: none; clear: both; text-align:center; 
        font-style: italic; font-family: Serif; background-color: none; }


/* low priority style to hide non-working links from Netscape 4 users*/
div.sub a { display:none; }
/* hide the remaining styles from Netscape 4 */
/*/*/ wibble{}


div#main {position: absolute; left: 200px; top: 10px; xxxborder: 1px solid gray; xxxwidth: 800px;}

div.trbox {border: none; font-size: 7pt; background-color: #eee; color: #666;
      margin:1px 3px; padding: 0px 2px; border: 1px solid white;
      position: relative; xxright:0; xxtop: 0; float: right; }

div.trbox a:link,
div.trbox a:visited {padding-left: 5px; color: #666;} 
div.trbox a:hover   {color: red; text-decoration: none;}

div.menu    { border-top: 1px solid gray; 
                border-bottom: 1px solid gray; 
                border-right: 1px solid gray; 
                width: 180px; }
div.sub     {  }
div.submenu { padding-left: 20px; width: 150px;  }

/* sidebar is main menu - sidebar1 is for optional active stuff */
/* the styles are almost identical */

div#sidebar, 
div#sidebar1 {position: relative; left: 0px; top: 10px;
    width: 180px; background: transparent; 
    padding: 0; xxxmargin: 1em; 
    border-width: 0; }
div#sidebar  div.sub a.expand,
div#sidebar1 div.sub a.expand {background-image: none; padding-left: 0px}
div#sidebar  div.sub a.MMM {padding-left: 28px; background-image:url("../images/wb_6.gif"); background-repeat: no-repeat;}
div#sidebar1 div.sub a.MMX {padding-left: 28px; background-image:url("../images/wb_2.gif"); background-repeat: no-repeat;}
div#sidebar  div.submenu a.MSL {padding-left: 28px; background-image:url("../images/wb_5.gif"); background-repeat: no-repeat;}
div#sidebar1 div.submenu a.MSL {padding-left: 28px; background-image:url("../images/wb_5.gif"); background-repeat: no-repeat;}
div#sidebar  a.MML {padding-left: 28px; background-image:url("../images/wb_5.gif"); background-repeat: no-repeat;}
div#sidebar1 a.MML {padding-left: 28px; background-image:url("../images/wb_5.gif"); background-repeat: no-repeat;}

div.menu a {display: block; 
    margin-left: +00; margin-right: 00; padding: 1px; 
    text-align: left; font-weight: bold; font-size: 8pt;
    background: transparent none center left no-repeat; 
    text-decoration: none;}
div.menu a:link    { color: #300;  background: #ffffff; text-decoration: none;}
div.menu a:visited { color: #300;  background: #ffffff; text-decoration: none;}
div.menu a:active  { color: red; text-decoration: none; }
div.menu a:hover   { color: white;  background: #633; background-image: none; 
      text-decoration: none;}
 
div.menu div.submenu {margin-top: 2px; margin-bottom: 2px;}
   
div.menu div.sub div.submenu A:link    { 
        color: #600;  
        text-align: center; font-weight: normal; text-decoration: none;
        }
div.menu div.sub div.submenu A:visited { 
        color: #600;  
        text-align: center; font-weight: normal; text-decoration: none;
        }
div.menu div.sub div.submenu A:active  { 
        color: #600;  
        text-align: center; font-weight: normal; text-decoration: none; 
        }
div.menu div.sub div.submenu A:hover   { 
        color: white;  background: #633; background-image: none; 
        text-align: center; font-weight: normal; text-decoration: none;
        }
      
    div.menu div.sub A:link    { 
        color: #900;  text-decoration: none;
        }
    div.menu div.sub A:visited { 
        color: #900;  text-decoration: none;
        }
    div.menu div.sub A:active  { 
        color: #900; text-decoration: none; 
        }
    div.menu div.sub A:hover   { 
        color: white;  background: #633; background-image: none; text-decoration: none;}
     
  span.duration {color: #333; font-style: italic;}
  .debug {color: #963;  font-weight: bold; }
  .error {color: #a60;  font-weight: bold; } 
  .warning {color: #996;  font-weight: bold; }
  .info  {color: #393;  font-weight: bold; }
  .success {color: #393;  font-weight: bold; }

  table.greytab tr th {background-color: #cccccc;  }
  table.greytab tr    {}
  table.greytab tr td {border-bottom: 1px solid gray;}



span.download span span.colour,
span.colour                      {background-color: #cccc99;  } 
span.download span span.colour a  {background-color: #cccc99; font-size: 86%; }

xspan.download > span {
    background-color: white;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right center;
    padding-right: 18px;
	height:20px;
	}
xspan.download span.media-text {
    background-image: url(../images/text-x-generic.png);
	}
xspan.download span.media-mp3 {
    background-image: url(../images/audio-x-generic.png);
	}
img.download-icon {
	margin-left: 2px; border: none; 
	}
	
span.aside {color: #666666; }