/* 
----------------------------------------------------------------------
  SILVER - WHERE MOVIES SHINE / Base
  Author(s): Music Bay AB, www.musicbay.se
  Created: 2006-05-15
  Last modified: 2006-05-18
----------------------------------------------------------------------
*/

html, body {
  margin: 0;
  padding: 0;
  background-color: #363d41;
  color: #333333;
  text-align: center;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  background-image: url(../Interface/bg_main.gif);
  background-position: 0 30px;
  background-repeat: repeat-x;
  /*line-height: 16px;*/
}


/*
----------------------------------------------------------------------
  QUICK NAVIGATION
*/

div#wrap-quicknav {
  height: 30px;
  margin-bottom: 7px;
  text-align: center;
  background-image: url(../Interface/Quicknav/bg_quicknav.gif);
  background-repeat: repeat-x;
}

div#wrap-quicknav div#quicknav {
  width: 790px;
  padding: 0 8px 0 8px;
  margin: 0 auto;
}

div#quicknav ul#quick-nav-list {
  list-style-type: none;
}

ul#quick-nav-list li { 
  padding: 0 15px 0 15px;
  float: left;
}

ul#quick-nav-list li.nonstop { 
  float: right;
}

/*
----------------------------------------------------------------------
  SITE WRAPPER
*/

div#wrap-site {
  width: 806px;
  padding: 0 0 20px 0;
  margin: 0 auto;
  text-align: left;
}

/*
----------------------------------------------------------------------
  TOP CONTENT
*/

div#wrap-top {
  width: 806px;
  height: 140px;
  background-image: url(../Interface/Top/bg_top_logo.gif);
  background-repeat: no-repeat;
}

div#top {
  width: 790px;
  padding: 20px 0 0 0;
}

div#home {
  width: 150px;
  height: 120px;
  float: left;
}

div#home a {
  margin: 10px 10px 20px 30px;
  width: 100px;
  height: 90px;
  display: block;
}

/* QUICK SEARCH */

div#top div#quick-search {
  /*width: 780px;*/
  float: left;
  width: 630px;
  height: 42px;
}

input.quick-search-normal {
  width: 100px;
  /*background-color: #fff;*/
  color: #8a8a8a;
  border: 1px solid #cdcdcd;
  padding-left: 3px;
}

input.quick-search-focus {
  width: 100px;
  /*background-color: #fff;*/
  color: #000;
  border: 1px solid #bf0d0b;
  padding-left: 3px;
}

div#quick-search table.tbl-quick-search {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

div#quick-search table.tbl-quick-search td {
  text-align: right;
  vertical-align: middle;
  padding: 3px;
}

div#quick-search table.tbl-quick-search td.date-padder {
  padding-top: 4px;
}

/* MENU */

div#menu {
  float: left;
  /*width: 790px;*/
  width: 640px;
}

div#menu ul#menu-list {
  list-style-type: none;
}

div#menu ul#menu-list li {
  float: right;
}

/*
----------------------------------------------------------------------
  CONTENT WRAPPER
*/

div#wrap-content {
  width: 806px;
  background-image: url(../Interface/bg_content.gif);
  background-repeat: repeat-y;
}


/*
----------------------------------------------------------------------
  MOVIE INFO DISPLAY
*/

div#movie-display {
  /*width: 806px;*/
  height: 270px;
  background-image: url(../Interface/bg_moviedisplay.gif);
  background-repeat: no-repeat;
}

div#movie-swf {
  padding: 15px 14px 15px 14px;
}

/*
----------------------------------------------------------------------
  VIDEO DISPLAY
*/

div#video-display {
  width: 540px;
  height: 270px;
  float: left;
  background-image: url(../Interface/bg_videodisplay.gif);
  background-repeat: no-repeat;
}

div#video-swf {
  padding: 15px 14px 15px 14px;
}

/*
----------------------------------------------------------------------
  QUICK SCHEDULE
*/

div#quick-schedule {
  width: 255px;
  height: 270px;
  margin-left: 11px;
  float: left;
  background-image: url(../Interface/Schedule/bg_schedule.gif);
  background-repeat: no-repeat;
}

div#quick-schedule-content {
  padding: 40px 0 0 33px;
}

div#quick-schedule-content ul.list-schedule {
  list-style-type: none;
  padding-bottom: 15px;
}

span.distance-btns {
  padding: 0 10px 0 10px;
}

ul.list-schedule li {
  width: 206px;
  height: 14px;
  padding: 5px 0 5px 5px;
  border-bottom: 1px solid #e5e5e5;
}

/*
----------------------------------------------------------------------
  CONTENT (BELOW DISPLAY & SCHEDULE)
*/

div#wrap-content div#content-holder {
  width: 806px;
  background-image: url(../Interface/bg_bottom.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
}

div#content-holder div#content {
  padding: 20px 33px 20px 33px;
  margin: 0;
}

/*
----------------------------------------------------------------------
  ADS
*/

div.ads {
  padding-bottom: 20px;
}

div.ads div.ad-top {
  width: 740px;
  height: 160px;
  padding: 5px;
  background-image: url(../Interface/Ads/bg_ad_top.gif);
  background-repeat: no-repeat;
}

div.ads div.ad-top div.ad-large {
  width: 730px;
}

div.ads div.ad-left {
  float: left;
  width: 360px;
  height: 100px;
  margin-right: 10px;
  background-image: url(../Interface/Ads/bg_ad_small.gif);
  background-repeat: no-repeat;
}

div.ads div.ad-right {
  float: left;
  width: 360px;
  height: 100px;
  margin-left: 10px;
  background-image: url(../Interface/Ads/bg_ad_small.gif);
  background-repeat: no-repeat;
}

div.ads div.ad350-holder {
  padding: 5px;
}


/*
----------------------------------------------------------------------
  SMALL PUSHES
*/

div#wrap-pushes {
  width: 360px;
  margin-right: 20px;
  float: left;
}

div#wrap-pushes div.push-left {
  width: 175px;
  height: 150px;
  margin: 0 10px 10px 0;
  float: left;
  background-image: url(../Interface/Push/bg_content_adv.gif);
  background-repeat: no-repeat;
  overflow: hidden;
}

div#wrap-pushes div.push-right {
  width: 175px;
  height: 150px;
  margin: 0 0 10px 0;
  float: left;
  background-image: url(../Interface/Push/bg_content_adv.gif);
  background-repeat: no-repeat;
  overflow: hidden;
}

div.push-title {
  width: 170px;
  height: 25px;
  overflow: hidden;
}

div.push-title-holder {
  padding: 5px 0 0 5px;
}

div.push-img {
  width: 175px;
  height: 105px;
}

div.push-desc {
  width: 170px;
  height: 20px;
  overflow: hidden;
}

div.push-desc p {
  padding: 2px 0 0 5px;
  color: #fff;
  font-size: 10px;
}

/*
----------------------------------------------------------------------
  MOVIE TOP & MOVIE QUESTION
*/

div#wrap-misc {
  width: 360px;
  float: left;
  background-image: url(../Interface/Miscbox/bg_misc_lines.gif);
  background-repeat: repeat-y;
  background-position: 0 35px;
}

div#wrap-misc div.bottom360 {
  width: 360px;
  height: 20px;
  background-image: url(../Interface/bg_bottom360.gif);
  background-repeat: no-repeat;
}

div#wrap-movie-top {
  width: 180px;
  float: left;
}

div#wrap-movie-top div#movie-top {
  padding: 10px;
}

div#movie-top ul.list-top {
  width: 160px;
  list-style-type: none;
  background-image: url(../Interface/Miscbox/bg_pattern.gif);
  background-repeat: no-repeat;
}

div#movie-top ul.list-top li {
  height: 21px;
  /*padding-top: 2px;*/
  background-image: url(../Interface/Miscbox/bg_top_list.gif);
  background-repeat: no-repeat;
  background-position: bottom;
}

ul.list-top li a {
  width: 160px;
  padding-top: 2px;
  /*height: 17px;*/
  display: block;
}

ul.list-top li a:hover {
  color: #a30e0c; 
}

div#wrap-movie-question {
  width: 180px;
  float: left;
}

div#wrap-movie-question form.question-form {
  padding-bottom: 10px;
  background-image: url(../Interface/Miscbox/bg_title_line.gif);
  background-repeat: no-repeat;
  background-position: bottom;
}

div#wrap-movie-question div#movie-question {
  padding: 10px;
}

div#movie-question ul.list-question {
  padding-bottom: 5px;
  margin: 5px 0 10px 0;
  list-style-type: none;
  background-image: url(../Interface/Miscbox/bg_title_line.gif);
  background-repeat: no-repeat;
  background-position: bottom;
}

div#movie-question ul.list-question li {
  padding: 5px 0 5px 0;
}


/*
----------------------------------------------------------------------
  TITLE HOLDERS
*/

div.title360 {
  width: 360px;
  height: 35px;
  background-image: url(../Interface/bg_title360x35.gif);
  background-repeat: no-repeat;
  overflow: hidden;
}

div.title360 h2 {
  padding: 9px 0 0 10px;
}

div.title360 h2.left {
  width: 170px;
  padding: 9px 0 0 10px;
  float: left;
}

div.title360 h2.right {
  width: 170px;
  float: left;
  padding: 9px 0 0 10px;
}

div.title740 {
  width: 740px;
  height: 35px;
  background-image: url(../Interface/bg_title740x35.gif);
  background-repeat: no-repeat;
  overflow: hidden;
}


div.title740 img.set-title {
  margin: 9px 0 0 10px;
}

div.sub-title {
  height: 32px;
  border-bottom: 1px solid #bebebe;
  padding-left: 1px;
}


/*
----------------------------------------------------------------------
  CONTENT FRAME WITH BORDER
*/

div.content-frame {
  width: 740px;
  background-image: url(../Interface/bg_contentframe.gif);
  background-repeat: repeat-y;
}

div.content-frame div.columns {
  padding: 10px;
  line-height: 16px;
}

div.columns div.desc-left {
  width: 460px;
  float: left;
}

div.columns div.desc-left img {
  padding: 5px 5px 5px 0;
}

div.columns div.desc-left a {
  font-weight: bold;
}

div.columns div.desc-right {
  width: 215px;
  margin-left: 20px;
  padding-left: 20px;
  float: left;
  border-left: 1px solid #c1c1c1;
}

div.columns div.article-left {
  width: 400px;
  float: left;
}

div.columns div.article-right {
  width: 275px;
  margin-left: 20px;
  padding-left: 20px;
  float: left;
  border-left: 1px solid #c1c1c1;
}

div.columns div.article-right img.article-img {
  border: 1px solid #c1c1c1;
  margin-bottom: 15px;
}

div.content-frame-schedule {
  width: 740px;
  background-image: url(../Interface/bg_contentframe_schedule.gif);
  background-repeat: repeat-y;
}

div.content-frame-bottom {
  width: 740px;
  height: 20px;
  background-image: url(../Interface/bg_contentframe_bottom.gif);
  background-repeat: repeat-y;
}

/*
----------------------------------------------------------------------
  CONTACT FORM
*/

table.tbl-contact-form {
  width: 215px;
}

table.tbl-contact-form td {
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #c1c1c1;
}

/*
----------------------------------------------------------------------
  SMALL THUMBNAIL LIST - LIBRARY
*/

table.tbl-library-nav {
  margin-top: 5px;
  border: 0;
  width: 100%;
}

span.distance-btns-sm {
  padding: 0 5px 0 0;
}

table.tbl-library-nav td {
  padding: 0;
}

table.tbl-library-nav td.title-left {
  padding-left: 8px;
}

table.tbl-library-nav td.td-space {
  padding: 0 10px 0 10px;
  border-left: 1px solid #8c0c0a;
}

table.tbl-library-nav td.td-space-noborder {
  padding: 0 10px 0 10px;
}

table.tbl-page-num td {
  padding: 0 3px 0 3px;
}

/* Thumblist */

table.tbl-sm-thumblist {
  width: 738px;
  margin: 0 0 1px 1px;
  color: inherit;
  border: 0;
  background-image: url(../Interface/Library/bg_list.gif);
  background-repeat: no-repeat;
}

table.tbl-sm-thumblist td {
  padding: 10px;
  vertical-align: top;
}

table.tbl-sm-thumblist td.thumb {
  padding: 10px;
  text-align: center;
  padding: 10px;
}

td.thumb a {
  border: 2px solid #fff;
  display: block;
  width: 52px;
  height: 50px;
}

td.thumb a:hover {
  border: 2px solid #a30e0c;
  display: block;
  width: 52px;
  height: 50px;
}

td.service img {
  margin: 5px 0 0 1px;
}


/*
----------------------------------------------------------------------
  SCHEDULE
*/

div#schedule-left {
  float: left;
}

div#schedule-right {
  float: left;
}

div#calendar {
  width: 170px;
  padding-bottom: 5px;
  background-image: url(../Interface/Calendar/bg_calendar.gif);
  background-repeat: repeat-x;
  border-bottom: 1px solid #b1b1b1;
}

table.tbl-calendar {
  width: 154px;
  margin: 5px 0 0 8px;
}

table.tbl-calendar td {
  width: 22px;
  height: 22px;
  text-align: center;
}

table.tbl-calendar td.active {
  background-image: url(../Interface/Calendar/activeday.gif);
  background-repeat: no-repeat;
  color: #000;
  font-weight: bold;
}

table.tbl-calendar td.selected {
  background-image: url(../Interface/Calendar/selectedday.gif);
  background-repeat: no-repeat;
  color: #000;
  font-weight: bold;
}

table.tbl-calendar td.active a {
  color: #000;
}

table.tbl-calendar td.active a:hover {
  color: #000;
  text-decoration: underline;
}

table.tbl-calendar td a {
  color: #fff;
}

table.tbl-calendar td a:hover {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}

ul.download-schedule {
  list-style-type: none;
  width: 170px;
  margin-top: 5px;
}

ul.download-schedule li {
  height: 22px;
}

ul.download-schedule li a {
  color: #fff;
  padding: 2px 0 2px 10px;
}

ul.download-schedule li a:hover {
  color: #fff;
  font-weight: bold;
}

table.tbl-schedule {
  width: 569px;
  border: 0;
  margin-bottom: 1px;
  background-image: url(../Interface/Schedule/bg_list.gif);
  background-repeat: no-repeat;
}

table.tbl-schedule td {
  padding: 10px;
  vertical-align: top;
}

table.tbl-schedule td.airtime {
  vertical-align: middle;
}

/*
----------------------------------------------------------------------
  THIS MONTH LIST
*/

div#wrap-thismonth {
  padding: 10px 0 0 15px;
  margin: 0;
}

div#wrap-thismonth div.wrap-tm-item {
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
  width: 170px;
  height: 180px;
  background-image: url(../Interface/ThisMonth/bg_movie.gif);
  background-repeat: no-repeat;
}

div#wrap-thismonth div.wrap-tm-item div.tm-item {
  padding: 4px 3px 3px 3px;
}

div#wrap-thismonth div.wrap-tm-item div.tm-item div.tm-btn {
  text-align: right;
  padding-right: 3px;
}

div.tm-img {
  background-image: url(../Interface/ThisMonth/bg_top_img.gif);
  background-repeat: no-repeat;
  height: 124px;
  padding: 0 2px 0 2px;
  margin-bottom: 3px;
  background-color: #fff;
  overflow: hidden;
}

/*
----------------------------------------------------------------------
  FOOTER
*/

div#wrap-footer {
  width: 806px;
  height: 24px;
  background-image: url(../Interface/Footer/bg_footer.gif);
  background-repeat: no-repeat;
}

div#wrap-footer div#footer {
  width: 760px;
  padding: 4px 23px 0 23px;
}

div#wrap-footer div#footer ul {
  list-style-type: none;
}

div#wrap-footer div#footer ul li {
  float: left;
  padding: 0 16px 0 15px;
  background-image: url(../Interface/Footer/line.gif);
  background-repeat: no-repeat;
  background-position: right;
}

div#wrap-footer div#footer ul li.pos-right {
  float: right;
  background-image: none;
  text-align: right;
}



/*
----------------------------------------------------------------------
  GLOBALS
*/

ul, form, p {
  margin: 0;
  padding: 0;
}

img {border: 0;}

.clear {
  font-size: 0;
  line-height: 0px;
  height: 0;
  padding: 0;
  margin: 0;
  clear: both;
}

input {
  border: 1px solid #969696;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  padding-left: 3px;
}

input.input-normal {
  border: 1px solid #969696;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  padding-left: 3px;
}

input.input-focus {
  border: 1px solid #bf0d0b;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  padding-left: 3px;
}

textarea.txtarea-normal {
  border: 1px solid #969696;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  padding-left: 3px;
}

textarea.txtarea-focus {
  border: 1px solid #bf0d0b;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  padding-left: 3px;
}

select {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
}

input.noborder {
  border: 0;
}
