#title {
 text-align: center;
 font-size: large;
 font-weight: bold;
}

#intro {
 margin-bottom: 1.4em;
 margin-top: 1.4em;
}

* {
 font-family: sans-serif;
}

.gallery_cont {
}

.gallery {
 position: relative;
 border: 1px dashed black;
 padding: 2px;
}

.scroll {
 position: absolute;
 border: 1px solid black;
 width: 18px;
 margin-left: 6px;
}

.scroll_button {
 position: absolute;
 width: 12px;
 left: 1px;
 border: 2px outset #606060;
 background-color: #c0c0c0;
}

.scroll_button.active {
 border: 2px inset #606060;
 background-color: #d0d0d0;
}

#gallery0 {
 margin: 32px;
}

.tn {
 position: absolute;
 cursor: pointer;
}

.button {
 padding: 4px;
 border: 1px outset black;
 background-color: #c0c0c0;
 cursor: pointer;
 font-size: x-small;
}

*.button.click {
 padding: 5px 3px 3px 5px;
 border: 1px inset black;
 white-space: nowrap;
}

#realsize {
 float: right;
 border: 1px solid black;
 padding: 5px;
}