/* top right bottom left */

body {
background-color: black;
}

.menu {
position: fixed;
top: 2px;
left: 2px;
font: 14px "Trebuchet MS";
text-align: center;
width: 99.5%;
margin: auto;
z-index: 3;
}

*html div.menu {
position: absolute;
z-index: 3;
}
  
.button_l {
float: left;
background-color: #555555;
border: 2px white solid;
margin: 2px 3px 2px 3px;
padding: 4px 8px 4px 8px;
z-index: 3;
}

.button_report {
float: left;
background-color: #bf0000;
border: 2px white solid;
margin: 2px 3px 2px 3px;
padding: 4px 8px 4px 8px;
z-index: 3;
}

.internal_button_report {
background-color: #bf0000;
border: 2px white solid;
margin: 2px 3px 2px 3px;
padding: 4px 8px 4px 8px;
width: 150px;
margin-left: auto;
margin-right: auto;
}

.button_r {
float: right;
background-color: #555555;
border: 2px white solid;
margin: 2px 3px 2px 3px;
padding: 4px 8px 4px 8px;
z-index: 3;
}

.button_report:hover {
background-color: #e42626;
}

.internal_button_report:hover {
background-color: #e42626;
}

a:link, a:visited {
color: white;
text-decoration: none;
}

.button_l:hover {
background-color: #888888;
}

.box_legend {
height: 450px; width: 162px;
color: white;
overflow: auto;
border: 2px solid black;
scrollbar-face-color: #7D7D7D;
scrollbar-highlight-color: #B9B5B5;
scrollbar-shadow-color: #7D7D7D;
scrollbar-3dlight-color: #B9B5B5;
scrollbar-arrow-color:  #B9B5B5;
scrollbar-track-color: #B9B5B5;
scrollbar-darkshadow-color: #7D7D7D;
position: fixed;
z-index: 3;
top: 38px;
left: 5px;
background-color: #555555;
z-index: 3;
}

*html .box {
position: absolute;
z-index: 3;
}

.box_legend img {
padding-left: 5px;
z-index: 3;
}

.box_legend td {
text-align: center;
font: 14px "trebuchet ms";
border: 0px;
}

.box_legend .rt {
text-align: left;
padding: 2px 10px;
}

.box_help{
height: 225px; 
width: 360px;
color: white;
overflow: auto;
border: 2px solid white;
position: fixed;
z-index: 3;
top: 33px;
left: 4px;
background-color: #555555;
font: 15px "Trebuchet MS";
padding: 3px;
margin-top: 5px;
z-index: 3;
}

.box_report{
height: 250px; 
width: 375px;
color: white;
overflow: auto;
border: 2px solid white;
position: fixed;
z-index: 3;
top: 33px;
left: 4px;
background-color: #555555;
font: 14px "Trebuchet MS";
padding: 3px;
margin-top: 5px;
z-index: 3;
}

.close {
float: right;
font-size: 12px;
border: 1px solid white;
z-index: 1;
}

.close a:hover {
background-color: #888888;
}

.close a:link, a:visited {
color: white;
text-decoration: none;
}

.drag {
position: relative;
}