html, body
{
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background-image: url('../Images/background.jpg');
    font-family:'Times New Roman';
    font-size:1em;
     background-size: 100% 100%;
}
/*@media only screen and (min-device-width:320px)  {
    .mapPanel {
            font-size:3em;
        }
}
@media only screen and (min-device-width:481px)  { 
   .mapPanel {
            font-size:3em;
        }
}
@media only screen and (min-device-width:641px)  {
    .mapPanel {
            font-size:3em;
        }
}
@media only screen and (min-device-width:961px)  { 
    .mapPanel {
            font-size:3em;
        }
}
@media only screen and (max-device-width:1025px) { 
    .mapPanel {
            font-size:3em;
        }
}
@media only screen and (max-device-width:1281px) {
    .mapPanel {
        font-size:3em;
    }
}*/
.reportType
{
    width: 90%;
    min-height: 80%;
    position: absolute;
    left: 5%;
    margin-bottom:5%;
    border: 6px solid #6699FF;
    border-radius: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    background-color: rgba(255,255,255,.75);
}
fieldset
{
    margin: 10px;
    padding: 10px;
    border: 1px solid #6699FF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    background-color: #EEEEEE;

}
.description
{
    padding-bottom: 15px;
    font-style: italic;
}
legend
{
    
    border: 1px solid #C0C0C0;
    padding: 8px;
    margin: 5px;
    font-variant: small-caps;
    border-radius: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    background-color: #F8F8F8;
    font-weight: bold;
    clip: rect(auto, auto, auto, auto);
}
.fieldsetContent {
    margin-left:15px;
    border: 1px solid #C0C0C0;
    padding:8px;
}
.toggleImg {
    vertical-align:middle;
}
input[type=text]::-ms-clear {
    display: none;
    width:0px;
}
.picImg:hover
{
    border: 2px inset #E8E8E8;
    cursor: pointer;
}
.picImg
{
    border: 2px outset #E8E8E8;
    padding: 4px;
}
#legend {
    background: #fff;
    padding: 10px;
    margin-left: 10px;
   border: 1px solid #C0C0C0;
   font-family:'Times New Roman';
    font-size:1em;
}
#legend span {
    margin-top: 0;
    font-weight:bold;
    padding:3px;
}
#legend img {
    vertical-align: middle;
    padding:3px;
}