/* 
    Created on : 23-okt-2014, 10:41:56
    Author     : erlend
*/

.js fn {
  display: none;
}

.fn-content {
  display: inline-block;
  margin: 0 .25em;
}

.fn-close, .fn-notes {
  display: none;
}

.fn-label {
  vertical-align: super;
  font-size: smaller;
}

.fn-header {
}

.fn-label:before {
  content: '[';
}

.fn-label:after {
  content: ']';
}

.fn-header:hover,
.fn-close:hover {
  text-decoration: underline;
  cursor: pointer;
}

.fn-content.collapsed {
  display: block;
  background: #E0FC9A;
  border: 1px solid #929C79;
  padding: 0 1em .5em 1em;
  margin: .5em 0;
  position: relative;
}

.fn-content.collapsed .fn-header {
  display: block;
  padding: .5em 0 0 0;
  font-weight: bold;
}
.fn-content.collapsed .fn-label:after,
.fn-content.collapsed .fn-label:before {
  content: '';
}

.fn-content.collapsed .fn-label {
  display: inline-block;
  padding-right: 2em;
  border-bottom: 1px solid black;
  vertical-align: baseline;
  font-size: 1em;
}

.fn-content.collapsed .fn-close {
  display: block;
  font-weight: normal;
  float: right;
}

.fn-content.collapsed .fn-notes {
  display: block;
  padding: .5em 0;
}