root { 
    display: block;

}


body {
    position: relative;
    margin-left:30px;
    margin-right:30px;
    /*width: 1000px;*/
    line-height: 110%;
    /*background: #e2e2e2 ;*/
    text-align: center;
    font: 12px Arial, sans-serif;
    color: #222;
    font-weight: 550; 
    /*background-image: url(../background.jpg);*/
    /*background-color: #eeeeee;*/
}
/*
body 
{     
    font:11px Arial,Helvetica,sans-serif;
        padding: 0; 
    padding-top: 10px;
    text-align: center; 

    position: static;
    top: 10px;
    left: 10px;
    margin:0 auto;
} */

table {
    width: 100%;
    font-size: 7pt;
    margin: 0px;
    border: 1px solid black;
    padding: 1em;
    background-color: white;
    text-align: left;

}
th {
    border: 0px;
    color: black;
    font-size: 9pt;
    margin: 0;
    border: 0px solid black;
    padding: 0;
    background-color: white;
    text-align: left;
}
td {
    text-align: left;
    font-size: 9pt;
    background-color: white;
    padding: 10px;
    border: 2px solid white;
    margin: 10px;
    color: black;
}
img {
    text-align: center;
}

input.button {

    background-color:#cccccc;
    color: black;
    border: 1px solid #793C03;
height: 25px;
}
input.button_menu {

    background-color:#cccccc;
    color: black;
    border: 1px solid #793C03;
width: 200px;
height: 25px;
}
.box{

padding:0;
margin:2px;
border:0px solid black;
}

.box div{
    display:none;
}
/*.box:hover div{
position:absolute; top:20px;right:0px;z-index:3;
display:block;
width:120px;
font-size: 11pt;
color:black;
background:#ffffff;
border:1px solid black;
padding:0px;
}*/
.box:hover div{

display:block;
position:absolute; 
background-color: orange;
border:1px solid black;
padding:5px;
}