/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
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 {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}


/* 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;
}

.ie img {-ms-interpolation-mode:bicubic;}

/*
STOP! Be familiar with the manifesto before editing this file:
https://github.com/auteurs/theauteurs.com/wikis/html-css-manifesto

Standardized Colors
======
323232 - Standard text color
5a5a5a - Site background
666666 - MED GRAY
787878 - GRAY link hover
8c8c8c - MED LIGHT GRAY some text
aaaaaa - LIGHT GRAY Content - eg. newsfeed times
e6e6e6 - LIGHT GRAY Content background
f2f2f2 - LIGHTEST GRAY Halfway between white and content background
f6f6f6 - OFFWHITE
299ecc - BLUE Mostly Links
0faf2d - GREEN Flash Notices / Headings
f7d837 - YELLOW background
ef4135 - RED for headings (eg. cinemas)
ffe8b5 - Yellow for autocomplete highlight

Margins
=======
1px - Between heading and its block, between nav blocks
2px - Between related elements in a block of multiple content elements
4px - ?
8px - Gutters
16px - Padding of boxes, line-height of vertical rhythm
*/


/****************************
 BASE HTML ELEMENT STYLES
****************************/
body {
  font-family: Helvetica, Arial, Verdana, "Lucida Grande", Georgia, sans-serif;
  font-size: 12px;
  line-height: 16px;
  background-color: #5a5a5a;
  color: #323232;
}

p, ol, ul, dl {
  margin-bottom: 16px;
}

/**** LINKS ****/
a {
  color: #299ecc;
  text-decoration: none;
}
a:hover { color: #787878; }

/**** HEADERS ****/
h1 {
  font-size: 16px;
  text-transform: uppercase;
}
h1.big {
  font-size: 24px;
  line-height: 32px;
}
h2 {
  text-transform: uppercase;
}
h2.big { font-size: 18px; }
h3 {
  font-weight: normal;
}
h4 {
  color: #0faf2d;
  background-color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  padding: 4px 16px 3px;
  margin-bottom: 1px;
  float: left;
  height: 16px;
}
.content h4 { /* Within white areas it should be a more generic style */
  padding: 0;
  margin: 0;
  float: none;
  height: auto;
}
h5 {
  color: #666666;
  background-color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  padding: 7px 16px 4px;
  margin-top: 4px;
  margin-bottom: 1px;
}
.content h4, .content h5, #lightbox h4, #lightbox h5 { /* Within white areas it should be a more generic style */
  padding: 0; margin: 0; float: none; height: auto;
}

h6 {

}

/**** INLINE ELEMENTS ****/
sup { vertical-align: super; }

/**** TABLES - ADMIN BASE STYLE ****/
table {
  table-layout: auto;
  border-collapse: collapse;
  border: 1px solid #e6e6e6;
  width: 100%;
}
th {
  background: #e6e6e6;
  color: #787878;
  padding: 0 5px;
  text-transform: uppercase;
  text-align: left;
}
td {
  border-bottom: 1px solid #e6e6e6;
  padding: 0 5px;
  font-size: 12px;
}

/**** FORM STUFF ****/
legend { font-weight: bold; text-transform: uppercase; color: #787878; }
fieldset { border: 1px solid #e6e6e6; padding: 16px; margin-bottom: 16px; }
label { font-weight: bold; display: block; }
label.inline { display: inline; }
input[type="text"], input[type="password"], textarea {
  background: #fff;
  border: 1px solid #7C7C7C;
  color: #494949;
  font-size: 11px;
  margin-bottom: 6px;
  padding: 2px;
}
input[type="text"].medium { width: 300px; }
textarea { font-family: Helvetica, Arial, Verdana, "Lucida Grande", Georgia, sans-serif; } /* Default is monospace in FF/IE */
input[type="text"], input[type="password"] {
  height: 14px;
}
/* Submit buttons should look the same as link BUTTONS (see below, colors defined there as well) */
input[type="submit"], button {
  background-color: #299ecc; /* Default is blue */
  color: white;
  font-size: 11px;
  padding: 1px 8px 2px;
  text-transform: uppercase;
  font-weight: bold;
  border: 0;
  cursor: pointer;
  height: 20px;
}
.ie input[type="submit"], .ie button { /* IE (IE7 tested) adds crazy padding to the side of the button */
  padding: 2px 8px 1px;
  overflow: visible;
  line-height: normal;
}
select {
  border: 1px solid #7c7c7c;
}
select[multiple] {
  height: 200px;
}

.field { margin-bottom: 8px; }
.field label { display: block; float: left; width: 96px; }


/****************************
 SEMANTIC CLASS STANDARD STYLES
****************************/
.film_title { text-transform: uppercase; }
.film_cast span, .film_director span { font-weight: bold; }
.film_cast a { color: #323232; }
.film_cast a:hover { color: #8c8c8c; }
.film_director { text-transform: none; font-weight: normal; }
.film_director a { color: #323232; }
.film_director a:hover { color: #8c8c8c; }
.film_duration { text-transform: none; }
.film_year { font-weight: bold; }
.film_country { font-weight: bold; }
.film_still { overflow: hidden; /* Clearfix */ }
h2.film_title { font-size: 14px; }

h2.cast_member_name { font-size: 14px; }

h3.user_name { text-transform: uppercase; font-weight: bold; font-size: 14px; }
a.user_avatar { overflow: hidden; width: 65px; display: block; } /* This is to control the width of facebook avatars that don't load correctly and thus get stuck at 100px */
a.unique.username { color: #1a6380; }
a.unique.username:hover { color: #000; }
.fiveup .user_name { font-size: 12px; margin-top: 4px; }

.location { font-weight: bold; text-transform: uppercase; }
.location a { color: #323232; }
.location a:hover { color: #8c8c8c; }

h2.topic_title { font-size: 14px; }


/****************************
 REUSABLE PRESENTATIONAL MODIFIERS
****************************/
/**** LAYOUT HELPERS ****/
.block { display: block; float: none; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.textleft { text-align: left; }
.textright { text-align: right; }
.bottom_margin { margin-bottom: 16px !important; }
.top_margin { margin-top: 16px !important; }
.vertical_margin { margin-bottom: 16px !important; margin-top: 16px !important; }
.bottom_gutter { margin-bottom: 8px !important; }
.top_gutter { margin-top: 8px !important; }
.vertical_gutter { margin-bottom: 8px !important; margin-top: 8px !important; }
.padding { padding: 16px !important; }
.half_padding { padding: 8px !important; }
.last { margin-right: 0 !important; margin-bottom: 0 !important; }
.lastrow { margin-bottom: 0 !important; }

/**** COLOR HELPERS ****/
.green { color: #0faf2d !important; }
.greenbg { background-color: #0faf2d !important; color: #fff !important; }
.red { color: #ef4135 !important; }
.redbg { background-color: #ef4135 !important; color: #fff !important; }
.blue { color: #299ecc !important; }
.bluebg { background-color: #299ecc !important; color: #fff !important; }
.darkgraybg { background-color: #323232 !important; }
.gray { color: #666 !important; }
.graybg { background-color: #666 !important; color: #fff !important; }
.medgraybg { background-color: #8c8c8c !important; color: #fff !important; }
.lightgray { color: #8c8c8c !important; }
.lightgraybg { background-color: #f2f2f2 !important; }
.offwhitebg { background-color: #f6f6f6 !important; }
.yellow { color: #f7d837 !important; }
.yellowbg { background-color: #f7d837 !important; }
.whitebg { background-color: #fff !important; }

.greenbg a:link, .greenbg a:visited, .greenbg a:active,
.redbg a:link, .redbg a:visited, .redbg a:active,
.bluebg a:link, .bluebg a:visited, .bluebg a:active
{ color: #fff; }
.greenbg a:hover, .redbg a:hover, .bluebg a:hover
{ color: #787878; }


/**** MISC TYPOGRAPHY HELPERS ****/
.big { text-transform: uppercase; font-weight: bold; }
label.big { font-size: 13px; }
label.big span.sublabel { color: #aaa; text-transform: none; font-weight: normal; }
.small { font-size: 11px !important; }
.smallest { font-size: 10px !important; }
.notbold { font-weight: normal !important; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: none; }
.cropped_image { overflow: hidden; }
.center { text-align: center; }
span.amp {
  font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif;
  font-style: italic;
}
a.active { color: #323232; }
.changed { color: red !important; background-color: #fcc !important; }
.not_implemented { /* for development */
  color: #E35E9F !important;
  background-color: #f4d037;
}
ul.bullet { padding-left: 24px; list-style-type: disc; }


/* PiE clearfix [http://www.positioniseverything.net/easyclearing.html]
   Although they suggest overflow:hidden as a simpler method, it has the fatal
   flaw of not working with absolutely positioned elements that extend out such
   as autocomplete or film list manipulation dropdowns.  Incidentally it also doesn't
   work in PS3 browser.

   Special note: any reused element (eg. content) that needs this should be rolled
                 into this declaration.  If not explicitly needed, overflow:hidden
                 should be declared in its appropriate style group (eg. column) */
.use1:after, .use2:after, .use3:after, .use4:after, .use5:after, .use6:after,
.use7:after, .use8:after, .use9:after, .use10:after, .use11:after, .use12:after,
.clearfix:after, .content:after, .column:after, .ui-helper-clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.win.ie .use1, .win.ie .use2, .win.ie .use3, .win.ie .use4, .win.ie .use5, .win.ie .use6,
.win.ie .use7, .win.ie .use8, .win.ie .use9, .win.ie .use10, .win.ie .use11, .win.ie .use12,
.win.ie .clearfix, .win.ie .content, .win.ie .column, .win.ie .ui-helper-clearfix { zoom: 1; }


/****************************
 SYSTEMS OF PRESENTATIONAL CLASSES
****************************/
/**** THE GRID ****/
/* Layout constructed to support a grid consisting of 12 72-pixel columns
   The columns have both left and right margin, which means that innerleft (il)
   and inner-right (ir) definitions are not necessary when columns are only one
   level deep.  Note that this also means that any bare content outside a .useX
   div will be out of alignment by 4px on either side.
*/
.use1, .use2, .use3, .use4, .use5, .use6, .use7, .use8, .use9, .use10, .use11, .use12 {
  float: left;
  margin-left: 4px;
  margin-right: 4px;
}

.use1 { width: 64px; }
.use2 { width: 136px; }
.use3 { width: 208px; }
.use4 { width: 280px; }
.use5 { width: 352px; }
.use6 { width: 424px; }
.use7 { width: 496px; }
.use8 { width: 568px; }
.use9 { width: 640px; }
.use10 { width: 712px; }
.use11 { width: 784px; }
.use12 { width: 856px; }

/* use this class when nesting columns */
.il { margin-left: 0; }
.ir { margin-right: 0; }


/**** SINGLE PADDED CONTENT BOX ****/
.content {
  clear: left;
  background-color: #fff;
  padding: 16px;
  margin-bottom: 8px;
  position: relative;
}
.content.airy { /* For some reason .airy.content caused ps3 the apply this to ALL content boxes except ones inside a .content_group */
  padding: 32px;
}
.ie6 .content {
  /* Note this is applied to trigger hasLayout
  for IE6 only */
  height: 1%;
}
.content.nopadding {
  padding: 0;
}
.content.half_padding {
  padding: 8px;
}
.content.half_vertical_padding {
  padding-top: 8px;
  padding-bottom: 8px;
}
.no_content { /* Stand-in for content if it doesn't exist */
  height: 8px;
}
.content.nobg {
  background-color: transparent;
}

/**** GROUP OF PADDED CONTENT BOXES ****/
.content_group { margin-bottom: 8px; clear: left; }
.content_group .content {
  padding: 15px 16px;
  margin-bottom: 2px;
}
.content_group .content.nopadding {
  /* Note this can create an off-by-2 vertical rhythm error which you
     can account for by making the content 2px shorter if possible. */
  padding: 0;
}
.content_group .content.half_vertical_padding {
  padding-top: 7px;
  padding-bottom: 7px;
}
.content_description {
  clear: left;
  margin-bottom: 2px;
  line-height: 24px;
  height: 22px;
  background-color: #fff;
  font-size: 11px;
  padding: 0 16px;
}
.content_description.lower_position {
  margin-top: 2px;
  margin-bottom: 8px;
}

/**** SPECIAL CONTENT BOXES ****/
.content.pageheading {
  background: #787878;
  color: #f4d037;
  text-transform: uppercase;
}
.content.pageheading h1 {
  font-size: 23px;
  line-height: 24px;
  font-weight: normal;
}


/**** COLUMNS FOR USE INSIDE CONTENT BOXES AND OTHER OFF-GRID SPACES ****/
/* We considered defining a grid inside content boxes that was modified to compensate for the padding
 * but the permutations quickly get out of control.  We have a limited number of column setups.  They should
 * be defined here using descriptive names and clearly defined under the appropriate .useX (or whatever parent
 * element has a width) declaration for clarity.
 */
.column {
  float: left;
  margin-right: 16px;
}
/* Width definitions.  Follow the conventions carefully and leave a comment to describe the origin of each column def */
/* Generic columns, requiring .last on the last one */
.use12 .column.threeup_col { width: 264px; }
.use12 .column.twoup_col { width: 404px; }
/* Media column based on films#show */
.use12 .column.full_media_col { width: 448px; }
.use12 .column.full_media_col2 { width: 360px; margin-right: 0; }
/* Private messages */
.use12 .column.message_col { width: 65px; }
.use12 .column.message_col2 { width: 200px; }
.use12 .column.message_col3 { width: 527px; margin-right: 0; }
/* Rating Wizard - SPECIAL 8px gutter here to compensate for either action link
                   state without wrapping. */
.twoup .column.rating_wizard_col { width: 100px; margin-right: 8px; }
.twoup .column.rating_wizard_col2 { width: 296px; margin-right: 0; }
/* People Page */
.use12 .column.people_results_col { width: 65px; margin-right: 8px; }
.use12 .column.people_results_col2 { width: 121px; margin-right: 0; }
/* Find Friends Services */
.use12 .column.find_friends_col { width: 300px; }
.use12 .column.find_friends_col2 { width: 508px; margin-right: 0; }
/* Cast members page */
.use12 .column.cast_member_col { width: 240px; }
.use12 .column.cast_member_col2 { width: 550px; }
/* Cast member list */
.use12 .column.cast_member_list_col { width: 120px; }
.use12 .column.cast_member_list_col2 { width: 656px; margin-right: 0; }
/* Authorizations Presenter */
#lightbox .column.authorized_countries { width: 200px; }
#lightbox .column.unauthorized_countries { width: 200px; margin-right: 0; }

/* User Avatar column */
.use6 .column.user_avatar_col { width: 65px; }
.use6 .column.user_avatar_col2 { width: 311px; margin-right: 0; }
.use12 .column.user_avatar_col { width: 65px; }
.use12 .column.user_avatar_col2 { width: 700px; margin-right: 0; }


/**** ROW STRUCTURE AND ELEMENTS ****/
/* This is for equally-spaced, uniformly-sized rows of elements such as film stills, etc.
   Not to be used for general row needs */
.row {
  overflow: hidden; /* Clearfix */
  margin-bottom: 16px;
}
.row.twoup .item {
  width: 404px;
}
.use6 .row.twoup .item {
  /* The width for this was wrong, it is now correct (see related films on films/show) */
  width: 188px;
}
.row.threeup .item {
  width: 264px;
}
.use8 .row.threeup .item {
  width: 168px;
}
.row.fourup .item {
  width: 194px;
}
.use12 .row.fourup .item {
  width: 194px;
}
.use6 .row.fourup .item {
  /* FIXME: This is wrong */
  width: 65px;
}
.use6 .row.fiveup .item {
  /* This is right */
  width: 65px;
}
.row .item {
  position: relative;
  float: left;
  margin-right: 16px;
}
.item div.playbutton a {
  position: absolute;
  left: 108px;
  top: 52px;
  background: url(/images/playbutton.png) no-repeat;
  width: 40px;
  height: 40px;
}
.use8 .item div.playbutton a {
  left: 64px;
  top: 28px;
}

.use6 .item div.playbutton a {
  left: 74px;
  top: 33px;
}

.item div.playbutton a span {
  display: none;
}
.row .item .actions {
  font-size: 11px;
}


/**** ADMIN FILTER BAR (TO GO ABOVE TABLES) ****/
div.filter_bar {
  height: 32px;
  line-height: 32px;
}
div.filter_bar label {
  display: inline;
}


/****************************
 LOW LEVEL STYLIZED ELEMENTS
****************************/
/**** BUTTONS ****/
/* These should look the same as actual button tags and input type="submit".  See those definitions above */
.button {
  display: inline-block;
  background-color: #299ecc;
  color: white;
  font-size: 11px;
  padding: 1px 8px 2px;
  text-transform: uppercase;
  font-weight: bold;
  height: 17px;
  line-height: 20px;
}
.ie7 .button {
  padding: 0px 8px 3px;
}
.button.red, input[type="submit"].red, button.red {
  background-color: #ef4135;
}

a.button { color: white; }
a.button:link { color: white; }
a.button:visited { color: white; }
a.button:active { color: white; }
a.button:hover { color: white; }

.button_wrap {
  height: 32px;
  line-height: 32px;
}
.button_shrink_wrap { /* Used when a button is the bottom element or it needs wrapping divs inside it */
  height: 20px;
}
/* This is required for a standalone button to be vertically centered in Safari/FF.
   :after doesn't work in IE7 but fortunately IE does not need it */
.button_wrap:after {
  content: '\00a0';
}
.button_wrap a, .button_shrink_wrap a {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}

/* Make all button types line up with a.button */
.button_wrap .button {
  position: relative;
}
.mac.ff3 .button_wrap .button {
  top: -1px;
}
.ie7 .button_wrap .button {
  top: 5px;
}


/**** FILM WATCH LINKS ****/
.watch_link, .watch_trailer_link {
  display: block;
  position: relative;
  height: 20px;
  margin-top: 12px;
}
.watch_link { width: 116px; }
.watch_trailer_link { width: 139px; }

.watch_link.align_top, .watch_trailer_link.align_top { margin-top: 0; margin-bottom: 12px; }
.watch_link.align_middle, .watch_trailer_link.align_middle { margin-bottom: 6px; margin-top: 6px; }
.watch_link a, .watch_trailer_link a {
  display: block;
  height: 20px;
  text-indent: -9000px;
}
.watch_link a {
  width: 116px;
  background: no-repeat url(/images/buttons/watchfilm.gif);
}
.watch_trailer_link a {
  width: 139px;
  background: no-repeat url(/images/buttons/watch_trailer.png);
}

.watch_link.truncated a { background-image: url(/images/buttons/watchfilm_truncated.gif); width: 82px; }
.watch_link span.cost {
  text-transform: uppercase;
  font-weight: bold;
  color: #0faf2d;
  position: absolute;
  top: 8px;
  left: 123px;
}
.watch_link.truncated span.cost { left: 89px }
.win .watch_link span.cost {
  top: 7px;
}

.short_watch_link a {
  background: url(/images/icons/play_small.gif) no-repeat 0 0;
  padding-left: 17px;
}
.short_watch_link.criterion a {
  background: url(/images/icons/play_small_criterion.gif) no-repeat 0 0;
}
.short_watch_link span.cost {
  text-transform: uppercase;
  font-weight: bold;
  color: #0faf2d;
}


/**** DOUBLEARROW LINK ****/
a.doublearrow {
  font-size: 14px;
  font-weight: bold;
}
a.doublearrow span {
  font-size: 25px;
  font-weight: normal;
  position: relative;
  top: 3px;
  margin-left: 5px;
}
.win a.doublearrow span {
  font-size: 21px;
  top: 1px;
}
.win.ie6 a.doublearrow span {
  font-size: 18px;
  top: 1px;
}
a.doublearrow.large {
  font-size: 18px;
  text-transform: uppercase;
}
a.doublearrow.large span {
  font-size: 29px;
  color: #0faf2d;
}
a.doublearrow.large:hover span {
  color: #787878;
}
a.see_all { margin-left: 8px; }


/**** RATING STARS ****/
.star_rating { padding: 5px 0 6px 0; }

.star_rating ul,
.star_rating a:hover,
.star_rating a:active,
.star_rating a:focus,
.star_rating .current_rating {
  background: url(/images/stars/star.gif) left -1000px repeat-x;
}

.star_rating.small ul,
.star_rating.small a:hover,
.star_rating.small a:active,
.star_rating.small a:focus,
.star_rating.small .current_rating {
  background-image: url(/images/stars/small_star.gif);
}

.star_rating.single.small ul,
.star_rating.single .current_rating {
  background-image: url(/images/stars/small_star_yellow.gif);
}

.star_rating ul {
  position: relative;
  width: 155px;
  height: 31px;
  overflow: hidden; /* Clearfix */
  list-style: none;
  margin: 0;
  padding: 0;
  background-position: left top;
}

.star_rating.small ul {
  width: 105px;
  height: 21px;
}

.star_rating li { display: inline; }

.star_rating a,
.star_rating .current_rating {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -1000em;
  height: 31px;
  line-height: 31px;
  outline: none;
  overflow: hidden; /* Clearfix */
  border: none;
}

.star_rating.small a,
.star_rating.small .current_rating {
  height: 21px;
  line-height: 21px;
}

.star_rating a:hover,
.star_rating a:active,
.star_rating a:focus {
  background-position: left bottom;
}

.star_rating a.one_star { width: 20%; z-index: 6; }
.star_rating a.two_stars { width: 40%; z-index: 5; }
.star_rating a.three_stars { width: 60%; z-index: 4; }
.star_rating a.four_stars { width: 80%; z-index: 3; }
.star_rating a.five_stars { width: 100%; z-index: 2; }
.star_rating .current_rating { z-index: 1; background-position: left center; }
.star_rating.user_rating .current_rating { z-index: 1; background-position: left bottom; }


/**** LOADING SPINNER w/ TEXT ****/
.loading {
  font-weight: bold;
  text-transform: uppercase;
  color: #8c8c8c;
}
/** LOADING w/ BUTTON_WRAP **/
div.loading.button_wrap { position: relative; top: 4px; }


/**** ICONS ****/
a.icon {
  float: right;
  width: 16px;
  height: 16px;
  margin-left: 16px;
  margin-bottom: 16px;
  text-indent: -9999px;
  background: no-repeat top left;
}
a.icon:hover { background-position: bottom left; }
a.icon.hide { background-image: url(/images/icons/hide_roll.png); }
a.icon.close { background-image: url(/images/icons/close_roll.png); }
a.icon.flag { background-image: url(/images/icons/flag_roll.png); }


/**** LIST OF ACTIONS ****/
/* Generally one should use a UL in admin, but for public contexts the :before clause doesn't work so we
   need to explicitly construct the string with vertical bar and nbsps. */
.actions {
  text-transform: uppercase;
  font-weight: bold;
}
ul.actions li {
  display: inline;
}
ul.actions.one_per_line li { display: block; }
ul.actions li:before {
  content: '\00a0\00a0| \00a0\00a0';
}
ul.actions li:first-child:before, ul.actions.one_per_line li:before {
  content: '';
}
.ie ul.actions li { margin-left: 10px; } /* Compensate for the :before not working */
.ie ul.actions.one_per_line li { margin-left: 0; }
td ul.actions {
  margin-bottom: 0;
  font-size: 10px;
}
td ul.actions li:before {
  content: ' | ';
}
td ul.actions.one_per_line li:before {
  content: '';
}


/**** PAGINATION (DEFAULT STYLE LOOKS GOOD ON GRAY BG) ****/
div.pagination {
  overflow: hidden; /* Clearfix */
  float: right;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
}
div.pagination .disabled {
  display: none;
}
div.pagination span, div.pagination a {
  padding: 3px 5px 2px 5px;
  border: 1px solid #fff;
  background: #fff;
  color: #8c8c8c;
}
div.pagination span.gap, .content div.pagination span.gap {
  border: 0;
  background: none;
}
div.pagination a:hover {
  background-color: #8c8c8c;
  border-color: #8c8c8c;
  color: #fff;
}
div.pagination span.current {
  font-weight: bold;
  color: #000;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
/* Inside .content block implies white background */
.content div.pagination span, .content div.pagination a {
  border: 1px solid #e6e6e6;
  background: #fafafa;
}
.content div.pagination a:hover {
  background-color: #e6e6e6;
}
.content div.pagination span.current {
  background-color: #e6e6e6;
}


/**** jQuery Dialog Styles ****/
.ui-widget-overlay { background-color: #000; opacity: 0.75; position: fixed !important; top: 0; left: 0; }

.ui-dialog { background-color: #FFF; margin-top: 32px; padding: 16px; position: fixed !important; top: 0 !important; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 16px .3em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; font-size: 16px; text-transform: uppercase; font-weight: bold; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 16px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-content { padding: 16px; }
.ui-icon-closethick { background-image: url(/images/icons/hide_roll.png); background-position: 0px 0px; width: 16px; height: 16px; }
.ui-icon-closethick:hover { background-position: 0px -16px; }

.ie6 .ui-widget-overlay,
.ie6 .ui-dialog { position: absolute; }

/**** MISC ADMIN HELPERS ****/
/* Todo: Figure out how to make this a more general, automatic style.  Maybe admin namespace */
h1.admin {
  font-size: 18px;
  color: #0faf2d;
  margin-bottom: 16px;
}

/**** RAILS ERRORS ****/
div.errorExplanation {
  max-width: 500px;
  background-color: #e6e6e6;
  margin-bottom: 16px;
}
div.errorExplanation h2 {
  background-color: #ef4135;
  color: white;
  font-size: 11px;
  padding-left: 8px;
  padding-top: 2px;
}
div.errorExplanation p {
  margin: 8px;
}
div.errorExplanation ul {
  list-style-type: disc;
  margin: 8px 16px 0;
  padding-left: 16px;
  padding-bottom: 8px;
}
div.fieldWithErrors label {
  color: #ef4135;
}
div.fieldWithErrors input[type="text"], div.fieldWithErrors input[type="password"], div.fieldWithErrors textarea { border-color: #ef4135; }

/**** AUTOCOMPLETE ****/
/* New Styles for James Andrews' autocomplete based on http://www.devbridge.com/projects/autocomplete/ */
.autocomplete-w1 {
  background: url(/images/autocomplete_shadow.png) no-repeat bottom right;
  position: absolute;
  top: 7px;
  left: 6px;
}
.autocomplete {
  border: 1px solid #8c8c8c;
  border-top: none;
  background: #fff;
  cursor: default;
  margin: -7px 6px 6px -6px;
}
.autocomplete .selected { background: #ffe8b5; }
.autocomplete div { padding: 2px 5px; border-bottom: 1px solid #e6e6e6; }
.autocomplete strong { font-weight: normal; color: #3399ff; }

/* Old styles for Mark's autocomplete, these should be integrated back into the above. */
.autocomplete_list .autocomplete_errors {
  color: #ef4135;
  padding-bottom: 8px;
}
.autocomplete_list .previously_selected dt {
  font-weight: bold;
  padding: 5px 0;
}
.autocomplete_list .previously_selected dd {
  padding:5px;
  height:20px;
}

.autocomplete_list .previously_selected dd span {
  float:left;
}
.autocomplete_list .previously_selected dd a {
  float:right;
  cursor:pointer;
  border: 1px solid #9a9a9a;
  font-weight:bolder;
  padding:1px;
  display:block;
  line-height:0.7;
  width: 10px;
  text-align:center;
  height: 10px;
}

.search_results {
  background-color: #fff;
  z-index: 1000;
}
.search_results ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid #BBB9BA;
}
.search_results ul li {
  padding: 5px;
  border: 1px solid #fff;
}
.search_results ul li strong {
  color: #eb4137;
}
.search_results .selected {
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  background-color: #ffe8b5;
  cursor: pointer;
}

.autocomplete_list fieldset {
  border: 1px solid #efefef;
  padding: 5px;
  margin: 10px 0 20px 0;
}

.autocomplete_odd {
  border: 1px solid #efefef;
  background-color: #fff;
}
.autocomplete_even {
  border: 1px solid #efefef;
  background-color: #DCDCDC;
}

/**** TABS BAR ****/
ul.tablinks {  }
ul.tablinks li {
  float: left;
  margin-right: 2px;
}
ul.tablinks li a {
  display: block;
  background-color: #666666;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  height: 16px;
  padding: 4px 16px;
  font-weight: bold;
}
ul.tablinks a.active {
  background-color: #299ecc;
}
ul.tablinks a:hover {
  background-color: #299ecc;
}


/**** AD SYSTEM ****/
.center_ad { margin: 0 auto; } /* Width is specified inline by AdSystem#padded_ad_tag */

div.right_skyscraper { position: absolute; top: 151px; right: -120px; }
div#wrap.skyscraper_minheight { min-height: 687px; }

div.leaderboard_ad {
  margin-bottom: 8px;
  height: 90px;
}
div.leaderboard_ad .counterweight {
  float: right;
  width: 120px;
  height: 100%;
  background-color: #aaa;
}


/****************************
 LAYOUT ELEMENTS
****************************/
#wrap_positioner { /* This is a workaround to the position:relative + border + offsetTop/offsetLeft problem. Documented at http://www.darwinweb.net/articles/79 */
  position: relative;
  width: 980px;
  margin: 0 auto 16px;
}
#wrap {
  width: 864px;
  padding: 25px 42px;
  background-color: #e6e6e6;
  border: 16px solid #fff;
}
#logo {
  background: transparent url(/images/mubi_logo_beta.png) no-repeat scroll left top;
  float: left;
  width: 320px; /* Wide enough to accommodate the widest title logo which is /designhotels */
  height: 32px;
  text-indent: -1000px;
}
#logo.auteurs, #logo.auteurs.europe {
  background-image: url(/images/auteurslogo_beta.gif);
}
#logo.europe {
  background-image: url(/images/mubi_logo_europe.png);
}

/**** SESSION NAV ****/
#session_nav {
  width: 536px;
  float: left;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
}
#session_nav ul { text-align: right; margin: 20px 0 0 0; }
#session_nav ul li { display: inline; }
#session_nav ul a { color: #323232; }
#session_nav ul a:hover { color: #787878; }
#session_nav span.separator { padding: 0 8px; }

#global_flash_container {
  clear: left;
  padding: 16px 0;
}

#global_flash {
  font-size: 14px;
}
.ps3 #global_flash {
  min-height: 0; /* TODO: Retest this in PS3 and make height adjustments */
}
.flash_notice {
  font-weight: bold;
  color: #0faf2d !important;
}
.flash_error {
  font-weight: bold;
  color: #f02d32 !important;
}

/**** GENERIC CROSS-BROWSER DROPDOWN MENU ****/
/* Taken from http://www.lwis.net/free-css-drop-down-menu/ */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul { list-style: none; margin: 0; padding: 0; }
ul.dropdown { position: relative; z-index: 597; float: left; }
ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; }
ul.dropdown li.hover,
ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; }
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; }
ul.dropdown ul li { float: none; }
ul.dropdown ul ul { top: 1px; left: 99%; }
ul.dropdown li:hover > ul { visibility: visible; }

/**** MAIN NAVBAR ****/
/* Note that #main_nav is the standard sitewide navigation, but standard styles are factored under #main_navbar */
#main_navbar {
  margin-bottom: 8px;
  background-color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}

#main_nav_menu_column { float: left; width: 595px; }
#main_nav_search_column { float: left; width: 261px; }

/* Nav menu */
#main_navbar ul {
  margin: 0;
}
#main_navbar li {
  float: left;
  background-color: #fff;
  border-right: 2px solid #e6e6e6;
}
#main_navbar li.hover,
#main_navbar li:hover {
  background-color: #666;
  color: #fff;
}
#main_navbar li.hover > a,
#main_navbar li:hover > a {
  color: #fff;
}
#main_navbar li a {
  display: block;
  color: #666;
  padding: 9px 11px;
}
#main_navbar li a.active {
  color: #000;
  background-color: #f0f0f0;
}

/** Nested Nav **/
#main_navbar ul li.dir > a {
  padding-right: 24px;
  background: no-repeat right center url(/images/nav_dropdown_triangle.png);
}
#main_navbar ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 240px;
  border: 1px solid #e0e0e0;
  border-left: 0;
}
#main_navbar li ul li {
  float: none;
  font-size: 12px;
  border: 0;
}
#main_navbar ul li:hover > ul {
  visibility: visible;
}

/* Search box */
#main_search {
  padding: 8px 16px;
  text-align: right;
  height: 16px;
}
.ie6 #main_search { padding-bottom: 3px; }

#main_search_wrap { position: relative; bottom: 1px; }

#main_search_box {
  display: inline-block;
  height: 17px;
  border: 0;
  background-color: #eee;
  margin-right: 5px;
  padding: 1px;
  width: 150px;
}
.win #main_search_box { position: relative }
.win.ie7 #main_search_wrap a.button { position: relative; top: -6px; }
.win.ie8 #main_search_box { position: relative; top: -3px; }
.win.ff3 #main_search_box { position: relative; top: -3px; }
.win.chrome #main_search_box { position: relative; top: -2px; }


/**** PRIMARY/SECONDARY NAV are somewhat reusable, but only used in admin so far **/
#primary_nav {
  overflow: hidden; /* Clearfix */
  margin-bottom: 0;
  background-color: #fff;
}
#primary_nav li {
  margin-right: 0;
  border-bottom: 1px solid #e6e6e6;
}
#secondary_nav {
  overflow: hidden; /* Clearfix */
  clear: left;
  font-size: 11px;
  background-color: #f0f0f0;
}
#secondary_nav li {
  font-size: 11px;
  border-right: 0;
}
#secondary_nav li {
  margin-right: 0;
}
#secondary_nav li a {
  background-color: #f0f0f0;
  padding: 8px 8px 2px;
}
#secondary_nav li a.active {
  color: #000;
}
#secondary_nav li a.active:hover {
  color: #fff;
}

/**** FOOTER ****/
#footer { margin: 0 auto; width: 960px; color: #fff; font-size: 11px; }
#footer ul { float: right; }
#footer ul li { display: inline; }
#footer a { padding: 0 5px; color: #fff; text-transform: uppercase; }
#footer a.last { padding-right: 0; }
#footer div.copyright { float: left; }
#footer p { margin: 0; color: #fff; text-transform: uppercase; }

/**** ADMIN TICKER ****/
#admin_ticker {
  background-color: #eee;
  padding: 3px 6px;
  margin-bottom: 1px;
  text-align: left;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
}
#admin_ticker form {
  display: inline;
}
#admin_ticker .bar {
  color: #ccc;
}

/**** FLAGS ****/
a.flag {
  float: right;
  width: 16px;
  height: 16px;
  background: url(/images/icons/flag_roll.png) no-repeat 16px 16px;
}
div.content:hover a.flag {
  background-position: top left;
}
div.content a.flag:hover {
  background-position: bottom left;
}
div.content a.flag span {
  text-indent: -9999px;
}

/*
STOP! Be familiar with the manifesto before editing this file:
https://github.com/auteurs/theauteurs.com/wikis/html-css-manifesto
*/
/* TODO: Move some of the more common elements back into standard.css, this will be ongoing */

/*************** START REFACTORING BLOCK (move into appropriate section below or standard.css) *********************/
/**** Zebra Striping for admin (and autocomplete?) ****/
tr.even, dd.even, li.even {
  background-color:#fafafa;
}
tr.odd, dd.odd, li.odd {
  background-color:#efefef;
}

/**** DASHBOARD NEWSFEED ****/
#newsfeed .actions { font-size: 11px; }

/**** AD HOC COLUMN VIEWS FIRST DEVELOPED FOR NEWSFEED ****/
/* As we do need more pages we need to formalize this system, but there are so many permutations that we need
   to make some hard choices on standardization of columns inside content boxes */
/** Two Column Film View in .use6 **/
.film_still_column {
  float: left;
  width: 136px;
  margin-right: 16px;
}
.film_still_remainder {
  float: left;
  width: 240px;
}
.win.ie7 .film_still_remainder {
  float: none;
}

.review .film_still_column {
  width: 112px;
}

.review .film_still_remainder {
  width: 264px;
}

/** Two Column  Cast Member View in newsfeed **/
.cast_member_image_column {
  float: left;
  width: 120px;
  margin-right: 16px;
}
.cast_member_image_remainder {
  float: left;
  width: 256px;
}
.win.ie7 .cast_member_image_remainder {
  float: none;
}

/** Two Column Notebook Still View in .use6 **/
.notebook_still_column {
  float: left;
  width: 136px;
  margin-right: 16px;
}
.notebook_still_remainder {
  float: left;
  width: 240px;
}
.win.ie7 .notebook_still_remainder {
  float: none;
}

/** Two Column Program Still View in .use6 **/
.program_still_column {
  float: left;
  width: 136px;
  margin-right: 16px;
}
.program_still_remainder {
  float: left;
  width: 240px;
}
.win.ie7 .program_still_remainder {
  float: none;
}

/** Two Column User View in .use6 **/
.user_avatar_column {
  float: left;
  width: 65px;
  margin-right: 16px;
}
.user_avatar_remainder {
  float: left;
  width: 311px;
}
.win.ie7 .user_avatar_remainder {
  float: none;
}

/** Two Column Film View in .use12 **/
.cinema_still_column {
  float: left;
  width: 320px;
  margin-right: 16px;
}
.win.ie .cinema_still_column img {
  margin: 0 0 -3px 0;
}
.cinema_still_remainder {
  float: left;
  width: 485px;
  position: relative;
}
.cinema_still_remainder h1 { font-size: 18px; width: 365px; }
.cinema_still_remainder p.red {
  font-size: 18px;
  margin-top: 16px;
  font-weight: bold;
}
.cinema_still_remainder a.doublearrow {
  position: absolute;
  top: -4px;
  right: 0;
}

/**** Title Overlay - Subject to change, used currently on cinemas page ****/
.titleoverlay {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: white;
  width: 220px;
  overflow: hidden;
}
.titleoverlay h2, .titleoverlay h2 a {
  font-size: 15px;
  color: #0faf2d;
  margin-bottom: 8px;
}
.titleoverlay h3, .titleoverlay h3 a {
  font-size: 15px;
  color: #ef4135;
  font-weight: bold;
  text-transform: uppercase;
}
/*************** START REFACTORING BLOCK (move into appropriate section below) *********************/

/** Search Autocomplete **/
.autocomplete_indicator {
  background: url(/images/ajax_white.gif) no-repeat top right !important;
}
div.search_autocomplete {
  position:absolute;
  z-index:400!important;
  width:auto !important;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}

div.search_autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.search_autocomplete ul li.selected { background-color: #299ECC;}
div.search_autocomplete ul li {
  height:20px;
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px 10px;
  cursor:pointer;
  clear:both;
}

div.search_autocomplete ul li .informal {
  color:#555;
  font-style:italic;
}
div.search_autocomplete .autoCompleteUser img, .existingUser img {
  width:20px;
  height:20px;
  padding-right:5px;
  float:left;
}
.existingUser {
  clear:both;
  padding:4px;
}
.existingUser p {
  margin:0;
}
div.search_autocomplete ul li .searchHighlight {
  background-color:#EADCDC;
  color:#000;
  font-weight:bolder;
}


/**** Acts As Dismissible Styles ****/
/* Dumped here to be cleaned up before committing to standard.css */
.dismissible_message {
  border-right: 1px solid #BCA902;
  border-bottom: 1px solid #BCA902;
  border-top: 1px solid #EAE69D;
  border-left: 1px solid #EAE69D;
  background-color: #FEF49C;
}
.dismissible_message_padding {
  padding: 16px;
  position: relative;
}
.dismissible_message p {
  margin-bottom: 8px;
}
.dismissible_message h2 {
  font-size: 18px;
  line-height: 24px;
}
.dismissible_message .dismiss {
  position: absolute;
  top: 16px;
  right: 16px;
}
.dismissible_message a.button {
  background-color: #323232;
  color: #fff;
}


/**** Garage ****/
.garage .post_pagination a {
  color: #ccc;
}

.project_name span { font-weight: bold; text-transform: uppercase; }


/* Landing page */
.garage .content.yellowbg {
  font-family: Georgia;
}
.garage .projects.media_column {
  width: 559px;
  margin: 0;
  float: left;
  position: relative;
}
.garage .projects.media_remainder {
  float: right;
  width: 265px;
  padding: 16px;
  color: #fff;
}
.garage .projects.media_remainder h2 a {
  font-size: 23px;
  line-height: 24px;
  color: #fff;
}
.garage .projects.media_remainder h2 a:hover {
  color: #787878;
}
.garage .projects.media_remainder p {
  font-size: 15px;
  margin-top: 8px;
}
.garage .projects.media_remainder a.button {
  float: right;
}
.media_navigation {
  width: 39px;
  position: absolute;
  top: 171px;
  right: 16px;
}
.media_navigation a.prev {
  float: left;
  display: block;
  width: 10px;
  height: 13px;
  background: url(../../newimages/bg_prev_arrow.png) 0 0;
}
.media_navigation a.next {
  float: right;
  display: block;
  width: 10px;
  height: 13px;
  background: url(../../newimages/bg_next_arrow.png) 0 0;
}
.media_navigation a.prev:hover {
  background: url(../../newimages/bg_prev_arrow.png) 0 -13px;
}
.media_navigation a.next:hover {
  background: url(../../newimages/bg_next_arrow.png) 0 -13px;
}
.media_navigation a.next:after {
  content: none;
}
.media_navigation span {
  display: none;
}

/* Show */
.content.red {
  background: #ef4d37;
  color: #fff;
}
.garage .media_remainder h1.film_title {
  margin-bottom: 8px;
}
.media_remainder div.project_name {
  margin-top: 8px;
}
.media_remainder div.project_name h3 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}
.media_remainder div.project_name a {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}

/* Projects */

.project h2 {
  font-weight: bold;
  font-size: 16px;
}
.ie7 .project img {
  margin-bottom: -3px;
}
.project .titleoverlay {
  text-align: center;
  padding: 16px 0 0 0;
  width: 167px;
  opacity: .8 !important;
  top: 0;
  background: none;
}
.safari .project .titleoverlay {
  padding: 4px 0 0 0;
}
.project .titleoverlay a {
  color: #ffff00;
  font-weight: bold;
  font-size: 80px;
  line-height: 72px;
  opacity: .8;
}
.safari .project .titleoverlay a {
  line-height: 88px;
}
.project p {
  margin-top: 4px;
  margin-bottom: 0;
  text-transform: none;
}
.learn_share h3 {
  font-size: 24px;
  float: left;
}
.learn_share h3.share_ideas {
  float: right;
}

.project_column {
  float: left;
  width: 320px;
  margin-right: 16px;
  position: relative;
}
.project_column img {
  margin-bottom: 16px;
}
.project .project_column .titleoverlay {
  top: 4px !important;
  bottom: 100px;
}
.project .project_column .titleoverlay a {
  line-height: 56px;
}
.safari .project .project_column .titleoverlay a {
  line-height: 64px;
}
.project_remainder {
  float: left;
  width: 485px;
  position: relative;
}
.project_remainder h1 { font-size: 18px; width: 365px; }
.project_remainder p.red {
  font-size: 18px;
  margin-top: 16px;
  font-weight: bold;
}
.project_remainder a.doublearrow {
  position: absolute;
  top: -4px;
  right: 0;
}

/* Newsfeed */
.garage_film_still_column .watch_link a {
  background: no-repeat url(/images/buttons/watchfilm_garage.gif);
}


/**** Inbox / Messages ****/
#messages td {
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #f6f6f6;
}
#messages tr.unread td {
  background-color: #e6e6e6;
  font-weight: bold;
}
#composer {
  background-color: #e6e6e6;
  padding: 16px;
}
#composer textarea {
  border: none;
  width: 100%;
  height: 160px;
}


/************************* PS3 STUFF **********************/
/**** GENERIC PS3 TWEAKS ****/
.ps3 input, .ps3 select {
  height: 24px;
  line-height: 24px;
  font-size: 20px;
}
.ps3 label {
  height: 24px;
  line-height: 24px;
  font-size: 20px;
}
/**** PS3 LANDING PAGE ****/
ul.ps3_big_buttons {
  width: 250px;
  float: left;
  font-size: 16px;
  font-weight: bold;
  margin-top: 29px; /* Leave 8px for library up link */
}
ul.ps3_big_buttons li {
  width: 250px;
  text-transform: uppercase;
  border-bottom: 1px solid #e6e6e6;
}
ul.ps3_big_buttons li a {
  display: block;
  background: white;
  padding: 16px;
}
ul.ps3_big_buttons li a:hover, ul.ps3_big_buttons li a.active {
  background: #666;
  color: white;
}
ul.ps3_big_buttons li.nolink {
  width: 218px;
  padding: 16px;
}
ul.ps3_big_buttons input, ul.ps3_big_buttons select {
  text-transform: none;
  width: 190px;
}
#ps3_films, #ps3_films_more {
  width: 606px;
  float: left;
}
#ps3_films_loading {
  width: 606px;
  float: left;
  background-color: white;
  padding: 32px 0;
}
.ps3_film {
  width: 606px; /* Width required for overflow clearfix to work in PS3 */
  overflow: hidden;
  clear: left;
  background: white;
  border-bottom: 1px solid #e6e6e6;
}
.ps3_film .still_column {
  float: left;
  width: 256px;
}
.ps3_film .description_column {
  position: relative;
  float: left;
  width: 318px;
  padding: 16px;
  height: 112px;
}
.ps3_film .play_buttons {
  position: absolute;
  bottom: 16px;
  left: 16px;
}
.ps3_no_results {
  font-size: 16px;
  text-align: center;
}

div.loading_big {
  background: url(/images/loading_big.gif) no-repeat;
  margin: 0 auto;
  width: 217px;
  height: 40px;
}

.prev_films, .next_films {
  height: 21px;
}
.prev_films { margin-bottom: 8px; }
.next_films { margin-top: 8px; }

.prev_films a, .next_films a {
  display: block;
  height: 21px;
}
.prev_films a { background: url(/images/big_upbar_roll.png) no-repeat top center; }
.next_films a { background: url(/images/big_downbar_roll.png) no-repeat top center; }
.prev_films a:hover, .next_films a:hover {
  background-position: bottom center;
}

/**** PS3 SIGNUP PAGE ****/
.ps3 div.signup_form {
  margin-left: 250px;
}
.ps3 div.signup_form h1 {
  font-size: 32px;
  margin-bottom: 32px;
  font-weight: bold;
}
.ps3 div.signup_form h1 span {
  font-size: 18px;
}
.ps3 div.signup_form select {
  font-size: 16px;
  margin-right: 8px;
}
.ps3 div.signup_form div.dropdown_row {
  height: 32px;
}
.ps3 div.signup_form div.dropdown_row label {
  font-size: 16px;
  left: -40px;
  top: 5px;
}
.ps3 div.signup_form div.dropdown_row label.birthday { left: -70px; }


/**** WATCH PAGE ****/
#watch .media_column {
  float: right;
  width: 300px;
  margin: 0;
  padding: 0;
}
#watch .media_remainder {
  float: left;
  width: 236px;
  padding: 16px;
}
#watch .media_navigation {
  top: 142px;
}
#watch .media_remainder h2 a {
  font-size: 18px;
  line-height: 24px;
  color: #323232;
}
#watch .media_remainder h2 a:hover {
  color: #787878;
}
#watch ul.film_categories {
  font-size: 16px;
  margin: 0;
}
#watch ul.film_categories li {
  line-height: 24px;
}
#watch ul.film_categories li a {
  font-weight: bold;
  text-transform: uppercase;
  color: #f7d837;
}
#watch ul.film_categories li a:hover,
#watch ul.film_categories li a.active {
  color: #ffffff;
}
#watch ul.film_categories li.all {
  margin-bottom: 8px;
}

.bio_textarea {
  width: 806px;
  height: 125px;
  font-size: 13px;
  padding: 8px;
}


/**** SUBSCRIPTIONS ****/
table.subscriptions {
  border: 1px solid #ccc;
  width: 100%;
  text-transform: uppercase;
  font-weight: bold;
}
table.subscriptions th {
  background-color: #666;
  color: #fff;
  padding: 16px;
}
table.subscriptions td {
  border: 1px solid #ccc;
  padding: 16px;
}
table.subscriptions td.active_plan { background: #e2e2e2; }


/**** CREDIT CARDS / BILLING ****/
.credit_card { margin-bottom: 16px; }

div#ecommerce_badge { position: absolute; top: 16px; right: 16px; width: 135px; }

.card_choices { margin-bottom: 16px; }
.card_choices label { font-weight: normal; }

.payment_field {
  overflow: hidden;
  height: 32px;
  line-height: 32px;
}
.payment_field label {
  float: left;
  width: 200px;
  text-transform: uppercase;
  color: #666666;
}
.payment_field input, .payment_field select {
  float: left;
  border-color: #ccc; /* Make this global? */
  margin-top: 6px; /* Optimized for average across Safari 4, FF 3.5, Camino, IE7, IE8, Chrome */
}
.payment_field input { width: 290px; }
.payment_field select { margin-right: 4px; }
.payment_field div { float: left; font-weight: bold; text-transform: uppercase; }
input.card_number { width: 200px; margin-right: 9px; }
input.cvv_code { width: 42px; }
label.cvv { width: auto; margin-right: 4px; }

p.total { font-size: 16px; }


/**** ACCOUNT PREFERENCES ****/
ul.pref_list label { font-weight: normal; }


/**** IMAGE ATTACHMENTS ****/
div.image_attachment img { display: block; float: left; margin-bottom: 8px; }
div.image_attachment a { clear: left; float: left; margin-bottom: 8px; }


/**** USER STYLE EDITING ****/
.user_styles { margin-bottom: 16px; overflow: hidden; }
.user_styles label { text-transform: uppercase; }
.user_profile_pictures { margin-bottom: 16px; overflow: hidden; }

/**** USER PROFILE ****/
#favorite_auteurs { font-size: 30px; line-height: 32px; text-transform: uppercase; font-weight: bold; }
#favorite_auteurs li.odd { background-color: #fff; color: #8c8c8c; }
#favorite_auteurs li.even { background-color: #fff; }
#favorite_auteurs li a { font-size: 11px; line-height: 0; } /* Without 0 line-height the line box gets pushed open to 38px in order to align baselines */

#lists li.odd { background-color: #fff; color: #8c8c8c; }
#lists li.even { background-color: #fff; }


/**** FILM PRESCREEN PROCESS ****/
#payment_options h2 { text-transform: none; font-size: 16px; margin-bottom: 16px; }
#payment_options label { font-weight: normal; }


/*** More garage styles */
#project_participants .avatar {
  float: left;
  margin-right: 1em;
}

#new_garage_film_info h1 {
  font-size: 450%;
  text-transform: none;
  line-height: 1em;
  margin-bottom: 0.3em;
}

#new_garage_film_info p {
  font-size: 150%;
}

#new_garage_film ol#steps {
  padding-left: 36px;
}

#new_garage_film ol#steps li {
  list-style-type: decimal;
  font-size: 200%;
  line-height: 1.4em;
}

#new_garage_film ol#steps li p,
#new_garage_film ol#steps li label {
  color: #323232;
  font-size: 12px;
  line-height: 1em;
}


/**** PEOPLE PAGES ****/
.people .item {
  width: 194px; /* 4 items in a use12 column */
}

.people .item p {
  padding: 0;
  margin: 0;
}

.people .item .location {
  text-transform: uppercase;
  font-weight: bold;
}

.findfriends .search {
  margin-bottom: 32px;
}

#invite_friends input[type=text] { width: 412px; }
#invite_friends textarea { width: 412px; }


/**** CAST MEMBER PAGES ****/
div#castcrewheader div.column.cast_member_col2 { overflow: visible; } /* to keep the name top aligned, but still show accents. */
div#castcrewheader div.cast_member_info h1 { font-size: 32px; line-height: 32px; color: #299ecc; }
div#castcrewheader div.cast_member_info h3 { font-size: 20px; line-height: 24px; color: #323232; margin-top: 8px; text-transform: uppercase; }
div#castcrewheader div.cast_member_info h4 { font-size: 24px; line-height: 24px; color: #0faf2d; margin-top: 16px; text-transform: none; }
div#castcrewheader .actions { margin-top: 16px; }

/**** LIST STYLES ****/
/*#listed_films_autocomplete_container .previously_selected { border: 5px solid red; background: red; font-size: 16px; line-height: 32px; }*/

ul.listomania { margin: 0 0 16px; }
ul.listomania li { border-bottom: 1px solid #ccc; overflow: hidden; list-style-type: none; margin-bottom: 2px; }
ul.listomania li div { float: left; }
ul.listomania li div.film_title { width: 600px; }
ul.listomania li div.remove_film { float: right; width: 168px; }

ul.listomania li div.film_title a,
ul.listomania li div.remove_film a,
ul.listomania li div.director,
ul.listomania li div.position { font-weight: bold; font-size: 24px; text-decoration: none; line-height: 1.25em; }

ul.listomania li div.director { color: #ccc; margin-left: 20px; font-size: 12px; padding-top: 8px; }
ul.listomania li div.position { color: #CCC; /*cursor: move;*/ margin-right: 10px; }
#list_edit_view ul.listomania li div.position { cursor: move; }
ul.listomania div.film_title a { color: #333; text-transform: uppercase; }
ul.listomania div.film_title a:hover { color: #299ecc; text-decoration: none; }

ul.listomania div.remove_film a { float: right; }
ul.listomania div.remove_film a:hover { color: #222; }
ul.listomania div.remove_film a:hover:before { content: '\002190\00a0'; }
/*.list_film_still { border: 1px #ccc solid; padding: 5px; float: right; margin-left: 24px; }*/

#individual_list_view h1 { font-size: 32px; line-height: 32px; color: #299ecc; }
#individual_list_view h3 { font-size: 16px; line-height: 24px; color: #323232; margin-bottom: 16px; }
#individual_list_view .stats span { font-size: 32px; }
#individual_list_view .social_networks { float: right; width: 150px; margin-left: 8px; height: 16px; }

/* TODO: Can we standardize form formatting across forms by extracting this and review form? */
#list_edit_view textarea.description_field { width: 806px; height: 125px; font-size: 12px; padding: 8px; margin: 0 0 32px 0;}
#list_edit_view input[type="text"].title_field { width: 600px; font-size: 12px; margin: 0 0 16px 0; padding: 8px; }

.lists .item a.block {
  width: 194px; /* 4 items in a use12 column */
  height: 194px;
  background: #000;
  position: relative;
  top: 0;
  left: 0;
}

.lists .item .block div.caption { padding: 10px 0px 0px 5px; }
.lists .item .block div.caption span.title {
  background: #000;
  color: #f7d837;
  text-align: center;
  padding: 5px 0px;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: bold;
}
.lists .item .block div.caption span.owner { background: #000; color: #fff; }
.lists .item .block div.overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  padding-top: 48px;
  display: none;
  z-index: 10;
  background: #000;
  color: #fff;
  opacity: 0.75;
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  text-align: center;
}
.ie .lists .item .block div.overlay {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE7, IE8, and IE8 Compatibility Mode */
  filter: alpha(opacity=75);
}
.lists .item .block:hover div.overlay { display: block; }
.user_lists div.filter { background: #299ecc; }

/***** ADD TO LIST *****/
#add_to_list {
  position: relative;
  display: block;
  margin-bottom: 16px;
}
#add_to_list span {
  font-weight: bold;
  color: #299ecc;
  padding: 8px;
  cursor: pointer;
  border: 1px solid #CCC;
  margin: 0;
  background-color: #FFF;
}
#add_to_list ul {
  position: absolute;
  top: 23px;
  left: 0;
  z-index: 999;
  display: none;
  list-style-type: none;
  overflow: hidden;
  background-color: #FFF;
  border: 1px solid #CCC;
  padding: 8px;
}
.ie7 #add_to_list ul { top: 32px; }
#add_to_list .user_list label { display: inline; }
#add_to_list .user_list input { position: relative; top: -1px; vertical-align: bottom; }
#add_to_list .user_list a { text-transform: uppercase; }
#add_to_list .create_new_list label { margin-top: 8px; }
#add_to_list span.submenu-visible { border-bottom: 1px solid #FFF; }

#empty_list { color: #8c8c8c; font-style: italic; }
ul.list_films { list-style: disc; padding-left: 16px; margin-bottom: 0; }
ul.list_films a { color: #323232; }
ul.list_films a:hover { color: #8c8c8c; }
.list_films_addendum { padding-left: 16px; }


/**** STATUS UPDATES ****/
div#new_post h4 { margin-bottom: 4px; }

div#new_post input.wide,
div#new_post textarea.wide { border: 1px solid #ccc; width: 98%; }
div#newsfeed div#new_post #new_post_form_wrap textarea { height: 48px; }
div#new_post div.submit { text-align: right; }
div#new_post .film_still_remainder { float: none; margin-left: 152px; margin-bottom: 8px; }
.ie7 div#new_post .film_still_remainder { float: left; margin-left: 0; width: 208px; } /* IE7 is auto-clearing the X for some ungodly reason */


/**** PROFILE ****/

#profile {
  height: 210px;
  background-color: #fff;
  margin-bottom: 8px;
}

#profile .profilemedia {
  float: right;
}

#profile .userbox {
  width: 225px;
  height: 178px;
  padding: 16px;
  position: relative;
}

#profile .userbox .firstname,
#profile .userbox .lastname {
  font-size: 18px;
  color: #299ECC;
  font-weight: bold;
  text-transform: uppercase;
  line-height: .95em;
}

#profile .userbox .location {
  font-size: 14px;
}

#profile .userbox .avatar {
  margin-top: 16px;
}

#profile .userbox .actions {
  position: absolute;
  bottom: 16px;
}

#aboutme .content {
  background-color: #f6f6f6;
}

#latest_update .still_column {
  width: 85px;
  float: left;
  margin-right: 16px;
}
#latest_update .update_column {
  width: 723px;
  float: left;
}

ul.list { margin-bottom: 0; }
ul.list li { font-size: 25px; font-weight: bold; text-transform: uppercase; line-height: 1em; background: none; }
ul.list li.odd { color: #323232; }
ul.list li.even{ color: #8c8c8c; }

#styles ul.list li.odd { color: #0faf2d; }

ul.list li.even a { color: #323232; }
ul.list li.even a:hover { color: #acacac; }
ul.list li.odd a { color: #8c8c8c; }
ul.list li.odd:hover a { color: #acacac; }

.forumexcerpt { margin-bottom: 16px; }
.forumexcerpt.last { margin-bottom: 0; }
.forumexcerpt p { margin-bottom: 0; font-weight: bold; }
.forumexcerpt h3 { font-size: 14px; text-transform: uppercase; font-weight: bold;}

.ratingsbox {
  position: relative;
  margin-bottom: 16px;
  overflow: auto;
}

.ratingsbox.last {
  margin-bottom: 0;
}

.ratingsbox .filmstill {
  float: left;
}

.ratingsbox .ratingsmeta {
  float: left;
  width: 200px;
  margin-left: 16px;
}

.ratingsbox .ratingsmeta h3 {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}


/**** Reviews ****/
#review h1 {
  color: #0faf2d;
  margin-bottom: 16px;
}
#review .byline {
  color: #8c8c8c;
  margin-bottom: 1em;
}
#review textarea.review_field { width: 806px; height: 300px; font-size: 12px; padding: 8px; margin: 0 0 16px 0;}
#review input[type="text"].title_field { width: 600px; font-size: 12px; margin: 0 0 16px 0; padding: 8px; }

.review_excerpt {
  margin-top: 8px;
}

/**** POPUP ****/
body.popup {
  background-color: #fff;
  padding: 16px;
}
body.popup h1 {
  margin-bottom: 16px;
  color: #0faf2d;
}

/* on dashboard */
.film_thumb {
  margin-bottom: 16px;
}


/**** NEWSFEED SPOTLIGHT ****/
.content.spotlight {
  color: white;
  background-color: #323232;
}
.content.spotlight a {
  color: white;
}
.content.spotlight h1 {
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.content.spotlight .button {
  background-color: #666666;
}


/**** NEWSFEED ACTIVITIES ****/
.content.activity a.icon.close {
  display: none;
}
.content.activity:hover a.icon.close {
  display: block;
}
.activity .time {
  color: #aaa;
}


/**** SPLASH PAGE ****/
#splash_login { float: right; color: #666666; text-transform: uppercase; font-weight: bold; font-size: 11px; }

#splash_login a, #splash_login label, #splash_login input { float: left; margin-right: 3px; }

/* This should be refactored into a class for small text fields */
#splash_login input.text { border: 0; font-size: 11px; width: 150px; padding: 3px 3px 2px 3px; }
.safari #splash_login input.text { padding-top: 4px; }
.chrome #splash_login input.text { padding-top: 3px; }
.win.ff3 #splash_login input.text { padding-bottom: 4px; }

.safari #splash_login .button { position: relative; top: 2px; }
.chrome #splash_login .button { position: relative; top: 0px; }

#splash_login label.remember_me, #splash_login a.forgot_password { line-height: 24px; }
#splash_login label.remember_me { width: 156px; }

#splash_login .fb_connect_wrapper { padding-left: 159px; height: 23px; }

#splash { margin-bottom: 32px; }
#splash h1 { height: 198px; width: 562px; background: url(/images/splash_h1.png) no-repeat; text-indent: -9999px; }

#splash li { margin-bottom: 7px; }
#splash a { display: block; text-indent: -9999px; height: 49px; background-repeat: none; background-position: 0 0; }
#splash a:hover { background-position: 0 -49px; }
#splash a.watch { width: 179px; background-image: url(/images/splash_watch.png); }
#splash a.discover { width: 250px; background-image: url(/images/splash_discover.png); }
#splash a.discuss { width: 225px; background-image: url(/images/splash_discuss.png); }

#splash_activity { margin-top: 16px; margin-bottom: 0; height: 80px; }
#splash_activity a { color: #666666; text-transform: uppercase; font-weight: bold; }
#splash_activity a.context0:hover { color: #1c5379; }
#splash_activity a.context15:hover { color: #0078a4; }
#splash_activity a.context2:hover { color: #a6d3eb; }
#splash_activity a.context3:hover { color: #f1f7e5; }
#splash_activity a.context4:hover { color: #e5901a; }

a#splash_signup {
  display: block;
  width: 176px;
  height: 40px;
  margin-top: 15px;
  background: no-repeat top left url(/images/splash_signup.png);
  text-indent: -9999px;
}

#replace_signup {
  position: absolute;
  bottom: 25px;
  right: 42px;
  width: 300px;
  height: 250px;
}


/**** SIGNUP PROCESS ****/
div#signup ol.steps { margin: 0; padding-bottom: 4px; }
div#signup ol.steps li { display: inline; font-size: 16px; color: #A0A0A0; margin-right: 8px; }
div#signup ol.steps li.active { color: #323232; }

div#signup div.signup_form { padding-left: 60px; } /* See AJAX AUTHENTICATION Styles for the shared design */

div#signup #next_steps {
  text-align: right;
}
div#signup .instructions { margin-bottom: 24px; }

div#signup #blurb { color: #828282; font-size: 15px; line-height: 150%; }
div#signup #blurb dt { font-weight: bold; }

div#signup #films { margin-bottom: 32px; }

.findfriends .networks a span,
.findfriends .addressbooks span { display: none; }

/* TODO: Replace w/ fb_connect button */
.findfriends a.facebook { width: 64px; margin-right: 10px; height: 26px; float: left; background: url(../../newimages/btn_facebook.png) no-repeat left; }

.findfriends a.twitter { width: 87px; height: 26px; float: left; background: url(../../images/twitter_logo.png) no-repeat bottom left; }

.findfriends .addressbooks { padding-left: 299px; height: 26px; display: block; background: url(../../images/email_providers.gif) no-repeat left;}

div#signup div.contactlist { margin-bottom: 10px; }

/* Look at extracting this from the #signup namespace for find people page, etc */
div#signup div.contactlist div.selectall { float: left; background: #d2d2d2; padding: 3px; margin-bottom: 3px; }
div#signup div.contactlist div.selectall label { font-weight: bold; font-size: 11px; text-transform: lowercase; padding-right: 34px; }
div#signup div.contactlist div.selectall label span { margin-left: 3px; bottom: 0px; }

div#signup div.contactlist div.contactblock {
  padding: 6px;
  border-top: 1px solid #cbcbcb;
  border-left: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
  width: 388px;
  overflow: auto;
}

div#signup div.contactlist div.contactblock.last { border-bottom: 1px solid #cbcbcb; }
div#signup div.contactlist div.contactblock input { margin-right: 10px; float: left;  }
div#signup div.contactlist div.contactblock img { float: left; margin: 3px 10px 0 0;}

div#signup div.contactlist div.contactblock label { float: left; margin-right: 20px; font-size: 11px; font-weight: normal; position: relative; top: 3px; }
div#signup div.contactlist div.contactblock label.contactname { font-weight: bold; font-size: 12px; text-transform: uppercase; }

div#signup div.personalmsg { margin-bottom: 10px; }
div#signup div.personalmsg textarea { width: 382px; }

/**** AJAX AUTHENTICATION ****/
/* Note that .ajax_login is unique to ajax auth, but .signup_form is shared with regular HTML signup */
p.ajax_desc { font-size: 13px; }

div.ajax_login {
  float: left;
  position: relative;
  width: 250px;
}

div.signup_form h1, div.ajax_login h1 {
  margin-bottom: 16px;
}

div#ajax_signup_form {
  float: right;
  width: 250px;
}

div.ajax_login input[type="text"],
div.ajax_login input[type="password"],
div.signup_form input[type="text"],
div.signup_form input[type="password"] {
  width: 200px;
}

div.signup_form select {
  font-size: 9px;
}

div.ajax_login a {
  margin-right: 10px;
}
div.ajax_login div.button_wrap {
  margin-bottom: 8px;
}
div.ajax_login p.or {
  text-transform: uppercase;
  font-size: 11px;
  color: #A0A0A0;
  margin: 0;
  position: absolute;
  top: 0;
  right: -36px;
}

div.signup_form p {
  font-size: 11px;
  color: #787878;
  margin: 0;
}
div.signup_form div.dropdown_row {
  position: relative;
  margin-bottom: 3px;
}
div.signup_form div.dropdown_row label {
  text-transform: none;
  display: inline;
  font-size: 11px;
  position: absolute;
  left: -34px;
  top: 3px;
}
div.signup_form div.dropdown_row label.birthday { left: -58px; }


/**** FB CONNECT SETUP PAGE ****/
#fb_connect_setup h1 {
  color: #0faf2d;
  margin-bottom: 16px;
}
#fb_connect_setup h4 {
  color: #666666;
  font-size: 12px;
}
#fb_connect_setup h4 span {
  font-size: 11px;
  color: #323232;
  text-transform: none;
}
#fb_connect_setup h4 span a {
  text-transform: uppercase;
}

#fb_connect_setup .preferences .preference {
  width: 340px;
  margin-top: 15px;
  float: left;
}

#fb_connect_setup .preference .preference_name {
  width: 200px;
  margin-bottom: 5px;
}

#fb_connect_setup .preference .preference_still {
  width: 315px;
  clear: right;
  padding-bottom: 10px;
  padding-top: 10px;
  background-color: lightgrey;
}

#fb_connect_setup .preference .preference_still img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.preferences {
  overflow: hidden; /* Clearfix */
  margin-bottom: 16px;
}
.preferences label {
  font-weight: normal;
}
#fb_connect_welcome {
  overflow: hidden; /* Clearfix */
  margin-bottom: 16px;
}
.fb_image_column {
  float: left;
  width: 50px;
  margin-right: 8px;
}
.fb_image_remainder {
  float: left;
  width: 542px;
}
.form_explanation {
  font-size: 11px;
  color: #787878;
}
.fb_user_display img {
}
.fb_user_display {
  text-transform: uppercase;
  font-weight: bold;
  color: #299ecc;
}

/**** FB PREVIEW STORY ****/
#fb_publish_story .UIIntentionalStory {
  background-color: #FFFFFF;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  margin-top: 15px;
  margin-bottom: 20px;
  min-height: 50px;
  padding: 7px 0 0 60px;
  position: relative;
}

#fb_publish_story .UIIntentionalStory_Pic {
  left: 0;
  position: absolute;
}

#fb_publish_story .UIIntentionalStory_Message, .UIIntentionalStory .location {
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

#fb_publish_story .UIStoryAttachment {
  margin-bottom: 5px;
  margin-top: 6px;
  overflow: hidden;
  padding-right: 10px;
}

#fb_publish_story .UIIntentionalStory .UIStoryAttachment_MediaSingle {
  padding-right: 10px;
}

#fb_publish_story .UIStoryAttachment_Media {
  float: left;
  overflow: hidden;
  padding-right: 10px;
}

#fb_publish_story .UIStoryAttachment_Info {
  display: table;
}

#fb_publish_story .UIStoryAttachment_Title {
  font-weight: bold;
  padding-top: 3px;
}

#fb_publish_story .UIStoryAttachment_Caption {
  color: #808080;
  padding-top: 3px;
}

#fb_publish_story .UIStoryAttachment_Copy {
  color: #808080;
  padding-top: 3px;
}

#fb_publish_story .UIIntentionalStory a {
  color: #3B5998;
}

/**** FB CONNECT SETTINGS ****/
#fb_connect_settings .preferences select {
  border-color: #ccc;
  margin-top: 6px;
}

/**** LIGHTBOX ****/
#lightbox{
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9999;
  margin: -180px 0 0 -300px;
  text-align: left;
  width: 600px;
  background-color: white;
  padding: 16px;
}
#lightbox[id]{
  position: fixed;
}

#overlay{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
  background-color: #000;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}
#overlay[id]{ position: fixed; }

#lightbox.done #lbLoadMessage{ display: none; }
#lightbox.done #lbContent{ display: block; }
#lightbox.loading #lbContent{ display: none; }
#lightbox.loading #lbLoadMessage{ display: block; }
#lightbox a.closebutton {
  float: right;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #3C3C3C;
  padding-top: 2px;
  line-height: 1em;
}

#lightbox a.closebutton img {
  margin: 0 0 0 0;
  display: inline-block;
  position: relative;
  top: 1px;
}

#lightbox h1 {
  font-size: 14px;
  margin-bottom: 0;
  color: #323232;
  text-transform: uppercase;
}

/* TODO: Is this strictly lightbox related? */
#lightbox div.notice {
  min-height: 25px;
  height: auto !important;
  height: 25px;
  font-size: 11px;
}


/** Authorizations Presenter **/
.authorized_countries select, .unauthorized_countries select {
  width: 200px;
  height: 300px;
}
.hide_authorization_box { clear: left; padding-top: 16px; }

/**** SHARED BLOCK ELEMENTS - Wall, Forum Comment, etc ****/
/** Wall **/
div#wall h4.date {
  margin-bottom: 8px;
}

div#wall h4.date a, div#mini_wall h4.date a {
  color: #323232;
}

div#wall #new_post textarea.wide {
  border: 1px solid;
  border-color: #fff #fff #c8c8c8;
  margin: 0;
  padding: 16px;
}

div#wall #new_post div.submit {
  border-bottom: 1px solid #C8C8C8;
  padding: 8px 16px;
  background-color: white;
}

/* Mini Wall */
div#mini_wall #new_post textarea.wide {
  border: 1px solid;
  border-color: #fff #fff #c8c8c8;
  margin: 0;
  padding: 16px;
}

div#mini_wall #new_post div.submit {
  border-bottom: 1px solid #C8C8C8;
  padding: 8px 16px;
  background-color: white;
}

div#mini_wall .content {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

div#mini_wall .content p {
  margin-bottom: 0px;
}

div#mini_wall .last {
  padding-bottom: 15px;
}

div#mini_wall .content, div#mini_wall .content p {
  margin-bottom: 0px;
}

#mini_wall #new_post_form_wrap {
  background-color: white;
}

#mini_wall #new_post_form_wrap textarea {
  border: 1px solid;
  border-color: #fff #fff #c8c8c8;
  width: 392px;
  height: 110px;
  margin: 0;
  padding: 16px;
}

#mini_wall #new_post_form_wrap .submit {
  border-bottom: 1px solid #c8c8c8;
  width: 392px;
  text-align: right;
  padding: 8px 16px;
}

/** SPOTLIGHT **/
.spotlight { margin-bottom: 8px; }
.spotlight div.spotlight_media { float: left; width: 320px; height: 180px; margin-right: 16px; }
.spotlight div.spotlight_text {
  padding: 16px;
  height: 148px;
}
.spotlight div.spotlight_text p { font-size: 14px; }
.spotlight_text .date { font-weight: bold; }
.spotlight_text h1 { font-size: 20px; line-height: 24px; }
.spotlight_text h1 a { color: #323232; }
.spotlight_text h1 a:hover { color: #787878; }

.spotlight_text
 { background: #f7d837; }

/**** FILM DETAIL PAGE ****/
/* Some of this stuff should be refactored out into its own sections as it spreads to other pages */
.film_article { margin-bottom: 16px; }
.media { margin-bottom: 16px; }
.film_viewable_status {
  text-transform: uppercase;
  font-weight: bold;
  color: #8c8c8c;
}
.film_views {
  color: #8c8c8c;
}
ul.sociallinks {
  float: right;
  width: 100px;
  text-align: right;
  margin-bottom: 0;
}
ul.sociallinks li {
  display: inline;
}
ul.sociallinks li img {
  vertical-align: middle;
}
.bio {
  margin-bottom: 16px;
  overflow: hidden; /* Clearfix */
}
.bio img {
  float: left;
  margin-right: 16px;
}
.write {
  background-color: white;
}
.write textarea {
  border: 1px solid;
  border-color: #fff #fff #c8c8c8;
  width: 392px;
  height: 110px;
  margin: 0;
  padding: 16px;
}

div#new_post_form_wrap textarea {
  height: 110px;
}

.write .submit {
  border-bottom: 1px solid #c8c8c8;
  width: 392px;
  text-align: right;
  padding: 8px 16px;
}
.submit .remaining_characters {
  display: inline;
  color: #8c8c8c;
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle; /* IE looks better without this, hence the next rule */
}
.ie .submit .remaining_characters {
  vertical-align: baseline;
  padding-right: 4px;
}
/* TODO: The intentions of some of these styles is unclear and thus difficult to refactor. We should probably break out
   reusable elements that appear on multiple pages into their own sections */
.rating {
  margin-bottom: 16px;
}
.user_column {
  float: left;
}
.user_remainder {
  float: right;
  width: 311px;
}
.user_remainder h4 a {
  color: #323232;
}
.rating div {
  color: #8c8c8c;
}
.forum_topic {
  margin-bottom: 16px;
}
.banner_slot div {
  margin-top: 24px;
  margin-bottom: 8px;
}

h2.twitch { background: #fff url('/images/twitch.ico') no-repeat top right; padding-right: 20px; }

.contribute {
  margin-bottom: 8px;
}

.contribute div {
  float: left;
  width: 684px;
  margin-right: 4px;
  background-color: #0faf2d;
  padding: 8px 12px;
  color: #FFF;
  font-size: 14px;
}

.contribute a {
  display: block;
  float: left;
  width: 128px;
  background-color: #299ecc;
  color: #FFF;
  font-weight: bold;
  text-transform: uppercase;
  padding: 8px;
  text-align: center;
}

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

/** Additional stuff for staged films **/
div.staged_film_notice {
  font-size: 16px;
  background-color: #fcc;
  color: #900;
  padding: 8px 16px;
  margin-bottom: 16px;
}


/**** FILM LIBRARY ****/
#library { position: relative; }

/* Deprecated in favor of linktabs */
ul.tabs { float: left; margin: 0; }
ul.tabs li {
  margin-right: 2px;
  float: left;
  background-color: #666666;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  height: 16px;
  padding: 4px 16px;
  font-weight: bold;
}
ul.tabs li a { color: white; }
#library ul.tabs li { background-color: #299ecc; }

ul.tabs li.active {
  background-color: #299ecc;
  color: white;
}
ul.tabs li.active a {
  color: white;
}
ul.tabs a.active {
  background-color: #299ecc;
  color: white;
}

ul.view {
  height: 16px;
  padding: 4px 16px;
  float: right;
  text-align: right;
  margin-bottom: 0;
}
ul.view li {
  display: inline;
  margin-left: 16px;
}
ul.view li a {
  text-transform: uppercase;
  color: #323232;
  font-weight: normal;
}
ul.view li a.active {
  font-weight: bold;
}

div.filter {
  padding: 8px 16px;
  font-size: 11px;
  overflow: hidden; /* Clearfix */
  margin-bottom: 2px; /* Default is for .content_description replacement */
  background-color: #fff;
}
#library div.filter, #people div.filter { background: #299ecc; margin-bottom: 8px; }
div.filter ul.filter_categories {
  float: left;
  width: 400px;
  margin: 0;
}
div.filter ul.filter_categories li {
  display: inline;
  margin-right: 16px;
}
div.filter ul.filter_categories li input {
  margin-right: 4px;
}
div.filter ul.filter_categories li label {
  float: left;
  margin-right: 8px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: inherit;
  margin-top: 2px;
}
div.filter ul.filter_categories li input[type='text'] {
  padding-bottom: 0;
  margin-bottom: 0;
}
div.filter ul.filter_categories li input[type='submit'] {
  display: inline;
  background-color: #2d759b;
  height: 18px;
}
div.filter ul.filter_categories li label.active {
  font-weight: bold;
}
div.filter div.filter_options {
  float: right;
  text-align: right;
}
div.filter div.filter_options a {
  color: white;
  text-transform: uppercase;
}
div.filter div.filter_options label {
  margin-left: 16px;
  margin-right: 8px;
  display: inline;
  font-weight: normal;
  text-transform: uppercase;
}
div.filter div.filter_options select {
}
div.filter div.filter_options .active {
  font-weight: bold;
}
.use8 div.filter ul.filter_categories {
  width: 275px;
}
.use8 div.filter div.filter_options {
  width: 250px;
}

#library .item {
  float: left;
  position: relative;
  width: 856px;
  background: #fff;
  border-bottom: 1px solid #c8c8c8;
}
#library .item.last {
  border-bottom: none;
}
#library .media_column {
  width: 256px;
  float: left;
}
#library .media_column .media {
  margin-bottom: 0;
}
#library .media_column_remainder {
  padding-top: 8px;
  padding-bottom: 8px;
  width: 584px;
  float: right;
}
#library .media_column_remainder .details {
  float: left;
  width: 320px;
}
#library .media_column_remainder .details .actions {
  margin-bottom: 4px;
}
#library .media_column_remainder .synopsis {
  float: right;
  width: 240px;
  padding-right: 8px;
  padding-left: 16px;
}
#library .media_column_remainder .synopsis p {
  margin: 0;
}

/** Library List View **/
#library table {
  border-spacing: 0 1px;
  border: none;
}
#library table tr { background: #fff; }
#library table th {
  background: #a0a0a0;
  color: #fff;
  border-bottom: 2px solid #e6e6e6;
}
#library table td, #library table th {
  padding: 2px 16px;
}
#library td { background: #fff; }
#library table h2.film_title { font-size: 12px; font-weight: normal; }
#library table h3.film_country { text-transform: uppercase; font-weight: normal; }
#library table h3.film_year { font-weight: normal; }


/**** FESTIVAL PAGE ****/
ul.festivals_nav {
  overflow: hidden; /* Clearfix */
  margin-bottom: 8px;
  padding: 0 16px;
  background: url(/images/bg_festivals_nav.gif) repeat;
  line-height: 32px;
}
ul.festivals_nav li {
  float: left;
  margin-right: 32px;
  height: 31px;
  padding-top: 1px;
}
ul.festivals_nav li a {
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
}
ul.festivals_nav li a:hover,
ul.festivals_nav li a.active { color: #f7d837; }


/**** CONTACT LIST ****/
/* Used in find_friends, ta_friends, invites/new etc */
.contact_list {
  clear: left;
  overflow: auto;
  height: 300px;
  border: 1px solid #e6e6e6;
}
.contact_list .column {
  width: 50%;
  float: left;
  margin-right: 0px;
}
.ie .contact_list .column {
  width: 280px;
}
.contact_list .column.last {
  border: 0;
}
.contact {
  height: 30px;
  padding: 1px 1px 1px 4px;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  overflow: hidden; /* Clearfix */
}
.contact:hover, .contact.selected:hover {
  background-color: #e6edf7;
}
.contact.selected {
  background-color: #f2f2f2;
}
.contact_list .column.last .contact {
  border-right: none;
}
.contact img {
  display: inline;
}
/* A position: relative approach was favored, but it didn't work when overflow:auto
   kicked in in IE7 (see test_ie_overflow.html).  With decent browser we can float
   left and use margins, however IE7 doesn't like that either, so IE users just get
   the names and checkboxes without nice-looking positioning. */
.contact input, .contact div.cropped_image, .contact span {
  float: left;
}

.contact input { margin-top: 8px; }
.contact span { margin-left: 4px; margin-top: 8px; }
.ie .contact span {
  float: none;
}

.select_all { float: left; background: #d2d2d2; padding: 4px 12px 4px 4px; }

.contact .name { font-weight: bold; text-transform: uppercase; }


/**** DISTRIBUTOR REVENUES ****/
.revenues {
}
.revenues th {
  color: #fff;
  background-color: #5a5a5a;
  text-align: right;
  width: 90px;
}
.revenues th.text, .revenues td.text {
  text-align: left;
}
.revenues th.integer, .revenues td.integer {
  text-align: right;
}
.revenues th.currency, .revenues td.currency {
  text-align: right;
}
.revenues tbody.totals td {
  background-color: #f5f5f5;
  font-weight: bold;
  font-size: 13px;
}
.revenues tbody.totals td.text {
  background: #e6e6e6;
}
.revenues tbody.totals td.integer, .revenues tbody.totals td.currency {
  color: #5a5a5a;
}
.revenues tbody.totals td.grand_total {
  font-size: 14px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #000;
}
.revenues colgroup.title {
  background: #e6e6e6;
  color: #787878;
}
.revenues colgroup.total {
  background: #f5f5f5;
}
.revenues .last_data_column {
  padding-right: 10px;
  border-right: 2px solid #5a5a5a;
}
.revenues .last_totals_row td {
  border-bottom: 2px solid #5a5a5a;
}
.revenues td.total {
  color: #5a5a5a;
  font-weight: bold;
}
.revenues .film_header {
  text-align: left;
}
.revenues h2.film_title {
  display: inline;
}
/**** DATE SELECT FIELDS - in use by distributor_revenues ****/
.date_selector label {
  display: inline;
}

/**** STUDENT AMBASSADOR PAGE ****/
div.ambassador p {
  line-height: 24px;
  font-size: 22px;
  color: #787878;
}
div.ambassador h1 {
  margin-bottom: 16px;
  font-size: 23px;
  font-weight: bold;
  color: #ef4135;
}

div.ambassador div.apply {
  width: 856px;
  height: 40px;
  background: url(/images/bg_apply.gif) no-repeat top left;
}
div.ambassador div.apply a {
  display: block;
  width: 173px;
  height: 10px;
  padding: 15px 0;
  text-align: center;
  background: #244781;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
}
div.ambassador div.apply a:hover {
  background: #fff;
  color: #244781;
}

div.ambassador div.apply a span {
  display: inline-block;
  height: 13px;
  width: 8px;
  margin-left: 4px;
  position: relative;
  text-indent: -9000px;
  background: url(/images/bg_apply_arrow.png) no-repeat 0 0;
}

div.ambassador div.apply a:hover span {
  background: url(/images/bg_apply_arrow.png) no-repeat 0 -13px;
}

a.closed,
a.open {
  display: block;
  font-size: 30px;
  font-weight: bold;
  margin-top: 8px;
  color: #0faf2d;
  margin-bottom: 24px;
  padding-left: 32px;
  padding-top: 2px;
}
a.closed:hover,
a.open:hover {
  color: #787878;
}
div.faq a.closed {
  background: url(/images/faq_arrow_closed.png) no-repeat left center;
}
div.faq a.open {
  background: url(/images/faq_arrow_open.png) no-repeat left center;
}
div.ambassador div.faq div.details {
  padding-left: 32px;
}
div.faq div.details h4 {
  font-size: 18px;
  color: #666666;
}
div.faq div.details ul {
  margin-bottom: 24px;
  font-size: 14px;
  list-style-type: disc;
  padding-left: 13px;
}
div.faq div.details ul li {
  line-height: 24px;
  font-size: 16px;
  color: #666666;
}

div.ambassador div.faq div.details p {
  font-size: 16px;
  line-height: 24px;
  color: #666666;
}

/**** GARAGE ****/
body.garage {
  background-color: #464646;
}
body.garage #wrap {
  background-color: #464646;
}
body.garage #logo {
  background: url(/images/garage_logo.png) no-repeat top left;
  height: 32px;
}
body.garage #session_nav {
  color: #FFFF00;
}
body.garage #session_nav ul a {
  color: #fff;
}
body.garage #session_nav ul a:hover {
  color: #787878;
}
body.garage #main_nav {
  font-size: 12px;
}
body.garage #main_nav li {
  border-color: #464646;
}
body.garage #main_nav a {
  padding-left: 12px;
  padding-right: 12px;
}

body.garage #main_nav li.first a {
  padding-left: 8px;
}
.safari body.garage #main_nav li.first a {
  padding-left: 6px;
}
.win body.garage #main_nav li.first a {
  padding-left: 9px;
}
body.garage #main_nav li.last a {
  padding-left: 8px;
  padding-right: 7px;
}
.safari body.garage #main_nav li.last a {
  padding-left: 7px;
}
.win body.garage #main_nav li.last a {
  padding-left: 9px;
  padding-right: 9px;
}
.garage .yellow h1 {
  font-weight: bold;
  color: #323232;
  text-transform: uppercase;
}
.garage h4 {
  color: #ef4d37;
}
.garage h4.red {
  color: #fff;
  background: #ef4d37;
}


/**** 24 HOUR BERLIN ****/
#berlin24h h1 { /* This is primarily for 24hberlin */
  text-transform: none;
  line-height: 24px;
  font-weight: normal;
  font-size: 20px;
  margin-bottom: 16px;
}
#berlin24h img {
  display: block;
}


/**** LOGIN BANNER ****/
#intro_banner {
  color: #666;
  font-weight: bold;
}

.garage #intro_banner {
  margin-left: 4px;
  margin-right: 4px;
  width: 824px;
}

#intro_banner .description {
  float: left;
  width: 510px;
  font-size: 15px;
}
#intro_banner .signup_button {
  float: left;
  margin-top: 14px;
}
/* Make it line up with FB Connect button */
#intro_banner .signup_button .button { padding-top: 3px; padding-bottom: 3px; font-size: 13px; }
.ie7 #intro_banner .signup_button .button { padding-top: 2px; padding-bottom: 4px; }

#intro_banner .fb_connect_button {
  float: left;
  margin-top: 14px;
}

#hide_dismissible_mubi_switch
{
  background-color: #666 !important; color: #fff !important;
  font-weight: bold;
  font-size: 15px;
  border: 0;
  margin-bottom: 14px;
}

#hide_dismissible_mubi_switch .dismissible_message_padding { padding: 0px; }

#hide_dismissible_mubi_switch .dismiss { top: auto; bottom: 16px; right: 16px; z-index: 1000; }
#hide_dismissible_mubi_switch .dismiss a {
  display: inline-block;
  background-color: #299ecc;
  color: white;
  font-size: 11px;
  padding: 1px 8px 2px;
  text-transform: uppercase;
  font-weight: bold;
  height: 17px;
  line-height: 20px;
}

#hide_dismissible_mubi_switch a.button { color: white; }
#hide_dismissible_mubi_switch a.button:link { color: white; }
#hide_dismissible_mubi_switch a.button:visited { color: white; }
#hide_dismissible_mubi_switch a.button:active { color: white; }
#hide_dismissible_mubi_switch a.button:hover { color: white; }

/**** ADMIN FILM MEMBERSHIPS / CAST ****/
#membership_list h6 { float: left; margin-right: 8px; }

#membership_list .membership { clear: left; position: relative; }
#membership_list .membership.unsaved { background-color: #ef4135; }
#membership_list .membership div { float: left; margin-right: 8px; height: 24px; line-height: 24px; }
#membership_list .membership input,
#membership_list .membership select { width: 100%; }

#membership_list .draggable_column { }
#membership_list .credit_column    { width: 130px; margin-left: 30px; } /* Leave space for the draggable image */
#membership_list .id_column        { width: 60px; text-align: right; }
#membership_list .name_column      { width: 200px; }
#membership_list .role_column      { width: 200px; }
#membership_list .actions_column   { width: 100px; margin-right: 0; margin-left: 8px; }

#membership_list .actions_column a { text-transform: uppercase; font-weight: bold; padding-right: 8px;}
#membership_list .draggable_column img { position: absolute; top: 0; left: 0; }


/**** Forum ****/
/** Topics Index **/
div#forum div.filter { background: #299ecc; }
div#forum div.topic_summary {
  background: url(/images/bg_forum_topic.gif) repeat-y top left;
  margin-bottom: 1px;
}
div#forum div.topic_summary { overflow: hidden; /* Clearfix */ }
div#forum div.topic_summary div.title_column { float: left; width: 608px; padding: 8px 16px; }
div#forum div.topic_summary div.update_column { float: left; width: 184px; padding: 8px 16px; }

div#forum h2.topic_title span { text-transform: lowercase; font-weight: normal; }
div#forum h2.topic_title span.closed { color: #323232; text-transform: uppercase; font-weight: bold; }
div#forum div.creation_summary span { color: #8c8c8c; }

div#forum div.topic_summary a { text-transform: uppercase; }
div#forum div.topic_summary a.username { font-weight: bold; }

div#forum div.topic_summary a.last_post { color: #8c8c8c; }
div#forum div.topic_summary a.last_post:hover { color: #323232; }

div#forum div.topic_summary a.admin_edit_link { display: none; text-transform: none; font-weight: normal; }
div#forum div.topic_summary:hover a.admin_edit_link { display: inline; }

div#forum div.update_by { color: #8c8c8c; }

div#forum div.forum_guidelines { text-transform: uppercase; font-weight: bold; padding: 8px 16px; }
div#forum div.forum_guidelines span { text-transform: uppercase; color: #ff3200; }

div#forum span.missing_user { color: #323232; font-weight: bold; text-transform: uppercase; }

div#forum div.filter { padding: 8px 16px;}
div#forum .topic_breadcrumb { text-transform: uppercase; font-weight: bold; }
div#forum span.topic_breadcrumb { float: left; line-height: 20px; font-size: 14px; }

div#forum div.new_topic_button { float: right; }

/** Show Topic **/
div#forum div.topic_breadcrumb { font-size: 11px; }
div#forum h1.topic_title { color: #0faf2d; }

div#forum div.forum_comment {
  overflow: hidden; /* Clearfix */
  background: url(/images/bg_forum_comment.gif) repeat-y top left;
  margin-bottom: 1px;
}

div#forum div.forum_comment div.meta_column {
  width: 176px;
  padding: 16px;
  float: left;
  font-weight: bold;
  text-transform: uppercase;
}
div#forum div.forum_comment div.meta_column div.moderator {
  color: #0faf2d;
  text-transform: lowercase;
  font-weight: normal;
}
div#forum div.forum_comment div.text_column {
  width: 616px;
  padding: 16px;
  float: left;
}
div#forum textarea.comment_body {
  width: 612px;
  height: 200px;
  font-size: 12px;
}
div#forum input[type=text] {
  width: 300px;
}


div#forum div.text_column .moderated {
  color: #ddd;
  text-transform: uppercase;
}
div#forum div.forum_comment:hover a.flag {
  background-position: top left;
}
div#forum div.forum_comment a.flag:hover {
  background-position: bottom left;
}

.data_entry textarea {
  width: 808px;
  height: 126px;
  padding: 8px;
  font-size: 12px;
}
.data_entry label {
  font-weight: normal;
  margin-bottom: 8px;
}


/**** WALL POSTS ****/
.individual_wall_post .content,
.individual_wall_post .speech,
.individual_wall_post .by { float: left; }
.individual_wall_post .speech {
  background: url(/images/speech.gif) center right no-repeat;
  height: 64px;
  width: 26px;
}
.individual_wall_post .content { width: 546px; }
.individual_wall_post h1.about { margin-bottom: 16px; overflow: hidden; }
.individual_wall_post h1.about img {
  display: block;
  float: left;
  margin-right: 16px;
}
.individual_wall_post .content .body {
  font-size: 18px;
  line-height: 24px;
  color: #323232
}
.individual_wall_post .by { background-color: #fff; padding: 8px; }
.individual_wall_post .by { width: 235px; overflow: auto; }
.individual_wall_post .by .user_column { float: left; }
.individual_wall_post .by .user_remainder { float: right; width: 148px; }
.individual_wall_post .by h4 {
  float: none;
  margin: 0;
  padding: 0;
}

/* these styles are used for "favorite auteurs" and "favorite cast_members" */
.user_favorite_fannables div.filter { padding-left: 16px; }
.user_favorite_fannables div.filter_options a { color: #299ecc; padding-right: 8px; text-transform: lowercase; font-weight: bold; }
.user_favorite_fannables h1 { font-size: 20px; line-height: 24px; margin-bottom: 8px; }
.user_favorite_fannables h2.cast_member_name { font-size: 32px; line-height: 32px; margin-bottom: 8px;}
.user_favorite_fannables h3.cast_member_quote { font-size: 17px; line-height: 24px; font-weight: normal; color: #8c8c8c; margin-bottom: 8px; }
.user_favorite_fannables .inactive_tab { text-transform: uppercase; font-weight: bold; margin-top: 4px; }
.user_favorite_fannables .inactive_tab a { color: #299ecc; margin-left: 16px;}
.user_favorite_fannables .inactive_tab a:hover { font-weight: bold; color: #787878; margin-left: 16px;}


/**** Twitter Lists ****/
#twitter_lists h1 { font-size: 20px; line-height: 24px; margin-bottom: 8px; }
#twitter_lists h2.cast_member_name { font-size: 32px; line-height: 32px; margin-bottom: 8px;}
#twitter_lists h3.cast_member_quote { font-size: 17px; line-height: 24px; font-weight: bold; color: #0faf2d; margin-bottom: 8px; }


/**** World Cup ****/
#worldcup h1 { font-size: 20px; line-height: 24px; margin-bottom: 8px; color: #ef4135; }

.film_mosaic .item { width: 135px; height: 76px; margin-right: 2px; }
.film_mosaic .row { margin-bottom: 2px; }


/**** STAGED FILMS ADMIN ****/
tr.unpublished td, div.legend strong.unpublished {
  background-color: #ffd8cc;
}


/**** SUGGESTED FILMS ADMIN ****/
#suggested_films .legend { margin-top: 16px; }
#suggested_films .legend ul { margin-bottom: 0; }
#suggested_films .legend ul strong { padding: 1px; }
#suggested_films .staged, #suggested_films .staged td, h1.suggested_film.staged {
  background-color: #d2ffcc;
}
#suggested_films .pending, #suggested_films .pending td, h1.suggested_film.pending {
  background-color: #fffbcc;
}
#suggested_films .warnings, #suggested_films .warnings td, h1.suggested_film.warnings {
  background-color: #ffd8cc;
}
#suggested_films .failed, #suggested_films .failed td, h1.suggested_film.failed {
  background-color: #f00; color: #fff;
}
#suggested_films table img { vertical-align: middle; }
body.popup h1.suggested_film { padding: 4px; }
body.popup h1.staged_film_to_compare { color: #299ecc; }
body.popup h1.staged_film_to_compare span { font-size: 12px; color: #323232; text-transform: none; }
body.popup h1.staged_film_to_compare span span.suggested_film { color: #0FAF2D; text-transform: uppercase; }

div.errorExplanation.potential_matches h2 {
  background-color: #299ecc;
}

/**** TRANSLATION REVISIONS ADMIN ****/
#revision_dialog .languages { /*border-right: 1px solid #ccc;*/ }
#revision_dialog a.icon.active { background-position: bottom left; }
#revision_dialog a.pick { background-image: url(/images/icons/thumbs_up_roll.png); margin-left: 4px; margin-bottom: 4px; }
#revision_dialog a.reject { background-image: url(/images/icons/thumbs_down_roll.png); }
#revision_dialog h1.title { margin-bottom: 18px; }
#revision_dialog h2.best_candidate { color: #ef4135;}
#revision_dialog .baseline {/* margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #ccc;*/}
#revision_dialog .film_still { float: left; width: 300px; }
#revision_dialog .metadata { float: left; width: 350px; margin-left: 24px; }
#revision_dialog .languages { color: #999; margin-bottom: 18px;}
#revision_dialog .candidate { margin-bottom: 18px; padding-bottom: 18px; }
#revision_dialog .picked { background-color: #eee; }
#revision_dialog .rejected, #revision_dialog .reviewed { opacity: 0.5; }
#revision_dialog .current { border-bottom: 1px solid #ccc; }
#revision_dialog .status_actions { margin: 18px 0px 0px 0px; text-transform: uppercase;}
#revision_dialog .notice { background:#FFF6BF; color:#514721; border-color:#FFD324; padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }
#revision_dialog .publish { margin-top: 18px; }
#revision_dialog .go_back { float: right; width: 200px; text-align: right; }
#films_with_unread td, #films_with_unread th { padding: 2px 0px 0px 12px; }
#films_with_unread .has_translation { background-color: #eee; opacity: 0.5; }
/**** BEST OF THE DECADE ****/
#best_of_the_decade .header_block {
  background-color: #438bba;
  color: white;
  padding: 24px;
}
#best_of_the_decade .header_block h1 {
  font-size: 68px;
  line-height: 64px;
  color: #fbe920;
  width: 554px;
  float: right;
}
#best_of_the_decade .header_block h2 {
  font-size: 24px;
  line-height: 32px;
}
#best_of_the_decade .header_block h2 .lists_label { color: #bddbdf; }
#best_of_the_decade .header_block h2 .images_label { color: #d4d4d4; }
#best_of_the_decade .header_block h2 .posters_label { color: #a5b578; }

#best_of_the_decade .one_third_column {
  width: 284px;
  margin-right: 2px;
  float: left;
}
#best_of_the_decade .one_third_column h2 {
  background: #fff;
  line-height: 24px;
  padding-left: 16px;
}
#best_of_the_decade .one_third_column img {
  display: block;
  background-color: #e64f2c;
}
#best_of_the_decade .image_of_the_decade_link a, #best_of_the_decade .poster_of_the_decade_link a {
  display: block;
  height: 87px;
  padding: 16px;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
}
#best_of_the_decade .image_of_the_decade_link a:hover, #best_of_the_decade .poster_of_the_decade_link a:hover { color: #aaa; }
#best_of_the_decade .image_of_the_decade_link {
  margin-bottom: 2px;
  background-color: #e64f2c;
}
#best_of_the_decade .poster_of_the_decade_link {
  background-color: #b30076;
}

#best_of_the_decade .top10_list {
  position: relative;
}
#best_of_the_decade .top10_list h2 {
  padding: 24px;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 1px;
  background: #fff;
  color: #299ecc;
}
#best_of_the_decade .top10_list h2 a {
  display: block;
  float: right;
  background: #0faf2d;
  color: white;
  font-size: 11px;
  line-height: 12px;
  font-weight: normal;
  padding: 6px 6px 4px;
}
#best_of_the_decade .top10_list h2 a:hover { color: #aaa; }
#best_of_the_decade .top10_list ol {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 0;
  padding: 8px;
  background: #fff;
  text-transform: uppercase;
  font-weight: bold;
}
#best_of_the_decade .top10_list ol li { clear: left; }
#best_of_the_decade .top10_list ol span {
  color: #ccc;
  float: left;
  width: 40px;
}
#best_of_the_decade .top10_list ol a {
  display: block;
  float: left;
  width: 336px;
  color: #323232;
}
#best_of_the_decade .top10_list ol a:hover { color: #299ecc; }
#best_of_the_decade .top10_list a.see_all {
  position: absolute;
  bottom: 24px;
  right: 24px;
}

#best_of_the_decade .best_category {
  width: 171px;
  float: left;
}
#best_of_the_decade .best_category.asian { width: 172px; }
#best_of_the_decade .best_category h2 a {
  display: block;
  font-size: 14px;
  padding: 4px 16px 24px;
}
#best_of_the_decade .best_category img {
  display: block;
  width: 171px;
  height: 96px;
}
#best_of_the_decade .best_category.documentaries h2 a { color: #fff; background: #213234; }
#best_of_the_decade .best_category.documentaries h2 a:hover { color: #aaa; }
#best_of_the_decade .best_category.documentaries img { background-color: #e64f2c; }
#best_of_the_decade .best_category.popular h2 a { color: #fff; background: #458291; }
#best_of_the_decade .best_category.popular h2 a:hover { color: #aaa; }
#best_of_the_decade .best_category.popular img { background-color: #b30076; }
#best_of_the_decade .best_category.american h2 a { color: #323232; background: #b2dbe1; }
#best_of_the_decade .best_category.american h2 a:hover { color: #787878; }
#best_of_the_decade .best_category.american img { background-color: #e64f2c; }
#best_of_the_decade .best_category.european h2 a { color: #323232; background: #f7fee5; }
#best_of_the_decade .best_category.european h2 a:hover { color: #787878; }
#best_of_the_decade .best_category.european img { background-color: #b30076; }
#best_of_the_decade .best_category.asian h2 a { color: #323232; background: #a1b675; }
#best_of_the_decade .best_category.asian h2 a:hover { color: #787878; }
#best_of_the_decade .best_category.asian img { width: 172px; background-color: #e64f2c; }

#best_of_the_decade a.green_link {
  display: block;
  padding: 16px;
  color: white;
  background-color: #0faf2d;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 8px;
}
#best_of_the_decade a.green_link:hover { color: #aaa; }
#best_of_the_decade li.odd { color: #8c8c8c; }
#best_of_the_decade li.even { }



/**** ABOUT PAGES ****/
ul#about_nav li { display: inline; padding-right: 20px; text-transform: uppercase; }
ul#about_nav li a { color: #323232; font-size: 16px; font-weight: bold; }
ul#about_nav li a:hover, ul#about_nav li a.active { color: #787878; }

/* Index */
dl.dictionary_definition { font-size: 15px; line-height: 20px; }
dl.dictionary_definition dt { font-weight: bold; }

/* Multiple Pages */
div#about h1 { font-size: 20px; text-transform: none; line-height: 32px; margin-bottom: 16px; }
div#about h2 { font-size: 16px; text-transform: none; }
div#about h3 { font-size: 14px; text-transform: none; font-weight: bold; margin-bottom: 4px; }

/* Press */
div#about ol.press { line-height: 20px; margin-bottom: 0; list-style-type: decimal; padding-left: 24px; }

/* Partners */
div#about div.partnerblock { float: left; margin-bottom: 160px; width: 280px;}
div#about div.partnerblock span { display: none; }
div#about div.partnerblock a.celluloid { margin-top: 10px; margin-bottom: 11px; float: left; display: block; width: 70px; height: 22px; background: url(/images/about/celluloiddreams.gif) no-repeat; }
div#about div.partnerblock a.criterion { float: left; margin-bottom: 11px; display: block; width: 31px; height: 32px; background: url(/images/about/criterion.gif) no-repeat; }
div#about div.partnerblock a.costa { margin-top: 6px; margin-bottom: 11px; float: left; display: block; width: 85px; height: 26px; background: url(/images/about/costa.gif) no-repeat; }

div#about div.partnerblock h3 { text-transform: uppercase; font-weight: bold; font-size: 12px; padding: 13px 0; border-top: 1px solid #c6c6c6; }
div#about div.partnerblock h3 a { color: #323232; }
div#about div.partnerblock p { padding-right: 30px; }

/* Contact */
div#about div#contact h1 { margin-bottom: 0; }
div#about div#contact p.large { font-size: 15px; margin-bottom: 91px; }

/** TOUR **/
div#tour ul.fullscreen_tour { position: relative; margin: 26px 0 15px 225px; width: 349px; height: 306px; background: #fff url(/images/about/tour_fullscreen.jpg) no-repeat; }
div#tour ul.fullscreen_tour li { position: absolute; text-align: center; width: 130px; }
div#tour ul.fullscreen_tour li a { font-size: 16px; font-weight: bold; text-transform: uppercase; }
div#tour ul.fullscreen_tour li.watch { top: -18px; left: 118px; }
div#tour ul.fullscreen_tour li.discuss { top: 103px; right: -38px; }
div#tour ul.fullscreen_tour li.discover { top: 103px; left: -64px; }

div#tour ul.tournav { float: left; display: block; width: 234px; height: 36px; background: url(/images/about/tour_navigation.jpg) no-repeat;}
div#tour ul.tournav li { display: inline; margin-right: 33px; }
div#tour ul.tournav li.last { display: inline; margin-right: 0; }
div#tour ul.tournav li a { color: #787878; font-weight: bold; text-transform: uppercase; }
div#tour ul.tournav li a.active,
div#tour ul.tournav li a:hover { color: #299ECC; }

div#tour div.media_column { width: 448px; margin-right: 16px; float: left; clear: both; }
div#tour div.copy_column { width: 360px; float: left; }

div#tour h1 { float: right; width: 360px; font-weight: bold; text-transform: none; padding: 25px 0 32px 0; }
div#tour h4 { font-size: 13px; text-transform: uppercase; color: #323232; }



/**** OSCARS 2010 ****/
div#oscars img.header_image { display: block; } /* Maybe this should be a standard style? */
div#oscars h1 { background: #0faf2d; color: #fff; padding: 4px 16px 2px; }
div#oscars p.instructions { font-weight: bold; font-size: 15px; }

div#oscars .fb_share_count_wrapper { margin-right: 16px; } /* Can this be generalized? */

div.poll_question h2 { color: #0faf2d; font-size: 13px; font-weight: bold; text-transform: uppercase; margin-bottom: 8px; }
div.poll_question { margin-bottom: 24px; }

/* Poll question label is used both on poll form and results page */
div.poll_question span.label_wrap span.title { display: block; text-transform: uppercase; font-weight: bold; }

div.fieldWithErrors div.poll_question h2 { color: #f02d32; }
div.fieldWithErrors div.poll_question label { color: #323232; }
div.poll_question .choices label { font-weight: normal; clear: left; }
div.poll_question .choices label input { float: left; }
div.poll_question .choices label span.label_wrap { display: block; margin-left: 28px; padding-top: 2px; }

div.poll_question .results table { border: none; width: auto; }
div.poll_question .results table td { border: none; vertical-align: middle; width: 200px; padding-bottom: 4px; }
div.poll_question .results table td.bargraph { width: 132px; }
div.poll_question .results table td.bargraph span.votegraph img { float: left; }
div.poll_question .results table td.bargraph span.votecount { position: absolute; padding-left: 5px; font-weight: bold; }
div.poll_question .results table td.bargraph span.votecount.green { color: #0faf2d; }
div.poll_question .results table td.bargraph span.votecount.gold { color: #d5ab2a; }

/* Distributor */
.spotlight div.distributor_logo { width: 180px; }
.spotlight div.distributor_description { background: #C9D787; }
.spotlight div.distributor_description p { margin-top: 16px; }


/* Film Page */
.content .full_media_col2 .distributor { margin-left: 8px; float: right; }

/* Embed Dialog styles */
div.preview_block { float: left; width: 400px; border-left: dotted 1px #ccc; padding-left: 23px; }
div.preview_info ul { margin-top: 12px; list-style: none; margin-left: 0; padding-left: 0;}
div.preview_info ul li { color: #333; padding-left: 24px; }
div.preview_info li.size_restriction { display:none;  background: url('/images/icons/resize_16.png') no-repeat 0 0; }
div.preview_info li.full_height { display:none; background: url('/images/icons/navigation_vertical_16.png') no-repeat 0 0; }
div.preview_info li.full_width { display: none; background: url('/images/icons/navigation_horizontal_16.png') no-repeat 0 0; }
div.auteurs_list_widget { /*float: left;*/ width: 400px; }
div.widget_info {}
div.customize_options { float: left; margin-right: 8px; width: 220px; }

#embedder h1 { margin-bottom: 16px; }
#embedder h2 { color: #323232; font-size: 12px; margin-bottom: 8px; }
#embedder h3 { text-transform: uppercase; font-weight: bold; color: #323232; margin-bottom: 4px; }
#embedder textarea { width: 650px; height: 85px; margin-bottom: 16px; }
#embedder li { list-style-type: none; }
#embedder label { font-weight: normal; display: inline; }

#embedder a.closebutton {
  float: right;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #3C3C3C;
  padding-top: 2px;
  line-height: 1em;
}

#embedder #colors { margin-bottom: 16px; }
#embedder #color_swatches { display: inline; }
#embedder .swatch { float: left; width: 16px; height: 16px; margin-right: 4px; cursor: pointer; overflow: hidden; }

#embedder #advanced { display: none; }
#embedder #advanced_title { cursor: pointer; }

#translate #errors { margin-bottom: 16px; }
#translate textarea { width: 530px; height: 64px; padding: 8px; font-size: 12px; }
#translate .counter { float: right; color: #8c8c8c; font-size: 16px; font-weight: bold; margin-right: 24px; }
.ie7 #translate .counter { margin-top: -16px; }
#translate .translate-actions { margin-left: 96px; }


/**** NOTEBOOK NEWDESIGN ****/
/** POST **/
div.post {
  position: relative;
  margin-left: 80px;
}
div.post div.share_links { float: right; }
div.post .published_date span {
  position: absolute;
  left: -80px;
  font-size: 60px;
  line-height: 56px;
}
div.post .published_date {
  color: #299ECC;
  font-weight: bold;
  font-size: 30px;
  line-height: 30px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
div.post .type {
  float: right;
  font-size: 14px;
  text-transform: uppercase;
}
div.post h1 {
  font-size: 21px;
  line-height: 24px;
  font-weight: normal;
}
div.post h2.author {
  font-size: 12px;
  font-weight: normal;
  text-transform: none;
}
div.post h2.author span { color: #8C8C8C; }
div.post div.body { margin: 16px 0; }
div.post h3.categories { font-weight: bold; }
div.post h3.categories span { font-size: 16px; color: #323232; }
div.post .comment_count { float: right; font-size: 16px; font-weight: bold; }

/** BLOG POST PAGINATION **/
div.post_pagination {
  height: 16px;
  margin: 8px 0;
}
div.post_pagination a {
  float: right;
  margin-left: 32px;
  font-weight: bold;
  color: #323232;
  font-size: 18px;
  height: 16px;
  text-transform: uppercase;
}
div.post_pagination a:hover {
  color: #787878;
}
div.post_pagination a.prev_page {
  background: url(/images/arrow_left.png) no-repeat center left;
  padding-left: 12px;
}
div.post_pagination a.next_page {
  background: url(/images/arrow_right.png) no-repeat center right;
  padding-right: 12px;
}
div.post_pagination .disabled {
  display: none;
}

/** BLOG POST COMMENTS **/
div.post_comments {
  margin-left: 80px;
}
div.post_comments h2 {
  color: #0FAF2D;
  font-size: 16px;
  margin-bottom: 16px;
}
div.post_comments .comment .body {
  margin: 16px 0 32px;
}
div.post_comments .comment.ta_author {
  padding-left: 25px;
  margin-left: -25px;
  background: url(/images/icons/auteurs_gray.gif) top left no-repeat;
}
div.post_comments .comment_form {
  margin-top: 48px;
}
div.post_comments .comment_form textarea {
  width: 612px;
  height: 200px;
}



/**** OAUTH FORM ****/
#oauth_form .content {
  padding: 32px;
  text-align: center;
}
#oauth_form h1 {
  color: #0faf2d;
  margin-bottom: 8px;
  text-align: center;
}
#oauth_form h2 {
  font-size: 24px;
  margin-bottom: 16px;
}
#oauth_form h3 {
  font-weight: bold;
  font-size: 16px;
}



/**** CANNES A LA FLIP ****/
#cannes_competition h1 {
  width: 856px;
  height: 84px;
  text-indent: -9999px;
  background-image: url(/images/features/cannes-competition-2010/title.png);
  margin-bottom: 2px;
}
#cannes_competition h1 a {
  display: block;
  width: 856px;
  height: 84px;
}
#cannes_competition h2.description {
  color: #fff;
  background: #3c3c3c;
  padding: 8px 16px;
  text-transform: none;
  font-size: 17px;
  line-height: 25px;
  font-weight: normal;
}

/* Share Icons */
#cannes_competition div.share a {
  position: absolute;
  width: 35px;
  height: 35px;
  background-position: top left;
  background-repeat: no-repeat;
}
#cannes_competition div.share a.fb {
  top: 16px;
  right: 16px;
  background-image: url(/images/features/cannes-competition-2010/fb_icon.png);
}
#cannes_competition div.share a.twitter {
  top: 16px;
  right: 59px;
  background-image: url(/images/features/cannes-competition-2010/twitter_icon.png);
}

#cannes_competition div.step {
  padding-left: 32px;
  background: 0 10px no-repeat url(/images/features/cannes-competition-2010/down_tri.png);
  margin-bottom: 32px;
}
#cannes_competition div.step h2 {
  font-size: 30px;
  line-height: 40px;
  text-transform: none;
}
#cannes_competition div.step h3 {
  font-size: 20px;
  line-height: 40px;
  text-transform: none;
  font-weight: bold;
}
#cannes_competition div.step p {
  font-size: 20px;
  line-height: 32px;
}

#cannes_competition div.step.disabled {
  background: 5px 5px no-repeat url(/images/features/cannes-competition-2010/right_tri.png);
}
#cannes_competition div.step.disabled:hover {
  background-image: url(/images/features/cannes-competition-2010/right_tri_roll.png);
}
#cannes_competition div.step.disabled h2, #cannes_competition div.step.disabled h3 { color: #aaa; }
#cannes_competition div.step.disabled:hover h2, #cannes_competition div.step.disabled:hover h3 { color: #323232; }
#cannes_competition div.step.disabled p { display: none; }

#cannes_competition label {
  color: #0FAF2D;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 32px;
}
#cannes_competition textarea {
  width: 700px;
}
#cannes_competition div.fieldWithErrors input, #cannes_competition div.fieldWithErrors textarea {
  border: 1px solid #7C7C7C;
}
#cannes_competition p.error {
  color: red;
}
#cannes_competition ul.sponsors li {
  float: right;
  margin-left: 16px;
}


/* BEGIN WATCH PAGE STYLES */
#vod #pricing .content_description {
  font-weight: bold;
  padding: 0 8px 0 16px;
}

#vod #pricing .content_description .left {
  font-size: 14px;
  text-transform: uppercase;
}

#vod #pricing .content_description .right {
  font-size: 12px;
}

#vod #pricing .content {
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}

#vod #pricing .content dl dt {
  width: 80px;
  float: left;
}

#vod #pricing .content dl dd {
  width: 30px;
  float: right;
  color: #0FAF2D;
  margin-right: 50px;
}

#vod #pricing .content .free {
  clear: both;
  color: #0FAF2D;
  padding-top: 5px;
}

#vod #featured .content, #vod #featured h4 {
  background-color: #0FAF2D;
}

#vod #featured, #vod #featured h4, #vod #featured a {
  color: #ffffff;
}

#vod #featured .featured_content div.description {
  width: 286px;
  float: left;
}

#vod #featured .featured_content div.media {
  width: 306px;
  float: left;
}

#vod #featured .featured_content h2.film_title a {
  font-size: 16px;
}

#vod #featured .film_title, #vod #featured .film_director {
  margin-bottom: 20px;
}

#vod #featured .featured_content div.media {
  margin-bottom: 0px;
}

#vod #featured .featured_content div.media .player {
  margin-top: -16px;
  margin-left: 2px;
}

#vod #featured .featured_content div.media .watch_link {
  float: left;
}

#vod #featured .featured_content div.media .watch_link span.cost {
  color: #ffffff;
}

#vod #featured .featured_content div.media .media_navigation {
  margin-top: 16px;
  float: right;
  position: relative;
  top: 0;
  right: 0;
}

#vod div#films {
  margin-bottom: 0px;
}

#vod div#films .row .item {
  width: 192px;
}

#vod div.filter {
  padding: 0 0;
  background-color: transparent;
  margin-bottom: 0px;
}

#vod div.filter ul.filter_categories li label{
  text-transform: lowercase;
  margin-top: 0px;
}

#vod div#genres .content {
  overflow: hidden; /* Clearfix */
  margin-bottom: 8px;
  padding: 0 16px;
  background: url(/images/dark_grey_nav.gif) repeat;
  line-height: 32px;
}

#vod #genres .content ul li {
  float: left;
  margin-right: 20px;
  font-size: 11px;
  text-transform: uppercase;
}

#vod div#genres h4 {
  background-color: #666666;
}

#vod div#genres .content a {
  color: #ffffff;
}

#vod div#genres h4, #vod div#genres .content a.active, #vod div#genres .content a:hover {
  color: #F7D837;
}

#vod div#cinemas h4 {
  background-color: #464646;
  color: #ffffff;
}

#vod div#cinemas .cinema {
  background-color: #787878;
  margin-bottom: 1px;
  overflow: hidden;
}
#vod div#cinemas .content {
  padding: 0;
}

/* BEGIN DEPRECATED TEMP NOTEBOOK STYLES */
div.entries { float: left; padding: 0 16px 15px 35px; _padding: 0 16px 0 35px;width: 789px; background: #fff; }
div.entries div.dateheader { float: left; width: 789px; position: relative;}
div.entries div.dateheader h3 { padding: 10px 0 13px 0; _padding: 10px 0 25px 0; float: left; text-transform: uppercase; color: #299ECC; font-weight: bold; font-size: 30px; }
div.entries div.dateheader h3 span { position: relative; top: 21px; font-size: 60px; padding-right: 6px; }
div.entries div.dateheader p { float: right !important; font-size: 14px; text-transform: uppercase; color: #299ECC; margin-top: 20px; }
div.entries div.entry div.title { float: left; _float: none; margin-left: 71px; margin-bottom: 25px; }
div.entries div.entry div.title h4 { font-weight: normal; margin-top: 1px; color: #299ECC; font-size: 21px; text-transform: uppercase; line-height: 1em;}
div.entries div.entry div.title p { color: #299ECC; font-size: 12px; margin: 0; }
div.entries div.entry div.title p span { color: #8c8c8c; }
div.entries div.entry div.body { float: right; width: 718px; position: relative; }
div.entries div.entry div.body p { margin-bottom: 15px; }
div.entries div.entry div.body p.caption { line-height: 1em; font-size: 11px; margin-top: -10px; }
div.entries div.entry div.body.news p { font-size: 21px; }
div.entries div.entry div.body a { font-weight: bold; }
div.entries div.entry div.body img { margin-bottom: 15px; }

div.entries div.entry div.body blockquote.red {
	font-size: 36px;
	color: #F02D32;
	line-height: 1em;
	margin-bottom: 15px;
}

div.entries div.entry div.body blockquote.red span { position: absolute; left: -16px;}
div.entries div.entry div.body p.quotecredit { text-align: right; font-size: 16px; color: #323232; margin-right: 11px; margin-bottom: 0; }

h2.relatedfilms { display: block; margin: 16px 0 0 0; padding: 5px 0 3px 16px; color: #515151; background: #d2d2d2; text-transform: uppercase; font-size: 12px; }
div.entries div.entry div.body div.notebook_relatedfilms { float: right; _float: none; width: 620px; background: #f0f0f0; padding: 28px 49px 20px 49px;}
div.entries div.entry div.body div.notebook_relatedfilms div.row { float: left; width: 620px; margin-bottom: 20px; }
div.entries div.entry div.body div.notebook_relatedfilms div.row.lastrow { margin-bottom: 0; }
div.entries div.entry div.body div.notebook_relatedfilms div.film { float: left; width: 160px; position: static !important; margin-right: 68px; }
div.entries div.entry div.body div.notebook_relatedfilms div.film.last { margin-right: 0;}
div.entries div.entry div.body div.notebook_relatedfilms div.film strong { text-transform: uppercase; }
div.entries div.entry div.body div.notebook_relatedfilms div.film p { margin-bottom: 0;}

div.entries div.entry div.body div.starrating { margin-bottom: 20px; }

div.entries div.entry div.body div.movie { width: 669px; padding: 24px 0 24px 49px; background: #e6e6e6; margin-bottom: 15px; }
div.entries div.entry div.body div.movie div.player img { margin: 0; }

div.entries div.entry div.body ul.conversation { margin: 35px 0 0 0; padding: 0; }
div.entries div.entry div.body ul.conversation li { color: #323232; }
div.entries div.entry div.body ul.conversation li span.label { text-transform: uppercase; font-weight: bold; }
div.entries div.entry div.body a.comments { float: right; padding-top: 10px; font-size: 16px; font-weight: bold; }

div.notebook_pagination { width: 840px; }
div.notebook_pagination ul { float: right; margin: 15px 0; }
div.notebook_pagination ul li { display: inline; }

div.notebook_pagination ul li a {
	float: left;
	font-weight: bold;
	color: #282828;
	font-size: 18px;
	height: 20px;
	text-transform: uppercase;
}

div.notebook_pagination ul li a.older {
	background: url(../../newimages/bg_rightarrow.gif) no-repeat 132px 4px;
	padding-right: 12px;
	margin-left: 43px;
}

.mac.ff3 div.notebook_pagination ul li a.older {
	background: url(../../newimages/bg_rightarrow.gif) no-repeat 132px 2px;
}

div.notebook_pagination ul li a.newer {
	background: url(../../newimages/bg_leftarrow.gif) no-repeat 1px 4px;
	padding-left: 13px;
}

.mac.ff3 div.notebook_pagination ul li a.newer {
	background: url(../../newimages/bg_leftarrow.gif) no-repeat 0 2px;
}

div.notebook_pagination ul li a.prev {
	background: url(../../newimages/bg_leftarrow.gif) no-repeat -1px 4px;
	padding-left: 12px;
	margin-right: 43px;
}

.mac.ff3 div.notebook_pagination ul li a.prev {
	background: url(../../newimages/bg_leftarrow.gif) no-repeat -1px 2px;
}

div.notebook_pagination ul li a.next {
	background: url(../../newimages/bg_rightarrow.gif) no-repeat 105px 4px;
	padding-right: 11px;
}

.mac.ff3 div.notebook_pagination ul li a.next {
	background: url(../../newimages/bg_rightarrow.gif) no-repeat 105px 2px;
}

div#commentwidget { float: left; width: 534px; }

div#commentwidget div.commentexcerpt {
	margin: 0;
	padding: 15px 15px 0 15px;
	background: #fff;
	width: 504px;
}

div#commentwidget div.commentexcerpt.last { padding: 15px 15px; margin-bottom: 6px; }
div#commentwidget div.commentexcerpt h3.bluethick span { text-transform: lowercase; color: #646464; }
div#commentwidget div.commentexcerpt p { font-size: 11px; color: #8c8c8c; text-transform: none; margin: 0; padding: 0;}
div#commentwidget div.commentexcerpt p a { font-size: 11px; color: #299ECC; }
div#commentwidget div.commentexcerpt p.date { color: #646464; font-size: 14px; font-weight: bold; text-transform: uppercase;}
div#commentwidget div.commentexcerpt p.date span { color: #969696;}

div#notebook_reviewwidget { float: right; width: 300px; }
div#notebook_reviewwidget div.count { width: 270px; }
div#notebook_reviewwidget div.count p.display { margin: 0; padding: 0; width: 170px; float: left; display: inline; }
div#notebook_reviewwidget div.count p.actions { width: 100px; }

div#notebook_reviewwidget div.notebook_review {
	margin: 0;
	padding: 15px 15px 0 15px;
	background: #fff;
	width: 270px;
}

div#notebook_reviewwidget div.notebook_review.last { padding: 15px 15px; margin-bottom: 6px; }
div#notebook_reviewwidget div.notebook_review h3.bluethick span { text-transform: lowercase; color: #646464; }
div#notebook_reviewwidget div.notebook_review p { font-size: 11px; color: #8c8c8c; text-transform: none; margin: 0; padding: 0;}
div#notebook_reviewwidget div.notebook_review p a { font-size: 11px; color: #299ECC; }
div#notebook_reviewwidget div.notebook_review p.date { color: #646464; font-size: 14px; font-weight: bold; text-transform: uppercase;}
div#notebook_reviewwidget div.notebook_review p.date span { color: #969696;}

/* NEW NOTEBOOK - SINGLE ***************************************/

div.entries div.entry div.body p.categories { color: #299ECC; font-weight: bold; padding-top: 16px; margin: 0; }
div.entries div.entry div.body p.categories span { font-size: 16px; color: #323232; }

div.notebook_comments { float: left; padding: 28px 16px 15px 105px; width: 719px; background: #fff; }
div.notebook_comments h2 { color: #0FAF2D; font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: 16px; }
div.notebook_comments p a { font-weight: bold; }
div.notebook_comments div.commentblock { margin-bottom: 17px; width: 650px; }
div.notebook_comments div.commentblock.author { padding-left: 25px; margin-left: -25px; background: url(../../newimages/icon_auteurslogo.gif) top left no-repeat; }
div.notebook_comments div.commentblock p { margin-bottom: 12px; }
div.notebook_comments div.commentblock p.username,
div.notebook_comments div.commentblock p.timestamp { margin: 0; }
div.notebook_comments div.commentform { float: left; margin-top: 8px; }
div.notebook_comments div.fieldblock label { font-weight: bold; text-transform: uppercase; font-size: 14px; }
div.notebook_comments div.fieldblock textarea { border: 1px solid #bfbfbf; width: 374px !important; height: 129px; margin: 16px 0 11px 0 !important; }
div.notebook_comments div.submit { width: 719px !important; }
/* END DEPRECATED TEMP NOTEBOOK STYLES */

/** ADMIN Age Rating Styles **/
#age_rating_actions div { margin-bottom: 8px; }
#age_rating_actions h2 { margin-bottom: 2px; }
#age_rating_actions input { vertical-align: bottom; position: relative; top: -3px; margin-right: 8px; }
#age_rating_actions fieldset { margin-top: 16px; }
#age_rating_actions p { margin-bottom: 0; }

div.imdb_age_ratings { margin: 16px 0; background-color: #eee; }

#age_rating_actions #selections input,
#age_rating_actions #selections label,
#age_rating_actions #selections a { display: block; float: left; padding-right: 12px; }

#age_rating_actions #rate_multiple input,
#age_rating_actions #rate_multiple label,
#age_rating_actions #rate_multiple a { display: block; float: left; padding-right: 12px; }

#age_rating_form input[type=submit] { margin: 8px 0px; }

/** Create / Edit Admin::Ps3FeaturedItem **/
#ps3_feature div.locale_group { margin: 8px 0; }
#ps3_feature div.locale_group h3 a:before, .edit_ps3_featured_item div.locale_group h3 a:before { content: ' +'; }
#ps3_feature div.locale_group.expanded h3 a:before { content: ' -'; }
#ps3_feature div.locale_group fieldset { display: none; }
#ps3_feature div.locale_group.expanded fieldset { display: block; }
#ps3_feature div.locale_group fieldset textarea { height: 72px; }
#ps3_feature div.locale_group fieldset textarea,
#ps3_feature div.locale_group fieldset input { width: 96%; font-size: 14px; margin-bottom: 16px; }
#ps3_feature .switch_item_types { margin-left: 64px; text-transform: uppercase; font-weight: bold; }

#ps3_feature #selected_director { font-size: 24px; text-transform: uppercase; }
#ps3_feature .autocomplete_label { margin-top: 18px; }

div.feature_section { margin-bottom: 16px; }
a.feature_title { font-size: 48px; line-height: 64px; }