body {
	padding: 0;
	margin: 0;
	background-color: #DDD;
}
/* layout */
#layout {
	width: 980px;
	background-color: white;
	border: 1px solid #AAA;
	padding: 0 10px;
}
#shots {
	width: 738px;
	margin-left: 20px;
}
#tags {
	width: 200px;
}
#active {
	border-bottom: 1px solid #CCCCCC;
}

/* tag list */
.taglist {
	margin: 0;
	padding: 0;
	overflow: auto;
}
.taglist li {
    list-style: none outside none;
    margin: 0 5px 5px 0;
    padding: 3px 5px;
}
.taglist .add {
	color: green;
	float: right;
}
.taglist .remove {
	color: red;
	float: right;
}
.taglist .d {
	padding: 0 5px;
}

/* video frames */
.yui3-video-frames {
} 
.yui3-video-frames .header {
	padding-bottom: 2px;
	margin: 12px 0 4px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	clear: both;
}
.yui3-video-frames ul.frames-list {
	margin: 0;
	padding: 0;
}
.yui3-video-frames li {
	float: left;
	list-style: none;
	margin: 0 auto 5px;
	border: 4px solid transparent;
}
.yui3-video-frames li.selected {
}
.yui3-video-frames li.hidden {
	display: none;
}
.yui3-video-frames .image {
	width: 200px;
	height: 200px;
	background-color: #EEE;
}
.yui3-video-frames img {
	width: 200px;
	height: 200px;
}
.yui3-video-frames .tag,
.yui3-video-frames .frame-confirm {
	text-align: center;
	padding: 3px 0;
	background-color: #DDD;
	cursor: pointer;
}
.yui3-video-frames .frame-confirm.depicted {
	background-color: green;
	color: white;
}
.yui3-video-frames .frame-confirm.associated {
	background-color: blue;
	color: white;
}
.yui3-video-frames .frame-confirm.rejected  {
	background-color: red;
	color: white;
}