dms/res/style.css

div#search {
 position: absolute;
 top: 10px;
 left: 20px;
 width: 50%;
 text-align: center;
}

div#search input {
 width: 80%;
}

div#searchresults {
 position: absolute;
 border: 1px solid #999;

 top: 50px;
 left: 20px;
 width: 50%;
 bottom: 15px;
 overflow: auto;
}

#previewtabs {
 position: absolute;
 left: 55%;
 top: 29px;
 margin: 0px;
 padding: 0px;
}

#previewtabs li {
 display: inline-block;
 vertical-align: middle;
}

#previewtabs li a {
 display: inline-block;
 height: 16px;
 background-color: #ccc;
 border: 1px solid #999;
 text-align: center;
 vertical-align: middle;
 padding: 2px 10px;
 color: white;
 text-decoration: none;
 font-size: 12px;
}

#previewtabs li a.active {
 color: black;
}

div#searchresults img {
 cursor: pointer;
}

div.preview {
 position: absolute;
 top: 50px;
 bottom: 15px;
 right: 20px;
 width: 45%;
 padding: 5px;

 border: 1px solid #999;
 background-color: white;
}

div#preview {
 text-align: center;
}

div.preview img {
 max-width: 100%;
 max-height: 100%;
 cursor: pointer;
}

div.thumbnail {
 float: left;
 padding: 0px;
 width: 80px;
 height: 100px;
 margin: 5px;
}

a img {
 border: 0px;
}

th {
 text-align: right;
}

div.preview h2 {
 margin-top: 0px;
}

textarea {
 width: 100%;
 height: 35%;
}