html, body {
    overflow-x: hidden;
}

#masterContainer, div[id*="listZone"], .block {
   display: block;
   padding: 1em;
}

#masterContainer {
    background-image: url("../backgrounds/bg1.jpg");
    background-repeat: repeat;
    width: 710px;
    height: auto;
}

#controls {
    position: fixed;
    top: 0;
    background: rgba(255,255,255, 1);
    margin-left: 1.5em;
}

#udArrows {
    position: fixed;
    bottom: 0;
    margin-left: 40%;
}

#udArrows button {
    font-size: 1.4em;
    background-color: rgba(79, 186, 70, 1);
    color: rgba(255,255,255,1);
}

#udArrows button:hover {
    background-color: rgba(255,255,255,1);
    color: rgba(0,0,0,1);
    cursor: pointer;
    border-style: none;
}

#searchBar, #errorZone {
    width: 630px;
    background: rgb(255,255,255);
    color: rgba(9,107,120, 0.85);
    border-color: rgba(9,107,120, 0.85);
    text-align: center;
}

#searchBar {
    border-style: solid;
    padding: 0.5em;
    font-size: 2em;
}

#errorZone {
    color: red;
    border-style: dotted;
    margin: 6em 0em 0em 2em;
    padding: 0.5em 0em 0.5em 0em;
}

#listZone {
    background-color: rgba(9,107,120, 0.85);
    float: left;
    width: 630px;
    height: auto;
    margin: 1.5em;
}

.block {
    display: block;
    background-color: rgba(158, 181, 219, 0.53);
    color: rgba(255,255,255,1);
    float: left;
    width: 125px;
    height: 125px;
    clear: right;
    overflow: hidden;
    margin: 1.5em;
}
.block:hover {
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.8);
    color: rgba(64,64,64, 0.84);
}

.block-focused {
    background-color: rgba(53, 103, 14, 0.8);
}

.thumbImg {
    clear: left;
    width: 64px;
    height: 64px;
}

.closeImg {
    background-color: rgba(79, 186, 70, 1);
    width: 16px;
    height: 16px;
    float: right;
    padding: .5em;
}

.closeImg:hover {
    background-color: rgba(255, 0, 0, 1);
}