/* Start of CMSMS style sheet 'mik-extra' */
table {
  border-top: 1px solid #666666;
  margin: 2em 1em 1em;
  line-height: 1.5em;
}
td {
  border-bottom: 1px solid #cccccc;
  padding: 2px 10px;
}
th {
  border-bottom: 1px solid #666666;
  padding: 2px;
}

p.footnote {
font-size: 0.8em;
color: #333333;
background-color: #ffeddb;
padding: 0.5em 1em 0.5em 1em;
display: block;
margin: 0 2em 0 2em;
}

p.reveal {
padding: 0.5em;
color: #cccccc;
background-color: #cccccc;
text-align: justify;
}
p.reveal:hover {
color: #111111;
}

/* use the following to create a drop-down shade:*/
div.ombra-out {
  margin: 2em auto 2em auto ;
  padding: 3px;
  background-color: #999999;
 
}
div.ombra-in {
  border: thin solid #666666;
  margin: -6px 0 0 -6px;
  padding: 1.5em;
  background-color: white;
}

div.figure {
  float: right;
  width: 25%;
  border: thin grey solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
img.scaled {
  width: 100%; /* in FF it rescales the photo if frame is smaller. Not good in IE6: fixed below */ 
}


/* all this nice shadow is de-activated for IE to avoid problems */

* html div.ombra-in  {
  border: none;
  margin: 0px;
 }

/* This for IE6 or it'll fit it wide */
* html img.scaled {
  width: auto;
}

/* End of 'mik-extra' */