body{
   margin:0px;
   height:100%;
   background-color:lightblue;
   overflow-y:scroll;
   font-family:serif;
   cursor:default;
}
a{
   text-decoration:none;
   color:black;
}
div#header{
   margin:0px;
   border-bottom:2px solid gray;
   position:fixed;
   background-color:lightgray;
   width:100%;
   z-index:1;
}
div#header>div#progress{
   position:absolute;
   background-color:darkGray;
   width:0%;
   height:100%;
   visibility:hidden;
}
div#header>a>div.pathlink{
   padding:5px 10px;
   display:inline-block;
   background-color:white;
   margin:5px;
   border:2px solid gray;
   position:relative;
}
div#header>div.pathlink{
   padding:7px 12px;
   display:inline-block;
   background-color:white;
   margin:5px;
   position:relative;
}
div#content{
   margin:0px;
   padding-top:44px;
}
div#content>div,div#content>a>div{
   cursor:pointer;
   display:inline-block;
   background-color:white;
   margin:2px;
   vertical-align:top;
   height:150px;
   position:relative;
   z-index:0;
}
div#content>div>div:first-child,div#content>a>div>div:first-child{
   width:192px;
   height:128px;
   display:flex;
   align-items:center;
   justify-content:center;
}
div#content>div>div:last-child,div#content>a>div>div:last-child{
   text-align:center;
   background-color:lightgray;
   width:192px;
   text-overflow:ellipsis;
   white-space:nowrap;
   overflow:hidden;
   position:absolute;
   bottom:0px;
   line-height:20px;
   padding:1px;
}
div#content>div>div:last-child:hover,div#content>a>div>div:last-child:hover{
   white-space:normal;
   word-break:break-all;
}
div#content>div.selected>div:last-child, div#content>a>div.selected>div:last-child{
   background-color:slategray;
}
#fullscreentable{
   width:100%;
   height:100%;
   position:fixed;
   z-index:4;
   visibility:hidden;
}
#fullscreentable>tbody>tr{
   height:50%;
}
#fullscreentable>tbody>tr>td{
   width:50%;
}
#fullscreentable>tbody>tr>td>a#linktobig{
   width:100%;
   height:100%;
   cursor:default;
   display:block;
}
div.mediumphoto{
   background-color:black;
   position:fixed;
   width:100%;
   height:100%;
   z-index:2;
   visibility:hidden;
   display:flex;
   align-items:center;
}
div.mediumphoto>img{
   max-width:100%;
   max-height:100%;
   position:relative;
   margin-left:auto;
   margin-right:auto;
   display: block;
}
input{
   padding:5px 10px 5px 10px;
   background-color:white;
   margin:5px;
   border:2px solid gray;
}
input[type=submit],input[type=button]{
   cursor:pointer;
}
p.instr>span{
   background-color: white;
   padding: 0px 2px;
}