/* ---------------------------------------------------------------
	GLOBAL RESET
   _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,p
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

body {font-family: Arial, sans-serif; line-height: 1; overflow-x: hidden;}

input, select, textarea {border: 0; margin: 0; padding: 0;}
textarea {overflow: auto;}
input[type=hidden]{display: none !important;}
button {cursor: pointer; overflow: visible;} /* removes extra side padding in IE */
button::-moz-focus-inner {border: none;} /* overrides extra padding in Firefox */

ol, ul {list-style: none;}

a {color:#27acd2; text-decoration: none;}
a:hover {color: #222;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}

del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/* FONTS */
@font-face {
font-family:"Benton-Sans";
src:url("https://www.bu.edu/cdn/fonts/Benton-Sans-Bold/d4a4a960-2cf2-430e-8b13-cbf6f261ddb9-2.eot");
src:url("https://www.bu.edu/cdn/fonts/Benton-Sans-Bold/d4a4a960-2cf2-430e-8b13-cbf6f261ddb9-2.eot?") format("embedded-opentype"),
url("https://www.bu.edu/cdn/fonts/Benton-Sans-Bold/d4a4a960-2cf2-430e-8b13-cbf6f261ddb9-3.woff") format("woff"),
url("https://www.bu.edu/cdn/fonts/Benton-Sans-Bold/d4a4a960-2cf2-430e-8b13-cbf6f261ddb9-1.ttf") format("truetype");
font-style:normal;
font-weight:bold;
}
@font-face {
font-family:"Benton-Sans";
src:url("https://www.bu.edu/cdn/fonts/Benton-Sans-Bold-Italic/f037bfb1-69d7-4441-8d43-3b8c2c6e77d3-2.eot");
src:url("https://www.bu.edu/cdn/fonts/Benton-Sans-Bold-Italic/f037bfb1-69d7-4441-8d43-3b8c2c6e77d3-2.eot?") format("embedded-opentype"),
url("https://www.bu.edu/cdn/fonts/Benton-Sans-Bold-Italic/f037bfb1-69d7-4441-8d43-3b8c2c6e77d3-3.woff") format("woff"),
url("https://www.bu.edu/cdn/fonts/Benton-Sans-Bold-Italic/f037bfb1-69d7-4441-8d43-3b8c2c6e77d3-1.ttf") format("truetype");
font-style:italic;
font-weight:bold;
}


/* ---------------------------------------------------------------
	GLOBAL STYLES
   _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  */


body { background-color: #f3f5f5; }

.roundie {
	background-color: #fff;
	border: 1px solid #dce4e4;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px; }

.wrapper {
	position: relative;
	width: 862px;
	margin: 0 auto;
	zoom: 1; }

	.wrapper:after { content: "."; display: block;	height: 0; font-size: 0; clear: both; visibility: hidden; }

.pageContainer,
div#help,
div#browse,
div.admin_page {
	position: relative;
	width: 824px; /* totals 862 with padding and border */
	box-shadow: 0 0 4px #dcdcdc;
	-moz-box-shadow: 0 0 4px #dcdcdc;
	-khtml-box-shadow: 0 0 4px #dcdcdc;
	margin: 0 auto 24px;
	padding: 16px 18px 36px;
	z-index: 1;
	zoom: 1; }

	.pageContainer:after,
	div#help:after,
	div#browse:after,
	div.admin_page:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden; }

.pageContainer h1,
div#help h1,
div#browse h1,
div.admin_page h1 { 
		font: 700 2.6em/1.2em "Benton-Sans", Arial, sans-serif;
		color: #222;
		margin-bottom: 6px; /* adds the 24px between the bottom of the h1 and the top of the first <p> (due to extra space from line-height value) */ }

		#search h1 { display: inline; }

			#search h1 span.result_category { color: #27acd2; }

			#search h1 span.result_author { color: #eb4c4c; }

			#search h1 span.result_tag { color: #7dbf21; }		

			#search h1 span.result_search_term { color: #a6aeae; }
	
	#about h2,
	#terms h2 { margin: 24px 0 12px; }
	
		#help h2 { font-size: .9em; }
	
	#about p,
	#terms p,
	#help p {
		line-height: 1.5em;
		color: #858a8a;
		width: 645px;
		margin-bottom: 18px; }
					
.hidden { display: none; }

.cleaner { clear: both; }

object object a { font-size: .9em; }

	object object a:hover { color: #fff; }



/* ---------------------------------------------------------------
	Upload status bar above header (div#UPLOAD-STATUS)
   _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  */
#upload-status {
	position: relative;
	top: 0;
	border-bottom: 1px solid #000;
	background-color: #414040;
	width: 100%;
	height: 29px;
	zoom: 1; }

	#upload-status:after { content:".";	display: block; height:0; font-size:0; clear:both; visibility:hidden; }
	
	#upload-status h2 {
		float: left;
		background: #222 url(../images/sprite-upload-status.png) no-repeat 100% 0;
		font-size: .8em;
		text-indent: -10000px;
		line-height: 29px;
		color: #fff;
		margin: 0 12px 0 -327px;
		padding-right: 18px;
		width: 50%; }

	#upload-status #message {
		float: left;
		width: 728px; }
	
		#message p {
			float: left;
			display: block;
			font-size: .7em;
			line-height: 29px;
			color: #fff;
			vertical-align: middle;	}

			#message p + p { margin-left: 18px; }

			#message p#pending,
			#message p#success,
			#message p#error {
				background: url(../images/sprite-upload-status.png) no-repeat 0 0;
				padding-left: 31px; }

				#message p#pending { background-position: 0 -53px; }
		
					#message p#pending span { color: #c3c3c3; }
		
				#message p#success { background-position: 0 -99px; }

					#message p#success a { color: #1fbeec; }

						#message p#success a.title { color: #c3c3c3; }

				#message p#error { background-position: 0 -144px; }

					#message p#success a:hover,
					#message p#error a:hover { color: #fff; }

			#message p a.additional_link { padding-left: 8px; }

			#message p span.number {
				font-weight: bold;
				color: #fff; }

		#upload-status a#hide-frame {
			display: block;
			float: right;
			background: transparent url(../images/sprite-upload-status.png) no-repeat 0 -185px;
			font-size: .6em;
			line-height: 29px;
			color: #a6aeae;
			padding-left: 16px; }


/* ---------------------------------------------------------------
	Compatibility Notification (div#COMPATIBILITY-NOTICE)
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
   
#compatibility-notice {
	padding: 8px 0;
	background-color: #fff;
	border-bottom: solid 1px #e0e0e0;
}

	.compatibility-notice-text {
		width: 830px;
		margin: 0 auto;
		height: 24px;
		padding-left: 32px;
		font-family: Arial, sans-serif;
		font-size: 13px;
		line-height: 24px;
	}
	
	#chrome-notice {
		background: transparent url('../images/chrome-icon.png') no-repeat left top;
	}



/* ---------------------------------------------------------------
	Header & Navigation (div#HEADER)
   _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  */
#header h1 span,
#nav li a.upload span,
#nav li a.browse span { display:none; }

#header {
	position: relative;
	margin: 28px auto 18px;
	width: 862px;
	z-index: 120;
	zoom:1 }

	#header h1 { float: left; }

	#header h1 a {
		display: block;
		background: url(../images/sprite_header_footer.png) no-repeat 0 0;
		margin-top: -3px;
		width: 190px;
		height: 31px; }

	ul#nav {
		float: right;
		width: auto !important;
		width: 415px; /* IE6 will not float to the right w/out a width assigned */
		zoom: 1; }

		#nav li { float: left; }

			#nav li.browse {
				padding-bottom: 10px;
				padding-right: 18px; } 

				#nav li a.upload,
				#nav li a.browse {
					display: block;
					background: url(../images/sprite_header_footer.png) no-repeat 0 0;
					margin-left: 18px;
					width: 89px;
					height: 32px; }
		
						#nav li a.upload { background-position: 0 -31px; }

							#nav li a.upload:hover { background-position: 0 -63px }
			
						#nav li a.browse { background-position: -89px -31px; }

							#nav li a.browse:hover { background-position: -89px -63px }

			#nav li.my_stuff {
				display: inline;
				position: absolute;
				top: -20px;
				right: 0;
				font-weight: bold;
				font-size: .7em;
				color: #27acd2;
				width: auto;
				height: auto; }

				#nav li.my_stuff a:hover { color: #222; }
			
			a.logout {
				border-left: 1px solid #a6aeae;
				margin-left: 8px;
				padding-left: 8px; }

			a.logout span { color: #222; }
			
			
/* -- Nav modal (div#NAV-MODAL) ------------------ */		
#nav-modal {
	display: none;
	position: absolute;
	top: 38px;
	left: 560px;
	background-color: #222;
	width: 320px;
	box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3);
	-moz-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3);
	-khtml-box-shadow: 2px 2px 20px rgba(255, 255, 255, 0.3);
	z-index: 110;
	zoom: 1; }

	ul#nav-modal.roundie { border: 1px solid #383838; }

	#nav-modal li.categories,
	#nav-modal li.recent-tags {
		display: block;
		background: #222 url(../images/bg-nav-modal.gif) repeat-x 0 100%;
		padding: 12px 18px 10px 17px;
		width: 285px;
		zoom: 1; }
		
		li.categories { border-bottom: 1px solid #161616; }
		
		li.recent-tags { border-top: 1px solid #2e2e2e; }

			li.categories li,
			li.recent-tags li { width: 50%; }
			
				li.categories li a {
					display: block;
					font-weight: bold;
					font-size: .9em;
					line-height: 1.7em;
					color: #1fbeec; }
			
				li.recent-tags li a {
					display: block;
					font-weight: bold;
					font-size: .75em;
					line-height: 1.6em;
					color: #858a8a; }
			
					li.categories li a:hover,
					li.recent-tags li a:hover { color: #fff; }

			li.categories span,
			li.recent-tags span {
			font: 700 1em/1.4em "Benton-Sans", Arial, sans-serif;
			color: #fff;
			text-transform: uppercase; }
		
				li.recent-tags span span {
					font-size: 1em;
					color: #7fc61a;	}

	#nav-modal li.browse-all {
	background: url(../images/sprite_icons.png) no-repeat 0 -54px;
	font-size: .8em;
	line-height: 35px;
	color: #fff;	
	margin-left: 18px;
	padding-left: 18px; }
	
		#nav-modal li.browse-all span { font-weight: bold; }
	
		#nav-modal li.browse-all a:hover { color: #fff; }

#header:after,
ul#nav:after,
#nav-modal li.categories:after,
#nav-modal li.recent-tags:after { content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden; }



/* ---------------------------------------------------------------
	Homepage 
   _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  */
.hp_category_container {
	float: left;
	position: relative;
	margin: 0 25px 24px 0;
	padding: 0 18px 14px 18px;
	width: 291px; /* totals 329 with padding and border */
	box-shadow: 0 0 4px #dcdcdc;
	-moz-box-shadow: 0 0 4px #dcdcdc;
	-khtml-box-shadow: 0 0 4px #dcdcdc;
	z-index: 1; }

	.hp_category_container h2 {
		border-bottom: 3px solid #f2f5f5;
		font: 700 1.7em "Benton-Sans", Arial, sans-serif;
		margin: 12px 0 12px 0;
		padding-bottom: 4px; }

		.hp_category_container h2 a { color: #27acd2; }
		
			#bu_today.hp_category_container h2 a { color: #549bbb; }

			.hp_category_container h2 a span { color: #a6aeae; }
			
				#bu_today.hp_category_container h2 a span { color: #cc0000; }

	.hp_category_container p.browse-all {
		background: url(../images/sprite_icons.png) no-repeat 0 -65px;
		font-size: .8em;
		padding-left: 18px;
		zoom: 1; }

.hp_category_container h2 a:hover,
.hp_category_container p.browse-all a:hover { color: #222; }


/* -- Sidebar (div#SIDEBAR) ------------------ */		
#sidebar {
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #fff;
	margin-left: 12px;
	padding-left: 12px;
	width: 154px;
	z-index: 10; }

	#sidebar .roundie {	background-color: #e5eaea; }

	#sidebar .upload,
	#sidebar .browse,
	#sidebar .rss {	margin-bottom: 24px; }

	#sidebar h4 {
		background: url(../images/sprite_sidebar.png) no-repeat 93px -60px;
		font: 700 1.4em "Benton-Sans", Arial, sans-serif;
		line-height: 34px;
		vertical-align: middle;
		margin: 6px 0 0 0;
		padding-left: 12px; }	
	
		#sidebar h4 a { color: #444; }
		
			#sidebar h4 a:hover { color: #27acd2; }
	
		#sidebar .browse h4 { background-position: 35px -89px; }
		
		#sidebar .rss h4 { background-position: -67px -123px; }
	
	#sidebar p {
		font-size: .75em;
		line-height: 1.5em;
		color: #666;
		margin-bottom: 10px;
		padding: 0 12px; }	
			
		#sidebar p.contact {
			font-weight: bold;
			font-size: 1.2em;
			line-height: 1.3em;
			color: #a6aeae;
			padding: 0; }
		
			#sidebar p.contact a {
				display: inline;
				background: none;
				color: #27acd2;	}
			
				#sidebar p.contact a:hover { color: #222; }

	#sidebar p + a {
		display: block;
		background: #27acd2 url(../images/sprite_sidebar.png) no-repeat 0 0;
		font-weight: bold;
		font-size: .9em;
		line-height: 20px;
		text-align: center;
		color: #fff;
		padding: 7px 0 7px 0;
		border-radius: 0 0 6px 6px;
		-moz-border-radius: 0 0 6px 6px;
		-khtml-border-radius: 0 0 6px 6px; }
		
		#sidebar a span { color: #b4eeff; }



/* ---------------------------------------------------------------
	Search Results (div#SEARCH) 
   _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  */
#search h1 + p {
	display: inline;
	font-size: .9em;
	color: #a6aeae; }

#search #stopwords {
	font-size: .8em;
	color: #666;
	padding-top: 5px; }


/* -- Sort (div#SORT) ------------------ */		
#sort {
	background-color: #f3f5f5;
	border: 1px solid #dce4e4;
	font-family: Arial, sans-serif;
	margin: 0 0 24px;
	padding: 13px 18px; }

	#search #sort {	margin-top: 12px; } /* margin-top added because on search pages, the h1 is inline to allow for the number of videos to be shown alongside */

	#sort h3 {
		display: inline;
		font-weight: bold;
		font-size: .95em;
		color: #858a8a; }

		#sort ul + h3 { margin-left: 16px; }
		
		#sort h3.advanced-sort {
			background-image: url(../images/sprite_icons.png);
			background-repeat: no-repeat;
			background-position: 100% 7px;
			font-size: .82em;
			color: #27acd2;
			margin-left: 126px;
			padding-right: 10px;
			cursor: pointer; }
			
			#sort h3.advanced-sort span {
				background: url(../images/sprite_icons.png) no-repeat 0 -157px;
				padding-left: 22px;	}

	#sort p { margin: 0; }
	
	#sort ul { display: inline; }

		#sort li { display: inline; }
		
			#sort li a {
				border-left: 1px solid #a6aeae;
				font-weight: bold;
				font-size: .8em;
				color: #27acd2;
				padding: 0 3px 0 7px; }

				#sort li:first-child a { border: none; }

				#sort li a.current { color: #222; }

#sort li a:hover,
#sort h3.advanced-sort span:hover { color: #858a8a; }


/* -- Search results pagination (div#PAGINATION) ------------------ */		
#pagination { margin-top: -25px; } /* to align with rss subscribe link at bottom of result pgs */

	#pagination ul { zoom: 1; }
	
		#pagination ul:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
	
		#pagination li {
			display: block;
			float: left;
			background: #f8f8f8 url(../images/sprite_forms.png) repeat-x 0 0;
			font-weight: bold;
			font-size: .9em;
			color: #222;
			margin-left: 6px;
			zoom: 1; }
	
		#pagination li:first-child { margin-left: 0; }

			#pagination li.vid-count {
				background: none;
				font-size: .8em;
				line-height: 36px;
				vertical-align: middle;
				margin-left: 12px; }
	
					#pagination li.vid-count span {
						font-weight: normal;
						font-style: italic;
						color: #858a8a; }

			#pagination li.current,
			#pagination li.roundie:hover { background: #dce4e4; }
	
				#pagination li.current a,
				#pagination li a:hover { color: #222; }

			#pagination li.roundie a span {
				font-weight: bold;
				font-style: normal;
				color: #a6aeae;	}
			
			
			#pagination a {
				display: block;
				line-height:  32px;
				vertical-align: middle;
				color: #27acd2;
				padding: 0 11px 0 12px; }
	
				#pagination a.off { color: #858a8a; }
	
				#pagination a.on { color: #222; }



/* ---------------------------------------------------------------
	Video item instances (div.VIDEO-ITEM)
   _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  */

/* -- STRUCTURE ---------------------------- */ 
#results.thumbnail-view {
	float: left;
	margin-right: 18px;
	width: 645px; }

.thumbnail-view .wrapper {
	border-bottom: 3px solid #f2f5f5;
	margin-bottom: 18px;
	padding-bottom: 13px;
	width: 645px;
	zoom: 1; }

	.thumbnail-view .wrapper:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden; }

#results.detailed-view {
	float: left;
	margin-right: 18px;
	width: 645px; }


.video-item {
	position: relative;
	border-bottom: 3px solid black;
	margin-bottom: 12px;
	padding-bottom: 12px;
	zoom: 1; } 

	.hp_category_container .video-item { border-bottom: 1px solid #ebeeee; }
	
	#popular-videos .video-item {
		border-bottom: 1px solid #2c2c2c;
		margin-bottom: 12px;
		padding-bottom: 10px; }
	
	#popular-people .video-item {
		border-bottom: 1px solid #2c2c2c;
		margin-bottom: 6px;
		padding-bottom: 5px; }

	.thumbnail-view .video-item {
		float: left;
		border: none;
		margin: 0 0 0 18px;
		padding: 0;
		width: 203px; }
	
		.thumbnail-view .video-item:first-child { margin: 0 }

	.detailed-view .video-item {
		border-bottom: 3px solid #f2f5f5;
		margin-bottom: 18px;
		padding-bottom: 18px; }

	#browse .video-item {
		float: left;
		border: none;
		margin: 0 0 0 18px;
		padding: 0;
		width: 120px; }
	
		#browse .item h2 + .video-item { margin: 0 }

	#related.videos .video-item {
		margin-bottom: 12px;
		padding-bottom: 11px; }


	.thumbnail {
		float: left;
		width: 120px;
		height: 90px;
		overflow-y: hidden; }
	
		#popular-videos .thumbnail,
		#related.videos .thumbnail {
			width: 77px;
			height: 58px; }
		
		#popular-people .thumbnail { display: none; /* width: 77px; height: 58px;     DON'T DELETE ON CLEAN-UP */ }
	
		.thumbnail-view .thumbnail {
			float: none;
			width: 203px;
			height: 152px;
			overflow-y: hidden; }
		
		#browse .thumbnail { float: none; }
	
		.thumbnail img {
			width: 120px;
			max-height: 90px; }
		
			#popular-videos .thumbnail img,
			#popular-people .thumbnail img,
			#related.videos .thumbnail img {
				width: 77px;
				max-height: 58px; }
	
			.thumbnail-view .thumbnail img {
				width: 203px;
				max-height: 152px; }


	.watch-video {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background: transparent url(../images/sprite-thumb-overlay.png) no-repeat -300px 0 !important;
		background: 0; /* SO THERE IS NO OVERLAY PNG IN IE6 */
		width: 120px;
		height: 90px; }
	
		#popular-videos .watch-video,
		#related.videos .watch-video {
			background-position: -900px 0 !important;
			width: 77px;
			height: 58px; }
		
		#related.videos .watch-video { background-position: -600px 0 !important; }
		
		#popular-people .watch-video {
			display: none;
		/*  background-position: -900px 0 !important;    DON'T DELETE ON CLEAN-UP
			width: 77px;
			height: 58px; */ }
	
		.thumbnail-view .watch-video {
			background-position:  0 0 !important;
			width: 203px;
			height: 152px; }
	
		.watch-video a {
			display: block;
			text-indent: -10000px;
			height: 90px; }
	
			#popular-videos .watch-video a,
			#popular-people .watch-video a,
			#related.videos .watch-video a { height: 58px; }
		
			.thumbnail-view .watch-video a { height: 152px; }

	
	.details { float: right; }
	
		.hp_category_container .details,
		#related.videos .details {
			width: 161px;
			overflow-x: hidden;
			word-wrap: break-word; }
		
			#related.videos .details { width: 180px; }	
	
		#popular-videos .details {
			width: 182px;
			padding-left: 8px;
			overflow-x: hidden;
			word-wrap: break-word; }
		
		#popular-people .details {
			float: none;
			/* padding-left: 8px; width: 182px;     DON'T DELETE ON CLEAN-UP */ }
	
		.thumbnail-view .details {
			float: none;
			width: 203px;
			overflow-x: hidden;
			word-wrap: break-word; }
		
		.detailed-view .details {
			padding-left: 8px;
			width: 515px; }
		
		#browse .details {
			float: none;
			width: 120px;
			overflow-x: hidden;
			word-wrap: break-word; }
		
		p.edit + .details { min-height: 112px; } /* IF EDIT/DELETE LINKS EXIST, ADD MIN-HEIGHT TO div.DETAILS TO PUSH 3PX BOTTOM BORDER DOWN 18PX */
	
		.details h3 { margin: 0; }
	
			.details h3 a { display: block; }


	.video-item p.edit,
	#info p.edit {
		position: absolute;
		margin: 0 0 5px 0;
		zoom: 1; }
	
		.video-item p.edit a,
		#info p.edit a {
			display: block;
			float: left;
			background: url(../images/sprite_editdelete.png) no-repeat 0 0;
			text-indent: -10000px;
			height: 18px; }	
		
	.thumbnail-view .video-item p.edit {
		position: relative;
		margin-top: 8px;
		width: 203px; }	
		
		.thumbnail-view .video-item p.edit a.edit_link { background-position: 0 -38px; width: 99px; }
		.thumbnail-view .video-item p.edit a.delete_link { background-position: -99px -38px; width: 104px; }
		
			.thumbnail-view .video-item p.edit a.edit_link:hover { background-position: 0 -57px; }
			.thumbnail-view .video-item p.edit a.delete_link:hover { background-position: -99px -57px; }	
	
	.detailed-view .video-item p.edit {
		top: 94px;
		left: 0;
		width: 120px; }
	
		.detailed-view .video-item p.edit a.edit_link { background-position: -1px -76px; width: 57px; }
		.detailed-view .video-item p.edit a.delete_link { background-position: -58px -76px; width: 63px; }
	
			.detailed-view .video-item p.edit a.edit_link:hover { background-position: -1px -95px; }
			.detailed-view .video-item p.edit a.delete_link:hover { background-position: -58px -95px; }
	
	#info p.edit {
		position: relative;
		margin-top: 18px;
		width: 256px; }
	
		#info p.edit a.edit_link { background-position: 0 0; width: 128px; }
		#info p.edit a.delete_link { background-position: -128px 0; width: 128px; }
	
			#info p.edit a.edit_link:hover { background-position: 0 -19px; }
			#info p.edit a.delete_link:hover { background-position: -128px -19px; }


.video-item:after,
.video-item p.edit:after,
#info p.edit:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden; }


/* -- CONTENT STYLES ---------------------------- */ 
.details h3,
#popular-videos .details h6,
#popular-people .details h6 { margin-bottom: 6px; }

#related.videos .details h6 {
	font-size: .85em;
	text-transform: lowercase
	line-height: 1.6em;
	margin-bottom: 0; }

.details h3 a {
	font-size: .9em;
	line-height: 1.3em;
	color: #222; }
	
	.hp_category_container .details h3 a span {
	font-size: .8em;
	color: #a6aeae; }

	#browse .details h3 a {
		font-size: .75em;
		line-height: 1.3em;
		padding-top: 4px; }	
	
	.thumbnail-view .details h3 a { padding-top: 6px; }
	
	.detailed-view .details h3 a { font-size: 1em; }


.details p { font-size: .75em; margin-bottom: 6px; }

	.details p.byline,
	#popular-people .details p.title { color: #858a8a; }

	.hp_category_container .details p.byline { line-height: 1.5em; }

	.details p.byline a span { color: #a6aeae; }

	.hp_category_container .details p.tags {
	line-height: 1.4em;
	text-transform: lowercase; }

	.details p.tags strong { color: #7fc61a; }

	.detailed-view .details p.description {
		line-height: 1.4em;
		color: #858a8a;
		margin: 0;
		overflow-x: hidden;
		word-wrap: break-word; }
	
		.detailed-view .details p.description span.more_trigger {
			display: block;
			color: #27acd2;
			margin-top: 4px;
			width: 100px;
			cursor: pointer; }
		
			.detailed-view .details p.description span.more_trigger strong {
				background: url(../images/sprite_icons.png) no-repeat 100% 5px;
				padding-right: 9px; }

	.detailed-view .details p.tags {
		border-top: 1px dotted #cbd8d8;
		border-bottom: 1px dotted #cbd8d8; 
		line-height: 1.5em;
		text-transform: lowercase;
		margin: 8px 0 12px;
		padding: 8px 0 10px; }
	
		.detailed-view .details p.tags span {
			font-weight: bold;
			color: #7fc61a; }


.detailed-view .details li {
	display: inline;
	border-left: 2px solid #dee6e6;
	background: url(../images/sprite_icons.png) no-repeat 0 0;
	font-size: .75em; }

	.detailed-view .details li:first-child { border-left: 0; }

	.detailed-view .details li.love {
		background-position: -49px -203px;
		padding: 0 8px 0 24px; }
	
	.detailed-view .details li.comments {
		background-position: -40px -293px;
		padding: 0 8px 0 36px; }	

	.detailed-view .details li.views {
		background-position: -40px -247px;
		padding: 0 0 0 36px; }

	.detailed-view .details li span { color: #858a8a; }


#popular-videos .details h6 a,
#popular-people .details h6 a {
	font-weight: bold;
	font-size: .75em;
	line-height: 1.3em;
	color: #fff; }

#related.videos .details h6 a {
	font-weight: normal;
	text-transform: none;
	color: #27acd2; }

#popular-videos .details p.byline span {
	background: url(../images/sprite_icons.png) no-repeat 0 0;
	font-weight: bold;
	font-size: .75em;
	color: #fff;
	padding: 0 2px 0 17px; }

	#popular-videos .details p.love span { background-position: 4px -202px; }
	#popular-videos .details p.comments span { background-position: 2px -292px; }
	#popular-videos .details p.views span { background-position: 2px -246px; }
	
#popular-people .details p.title a {
	font-style: italic;
	color: #1fbeec; }

#video-embed {
	text-align:center;
}

#video-embed .embed-box {
	display: none;
	background:#333;
	width:100%;
	height:68px;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing: border-box;
	border:1px solid #424242;
	border-top:none;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	color:#a6aeae;
	margin-top:-2px;
}

#video-embed .embed-button {
	background:#333;
	border:1px solid #424242;
	line-height: 1.4em;
	font-size:.7em;
	color:#999;
	height:24px;
	text-align:center;
	padding:3px 20px 2px 20px;
	margin:10px auto;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}

#video-embed textarea::-moz-selection {
	background: #000;
}

/* -webkit igonres ::selection background-color on inputs and textareas
#video-embed textarea::selection {
	background: #000;
}
*/

/* -- HOVER STATES ---------------------------- */ 
#popular-videos .details p.byline a:hover,
#popular-people .details p.byline a:hover,
#popular-people .video-item .details p.title a:hover { color: #fff; }

#related.videos span.watch-video:hover + div.details h6 a,
#related.videos h6 a:hover,
.detailed-view .details li.love a:hover,
.detailed-view .details p.description span.more_trigger:hover,
.details p.byline a:hover,
.details p.tags a:hover { color: #222; }

#browse .details h3 a:hover,
.details h3 a:hover,
span.watch-video:hover + div.details h3 a { color: #27acd2; }

#popular-videos .details h6 a:hover,
#popular-people .details h6 a:hover,
#popular-videos span.watch-video:hover + div.details h6 a { color: #1fbeec; }



/* ---------------------------------------------------------------
	Video player (div#VIDEO) 
   _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  */
#video {
	background: #111;
	border: 0;
	width: 100%;
	box-shadow: 0 0 7px #666; /* THE BOX-SHADOW CREATES A HORIZ SCROLL BAR BEC. SHADOW IS ADDED TO THE OUTSIDE OF THE BOX, INCREASING IT'S WIDTH */
	-moz-box-shadow: 0 0 7px #666; /* <CONT.> THE ONLY WAY TO REMOVE THE HORIZ SCROLL BAR IS TO HAVE OVERFLOW-X=NONE ON BODY, BUT USING THE ARROW KEYS, */
	-khtml-box-shadow: 0 0 7px #666; /* <CONT.> ONE CAN STILL SCROLL RIGHT */
	margin: 0 0 18px 0;
	padding: 0;
	overflow: hidden; }

	#video #player {
		float: left;
		width: 550px;
		margin: 18px 0;	}
	
	#video #video-left  {
		float: left;
		margin: 18px 0;
		width:550px;
	}
	
	#video #feature_mover iframe {
		float: none;
		margin: 0;
	}

	#video #info {
		float: right;
		background: #333;
		border: 1px solid #424242;
		width: 256px;
		min-height: 292px;
		height: auto !important;
		height: 292px;
		margin: 18px 0;
		padding: 0 18px 18px 18px;
		word-wrap: break-word;
		overflow-x: hidden; }
	
		#info h1 {
			font: 700 2.05em/1.1em "Benton-Sans", Arial, sans-serif;
			color: #fff;
			margin: 12px 0 6px; }
		
		#info p {
			font-size: .9em;
			line-height: 1.4em;
			color: #a6aeae;	}

			#info p.byline,
			#info p.tags,
			#info p.description a.show_more,
			#info li { font-size: .825em; }
	
			#info p.byline {
				line-height: 1.5em;
				margin-bottom: 6px;	}

				#info p.byline span {
					font-weight: bold;
					color: #fff; }
				
				#info p.byline a span {
					font-weight: normal;
					color: #a6aeae;	}
	
			#info p.description {
				font-size: .85em;
				line-height: 1.5em;
				margin-bottom: 12px;
				overflow-x: hidden;
				word-wrap: break-word; }
	
			#info p.tags {
				border-top: 1px solid #5a5a5a;
				border-bottom: 1px solid #5a5a5a;
				background: url(../images/sprite_icons.png) no-repeat -51px -325px;
				line-height: 1.4em;
				text-transform: lowercase;
				margin-bottom: 16px;
				padding: 10px 0 10px 24px;
				overflow-x: hidden;
				word-wrap: break-word; }
		
				#info p.tags span {
					font-weight: bold;
					color: #7fc61a; }
				
				#info p.tags span.more {
					font-weight: normal;
					color: #a6aeae; }

		#info li {
			display: inline;
			border-left: 1px solid #444;
			background: url(../images/sprite_icons.png) no-repeat 0 0;
			font-weight: bold;
			color: #fff; }
	
			#info li:first-child { border-left: 0; }
	
			#info li.love {
				background-position: -47px -202px;
				padding: 0 8px 0 24px; }
	
				#info li.love a {
					font-size: .9em;
					color: #1fbeec; }
				
					#info li.love a:hover { color: #fff; }
	
			#info li.comments {
				background-position: -40px -292px;
				padding: 0 8px 0 36px; }	
	
			#info li.views {
				background-position: -40px -246px;
				padding: 0 0 0 36px; }

		#info a { color: #1fbeec; }
		
			#info p.description span.more a { font-size: 100%; }
		
		
			#info a:hover { color: #fff; }

		#info .abuse {
			display: block;
			font-size: .7em;
			margin-top: 15px; }
 		
 			#info .abuse a { color: #a6aeae; }
 			
 				#info .abuse a:hover { color: #1fbeec; }
			
	
/* -- Homepage Video Player (div#video.homepage) ------------------ */		
#video.homepage {}

	#video.homepage .wrapper {	padding: 18px 0 10px 0; }
	
		#video.homepage #hp_feature_block {
			float: none;
			position: relative;
			margin: 0 auto;
	 		width: 550px;
	 		height: 373px;
			overflow: hidden;
	   		box-shadow: 0 0 20px #000;
			-moz-box-shadow: 0 0 20px #000;
			-khtml-box-shadow: 0 0 20px #000; }
   		
   			#video.homepage #hp_feature_block #feature_mover {
   				position: absolute;
   				left: 0px;
   				top: 0px;
   				height: 373px;
   				width: 2900px; }
   			
	   			#video.homepage #hp_feature_block #feature_mover:after {content: "."; display:block; height:0; font-size:0;clear:both;visibility:hidden;}
   		
		   		#video.homepage #hp_feature_block #feature_mover .player {
			   		width: 550px;
			   		float: left; }
		   		
					#video.homepage #hp_feature_block #feature_mover .player object { margin-bottom: -3px; }
		
			#video.homepage .info {
				position: absolute;
				top: 310px;
				border: none;
				background: #333;
				padding: 0;
				width: 550px;
				height: 64px; }
	
				#video.homepage .info h3 {
					width: 470px;
					padding: 7px 0 5px 11px; }
	
					#video.homepage .info h3 a {
						font-weight: bold;
						font-size: 1.2em;
						line-height: 1.2em;
						color: #fff; }
					
						#video.homepage .info h3 a span {
							font-weight: normal;
							font-size: .7em;
							color: #a6aeae;	}
	
				#video.homepage .info p {
					font: bold .8em Arial, sans-serif;
					color: #fff;
					padding: 0 0 12px 12px; }
				
					#video.homepage .info p span.toptag { color: #7fc61a; }
				
				#video.homepage .info a { font-weight: normal; }
				
					#video.homepage .info a:hover { color: #fff; }
			
		#video.homepage #featured_dots {
			font-size: 1.5em;
			text-align: center;
			letter-spacing: 4px;
			color: #1fbeec;
			margin: 10px 0 0 0; }
		
			#video.homepage #featured_dots span { cursor: pointer; }
			
				#video.homepage #featured_dots span:hover { color: #fff; }

				#video.homepage #featured_dots span.feature_on { color: #7fc61a;}
	
		#video.homepage ul.nav {
			font-size: 0;
			height: 0; }
	
			#video.homepage ul.nav a {
				display: block;
				position: absolute;
				top: 130px;
				left: 0;
				background: transparent url(../images/sprite_homepage.png) no-repeat -709px 43px;
				text-indent: -10000px;
				width: 72px;
				height: 150px; }
			
				#video.homepage ul.nav a:hover { background-position: -791px 43px; }
		
				#video.homepage ul.nav li.next a {
					left: auto;
					right: 0;
					background-position: -555px 43px; }
				
					#video.homepage ul.nav li.next a:hover { background-position: -637px 43px; }



/* ---------------------------------------------------------------
	Global Form Styles
	------------------ Note: can't use <legend> tags in forms because of x-browser rendering issues - most importantly that FF doesn't allow absolute positioning of legends
	_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  */
form {
	font-size: 1em;
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
	width: 554px; }

	fieldset { border-top: 3px solid #f2f5f5; }
	
	label {
		font-weight: bold;
		color: #222; }	

	input,
	select,
	textarea {
		border: 2px solid #cbd8d8;
		background: #f2f5f5 url(../images/sprite_forms.png) no-repeat 0 0;
		font: .8em Arial, sans-serif;
		color: #222;
		padding: 5px;
		width: 372px; }

		input:focus, select:focus, textarea:focus { border: 2px solid #27acd2; }

		select {
			background-color: #fff;
			color: #222;
			padding: 3px;
			width: 385px;
			height: 30px; }

		textarea {
			height: 150px;
			resize: none; }
	
	option { padding: 2px 8px; }

	form em {
		display: block;
		font-style: italic;
		font-size: .6em;
		color: #858a8a;
		text-align: right;
		margin: 3px 25px 2px 0; }


/* Main Nav Search Form ------------------ */		
#nav form {
	margin: 0;
	padding: 0;
	width: 180px;
	height: 28px; }

	#nav label,
	#nav button span,
	#nav li.search legend { display:none; }
	
	#nav input {
		display: block;
		float: left;
		border: 0;
		background: transparent url(../images/sprite_header_footer.png) no-repeat 0 -95px;
		font-size: 11px;
		color: #000;
		outline: 0;
		margin: 0;
		padding: 7px 0 7px 7px;	
		width: 140px;
		height: 14px; }


/* Upload Form Structure ------------------ */		
#upload form {
	width: 554px;
	zoom: 1; }

	#upload form:after {content: "."; display:block; height:0; font-size:0;clear:both;visibility:hidden;}

#upload h2 {
	font: 700 1.7em "Benton-Sans", Arial, sans-serif;
	color: #222;
	margin-bottom: 9px;
	cursor: pointer; }

	#upload h2 strong {
		background: transparent url(../images/sprite_forms.png) no-repeat 100% -414px;
		padding-right: 23px; }	

	#upload h2:hover { background-position: 100% -459px; }
	
	#upload h2 span { color: #a6aeae; }

	.toggle { background-position: 0 -76px; }

#upload fieldset {
	position: relative;
	background: transparent url(../images/sprite-upload123.gif) no-repeat 35px 24px;
	padding: 19px 0 24px 144px; }

#upload button.upload {
	float: left;
	margin: -4px 0 0 12px; }


/* fieldset CHOOSE FILE in upload form ---------- */
fieldset#choose-file { padding-bottom: 15px; }

	#choose-file label {
		display: block;
		background: url(../images/sprite_forms.png) no-repeat -431px -275px;
		line-height: 40px;
		padding-left: 43px; }

	#from-youtube,
	#from-computer {
		border: 1px solid #dce4e4;
		background-color: #f3f5f5;
		margin: 0;
		padding: 0;
		width: 384px;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-khtml-border-radius: 6px; }
	#from-computer {
		display: none; }

		#from-computer label { background-position: -431px -333px; }

		#from-youtube input {
			color: #737373;
			margin-left: 43px;
			width: 309px; }
		
		#from-youtube .upload_details { display: block; }
		.upload_details {
			display: none;
			padding-bottom: 16px;
			zoom: 1; }
		
			.upload_details:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden; }		

			#from-computer .upload_details { margin-left: 40px; }
			
				#from-computer .upload_details:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden; }

			#from-computer object { float: left; }
							
			#from-computer #computer_filename {
				font-size: .9em;
				line-height: 2.1em;
				color: #737373;
				padding-left: 12px;
				width: 210px; }

	#choose-file p { /* the OR */
		border-top: 2px solid #dbe7e7;
		margin: 30px 0 0 143px;
		padding: 0;
		width: 100px; }	
				
		#choose-file p span {
			display: block;
			background-color: #fff;
			font: bold 1.2em Arial, sans-serif;
			color: #a6aeae;
			margin: -12px 0 0 28px;
			padding: 0 4px 0 8px;
			width: 30px; }
	
		#choose-file em { 
			margin-top: 6px;
			display: none; }

	.yt_check_loader {
		display: none;
		margin: 15px 0 2px 43px; }


/* fieldset ADD VIDEO DETAILS in upload form ---------- */
fieldset#video-details { background-position: 35px -680px}

	#video-details label {
		display: inline;
		background: url(../images/sprite_forms.png) no-repeat -437px -10px;
		font-weight: normal;
		font-size: .8em;
		padding: 2px 12px 0 22px;
		cursor: pointer; }
		
		#video-details label:hover { background-position: -437px -47px; }

		#video-details label.checked { background-position: -437px -86px; }
	
	#video-details #category { zoom: 1; }

		#video-details #category:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden; }

		#video-details #category label {
			float: left;
			line-height: 15px;
			width: 40%;
			margin-bottom: 6px; }
		
		#video-details #category input {
			position: absolute;
			left: -10000px; }
	
	#pick-thumbnail label.thumbnail_hdr,
	#video-details label.hdr,
	#video-details #enter_title label.title_hdr,
	#video-details #enter_description label.description_hdr,
	#video-details #category label.category_hdr,
	#add-tags label.tags_hdr { /* CANCEL OUT PREVIOUS STYLES FOR LABEL HEADINGS */
		display: block;
		background: none;
		font-weight: bold;
		font-size: 1em;
		line-height: normal;
		margin-bottom: 6px;
		padding: 0;
		cursor: default; }
	
			#video-details #category label.category_hdr { float: none; width: 90%; margin-top: 14px; }


/* fieldset ADD TAGS in upload form ---------- */
fieldset#add-tags {
	border-bottom: 3px solid #f2f5f5;
	background-position: 35px -414px;
	margin-bottom: 24px;
	padding-bottom: 15px; }

	#add-tags label {
		display: block;
		font-weight: normal;
		font-size: .8em;
		line-height: 1.5em;
		margin-bottom: 9px;	}

		#add-tags label#help_text_non_academic { margin-top: -4px; }


/* fieldset TERMS AGREEMENT in upload form ---------- */
fieldset#terms-agreement {
	float: left;
	border: 1px solid #dce4e4;
	background-image: none;
	background-color: #f2f5f5;
	padding: 10px;
	width: 367px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px; }	

	#terms-agreement label {
		background: url(../images/bg_checkboxes_standalone.gif) no-repeat 0 -3px;
		font-weight: bold;
		font-size: .8em;
		padding-left: 24px;
		cursor: pointer; }
		
		#terms-agreement label:hover { background-position: -380px -3px; }
			
		#terms-agreement label.checked { background-position: -760px -3px; }		
		
	#terms-agreement input {
		position: absolute;
		left: -10000px; }		

	#terms-agreement p.termsSlider { 
		font-size: .7em;
		color: #222;
		margin: 0;
		padding: 12px 0 8px 32px; }
	
	#terms-agreement span.termsSlider {
		font-weight: bold;
		font-size: .8em;
		color: #27acd2;
		cursor: pointer; }

			#terms-agreement span.termsSlider:hover { color: #222; }

	#terms-agreement a {
		display: block;
		font-size: 1.2em;
		margin: 8px 0 0; }
	

/* Upload Form Help ---------- */
#upload div.help {
	display: none;
	position: absolute;
	top: 8px;
	width: 277px; }

	#upload .help div {
		background: transparent url(../images/sprite_forms.png) no-repeat 0 -498px;
		margin-bottom: 24px;
		padding: 0 0 0 24px; }

	#upload .help div + div {
		background: transparent url(../images/sprite_forms.png) no-repeat -413px -498px;
		padding-top: 0; }

	#upload .help h3 {
		font: bold 1em/1.5em Arial, sans-serif;
		color: #222;
		margin: 0;
		width: 235px; }
	
	#upload .help p {
		border: none;
		font-weight: normal;
		font-size: .75em;
		line-height: 1.5em;
		color: #666;
		margin: 0;
		padding-top: 6px;
		width: 235px;
		display: block; }

		#upload .help p strong,
		#upload .help p span { color: #222; }

	#upload .help { margin-left: 421px; }

	#upload fieldset#video-details .youtube_reminder { margin-top: 316px; }

		#upload .youtube_reminder p { font-weight: bold; }


/* Edit Video Details ---------- */
#edit form {
	width: 390px;
	zoom: 1; }

	#edit form:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden; }

	#edit form em { margin-right: 4px; }

	#edit fieldset#pick-thumbnail {
		border: none;
		padding: 22px 0 21px 0; }

		#edit fieldset#pick-thumbnail img {
			width: 120px;
			height: 90px; }

	#edit fieldset#video-details { padding: 23px 0; }
	
	#edit fieldset#add-tags { padding-top: 20px; }

	#upload_thumb { margin: 13px 0; }
	
		#upload_thumb label.hdr {
			display: block;
			margin-bottom: 14px; }
	
	#enter_author { margin-bottom: 24px; }

#edit .enter_av_path label,
#edit .enter_youtube_url label,
#enter_author label {
	display: block;
	margin-bottom: 8px; }

#edit .enter_av_path input { margin-bottom: 18px; }

#edit .youtube_details_container {
	margin-bottom: 24px;
	zoom: 1; }

	#edit .youtube_details_container:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}


/* Form Error Messages ------------------ */
.error_container {
	display: none;
	border: 0;
	margin: 0;
	padding: 0;
	min-height: 0; }

	#errors_for_video_type {
		background: transparent url(../images/sprite_forms.png) no-repeat -437px -225px;
		margin: 0;
		padding: 0 0 0 24px; }
	
	#errors_for_tags { margin-bottom: 3px; }

	#video-details #category #errors_for_category label {
		float: none;
		width: 100%; }

	input.error,
	textarea.error {
		background: #ffe7e7 url(../images/sprite_forms.png) no-repeat -25px -200px;
		border: 2px solid #b42323; }

#choose-file label.error {
	display: inherit;
	background: none;
	font-size: .8em;
	color: #b42323;
	margin: 0;
	padding: 0;
	cursor: default; }
	
	#errors_for_computer {
		clear: both;
		margin-left: 5px; }

	#errors_for_youtube { margin-left: 43px; }

#upload .yt_response_error,
#edit .yt_response_error {
	display: none;
	background: url(../images/sprite_forms.png) no-repeat -434px -233px;
	font: bold .8em Arial, sans-serif;
	margin: 15px 0 0 43px;
	padding-left: 26px; }
	
	#edit .yt_response_error { margin-left: 0; }

	#upload .yt_response_error span,
	#edit .yt_response_error span {
		font-size: 1.4em;
		color: #b42323; }

#video-details label.error,
#add-tags label.error,
#terms-agreement label.error {
	display: block;
	background: none;
	font: bold .8em Arial, sans-serif;
	color: #b42323;
	margin-bottom: 6px;
	padding: 0;
	cursor: default; }

	#add-tags label.error {
		margin: 0;
		padding: 0; }

#edit #errors_for_youtube_url label.error {
	font-size: .8em;
	margin-left: 26px; }
	
#edit #errors_for_av_path label.error {
	display: block;
	font-size: .8em;
	color: #b42323;
	margin-bottom: 18px; }	


/* Form Success Messages ------------------ */
#upload .yt_response_success,
#edit .yt_response_success {
	display: none;
	float: right;
	font: bold .8em Arial, sans-serif;
	line-height: 1.4em;
	width: 260px;
	padding-top: 22px; }

	#upload .yt_response_success span,
	#edit .yt_response_success span {
		font-size: 1.4em;
		color: #7fc61a;	}

#upload .yt_response_thumb,
#edit .yt_response_thumb {
	display: none;
	float: left;
	margin: 15px 0 0 43px;
	width: 70px;
	height: 52px; }


/* Results Edit Search Form ------------------ */
#edit_search {
	margin: 18px 0 0 0;
	padding: 0; }

	#edit_search label { display: none; }

	#edit_search input#keyword {
		margin: 0 14px 0 0;
		width: 417px; }


/* Results Advanced Sort Form ------------------ */
#advanced-sort{ 
	position: relative;
	margin-top: 18px;
	width: 786px;
	zoom: 1; }

	#advanced-sort label {
		font-weight: bold;
		font-size: .9em;
		color: #222;
		vertical-align: inherit;
		padding-right: 3px; }

	#advanced-sort select {
		margin: 0 0 5px 0px;
		width: 150px; }

		select#uploaded,
		select#duration	{ margin-right: 10px; }


/* Comments Form ------------------ */
#comments form fieldset { border: none; }

	#comments form label {
		display: block;
		font-weight: bold;
		font-size: .9em;
		color: #858a8a;
		margin-bottom: 4px; }
	
		#comments legend + label { color: #222; }	
	
	#comments form input,
	#comments form select,
	#comments form textarea {
		float: none;
		margin-bottom: 14px; }
	
	#comments form select option { padding: 3px 6px; }

	#comments form em {
		display: block;
		float: none;
		text-align: left;
		margin-top: -10px;
		padding: 0;
		width: 385px; }

/* Contact Form ------------------ */
#contact label {
	display: block;
	margin-bottom: 8px; }

	#contact label.error {
		font-weight: bold;
		font-size: .8em;
		color: #b42323; }

#contact textarea { 
margin: 0 130px 14px 0; }

select#category,
input#abuse_url,
#contact input#email,
#contact #services_details input { margin-bottom: 15px; }

#contact #info_video {
	position: relative;
	width: 375px;
	height: 90px;
	padding-bottom: 18px; }

	#contact #video_title {
	position: absolute;
	top: 0;
	left: 132px;
	font-size: .9em;
	line-height: 1.4em; }



/* ---------------------------------------------------------------
	Form Buttons (<button>)
   _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  */
button {
	position: relative;
	background: transparent url(../images/sprite-buttons-lg.png) no-repeat 100% -295px; 
	border: 0; 
	font: 700 1em "Benton-Sans", Arial, sans-serif;
	color: #fff; 
	text-align: center;
	height: 45px;
	margin: 0 5px 0 0; 
	padding: 0 15px 0 0; }

	button:hover { background-position: 100% -413px; }
	
	button.disabled,
	button.disabled:hover { background-position: 100% -531px; }

	button.delete-button {
		font: 700 1em "Benton-Sans", Arial, sans-serif;
		margin-right: 24px;	}
		
	button[disabled="disabled"], button.disabled {
	text-shadow: 0 0 3px #aaa;
	color: #fff; }

	button.small {
		background: transparent url(../images/sprite-buttons-sm.png) no-repeat 100% -230px; 
		font: 700 .9em "Benton-Sans", Arial, sans-serif;
		line-height: 30px;
		height: 32px; }

		button.small:hover { background-position: 100% -322px; }

	button:active { /* to get rid of the IE8-only background shift when someone clicks the button */
		-ms-background-position-x: 100%;
		-ms-background-position-y: -413px; }

	button.small:active { /* to get rid of the IE8-only background shift when someone clicks the button */
		-ms-background-position-x: 100%;
		-ms-background-position-y: -322px; }
	
	button strong { 
		display: block; 
		position: relative;
		background: transparent url(../images/sprite-buttons-lg.png) no-repeat 0 -236px; 
		height: 45px;
		line-height: 48px;
		padding-left: 15px;
		white-space: nowrap; }

		button:hover strong { background-position: 0 -354px; }
		
		button.disabled strong,
		button.disabled:hover strongr { background-position: 0 -472px; }

	button.small strong { 
		background: transparent url(../images/sprite-buttons-sm.png) no-repeat 0 -184px; 
		line-height: 34px;
		height: 32px; }
		
			button.small:hover strong { background-position: 0 -276px; }
		
	@media screen and (-webkit-min-device-pixel-ratio:0) {button strong {margin-top: -1px;}} /* Safari and Google Chrome only - fix margins */
	
	#nav button {
		display: block;
		float: left;
		border: 0;
		background: url(../images/sprite_header_footer.png) no-repeat 100% -123px;
		margin: 0;
		padding: 0;
		width: 33px ;
		height: 28px; }

	a.cancel {
		line-height: 45px;
		vertical-align: middle;
		margin-left: 22px; }
	
		a.cancel:hover { color: #222; }



/* ---------------------------------------------------------------
	Upload (div#UPLOAD)
   _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  */
#upload #yt_check_loader {
	display: none;
	margin: 0 0 2px 43px; }

#upload p {
	font: 1em/1.5em Arial, sans-serif;
	color: #858a8a;
	margin-bottom: 18px;
	display: none; }

	#upload p span.username {
		font-weight: bold;
		color: #222; }



/* ---------------------------------------------------------------
	Browse (div#BROWSE)
   _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  */
#browse h2 {
	border-bottom: 3px solid #f2f5f5;	
	font: 700 1.7em "Benton-Sans", Arial, sans-serif;
	margin-bottom: 6px;
	width: 179px; }

	#browse.category h2 { border: none; }

#browse ul {
	float: left;
	border-top: 1px solid #fff;
	margin-top: -19px;
	padding-left: 18px;
	width: 190px; }
	
	#browse h2 + ul {
	margin-top: 0;
	margin-bottom: 13px;
	padding-left: 0; }

	#browse ul a {
		font-size: .8em;
		line-height: 1.6em; }


#browse ul#browse_pagination {
	float: none;
	border-top: none;
	border-right: none;
	border-bottom: 2px solid #f2f5f5;
	border-left: none;
	margin: 21px 6px 15px 0;
	padding: 0 0 6px 0;
	width: 100%;
	zoom: 1; }

		#browse ul#browse_pagination span,
		#browse ul#browse_pagination a {
			font-weight: bold;
			font-size: .75em;
			text-transform: uppercase;
			color: #222;
			padding-right: 18px; }
		
			#browse ul#browse_pagination span { color: #a6aeae; }
		
			#browse ul#browse_pagination a:hover { color: #27acd2; }

	#browse ul#browse_pagination li { float: left; }

#browse a span { color: #a6aeae; }

#browse a:hover { color: #222; }

#browse #sort { margin-bottom: 15px; }

		#browse #sort ul {
			float: none;
			border: none;
			padding-left: 0; }

#browse div.item {
	border-bottom: 1px solid #ebeeee;
	margin-top: 17px;
	padding-bottom: 15px;
	zoom: 1; }

#browse .view_all {
float: left;
background-color: #f3f5f5;
margin-left: 18px; 
width: 132px;
height: 90px; }

#browse .video-item + .roundie { background-color: #f3f5f5; }

#browse .view_all h2 { border: none; }

	#browse .view_all h2 a {
	display: block;
	text-align: center;
	font-weight: 600;
	font-size: .6em;
	line-height: 1.0em;
	color: #858a8a;
	margin-top: 30px;
	width: 132px; }
	
		#browse .view_all h2 a span { color: #27acd2; }
		
			#browse .view_all h2 a:hover span { color: #000; }

#browse .item:after,	
#browse ul#browse_pagination:after { content: "."; 	display: block; height: 0; 	font-size: 0; clear: both; visibility: hidden; }



/* ---------------------------------------------------------------
	Help (div#HELP)
   _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  */
#help_items {
	float: left;
	margin-top: -12px;
	margin-right: 18px;
	width: 645px; }

	#help_items h2 {
		border-top: 3px solid #f2f5f5;
		font: 1.1em Arial, sans-serif;
		color: #222;
		margin-top: 12px;
		padding-top: 12px; 
		cursor: pointer; }
	
		#help_items h2 span {
			background: url(../images/sprite_icons.png) no-repeat 100% 10px;
			padding-right: 12px; }
	
		#help_items h2:hover { color: #27acd2; }

	#help_items h3 {
		line-height: 1.4em;
		color: #858a8a;
		margin: 24px 0 12px; }

	.help_content p { 
		line-height: 1.5em;
		color: #858a8a;
		margin-bottom: 18px; }

		.help_content p:first-child { margin-top: 12px; }

			#help p.more_help {
				border-top: 3px solid #f2f5f5;
				color: #858a8a;
				margin-top: 12px;
				padding-top: 18px; }

	.help_content ul { 
		list-style: disc;
		line-height: 1.5em;
		color: #858a8a;
		margin-left: 36px; }

	#help #related { display: none; }	

/* IF WE ADD HELP VIDEOS IN THE FUTURE -->  

		#help #related li.browse-all a {
		display: block;
		background: url(../images/sprite_icons.png) no-repeat 0 -64px;
		font: normal 1.2em Arial, sans-serif;
		color: #27acd2;
		margin-top: 8px;
		padding-left: 16px; }
		
			#help #related li.browse-all a span { font-weight: bold; }
			
			#help #related li.browse-all a:hover { color: #222; } */



/* ---------------------------------------------------------------
	Your uploads (div#UPLOAD_STATUS_PAGE)
   _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  */
#upload_status_page {
	margin-bottom: 24px;
	z-index: 1; }

	.upload_success,
	.upload_fail,
	.upload_pending {
		position: relative;
		border: 1px solid #dce4e4;
		background-color: #f3f5f5;
		font-family: Arial, sans-serif;
		margin-bottom: 24px;
		padding: 14px 18px 5px 18px;
		width: 554px;
		zoom: 1; }

		.upload_success:after,
		.upload_fail:after,
		.upload_pending:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden; }

	#upload_status_page h3 {
		background: url(../images/sprite_icons.png) no-repeat 0 -454px;
		font-weight: normal;
		font-size: 1.1em;
		color: #858a8a;
		padding: 0 0 16px 24px;
		width: 568px; }
	
		#upload_status_page h3#failed {
			border-top: 3px solid #f2f5f5;
			background-position: -19px -488px;
			padding-top: 12px; }

	.upload_success p:first-child,
	.upload_pending p:first-child,
	.upload_fail p:first-child {
		float: left;
		background: url(../images/sprite_icons.png) no-repeat 0 0;
		padding-left: 22px;	}

		.upload_success p:first-child { background-position: -21px -417px; }
		
		.upload_fail p:first-child {
			background-position: 0 -532px;
			margin-bottom: 8px;	}

		.upload_pending p:first-child { background-position: -36px -376px; }
	
	#upload_status_page p.do_this {
		float: right;
		position: absolute;
		top: 50%;
		right: 0;
		background: url(../images/sprite_icons.png) no-repeat 0 0;
		font-size: .95em;
		line-height: 1.3em;
		margin-right: -216px;
		padding-left: 26px;
		width: 190px; }
	
		#upload_status_page .upload_success p.do_this,
		#upload_status_page .upload_pending p.do_this {
			background-position: 0 -573px;
			margin-top: -20px; }

		#upload_status_page .upload_fail p.do_this {
			background-position: 0 -580px;
			line-height: 2em;
			margin-top: -13px; }

	#upload_status_page li {
		background: url(../images/sprite_icons.png) no-repeat -44px -632px;
		font-size: .8em;
		margin-bottom: 9px;
		padding-left: 22px;	}
		
			#upload_status_page ul li.view_all {
				background: none;
				font-size: .95em;
				margin: 12px 0 12px 0;
				padding-left: 0; }	

				#upload_status_page ul li.view_all a { color: #27acd2; }
			
					#upload_status_page ul li.view_all a:hover { color: #222; }

	#upload_status_page dl {
		color: #858a8a;
		margin-top: 3px; }

		#upload_status_page .upload_fail dl {
			clear: both;
			border: 1px solid #dce4e4;
			background-color: #fff;
			margin: 0 0 12px;
			/* padding: 0 288px 8px; */
			padding: 0 8px 8px;	}
	
		#upload_status_page dt {
			display: inline;
			background: url(../images/sprite_icons.png) no-repeat 100% 6px;
			padding-right: 10px;
			cursor: pointer; }

			#upload_status_page .upload_fail dt {
				display: block;
				background: none;
				font-size: .9em;
				margin: 8px 0;
				padding: 0;
				cursor: default; }
			
				.upload_fail dt strong { color: #222; }
	
		#upload_status_page dd {
			border: 1px solid #dce4e4;
			background-color: #fff;
			font-size: .9em;
			line-height: 1.4em;		
			margin: 6px 0 12px 0;
			padding: 6px;
			width: 452px; }
		
			#upload_status_page .upload_fail dd {
				border: none;
				line-height: 1.5em;
				margin: 0;
				padding: 0;
				width: auto; }
				
	.upload_success p:first-child a,
	.upload_pending p:first-child span,
	.upload_fail p:first-child span,
	.upload_success p.do_this a:hover,
	#upload_status_page li a,
	#upload_status_page dd a:hover,
	#upload_status_page dt:hover { color: #222; }
	
		#upload_status_page .upload_fail dt:hover { color: #858a8a; }

	#upload_status_page dd a,
	#upload_status_page li a:hover,
	.upload_success p:first-child a:hover { color: #27acd2; }

	.no_inprogress { margin-bottom: 24px; }



/* ---------------------------------------------------------------
	RSS (div#RSS)
   _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  */
#rss p {
	font-size: 1.15em;
	line-height: 1.3em;
	color: #858a8a;
	margin-bottom: 18px; }

#rss .item { 
	border-bottom: 3px solid #f2f5f5;
	background: url(../images/sprite_rss_icons.png) no-repeat 100% 0;
	width: 506px;
	margin-bottom: 12px;
	padding: 0 24px 12px 0;
	zoom: 1; }   

	#rss .item:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}

	#rss .item p {
		float: left;
		font-weight: bold;
		font-size: .9em;
		color: #222;
		margin-bottom: 0;
		width: 200px; }

	#rss .item a {
		display: block;
		float: right;
		text-indent: -10000px;
		margin-left: 36px; }
	
		#rss .item a.rss { width: 18px; }
		#rss .item a.google { width: 103px; }
		#rss .item a.bloglines { width: 76px; }

.resultsRss {
	background: url(../images/sprite_rss_icons.png) no-repeat 625px 0;
	text-align: right;
	margin-top: 30px; }

	.resultsRss a {
		font-size: .8em;
		padding-right: 24px; }



/* ---------------------------------------------------------------
	Related Tags/Authors/etc (div#RELATED)
   _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  */	
#related {
	float: left;
	border-left: 1px solid #f2f5f5;
	color: #a6aeae;
	margin-bottom: 24px;
	padding-left: 12px;
	width: 148px;
	overflow-x: hidden;
	word-wrap: break-word; }

	#related h2 {
		font: 700 1.4em "Benton-Sans", Arial, sans-serif;
		color: #222;
		margin-bottom: 8px; }
	
	#related li {
		border-bottom: 1px solid #dde5e5;
		font-size: .75em;
		line-height: 1.4em;
		margin-bottom: 6px;
		padding-bottom: 6px;}

		#related ul li:last-child { 
			border: 0;
			margin: 0;
			padding: 0;	}
	
	#related a {
		font-weight: bold;
		font-size: 1.3em;
		text-transform: lowercase;
		color: #858a8a;	}

		#related a:hover { color: #222; }


/* -- Related Videos (div#RELEATED-VIDEOS) ------------------ */		
#related.videos {
	float: right;
	border: 1px solid #dce4e4; /* same as .roundie/ cancel out #related border-left property */
	padding: 0 12px 0;
	width: 268px; }

	#related.videos h2 {
		border-bottom: 3px solid #f2f5f5;
		font-size: 1.8em;
		margin: 12px 0;
		padding-bottom: 5px; }



/* ---------------------------------------------------------------
	Info bar (div#INFO_BAR) 
   _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  */
#upload #info_bar { margin-bottom: 19px; }

#info_bar {
	border: 1px solid #dce4e4;
	background-color: #f3f5f5;
	margin: 15px 0 0 0;
	padding: 16px 18px;
	zoom: 1; }

	#info_bar:after { content: "."; display: block; height: 0; 	font-size: 0; clear: both; visibility: hidden; }

	#info_bar h3,
	#info_bar p {
		display: inline;
		float: left;
		font-weight: normal;
		font-size: 1.15em;
		line-height: 1.3em;
		color: #858a8a;
		margin: 0;
		padding: 0; }
	
		#info_bar h3 span {
			color: #222;
			text-transform: uppercase; }
	
		#info_bar p {
			color: #222;
			margin-left: 6px;
			width: 450px;
			overflow-x: hidden;
			word-wrap: break-word; }
	
	#info_bar a {
		float: right;
		font-size: 1.1em;
		padding-top: 4px; }
	
		#info_bar a:hover { color: #222; }



/* ---------------------------------------------------------------
	Comments (div#COMMENTS) 
   _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  */
#comments {
	float: left;
	width: 512px;
	padding: 0 18px 18px;
	margin-bottom: 24px;
	overflow-x: hidden;
	word-wrap: break-word; }

	#comments h2 {
		border-bottom: 3px solid #f2f5f5;
		font: 700 1.7em "Benton-Sans", Arial, sans-serif;
		color: #222;
		margin: 12px 0;
		padding-bottom: 7px; }
		
		#comments .comment-item + h2,
		#comments h2 + p + h2 {
			border-top: 1px solid #e7e9e9;
			border-bottom: none;
			color: #777;
			margin: 0;
			padding: 10px 0 19px; }		
	
		#comments h2 + p {
			font: .95em Arial, sans-serif;
			color: #858a8a;
			margin-bottom: 12px; }

	.comment-item {
		position: relative;
		border: 1px solid #dce4e4;
		background-color: #f2f5f5;
		font: 0.725em Arial, sans-serif;
		margin-bottom: 48px; }
		
		.comment-item a {
			font-weight: bold;
			color: #27acd2; }

		.comment-item cite {
			position: absolute;
			bottom: -21px;
			border-right: 0px solid transparent;
			border-left: 22px solid transparent;
			border-top: 22px solid #dce4e4;
			border-bottom: 0;
			margin-left: 35px;
			margin-top: 0px;
			width:0;
			height:0; }
		
			.comment-item cite span.posted-by {
			    position: absolute;
				border-right: 0px solid transparent;
			    border-left: 20px solid transparent;
		   		border-top: 20px solid #f2f5f5;
			    border-bottom: 0;
			    margin-left: -21px;
			    margin-top: -23px;
			    width:0;
			    height:0; }

			.comment-item cite span.username {
				position: absolute;
				top: -8px;
				left: 10px;;
				font-style: normal;
				color: #858a8a;
  			text-transform: uppercase;
				width: 420px; }
			
			.comment-item blockquote p {
				font: 1em/1.6em Arial, sans-serif;
				color: #666;
				padding: 13px 18px 14px; }

	.comment-item span.date {
		clear: right;
		border-right: 1px solid #a6aeae;
		font-size: .9em;
		padding-right: 6px; }

	.comment-item span.abuse a,
	.comment-item span.delete a {
		font-weight: normal;
		font-size: .9em;
		text-transform: none;
		padding-left: 4px; }
	
	.comment-item span.abuse a:hover,
	.comment-item cite span.username a:hover,
	.comment-item span.delete a:hover { color: #222; }
	
	.comment-item span.removed_comment { color: #b42323; }

	.comment-item cite span strong,
	#comments form legend { display: none; }



/* ---------------------------------------------------------------
	Footer (div#FOOTER) 
   _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  */
div#footer {
	background: #111 url(../images/bg-footer-repeating.gif) repeat-x 0 0;
	zoom: 1; }

	#popular-videos,
	#popular-people,
	#popular-tags {
		float: left;
		min-height: 275px;
		height: auto !important;
		height: 275px;
		margin-top: 10px;
		width: 270px; }
	
	#popular-tags {
		margin: 10px 12px;
		padding: 0 12px; }
	
		#popular-videos h2,
		#popular-people h2,
		#popular-tags h2 {
			font: 700 1.2em "Benton-Sans", Arial, sans-serif;
			color: #fff;
			margin: 0 0 30px 0;
			padding: 0;	}
		
			#popular-videos h2 span { color: #f49200; }
			
			#popular-people h2 span { color: #eb4c4c; }
			
			#popular-tags h2 span {	color: #7fc61a; }
	
		#popular-people .title { line-height: 1.5em; }
	
		#popular-tags li {
			border-bottom: 1px solid #2c2c2c;
			font: bold .7em Arial, sans-serif;
			color: #858a8a;
			margin-bottom: 6px;
			padding-bottom: 6px; }
	
		#popular-tags a {
			font-size: 1.4em;
			line-height: 1.4em;
			color: #1fbeec;	}
		
			#popular-tags a:hover { color: #fff; }
		
	#footer .nav {
		position: relative;
		border-top: solid 1px #313131;
		background: transparent url(../images/sprite_header_footer.png) no-repeat 0 -177px;
		width: 862px;
		margin: 25px auto 0 auto; 
		padding: 35px 0 100px 0; }
	
		#footer a.logo {
			display: block;
			position: absolute;
			text-indent: -10000px;
			width: 112px;
			height: 50px; }
	
	#footer .nav ul { padding-left: 136px; }
	
			#footer .nav li {
			display: inline;
			border-left: 2px solid #313131;
			font: .85em Arial, sans-serif;
			margin-left: 8px;
			padding-left: 8px; }
	
			#footer .nav li:first-child {
				border-left: none;
				margin-left: 0; }
			
			#footer .nav li.rss { background: url(../images/sprite_header_footer.png) no-repeat 10px -158px; }
			
			#footer .nav li a { color: #fff; }
			
				#footer .nav li.rss a { padding-left: 18px; }

				#footer .nav li a:hover { color: #1fbeec; }
		
		#footer .nav ul { margin-top: 7px; }
		
			#footer .nav ul + ul li a {
				font: .9em Arial, sans-serif;
				color: #858a8a;	}
			
				#footer .nav ul + ul li a:hover { color: #fff; }



/* ---------------------------------------------------------------
	Admin Styles (div.admin_page)
   _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  */
.admin_page ul li {
	list-style-type: disc;
	list-style-position: inside;
	padding-top: 15px; }

.admin_page ol li {
	list-style-type: decimal;
	list-style-position: inside;
	padding-bottom: 20px; }

	li.good { background: #99FF99; }

	li.bad { background: #FF9999; }

.hp_feature_info {
	float: right;
	width: 390px; }

.hp_feature_details {
	float: right;
	width: 140px; }

.admin_page #lookup_v {
  width: 100px;
}

.admin_page TABLE#video_info_table TR TD {
  padding: 4px;
}

#upload.admin_page h2 {
	margin: 0 0 12px 0;
	cursor: default; }

	#upload.admin_page h2 strong { background: none; }

#upload.admin_page #choose-file h3 { margin-bottom: 15px; }

#upload.admin_page fieldset {
	background: none;
	margin: 0;
	padding: 15px 0 0 0; }

#upload.admin_page #from-av,
#upload.admin_page #from-youtube,
#upload.admin_page #from-computer {
	display: none;
	background-color: #fff;
	border: none; }

	#upload.admin_page #from-av { padding-bottom: 18px; }
	
	#upload.admin_page #from-youtube { margin-bottom: 18px;}

	#upload.admin_page #from-computer { margin-bottom: 0; }
	
		#upload.admin_page #from-computer input#computer {
			border: 0;
			background: none;
			margin-top: 3px;
			width: 280px; }		
	
	#upload.admin_page #from-youtube input { margin: 0; }
	
#upload.admin_page #upload_thumb { padding: 0; }
	
#upload.admin_page #category { padding-bottom: 12px; }	

#upload.admin_page .yt_response_thumb { margin: 12px 0 0 0; }
	
#upload.admin_page .yt_response_error,
#upload.admin_page .yt_response_success {
	float: left;
	margin: 12px 0 0 0;
	padding: 0; }

	#upload.admin_page #yt_info .yt_response_error,
	#upload.admin_page #yt_info .yt_response_success {
		float: left;
		margin-left: 25px; }

	#upload.admin_page .yt_response_error,
	#upload.admin_page #yt_info .yt_response_error { padding-left: 24px;}

#yt_info {
	margin-top: 8px;
	padding-left: 40px; }

	#yt_info div { margin-top: 18px; }
	
	#yt_info label { display: inline; font-weight: normal; font-size: .8em; }
	
		#upload.admin_page #yt_info label {
			background: none;
			line-height: normal;
			margin-left: 4px;
			padding: 0; }
	
	#yt_info input { display: inline; }

#upload.admin_page #errors_for_youtube label.error,
#upload.admin_page #errors_for_youtube_existing_url label.error { 
	display: block;
	clear: both;
	float: none;
	font-weight: bold;
	font-size: .8em;
	color: #b42323;
	margin: 12px 0 0 50px;
	padding: 0; }

	#upload.admin_page #errors_for_youtube label.error { margin-left: -18px; }

#upload.admin_page .video_type_selector label {
	background-image: none;
	font-size: .9em;
	line-height: 1em;
	color: #27acd2;
	margin-bottom: 12px;
	padding: 0;
	cursor: pointer; }

	#upload.admin_page .video_type_selector label:hover { color: #717d84; }

	#upload.admin_page .video_type_selector label.checked {
		font-weight: bold;
		color: #222; }

#upload.admin_page input#video_type_youtube,
#upload.admin_page input#video_type_computer,
#upload.admin_page input#video_type_av {
	position: absolute;
	left: -10000px; }

#upload.admin_page .upload_details {
	display: block;
	margin: 0;
	padding: 0; }
	
	#upload.admin_page #from-computer .upload_details { padding-bottom: 15px; }

#upload.admin_page input#youtube_action_upload,
#upload.admin_page input#youtube_action_exists { 
	border: none;
	background: none; }

#upload.admin_page input#av_youtube_existing_path,
#upload.admin_page input#youtube_existing_url {
	width: 308px;
	margin: 6px 0 0 24px; }

#upload.admin_page fieldset#add-tags {
	margin-bottom: 24px;
	padding-bottom: 24px; }

#upload.admin_page .cancelChanges {
	margin-left: 24px;
	line-height: 40px; }

#upload.admin_page em {
	display: block;
	clear: both;
	text-align: left;
	margin: 6px 0 18px 0;
	padding: 0; }

	#upload.admin_page #from-computer em { margin: 8px 0 0; }

#upload.admin_page #errors_for_av_path label.error,
#upload.admin_page #errors_for_av_youtube_existing_path label.error {
	font-weight: bold;
	font-size: .8em;
	color: #b42323;
	margin: 8px 0 0 0; }

	#upload.admin_page #errors_for_av_youtube_existing_path label.error { margin-left: 24px; }

#enter_author #author { width: 100px; }

#enter_author #author_name {
	font-size: 12px;
	padding-left: 10px; }

	#enter_author #author_name.valid { color: green; }

	#enter_author #author_name.invalid { color: #b42323; }

#upload_thumb {
	padding-top: 10px;
	padding-bottom: 10px; }

.thumb_upload_container label { float: left; }

.thumb_upload_container input {
	width: 300px; }

input[type=radio] {
	display: block !important;
	float: left;
	width: 20px; }



/* New Video Management ------------------ */

.new_videos .video-item { border-bottom: 3px solid #f2f5f5; }

	.new_videos .video-item .details { width: 692px; }
	
		.new_videos .video-item .details h6 {
			font-weight: normal;
			font-size: .9em;
			line-height: 1.3em;
			color: #717d84;
			margin-bottom: 4px;	}

.buffer {display: none;}

.general_box {
	position: relative;
	margin: 0 auto;
	padding: 16px 18px 36px;
	width: 824px; /* totals 862 with padding and border */
	box-shadow: 0 0 4px #dcdcdc;
	-moz-box-shadow: 0 0 4px #dcdcdc;
	-khtml-box-shadow: 0 0 4px #dcdcdc; }

	.general_box h2 {
		font: bold 2.5em/1.2em Arial, sans-serif;
		color: #222;
		margin-top: 6px;
		margin-bottom: 11px; /* adds the 18px between the bottom of the h1 and the top of the first <p> (due to extra space from line-height value) */ }

	.general_box p {
		font-size: 1.15em;
		line-height: 1.3em;
		color: #858a8a;
		margin-bottom: 8px;	}
	
	.general_box a { font-size: 1em; }

#delete_dialog {
	width: 800px;
	box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3);
	-moz-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3);
	-khtml-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3); }

	#delete_dialog h1 {
		font: 700 2.6em/1.2em "Benton-Sans", Arial, sans-serif;
		text-align: left;
		margin-bottom: 6px; }

	#delete_dialog p {
		line-height: 1.45em;
		color: #858a8a;
		margin-bottom: 24px; }

		#delete_dialog p.youtube {
			position: absolute;
			bottom: 0;
			font-style: italic;
			font-size: .6em;
			color: #858a8a; }	

	#delete_dialog a { color:#27acd2; }
	
		#delete_dialog a:hover { color: #222; }	



	span.video_title { color: #222; }
		
	div.ui-dialog-buttonpane { border: none; }


/* From buniverse.css */

/* Upload Progress */

#uploadProgressContainer {
  height: 20px;
  width: 100px;
  border: 1px solid black;
  display: none;
  margin-top: 10px;
}

.ui-widget-overlay {
/* background-color: #000; */
}


div.ui-dialog {
border: none;
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3);
-moz-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3);
-khtml-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3);
}

.ui-dialog-content p {
}

#uploadProgressContainer {
display: block;
}

#uploadProgressBar {
  height: 20px;
  background-color: #7fc61a;
  width: 0;
  margin-top: 10px;
}

/* .upload-progress-dialog */ .ui-dialog-titlebar {
  display: none;
  
}

#progressBarDialog h1 {
font-size: 1.8em;
text-align: center;
/* width: 500px; */
/* margin: 120px 60px 24px 60px; */
/* border: 1px solid cyan; */
}


/* Show More */

.more { display: none; }


/* AutoComplete */

.ac_results {
	width: 386px;
	padding: 0px;
	border: 1px solid #ced8d8;
	background-color: #dde5e5;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	border-bottom: 1px solid #ced8d8;
	margin: 0px;
	padding: 8px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
/*  background: white url('indicator.gif') right center no-repeat;*/
}

.ac_odd {
	background-color: #f2f5f5;
}

.ac_over {
	background-color: #717d84;
	color: white;
}


.yt_only_mode_admin {
  margin-top: 20px;
  padding: 20px;
}

.yt_only_mode_admin.on {
  background: #FF6666;
}

.yt_only_mode_admin.off {
  background: #99FF99;
}

.yt_only_mode_admin A:link, .yt_only_mode_admin A:visited {
  color: blue;
}