/**
  PRADO view document CSS module
**/

/* document overall container */
.doc {
  font-size: .9em;
}

.doc [class*="span"] {
  margin-left: 0;
}

/*=== document TOC ===*/

.doc-nav dt {
    font-weight: bold;
}
.doc-nav dt, .doc-nav dd {
    line-height: 20px;
}


.doc-nav dd, .doc-nav dl {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
}

/*=== document details & general info ===*/
.doc-details {
  margin-left: 0;
}

.doc-general-info {
  padding-left: 1em;
}

.doc-general-info .span9 {
  margin-left: 1.5em;
}

/*=== document elements ===*/
.element-header {
  background: #eef3f4;
  margin-bottom: 1em;
  padding: .6em;
}

.element-header > h2 {
  font-weight: bold;
  font-size: 1.5em;
  margin: 0;
  padding-bottom: .2em;
}

.element-header li {
  padding-left: 0 !important;
  padding-right: .5em !important;
}

.element-header > ul.inline {
  margin: 0;
}

.element-info {
  padding-left: 1em;
}

.element-info .span6 {
  position: relative;
}


/*=== security features & printing techniques ===*/
.sec-feature, .observations {
  padding: 1em 0;
}

.sec-feature > .info-panel {
  padding-left: 1.2em;
}

.info-panel .span6 {
  position: relative;
}

.sec-feature.odd-row {
  background: #f9f9f9;
}

.printing-tech {
  margin: 1em 0;
}

/*=== document images ===*/
.doc-images > div {
  float: left;
  padding: .7em 0
}

.doc-images a {
  display: block;
  float: left;
  margin: .5em;
}

/*=== other ===*/
.observations > p {
  margin: .5em 0;
}

.separate-field > span {
  padding-right: .5em;
}

.img-description {
  float: left;
  max-width: 250px;
}

a.glossary-link {
  font-size: 1.1em;
  margin-left: .4em;
  position: absolute;
  text-decoration: none;
}

a.glossary-link:visited {
  color: #164194;
}

/*=== media queries ===*/
@media (max-width: 480px) {
  .img-description {
    width: 120px;
  }
}

@media (max-width: 1024px) {
  .img-description {
    width: 150px;
  }
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .img-description {
    width: 200px;
  }
}