@import url(../default/default_base.css);

/* LAYOUT
--------------------------------------------------------------------------- */
.column-left { padding-top: 92px; }

/* FORMS & USER INTERFACE
--------------------------------------------------------------------------- */
/* *** PUBLISH BTN *** */
/*#publish_widget_btn_container { padding-top: 8px; }*/

#publish_widget_btn_container #publish_widget {
  display: block;
  width: 238px;
  height: 63px;
  margin-top: -12px;
  margin-left: 200px;
  
  background: transparent url('../../images/disney/lost_s4/publish-widget-button.png') no-repeat left top;
  
  opacity: 0.9;
}

#publish_widget_btn_container #publish_widget:hover { opacity: 1; }

#publish_widget + .help-icon { margin: 14px 0 0 -10px; }

#publish_widget span { visibility: hidden; }

#new_branded { display: none; }

/* GLOBAL HEADER
--------------------------------------------------------------------------- */
#global_header a { color: #5A919C; }

#navigation_main .tab a {
  color: #000;
  
  background-color: #FFF;
  background-image: url('../../images/disney/lost_s4/navigation-main-tab.png');
}

#navigation_main .tab a:hover {
  background: #FFF;
  
  color: #044257;
}

#navigation_main .tab a.current {
  background: #044257;
  
  color: #FFF;
}

/* PAGE CONTENT
--------------------------------------------------------------------------- */
#page_content { background-image: url('../../images/disney/lost_s4/page-content.png'); }

#page_content .container-main  { background-image: url('../../images/disney/lost_s4/page-content-main-trans.png'); }

/* MODULES
--------------------------------------------------------------------------- */
.module-component { border-color: #000; }

ul.module-component .orphan { color: #000; }

/* LIST
--------------------------------------------------------------------------- */
#right_column_mask {
  height: 1px;
  
  background: transparent;
  visibility: hidden;
}

/* *** LIST TABS *** */
.list-module-tabs .tab a#tab-active-opinion.unsaved-changes {
  background-color: #074B62;
  background-image: url('../../images/disney/lost_s4/widget-tab-active-opinion.png');
}

/* LIST ITEMS
--------------------------------------------------------------------------- */
.item { overflow: hidden; }

/* *** ITEM CONTENT *** */
.item-content-container,
.item-content-container * { color: #FFF; }

.item-content-container,
.edit .item-content-container {
  width: 396px;
  height: 176px;
  margin: 12px 18px;
  padding: 0;
}

.item-content-container a { text-decoration: none; }

.item-content-container .content,
.item-content-container .product-container {
  position: relative;
  display: block;
  float: left;
  margin: 0 18px;
  padding: 0;
}

.item-content-container .content {
  font-weight: bold;
  
  width: 117px;
  height: 146px;
  margin-top: 6px;
  
  border: none;
  background: transparent;
  
  cursor: pointer;
}

.item-content-container .content img {
  width: 115px;
  height: 86px;
  
  border: 1px solid #999;
}

.item-content-container .content .title {
  font-size: 11px;
  line-height: 14px;
  height: 28px;
  overflow: hidden;
}

.item-content-container .content .play-clip {
  font-size: 14px;
  line-height: 28px;
  white-space: nowrap;
  
  position: absolute;
  bottom: 0;
  left: 14px;
  display: block;
  width: 90px;
  height: 28px;
  
  background: transparent url('../../images/ls/icon/play-28-trans.png') no-repeat right center;
}

.item-content-container .content:hover .play-clip { text-shadow: #FFF 0 0 6px; }

.item-content-container .product-container {
  text-align: center;
  
  width: 207px;
  height: 152px;
}

.item-content-container .product-container .title {
  font: normal normal normal 14px/2em 'Helvetica Neue', Arial, sans-serif;
  font-size: 14px;
  line-height: 28px;
  font-weight: normal;
  
  display: block;
  width: 100%;
}

html > body .item-content-container .product-container .title {
  position: absolute;
  bottom: 0;
  left: 0;
  
  z-index: 100;
}

.item-content-container .product-container a {
  display: block;
  float: left;
  width: 50%;
  height: 100%;
  
  background: transparent url('../../images/disney/lost_s4/list-item-products-trans.png') no-repeat left top;
  
  opacity: 0.9;
}

.item-content-container .product-container a:hover { opacity: 1; }

.item-content-container .product-container a.blue-ray { background-position: right top; }

.item-content-container .product-container a span { visibility: hidden; }

/* *** ITEM EDIT/OPEN *** */
.list-items li.edit,
.list-items li.edit .item { height: 224px; }

.edit .item {
  position: absolute;
  top:  0;
  left: 0;
  z-index: 100;
  padding: 0;
  overflow: hidden;
  
  background-image: url('../../images/disney/lost_s4/list-item-open.png');
}

.edit .item-header,
.edit .item-header * { cursor: default; }

.edit .item-header .delete { cursor: pointer; }

.edit .item-header .presentation { display: block; }

/* LIST SUPPORT
--------------------------------------------------------------------------- */
#discussion_people .module-header { color: #FFF; }

/* LOST TOPIC SELECTER
--------------------------------------------------------------------------- */
#lost_topic_selecter_container {
  min-height: 288px;
  padding: 104px 12px 36px 12px;
  margin-bottom: 280px;
  background: transparent url('../../images/disney/lost_s4/lost-topic-selecter-container-trans.png') repeat-x left bottom;
}

#lost_topic_selecter {
  float: left;
  padding: 12px;
  padding-left: 296px;
  
  background: transparent url('../../images/disney/lost_s4/lost-topic-selecter-trans.png') no-repeat 24px 30px;
}

.lost-topic-container {
  display: block;
  float: left;
}

.lost-topic {
  text-decoration: none;
  
  position: relative;
  display: block;
  width: 262px;
  height: 36px;
  padding: 86px 14px 12px;
  margin: 12px;
  
  background: #000 url('../../images/disney/lost_s4/lost-topic-trans.png') no-repeat center center;
  color: #FFF;
}

.topic-image-container,
.topic-image-container:after {
  display: block;
  width:  34px;
  height: 34px;
}

.topic-image-container {
  line-height: 31px;
  
  position: relative;
  float: left;
  overflow: hidden;
  
  border: 1px solid;
  
  background: url('../../images/ls/background/thumb-36-bg.png');
  border-color: #DDD;
  
  -webkit-border-radius: 6px;
  -moz-border-radius:    6px;
}

.topic-image-container:after,
.topic-image {
  -webkit-border-radius: 5px;
  -moz-border-radius:    5px;
}

.topic-image-container:after {
  content: '.';
  
  font-size:   1px;
  line-height: 1px;
  
  position: absolute;
  left: 0;
  top:  0;
  
  background: url('../../images/ls/background/thumb-36-mask-trans.png');
}

.topic-image-container:after, x:-moz-any-link { display: none; }

.topic-image {
  vertical-align: middle;
  
  max-width:  28px;
  max-height: 28px;
  max-width:  34px;
  max-height: 34px;
}

.topic-title {
  height: 28px;
  width: 150px;
  padding: 4px 0 0 42px;
}

.topic-mask {
  position: absolute;
  top:  -12px;
  left: -12px;
  display: block;
  width: 314px;
  height: 158px;
  
  background: transparent url('../../images/disney/lost_s4/lost-topic-topic-mask-trans.png') no-repeat left top;
}

.lost-topic:hover .topic-mask { background-position: left bottom; }

/* MODAL WINDOWS
--------------------------------------------------------------------------- */
/* *** ITEM CHOOSER *** */
#modalbox_wrapper .item-chooser { padding-bottom: 0; }

#modalbox_wrapper .item-chooser .preview-container { background-image: url('../../images/disney/lost_s4/item-chooser-preview-container.png'); }

#modalbox_wrapper #video_preview_modal {
  text-align: center;
  
  width: 456px;
  padding: 0 0 23px 0;
  
  background-image: url('../../images/disney/lost_s4/clip-view-container.png');
  background-repeat: no-repeat;
  background-position: right 42px;
}

#modalbox_wrapper #video_preview_modal h2 {
  text-align: left;
  
  display: block;
  padding: 24px 24px 15px;
}