body {
  font-family: Helvetica, Arial, SansSerif;
}

/* olat main container */
div.o_cpwrapper {
  font-family: Helvetica, Arial, SansSerif;
}

.center {
  text-align: center;
}

type {
  font-family: Monospace;
}

div.license {
  text-align: center;
}

div.objective {
  border-style: solid;
  border-width: 1px;
  border-color: blue;
}

div.prerequisites {
  border-style: solid;
  border-width: 1px;
  border-color: blue;
}

div.motivation {
  border-style: solid;
  border-width: 1px;
  border-color: blue;
}

h5.objective, h5.motivation, h5.prerequisites {
  margin: 2px 0px 2px 0px;
  font-size: 100%;
}

div.remarkcontent {
  padding: 2px 2px 2px 40px;
}

.remark div.remarkcontent {
  background: url(remark.png) left center no-repeat;
}

.definition div.remarkcontent {
  background: url(definition.png) left center no-repeat;
}

.theorem div.remarkcontent {
  background: url(theorem.png) left center no-repeat;
}

.hint div.remarkcontent {
  background: url(hint.png) left center no-repeat;
}

.warning div.remarkcontent {
  background: url(warning.png) left center no-repeat;
}

div.remark {
  margin-top: 2px;
  margin-bottom: 5px;
  border-width: 2px;
  border-style: solid;
  border-color: blue;
  padding: 0px;
}

h5.remark {
  background-color: #7f7fff;
  margin: 0px;
  padding: 3px;
}

div.definition {
  margin-top: 2px;
  margin-bottom: 5px;
  border-width: 2px;
  border-style: solid;
  border-color: green;
  padding: 0px;
}

h5.definition {
  background-color: #7fff7f;
  margin: 0px;
  padding: 3px;
}

div.theorem {
  margin-top: 2px;
  margin-bottom: 5px;
  border-width: 2px;
  border-style: solid;
  border-color: blue;
  padding: 0px;
}

h5.theorem {
  background-color: #7f7fff;
  margin: 0px;
  padding: 3px;
}

div.warning {
  margin-top: 5px;
  margin-bottom: 5px;
  border-width: 2px;
  border-style: solid;
  border-color: rgb(255,127,127);
  padding: 0px;
}

h5.warning {
  background-color: rgb(255,127,127);
  color: white;
  margin: 0px;
  padding: 3px;
}

div.hint {
  margin-top: 2px;
  margin-bottom: 5px;
  border-width: 2px;
  border-style: solid;
  border-color: orange;
  padding: 0px;
}

h5.hint {
  background-color: orange;
  margin: 0px;
  padding: 3px;
}

div.note {
  margin-top: 2px;
  margin-bottom: 5px;
  border-width: 2px;
  border-style: solid;
  border-color: blue;
  padding: 2px;
}

div.important {
  margin-top: 2px;
  margin-bottom: 5px;
  border-width: 3px;
  border-style: solid;
  border-color: red;
  padding: 2px;
}

div.discussion {
  margin-top: 2px;
  margin-bottom: 5px;
  border-width: 1px;
  border-style: solid;
}

h5.discussion {
  background-color: #ffee99;
  margin: 0px;
  padding: 3px;
}

div.question {
  margin-top: 2px;
  margin-bottom: 5px;
  border-width: 1px;
  border-style: solid;
}

h5.question {
  background-color: #ffee99;
  margin: 0px;
  padding: 3px;
}

div.task {
  margin-top: 2px;
  margin-bottom: 5px;
  border-width: 1px;
  border-style: solid;
}

h5.task {
  background-color: #ffee99;
  margin: 0px;
  padding: 3px;
}

div.homework {
  margin-top: 2px;
  margin-bottom: 5px;
  border-width: 1px;
  border-style: solid;
}

h5.homework {
  background-color: #99ff99;
  margin: 0px;
  padding: 3px;
}

div.demo {
  margin-top: 2px;
  margin-bottom: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(0,127,0);
}

h5.demo {
  background-color: #caefc0;
  text-align: center;
  font-size: 100%;
  margin: 0px;
  padding: 3px;
}

div.taskcontent {
  margin: 3px;
}

div.democontent {
  margin: 5px;
}

div.answer {
  font-size: 80%;
  font-style: italic;
}

div.optional {
  font-size: 80%;
  margin-top: 0px;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 5px;
}

h5.optional {
  font-size: 100%;
  margin: 0px;
}

span.ms {
  font-family: Monospace;
  font-style: italic;
  color: #ff0000;
}

span.comment {
  font-family: Monospace;
  font-style: italic;
  color: #ff00ff;
}

span.keyword {
  font-family: Monospace;
  font-weight: bold;
  color: #00007f;
}

span.term {
  font-style: italic;
}

span.key {
  font-size: 90%;
  border: 1px solid;
  background-color: #e0e0e0;
  padding: 0px 2px 0px 2px;
}

pre {
  margin: 2px;
  padding: 0px;
}

div.ex_default {
  border-width: 1px;
  border-style: solid;
  margin: 2px;
  background-color: #ffffcc;
}

div.ex_syntax {
  border-width: 1px;
  border-style: solid;
  margin: 2px;
  background-color: #ccccff;
}

div.ex_result {
  border-width: 1px;
  border-style: solid;
  margin: 2px;
  background-color: #eeeeee;
}

div.listing {
  margin-top:4px;
  margin-bottom: 4px;
}

div.caption {
  text-align: center;
  font-style: italic;
  font-size: 90%;
  margin-top:2px;
  margin-bottom:2px;
}

div.author {
  font-style: italic;
  font-size: 80%;
}

body.slide {
  font-size: 120%;
}

div.slide {
  border-style: solid;
  border-width: 1px;
}

table.ctab {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  background-color: #eeeeee;
}

th {
  font-weight: bold;
  text-align: left;
  background-color: #aaaaff;
}

td {
  background-color: white;
}

td.syntax {
  font-family: MonoSpace;
  background-color: #ccccff;
}

td.example {
  font-family: MonoSpace;
  background-color: #ffffcc;
}

h1.slide {
  background-color: #eeeeee;
  text-align: center;
  margin: 0px;
  padding: 3px;
}

h2.slide {
  text-align: center;
  font-size: 120%;
  margin: 0px;
  padding: 3px;
}

h4.slide {
  background-color: #eeeeee;
  text-align: center;
  margin: 0px;
  padding: 3px;
}

div.fig-center {
  margin: 2px 0px 3px 0px;
  font-style: italic;
  font-size: 90%;
  text-align: center;
}

img.center {
  text-align: center;
}

p.center {
  text-align: center;
}

div.ctable {
  margin-left: auto;
  margin-right: auto;
}


div.todo {
  font-weight: bold;
  background-color: #ff7777;
  padding: 3px;
  margin-top: 2px;
  margin-bottom: 2px;
  border-width: 1px;
  border-style: solid;
}

div.equation {
  text-align: center;
}

dt {
  font-style: italic;
}

td.acnshort {
  font-weight: bold;
}

td.acnlong {
  font-style: italic;
}

td.acndescription {}

a.acn {
   position:relative; /*this is the key*/
   z-index:24;
   border-bottom: 1px dashed #c30;
   text-decoration:none;
}

a.acn:hover {z-index:25; color:#c30;
             cursor: help;
             background-color:#ff0}

a.acn span {display: none}

a.acn:hover span{ /*the span will display just on :hover state*/
  display:block;
  white-space:nowrap;
  position:absolute;
  top:2em; left:0em;
  border:1px solid;
  padding: 2px;
  background-color:#ffc; color:#000;
  text-align: center
}

a.cite {
   position:relative; /*this is the key*/
   z-index:24;
   border-bottom: 1px solid #7f7f7f;
   text-decoration:none;
}

a.cite:hover {z-index:25;
             cursor: help;
             background-color:#ff0}

a.cite span {display: none}

a.cite:hover span{ /*the span will display just on :hover state*/
  display:block;
  /*white-space:nowrap;*/
  position:absolute;
  top:2em; left:0em;
  width: 250px;
  border:1px solid;
  padding: 2px;
  background-color:#efefef; color:#000;
  text-align: center
}

/*
<!--[if IE 5]>
a.acn span { display:none; }
a.acn:hover span { display:block; }
<!--[endif]-->
*/