@charset "utf-8";
/* CSS Document */

html, body { 
	height: 100%;
	width: 100%;
	overflow: hidden; 
	overflow-y: auto;
	overflow-x: auto;
}

body {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 13px;
	background-color: black;
	margin: 0;
	position: relative;	
	color: #bbb;
	/* line-height: 1.29em; */
	line-height: 1.5em;
}

strong {
	color: #ddd;
}

a {
	color: white;
	text-decoration: none;
	cursor: pointer;
}
a:hover { text-decoration: underline; }
a img { border: none; }

img { display: block; }

span.highlight { color: #958900; }

p.intro {
	color: white;
}

h2 {
	margin: 13px 0;
	font-size: 13px;
	font-weight: normal;
	color: #958900;
}

	h2 a {
		color: #f78f1e;
	}

h1 {
	margin: 13px 0;
	font-size: 16px;
	font-weight: bold;
	color: #958900;
}

.note {
	font-size: 11px;
	color: #f78f1e;
	font-style: italic;
	margin-left: 5px;
}

	.playing .note { color: #958900; }

.nav a { 
	color: #888;
	margin-left: 0;
	margin-right: 20px; 
	cursor: pointer;
	outline: none;
}

	.nav a:hover {
		color: white;
		text-decoration: none;
	}

	.nav div.right { 
		float: right; 
		margin-left: -20px; /* to compensate for the <a>'s margin-left, so that there's more room for div.left */
	}
		.nav div.right a {
			margin-right: 0;
			margin-left: 20px;
			display: -moz-inline-box; /* for Firefox 2, which doesn't support "inline-block" */
			display: inline-block;
		}
	.nav div.left { float: left; }
	.nav div.left a {
		display: -moz-inline-box; /* for Firefox 2, which doesn't support "inline-block" */
		display: inline-block;
	}

	.nav a.selected {
		color: white !important;
	}
	
	.nav select {
		font-family: "Trebuchet MS",sans-serif;
		font-size: 15px;
		background-color: #333;
		color: #aaa;
		border: none;
		margin-left: 0;
		margin-right: 20px; 
		xheight: 20px;
		padding: 0;
	}	
		.nav select.selected { color: white !important; }	
		.nav select option { color: #aaa; }	
		.nav select option.selected { color: white !important; }
		
		
/* FOR THE CUSTOM SELECT BOX */

	.nav div.selectBox {
		position: relative;
		margin-left: 0;
		margin-right: 20px;
		cursor: pointer;
		outline: none;
		padding: 0 1px 1px 1px;

		height: 20px;
		overflow: hidden;
		display: -moz-inline-box; /* for Firefox 2, which doesn't support "inline-block" */
		display: inline-block;

		float: left;
	}

		.nav div.right div.selectBox {
			margin-right: 0;
			margin-left: 20px;
		}

	/* .nav { z-index: 1000; } */

	.nav div.left a,
	.nav div.left select { float: left; }

	.nav div.selectBox div.optionsWrapper {
		background-color: #333;
		max-width: 181px; /* all we've got room for if the page is at it's minimum width */
		overflow: hidden;
	}

	.nav div.selectBox img.downButton {
		position: absolute;
		top: 0;
		right: 0;
		padding: 5px;
		z-index: 1001;
	}

	html .nav div.selectBox a {
		position: relative;
		color: #aaa;
		background-color: #333;
		display: block;
		padding: 0px 21px 1px 3px;
		margin: 0;
		z-index: 1000;
		float: none;
	}

		.nav div.selectBox.selected a.selected,
		.nav div.selectBox a.selected {
			color: white !important;
		}

		.nav div.selectBox a:hover {
			color: white !important;
			background-color: #555;
		}


/* END CUSTOM SELECT BOX */
		
	
.vScrollBoxOverlay div {
	position: absolute;
	width: 100%;
}


.vScrollBoxOverlay .topShadow {
	height: 17px;
	top: 0;
	left: 0;
	background-color: black;
	filter: alpha(opacity=75);
	opacity: 0.75;
}

.vScrollBoxOverlay .topEdge {
	height: 1px;
	top: 0;
	left: 0;
	background-color: black;
	overflow: hidden; /* for IE6 */
}

.vScrollBoxOverlay .bottomEdge {
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: black;
	overflow: hidden; /* for IE6 */
}

.vScrollBoxOverlay .bottomShadow {
	bottom: 0;
	left: 0;
	height: 17px;
	background-color: black;
	filter: alpha(opacity=75);
	opacity: 0.75;
}

#viewPlaylistTab,
#playlistLink {
	color: #f78f1e;
}

	#viewPlaylistTab:hover,
	#playlistLink:hover {
		color: white;
	}

#mainPanelWrapper {
	position: absolute;
	top: 30px;
	right: 15px;
	bottom: 0px;
	padding-bottom: 30px;
	left: 15px;
	min-height: 649px;
}
	
#mainPanel {

	/* for variable width */
	position: absolute;
	top: 0;
	right: 45px;
	bottom: 30px;
	left: 45px;
	min-width: 817px;
	
	/* for fixed width */
	/*
	position: relative;
	width: 817px;
	margin: auto;	
	height: 100%;
	min-height: expression(parentNode.clientHeight-30); 
	*/ 
	/* min-height is for IE(7), where the "height:100%" declaration doesn't work */

	background-color: #1c1c1c;
}

	#mainPanel div.corner {
		position: absolute;
		width: 4px;
		height: 3px;
		z-index: 1;
		background-repeat: no-repeat;
		overflow: hidden; /* for IE6 */
		
	}
		#mainPanel div.corner.TL {
			background-image: url("mainPanel-TL.gif");
			left: 0;
			top: 0;
		}
		#mainPanel div.corner.BL {
			background-image: url("mainPanel-BL.gif");
			left: 0;
			bottom: 0;
		}
		#mainPanel div.corner.TR {
			background-image: url("mainPanel-TR.gif");
			right: 0;
			top: 0;
		}
		#mainPanel div.corner.BR {
			background-image: url("mainPanel-BR.gif");
			right: 0;
			bottom: 0;
		}

	#logo {
		position: absolute;	
		top: 7px;
		left: 14px;
		z-index: 2;
	}
	
	#siteNav {
		position: absolute;
		top: 26px;
		left: 243px;
		right: 14px;
		font-size: 15px;
		
		/* for the custom select box */
		/* bottom: 70px; */
		height: 39px;
		/* overflow: hidden; */
		z-index: 10; 
	}
	
	#playlistOverlayTop {
		position: absolute;
		top: 70px;
		left: 14px;
		height: 41px;
		width: 186px;
		z-index: 1;
	}
	
		#playlistOverlayTop .topMask {
			height: 24px;
			top: 0;
			left: 0;
			background-color: #1c1c1c;

		}

		#playlistOverlayTop .topShadow,
		#playlistOverlayTop .topEdge {
			top: 24px;
		}
		
		body.editor #playlistOverlayTop h2 {
			margin: 24px 0 0 0;
			padding: 7px 0 0 0;
			color: white;
			font-size: 15px;
			text-align: center;
			background-color: black;
			height: 20px;
			white-space: nowrap;
		}
		body.editor #playlistOverlayTop { height: 68px; }	
		body.editor #playlistOverlayTop .topMask { height: 51px; }
		body.editor #playlistOverlayTop .topShadow,
		body.editor #playlistOverlayTop .topEdge {
			top: 51px;
		}
		
		body.editor #playlistOverlayTop select {
			font-family: "Trebuchet MS",sans-serif;
			font-size: 15px;
			background-color: black;
			color: white;
			border: none;
			margin: 0 auto;
			margin-top: -5px; /* for IE<8 */
			padding: 0;
			/* width: 176px; */
			width: 140px;
		}	
			body.editor #playlistOverlayTop select.selected { color: white !important; }	
			body.editor #playlistOverlayTop select option { color: #aaa; }	
			body.editor #playlistOverlayTop select option.selected { color: white !important; }
			
		body.editor #playlistOverlayTop a { color: white; }
		body.editor #playlistOverlayTop a.disabled { color: #888; cursor: default; }
			
	
	#playlistOverlayBottom {
		position: absolute;
		left: 14px;
		height: 17px;
		bottom: 36px;
		width: 186px;
		z-index: 1;
	}

	#playlistPanel {
		position: absolute;
		top: 70px;
		left: 14px;
		bottom: 36px;
		width: 215px;
		z-index: 0; /* to stay under the overlays once flexScroll is run */
	}
	
		/* for flexScroll, to force the appearance of the #thumbList black background during the opening animation, as flexScroll resizes #thumbList */
		#playlistPanelInner {
			position: absolute;
			width: 100%;
			top: 0;
			height: 100%;
			background: url('playlistPanelBG.gif') top left repeat-y; 
		}
	
		#playlistPanelScroll {
			position: absolute;
			width: 100%;
			padding-top: 24px;
			top: 0;
			bottom: 0;
			overflow: auto;
			overflow-y: auto;
			overflow-x: hidden;
			outline: none; /* for flexScroll */
		}
	
		#thumbList {
			width: 152px;
			width: 186px;
			background-color: black;
		}
		
			#thumbListInner {
				padding: 13px 0 5px 0;
			}
			
			body.editor #thumbListInner { padding-top: 40px; }
	
			a.thumb {
				display: block;
				padding: 4px 17px;
				border-bottom: 8px solid black; /* margin-bottom behaved erratically in IE6 when mixed with opacity changes */
				line-height: 1.0em;
				zoom: 1.0; /* for IE(7), to trigger haslayout so that "filter: alpha" works */ 
				cursor: pointer;				
				width: 152px;
				overflow: hidden;
				color: #bbb;
				outline: none;
				background-color: black;
			}
				
				a.thumb:hover { 
					color: white;
					text-decoration: none;
				}
			
				a.thumb.playing {
					color: #f78f1e;	
					background-color: #131313;
				}
					a.thumb.playing:hover { color: #f78f1e; }

				a.thumb img {
					display: block;
					width: 152px;
					/* height: 114px; */
					background-color: #ccc;
					background-position: top left;
					background-repeat: no-repeat;
					margin-bottom: 1px;
				}

				a.thumb img.hd {
					height: 86px;
				}


	
		#dirList {
			width: 186px;
			background-color: black;
		}
		
			#dirListInner {
				padding: 5px 0 12px 0;
			}	
	
	#searchPanel {
		position: absolute;
		left: 14px;
		bottom: 9px;
		height: 19px;
		width: 186px;
		background-image: url("searchBG.gif");
		background-repeat: no-repeat;
	}
		
		#searchPanel.top {
			right: 14px;
			top: 65px;
			left: auto;
			bottom: auto;
			width: 156px;
			background-image: url("searchBGTop.gif");
		}
	
		#searchPanel input {
			position: absolute;
			top: 0;
			left: 0;
			width: 148px;
			height: 16px;
			padding: 1px 19px 0px 19px;
			border: none;
			background: transparent;
			color: white;
			z-index: 1;
			font-family: "Trebuchet MS",sans-serif;
			font-size: 13px;
			line-height: 1.0em;
		}
	
		#searchPanel.top input { width: 118px; }
		
		#searchLabel {
			/* this was causing problems in IE8 with animated opacity
			position: absolute;
			top: 0;
			left: 0;
			*/
			color: #bbb;
			width: 147px;
			height: 16px;
			padding: 3px 19px 0px 20px;
			display: block;
			z-index: 0;
			line-height: 1.0em;
		}
		
		#searchPanel.top #searchLabel { width: 117px; }
		
		#searchX {
			background-image: url("searchX.gif");
			background-repeat: no-repeat;
			position: absolute;
			height: 19px;
			width: 16px;
			display: none;
			right: 0;
			top: 0;
			cursor: pointer;
			z-index: 2;
		}
		
	#sortPanel {
		position: absolute;
		top: 65px;
		left: 243px;
		height: 26px;
		/* right: 14px; */
		/* right: 243px; */
		/* right: 121px; */

		/* right: 71px; */ /* from when there was no search box in this element */
		right: 214px;
		overflow: hidden;
		text-align: center;
		white-space: nowrap;
	}
	
		#sortPanel a { 
			/* margin: 0 3px 0 18px; */ /* from when there was no search box in this element */
			margin: 0 0 0 15px;
			padding-right: 15px; 
			white-space: nowrap;
			background-repeat: no-repeat;
			background-position: right center;
			color: #bbb;
		}
		
			#sortPanel a:hover { 
				text-decoration: none;
				color: white;
			}
					
			#sortPanel a.asc { background-image: url("listAscArrow.gif"); }			
			#sortPanel a.desc { background-image: url("listDescArrow.gif"); }
			
		
	#libraryPanel {
		position: absolute;
		top: 94px;
		left: 14px;
		bottom: 36px;
		right: 14px;
		overflow: hidden;
	}
	
		#libraryPanelInner {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			overflow: hidden;
		}
		
	#videoPanel {
		position: absolute;
		top: 70px;
		left: 243px;
		bottom: 36px;
		right: 14px;
		overflow: hidden;
	}
	
		#videoPanelInner {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			overflow: hidden;
		}
		
		#map {
			position: absolute;
			overflow: hidden;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: black; 
			text-align: center;
		}
		
			#map div.infoWindow {
				text-align: left;
				color: #333;
			}
			
				#map div.infoWindow strong {
					color: black;
				}
			
				#map div.infoWindow a {
					color: #958900;
				}
			
				#drivingFrom { width: 145px; }
			
		#copyPanel { 
			position: absolute;
			overflow: auto;
			padding: 18px 12px 0 12px;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: black; 
			z-index: 0; /* to stay under the overlays once flexScroll is run */
		}
		
			#copyPanel p {
				margin: -5px 0 0 0;
				padding: 0 0 17px 0;
			}
			
			img.aboutImg {
				margin: -5px auto 30px auto;
			}
	
		#videoPlayer {
			background-color: black;
			background-image: url('playerBG.gif');
			background-position: bottom left;
			background-repeat: repeat-x;
			height: 444px;
			text-align: center;
		}
		
			#playerContainer {
				width: 100%;
				height: 100%;
				overflow: hidden; /* needed for player to dynamically scale in IE6 */
			}
			
			#videoPlayer img { 
				cursor: pointer; 
				margin: auto;
			}
	
		#videoGallery {
			background-color: black;
			text-align: center;
			padding: 5px 7px 17px 7px;
		}
		
			#videoGallery a.thumb {
				float: left;
				height: 140px;
				overflow: hidden;
				margin-top: 8px;
				border-bottom: none;
				padding-right: 10px;
				padding-left: 10px;
			}
			
				#videoGallery a.thumb.featured { color: #958900; }
			
				#videoGallery a.thumb:hover {
					background-color: #1c1c1c;
				}
				
				#videoGallery a.thumb img {
					border-color: black;
					border-style: solid;
					border-width: 0;
				}
			
					#videoGallery a.thumb.invisible { 
						color: #777; 					
					}
					
						#videoGallery a.thumb.invisible img { 
							filter: alpha(opacity=60);
							opacity: 0.6;
						}
			
					#videoGallery a.thumb.notPublic { 
						color: #777; 
						text-decoration: line-through; 
					}

						#videoGallery a.thumb.notPublic img { 
							filter: alpha(opacity=40);
							opacity: 0.4;
						}

				#videoGallery a.thumb.selected {
					background-color: #333 !important;
				}
		
			/* stuff to handle auto-clearing of elements with floats without the need for a clearing div */				
			/* thanks to: http://www.positioniseverything.net/easyclearing.html */	
			#videoGallery:after {
				content: ".";
				display: block;
				visibility: hidden;
				clear: both;
				height: 1%;
				font-size: 0.1em;
				line-height: 0;
			}			

			/* patch to make easyclearing hack work in IE7 */
			/* thanks to: http://www.tanfa.co.uk/archives/show.asp?var=300 */
			#videoGallery { display: inline-block; }
			#videoGallery { display: block; }	
		
		#videoDetailsHeader {
			border-top: 2px solid #1c1c1c;
			border-bottom: 2px solid #1c1c1c;
			padding: 0 8px;
			position: absolute;
			left: 0;
			right: 0;
			height: 28px;
			line-height: 1.2em;
			top: 444px;
			/* bottom: 112px; */
			background-color: black;
		}
		
			#videoDetailsHeader a { 
				padding: 6px 4px;
				vertical-align: middle;
				height: 18px;
				line-height: 18px;
			}
			#videoDetailsHeader div.left a { margin-right: 15px; }
			#videoDetailsHeader div.right a { margin-left: 15px; }
			
				#videoDetailsHeader a.selected { background-color: #1c1c1c; }
		
			/* stuff to handle auto-clearing of elements with floats without the need for a clearing div */				
			/* thanks to: http://www.positioniseverything.net/easyclearing.html */	
			#videoDetailsHeader:after {
				content: ".";
				display: block;
				visibility: hidden;
				clear: both;
				height: 1%;
				font-size: 0.1em;
				line-height: 0;
			}			

			/* patch to make easyclearing hack work in IE7 */
			/* thanks to: http://www.tanfa.co.uk/archives/show.asp?var=300 */
			#videoDetailsHeader { display: inline-block; }
			#videoDetailsHeader { display: block; }	

		#copyPanelOverlayTop {
			position: absolute;
			left: 0;
			height: 17px;
			right: 17px;
			top: 0px;
			overflow: hidden;
			z-index: 1;
		}
		
		#copyPanelOverlayBottom {
			position: absolute;
			left: 0;
			bottom: 0;
			right: 17px;
			height: 17px;
			overflow: hidden;
			z-index: 1;
		}
			
		#videoDetailsOverlayTop {
			position: absolute;
			left: 0;
			height: 17px;
			right: 17px;
			top: 452px;
			top: 476px;
			overflow: hidden;
			z-index: 1;
		}
		
		#videoDetailsOverlayBottom {
			position: absolute;
			left: 0;
			bottom: 0;
			right: 17px;
			height: 17px;
			overflow: hidden;
			z-index: 1;
		}
		
		#videoDetails {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			/* height: 95px; */
			top: 476px;
			padding: 18px 0 0 0;
			background-color: black;
			overflow: auto;
			overflow-y: auto;
			overflow-x: hidden;	
			z-index: 0; /* to stay under the overlays once flexScroll is run */
		}
		
			div.details { display: none; }
			
			#videoDetails p {
				margin: -5px 12px 0 12px;
				padding: 0 0 17px 0;
			}
			
			#videoDetails img {
				margin: -5px 12px 0 12px;
				padding: 0 0 17px 0;
			}

			#videoDetails h2 {
				margin: -5px 0 0 0;
				padding: 0 0 17px 0;
			}
			
			a.download {
				color: #888;
				text-decoration: none;
			}

				a.download:hover {
					color: white;
					text-decoration: none;
				}

		#emailForm {
			margin: 0 12px;
			padding: 0 0 17px 0;
			text-align: right;
		}
		
			#emailForm input {
				width: 250px;
				margin-bottom: 6px;
				vertical-align: middle;
			}
			
				#emailForm #emailSubmit { width: auto; }
		
			#emailForm textarea {
				width: 250px;
				margin-bottom: 6px;
				vertical-align: top;
				padding: 2px;
			}
			
	#pageFooter {
		position: absolute;
		/* left: 14px; */
		/* left: 128px; */
		left: 243px;
		bottom: 7px;
		height: 21px;
		right: 14px;
		text-align: center;
		overflow: hidden;
		font-size: 12px;
		color: white;
	}
	
#fullscreen {
	position: absolute;
	height:13px;
	line-height: 1em;
	margin:5px 0 0;
	padding: 2px;
	right: 100px;
	width: 10px;
	background-color: red;
	display: block;
}	
#mute {
	position: absolute;
	height:13px;
	line-height: 1em;
	margin:5px 0 0;
	padding: 2px;
	right: 70px;
	width: 10px;
	background-color: red;
	display: block;
}




	#listPane { 
		height: 60%;
		position: relative;
	}

		#listPane.full { height: 100%; }
	
		#listPane table {
			width: 100%;
		}

			#listPane table td {
				padding: 4px 5px;
			}
			
			
			/*
			#listPane table tr.notice {
				font-style: italic;
				color: #666;				
				text-align: center;
				background-color: #131313;
			}
				#listPane table tr.notice a { color: #bbb; }
			*/
			
			#listPane table tr.notice {
				font-style: italic;
				color: #bbb;				
				text-align: center;
				background-color: #312d00;
			}
				#listPane table tr.notice a { color: white; }
			
			
			html #listPane table tr.selected {
				background-color: #333 !important;
			}

			#listPane table tr.even { background-color: #000; }
			#listPane table tr.odd { background-color: #131313; }
			#listPane table tr.featured { color: #958900; }
			#listPane table tr.notPublic td { color: #777; text-decoration: line-through; }
			#listPane table tr.notPublic td .minithumb {
				filter: alpha(opacity=60);
				opacity: 0.6;
			}
			
			#listPane table tr.invisible td { color: #777; }
			#listPane table tr.invisible td .minithumb {
				filter: alpha(opacity=40);
				opacity: 0.4;
			}

				#listPane table tr.odd:hover,
				#listPane table tr.even:hover {
					color: white;
					background-color: #b23b0e !important;
				}	

			div.tableHeader {
				background-color: #555;
				padding-right: 15px; /* for scrollbar */
			}
			
			#listPane #clipList {
				margin: 15px 0 17px 0;
				margin: 17px 0 17px 0;
			}
			
			#listPane #clipListHeader td {
				white-space: nowrap;
				border-right: 1px solid #000;
				background-repeat: no-repeat;
				background-position: right center;
				cursor: pointer;
			}
			
				#clipListHeader td.asc { background-image: url("listAscArrow.gif"); }			
				#clipListHeader td.desc { background-image: url("listDescArrow.gif"); }

			#listPane col.thumb { width: 166px; }
			#listPane col.title {  }
			#listPane col.titleFixed { width: 185px; }
			#listPane col.details {  }
			#listPane col.prodDate { width: 95px; white-space: nowrap; }
			#listPane col.importDate { width: 95px; white-space: nowrap; }	
			
			#listPane .listDetails { 
				color: #888;
				font-style: italic;
			}

			#clipListWrapper {
				position: absolute;
				top: 30px;
				bottom: 0;
				width: 100%;
				overflow: auto;
				overflow-y: scroll;
				background-color: black;
				z-index: 0;
				outline: none;
			}
			
				#listPane.full #clipListWrapper { top: 0; }
			
			
			div.minithumb {
				display: block;
				zoom: 1.0; /* for IE(7), to trigger haslayout so that "filter: alpha" works */ 
				cursor: pointer;
				color: #bbb;
				outline: none;
				background-color: black;
			}

				div.minithumb img {
					display: block;
					width: 156px;
					background-color: black;
					background-position: top left;
					background-repeat: no-repeat;
					margin-bottom: 1px;
				}

				div.minithumb img.hd {
					height: 38px;
				}

			
	#listPaneOverlayTop {
		position: absolute;
		left: 0;
		height: 17px;
		right: 15px;
		top: 28px;
		overflow: hidden;
		z-index: 1;
	}
	
		#listPane.full #listPaneOverlayTop { top: 0; }

	#listPaneOverlayBottom {
		position: absolute;
		left: 0;
		bottom: 0;
		right: 15px;
		height: 17px;
		overflow: hidden;
		z-index: 1;
	}
	
	
	#paneSize {
		position: absolute;
		display: block;
		height: 24px;
		text-align: center;
		top: 60%;
		width: 100%;
		left: 0;
		z-index: 2;
		cursor: pointer;
	}
		#paneSize img {
			margin: 6px auto;
		}
	

	#editPane { 
		height: 40%;
		position: relative;	
	}
	
		#editPaneContents {
			padding: 18px 0 0 0;
			background-color: black;
			overflow: auto;
			overflow-y: auto;
			overflow-x: hidden;
			z-index: 0; /* to stay under the overlays once flexScroll is run */
			position: absolute;
			top: 24px;
			left: 0;
			width: 100%;
			bottom: 0;
			outline: none;
		}
	

		#editPane p {
			margin: -5px 12px 0 12px;
			padding: 0 0 17px 0;
		}

			#editPane .noedit {
				color: #999;
			}

			#editPane .unset {
				color: #958900;
				font-style: italic;
			}

			#editPane .hidden {
				display: none;
			}

			#editPane .notPublic {
				color: #777; 
				text-decoration: line-through;
			}
			
			#editPane .invisible {
				color: #777;			
			}
								
			#editPane #tmpEditObj {
				width: 100%;
			}

			#editPane span.editButtons { 
				display: block; 
				clear: left; 
			}
			
			#editPane button.mapButton {
				margin-left: 30px;
			}
			
			#editPane a.thumb {
				width: 152px;
				background-repeat: no-repeat;
				padding: 0;
				margin: 0;
			}
			
			div.calendar {
				z-index: 100;
			}
			
			.link {
				cursor: pointer;
			}
		
			#clipFields { 
				/* width: 50%; */
				width: 98%;
				margin-bottom: 20px;	
			}

				#clipFields td {
					padding: 2px 6px 8px 4px;
					vertical-align: top;
					/* line-height: 1.9em; */
					/* height: 21px; */
				}

				#clipFields td.field {
					color: white;
					text-transform: uppercase;
					text-align: right;
					width: 25%;
				}
				
				#clipFields textarea {
					font-family: "Trebuchet MS", sans-serif;
					font-size: 13px;
					line-height: 1.5em;
				}
				
				#editPane #clipFields p {
					/* margin: 0 12px 12px 12px; */
					margin: 0 0 12px 0;
					padding: 0;
				}

				#editPane #clipFields img.details {
					margin: 0 0 12px 0;
				}
				
			#clipFilesWrapper {
				width: 50%; 
				float: right;
				display: inline; /* for IE6 */	
				margin-bottom: 20px;
			}
		
				#clipFiles { 
					margin: 0 6px;
				}
				
					#clipFiles div.corspID {
						margin: 2px 6px 25px 2px;
					}
					
						#clipFiles div.corspID button.replyButton { float: right; }
				
						#clipFiles div.corspID strong {
							text-transform: uppercase;
							margin-right: 5px;
						}

					#clipFiles a {
						color: #b23b0e;
					}

					#clipFiles h3 {
						font-weight: bold;
						text-transform: uppercase;
						font-size: 11px;
						margin: 2px;
					}

					#clipFiles table {
						width: 100%;
						border-collapse: collapse;
						margin: 5px 0 10px 0;
					}
					#clipFiles col.del { width: 7%; }
					#clipFiles col.file { width: 40%; }
					#clipFiles col.description { width: 53%; }

					#clipFiles table td {
						border: 1px solid #fefdfd;
						padding: 4px 5px;
					}

					#clipFiles table thead {
						background-color: #f7f4f2;
					}

					#clipFiles table button {
						padding: 0;
						font-size: 9px;
					}

					#clipFiles #uploadForm_iframe {
						border: none;
						width: 0;
						height: 0;
					}
					
				
			#clipDelete {
				clear: both;
				position: relative; /* for IE6 */
				padding: 10px 0;
				text-align: center;
				background-color: #e2e0da;
			}


#statusOutput {
	position: absolute;
	right: 15px;
	top: 4px;
	text-align: right;
	color: #f78f1e;
	font-style: italic;
}

			
	#editPaneOverlayTop {
		position: absolute;
		left: 0;
		height: 17px;
		right: 15px;
		top: 24px;
		overflow: hidden;
		z-index: 1;
	}

	#editPaneOverlayBottom {
		position: absolute;
		left: 0;
		bottom: 0;
		right: 15px;
		height: 17px;
		overflow: hidden;
		z-index: 1;
	}	
	
	/*
	.thumbGallery .notice {
		font-style: italic;
		color: #666;
		text-align: center;
		background-color: #131313;
		clear: left;
		padding: 4px 5px;
		margin: 10px 0 17px;
	}
		.thumbGallery .notice a { color: #bbb; }
	*/
	
	.thumbGallery .notice {
		font-style: italic;
		color: #bbb;
		text-align: center;
		background-color: #312d00;
		clear: left;
		padding: 4px 5px;
		margin: 12px 0 17px;
		
		float: left; /* this is so that its upper margin is respected by the floats (thumbnails) that precede it */
		padding: 4px 0;
		width: 100%;
	}
		.thumbGallery .notice a { color: white; }
	
	
div.popup {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-image: url("halfBlack.png");
	background-repeat: repeat;
	visibility: hidden;
}

	div.popupWindow {
		position: relative;
		margin: 75px auto 0 auto;
		padding: 9px;
		background-color: #333;
		font-size: 13px;
		
		/* border: 4px outset #333; */ /* replaced by 6 lines below to actually work in Safari */
		border-width: 4px;
		border-style: solid;
		border-top-color: #a1a1a1;
		border-left-color: #a1a1a1;
		border-bottom-color: #232323;
		border-right-color: #232323;
	}

		div.popupWindow button.close {
			padding: 0;
			font-size: 9px;
			position: absolute;
			top: 2px;
			right: 2px;
			width: 19px;
		}

		div.popupWindow a.close {
			padding: 0;
			font-size: 9px;
			position: absolute;
			text-align: right;
			top: 10px;
			right: 8px;
			width: 19px;
		}
					
		div.popupWindow hr {
			margin: 20px 0;
		}

		div.popupWindow h4 {
			margin: 0 auto 10px auto;
			text-align: center;
			font-size: 15px;
			font-weight: normal;
			color: white;
		}

		div.popupWindow h4 em {
			font-style: italics;
			color: #bbb;
			font-size: 13px;
		}
		
	#choosePosterThumb div.popupWindow { 
		width: 791px;
		overflow: auto; /* for float clearing, per: http://www.quirksmode.org/css/clearing.html */
	}
		
	#choosePosterThumb a.thumb {
		float: left;
		width: 152px;
		height: 114px;
		padding: 0;
		display: block;
		border: 3px solid #333;
		margin: 0;
		background-repeat: no-repeat;
	}
	
		#choosePosterThumb a.thumb.selected { border-color: #f78f1e; }
		#choosePosterThumb a.thumb:hover { border-color: white; }
	
		#choosePosterThumb a.thumb.t0 { background-position: 0 0; }
		#choosePosterThumb a.thumb.t1 { background-position: -152px 0; }
		#choosePosterThumb a.thumb.t2 { background-position: -304px 0; }
		#choosePosterThumb a.thumb.t3 { background-position: -456px 0; }
		#choosePosterThumb a.thumb.t4 { background-position: -608px 0; }
		#choosePosterThumb a.thumb.t5 { background-position: -760px 0; }
		#choosePosterThumb a.thumb.t6 { background-position: -912px 0; }
		#choosePosterThumb a.thumb.t7 { background-position: -1064px 0; }
		#choosePosterThumb a.thumb.t8 { background-position: -1216px 0; }
		#choosePosterThumb a.thumb.t9 { background-position: -1368px 0; }
		
	#uploadVideoBox div.popupWindow { 
		width: 530px;
	}
	
	#uploadImageBox div.popupWindow { 
		width: 530px;
	}
	
	#changePasswordBox div.popupWindow { 
		width: 330px;
	}
		
	#popupVideoPlayer div.popupWindow { 
		width: 560px;
		overflow: auto; /* for float clearing, per: http://www.quirksmode.org/css/clearing.html */
		margin-top: 55px;
	}
	
		#popupVideoPlayerContents {
			position: relative;
			margin: auto;
			width: 560px;
			height: 516px;
			background-color: black;
			overflow: hidden;
		}
		
			body.editor #popupVideoPlayerContents { height: 444px; }
				
			#popupPlayerContainer {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 444px;
				overflow: hidden; /* needed for player to dynamically scale in IE6 */
			}
			
			#popupVideoDetailsIntro {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 445px;
				padding-right: 115px;
				height: 72px;
				overflow: hidden;
				background-color: #333;
			}
			
				#popupVideoDetailsIntro p.pWrapper { /* this is for IE<8 */
					/* margin: 0 0 13px 0; */
					margin: 0 0 1.5em 0;
					padding: 13px 0 0 0;
				}
				
				#popupVideoDetailsIntro p {
					margin: 1.5em 0;
				}
				
			#popupVideoDetailsMore {
				position: absolute;
				/* bottom: 30px; */
				top: 457px;
				white-space: nowrap;
				right: 0;
				text-align: right;
			}
			
				#popupVideoDetailsMore a:hover {
					text-decoration: none;
				}
			
				#popupVideoDetailsMore img { 
					display: inline;
					vertical-align: top;
					margin: 1px 0 0 2px;
				}
			
			.popupVideoText {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				overflow: auto;
				visibility: hidden;
				padding: 18px 12px 0;
				text-align: left;
			}
			
				.popupVideoText.downlow {
					top: auto;
				}
			
				.popupVideoText p {
					margin: -5px 0 0 0;
					padding: 0 0 17px 0;
				}
			
				.popupVideoText img {
					margin: -5px 0 0 0;
					padding: 0 0 17px 0;
				}
		
				.popupVideoText h2 {
					margin: -5px 0 0 0;
					padding: 0 0 17px 0;
				}
		
		#viewTabs { 
			/* margin-top: 9px; */
			border-bottom: 2px solid #1c1c1c;
			padding: 0 8px;
			height: 30px;
			line-height: 1.2em;
			background-color: black;		
		}
		
			#viewTabs a { 
				padding: 6px 4px;
				vertical-align: middle;
				height: 18px;
				line-height: 18px;
			}
			#viewTabs div.left a { margin-right: 15px; }
			#viewTabs div.right a { margin-left: 15px; }
			
				#viewTabs a.selected { 
					background-color: #1c1c1c; 
					cursor: default;
				}
		
			/* stuff to handle auto-clearing of elements with floats without the need for a clearing div */				
			/* thanks to: http://www.positioniseverything.net/easyclearing.html */	
			#viewTabs:after {
				content: ".";
				display: block;
				visibility: hidden;
				clear: both;
				height: 1%;
				font-size: 0.1em;
				line-height: 0;
			}			

			/* patch to make easyclearing hack work in IE7 */
			/* thanks to: http://www.tanfa.co.uk/archives/show.asp?var=300 */
			#viewTabs { display: inline-block; }
			#viewTabs { display: block; }	
			
			#viewTabs #removePlaylistTab { display: none; }
				
			/*
			#viewTabs a { 
				color: #f78f1e;
				text-decoration: none;
			}
				
				#viewTabs a:hover { color: white; }
			
			#viewVideo { display: none; }
			*/

#loginForm {
	text-align: right;
	width: 235px;
	margin-left: 50px;
}

	#loginForm input.textField {
		width: 145px;
		margin-bottom: 3px;
	}