body { 
 color: black;
 background: #aaa;
 padding: 0em;
 margin: 0em;
 font-family: Times, serif;
 font-size: 12pt;
}

div.maintext { 
  margin-left: 20%;
  margin-right: 20%;
  background: white;
  border: 1px solid black;
  padding: 1em;
 }

div.framing {
 font-family: Verdana,sans-serif;
 font-weight: bold;
 font-size: large;
 margin-left: 10%;
 margin-right: 10%;
}

div.note-navigation { 
}

div.notewrapper { 
}

div.attribution img { 
  vertical-align: middle;
}

div.attribution { 
  font-style: italic;
  text-align: center;
}

div.note { 
   background: #ffb;
   padding: 0.5em;
   font-family: Verdana, sans-serif;
   margin: 0em;
 }

div.note a.notetitle { 
  display: block;
  background: #eea;
  padding: 0.5em;
 }

img.closebox { 
 float: right;
 margin: 1px;
 }

a { 
  color: blue;
 }

a.activebase { 
 background: #eea;
 outline: thin solid red;
 color: blue;
}


td.diagtable { display: inline; position: absolute; }
td.diagcell { font-size: 0px; background: #ffb; }
td.diagshadow { font-size: 0px; background: #cc9; }

img.pointer { display: inline; position: absolute; }

/* these aren't working right now: 

div.shadow-wrap-out { padding: 5px; opacity: 0.25; background: black; }
div.shadow-wrap-in { opacity: 1; }

td.shadow-t { padding: 0px; margin: 0px; height: 5px; background-image: url("shadow-t.png"); background-repeat: repeat-x; }
td.shadow-b { padding: 0px; margin: 0px; height: 5px; background-image: url("shadow-b.png"); background-repeat: repeat-x; }
td.shadow-l { padding: 0px; margin: 0px; width: 5px; background-image: url("shadow-l.png"); background-repeat: repeat-y; }
td.shadow-r { padding: 0px; margin: 0px; width: 5px; background-image: url("shadow-r.png"); background-repeat: repeat-y; }

td.shadow-tl { padding: 0px; margin: 0px; width: 5px; height: 5px; background-image: url("shadow-tl.png"); }
td.shadow-tr { padding: 0px; margin: 0px; width: 5px; height: 5px; background-image: url("shadow-tr.png"); }
td.shadow-bl { padding: 0px; margin: 0px; width: 5px; height: 5px; background-image: url("shadow-bl.png"); }
td.shadow-br { padding: 0px; margin: 0px; width: 5px; height: 5px; background-image: url("shadow-br.png"); }

*/