/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/*

Uniform Theme: ITVS
Version: 1.0
By: ITVS
License: ITVS
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */


div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action {
  background-image: url(../images/itvs-sprite.png);
  background-repeat: no-repeat;
}

.selector,
.radio,
.checker,
.uploader,
.selector *,
.radio *,
.checker *,
.uploader *{
	margin: 0;
	padding: 0;
}

/* SPRITES */

/* Select */

div.selector {
  background-position: -483px -150px;
  line-height: 30px;
	height: 30px;
}

div.selector span {
  background-position: right 0px;
  height: 30px;
	line-height: 30px;
}

div.selector select {
  /* change these to adjust positioning of select element */
  top: 0px;
	left: 0px;
}

div.selector:active,
div.selector.active {
	background-position: -483px -180px;
}

div.selector:active span,
div.selector.active span {
	background-position: right -30px;
}

div.selector.focus, div.selector.hover, div.selector:hover {
	background-position: -483px -210px;
}

div.selector.focus span, div.selector.hover span, div.selector:hover span {
	background-position: right -60px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
	background-position: -483px -240px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
	background-position: right -90px;
}

div.selector.disabled,
div.selector.disabled:active,
div.selector.disabled.active {
	background-position: -483px -270px;
}

div.selector.disabled span,
div.selector.disabled:active span,
div.selector.disabled.active span {
  background-position: right -120px;
}

/* Checkbox */

div.checker {
  width: 19px;
  height: 19px;
}

div.checker input {
  width: 19px;
  height: 19px;
}

div.checker span {
  background-position: 0px -300px;
  height: 19px;
  width: 19px;
}

div.checker:active span,
div.checker.active span {
	background-position: -19px -300px;
}

div.checker.focus span,
div.checker:hover span {
	background-position: -38px -300px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
	background-position: -57px -300px;
}

div.checker span.checked {
	background-position: -76px -300px;
}

div.checker:active span.checked,
div.checker.active span.checked {
	background-position: -95px -300px;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
	background-position: -114px -300px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
	background-position: -133px -300px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
	background-position: -152px -300px;
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
	background-position: -171px -300px;
}

/* Radio */

div.radio {
  width: 18px;
  height: 18px;
}

div.radio input {
  width: 18px;
  height: 18px;
}

div.radio span {
  height: 18px;
  width: 18px;
  background-position: 0px -319px;
}

div.radio:active span,
div.radio.active span {
	background-position: -18px -319px;
}

div.radio.focus span,
div.radio:hover span {
	background-position: -36px -319px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
	background-position: -54px -319px;
}

div.radio span.checked {
	background-position: -72px -319px;
}

div.radio:active span.checked,
div.radio.active span.checked {
	background-position: -90px -319px;
}

div.radio.focus span.checked, div.radio:hover span.checked {
	background-position: -108px -319px;
}

div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
	background-position: -126px -319px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
	background-position: -144px -319px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
	background-position: -162px -319px;
}

/* Uploader */

div.uploader {
  background-position: 0px -337px;
  height: 24px;
}

div.uploader span.action {
  background-position: right -433px;
  height: 24px;
  line-height: 24px;
}

div.uploader span.filename {
  height: 24px;
  /* change this line to adjust positioning of filename area */
  margin: 2px 0px 2px 2px;
  line-height: 24px;
}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -385px;
}

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -457px;
}

div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -481px;
}

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -505px;
}

div.uploader.disabled {
  background-position: 0px -361px;
}

div.uploader.disabled span.action {
  background-position: right -409px;
}

/* PRESENTATION */

/* Select */
div.selector {
  margin-bottom: 20px;
  width: 190px;
}

#uniform-film-filter { /* TODO does this belong somewhere else? */
  margin-bottom: 0;
}

div.selector select {
  width: 190px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	border: solid 1px #fff;
}

div.selector span {
  padding: 0px 25px 0px 2px;
  cursor: pointer;
}

div.selector span {
  color: #666;
  width: 144px;
  text-shadow: 0 1px 0 #fff;
}

div.region-selector select {
  width: 230px;
}

div.region-selector span {
  width: 184px
}

div.selector.disabled span {
	color: #bbb;
}

/* Checker */
div.checker {
  margin-right: 10px;
}

/* Radio */
div.radio {
  margin-right: 10px;
}

/* Uploader */
div.uploader {
  width: 190px;
  margin-bottom: 20px;
  cursor: pointer;
}

div.uploader span.action {
  width: 85px;
  text-align: center;
  text-shadow: #fff 0px 1px 0px;
  background-color: #fff;
}

div.uploader span.filename {
  color: #777;
  width: 82px;
  border-right: solid 1px #bbb;
  font-size: 90%;
}

div.uploader input {
  width: 190px;
}

div.uploader.disabled span.action {
  color: #aaa;
}

div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}
/*

CORE FUNCTIONALITY

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector select:focus, .radio input:focus, .checker input:focus, uploader input:focus {
  outline: 0;
}

/* Select */

div.selector {
	position: relative;
	padding-left: 10px;
	overflow: hidden;
}

div.selector span {
	display: block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

div.selector select {
	position: absolute;
	opacity: 0;
  height: 25px;
  border: none;
  background: none;
}

/* Checker */

div.checker {
	position: relative;
	float: left;
}

div.checker span {
	display: block;
	float: left;
	text-align: center;
}

div.checker input {
  opacity: 0;
  display: inline-block;
  background: none;
}

/* Radio */

div.radio {
	position: relative;
	float: left;
}

div.radio span {
	display: block;
	float: left;
	text-align: center;
}

div.radio input {
  opacity: 0;
  text-align: center;
  display: inline-block;
  background: none;
}

/* Uploader */

div.uploader {
  position: relative;
  float: left;
  overflow: hidden;
}

div.uploader span.action {
  float: left;
  display: inline;
  padding: 2px 0px;
  overflow: hidden;
  cursor: pointer;
}

div.uploader span.filename {
  padding: 0px 10px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.uploader input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 25px;
  border: none;
}
/* @override http://10.0.10.100:3000/assets/itvs.css?body=1
	http://localhost:3000/assets/itvs.css?body=1 */

/* THIS GOES SOMEWHERE ELSE */

div.selector {
  width: 400px
}

/* GENERAL PAGE TEMPLATE */

html {
  color: #333333;
  background: #f2f2f2 url(../images/page-border.gif) repeat-y top center;
}

body {
  min-width: 1000px;
  background: url(../images/default-banner.jpg) no-repeat center 90px;
  font-family: Helvetica, Arial, Sans-serif;
  font-size: 0.8em;
  line-height: 1.3;
}

html {
  height: 100%;
}

html.auto {
  height: auto;
}
                    
body, #layout {
  height: 100%;
  min-height: 598px;
}

body > #layout {
  height: auto;
  min-height: 100%;
}

blockquote {
    padding-right: 20px;
    padding-left: 20px;
}

select {
  cursor: pointer;
}

.sidebar-content-widget:after,
.sidebar-content-widget > p:after,
.home-index-page .panes li:after,
.page-content:after,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.sidebar-content-widget,
.sidebar-content-widget > p,
.home-index-page .panes li,
.page-content,
.clearfix {
  display: inline-block;
}

/* Hides from IE-Mac */
* html .sidebar-content-widget,
* html .sidebar-content-widget > p,
* html .home-index-page .panes li,
* htlm .page-content,
* html .clearfix {
  height: 1%;
}

.sidebar-content-widget,
.sidebar-content-widget > p,
.home-index-page .panes li,
.page-content,
.clearfix {
  display: block;
}

/* End hide from IE-Mac */

#header {
  width: 990px;
  height: 169px;
  margin: 0 auto;
  padding-top: 18px;
}

#itvs-logo {
  float: left;
  width: 83px;
  height: 54px;
  background: url(../images/itvs-logo.png) no-repeat;
  margin-right: 50px;
}

#header ul {
  float: left;
  width: 540px;
}

#header ul li {
  font-size: 1.05em;
  font-weight: bold;
  float: left;
  margin-right: 5px;
  margin-bottom: 3px;
  width: 130px;
  text-transform: uppercase;
}

#header ul li#blog {
  width: 80px;
}

#header ul li a {
  color: #666666;
  text-decoration: none;
}

#header ul li a:hover {
  color: #333333;
  text-decoration: none;
}

#header li a.selected {
  color: #CE221D;
}

#header ul {
  margin-top: 10px;
}

.header-wrapper {
  clear: both;
  padding-top: 43px;
}

.header-wrapper .title {
  float: left;
}

.header-wrapper .title > * {
  clear: left;
}

.site-search {
  float: right;
}

.site-search button,
.site-search input {
  float: left;
  display: block;
}

.site-search input {
  height: 12px;
}

.site-search input[type=text] {
  width: 240px;
}

*+html .site-search input[type=text] {
  width: 232px;
}

.site-search form {
  margin-top: 12px;
}

.site-search button {
  height: 30px;
  padding: 0 6px;
  border: none;
  color: #ffffff;
  background-color: #96999B;
  font-weight: bold;
  margin-left: 7px;
}

.site-search button:hover {
  background-color: #AAA;
}

#body {
  width: 990px;
  margin: 0 auto;
  padding-bottom: 120px;
}

#footer {
  height: 56px;
  margin-top: -120px;
  padding: 32px 0;
  color: #bababa;
  background: #f2f2f2 url(../images/footer-background.png) no-repeat center bottom;
  clear: both;
}

#footer-content {
  width: 990px;
  margin: 0 auto;
}

#footer-content > * {
  float: left;
}

#footer-content > img,
#footer-content > a {
  padding-right: 20px;
}

#footer-content > div {
  width: 800px;
  padding-top: 2px;
}

#footer ul {
  margin-top: 8px;
}

#footer ul li {
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  border-left: solid 1px #bababa;
  line-height:1.1;
}

#footer ul li:first-child {
  padding-left: 0;
  border-left: none;
}

#footer ul li a {
  color: #ffffff;
}

/* INCOMPATIBLE BROWSER */

.dialog {
  display: none;
  z-index: 100;
  width: 500px;
  height: 280px;
  padding: 20px;
  background: white;
  border: 5px solid #999;
}

.dialog h3 {
  color: #333333 !important;
  margin-bottom: 10px;
}

.dialog button {
  background-color: #31B0c3;
  border: medium none;
  color: #FFFFFF;
  font-size: 1.0em;
  font-weight: bold;
  margin-left: 7px;
  padding: 7px 6px;
}

.dialog button:hover {
  background-color: #43c3e6;
  cursor: pointer;
}

.unsupported-browser-dialog {
  width: 500px;
  height: 290px;
  font-size: 1.2em;
}

.unsupported-browser-dialog ul {
  margin: 20px 0;
}

.unsupported-browser-dialog li {
  margin-bottom: 5px;
}

.unsupported-browser-dialog .close {
  float: right;
}

/* GENERAL SITE-WIDE STYLES */

em {
  font-style: italic;
}

/*
  todo: refactor to get rid of page-content-too,
  ideally change instances of ".content-page .page-content" to ".user-content" in the markup
  then change the one instance of .page-content-too to .page-content
  then delete the page-content-too class.
*/

.page-content-too,
.page-content {
  padding-top: 30px;
  padding-bottom: 30px;
}

.tab-content, .body-content {
  clear: left;
  margin-top: 15px;
  padding-bottom: 15px;
}

.main-column,
.side-column {
  float: left;
}


.main-column {
  width: 660px;
}

.content-page.full-width-rich-content-page .main-column {
    width: 100%
}

.side-column {
  width: 300px;
  margin-left: 30px;
  vertical-align: top;
}

.side-column > div.sidebar-content-widget {
  margin-top: 15px;
}

.side-column > div.sidebar-content-widget:first-child {
  margin-top: 0;
}

.sidebar-content-widget {
  background-color: #ececec;
  padding: 10px 10px 20px 10px;
}

.sidebar-content-widget.compact {
  padding: 10px;
}

.sidebar-content-widget > * {
  padding: 0 10px;
}

.sidebar-content-widget > *:first-child {
  padding-top: 10px;
  margin-top: 0;
}

.sidebar-content-widget > *:first-child *:first-child > *:first-child {
  margin-top: 0;
}

.sidebar-content-widget > .shadow {
  margin-top: 15px;
  padding: 0;
}

.sidebar-content-widget > .shadow:first-child {
  margin-top: 0;
}

.sidebar-content-widget h4 {
  margin: 0 0 10px 0;
}

.sidebar-content-widget h5 {
  font-weight: bold;
}

.sidebar-content-widget p {
  font-size: 1em;
}

.sidebar-content-widget .shadow + p {
  margin-top: 18px;
}

.sidebar-content-widget .nowrap {
  padding-right: 20px;
}

.sidebar-content-widget .shadow {
  padding: 20px;
  background-color: #fff;
  box-shadow: 2px 2px #cbc8c5;
  -moz-box-shadow: 2px 2px #cbc8c5;
  -webkit-box-shadow: 2px 2px #cbc8c5;
}

.sidebar-content-widget .shadow p:first-child {
  margin-top: 0;
}

.home-index-page .sidebar-content-widget {
  background-color: #ddd;
}

.stay-connected img {
  margin: 10px 10px 0 0;
}

.stay-connected {
  margin-top: 16px;
}

.stay-connected h5 {
  margin-bottom: 0;
  font-weight: bold;
}


input[type='text'],
input[type='password'],
textarea {
  border: solid 1px #b3b3b3;
  padding: 8px;
}

input[type='text'].other {
  display: block;
  margin-left: 17px;
}


input.error,
textarea.error {
  background-color: #ffdfbf;
}

label.error {
  color: #ee0005;
  padding-left: 10px;
}

input.blur,
textarea.blur {
  color: #999;
}

button:hover {
  cursor: pointer;
}

.data {
  display: none;
}

h1, h2, h3, h4 {
  font-weight: bold;
}

h1 {
  font-size: 2.4em;
}

h2 {
  font-size: 1.8em;
}

h3 {
  font-size: 1.7em;
}

h4 {
  font-size: 1.2em;
  margin: 10px 0;
}

p + h3 {
  margin-top: 15px;
}

h5 + p, .in-the-news-description p, p.in-the-news-description {
  margin-top: 0 !important;
}

.in-the-news-description p {
  font-size: 0.8em;
  line-height: 1.3;
}

h5.film-link {
  font-size: 135%;
}

h5.film-link a {
  color: #333333;
}

p {
  margin-top: 10px;
}

strong {
  font-weight: bold;
}
  
a {
  color: #312d2b;
  text-decoration: none;
  outline-style: none;
  cursor: pointer;
}

a:hover {
  color: #e5312a;
  text-decoration: underline;
}

a.a1 {
  padding-right: 13px;
  background: url(../images/right-arrow-red-on-white.png) no-repeat right 2px;
}

a.a1:hover,
a.a2:hover {
  color: #e5312a;
  text-decoration: none;
}

a.a3 {
  color: #007a95;
  text-decoration: none;
}

a.a3:hover {
  text-decoration: underline;
}

.wrapper a:hover {
  text-decoration: none; 
}

label {
  font-weight: bold;
}

.series-name {
  font-style: italic;
}

.overlay {
  color: #ffffff;
  display: block;
  float: left;
  position: relative;
  overflow: hidden;
}

.overlay.clickable {
  cursor: pointer;
}

.overlay .overlay-background {
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.80;
  filter: alpha(opacity = 80);
  position: absolute;
  top: 0;
  left: 0;
}

.overlay .overlay-content {
  position: relative;
}

.blockhead {
  white-space: nowrap;
  line-height: 1;
}

.blockhead .overlay-content {
  padding: 12px 14px 8px 12px;
}

.small-thumbnail {
  width: 100px;
  height: 56px;
}

.medium-thumbnail {
  width: 145px;
  height: 82px;
}

img.medium-thumbnail {
  border: #ddd solid 1px;
  padding: 1px;
}

.large-thumbnail {
  width: 270px;
  height: 152px;
}

.pagination {
  text-align: right;
  line-height: 24px;
}

.pagination.bottom {
  padding-top: 10px;
}

.pagination .prev_page {
  margin-right: 5px;
}

.pagination .next_page {
  margin-left: 5px;
}

.pagination em {
	color: #a0a0a0;
}

.pagination .previous_page, .pagination .prev_page, .pagination .next_page {
  width: 14px;
  height: 24px;
  display: inline-block;
  text-indent: 20000px;
  overflow: hidden;
}
.pagination .pagination_index {
	display: inline;
	position: relative;
	bottom: 7px;
}

.pagination a.previous_page, .pagination a.prev_page {
  background: #ffffff url(../images/left-arrow-red-on-white.png) no-repeat center center;
  
}

.pagination a.previous_page:hover, .pagination a.prev_page:hover {
  background: #ffffff url(../images/left-arrow-white-on-red.png) no-repeat center center;
}

.pagination span.previous_page, .pagination span.prev_page {
  background: #ffffff url(../images/left-arrow-grey-on-white.png) no-repeat center center;
  
}

.pagination a.next_page {
  background: #ffffff url(../images/right-arrow-red-on-white.png) no-repeat center center;
  
}

.pagination a.next_page:hover {
  background: #ffffff url(../images/right-arrow-white-on-red.png) no-repeat center center;
}

.pagination span.next_page {
  background: #ffffff url(../images/right-arrow-grey-on-white.png) no-repeat center center;
}



.engagement-page .pagination {
  float: right;
}


/* Page Tabs */

.page-tabs {
  width: 990px;
  height: 35px;
}

.page-tabs li {
  float: left;
  margin-right: 3px;
  text-transform: uppercase;
  background-color: #eeeeee;
}

.page-tabs li.selected a,
.page-tabs li.selected {
  color: #ffffff;
  background-color: #00b3c5;
}

.page-tabs li.selected a h2 {
  color: #fff;
}

.page-tabs li h2 {
  height: 13px;
  font-size: 1.0em;
  margin-top: 0;
  padding: 11px 14px;
}

.page-tabs li a {
  color: #595959;
  text-decoration: none;
}

.listings {
  clear: left;
  margin-top: 15px;
}

.listing {
  vertical-align: top;
  border-bottom: 3px solid #ececec;
}

/* for IE, which doesn't support borders on table rows (only table cells) */
.listing td {
  *border-bottom: 3px solid #ececec;
}

.listing:hover {
  background-color: #f5f5f5;
}

.listing:hover a.a1:hover {
  color: #e5312a
}

.listing td {
  padding: 15px 0;
}

.listing .body {
  padding: 15px 20px;
}

.listing .body h5 {
  font-size: 135%;
}

.listing .body h5 a {
  color: #333333;
}

.listing .body h5 + p, .in-the-news-description {
  color: #666666;
}

.listing .body p + p {
  margin-top: 5px;
}

.listing .body p a {
  margin-left: 0px;
}

.listing .body p > a:first-child {
  margin-left: 0;
}

.listing .body p.series {
  font-style: italic;
}

.listing .detail {
  padding: 36px 20px 15px 20px;
  border-left: 1px solid #ececec;
}

.listing .time {
  min-width: 60px;
}

.listing .time-and-place {
  min-width: 130px;
}

.listing .detail p:first-child {
  margin-top: 0;
}

.listings-tabs {
  clear: left;
  padding: 5px 5px 0 5px;
  height: 32px;
  background-color: #cff0f4;
}

.listings-tabs a {
  color: #007999;
  text-decoration: none;
}

.listings-tabs a:hover {
  text-decoration: underline;
}

.listings-tabs li {
  float: left;
  padding: 6px 0 10px 0;
}

.listings-tabs li h3 {
  font-size: 1em;
  font-weight: normal;
  padding: 0 14px;
  border-left: #aaccd1 solid 1px;
}

/* Don't render the border (small vertical divider) for the leftmost, selected, and next to selected tabs. */
.listings-tabs li:first-child h3, .listings-tabs li.selected h3, .listings-tabs li.selected + li h3 {
  border-left: none;
}

.listings-tabs .selected {
  background-color: #ffffff;
}

.listings-tabs .selected h3 a, .listings-tabs .selected a {
  color: #323232;
  font-weight: bold;
}

.results .topic {
  font-size: 1.1em;
}

.results .empty-results {
  clear: left;
  padding-top: 20px;
  font-size: 1.3em;
}

.results .outlets {
  margin-top: 10px;
}

.results .outlets > *:first-child {
  margin-left: 0;
}

.results .outlets > * {
  vertical-align: top;
  margin-left: 20px;
  float: left;
}

.results .outlets .outlet div {
  margin-top: 5px;
}

.results .topic strong {
  margin: 0 15px 0 0;
  font-weight: bold;
}

.results .topic a {
  color: #238d9d;
}

.filters {
  padding: 20px;
  background-color: #ececec;
}

.filters h3 {
  font-size: 1.4em;
  text-transform: uppercase;
  padding-bottom: 10px;
}

.filters label {
  display: block;
}

.filters label, .filters h4, .side-column h4 {
  color: #888380;
  font-weight: bold;
  font-size: 1.2em;
  text-transform: uppercase;
}

.filters select + label, .filters h4 {
  margin-top: 20px;
}

#click-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 1;
}

.topic-groups {
  position: relative;
  right: 20px;
  z-index: 3;
  padding-bottom: 2px;
}

.topic-groups .topic-group {
  height: 37px;
  margin-bottom: 12px;
  line-height: 40px;
}

.topic-groups .topic-group .shadow {
  width: 210px;
  height: 37px;
  background-color: #cbc8c5;
  position: relative;
  left: 22px;
  top: 2px;
}

.topic-groups .topic-group a {
  width: 179px;
  height: 37px;
  display: block;
  position: relative;
  top: -2px;
  left: -2px;
  color: #888380;
  background: #ffffff url(../images/left-arrow-grey.png) no-repeat 13px;
  font-weight: bold;
  font-size: 1.2em;
  padding-left: 31px;
  cursor: pointer;
  outline: none;
}

.topic-groups .topic-group a:hover,
.topics a:hover {
  text-decoration: none;
}

.topic-groups .topic-group.selected {
  background-color: #e5312a;
  border-bottom: solid 2px #cbc8c5;
  margin-bottom: 10px;
}

.topic-groups .topic-group.selected a {
  color: #ffffff;
  background: #e5312a url(../images/left-arrow-red.png) no-repeat 13px;
}

.topics {
  height: 0;
  display: none;
}

.topics .shadow {
  width: 260px;
  background-color: #cbc8c5;
  position: relative;
  top: -68px;
  right: 258px;
  z-index: -1;
}

.topics ul {
  background-color: #e5312a;
  padding: 20px;
  position: relative;
  top: -2px;
  left: -2px;
  width: 220px;
}

.topics ul li {
  margin-top: 3px;
}

.topics ul li:first-child {
  margin-top: 0;
}

.topics ul li a {
  color: #ffffff;
  font-size: 1.2em;
  opacity: 0.80;
  white-space: nowrap;
}

.topics ul li {
  filter: alpha(opacity = 70);
}

.topics ul li:hover {
  filter: alpha(opacity = 100);
}

.topics ul li a:hover {
  opacity: 1.0;
}


.tab-content .films li {
  float: left;
  height: 160px;
  margin: 0 22px 0 23px;
  padding: 0;
  position: relative;
  width: 175px;
  zoom: 1;
}

.tab-content .films li h5 {
  margin-top: 12px;
  margin-bottom: 0;
}

.tab-content .films li .info p {
  font-size: 0.98em;
  margin-top: 7px;
}

.tab-content .films li .info p.meta {
  color: #666666;
}

.tab-content .films li a {
  color: #333;
  display: block;
  position: relative;
}

.tab-content .films li .wrapper.active {
  width: 145px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}


.tab-content .films li .wrapper.active h5 {
  color: #000000;
}

.tab-content .films .wrapper .info {
  display: none;
}

.tab-content .films .wrapper.active .info {
  display: block;
}

.tab-content .films .wrapper {
  padding: 15px;
}

/* SITE SEARCH RESULTS*/

body.search-results-page {
  background-image: url(../images/search-banner.jpg);
}

.search-results-page .listing:hover {
  background: none;
}

.search-results-page .listing .body {
  padding: 15px 0;
}

/* LOCATION WIDGET */

.zipcode-widget {
  height: 32px;
  background: url(../images/green-stripe-checkerboard.gif) repeat;
  padding: 8px 15px;
  float: left;
  line-height: 32px;
}

.zipcode-widget > span {
  float: left;
}

.zipcode-widget.specified {
  height: 15px;
  line-height: 15px;
}

.zipcode-widget form {
  float: left;
}

.zipcode-widget form button {
  border: none;
  color: #ffffff;
  background-color: #8dae38;
  font-size: 106%;
  font-weight: bold;
  margin-left: 7px;
  padding: 6px;
  float: left;
  height: 31px;
  line-height: 1;
}

.zipcode-widget form input {
  float: left;
  height: 17px;
  padding: 6px;
}

.zipcode-widget .clear-zip-code {
  float: left;
}

.zipcode-widget .clear-zip-code form input {
  padding: 0;
  height: 16px;
  padding-left: 5px;
  padding-bottom: 3px;
}

.zipcode-widget form input.text {
  border: none;
  color: #e5312a;
  background: transparent;
  cursor: pointer;
}

/* Content Pages */

.content-page .page-content h1,
.content-page .page-content h2,
.content-page .page-content h3,
.content-page .page-content h4,
.content-page .page-content h5,
.content-page .page-content h6,
.user-content h1,
.user-content h2,
.user-content h3,
.user-content h4,
.user-content h5,
.user-content h6 {
  font-weight: bold;
}

.user-content h3 + h6,
.content-page .page-content h3 + h6 {
  margin-top: 0;
}

.user-content h6 + p,
.content-page .page-content h6 + p {
  margin-top: 5px;
}

.user-content ul,
.content-page .page-content ul
{
  line-height: 1.5em;
}

.user-content ul.fields,
.content-page .page-content ul.fields {
  margin-top: 1em;
  margin-left: 0;
}

.user-content ul.fields li,
.content-page .page-content ul.fields li {
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 10px;
}

.user-content ul.fields li label,
.content-page .page-content ul.fields li label {
  display: inline;
}

.user-content h3 + ul,
.content-page .page-content h3 + ul {
  margin-top: 0.5em;
}

.user-content ul li,
.content-page .page-content ul li {
  list-style-type: disc;
}

.user-content ol,
.content-page .page-content ol {
  list-style-position: inset;
  padding-left: 20px;
}

.user-content ol > li,
.content-page .page-content ol > li {
  list-style-type: decimal;
}

.user-content ol[type=a] > li,
.content-page .page-content ol[type=a] > li {
  list-style-type: upper-latin;
}

.content-page .page-content a,
.engagement-page .page-content a,
.press-page .page-content .press-releases a,
.user-content a:hover {
  color: #e5312a;
}

.press-releases li {
  margin-top: 35px;
}

.press-releases li:first-child {
  margin-top: 0;
}

.user-content a {
  color: #e5312a;
}

.community-cinema-promo a{
  color: #e5312a;
}

.community-cinema-promo a:hover{
  text-decoration: underline;
}

.user-content ul, .user-content ol,
.content-page .main-column ul, .content-page .main-column ol {
  margin-top: 10px;
  margin-left: 15px;
  margin-bottom: 10px;
}

.content-page .side-column h1,
.content-page .side-column h2,
.content-page .side-column h3,
.content-page .side-column h4,
.content-page .side-column h5,
.content-page .side-column h6 {
  margin-top: 15px;
}

.content-page .side-column h1:first-child,
.content-page .side-column h2:first-child,
.content-page .side-column h3:first-child,
.content-page .side-column h4:first-child,
.content-page .side-column h5:first-child,
.content-page .side-column h6:first-child {
  margin-top: 0;
}

.content-page .side-column ul, .content-page .side-column ol {
  margin-left: 9px;
}

/* TWITTER FEED */

.twitter ul li {
  margin-bottom: 10px;
}

.twitter ul li div {
  color: #999999;
  font-size: 0.9em;
}

/* WIZARDIZED FORMS */

form.wizardized fieldset.step fieldset {
  margin-top: 30px;
}

form.wizardized fieldset.step fieldset legend {
  font-weight: bold;
}

.user-form label,
form.wizardized label {
  color: #323232;
  font-weight: bold;
  display: block;
  margin-top: 30px;
}

.user-form label.error {
  display: inline;
  margin-top: 0;
}

form.wizardized label.error {
  display: none;
}

.user-form label.error,
form.wizardized label.error, form.wizardized label.error-hint, form.wizardized legend.error-hint {
  color: #e5312a;
}

form.wizardized label.value {
  font-weight: normal;
  display: inline;
  margin-top: 5px;
}

.user-form input, .user-form textarea, .user-form select,
form.wizardized input, form.wizardized textarea, form.wizardized select {
  margin-top: 5px;
}

form.wizardized input.error {
  background-color: inherit;
}

.user-form input[type='text'],
form.wizardized input[type='text'] {
  width: 50%;
}

form.wizardized input[type='text'].other {
  width: 30%;
}

form.wizardized input[type='text'].other.error {
  border-color: #e5312a;
}

form.wizardized input[type=radio], form.wizardized input[type=checkbox] {
  margin-right: 5px;
}

form.wizardized textarea {
  width: 80%;
  height: 4em;
}

.page-content form.wizardized ul {
  margin: 0;
}

.page-content form.wizardized ul li {
  list-style-type: none;
}

form.wizardized ol:first-child {
  background-color: #d6eff3;
  height: 40px;
  line-height: 3.2em;
  clear: both;
  margin-bottom: 30px;
}

form.wizardized ol:first-child li {
  background: url(../images/right-arrow-white-on-blue.png) no-repeat center left;
  color: #1c7997;
  font-size: 1.05em;
  float: left;
  list-style-position: inside;
  padding-left: 30px;
  margin-left: 5px;
  height: 40px;
}

form.wizardized ol:first-child li:first-child {
  background: none;
  padding-left: 15px;
}

form.wizardized ol:first-child li.active {
  color: #000000;
  font-weight: bold;
}

form.wizardized ol:first-child li.enabled {
  cursor: pointer;
}

#contact-form-stage .buttons,
.user-form .buttons,
form.wizardized div.next_prev_buttons {
  line-height: 2.9em;
  margin-top: 30px;
  padding-top: 30px;
  border-top: solid 2px #ececec;
}

#contact-form-stage .buttons {
  border: none;
  margin-top: 20px;
  padding-top: 0;
}

#contact-form-stage .buttons button,
.user-form input[type='submit'],
form.wizardized div.next_prev_buttons a {
  color: #ffffff;
  border: none;
  font-weight: bold;
  font-size: 1.3em;
  height: 35px;
  padding: 0 15px;
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
}

#contact-form-stage .buttons button.next,
.user-form input[type='submit'],
form.wizardized div.next_prev_buttons a.next {
  background: #dd3322 url(../images/right-arrow-white-on-red.png) 92% no-repeat;
  padding-right: 30px;
}

form.wizardized div.next_prev_buttons a.prev {
  background: #dd3322 url(../images/left-arrow-white-on-red.png) 8% no-repeat;
  padding-left: 30px;
}

#contact-form-stage .buttons button.cancel,
form.wizardized div.next_prev_buttons a.cancel {
  font-weight: normal;
  background: #999999;
}

.content-page #featured,
.series-page #featured,
.engagement-page #featured {
  position: relative;
  height: 379px;
  padding: 16px 0;
}

.content-page #featured .asset,
.series-page #featured .asset,
.engagement-page #featured .asset {
  width: 660px;
  height: 370px;
  float: left;
}

.content-page #featured .content,
.series-page #featured .content,
.engagement-page #featured .content {
  color: #ffffff;
  width: 270px;
  height: 370px;
  vertical-align: middle;
  padding-left: 30px;
}

.content-page #featured .content p,
.series-page #featured .content p,
.engagement-page #featured .content p {
  font-size: 1.2em;
}

.content p:first-child {
  margin-top: 0;
}

.content-page .results h5 {
  font-weight: normal;
}



.content-page .body-content-module + .results > table {
  margin-top: 0;
}



.content-page .body-content-module:first-child {
  padding-top: 0;
}

.content-page .body-content-module {
  padding-top: 30px;
}


.content-page .body-content-module p img,
.content-page .body-content-module p .caption {
  float: left;
  clear: left;
  padding-right: 20px;
  padding-bottom: 10px;
}

.content-page .body-content-module p .caption {
  font-weight: bold;
}

.press-page .download a img {
  width: 20px;
  height: 20px;
  vertical-align: text-bottom;
  margin-right: 5px;
}

.press-page .main-column h3, .press-page .main-column h4 {
  text-align: center;
}

.press-page .main-column > .only-child {
  padding-top: 42px;
}

.press-page .side-column .thumbnail {
  width: 260px;
  height: auto;
}

.press-page .side-column li {
  padding-bottom: 20px;
}

.press-page .side-column div + ul {
  padding-top: 20px;
}

.press-page .side-column .sidebar-content-widget > *:last-child {
  padding-bottom: 20px;
}

p.press-release-date {
  margin-top: 10px
}

#new_user_session label {
  display: inline-block;
  width: 80px;
}

.heading-paragraph {
  color: #666;
  margin: 0 0 20px;
  font-size: 1.3em;
}

.heading-paragraph *:first-child {
  margin-top: 0;
}

/*
----------- CURRENT VIDEO -------------
*/

.video-index-page #media-browser #current-video,
.video-show-page #media-browser #current-video {
  display: block;
  height: 370px;
  width: 660px;
  margin: 25px auto 38px;
}

#video-stage .video-player {
  float: left;
}

#video-stage .video-player #current-video{
  margin-left: 20px;
}

.video-player #current-video > h2,
.video-player #current-video > h3,
.video-player #current-video > p {
  color: #fff;
}

.video-player #current-video > p > a {
  color: #ffc;
  text-decoration: underline;
}

/* for IE7 */
.msie7 .video-index-page #media-browser #current-video,
.msie7 .video-show-page #media-browser #current-video {
  margin-left: 150px;
}

.msie7 .video-index-page #media-browser #current-video {
  margin-bottom: 24px;
}

/*
----------- MODAL -----------------
*/

.video-overlay,
.module-overlay {
  position: absolute;
  background-color: #000;
  opacity: 0.9;
  filter: alpha(opacity = 90);
}

#current-video {
  width: 658px;
  height: 371px;
}

#video-stage,
#contact-form-stage {
  position: absolute;
  display: none;
}

#video-stage .overlay{
  float: left;
  margin-top: 335px;
}

#contact-form-stage .overlay {
  margin-top: 15px;
  font-weight: bold;
}

#contact-form-stage > div {
  margin-left: 70px;
}

#contact-form-stage .contact-filmmaker-container h3 {
  color: #fff;
}

#contact-form-stage label.error {
  display: inline;
  color: #ee0005;
}

#contact-form-stage #contact-filmmaker-form input,
#contact-form-stage #contact-filmmaker-form textarea {
  width: 300px;
}

#contact-form-stage #contact-filmmaker-form textarea {
  height: 140px;
}

#contact-filmmaker-form label {
  display: block;
  color: #eee;
}

.clickable .overlay-content {
  padding: 9px 12px 7px 12px;
}

.clickable.overlay .overlay-background {
  background-color: #31b0c3;
  opacity: 1;
  filter: alpha(opacity = 100);
}

.clickable.overlay:hover .overlay-background {
  background-color: #43c3e6;
  color: #fff;
}

/*
--------------SHARE THIS --------------
*/

#sharethis_0 {
  background-color: #000;
  padding: 7px 10px;
  float: right;
  margin-top: 9px;
}

#sharethis_0 a {
  display: block;
  height: 16px;
}

.stbuttontext {
  color: #fff;
  line-height: 18px !important;
}

a.stbutton {
  padding: 0 0 0 22px !important;
}

.video-index-page #sharethis_0 {
  margin-top: 0;
}

/*
---------------- FF STYLES -----------
*/

.firefox .home-index-page .page-heading .dominant .overlay-content {
  padding: 12px 10px 6px 10px;
}

.firefox .home-index-page .page-heading .submissive-bottom .overlay-content {
  padding: 12px 10px 0 10px;
}

.firefox .home-index-page .page-heading .submissive-top .overlay-content {
  padding: 0 10px 6px 10px;
}

/*
--------------- IE 8 STYLES ----------
*/

.msie8 .home-index-page .page-subheading .blockhead:first-child {
  bottom: 0;
}

.msie8 .home-index-page .page-subheading .blockhead {
  bottom: 1px;
}

/*
--------------- IE 7 STYLES ----------
*/

.msie7 .home-index-page a.a1,
.msie7 .side-column a.a1 {
  background-image: none;
}

.msie7 .home-index-page #film-browser .topics,
.msie7 .filters .topics {
  line-height: 0;
}

.msie7 .filters .topics .shadow {
  background-color: transparent;
}

.msie7 .home-index-page #film-browser .topics li:first-child,
.msie7 .filters .topics li:first-child {
  margin-top: 26px;
}

.msie7 .home-index-page #film-browser .topics li {
  margin-top: 22px;
  margin-bottom: 8px;
}

.msie7 .filters .topics li {
  margin-bottom: 22px;
}

.msie .tab-content .films li .wrapper.active {
  border: 1px solid #DDDDDD;
  top: -1px;
  padding-left: 14px;
}

.msie7 .zipcode-widget form button {
  padding-top: 0;
  height: 31px;
  width: 153px;
  line-height: 2.3;
}

.msie7 .sidebar-content-widget .nowrap+p {
  padding-left: 0;
}

.msie7 .overlay {
  position: relative;
  top: -3px;
}

.msie7 .overlay h1 {
  padding-bottom: 1px;
}

.msie7 .collection-pagination {
  bottom: 15px;
}

.msie7 .about-this-collection p:first-child {
  margin-top: 0;
}

.msie7 .about-this-collection p {
  line-height: 1.28;
}

.msie7 .video-index-page .show-embed-dialog {
  margin-top: 373px;
}

#player-splash-image {
    display:none;
}

/*



*/