table.thumbnails
{
	width: 100%;
}

table.thumbnails td
{
	text-align: center;
	width: 200px;
}

img.preview
{
	display: inline;
	margin: 0px auto 0px auto;
}

#previewToolbar {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 100%;

	visibility: hidden;
	text-align: right;
}

div.noteContainer {
	position: absolute;
}

#noteSelection.noteContainer {
	left: 30px;
	top: 30px;
	width: 100px;
	height: 75px;

	visibility: hidden;
	z-index: 96;
}

div.noteBox {
	width: 100%;
	height: 100%;
	border: 1px solid #666666;
	background: #FFFFFF;
	opacity: 0.25;
}

div.noteHandle {
	position: absolute;

	width: 4px;
	height: 4px;
	margin: -2px 0px 0px -2px;

	background-color: #FFFFFF;
	border: 1px solid #000000;
}

#nwHandle.noteHandle {
	cursor: nw-resize;
}

#neHandle.noteHandle {
	cursor: ne-resize;
}

#swHandle.noteHandle {
	cursor: sw-resize;
}

#seHandle.noteHandle {
	cursor: se-resize;
}

#boxHandle.noteBox {
	cursor: move;
}

div.noteToolbar {
	position: absolute;
	left: 100%;
	top: 0px;

	width: 35px;
	margin-left: -24px;
	margin-top: -8px;
}

.filmstrip img {
	padding-right: 5px;
}