.mir-container {
  width: 1000px;
  margin: 0 auto;
  line-height: 18px;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
}

.mir-top-spacer { margin-top: 10px; }

.mir-top-spacer-dbl { margin-top: 20px; }

.mir-bold { font-weight: bold; }

.mir-italic { font-style: italic; }

.mir-align-right { text-align: right; }

.mir-uline { text-decoration: underline; }
  
.mir-val {
  font-weight: bold;
  min-height: 20px;
}

.mir-line {
  height: 2px;
  border-bottom: 1px solid black;
}

.mir-header  {
  position: relative;
  text-align: center;
}

.mir-logo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px;
  background-image: url('logo.jpg');
  background-size: cover;
}

.mir-title {
  position: relative;
  font-weight: bold;
  text-align: center;
  font-size: 1.2em;
}

.mir-title .mir-jkvid {
  position: absolute;
  top: 0;    
  left: 0;
  text-align: left;
  font-weight: normal;
  font-size: 13px;
}  

.mir-data { overflow: hidden; }

.mir-data-full { clear: both; }

.mir-data .mir-data-col, .mir-data-col > div, .mir-data-full > div {
  float: left; 
  width: 50%;
}

.mir-data .mir-attr {
  box-sizing: border-box;
  padding-left: 10px;
}
  
.mir-data-col .mir-attr { width: 36%; }

.mir-data-col .mir-val { width: 64%; }  

.mir-data-full .mir-attr { width: 18%; }

.mir-data-full .mir-val { width: 82%; }  

table {
  width: 100%;
  border-spacing: 0;
  padding-bottom: 2px;
  border-bottom: 1px solid black;
}

thead, th, td { text-align: left; }

th { border-bottom: 1px solid black; }

td:first-child > div, th:first-child > div { padding-left: 10px; }  

.mir-par-line td {
  height: 1px;
  border-bottom: 1px dashed black;
}

.mir-par-name { width: 35%; }

.mir-par-unit { width: 10%; }

.mir-par-val { width: 10%; }

.mir-par-sign { width: 5%; }

.mir-par-limit { width: 15%; }

.mir-par-std-sign { width: 2%; }

.mir-par-std { width: 23%; }

td.mir-par-footer > div { padding-left: 20px; }

.mir-grp-header { background-color: lightgrey; }

.mir-comm > div, .mir-legend > div {
  display: inline-block;
  vertical-align: top;
}

.mir-legend-sign { min-width: 20px; }

.mir-comm-label, .mir-comm-label-short { padding-left: 10px; }

.mir-comm-label {  width: 20%; }

.mir-comm-desc { width: 78%; }

.mir-comm-label-short {  width: 12%; }   

.mir-minor {
  font-size: 11px;
  line-height: 14px;
}    

.mir-footer { padding-left: 10px; }

.mir-signature { overflow: hidden; }

.mir-signature > div {
  float: left;
  width: 50%;
  text-align: center;
}
