/* @override http://firstlightonline.site/mmlib/css/firstlight/screen.css */
/* @override http://firstlightmovies.devspace.net/mmlib/css/firstlight/screen.css */

/* TOP LEVEL PAGE ELEMENTS */

html, body {
	color: #CCC;
	background: #3d3d3d url(../../images/firstlight/bg-tile.jpg) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0.3pt;
}
a {text-decoration: none;}
#page-wrapper {
	margin: 0px auto;
	width: 970px;
	padding: 0 15px;
	background: transparent url(../../images/firstlight/content-shadow-tile.png) no-repeat center top;
}


/* HEADER */

#header {
	background: #bf1717 url(../../images/firstlight/header-bg.jpg) no-repeat right top;
	height:59px;
	margin: 0 10px;
}
#header #unit-logo {
	float: left;
	width: 300px;
}
#header #unit-logo #logo {
	margin-top:10px;
	margin-left: 5px;
}
#header .tool-wrapper {
	float: right;
	width: 300px;
	position:relative;
	z-index:10;
}
#header .tool-wrapper label, #header #unit-logo span {
	position: absolute;
	left: -9999px;
	top: 0px;
}



/* NAVIGATION */

#unit-navigation {
	background: url(../../images/firstlight/nav-tile-sprite.jpg) repeat-x 0px -50px;
	padding: 0 10px 5px;
}
#unit-navigation li {
	float: left;
	font-size: 15px;
	font-weight: bold;
}
#unit-navigation li a {
	display: block;
	height: 47px;
	line-height: 40px;
	padding-right: 10px;
	padding-left: 10px;
	color: #07b9bb;
	float:left;
}
#unit-navigation li a:hover {
	color: #bf1717;
}
#unit-navigation  li.selected a {
	color: #FFF;
	background: url(../../images/firstlight/nav-tile-sprite.jpg) repeat-x 0px 0px;
}

a:focus {border: none;}


/* ALL CONTENT */
#content-wrapper {
	background: #000;
	padding:0 10px;
}
#content-wrapper h1,
#content-wrapper h2 {
	font-size: 18px;
	color: #bf1717;
	font-weight: bold;
}
#content-wrapper h3 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -0.2px;
}
#content-wrapper p, #content-wrapper ul, #content-wrapper ol, #content-wrapper dl {
	margin-bottom:1em;
	line-height:1.5;
}
#content-wrapper a {
	color: #07b9bb;
}
#content-wrapper a:hover {
	color: #bf1717;
}
#content-wrapper.has-extra-content #main-content {
	width: 720px;
	float: left;
}

.unit {position:relative;}


/* MAIN CONTENT */

#main-content {width:720px;float:left;}

#main-content .unit {
	margin-bottom: 10px;
}

/* Three Column Layout */

#main-content .group .unit {
	width:220px;
	float:left;;
	background: #292929 url(../../images/firstlight/unit-grad-tile.jpg) repeat-x left bottom;
	padding: 5px 5px 10px;
	margin-bottom: 10px;
	line-height: 1;
	margin-right:10px;
	position:relative;
}

#main-content .group .unit h2, #main-content .group .unit h3 {
	color: #FFF;
	padding: 8px 10px;
	margin-bottom: 10px;
	background: #010101 url(../../images/firstlight/black-title-bar-tile-grad.png) repeat-x left top;
}

#main-content .group .unit p.feed,
#extra-content .unit p.feed {
	position:absolute;
	top:12px;
	right:12px;
}

/* Wide Second Column Layout */

#content-wrapper.has-extra-content #main-content {width:640px;}

#content-wrapper.has-extra-content #extra-content {width:310px;}

/* Call to Action Boxes */

#main-content .call-to-action {
	border: 1px dotted #333;
	padding:5px;
	margin-right:10px;
}

#main-content .call-to-action h1.unit-title,
#main-content .call-to-action h2.unit-title, 
#main-content .call-to-action h3.unit-title {
	background: #BF1717 url(../../images/firstlight/title-bar.jpg) no-repeat right top;
	line-height:22px;
	padding: 4px 10px;
	color: #FFF;
	margin-bottom: 15px;
}

#main-content .call-to-action h1.unit-title a,
#main-content .call-to-action h2.unit-title a, 
#main-content .call-to-action h3.unit-title a {
	display:block;
	background:url(../../images/firstlight/white-orange-link-arrow.png) no-repeat center right;
	color:#FFF;
	padding-right: 21px;
}

#main-content .call-to-action p, 
#main-content .call-to-action ul, 
#main-content .call-to-action ol, 
#main-content .call-to-action dl {
	margin-left:30px;
	margin-right:30px;
}

#main-content .call-to-action img {margin-top:-10px;}

/* Specific Call To Actions - 1st has image right aligned, 2nd has image left aligned */

#main-content .feature-odd img {float:right;margin-left:20px;}

#main-content .feature-even img {float:left;margin-right:20px;}

/* Showcase + Article + Resource List Unit Styling */

#unit-showcase,
#unit-article,
#unit-resource-download-list,
#unit-comments {
	border: 1px dotted #333;
	padding:5px;
	margin-right:10px;
	position:relative;
}

#unit-showcase h1.unit-title,
#unit-showcase h2.unit-title,
#unit-showcase h3.unit-title,
#unit-article h1.unit-title, 
#unit-article h2.unit-title, 
#unit-article h3.unit-title,
#unit-resource-download-list h1.unit-title, 
#unit-resource-download-list h2.unit-title, 
#unit-resource-download-list h3.unit-title {
	background: #bf1717 url(../../images/firstlight/title-bar.jpg) no-repeat right top;
	line-height:28px;
	padding: 0 10px;
	color: #FFF;
	margin-bottom: 5px;
	font-family: Helvetica, Arial, sans-serif;
}



#unit-showcase h1.unit-title a,
#unit-showcase h2.unit-title a, 
#unit-showcase h3.unit-title a,
#unit-article h1.unit-title a,
#unit-article h2.unit-title a, 
#unit-article h3.unit-title a,
#unit-resource-download-list h1.unit-title a,
#unit-resource-download-list h2.unit-title a, 
#unit-resource-download-list h3.unit-title a {
	display:block;
	background:url(../../images/firstlight/white-orange-link-arrow.png) no-repeat center right;
	color:#FFF;
}

#unit-showcase h1.unit-title span {
	display: block;
	width: 520px
}

#unit-showcase p.movie-rating {position:absolute;top:12px;right:15px;width:80px;height:20px;background: url(../../images/firstlight/sprite-bulbs.png) no-repeat 0 0;text-indent:-9999px;}
#unit-showcase p.movie-rating.stars-1 {background-position:0 -20px;}
#unit-showcase p.movie-rating.stars-2 {background-position:0 -40px;}
#unit-showcase p.movie-rating.stars-3 {background-position:0 -60px;}
#unit-showcase p.movie-rating.stars-4 {background-position:0 -80px;}
#unit-showcase p.movie-rating.stars-5 {background-position:0 -100px;}


/*
#unit-showcase div.movie-categorisation {overflow:hidden;zoom:1;background:#a91616;padding:2px 10px;margin-top:-2px;margin-bottom:10px;}
#unit-showcase div.movie-categorisation a {color:#FFF;text-decoration:underline;}
#unit-showcase div.movie-categorisation p {margin:0;}
#unit-showcase div.movie-categorisation p.tags {float:left;width:40%;}
#unit-showcase div.movie-categorisation p.awards {float:right;width:59%;text-align:right;}
#unit-showcase div.has-no-genres p.awards {width: 100%;}
*/

#unit-showcase div.movie-categorisation {
	background:#BF1717 url(/mmlib/images/firstlight/title-bar.jpg) no-repeat scroll right top;
	padding:2px 0 2px;
	padding-bottom: 0;
	margin-bottom: 0px;
	border-bottom: 1px solid black;
}

#unit-showcase div.movie-categorisation p.tags,
#unit-showcase div.movie-categorisation p.awards {
	margin: 0px;
	padding:2px 10px;
	background: #292929;
}

#unit-showcase div.movie-categorisation p.awards {
	padding-bottom:6px;
	padding-top:2px;
}

#unit-showcase p.tags a,
#unit-showcase p.awards a{
	color:#fff;
	text-decoration: underline;
}

#unit-showcase h1.unit-title { background: none; margin-bottom: 0px; border-bottom: 1px solid black;}
#unit-article h1.unit-title { margin-bottom: 0; }
#unit-article .title-wrapper {
	padding: 2px;
	padding-bottom: 0;
	background:#BF1717 url(/mmlib/images/firstlight/title-bar.jpg) no-repeat scroll right top;
}
#unit-article .title-wrapper .unit-title,
#unit-article .title-wrapper .article-date  {
	background: none;
}


#unit-article .title-wrapper .article-date {
	font-weight: bold;
	padding:5px 10px 5px;
}



#main-content #unit-showcase ul.specifics {font-size: 12px; margin: 0px 0px 20px; padding: 0px;}
#main-content #unit-showcase ul.specifics li {list-style-type: none; margin: 0px 0px 0.1em; padding: 0px;}
#main-content #unit-showcase ul.specifics li strong {color:#fff; font-weight: bold;}
#main-content #unit-showcase ul.specifics li span {margin-left: 0.25em;}

#main-content #unit-showcase ul.related-links {overflow:hidden;zoom:1;}
#main-content #unit-showcase ul.related-links li {float:left;width:42%;background:url(../../images/firstlight/bullet.gif) no-repeat 0 5px;padding-left:3%;padding-right:5%;list-style:none;margin-left:0;}

#main-content #unit-resource-download-list ul {margin:10px 0 0;overflow:hidden; zoom:1;clear:both;}
#main-content #unit-resource-download-list ul li {background:#333;margin-bottom:5px;overflow:hidden;zoom:1;position:relative;padding:5px 10px 0 80px;}
#main-content #unit-resource-download-list ul li h4 {font-size:14px;font-weight:bold;margin-bottom:5px;}
#main-content #unit-resource-download-list ul li img {position:absolute; top:10px; left:10px;}
#main-content #unit-resource-download-list ul li .info {float:left;width:420px;}
#main-content #unit-resource-download-list ul li .button {margin-top:20px;}

#unit-showcase p.awards,
#unit-showcase p.tags { color: white; }

#unit-showcase p.awards span,
#unit-showcase p.tags .tagged { font-weight: bold; }



/* ARTICLE CONTENT DEFINITIONS */

#main-content .article {
	margin: 15px 10px 0;
}

#main-content .article .content {
	clear: both;
}

#unit-news-list li p {
	margin-left: 198px;
}

#main-content .article h1,
#main-content .article h2,
#main-content .article h3,
#main-content .article h4,
#main-content .article h5,
#main-content .article h6 {color:#bf1717;margin-bottom:0.5em;line-height:1.5;font-weight:bold;}



#main-content .article h1 {font-size:20px;}
#main-content .article h2 {font-size:18px;}
#main-content .article h3 {font-size:16px;}
#main-content .article h4 {font-size:14px;}
#main-content .article h5 {font-size:12px;}
#main-content .article h6 {font-size:11px;}

#main-content .article h2{
	line-height: 1;
	font-size: 16px;
	margin-bottom: 0.2em;
}

#main-content .article ul li {list-style:outside url(../../images/firstlight/bullet.gif);margin-left:2em;}
#main-content .article ol li {list-style:outside decimal;margin-left:2em;}
#main-content .article ol li li {list-style:outside lower-latin;margin-left:2em;}
#main-content .article dl dt {font-weight:bold;clear:both;display:block;color:#FFF;}
#main-content .article dl dd {font-style:italic;clear:both;display:block;margin-bottom:1em;}

#main-content .article blockquote {font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;padding: 0 1em;font-size:13px;line-height:2;color:#FFF;}

#main-content .article table {
	border-collapse: collapse;
	border:none;
	margin-left:1px;
	margin-bottom:10px;
	border:1px solid #333;
	width:596px;
}

#main-content .article table caption {font-style:italic;margin-bottom:10px;}

#main-content .article table tr {
	border-collapse: collapse;
}

#main-content .article table th,
#main-content .article table td {
	padding:5px 20px 6px 4px;
}
#main-content .article table th {
	color:#bf1717;
	font-weight:bold;
}

#main-content .article table tr.odd {
	background:#333;
}

/* EXTRA CONTENT */

#extra-content  {
	float: left;
	width: 230px;
}
#extra-content .unit  {
	background: #292929 url(../../images/firstlight/unit-grad-tile.jpg) repeat-x left bottom;
	padding: 5px 5px 10px;
	margin-bottom: 10px;
	line-height: 1;
}
#extra-content .unit strong {
	color: #FFF;
	font-weight:bold;
}
#extra-content .unit h3 {
	color: #bf1717;
	padding: 8px 10px;
	margin-bottom: 10px;
	background: #010101 url(../../images/firstlight/black-title-bar-tile-grad.jpg) repeat-x left top;
}
#extra-content .unit h3 a {
	color: #bf1717;
}

#extra-content .unit p, 
#extra-content .unit ul, 
#extra-content .unit ol, 
#extra-content .unit dl,
#extra-content .unit form,
#extra-content .unit.feature .info h1,
#extra-content .unit.feature .info h2,
#extra-content .unit.feature .info h3,
#extra-content .unit.feature .info h4,
#extra-content .unit.feature .info h5,
#extra-content .unit.feature .info h6 {margin-left:5px; margin-right:5px;}


/* Extra Content - Wide Column */

#content-wrapper.has-extra-content #extra-content h3, #content-wrapper.has-extra-content #extra-content h3 a {color:#FFF;}

/* Features */

#extra-content .unit.feature {
	background:#bf1717;
	padding: 10px 10px 0;
	overflow:hidden;
	zoom:1;
}

#extra-content .unit.feature h3 {
	background:none;
	padding: 0;
	color:#FFF;
	line-height: 18px;
	
}

#extra-content .unit.feature img {
	border:1px solid #333;
	margin-bottom: 10px;
	float: left;
}

#extra-content .unit.feature .info {
	clear:both;
	color:#FFF;
}

#extra-content .unit.feature a {
	color: #FFF;
	text-decoration:underline;
}

/* Page Heirarchy Styles */

#extra-content .page-hierarchy * {font-weight:normal;font-size:12px;letter-spacing:0;line-height:18px;color:#FFF;}

#extra-content .page-hierarchy a {display:block;padding:5px 5px 5px 25px;color:#07B9BB;background:url(../../images/firstlight/bullet.gif) no-repeat 8px 50%;}
#extra-content .page-hierarchy a:hover {background-color:#333;}

#extra-content .page-hierarchy h3,
#extra-content .page-hierarchy h4 {padding:5px 5px 5px 25px;margin:0 0 2px;background: #111 url(../../images/firstlight/bullet-down.gif) no-repeat 8px 50%;font-weight:bold;}

#extra-content .page-hierarchy ul {margin:0 !important;}
#extra-content .page-hierarchy ul li {border-bottom: 1px dotted #666;}

#extra-content .page-hierarchy li ul {
	border:  1px dotted white;
	background: #131313;
	padding:  5px;
}

#extra-content .page-hierarchy .selected a {
	color:  white;
}

#extra-content .page-hierarchy .selected li a {
color:#07B9BB;
}

/* Image Gallery Styles */

#extra-content .image-gallery ul {margin:0 -5px 0 0 !important;overflow:hidden;zoom:1;}
#extra-content .image-gallery ul li {float:left;margin-right:5px;}

/* File List Styles */

#extra-content .file-list ul {border-top: 1px dotted #666;}
#extra-content .file-list ul li {border-bottom: 1px dotted #666;padding:6px 0 6px 25px;background:url(../../images/firstlight/file-icon.png) no-repeat 4px 6px;}
#extra-content .file-list ul li a {display:block;}

/* List Styles */

#extra-content .unit.lists ul li,
#extra-content .unit.toggle-lists ul li {line-height:18px;padding-left:3px;}

#extra-content .unit.toggle-lists ul {overflow:hidden;zoom:1;}
#extra-content .unit.toggle-lists ul li {float:left;width:48%;font-size:11px;}

#extra-content .unit.lists ul {font-size:11px;}
#extra-content .unit.lists ul li h4 {font-size:14px;color:#FFF;background:#333 url(../../images/firstlight/sprite-expander-arrows.png) no-repeat 268px 10px;font-weight:bold;padding:2px 5px;margin:0 -4px 2px -7px;}
#extra-content .unit.lists ul li.expanded-list h4 {background-position:268px -24px; }
#extra-content .unit.lists ul li h4 a {color:#FFF;display:block;}
#extra-content .unit.lists ul li h4 span { width: 250px; display: block; }

#extra-content .unit.lists ul li ul {margin:8px -3px 1em;}
#extra-content .unit.lists ul li.expanded-list ul {display:block;}
#extra-content .unit.lists ul li.collapsed-list ul {display:none;}

#extra-content .unit.lists ul li a span.count,
#extra-content .unit.toggle-lists ul li a span.count {color:#CCC;}

#extra-content .unit.lists ul li span.wrap,
#extra-content .unit.toggle-lists ul li span.wrap {
	display: inline-block;
	padding:1px 4px;
}

#extra-content .unit.lists ul li.toggle-on span.wrap, 
#extra-content .unit.toggle-lists ul li.toggle-on span.wrap {
	background: red;
	background:#07B9BB;
	color:#FFF;	
	padding:1px 4px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;		
}
#extra-content .unit.lists ul li.toggle-on a .count,
#extra-content .unit.toggle-lists ul li.toggle-on a .count {color:#FFF;}
#extra-content .unit.lists ul li.toggle-on a .count:after,
#extra-content .unit.toggle-lists ul li.toggle-on a .count:after {content:' x';}


/* initially hidden */
#extra-content .award-list { display: none;}

/* FOOTER */

#unit-tools {
	background: url('../../images/firstlight/uk-film-header.gif') 250px 8px no-repeat;	
}

#footer {
	background: #3C3D3D url(../../images/firstlight/footer-tile-grad.png) repeat-x left top;
	padding:20px 10px 50px;
	font-size:11px;
	line-height:1.5;
}

#footer a {color:#CCC;}

#footer a:hover {color:#07b9bb;}

#footer ul#footer-links {float:left;width:300px;padding-top: 5px;}
#footer ul#footer-links li {float:left;padding-right:0.5em;margin-right:0.5em; border-right:1px solid #CCC;}
#footer ul#footer-links li.last {border-right:none;}

#footer p.licence {float:left;width:300px;}

#footer #footer-info {
	float:right;
	width:400px;
	text-align:right;
	background: url(../../images/firstlight/uk-film-council-logo.gif) no-repeat 410px 12px;
	padding-right: 162px;
	height: 50px;
	padding-top: 5px;
}


#footer span.uk-film-council {position:absolute;top:0;left:-9999px;}

/* LINKS AS BUTTONS */

#content-wrapper p.button {
	background:url(../../images/firstlight/sprite-button.png) no-repeat right -26px;
	height:26px;
	line-height:26px;
	display:block;
	float:right;
}
#content-wrapper p.button a {
	background:url(../../images/firstlight/sprite-button.png) no-repeat 0 0px;
	height:26px;
	line-height:26px;
	display:block;
	padding: 0 10px;
	color:#FFF;
}

/* FORMS */

form input.text, form textarea {
	background: #111;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	border: 1px solid #666;
	font-size: 12px;
	color: #999;
}

#extra-content .unit form input.text, #extra-content .unit form textarea {
	background: #999;
	padding: 5px;
	border: none;
	font-size: 12px;
	color: #333;
}


form input:hover, form input:active {color:white;}

form input#site-search:focus,
form input#site-search:hover, 
form input#site-search:active { color: black; outline: none;}

form label {float:left;width:200px;padding:5px 0;}

form div.field, form div.buttons{margin-bottom:5px;clear:both;overflow:hidden;zoom:1;}

form div.instruction {margin-top:10px;margin-bottom:10px;font-size:11px;}

form div.buttons {text-align:right;}

/* Extra Content Form Elements */

#extra-content form label {float:left;width:75px;}

#extra-content form input.text {width:125px;}

/* Site Search Form Elements */

form .search-field input#site-search {
	background:transparent url(../../images/firstlight/search-input.gif) no-repeat top center;
	height:26px;
	width:148px;
	padding:7px 0 0 15px;
	float:left;
	border:none;
}

form .search-field {
	float:right;
	margin:16px 10px 0 0;
}

/* Join Mailing list Form Elements */

#extra-content form input#join-mailing-list {float:left;width:153px;margin-right:5px;margin-top:1px;}
#content-wrapper.has-extra-content #extra-content form input#join-mailing-list {width:233px;}
#extra-content form input#join-mailing-list:focus { background: white;}


/* SPECIFIC OR UNIQUE ELEMENTS */

/* Meet-The-Team */

#unit-meet-the-team  {
}

#unit-meet-the-team li {
	float: left;
	display: block;
	background: #282828;
	padding: 10px;
	width:  240px;
	height: 180px;
	margin-top: 20px;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	margin-left:  20px;
	margin-bottom: 10px;
}

#unit-meet-the-team img {

}

#main-content .article #unit-meet-the-team li h3 {
	margin: 0;
	padding: 0;
}

#unit-meet-the-team li a {
	padding: 0;
	font-size: 16px;
}

#unit-meet-the-team p {
	padding: 0;

}


/* Homepage Slideshow */

#unit-main-image-slideshow {
	height:271px;
	overflow:hidden;
	width:708px;
	border: 1px solid #666;
	border-bottom: 0;	
}
#unit-main-image-slideshow .innerbg {
    background: #2b2929 url('../../images/firstlight/home-feature-fade.gif') repeat-x;
	padding: 0;
	margin: 0;
	overflow: auto;
}

#unit-main-image-slideshow.unit {
	margin-bottom: 0;
}

#unit-main-image-slideshow div.selected {
	position: relative;
	z-index: 9;
}


#unit-main-image-slideshow img {
	float: left;
}

#whiteout {
	height: 265px;
	width: 710px;
	position: absolute;
	z-index: 100;
	background: white;
	opacity: 0;
}

#content-wrapper .hidden {
	opacity: 0;
	display: none;
}

#unit-main-image-slideshow .info-overlay {
	padding: 4px 5px 0;
	height: 268px;
	float: right;
	width: 210px;
	margin-right:10px;
	line-height: 18px;
}

#unit-main-image-slideshow .moviefeatre {
	padding-bottom: 3px;
	padding-left: 3px;
	padding-top: 3px;
}

#unit-main-image-slideshow.info-overlay a {
	display: block;
	margin-top: 18px;
}

#unit-main-image-slideshow div {
	padding: 2px;
}

#unit-main-image-slideshow .info-overlay h2 {
	margin-top: 5px;
	font-size: 16px;
}

#unit-main-image-slideshow .info-overlay h3 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}

#unit-video-browser ul {
	margin-left: 0px;
	border-top: 1px solid #666;
	width: 710px;
}

#unit-video-browser li {
	float: left;
	text-align: center;
	width: 112px;
	margin-right: 5px;
	font-size:11px;
	height: 62px;
	line-height: 13px;
	opacity: 0.5;
	margin-top: 4px;
}


#unit-video-browser li.selected {
	opacity: 1;
	margin-top: -1px;
	background: #2b2929;
	border-bottom:1px solid #666;
	border-left:1px solid #666;
	border-right:1px solid #666;
	width: 123px;
	height: 69px;
}

#unit-video-browser li#tab_0 {
	margin-left: 0;
}
#unit-video-browser li#tab_5 {
	margin-right: 0;
}

#unit-video-browser li#tab_5 img {
	width: 112px;
}

#unit-video-browser li#tab_5.selected img {
	width: 113px;
}





#unit-video-browser li a {
	display:block;
}

#unit-video-browser li a span {
	display:block;
	padding:0 2px;
}

/* Homepage Image*/



#unit-main-image img {
	float: left;
}
#unit-main-image .info-overlay {
	padding: 0px 10px 0;
	height: 265px;
	float: right;
	width: 220px;
	margin-right:10px;
	line-height: 18px;
	background: url(../../images/firstlight/main-image-right-grad-fade.png) repeat-y top right;
}

#unit-main-image .info-overlay p {
	margin-bottom: 20px;
}

#unit-main-image .info-overlay a {
	display: block;
	margin-top: 18px;
}

#unit-main-image .info-overlay h2 {
	margin-top: 10px;
	font-size: 16px;
}

#unit-main-image .info-overlay h3 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}


#extra-content #unit-about{margin-bottom: 3px;}
#extra-content #unit-join-mailinglist{margin-bottom: 3px;}


/* Homepage News List Items */

#unit-latest-news ol li {border-bottom:1px dotted #666;}
#unit-latest-news ol li p {margin:0 !Important;padding:0 !Important;}
#unit-latest-news ol li a {display:block;padding:5px;color:#FFF;}
#unit-latest-news ol li a:hover {background-image: url(../../images/firstlight/comment-bg-tile.jpg);color:#FFF;}
#unit-latest-news ol li a span {background:url(../../images/firstlight/bullet.gif) no-repeat 2px 2px;display:block;padding-left:18px;}

/* Homepage Comment List Items */

#unit-recent-comments ol li .quote {
	background: #035354 url(../../images/firstlight/comment-bg-tile-grey.jpg) repeat-y top left;
	padding-bottom:20px;
	padding:10px;
}

#unit-recent-comments ol li:hover .quote {
	background-image: url(../../images/firstlight/comment-bg-tile.jpg);
}

#unit-recent-comments ol li .quote p {
	margin-bottom:0;
	line-height:1.3;
}

#unit-recent-comments ol li .context {
	font-size:10px;
	background: url(../../images/firstlight/icon-human-grey.png) no-repeat 10px 0;
	padding:7px 0 0 45px;
}

#unit-recent-comments ol li:hover .context {
	background-image: url(../../images/firstlight/icon-human.png);
}

/* Homepage Ning List Items */

#unit-ning-activity .user-icons {
	overflow:hidden;zoom:1;
}

#unit-ning-activity .user-icons li {
	float:left;margin-right:5px;
}

#unit-ning-activity a {
	color:#bf1717;
}

#unit-ning-activity ol li {
	padding-left:25px;margin-bottom:0.5em;border-bottom:1px dotted #666;
	font-size:11px;
}

#unit-ning-activity ol li img{
	height: 30px;
	width: auto;
}

#unit-ning-activity ol li .when {
	display:block;font-size:10px;color:#999;
}

#unit-ning-activity ol li li {border:none;padding:0;margin:0;}

#unit-ning-activity ol li.ning-status-updated-profile {background:  url(../../images/firstlight/ning-updated-profile.png) no-repeat 0 3px;}
#unit-ning-activity ol li.ning-status-joined-group {background: url(../../images/firstlight/ning-joined-group.png) no-repeat 0 3px;}
#unit-ning-activity ol li.ning-status-new-members {background: url(../../images/firstlight/ning-new-members.png) no-repeat 0 3px;}
#unit-ning-activity ol li.ning-status-added-groups {background: url(../../images/firstlight/ning-added-groups.png) no-repeat 0 3px;}
#unit-ning-activity ol li.ning-default {background:  url(../../images/firstlight/ning-square-user-icon.png) no-repeat 0 3px;}
#unit-ning-activity ol li.ning_user-comment {background:  url(../../images/firstlight/ning-square-user-icon.png) no-repeat 0 3px;}

#unit-ning input#ning-username:focus,
#unit-ning input#ning-password:focus {
	background: white;
}

/* View All Links */

p.view-all {text-align:right;}

/* View More Movies Scrolling Box */

#unit-view-more-movies ul { height:288px;;overflow:auto;margin:0!important;}

#unit-view-more-movies ul li, 
#unit-video-gallery ul li{clear:both;border-bottom:1px solid #333;overflow:hidden;zoom:1;padding:5px;line-height:2;background:url(../../images/firstlight/sprite-video-scroller-tile.jpg) repeat-y 0 0;}

#unit-view-more-movies ul li a,
#unit-view-more-movies ul li a:hover, 
#unit-video-gallery ul li a, 
#unit-video-gallery ul li a:hover{color:#07B9BB;}

#unit-view-more-movies ul li:hover,
#unit-video-gallery ul li:hover {background-position:-300px 0;}

#unit-view-more-movies ul li img,
#unit-video-gallery ul li img { float:left;margin-right:10px; display: block;}

#unit-view-more-movies ul li h4,
#unit-video-gallery ul li h4 { color:#07B9BB; line-height: 1.3em;}

#unit-view-more-movies ul li h4 a,
#unit-video-gallery ul li h4 a { color:#07B9BB; display: block; }

#unit-view-more-movies ul li p,
#unit-video-gallery ul li p { margin:0!important;}

/* Video Comments Styling */

#unit-read-comments,
#unit-post-comments {
	margin-right:10px;
}

#unit-read-comments h2,
#unit-post-comments h2  {
	background: #bf1717 url(../../images/firstlight/title-bar.jpg) no-repeat right top;
	line-height:28px;
	padding: 0 10px;
	color: #FFF;
	margin-bottom: 15px;
}

#unit-read-comments ol li blockquote {
	background: #333 url(../../images/firstlight/comment-rounded-head.png) no-repeat left top;
	width:628px;
}
#unit-read-comments ol li blockquote .quote {
	background: url(../../images/firstlight/comment-rounded-base.png) no-repeat left bottom;
	padding:20px 20px 10px;
}

#unit-read-comments ol li blockquote .context {
	background: #000 url(../../images/firstlight/icon-human-light-grey.png) no-repeat 45px 0;
	padding-left:82px;
	line-height:30px;
}

/* Video Commenting Form */

#unit-post-comments #post-comment-name, 
#unit-post-comments #post-comment-email,
#unit-post-comments #post-comment-rate {
	float:left;
	width:33%;
	clear:none;
	margin-bottom:20px;
}

#unit-post-comments #post-comment-rate legend {color:#CCC;padding:3px 0 10px;}

#unit-post-comments #post-comment-message label {
	display:block;
	float:none;
}

#unit-post-comments #post-comment-message textarea {
	width:618px;
	margin-bottom:10px;
}

#unit-post-comments .buttons {
	text-align:left;
}


#unit-post-comments #errorwrapper {
	border: 1px dotted #ccc;
	background: #ffffcc;	
	margin-bottom:10px;
	padding-left: 8px;
	padding-top: 8px;
	color: #3d3d3d;	
}

#unit-post-comments #errorwrapper p{
	font-size: 12px;
	font-weight: bold;
	margin-bottom:10px;
}

#unit-post-comments #errorwrapper ul {
	margin-bottom: 10px;
}

/* Video Downloads */

#unit-showcase #unit-resource-download-list {
	border: none;
}

#unit-resource-download-list h2 {
	background: #bf1717 url(../../images/firstlight/title-bar.jpg) no-repeat right top;
	line-height:28px;
	padding: 0 10px;
	color: #FFF;
	margin-bottom: 15px;
}

/* Awards List */


#unit-award-details {
	margin-left: 10px;
}


.award-submissions {
	clear: both;
	padding-bottom: 10px;
	width: 500px;
}
.award-info h2 {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	
}
.award-submissions li {
	position: relative;
	padding: 5px;
	border-right: 5px solid black;
	border-bottom: 5px solid black;
	float: left;
	width: 110px;
	height: 100px;
	background: #242424 url(../../images/firstlight/unit-grad-tile.jpg) top;
}

.award-submissions li.winner {
	clear: both;
	float: none;
	padding:8px;
	margin: 0;
	width: 500px;
	height: 340px;
	background: #2a2a2a;
	border-bottom: 8px solid black;
	border-right: none;
}

.award-submissions span.winner-label {
	position: absolute;
	top: 10px;
	left: 440px;
	background:#c01d1e;
	color: white;
	padding: 3px;
	font-weight: bold;
	font-size: 16px;
	-webkit-border-radius: 4px;-moz-border-radius: 4px;
}



.award-submissions li.winner span {
	display: block;
}

/* News Article Date */

.article-date {color:#FFF;padding:1px 10px;margin-top:-2px;margin-bottom:10px;}

/* Resource + News List */

#main-content .resource-list,
#main-content .news-list {margin-right:10px;}

#main-content .resource-list ul,
#main-content .news-list ul {
	overflow:hidden;
	zoom:1;
}
#main-content .resource-list ul li,
#main-content .news-list ul li {
	overflow:hidden;
	zoom:1;
	border: 1px dotted #333;
	padding:5px;
	margin-bottom:10px;
	background: #111;
}
#main-content .resource-list ul li h4,
#main-content .news-list ul li h4 {
	margin-bottom:10px;
	font-weight:bold;
	font-size:16px;
}

#main-content .news-list ul li h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.25;
	margin: 0px;
}

#main-content .resource-list ul li img,
#main-content .news-list ul li img {
	float:left;
	margin-right:10px;
}

#main-content .resource-list ul li .read-more,
#main-content .news-list ul li .read-more {margin-bottom:0;}

/* Related Video JS Browser */

#unit-related-video-browser {position:relative;height:64px;overflow:hidden;margin-top:5px;}

#unit-related-video-browser ul {
	overflow: hidden;
	zoom:1;
	margin-left:24px;
	width:auto;
	position: relative;
}

#unit-related-video-browser ul li {
	float:left;
	width:110px;
	height:62px;
	margin:0 2px;
}

#unit-related-video-browser ul li a {
	display:block;
}

#unit-related-video-browser .previous {
	height:62px;
	width:20px;
	padding-right:5px;
	position:absolute;
	background:#000;
	top:0;
	left:0;
	z-index: 99;
}

#unit-related-video-browser .next {
	height:62px;
	width:20px;
	padding-left:5px;
	position:absolute;
	background:#000;
	top:0;
	right:0;
	z-index: 99;	
}

#unit-related-video-browser .previous a {background:url(../../images/firstlight/sprite-movie-browser.png) no-repeat 0 0;}
#unit-related-video-browser .previous a:hover {background:url(../../images/firstlight/sprite-movie-browser.png) no-repeat 0 -62px;}
#unit-related-video-browser .next a {background:url(../../images/firstlight/sprite-movie-browser.png) no-repeat -20px 0;}
#unit-related-video-browser .next a:hover {background:url(../../images/firstlight/sprite-movie-browser.png) no-repeat -20px -62px;}

#unit-related-video-browser .previous a,
#unit-related-video-browser .next a {
	display:block;
	height:62px;
	width:20px;
	text-indent:-9999px;
	overflow:hidden;
}

/* Pagination */

#content-wrapper ol.pagination {overflow:hidden;zoom:1;text-align:center;font-weight:bold;}
#content-wrapper ol.pagination li {display:inline;}
#content-wrapper ol.pagination li a {padding:3px 6px;}
#content-wrapper ol.pagination li a:hover {background:#333;color:#07B9BB;}
#content-wrapper ol.pagination li.selected a {background: #07b9bb;color:#000;}

a.backstageeditbutton {
	border:medium none;
	clear:left;
	color:#333333 !important;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	line-height:13px;
	padding:1em;
	position:fixed;
	right:10px;
	top:0px;
	vertical-align:middle;
	background: #FFF;
	border: 3px solid #999;
	border-top: none;
	color: #333;
	z-index: 100;
}
a.backstageeditbutton:hover {
	color: #FFF;
	background-color: #999;
	border: 3px solid #666;
	border-top: none;
}

.backstageeditbutton img {
	float: left;
	margin-right: 6px;
}

div#scroll-container
{
	width: 2000px;
}

#unit-view-more-movies ul.loading
{
	background: url(/mmlib/images/firstlight/loading.gif) no-repeat scroll center center;
}

#main-content.loading
{
	background: url(/mmlib/images/firstlight/loading.gif) no-repeat scroll center 120px;
}

textarea.loading
{
	background: url(/mmlib/images/firstlight/loading.gif) no-repeat scroll center center;
}

p.more-results
{
	background:transparent url(/mmlib/images/firstlight/add.gif) no-repeat scroll left center;
	clear:left;
	padding:2px 0 2px 20px;
}

#made-media {
	background: url(/mmlib/images/firstlight/logo-made.gif) no-repeat;
	display: block;
	height: 10px;
	margin-top: 50px;
	text-indent: -5000px;
	width: 40px;
}

/* 404 */

#p404 {
	margin-top: 50px;
}

#p404 div {
	background: url(../../images/firstlight/unit-grad-tile.jpg) repeat-x scroll left bottom;
	line-height:1;
	padding:10px 10px 30px;
	margin: 0 auto;
	width: 500px;
}

#p404 h1 {
	margin: 0;
	padding: 0;
	padding: 6px;
	background: url(../../images/firstlight/black-title-bar-tile-grad.jpg) repeat-x top left;
}

#p404 div p {
	line-height: 2em;
}

#p404 a {
	color: white;
}


#project-view #main-content .article .funding-streams li {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	margin: 20px 0;
}

#project-view #main-content .article .funding-streams li img {
	float: left;
	margin-right: 20px;
}

#project-view #unit-sponsors li {
	margin: 10px 0;
}

h1, h2, h3, h4,
#unit-navigation li a {
	font-family: Helvetica, Arial, sans-serif;
}


.award-voting
{
	display: block;
	clear: both;
}
.award-voting .checkbox
{
	clear:both;
	float:left;
	margin-right:11px;
	margin-top:6px;
}
.award-voting .submit
{
	clear: both;
	float: left;
}
.award-voting .vote-movie
{
	clear: both;
}

/* @group Sponsors */
#main-content #unit-article .sponsors-list {
	border-bottom:1px dotted #666666;
	margin-bottom:24px;
	padding-bottom:20px;
}
#main-content #unit-article .sponsors-list li{
	clear: left;
	float: left;
	list-style-type: none;
	padding: 0px;
	margin: 10px 0px;	
	width: 100%;
}
#main-content .sponsors-list li div{	
	float: left;
	width: 500px;
}
#main-content .sponsors-list li.has-logo div{
	width: 400px;
}
#main-content .sponsors-list li img{
	float: left;
	padding: 0px 15px 0px 0px;
	width: 75px;
}
#main-content .sponsors-list li div h3{
	font-size: 14px;
}
#main-content .sponsors-list li div p {
	margin: 0px;
}
/* @end */