#body {
	margin: 0 auto;
}

/* page layout */
#main {
    padding-left: 225px;
}
#tags {
	float: left;
	width: 200px;
	height: 600px;
}
#concepts {
}
#concepts.hidden {
	display:none;
}
#frames {
}
#video {
}

/* element style */

h4 {
	margin: 0;
	padding-bottom: 2px;
	border-color: #BBB;
	border-style: solid;
	border-width: 0 0 1px;
	font-weight: normal;
	font-size: 130%;
}

/* tag reconcile */
.yui3-tag-reconcile {
	width: 100%;
}
.yui3-tag-reconcile ul {
	margin: 0;
	padding: 0;
}
.yui3-tag-reconcile li {
	list-style: none;
	padding: 4px;
	margin: 0;
}
.yui3-tag-reconcile li .types span {
	padding: 0 5px;
}
.yui3-tag-reconcile .selection {
	padding: 5px 0;
	overflow: auto;
}
.yui3-tag-reconcile li.selected {
	font-size: 125%;
}
.yui3-tag-reconcile .toggle {
	padding-top: 1em;
	float: right;
}
#suggest {
	margin: 5px 0;
	width: 100%;
}

/* video frames */
.yui3-video-frames-content {
	overflow: auto;
}
.yui3-video-frames ul {
	margin: 0;
	padding: 0;
}
.yui3-video-frames li {
	width: 200px;
	float: left;
	overflow: hidden;
	list-style: none;
	margin: 0 10px 10px 0;
}
.yui3-video-frames li img {
	width: 100%;
}
.yui3-video-frames .frame-confirm {
	text-align: center;
	color: white;
	background-color: #222;
	margin-top: -5px;
	padding: 4px 0;
}
.yui3-video-frames .tag {
	text-align: center;
	margin-top: -5px;
	padding: 4px 0;
	background-color: #DDD;
}
.yui3-video-frames li.depicted .frame-confirm {
	background-color: green;
}
.yui3-video-frames li.associated .frame-confirm {
	background-color: blue;
}
.yui3-video-frames li.rejected .frame-confirm {
	background-color: red;
}

/* controls */
.topcontrols {
	text-align: right;
	height: 20px;
}
.topcontrols a {
	padding-top: 5px;
	color: #CCC;
}

/* tag list */

#taglist .yui3-tag-carousel-content {
	overflow:auto;
}
#taglist .yui3-tag-carousel li.focus,
#taglist .yui3-tag-carousel li.focus .count,
#taglist .yui3-tag-carousel li.focus a {
	background-color: #1057AE;
	color: #FFF;
}
#taglist .yui3-tag-carousel li.focus .label {
    font-size: 100%;
}


/* tag player */
#video.hidden {
	display: none;
	position: absolute;
}
#videoplayer {
	float: left;
}
#tagplayer {
	float: left;
	background-color: #C4C4C4;
	opacity: 0.5;
	margin-left: -100px;
}
#tagplayer.hidden {
	display: none;
}
#tagplayer .yui3-tag-carousel {
	background: transparent;
	color: #FFF;
	overflow: hidden;
	font-size: 90%;
}

/* tag carousel */
.yui3-tag-carousel ul {
	margin: 0;
	padding: 0;
}
.yui3-tag-carousel li {
	overflow: hidden;
	list-style: none;
	margin: 1px 0;
	padding: 4px 8px;
	/*border-top: 1px solid #f2f2f2;*/
}
.yui3-tag-carousel li.focus .label {
    font-size: 175%;
}
.yui3-tag-carousel li .label {
	cursor: pointer;
	font-size: 110%;
	float: left;
}
.yui3-tag-carousel li .count {
	float: right;
	color: #AAA;
}

.controls {
	margin-top: 10px;
}

.tag-hit {
}


/* facets */
.facets {
	float: left;	
}
.facet {
	margin: 5px;
}
.facet-title {
	font-weight: bold;
}
.facet-values {
	max-height: 200px;
	width: 150px;
	overflow: auto;
}
.facet-value {
	padding: 2px 4px;
}