body {
  margin-top: 0px;
  background-color: #e5e5e5;
}

body, p { 
  font-family: arial, sans-serif;
}

img {
  border: 0px;
}

h1, h2 {
  color: red;
}

h3 {
  color: #ffa200;
}

.small_blue_link {
  font-size: 12px;
  color: #89d;
}

.large-link { 
  font-size: 24px;
}

a { 
  color: #e82211;
  /* text-decoration: none; */
}

a:hover {
  text-underline-color: black;
  text-decoration: underline;
}

input {
  border: 1px solid #8d8fe0;
}

/* The following class is used when a form field needs to be
   highlighted because it has an error */
.fieldWithErrors {
  border: 2px solid orange;
  display: inline;
}

/* 'message' is used to show each of the flash
   messages, for example when a record is edited or deleted */
.message {
  color: red;
}

.page_error
{
  font-size: 100%;
  color: blue;
  font-weight: bold;
}

/* The 'borderless' class is used for tables that exist
   for positioning only--thus there is no padding or borders */
.borderless {
  border-collapse: collapse;
}

.borderless td { 
  border-collapse: collapse;
  padding: 0px 0px 0px 0px;
}

/* The 'subdivider' class is for tables whose headings need
   special emphasis so as to divide areas of the screen */
.subdivider {
  border: 1px solid #ccc;
  border-collapse: collapse;
}

.subdivider th {
  background-color: #fff8ad;
}

.subdivider td {
  padding-left: 6px;
  padding-right: 6px;
}

/* The 'odd' and 'even' classes are used as alternating
   row classes so that lists of results look pretty */
.odd {
  background-color: #fff0cb;
}

.even { 
  background-color: white;
}

/* The 'list-table' class is for result sets in table form
   (like a spreadsheet) */
.list-table { 
  border-collapse: collapse;
  border-right: 2px solid #fdcb22;
  border-left: 2px solid #fdcb22;
  border-bottom: 2px solid #fdcb22;
  border-top: 2px solid #fdcb22;
}

.list-table th {
  background-color: #fff;
  border-bottom: 1px solid #fdcb22;
  vertical-align: bottom;
}

.list-table td {
  padding: 0px 0px 0px 12px;
  font-size: 12px;
  font-weight: bold;
}

.list-table-link {
  font-size: 0.7em;
}

/* The 'toolbox_table' class is for the search boxes and other
   toolbox-type areas that get a table of their own */
.toolbox_table {
  border-collapse: collapse;
  border: 1px solid #fd9b22;
}

.toolbox_table th, .toolbox_table td {
  background-color: #fff;
  padding-top: 5px;
  padding-left: 3px; padding-right: 3px;
  padding-bottom: 5px;
}

.toolbox_table th {
  text-align: right;
}

/* Tables set up as forms use this class  */
.table_as_form {
  border-collapse: collapse;
}
.table_as_form input {
  /* width: 100%; */
}

.table_as_form th {
  text-align: right;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-right: 10px;
}

.form_example {
  margin-top: 0px;
  padding-top: 0px;
  text-indent: 5px;
  line-height: 5px;
  vertical-align: top;
  color: #777;
  font-size: 0.7em;
}

/* Highlight any items that are left "to do" with this class */
.todo {
  border: 1px solid grey;
  /* background-color: #fdb8de; */
  background-image: url(/images/tmp/todo.jpg);
  padding: 4px 4px 4px 4px;
}

/* Admin/Dashboard has specially formated titles in a table */
.dashboard_title_bar {
  width: 550px;
}
.dashboard_title_bar h3 {
  margin-top: 0px; margin-bottom: 0px;
}

/* Reports that have a single grey line under the headings */
.report {
  border-collapse: collapse;
}

.report th {
  border-bottom: 2px solid #bbb;
  vertical-align: bottom;
}

.ad {
	overflow: hidden;
}

/* Div backgrounds for the main layout of the site */
#container {
	width: 899px;
	margin: 0 auto;
}
#header {
  background-image: url(/images/layout/filmfury.gif);
  background-repeat: no-repeat;
  width: 772px;
  height: 76px;
  float: left;
}

#right_ads {
	clear: both;
	float: right;
	width: 125px;
}
.right_ad {
	margin-bottom: 10px;
	width: 125px;
	height: 125px;
	overflow: hidden;
	text-align: center;
}

#middle {
	float: left;
	width: 772px;
}
form {
	margin-bottom: 0;
}

#main_nav {
  background: url(/images/layout/layout_top.gif) no-repeat left top;
  height: 33px;
}

#main_nav a { /* Links in the button bar have spacing between them */
  padding-left: 12px;
}

#center_inner {
	width: 726px;
  background: #f2f2f2 url(/images/layout/layout_top_corners.gif) no-repeat left top;
}

.extend {
  background: #999 url(/images/layout/layout_gradient.gif) no-repeat;
}

#extend_left {
	padding-left: 19px;
	width: 745px;
	background-position: left top;
}

#extend_right {
	padding-right: 19px;
	width: 726px;
	background-position: right top;
}

.extend {
	background-color: #999;
	width: 19px;
}

#extend_lowlight {
  border-right: 1px solid #636363;
  width: 764px;
}

#extend_shadow {
  background: url(/images/layout/layout_extend_shadow.gif) repeat-y right top;
  padding-right: 6px;
  	width: 766px;
}

#extend_highlight {
  border-left: 1px solid #fff;
  	width: 765px;
}

#bottom_inner {
  background-image: url(/images/layout/layout_bottom_inner.gif);
  background-repeat: no-repeat;
  width: 772px;
  height: 24px;
}

#bottom_outer {
  background-image: url(/images/layout/layout_bottom_outer.gif);
  background-repeat: no-repeat;
  width: 774px;
  height: 27px;
  text-align: center;
  padding-bottom: 6px;
  color: white;
}

#bottom_outer a {
  color: white;
  font-size: 12px;
  padding-bottom: 3px;
}

#footer {
	clear: both;
	float: left;
	width: 772px;
	padding-bottom: 5px;
	font-size: 0.7em;
	text-align: center;
}

/* Nav search bar */
#nav_search {
  position: absolute;
  top: 0px;
  left: 500px;
  height: 33px;
  width: 200px;
}

#search_text_box {
  position: absolute;
  top: 4px;
  left: 525px;
  width: 120px;
  height: 24px;
  font-size: 16px;
}

#search_text_submit {
  position: absolute;
  top: 5px;
  left: 650px;
  border: 0px;
}

/* Wide inset boxes with red border -- used in the InfoController's pages e.g. Privacy Policy */
div.wide_inset_top {
  width: 700px;
  height: 17px;
  font-size: 1px;
  line-height: 1px;
  background-repeat: no-repeat;
  background-image: url(/images/wide_inset_top.gif);
}

div.wide_inset_extend {
  background-image: url(/images/wide_inset_extend.gif);
  background-repeat: repeat-y;
  background-color: #fff;
  width: 700px;
}

div.wide_inset_content {
  width: 660px;
  padding-left: 20px;
}

div.wide_inset_extend h2, div.wide_inset_extend h3 {
  margin-top: 0px;
}

div.wide_inset_bottom {
  background-image: url(/images/wide_inset_bottom.gif);
  width: 700px;
  height: 19px;
  background-repeat: no-repeat;
  font-size: 1px;
  line-height: 1px;
}

/* Classes used for the 'Did You Know...?' divs */
/* Wide inset boxes with red border -- used in the InfoController's pages e.g. Privacy Policy */
div.did_you_know_top {
  width: 700px;
  height: 21px;
  font-size: 1px;
  line-height: 1px;
  background-repeat: no-repeat;
  background-image: url(/images/did_you_know_top.gif);
}

div.did_you_know_extend {
  background-image: url(/images/did_you_know_extend.gif);
  background-repeat: repeat-y;
  background-color: #fff;
  width: 700px;
}

div.did_you_know_content {
  width: 660px;
  padding-left: 20px;
}

div.did_you_know_extend h2, div.did_you_know_extend h3 {
  margin-top: 0px;
}

div.did_you_know_bottom {
  background-image: url(/images/did_you_know_bottom.gif);
  width: 700px;
  height: 7px;
  background-repeat: no-repeat;
  font-size: 1px;
  line-height: 1px;
}


/* Sign-up step one and My Account / Subscription shows plans */
.plan  {
  float: left;
  margin: 6px 6px 6px 6px;
  width: 109px;
  height: 70px;
  background-image: url(/images/subscription_plan_background.gif);
  background-repeat: no-repeat;
}

/* The sign-up box classes (step 1, step 2, step 3) */
/* the "inset_*" css classes are used in the signup step four view */
div#signup_top_step_one, div#signup_top_step_two, div#signup_top_step_three {
  width: 554px;
  height: 54px;
  background-repeat: no-repeat;
  font-size: 1px;
  line-height: 1px;
}

div#inset_top {
  width: 554px;
  height: 17px;
  font-size: 1px;
  line-height: 1px;
  background-repeat: no-repeat;
  background-image: url(/images/inset_top.gif);
}

div#signup_top_step_one { background-image: url(/images/signup_step_1.gif); }
div#signup_top_step_two { background-image: url(/images/signup_step_2.gif); }
div#signup_top_step_three { background-image: url(/images/signup_step_3.gif); }

div#signup_extend, div#inset_extend {
  background-image: url(/images/signup_extend.gif);
  width: 524px;
  background-repeat: repeat-y;
  padding-left: 10px;
  padding-right: 20px;
}

div#signup_extend h2, div#inset_extend h2, div#signup_extend h3, div#inset_extend h3 {
  margin-top: 0px;
}

div#signup_bottom, div#inset_bottom {
  background-image: url(/images/signup_bottom.gif);
  width: 554px;
  height: 19px;
  background-repeat: no-repeat;
  font-size: 1px;
  line-height: 1px;
}

/* Div backgrounds for the movie browser inset window */
/* The "browse_*" css classes are used in the browse/search view */

div#browse_top {
  width: 554px;
  height: 17px;
  font-size: 1px;
  line-height: 1px;
  background-repeat: no-repeat;
  background-image: url(/images/inset_top_b.gif);
}

div#browse_extend {
  background-image: url(/images/inset_extend.gif);
  background-color: #fff;
  background-repeat: repeat-y;
  width: 554px;
}
  /* The horizontal rule inside the browse area is an image */
div#browse_extend hr, div#signup_extend hr, div#inset_extend hr, div.wide_inset_extend hr { 
  display: none;
}

.hr {
  background-repeat: no-repeat;
  background-image: url(/images/hr.gif);
  background-color: #fff;
  height: 11px;
  width: 500px;
  border: 0px;
  clear: both;
  margin: 10px;
}

div#browse_bottom {
  background-image: url(/images/inset_bottom.gif);
  width: 554px;
  height: 15px;
  background-repeat: no-repeat;
}

/* Genres side panel in the browse movie pages */
div#genres_top {
  background-image: url(/images/genres_panel_top.gif);
  width: 136px;
  height: 27px;
  background-repeat: no-repeat;
}

div#genres_extend {
  background-image: url(/images/genres_panel_extend.gif);
  background-repeat: repeat-y;
  background-color: #F2F2F2;
  width: 136px;
  padding-left: 10px;
}

div#genres_bottom {
  background-image: url(/images/genres_panel_bottom.gif);
  width: 136px;
  height: 13px;
  background-repeat: no-repeat;
}

/* Login / status info in the upper-right corner */
div#status_left {
  float: right;
  margin-top: 25px;
  background-image: url(/images/status_left.gif);
  width: 3px;
  height: 22px;
  background-repeat: no-repeat;
  font-size: 0px;
  clear: none;
}

div#status_extend {
  background-image: url(/images/status_extend.gif);
  background-repeat: repeat-x;
  float: right;
  margin-top: 25px;
  padding-left: 6px;
  padding-right: 6px;
  height: 22px;
  font-size: 13px;
  font-weight: normal;
  padding-top: 4px;
  clear: none;
}

div#status_right {
  float: right;
  margin-top: 25px;
  margin-right: 25px;
  background-image: url(/images/status_right.gif);
  width: 3px;
  height: 22px;
  background-repeat: no-repeat;
  font-size: 0px;
  clear: none;
}

div#status_arrow {
  float: right;
  margin-top: 25px;
  margin-right: 10px;
  background-image: url(/images/status_arrow.gif);
  width: 17px;
  height: 22px;
  background-repeat: no-repeat;
  font-size: 0px;
  clear: none;
}

/* Signup pages */
.signup_instructions {
  font-size: 12px;
  background-color: #fff;
  border: 1px solid grey;
}

.signup_instructions h1 {
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
}

/* The 'floating' class is used to format blocks of
   html, such as in forms.  See views/admin/users/_form.rhtml */
.floating {
  float: left;
  border: 2px solid #ddd;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  /* margin-left: 20px; */
  margin-bottom: 20px;
  width: 250px;
}

/* Show all prices consistently in a special format */
.price {
  color: red;
  font-weight: bold;
}

/* Rows that need to be highlighted as 'special' */
.highlighted {
  background-color: #fcc;
}

/* Rows that need to be darkened (e.g. 'hidden') */
.darkened {
  background-color: #bbb;
}

/* Used temporarily in the member header DELETE ME */
.white_links a {
  color: white;
  text-decoration: none;
}

.floating_break{
  float: left; 
  clear: both; 
  height: 20px;
}

#movie-player
{
	float: left;
	width: 360px;
	height: 270px;
	margin-right: 15px;
}