body {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: url(../images/background.png) repeat-x top #D5D5D5;
    margin: 0px;
    text-align: center;
    min-width: 1000px;
}

img {
    border: 0px;
}
.shadow {
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 7px 7px 7px #7b7b7b;
  -webkit-box-shadow: 7px 7px 7px #7b7b7b;
  box-shadow: 7px 7px 9px #7b7b7b;
}

a {
    color: #07519a;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}
#logo {
  float: left;
  padding: 10px 3px 0 0;
}
#userRating {
    font-size: 13px;
    text-decoration: underline;
}
#thanksPage {
  padding: 10px;
}
#ratingMain {
   float: left;
   font-size: 10px;
   padding-left: 5px;
   padding-top: 3px;
   text-align: center;
   }

#ratingUser {
   float: left;
   }

#rating {
   color: #fff;
   float: left;
   font-size: 12px;
   padding: 0 10px 0 3px;
   text-align: center;
  }

#rating:hover {
   color: #000;
   font-size: 12px;
   text-align: right;
  }
  
#like {
   padding-right: 6px;
   width: 45%;
   color: #fff;
   float: left;
   font-size: 12px;
   text-align: right;
  }

#like:hover {
   color: #333333;
   font-size: 12px;
   text-align: right;
  }
#dislike {
  padding-left: 6px;
   color: #fff;
   float: left;
   font-size: 12px;
   text-align: left;
  }

#dislike:hover {
   color: #333333;
   font-size: 12px;
   text-align: left;
  }
#likeTotal {
  color: #000;
}
#buttons {
  text-align: center;
  float: left;
  font-weight: bold;
  width: 100%;
}
#lastUserRating {
  float: left;
  height: 45px;
  padding: 10px;
  }

#lastUserRatingRight {
  float: right;
  height: 45px;
  padding: 10px;
  text-align: right;
  }

#centre {
	padding: 3px;
	text-align: center;
	width: auto;
}

#wrapper {
	background: url(../images/background.png) repeat-x top #D5D5D5;
	padding: 0 10px 10px 10px;
	width: 1022px;
	margin: 0 auto;
	text-align: left;
}

#wrapperBody {
	width: 1024px;
	margin: 0 auto;
	text-align: left;
}

#wrapperBodyAlt {
  background-color: #fff;
	width: 1006px;
	margin: 0 auto;
	padding: 0 8px 0 8px;
	text-align: left;
}

#footer_wrapper {
	line-height: 1.5em;
	margin: 0 auto;
	padding: 2px 10px 0 10px;
	text-align: left;
	width: 1020px;
}

#footer_left {
	float: left;
}

#footer_right {
	float: right;
	text-align: right;		
}

#chart_homepage_left {
  padding-left: 3px;
  float: left;
  width: 391px;
}

#chart_homepage_right {
  padding-right: 3px;
  float: right;
  width: 617px;
}

#chart_homepage_right a {
  text-decoration: none;
}

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

#clear {
	clear: both;
}

.subnav {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: x-large;
	line-height: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	vertical-align: middle;
}

hr {
  color: #oooooo;
  background-color: #oooooo;
  height: 1px;
}

#nav_top {
  padding-top: 3px;
  width: 100%;
}

#nav_main {
  height: 82px;
  width: 100%;
  background-color: #ececec;
}

#nav_tab {
  padding: 8px 5px 8px 5px;
  float: right;
  background-color: #ececec;
  font-size: 13px;
  font-weight: bold;
}

#nav_tab a {
  padding: 8px 5px 8px 5px;
  color: #4c6979;
}

#nav_tab a:hover {
  padding: 8px 5px 8px 5px;
  text-decoration: none;
  background-color: #ececec;
  color: #000000;
  border-top: 4px black solid;
}

#nav_sub {
  width: auto;
  float: right;
  background-color: #000000;
}

#nav_search {
  background-color: #ececec;
  float:right;
  padding: 2px 0 2px 0;
}

#nav_feeds {
  background-color: #ececec;
  float: left;
  padding: 5px 10px 0px 10px;
  color: #ffffff;
}
  
#nav_feeds a {
  color: #ffffff;
}

#headline_main {
	line-height: 1.5em;
}

#subNav {
	float: left;
	padding: 2px 0 2px 0;
	width: 25%;
	background-color: #FC0203;
	text-align: center;
}

#faint_back_header {
  background-color: #cecece;
  padding: 5px 0 5px 5px;
}

#share {
  border: 1px #cecece solid;
  float: left;
  width: 63%;
}

#shareInternal {
  float: left;
  padding: 5px;
  text-align: center;
  width: 18%;
}

#join_button {
  background: url('../images/join_button.gif') no-repeat;
  padding: 8px 0 0 28px;
  width: 168px;
  height: 35px;
}

#join_button:hover {
  background-image: url('../images/join_button_over.gif');
  width: 168px;
  height: 35px;
}

#detail_info_wrapper {
  background-color:#ffffff;
  border-left: 1px solid #D7D7D7; 
  border-right: 1px solid #D7D7D7;
  border-bottom: 1px solid #D7D7D7;
  text-align: left;"
}

#detail_info_main {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background-color: #E8EEFA;
  padding: 5px;
}

#film_detail_body {
  padding: 0 20px 0 20px;
}

#clicked_films_layout_number {
  width: 10px;
  float: left;
  padding-right: 2px;
}

#clicked_films_layout_image {
  width: 42px;
  float: left;
  padding-right: 4px;
}

#clicked_films_layout_title {
  width: 60%;
  float: left;
  padding: 0 3px 0 10px;
}

#clicked_films_layout_totals {
  font-size: 12px;
  color: black;
}

#dp_widgets {
	width: 100%;
	text-align: center;
	padding-bottom: 15px;
}

#top-menu a {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration:none;
}

#menu-td {
	border-left: 1px #1A109D solid; 
	border-right: 1px #5B56A9 solid;
}

.logobox {
	border-right: 1px black solid;
	color: #000000;
	background-color: #DBE2E8;
	width: 300px;
	padding:0px 0px 0px 0px; 
	margin: 0 0 0 0;
	align: left;
}

.menubox { 
	border-top:1px solid #000000; 
	border-bottom:1px solid #000000; 
	border-left:1px solid #000000; 
	border-right:1px solid #000000; 
	background-color: #FFFFFF;
	width: 150px;
	padding:0px 0px 0px 0px; 
	margin: 0 0 0 0;
}

.verticalline { 
	border-top:0px; 
	border-bottom:0px; 
	border-left:0px; 
	border-right:1px dashed #000000; 
	background-color: #FFFFFF;
	width: 5px;
	padding:0px 0px 0px 0px; 
	margin: 0 0 0 0;
}
		
/* -----------Top--------------------------- */
.white_tl {background-color:#fff; border:solid #ccc; border-width:1px 1px 0 1px;} 
.white_tl .white_tr {position:relative; top:-1px; right:-1px; background:url(http://www.25thframe.co.uk/images/grey_tr.gif) no-repeat top right;}
.white_tl .white_m {position:relative; left:-2px; height:4px; font-size:0; background:url(http://www.25thframe.co.uk/images/grey_tl.gif) no-repeat top left;} 

/* -----------middle--------------------------- */

.white_box_content {
  background-color: #fff;
  border: 1px #ccc solid;
  padding: 10px 10px 10px 10px;
}

#box_header {
	background: #ECECEC;
	color:#786C6D;
	padding: 5px;
	font-size: 18px;
	text-shadow:#FFFFFF 0 1px 0;
	-moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 5px 5px 5px #7b7b7b;
  -webkit-box-shadow: 5px 5px 5px #7b7b7b;
  box-shadow: 5px 5px 5px #7b7b7b;
}

#box_sub_header {
	border-bottom: 3px #DDDDDD solid;
	border-right: 3px #DDDDDD solid;
	background-color: #EEEEEE;
	padding: 5px;
}

/* -----------Bottom--------------------------- */
.grey_bm {border:1px solid #ccc; border-top:0; background: #fff;}
.grey_br {position:relative; bottom:-1px; right:-1px;}
.grey_bl {position:relative; left:-2px; height:6px; font-size:0;}

/* -----------detail page styles--------------------------- */

#detail_page_section_top {
	padding: 6px;
	background-color:#ADD2E2;
	color: #5d5d5d;
	border-style: none solid solid none;
	border-color: #5d5d5d #52b1da #52b1da #5d5d5d;
	boder-width: 0 3px 3px 0;
}

#tabbed_nav {
  float: right;
  background:#ECF0EF; 
  border-style:solid;
  border-color:#ccc #ccc #ccc #ccc;
  border-width:0px 3px 3px 0px;
}

/* -----------tab title--------------------------- */
h1.tab_title {
  font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
  margin:0;
  font-size:30px;
  color:#5d5d5d;
}
  
h2.tab_title {
  font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
  margin:0;
  font-size:16px;
  font-weight:bold;
  color:#5d5d5d;
}

/* -----------tabs--------------------------- */
#tabbed_nav ul {
  margin:0;
  padding:5px 10px 0 10px;
  list-style:none;
}

#tabbed_nav li {
  float:left;
  margin:0;
  padding:0 3px 0 8px;
  font-size: 18px;
}

#tabbed_nav a {
  float:left;
  display:block;
  padding:6px 8px 5px 0;
  text-decoration:none;
  font-weight:bold;
  color:#333;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabbed_nav a {float:none;}
/* End IE5-Mac hack */

/* -----------hover tab text action--------------------------- */
#tabbed_nav a:hover {
  color:#00c;
  font-weight:bold;
}


/* -----------------------mini nav-------------------------------- */

#tabbed_no_bg {
  float:left;
  background: #ffffff; 
  border-style: solid;
  border-color: #ccc #ccc #ccc #ccc;
  border-width: 0px 0px 1px 0px;
  width: 100%;
}

/* -----------tabs--------------------------- */
#tabbed_no_bg ul {
  margin:0;
  padding:5px 10px 0 10px;
  list-style:none;
}

#tabbed_no_bg li {
  float:left;
  background:url(http://www.25thframe.co.uk/images/tab_on_white_l.gif) no-repeat left top;
  margin:0;
  padding:0 3px 0 8px;
  font-size:small;
}

#tabbed_no_bg a {
  float:left;
  display:block;
  background:url(http://www.25thframe.co.uk/images/tab_on_white_r.gif) no-repeat right top;
  padding:6px 8px 5px 0;
  text-decoration:none;
  font-weight:bold;
  color:#333;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabbed_no_bg a {float:none;}
/* End IE5-Mac hack */

/* -----------hover tab text action--------------------------- */
#tabbed_no_bg a:hover {
  color:#00c;
  font-weight:bold;
}

/* -----------active tabs--------------------------- */
#tabbed_no_bg .active {
  background-image:url(images/active_tab.gif);
}

#tabbed_no_bg .active a {
  background-image:url(images/active_tab_full.gif);
  color:#333;
  font-weight:bold;
  padding-bottom:6px;
}

/* -----------white titlebar--------------------------- */
.top_left {
  background-color:#fff; 
  border:solid #8c8cb3; 
  border-width:1px 1px 0 1px;
}

.top_left .top_right {
  position:relative; 
  top:-1px; 
  right:-1px; 
  background:url(http://www.25thframe.co.uk/images/speech_top_right.gif) no-repeat top right;
}

.top_left .middle {
  position:relative; 
  left:-2px; 
  height:12px; 
  font-size:0; 
  background:url(http://www.25thframe.co.uk/images/speech_top_left.gif) no-repeat top left;
} 

/* -----------panel content area--------------------------- */
.content {
  border:solid #8c8cb3; 
  border-width:0 1px; 
  padding:7px 10px 6px 10px; 
  font-size:small; 
  font-family:Arial, Helvetica, sans-serif; 
  color:#333; 
  background-color:#fff;
}


/* -----------panel footer--------------------------- */
.bottom_middle {
  background:url(http://www.25thframe.co.uk/images/speech_bottom.gif);
}

.bottom_right {
  position:relative; 
  top: -2px; 
  background:url(http://www.25thframe.co.uk/images/speech__right_bottom.gif) no-repeat bottom right; 
  height: 15px;
}

.bottom_left {
  position:relative; 
  top: 1px; 
  font-size:0; 
  background:url(http://www.25thframe.co.uk/images/speech_bottom_left.gif) no-repeat bottom left; 
  height: 29px;
}

.bottom_middle_right {
  background:url(http://www.25thframe.co.uk/images/speech_bottom.gif);
  clear: both;
}

.bottom_right_right {
  position:relative; 
  bottom:-1px; 
  top: -1px; 
  background:url(http://www.25thframe.co.uk/images/speech_bottom_right.gif) no-repeat bottom right; 
  height: 29px;
}

.bottom_left_right {
  position:relative; 
  top: -1px; 
  font-size:0; 
  background:url(http://www.25thframe.co.uk/images/speech_left_bottom.gif) no-repeat bottom left; 
  height: 15px;
}

.indexBoxNews {
	font-family: 'Droid Sans', Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
}

hr.hr {
      border: 0;
      width: 100%;
}

hr.hr1 {
      color: #000000;
      background-color: #000000;
      height: 5px;
}

hr.hr2 {
      color: #000000;
      background-color: #000000;
      height: 1px;
}

hr.hr3 {
      color: #000000;
      background-color: #000000;
      height: 1px;
      width: 80%;
}

hr.hr4 {
      border-top: 1px dashed #000000;
      border-bottom: 1px solid #000000;
      color: #000000;
      background-color: #000000;
      height: 4px;
}

hr.hr5 {
      border-top: 2px solid #900;
      border-left: 20px solid #900;
      border-right: 20px solid #900;
      color: #f00;
      background-color: #f00;
      height: 4px;
}

hr.hr6 {
      height: 15px;
      color: transparent;
      background: #fff url(hr1.gif) no-repeat scroll center;
}

.lst {
  -moz-box-sizing: content-box;
  background: none repeat scroll 0 0 #FFFFFF;
  color: #000000;
  font: 18px arial,sans-serif;
  height: 33px;
  padding-left: 6px;
  padding-right: 10px;
  vertical-align: top;
  width: 100%;
}

.lst-td {
  padding-right:24px;
}

.tsf-p {
  margin-left:168px;
  margin-right:1px;
  max-width:900px;
  margin-top: -7px;
  padding: 0pt 5px 1pt 0px;
}

#chartList {
  float: left;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  text-align: center;
  width: 25%;
}

#bottomYear {
  text-align: center;
}

#homepageComments {
	background-color: #EDEFF4;
	padding: 5px;
	border: 1px #cecece solid;
	width: 100%;
	line-height: 1.9em;
}

/* Chart Carousel */
.infiniteCarousel {
  text-align: center;
  width: 220px;
  height: 110px;
  position: relative;
  background:white;
  margin-top:10px;
  overflow:hidden;
  padding-left: 3px;
}

.infiniteCarousel .wrapper {
  width: 220px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: hidden;
  height:165px;
  margin:0px 0px;
  position: relative;
  top: 0;
  border:solid 0px red;
}

.infiniteCarousel ul a img {
  border: 0px solid #000;
}

.infiniteCarousel .wrapper ul {
  width: 100px; /* single item * n */
  overflow:hidden;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0px;
  padding:0;
  position: relative;
  top: 0;
  border:solid 0px green;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 3px;
  height: 165px;
  width: 110px;
  border:0px solid pink;
}

.infiniteCarousel ul li img {
  -webkit-transition: border-color 400ms;
}

.infiniteCarousel ul:hover li img {
  border-color: #000;
}

.infiniteCarousel ul:hover li:hover img {
  border-color: #333;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}

.text {
  background-color: #CECECE;
  color: #717171;
  padding: 0 5px 0 5px;
  width: 50px;
}

.xgiant { font-family: 'Droid Sans', 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif; font-size: 40px; }
.giant { font-family: 'Droid Sans', 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif; font-size: 30px; }
.large { font-family: 'Droid Sans', 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif; font-size: 26px; }
.big { font-family: 'Droid Sans', Verdana, Arial, Helvetica, sans-serif;  font-size: 22px; }
.xmedium { font-family: 'Droid Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 17px; }
.medium { font-family: 'Droid Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color:#444; }
.small { font-family: 'Droid Sans', Verdana, Arial, Helvetica, sans-serif;  font-size: 13px; color:#444; }
.tiny { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;  font-size: 11px; }
.xtiny { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;  font-size: 9px; }

.top_head { font-family: 'Droid Sans', Arial, Verdana, Helvetica, sans-serif; font-size: 19px; color: #ffffff; }
.top_head a { font-family: 'Droid Sans', Arial, Verdana, Helvetica, sans-serif; font-size: 19px; color: #ffffff; }
.medium-white { font-family: 'Droid Sans', Arial, Helvetica, sans-serif;  font-size: 15px; color: #ffffff;}
.medium-white a { font-family: 'Droid Sans', Arial, Helvetica, sans-serif;  font-size: 15px; color: #EEEEEE;}
.xmedium-white { font-family: 'Droid Sans', Arial, Helvetica, sans-serif;  font-size: 17px; color: #EEEEEE;}
.small-white { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;  font-size: 13px; color:#ffffff; }
.head-white { font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif; font-size: 24px; font-weight: bold; display: inline; color: #ffffff; }

.xmedium-red { font-family: 'Droid Sans', Arial, Verdana, Helvetica, sans-serif; font-size: 15px; color: #de1e1e;}
.big-red { font-family: 'Droid Sans', Arial, Verdana, Helvetica, sans-serif; font-size: 28px; color: #de1e1e;}

h1 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; font-weight:bold; color:#333333; display: inline; }
h2 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; display:inline; }
h3 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8px; font-weight: bold; display:inline; }
h4 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; color: #ffffff; display:inline; }
h4 a { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; color: #ffffff; display:inline; }	
h5 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: x-small; font-weight: bold; color: #797C80; }
h6 { font-family: 'Trebuchet MS', 'Arial', Verdana, Helvetica, sans-serif; font-size: 21px; font-weight: bold; display: inline; } 
h7 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; display: inline; }
h8 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold;  background-color: #B5E6F4; display: inline; }
h9 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 24px; font-weight:bold; color:#333333; display: inline; }