Body {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9b9ba0+0,f2f4f7+100 */
   background: rgb(234,237,239);
   background: url('../img/backbackground.png'), -moz-radial-gradient(center, ellipse cover,  rgba(234,237,239,1) 0%, rgba(138,178,229,1) 100%);
   background: url('../img/backbackground.png'), -webkit-radial-gradient(center, ellipse cover,  rgba(234,237,239,1) 0%,rgba(138,178,229,1) 100%);
   background: url('../img/backbackground.png'), radial-gradient(ellipse at center,  rgba(234,237,239,1) 0%,rgba(138,178,229,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaedef', endColorstr='#8ab2e5',GradientType=1 );
   font-family: arial;
   font-size: 16px;
}

P.ok {
   display:inline;
   color : green;
}
P.not_ok {
   display:inline;
   color : red;
}

DIV.index_iso {
   text-align: center;
   font-size : 18pt;
   font-weight: bold;
   font-family: sans-serif;
   border-radius:5px;
   box-shadow: 0 1px 7px rgba(0,0,0,.3);
   border: solid 1px #39b45c;
   background: rgb(136,233,103); /* Old browsers */
}

A {
   color : Black;
   text-decoration : none;
}

A:Visited {
   color : Black;
   text-decoration : none;
}

A:Hover {
   text-decoration : none;
   color : Silver;
}

.link {
   color : Grey;
   text-decoration : none;
}
.link:visited {
   color : Grey;
   text-decoration : none;
}
.link:hover {
   color : Silver;
   text-decoration : none;
}

.fixed_headers {
   width: 700px;
   table-layout: fixed;
   border-collapse: collapse;
   font-size : 10pt;
   font-family: arial;
   font-weight: normal;
}

TH {
   cursor: pointer;
   color : Black;
   text-decoration : none;
}

TH:hover {
   text-decoration : none;
   color : Silver;
}

.fixed_headers th, .fixed_headers td {
   padding: 5px 0px 5px 0px;
}

.fixed_headers td:nth-child(1), .fixed_headers th:nth-child(1) {
   min-width: 30px;
   text-align: left;
}

.fixed_headers td:nth-child(2), .fixed_headers th:nth-child(2) {
   min-width: 170px;
   text-align: left;
}

.fixed_headers td:nth-child(3), .fixed_headers th:nth-child(3) {
   min-width: 80px;
   text-align: left;
}

.fixed_headers td:nth-child(4), .fixed_headers th:nth-child(4) {
   min-width: 60px;
   text-align: center;
}

.fixed_headers td:nth-child(5), .fixed_headers th:nth-child(5) {
   min-width: 95px;
   text-align: center;
}

.fixed_headers td:nth-child(6), .fixed_headers th:nth-child(6) {
   min-width: 80px;
   text-align: center;
}

.fixed_headers td:nth-child(7), .fixed_headers th:nth-child(7) {
   min-width: 80px;
   text-align: center;
}

.fixed_headers td:nth-child(8), .fixed_headers th:nth-child(8) {
   width: 105px;
   text-align: left;
}

.fixed_headers thead tr {
   display: block;
   position: relative;
}

.fixed_headers tbody {
   display: block;
   overflow: auto;
   width: 100%;
   height: 310px;
}

.old_ie_wrapper {
   height: 310px;
   width: 700px;
   overflow-x: hidden;
   overflow-y: auto;
}

.fixed_headers tbody tr:nth-child(even) {
   background-color: #E2E2E2;
}

.old_ie_wrapper tbody {
   height: auto;
}

.varjo {
   border: solid 1px #777777;
}

.varjo:before, .varjo:after {
   z-index: -1;
   position: absolute;
   content: "";
   bottom: 18px;
   left: 15px;
   width: 45%;
   top: 80%;
   box-shadow: 0 15px 25px rgba(0, 0, 0, 0.4);
   transform: rotate(-3deg);
}

.varjo:after {
   transform: rotate(3deg);
   right: 10px;
   left: auto;
}