.editlinks{
/*    display:none;*/
}
a{
    color:blue;
}
pre{
  overflow:scroll;
}
body{
    overflow:hidden;
    font-family:Arial;
}
input{
    display:block;
    margin:auto;
    width:90%;
    font-family:courier;
    font-size:1.2em;
    background-color:white;
    color:black;
    border-color:blue;
    border-width:8px;
}
.boxlink{
    padding-left:1em;
    cursor:pointer;
    color:blue;
}
.boxlink:hover{
    background-color:#808080;
}

.scrolllink{
    color:blue;
    cursor:pointer;
}
.scrolllink:hover{
    background-color:#ff2cb490;
}

#scrollscroll{
    text-align:justify;
    padding-left:1em;
    padding-right:1em;
    position:absolute;
    overflow:scroll;
    background-color:#eeeeee;
    color:#00ff00;
    font-size:2em;
    border-left:solid;
}
#scrollscroll a{
    color:blue;
}
#scrollscroll img{
    max-width:80%;
    display:block;
    margin:auto;
    background-color:none;

}
.data{
    display:none;
}
h1,h2,h3,h4{
    text-align:center;
}
.button{
    cursor:pointer;
}
.button:hover{
    background-color:green;
}
.button:active{
    background-color:yellow;
}
#scrollsbox{
    position:absolute;
    background-color:#AAAAAA;
    color:black;
    overflow:scroll;
    border-left:solid;
    z-index:2;
}


@media only screen and (orientation: landscape) {
    
    #scrollsbox{
        right:0px;
        top:0px;
        bottom:0px;
    }
    #scrollscroll{
        top:0px;
        bottom:0px;
    }   
    #landscapelinks{
        position:absolute;
        left:0px;
        top:0px;
    }
    #portraitlinks{
        display:none;
    }
    #menubutton{
        display:none;    
    }

}

@media only screen and (orientation: portrait) {
    .button{
        font-size:2em;
    }
    #scrollsbox{
        height:30%;
        right:0px;
        left:0px;
        top:0px;
        height:100px;
    }
    #scrollsbox p{
        font-size:2em;
    }
    #scrollsbox a{
        margin-left:2em;
        font-size:2em;
    }
    #scrollscroll{
        top:100px;
        left:10px;
        right:10px;
        bottom:10px;
    }   
    #landscapelinks{
        display:none;
    }
    #portraitlinks{
        position:absolute;
        left:0px;
        top:0px;
    }
    table img{
        max-width:60px;
    }
}