/* GUARNING;

Necesita muuucho refactoring. Esto es un desastre absoluto. 
   
   */

div#systemdetailedbody  {
    clear:both; 
}
div#systemdetailedbody > div {
     position:absolute;
      background-color:#fff;
      visibility: hidden;
      margin-top:-1px; 


}

#tabs> span> a {
    float:left;
    height:1.5em;
    overflow-x: hidden;
    padding:0px 3px;
    margin:0 4px 0 0;
    border-top:solid 1px #000;
    border-left:solid 1px #000;
    border-right:solid 1px #000;
    cursor:pointer;
    font-family:Courier;
    font-size:80%;
    z-index:110;
}
#tabs> span >a:hover  {
    background-color: #bbc;

    font-weight:bold;
}



body{
    padding-top:0px;
    margin-top:0px;
}
#plot > form > button {
    position: absolute;
    bottom:10px;
    right:10px;
}

#plot{ 
    position: fixed; 
    visibility:hidden; 
    width: 654px; 
    height:    494px; 
    margin: auto; 
    left: 0; 
    z-index:200; 
    right: 0; 
    display:block; 
    background-color:#bbc;
    text-align:right;
    box-shadow: 5px 5px 8px #222;
}

div#legend {
    position:fixed; 
    right:0px;
    top:0px;
    text-align:right;
    z-index:100;
    margin:0px;
}
span#legend_label{
    text-align:right;
    background-color:#000;
    color:#fff;
    padding:3px;
    margin:0px;
}
div#legend_body{
    visibility:hidden;
    position:fixed ; 
    right:0px;
    text-align:right;

}
div#legend_body > div {
    width:100%;
    float:right; 
    clear:both;
    margin-top:5px; 
    
}
div#legend_body > div tr td {
    min-width:2em;
    text-align:center;
}
div#legend_body   th {
    text-algin:center;
    color:#fff;
    background-color:#000;
    font-weight:normal;
}
div#legend_body > div > table { 
    width:100%;
    border:solid 1px #000; 
    box-shadow: 5px 5px 8px #222;
    background-color:#fff
}
h2 {
background-color:#bcf;
}

.description {
    border:2px solid #000; 
    background:#fff;
    font-size:80%;
    box-shadow: 5px 5px 8px #222;
}

.description td {
    text-align:left;
}
.description tr:hover {
  background:#bbc;
}

table.description tr {
border:none;


}

table#container  tr th{
background-color:#aaa;
}

table.map{
    min-width:100%;
    border:solid 1px #000;
}
table.map> tr > td {
    width:33%;
}
table.map td {
    text-align:right;
    vertical-align:top;    
    font-family:'Lucida Console' ,monospace;

}
table.over_row  tr:hover {
    background:#bbc;
}

.desc_small {
font-size:70%; color:#555
}
.mark{
    font-weight:bold;
}
.ok{color:green;}
.bad{
    color:red;}
img {
    border:solid 1px #000; 
    padding:3px; 
    margin:3px;
}
.sep {
    border-bottom:solid 1px #000;
}
.correl { 
    border: 1px solid black;
    border-left: none;
    font-family:'Lucida Console' ,monospace; 
    opacity: 0.9;
}

.correl:hover{ 
    font-weight:bold;
    opacity: 1.0;
}


   .maps_rects {
      fill:#55f;
      stroke:#000;
      stroke-width:1px;
      opacity :0.4;  

    }
    

    table.data tr td	{
	border: 1px solid black; 
	padding:3px;
    }    
    table.data tr th	{
	padding:3px;
	background:#eee;
	border: 1px solid #000; 
    }

    table.data tr  td:not(:last-child) {
	border-right: 1px solid black;
    }

    .map_row:hover, .row:hover{
	background-color:#bbc;
    }
    .row{
        background:#f8f8f8;
    }
      .bold{
	  font-weight:bold;
      }
      
      text {  
	  font-size:15px;
      font-family:Courier;
      font-weight:bold;
      text-anchor:end;  
  }
  path{  
      stroke:#000000;
      stroke-width:1px;
      stroke-linejoin:miter;
      fill:none;  
  }
  rect.back { 
      fill:#eee;
      fill-opacity:1;
      stroke:#000000;
      stroke-width:1px;
  }




 table {
     border-collapse:collapse; 
     padding:0px;
 }
 
 
table.chi2{
    border:solid 1px #000;
    text-align:center;
}
table.chi2 tr:hover{
    background:#bbc;
}

table.chi2 tr th{
    background:#aaa;
    border-left: solid 1px #000;
}


table.chi2 tr td{
    border-left: solid 1px #000; 
    text-align:center;
}

table.normal tr td {
    display: normal;
    font-family:normal;
    font-size:70%;
    text-align:center;

}


table.normal tr td:hover {
    background-color:#bcc;
}

td.main {
     border-right:solid 1px #000;
 }


.global_row {
    font-family: Courier;
    text-align:right;
    border-left:solid 1px #999;
    padding-left:20px;
    cursor: pointer;

} 

.entropyrow {
    font-weight:bold;
}
.entropyrow:hover, .global_table tr:hover:not(:first-child) {
    background:#bbc;
}
    
table.global_table{
    border:solid 3px #000;    
    margin:auto;
}
table.global_table tr td {
    padding-left:10px;
     padding-right:10px;
}


.global_table tr{
    border:solid 1px #888;
}


.global_bad {
    background-color:#f88;
}

.global_good {
    background-color:#8f8;
}
.global_normal {
    background-color:#ff8;
}

div.copy { 
    font-size:80%; 
    border-top:solid 1px #888;
    margin-top:1em;
    position:fixed; 
    bottom:0;
    background-color:#fff;
    width:100%;
    text-align:right;

}
div.copy a {
    text-decoration:none;
    margin-right:1em;
}