/*
 * scaffold.css is provided by Rails by default.  I've renamed it
 * custom_scaffold.css and gotten rid of as much as possible since we're
 * using Blueprint.  The rest is used by Rails to properly highlight
 * error messages, etc.
 */

.fieldWithErrors {
  padding: 2px;
  background-color: red;

  /*
   * I'm trying to fix the weird linebreak stuff that happens when Rails throws
   * a div around the elements.  This used to be:
   *
   *   display: table;
   */
  display: inline-table;
}

.fieldWithErrors label {
  margin: 0 0.5em 0 0;
  color: #fff;
}

.fieldWithErrors input {
  margin: 0;
}

#errorExplanation {
  width: 95%;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(/images/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(/images/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */


.asmContainer {
	/* container that surrounds entire asmSelect widget */
}

.asmSelect {
	/* the newly created regular 'select' */
	display: inline; 
}

.asmOptionDisabled {
	/* disabled options in new select */
	color: #999; 
}

.asmHighlight {
	/* the highlight span */
	padding: 0;
	margin: 0 0 0 1em;
}

.asmList {
	/* html list that contains selected items */
	margin: 0.25em 0 1em 0; 
	position: relative;
	display: block;
	padding-left: 0; 
	list-style: none; 
}

.asmListItem {
	/* li item from the html list above */
	position: relative; 
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	background: #ddd;
	border: 1px solid #bbb; 
	width: 100%; 
	margin: 0 0 -1px 0; 
	line-height: 1em;
}

.asmListItem:hover {
	background-color: #e5e5e5;
}

.asmListItemLabel {
	/* this is a span that surrounds the text in the item, except for the remove link */
	padding: 5px; 
	display: block;
}

.asmListSortable .asmListItemLabel {
	cursor: move; 
}

.asmListItemRemove {
	/* the remove link in each list item */
	position: absolute;
	right: 0; 
	top: 0;
	padding: 5px; 
}


body {
  background: #fff;
  color: #000;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 76%;
}

h2, h3, h4, h5, h6, p {
  padding: 0px 10px;
}

h2, h3, h4 {
  margin-top: 6px;
}

h1 { line-height: 1;    margin-bottom: 0.25em;                    font-family: Georgia, "Times New Roman", Times, serif; }
h2 {                    margin-bottom: 0.25em; font-size: 2.25em; font-family: Georgia, "Times New Roman", Times, serif; }
h3 { line-height: 1;    margin-bottom: 0.25em; font-size: 1.8em;  font-family: Georgia, "Times New Roman", Times, serif; }
h4 { line-height: 1.25; margin-bottom: 0.25em; font-size: 1.5em;  font-family: Georgia, "Times New Roman", Times, serif; }
h5 { line-height: 1.25; margin-bottom: 0.25em; font-size: 1.25em; font-family: Georgia, "Times New Roman", Times, serif; }

p {
  margin: 0 0 0.5em;
}

p.small {
  margin: 0 0 0.5em;
}

ul.small {
  margin: 0 0 0.5em;
}

a:focus,
a:hover {
  color: #DA1F06;
}

a {
  color: #0B94CF;
  text-decoration: underline;
}

a.qa-needed {
  color: red;
}

a.qa-completed {
  color: green;
}

.green-bg {
  color: #fff;
  padding: 10px;
  background: #B9D0BD url(/images/heading-green-bg.png) top right no-repeat;
  position: relative;
  border-width: 0;
}

.green-bg > a:first-child {
  color: #fff;
  display: block;
  margin: -10px;
  padding: 10px;
  padding-left: 20px;
  background-color: transparent;
  background-image: url(/images/big-white-right-arrow.png);
  background-position: 0 40%;  
  background-repeat: no-repeat;
}

.green-bg a:focus,
.green-bg a:hover {
  background: #DA1F06 url(/images/heading-red-bg.png) top right no-repeat;
}

.blue-bg {
  color: #fff;
  padding: 10px;
  background: #0B93CE url(/images/heading-blue-bg.png) top right no-repeat;
  position: relative;
  border-width: 0;
}

.blue-bg > a:first-child {
  color: #fff;
  display: block;
  margin: -10px;
  padding: 10px;
  padding-left: 20px;
  background-color: transparent;
  background-image: url(/images/big-white-right-arrow.png);
  background-position: 0 40%;  
  background-repeat: no-repeat;
}

.blue-bg a:focus,
.blue-bg a:hover {
  background: #DA1F06 url(/images/heading-red-bg.png) top right no-repeat;
}

#main-container {
  margin-left: auto;
  margin-right: auto;
  padding: 0 4px;
}

#header {
  height: 60px;
  margin-bottom: 4px;
  position: relative;
  border-bottom: 1px solid #076289;
  z-index: 10;
}

#header .header-background {
  position: absolute;
  height: 9px;
  width: 20px;
  bottom: -4px;
  right: -20px;
  background: transparent url(/images/tilda-small-right.png) top left no-repeat;
  overflow: visible;
}


#logo {
  position: relative;
  height: 50px;
  width: 200px;
  margin-bottom: 0;
  margin-top: 6px;
}

#logo a {
  text-decoration: none;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  height: 50px;
  width: 200px;
  background: transparent url(/images/fandor-logo.png) no-repeat;
  background-position: 0 0;
}

#logo a:hover {
  background-position: 0 -50px;
}

/* I'm using this in a couple places. */
.top-right-links {
  text-align: right;
  white-space: nowrap;
  padding-right: 10px;
  padding-top: 10px;
  position: absolute;
  bottom: 4px;
  right: 0;
}

#search {
  text-align: right;
  white-space: nowrap;
  position: absolute;
  bottom: 5px;
  right: 10px;
}

input.search-input {
  padding: 5px;
  width: 150px;
}

#header .search {
  text-align: right;
}

#navlist {
  padding: 0;
  margin: 0;
  height: 60px;
  overflow: hidden;
}

#navlist li {
  list-style: none;
  display: inline;
  margin: 0;
  float: left;
  line-height: 60px;
  font-size: 16px;
  font-family: Georgia, "Times New Roman", Times, serif;
}

#navlist li a {
  text-decoration: none;
  display: block;
  text-align: center;
  line-height: 60px;
  padding: 18px 0px 0px 20px;
  margin: 0;
}

#navlist li a:link {
  color: #0B94CF;
}

#navlist li a:hover {
  color: #DA1F06;
}

 /*
  * #current gets applied to the navigation anchor id of the section we're in
  * or page we're on, e.g. when viewing a channel.
  */
#navlist li a#current {
  color: #000;
}

#navlist li a:hover#current {
  color: #DA1F06;
}

/* nav - MAIN NAV LIST STYLE NAVIGATION FOR GENRES FILMMAKERS, ETC. */

#nav {
  position: absolute;
  bottom: -1px;
  margin: 0;
}

#nav, #nav ul {
  line-height: 1.5;
  font-size: 16px;
  font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
	width: 470px;
	list-style: none;
	background: transparent;
	padding: 0;
	border: solid #076289;
	border-width: 0 0 1px 0;
}

#nav ul {
  margin: 0 0 1em 0;
}

#nav li a {
  position: relative;
  top: 0px;
  overflow: hidden;
}

#nav a {
	display: block;
	text-decoration: none;
	padding: 0 20px;
}
 
#nav li li a {
  top: 0;
	color: #fff;
	padding: 0px 24px;
}

#nav li.parent {
  background: transparent url(/images/right-arrow.png) no-repeat;
}
 
#nav li {
	float: left;
	padding: 0;
}
 
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	border-width: 0px;
	margin: 0;
  line-height: 2;
  font-size: 12px;
  background: #0B94CF;
  color: #fff;
}
 
#nav li li {
	padding-right: 1em;
	width: 13em
}
 
#nav li ul a {
	width: 13em;
	w\idth: 9em;
}
 
#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul,
#nav li.sfhover ul ul ul ul {
  left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul,
#nav li li li li.sfhover ul {
  left: auto;
}

#nav li li:hover,
#nav li li.sfhover {
  background: #076289;
}


#footer {
  text-align: left;
  min-height: 60px;
  position: relative;
  padding-top: 4px;
  margin-top: 6px;
  border-top: 1px solid #84AC8F;
}

#footer p {
  padding-bottom: 10px;
}

#footer .footer-background {
  position: absolute;
  height: 9px;
  width: 20px;
  top: -6px;
  left: -20px;
  background: transparent url(/images/tilda-small-left.png) top left no-repeat;
  overflow: visible;
}

#ajax-notifications {
  position: fixed;
  top: 0px;
  right: 0px;
  background-color: #fc3;
  padding: 5px;
}

.draggable:hover {
  background: #D3E1D3;
}

.hidden-by-default {
  display: none;
}

#player {
  display: block;
  margin: 10px 0 10px 15px;  
}

#film-box.top #player {
  margin:0;
}

#display-average-rating {
  display:inline-block;
}

.film-rating {
  display: inline-block;
  padding-top: 5px;
  padding-left: 5px;
  white-space: nowrap;
}

.error,
.notice,
.success {
  padding: .8em;
  margin-bottom: 4px;
  border: 0px;
  font-weight: bold;
  -moz-border-radius: 0 4px 0 4px;
  -webkit-border-radius: 0 4px 0 4px;
}

.error     { background: #DA1F06; color: #fff; border: 1px solid #ccc; }
.notice    { background: #FFC85A; color: #000; border: 1px solid #ccc; }
.success   { background: #0B93CE; color: #fff; border: 1px solid #ccc; }
.error   a { color: #fff; }
.notice  a { color: #000; }
.success a { color: #fff; }

#film-box {
}

#film-box.top {
  width: 480px;
  display: inline-block;
}

#film-box.top #player {
  margin-left: 0px;
}

form.button-to {
  display: inline-block;
}

fieldset {
  border: 1px solid #D3E1D3;
}

legend {
  color: #84AC8F;
}

.required-field {
  font-size: 70%;
  color: #DA1F06;
  font-weight: bold;
  vertical-align: text-top;
}

label {
  font-weight: bold;
  width: 12em;
  float: left;
  text-align: right;
  margin: .75em 0.5em .5em 0;
  display: block
}

label.non-edit {
  margin: 0 0.5em .5em 0;
}

fieldset label {
  width: 10.6em;
}

select {
  padding: 5px;
  background-color: #ededed;
}

input.indented-submit {
  margin-left: 14em;
}

#credit-card-submit {
  margin-left: 12.4em;
}

.film-rating input[type=submit],
.film-rating input.submit {
  margin-left: 0.5em;
}

input#verification-value {
  width: 40px;
  padding: 5px;
}

input[type=checkbox],
input.checkbox {
  width: 20px;
  position: relative;
  top: .75em;
  vertical-align: bottom;
}

input.checkbox-on-left {
  position: inherit;
  vertical-align: bottom;
}

input.indented-checkbox {
  margin-left: 12em;
}

input[type=radio],
input.radio {
  width: 20px;
  position: relative;
  top: .25em;
  vertical-align: bottom;
}

textarea.user-created-content {
  height: 320px;
  width: 520px;
  padding: 5px;
}

thead th {
  background: #ededed;
  border: 1px solid #fff;
}

.date {
  float: right;
  font-size: 90%;
}

/* REVIEW-LIST AND IMAGE THUMBNAILS */

#reviews-list .thumbnail {
  float: left;
  padding-right: 4px;
  font-size: 75%;
}

#reviews-list .text p {
  margin: 0 0 0.5em;
}

#reviews-list .text div.body {
  height: 58px;
  overflow: hidden;
  margin-bottom: 14px;
}

.profile-pic {
  text-align: center;
  margin-top: 5px;
}

.valign-middle {
  vertical-align: middle;
}

.right {
  float: right;
}

.smaller {
  font-size: 90%;
}

h2 .show-all {
  font-size: 12px;
  padding-left: 20px;
}

.inline-block {
  display: inline-block;
  vertical-align: top;
  width: 70%;
}

/* TOP PAGE MARKETING MESSAGE */

.marketing {
  background: #0095F8 url(/images/marketing-101.jpg) top left;
  display: block;
  color: #fff;
  padding-top: 6px;
  width: 100%;
}

.marketing h2,
.marketing h3,
.marketing h4,
.marketing h5,
.marketing h6,
.marketing p {
  color: #fff;
}

.marketing a,
.marketing a:active {
  color: #fff;
}

.marketing a:hover {
  color: #f90;
}

#marketing-header {
  color: #0B94CF;
}

/* FILMS-LIST THUMBNAIL LIST STYLE */

#films-list,
#films-list ul {
  list-style: none;
  line-height: 1.2;
  margin: 0 0 0px 0;
  padding: 0 0 0px 0;
  overflow: hidden;
}

#films-list ul {
  padding: 0;
}

#films-list li h3 {
  margin: 0;
  padding: 0;
  font-style: italic;
}

#films-list li a,
#films-list li a:active {
  display: block;
  text-decoration: none;
  height: 130px;
  width: 95%;
  position: relative;
  z-index: 2;
  padding: 10px;
  font-weight: normal;
  background: transparent url(/images/semi-black-bg.png) top left repeat;
  color: #fff;
}

#films-list li a:hover {
  background: transparent url(/images/semi-white-bg.png) top left repeat;
  color: #0B94CF;
}

#films-list li.parent {
  background: transparent url(/images/right-arrow.png) top left no-repeat;
}

#films-list li {
  padding: 0;
  position: relative;
  overflow: hidden;
  background: #000;
}

#films-list li {
  margin-bottom: 10px;
}

#films-list li .film-thumbnail {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

#films-list li img {
  width: 100%;
}

#films-list li ul {
  position: absolute;
  left: -999em;
  top: 30px;
  height: auto;
  width: 14.4em;
  w\idth: 13.9em;
  font-weight: normal;
  border-width: 0.25em;
  margin: 0;
  z-index: 3;
  padding: 10px;
}

#films-list li:hover ul,
#films-list li li:hover ul,
#films-list li li li:hover ul,
#films-list li.sfhover ul,
#films-list li li.sfhover ul,
#films-list li li li.sfhover ul {
  left: auto;
}

#films-list li a:hover .tooltip {
  display: block;
  font-size: 11px;
  font-weight: normal;
  color: #000;
  line-height: 1.5;
  font-style: normal;
}

#films-list li a:hover {
 height: auto;
 min-height: 130px;
}

#films-list li .tooltip {
  display: none;
}

/* FILMS-LIST span-8 */

.span-8 #films-list a,
.span-8 #films-list a:active {
  height: 200px;
}

/* FILMS-LIST span-10 */

.span-10 #films-list a,
.span-10 #films-list a:active {
  height: 240px;
}

/* FILMS-LIST block */

.block+.span-11 #films-list a,
.block+.span-11 #films-list a:active {
  height: 120px;
  width: 194px;
}

.block+.span-11 #films-list li {
  width: 214px;
  margin: 0 1px 1px 0;
}

.block+.span-11 #films-list li a:hover {
 min-height: 120px;
}

.block+.span-12 #films-list a,
.block+.span-12 #films-list a:active {
  height: 140px;
  width: 205px;
}

.block+.span-12 #films-list li {
  width: 225px;
}

.block+.span-12 #films-list li a:hover {
 min-height: 140px;
}

.span-16 .block #films-list a,
.span-16 .block #films-list a:active {
  height: 120px;
  width: 199px;
}

.span-16 .block  #films-list li {
  width: 209px;
  margin: 0 1px 1px 0;
}

.span-16 #films-list li a:hover {
 min-height: 120px;
}

.block {
}

.block #films-list a,
.block #films-list a:active {
  height: 200px;
  width: 286px;
}

.block #films-list li {
  width: 306px;
  display: block;
  float: left;
  margin-right: 5px;
  margin-left: 5px;
}

.block #films-list li a:hover {
 height: auto;
 min-height: 200px;
}


/* FILMS-LIST Festivals test */

#films-list li .festival {
  position: relative;
  background: #fff;
  width: 100%;
  z-index: 12;
}


/* FILMS-LIST reverse the tooltip display default */

.rev #films-list li a,
.rev #films-list li a:active {
  background: transparent url(/images/semi-white-bg.png) top left repeat;
  color: #0B94CF;
}

.rev #films-list li a:hover {
  background: transparent url(/images/semi-black-bg.png) top left repeat;
  color: #fff;
}

.rev #films-list li a:hover .tooltip {
  display: none;
}

.rev #films-list li .tooltip {
  display: block;
  font-size: 11px;
  font-weight: normal;
  color: #000;
  line-height: 1.5;
}

/* BLOG SITE-NEWS FEED ON SITE */
.site-news {
  display: inline-block;
  width: 220px;
}

#news-feed {
  background: #B9D0BD;
  height: 390px; 
}

.site-news ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-news li {
  padding: 0 0 10px 0;
  position: relative;
}

.site-news .entry-date {
  font-weight: normal;
  padding-right: 10px;
  text-align: right;
  font-size: 10px;
}

.site-news .entry-title {
  display: none;
}

.site-news .more {
  white-space: nowrap;
}

.site-news span.site-news-tooltip {
  display: none;
}

.site-news a:hover span.site-news-tooltip {
  display: block;
  position: absolute;
  top: 12px;
  left: 48px;
  background: transparent url(/images/semi-white-bg.png) top left repeat;
  border: 1px solid #f90;
  padding: 4px;
  color: #000;
  z-index: 2;
}

/* Movie title tooltip */

.blue-bg span.tooltip {
  display: none;
}

.blue-bg:hover span.tooltip {
  display: block;
  position: absolute;
  top: 32px;
  left: 12px;
  font-size: 12px;
  width: 300px;
  background: transparent url(/images/semi-white-bg.png) top left repeat;
  border: 1px solid #ccc;
  padding: 10px;
  color: #000;
  z-index: 2;
  line-height: 1.5;
}

/* BLOG FEED ON SITE BLOCK */

.block #rss-feed .items {
  width: 214px;
  display: block;
  float: left;
  margin-right: 1px;
  margin-left: 0;
}


/* BLOG FEED ON SITE */

#rss-feed .items {
  display: block;
  margin-bottom: .5em;
}

#rss-feed .entry-description {
  display: none;
}

#rss-feed .entry-description img {
  display: none;
}

#rss-feed .entry-description object {
  display: none;
}

#rss-feed .entry-title a,
#rss-feed .entry-title a:active {
  font-weight: bold;
  font-size: 120%;
  display: block;
  padding: 8px 8px 10px 8px;
  background: transparent url(/images/semi-black-bg.png) top left repeat;
  color: #fff;
  text-decoration: none;
  height: 88px;
}

#rss-feed .entry-title a:hover {
  background: transparent url(/images/semi-white-bg.png) top left repeat;
  color: #0095F8;
  height: auto;
  min-height: 88px;
}

#rss-feed .entry-title a:hover .entry-description {
  display: block;
  font-size: 11px;
  font-weight: normal;
  color: #000;
  line-height: 1.5;
}

/* FILMS-NAV - A LIST STYLE NAVIGATION FOR GENRES FILMMAKERS, ETC. */

#films-nav,
#films-nav ul {
  color: #fff;
  width: 230px;
  list-style: none;
  line-height: 1.2;
  padding: 0;
  background: #076289;
  border: solid #fff;
  border-width: 0 0;
  margin: 0 0;
  padding: 0;
}

#films-nav ul {
  padding: 0;
}

#films-nav a {
  display: block;
  width: 20em;
  w\idth: 12.5em;
  color: #fff;
  text-decoration: none;
  padding: 0.25em 2em;
}

#films-nav a:hover {
  color: #fff;
}

#films-nav h3 a {
  padding: 10px 20px;
  overflow: hidden;
}

#films-nav ul h3  {
  margin: 0;
}

#films-nav li.parent {
  /* background: transparent url(/images/right-arrow.png) 0px 4px no-repeat;  */
  background: transparent url(/images/big-white-right-arrow.png) 0 40% no-repeat;
}

#films-nav li {
  padding: 0;
  width: 230px;
  font-size: 14px;
}

#films-nav li ul {
}

#films-nav li ul {
  position: absolute;
  left: -999em;
  height: auto;
  width: 14.4em;
  w\idth: 13.9em;
  font-weight: normal;
  border-width: 0.25em;
  margin: 0;
  z-index: 9;
  margin-top: -1.8em;
  margin-left: 11em;
}

#films-nav li li {
  padding-right: 1em;
  width: 12.9em
}

#films-nav li ul a {
  width: 13em;
  w\idth: 9em;
}

#films-nav li ul ul {
  margin: -1.75em 0 0 13em;
}

#films-nav li:hover ul ul,
#films-nav li:hover ul ul ul,
#films-nav li:hover ul ul ul ul,
#films-nav li.sfhover ul ul,
#films-nav li.sfhover ul ul ul,
#films-nav li.sfhover ul ul ul ul {
  left: -999em;
}

#films-nav li:hover ul,
#films-nav li li:hover ul,
#films-nav li li li:hover ul,
#films-nav li li li li:hover ul,
#films-nav li.sfhover ul,
#films-nav li li.sfhover ul,
#films-nav li li li.sfhover ul,
#films-nav li li li li.sfhover ul {
  left: auto;
}

#films-nav li:hover,
#films-nav li:hover h3,
#films-nav li.sfhover {
  background: #F90;
}

/* Filmmaker list */

#filmmakers {
  padding: 10px 10px 10px 30px;
  margin-top: 1px;
}

/* GENRE-LIST ON THE WATCH PAGE */

p + .genre-list {
  margin-top: -0.5em;
}

ul.genre-list {
  list-style: none;
  padding-left: 2em;
}

/* ACTION BUTTONS */

.action-button {
  font-family: Helvetica, Arial, sans-serif;
  background-color: #ededed;
  padding: 4px 8px;
  border: 1px #ccc solid;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  white-space: nowrap;
  font-size: 12px;
}

a.action-button,
a.action-button:active {
  text-decoration: none;
}

a.action-button:hover {
  background: #fff;
  border-color: #999;
}

input.action-button:hover {
  background: #fff;
  border-color: #999;
  color: #DA1F06;
}

input.action-button {
  color: #0B94CF;
}

a.edit-button,
a.edit-button:active,
a.edit-button:hover {
  background-image: url(/images/action-button.png);
  background-repeat: no-repeat;
  background-position: 0px -30px;
  padding-left: 18px;
}

a.add-button,
a.add-button:active,
a.add-button:hover {
  background-image: url(/images/action-button.png);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  padding-left: 18px;
}

a.remove-button,
a.remove-button:active,
a.remove-button:hover {
  background-image: url(/images/action-button.png);
  background-repeat: no-repeat;
  background-position: 0px -14px;
  padding-left: 18px;
}

a.delete-button,
a.delete-button:active,
a.delete-button:hover {
  background-image: url(/images/action-button.png);
  background-repeat: no-repeat;
  background-position: 0px -48px;
  padding-left: 18px;
}

a.facebook-button,
a.facebook-button:active,
a.facebook-button:hover {
        background-color: #3b5998;
        border-color: #d8dfea rgb(14, 31, 91) rgb(14, 31, 91) rgb(216, 223, 234);
        border-style: solid;
        border-width: 1px;
        color: #fff;
        font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
        font-size: 12px;
        margin: 0 2px;
        padding: 4px 18px;
}


#films-admin-description {
  display: inline-block;
  vertical-align: top;
  width: 677px;
}

.sort-by {
  position: absolute;
  bottom: 2px;
  right: 30px;
  font-size: 14px;
}

#agent-nav form {
  display: inline-block;
}

#agent-nav form select {
  padding: 0;
  margin: 0;
}

#admin-nav, #agent-nav {
  background: #ededed;
  text-align: right;
  overflow: hidden;
  padding: 4px 0 4px 0;
  margin-bottom: 4px;
  white-space: none;
}

#admin-nav a, #agent-nav a,
#admin-nav a:active, #agent-nav a:active {
  background: #ededed;
  padding: 5px;
  border-left: 4px solid #fff;
  color: #076289;
}

#admin-nav a:hover, #agent-nav a:hover {
  background: #fff;
}

/* PAGINATION  STYLES */

.pagination {
  font-family: "gill sans", "gill sans MT", Helvetica, Arial, sans-serif;
  padding: 10px 10px;
}

.pagination .current {
  font-weight: bold;
  padding: 0 4px;
}

.pagination .disabled {
  color: #999;
}

.pagination a, .pagination a:active {
  padding: 0 4px;
}

.floated-action-box {
  float:right; 
  width: 180px; 
  text-align:center; 
  line-height: 3em; 
  margin: 0; 
  border: 1px solid #ededed; 
  background: #f6f6f6;  
}

.contact-divide-right {
  border-right: 1px solid #dedede; 
  height:140px; 
  margin-bottom:10px;  
}

.about-content-divide {
  border-right: 1px solid #dedede;
}

.footer-content-divide {
  border-right: 1px solid #fff;
}

.subscription-deal {
  background: #B9D0BD;  
}

.subscription-deal h3 {
  margin-top: 0;  
}