/* OUTPUT CONTROL BUTTONS */

	/* Pictorial Thumbnails */
	div.thumb {
		background-position:top center;
		background-repeat:no-repeat;
		height:31px;
	}
	body.inverted div.cross-arrow {
		background-image:url(/picts/player/cross-arrow-inverted.gif);
	}
	body.inverted div.tv {
		background-image:url(/picts/player/tv-inverted.gif);
	}
	body.inverted div.volume-off {
		background-image:url(/picts/player/volume-off-inverted.gif);
	}
	body.inverted div.volume-on {
		background-image:url(/picts/player/volume-on-inverted.gif);
	}
	body.inverted div.hills {
		background-image:url(/picts/player/hills-inverted.gif);
	}
	body.inverted div.download-earth {
		background-image:url(/picts/player/download-earth-inverted.gif);
	}
	
	/* Button Controls */
	div#buttons {
		padding-top:16px;
		width:100%;
	}
	div#buttons div.item {
		cursor:pointer;
	}
	div#buttons div.item div.centered {
		padding-top:3px;
		margin-bottom:11px;
		color:#000;
	}
	div#buttons div.item div.thumb {
		filter:alpha(opacity=20);
		opacity:0.2;
	}

/* NAMED TAGS */
	
	/* Bottom & Top Margins */
	div#playback {
		margin-top:60px;
		height:362px;
		margin-bottom:60px;
	}
	div#playback div.wide-center {
		height:348px;
		position:relative;
	}
	
	/* Show Pictures on Canvas */
	div#canvas div#cover {
		background-color:#000;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:365px;
		z-index:3;
	}
	div#canvas div.loading {
		padding-bottom:20px
	}
	div#canvas div.media {
		overflow:hidden;
		text-align:center;
		height:100%;
		width:100%;
	}
	
	/* Media Data Scrollbar */
	div#canvas div.slider {
		margin:0 auto 0 auto;
		position:relative;
		overflow:hidden;
		text-align:left;
		padding:0;
		height:14px;
		width:616px;
	}
	div#canvas div.delim {
		background:#000 url(/picts/dot-transparent-black.gif) top repeat-x;
		border:none;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		margin:0;
	}
	div#canvas div#buffer {
		background-image:none;
		width:0;
	}
	div#canvas div.handle {
		background:#000 url(/picts/arrow-top-inverted.png) no-repeat top left;
		width:13px;
		height:7px;
		margin:3px 0 0 0;
		cursor:pointer;
		overflow:hidden;
		position:absolute;
		top:2px;
	}
	
	/* Information Container */
	div#info, div#controls, div.media-menu {
		position:relative;
		overflow:hidden;
		height:30px;
	}
	div.media-menu div.title {
		position:relative;
		background-color:#000;
		background-image:none;
		margin-bottom:0px;
		color:#919191;
		z-index:2;
	}
	div.media-menu div.delim {
		position:relative;
		border:none;
		margin:0;
		top:-4px;
		z-index:3;
		background-image:url(/picts/dot-transparent-black.gif);
		background-color:#808080;
	}
	div.media-menu div.shade {
		background:url(/picts/grad-vert-black-transparent.png) repeat-x top;
		position:relative;
		height:9px;
	}
	div.media-menu div.items {
		position:absolute;
		padding:0;
		top:-2000px;
		z-index:1;
	}

	div.media-menu div#description {
		color:#000;
	}
	
/* VIDEO STOREFRONT */

	/* Layout Wrapper for Gallery Items */
	div#item-list {
		overflow:hidden;
		position:relative;
		clear:both;
	}

	/* Storefront (Use with .layout) */
	div.storefront {         
		position:relative;
		height:122px;
	}

	/* Thumbnail List */
	div.storefront div.items {
		list-style-type:none;
		position:absolute;
		margin:0;
		padding:0;
	}
	div.storefront div.items ul {
		list-style-type:none;
		width:30000px;
		margin:0;
		padding:0;
	}
	div.storefront div.items ul li {
		position:relative;
		float:left;
		left:-8px;
		height:97px;
		cursor:default;
		color:#919191;
		width:137px;
		overflow:hidden;
	}
	
	/* Storefront Slider */
	div.storefront div.slider {
		z-index:4;
		height:21px;
		position:absolute;
		left:1px;
		width:100%;
		bottom:0;
	}
	div.storefront div.slider div.delim {
		margin:0;
		background:url(/picts/dot-transparent-black.gif) top repeat-x;
		background-color:#646464;
	}
	
	/* Slider Handle */
	div.storefront div.slider div.handle {
		background:url(/picts/slider-left-inverted.png) top left no-repeat;
		top:8px;
		height:9px;
		width:60px;
		background-color:#000;
		overflow:hidden;
		position: absolute;
		z-index:2;
	}
	div.storefront div.slider div.handle div.png {
		position:absolute;
		right:0;
		background:url(/picts/slider-right-inverted.png) top right no-repeat;
		width:7px;
		height:9px;
		overflow:hidden;
	}

	/* Gallery Thumbnails */
	div.storefront div.thumbnail {
		background:url(/picts/grad-horiz-black-transparent.png) repeat-y right;
		float:left;
		position:absolute;
		z-index:2;
		height:100%;
		width:137px;
		overflow:hidden;
	}
	div.storefront div.thumbnail div.shade {
		background-color:#000;
		padding:8px 0 8px 8px;
		position:absolute;
		width:121px;
		height:81px;
		z-index:2;
		top:0;
	}
	
	div.storefront div.thumbnail div.shade a {
		position:absolute;
		z-index:1;
	}
	div.storefront div.thumbnail div.shade img.pict {
		filter:alpha(opacity=0);
		opacity:0;
		border:none;
		margin:0 0 -2px 0;
		width:121px;
		height:81px;
	}
	
	div.storefront div.thumbnail div.shade div.selected-mark {
		background:url(/picts/gallery-item-playing.png);
		position:absolute;
		width:137px;
		height:97px;
		left:0;
		top:0;
		z-index:1;
	}
	
	/* Info Panel (Use Poster Subtitle) */
	div.storefront div.description {
		position:absolute;
		padding:9px 0 0 0;
		white-space:nowrap;
		z-index:1;
		left:-500px;
		top:0;
	}