/*
stepcarouselContainer - gallery + navigation panel + related content, but w/o paging arrows  
stepcarousel - only gallery with only belt inside
*/
/***********************/
/* stepcarousel requirements, leave as is */
/***********************/
.mediagallery_content .stepcarouselContainer .belt {
  position: absolute;
  width: 100000px;
  /* to hide onload artefacts; alternatively, can use display:none till stepcarousel load */ }

.mediagallery_content .stepcarousel .image_item {
  float: left; }

.mediagallery_content .stepcarousel {
  position: relative;
  overflow: hidden; }

.mediagallery_content .relatedContent {
  float: left; }

.mediagallery_content .beltContainer .belt {
  position: relative; }

.mediagallery_content .stepcarouselContainer {
  position: relative;
  overflow: hidden; }

/***********************/
.mediagallery_content .stepcarousel {
  border-top: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB; }

.mediagallery_content .stepcarousel_line {
  margin-top: 20px; }

/***********************/
/* Preview ("oneimage") image items */
/***********************/
.mediagallery_content .stepcarousel_oneimage .image_item img {
  /*max-width: 391px;
  max-height: 294px;*/ }

.mediagallery_content .stepcarousel_oneimage .image_item {
  width: 660px;
  /*411px;*/
  /* 10*2 - margins-like */
  text-align: center; }

.mediagallery_content .stepcarousel_oneimage .stepcarouselContainer {
  width: 660px;
  /*411px;*/ }

.mediagallery_content .stepcarousel_oneimage .stepcarousel {
  height: 314px;
  /* 10*2 - margins-like */ }

/***********************/
/* Paging ("line") image items */
/***********************/
.mediagallery_content .stepcarousel_line .image_item img {
  max-width: 116px;
  max-height: 87px;
  border: 2px solid transparent; }

.mediagallery_content .stepcarousel_line .image_item {
  width: 134px;
  /* 9*2 - margins-like */
  text-align: center;
  cursor: pointer; }

.mediagallery_content .stepcarousel_line .stepcarouselContainer {
  width: 508px;
  /* paging gallery width w/o navigation arrows */
  float: left;
  /* for navigation arrows */ }

.mediagallery_content .stepcarousel_line .stepcarousel {
  height: 105px;
  /* next and prev arrows height, image size is calculated to fit (9*2 - margins-like) */ }

/***********************/
/* Hovered and selected items styles */
/***********************/
.mediagallery_content .stepcarousel_line .image_item img:hover {
  border: 2px solid #777; }

.mediagallery_content .stepcarousel_line .selectedItem img,
.mediagallery_content .stepcarousel_line .selectedItem img:hover {
  border: 2px solid red; }

/***********************/
/* Related content */
/***********************/
.mediagallery_content .stepcarousel_line .beltContainer .relatedContent {
  width: 116px;
  /* equals to image_item */
  padding: 0 9px; }

.mediagallery_content .stepcarousel_oneimage .beltContainer {
  clear: both;
  overflow: hidden; }

.mediagallery_content .stepcarousel_oneimage .beltContainer .relatedContent {
  width: 640px;
  /* equals to image_item */
  padding: 0 10px; }

/***********************/
/* Navigation panel */
/***********************/
.mediagallery_content .stepcarousel_oneimage .stepcarousel_nav {
  margin-top: 10px; }

.mediagallery_content .stepcarousel_nav div {
  float: left;
  height: 24px;
  -webkit-user-select: none;
  /* disable text selection */
  -moz-user-select: none;
  cursor: default; }

.mediagallery_content .stepcarousel_oneimage .info {
  background: white url("../images/pdv/navigation-normal.png") repeat-x 0px 0px;
  color: #f7efef;
  font-family: Arial;
  padding-bottom: 2px;
  width: 100px;
  text-align: center;
  padding: 3px; }

.mediagallery_content .stepcarousel_oneimage .autoplay {
  background: white url("../images/pdv/navigation-normal.png") repeat-x 0px 0px;
  color: #f7efef;
  margin-left: 2px; }

.mediagallery_content .stepcarousel_oneimage .autoplay div.autoplay_label {
  max-width: 59px;
  font-size: 10px;
  font-family: Arial;
  line-height: 12px; }

.mediagallery_content .stepcarousel_oneimage .autoplay div.autoplay_button {
  margin-left: 10px;
  width: 24px; }

.mediagallery_content .stepcarousel_oneimage .autoplay .autoplay_start {
  background: white url("../images/stepcarousel/play_start.png") no-repeat;
  cursor: pointer; }

.mediagallery_content .stepcarousel_oneimage .autoplay .autoplay_pause {
  background: white url("../images/stepcarousel/play_pause.png") no-repeat;
  cursor: pointer; }

.mediagallery_content .stepcarousel_oneimage .autoplay div.autoplay_slower,
.mediagallery_content .stepcarousel_oneimage .autoplay div.autoplay_faster {
  margin-left: 10px;
  font-size: 24px;
  width: 20px;
  color: #f7efef;
  text-align: center;
  line-height: 22px;
  cursor: pointer; }

.mediagallery_content .stepcarousel_oneimage .autoplay div.autoplay_slower:hover,
.mediagallery_content .stepcarousel_oneimage .autoplay div.autoplay_faster:hover {
  background: #d6dfe7 url("../images/pdv/navigation-select.png") repeat-x 0px 0px;
  color: #00639c; }

.mediagallery_content .stepcarousel_oneimage .autoplay div.autoplay_interval {
  margin-left: 10px;
  margin-top: 3px;
  width: 27px; }

/***********************/
/* Preview gallery prev/next buttons */
/***********************/
.mediagallery_content .stepcarousel_oneimage .btn {
  height: 24px;
  width: 54px;
  float: left;
  cursor: pointer; }

.mediagallery_content .stepcarousel_oneimage .btn_prev {
  background: white url("../images/stepcarousel/btn_prev.png") no-repeat;
  margin-right: 2px; }

.mediagallery_content .stepcarousel_oneimage .btn_next {
  background: white url("../images/stepcarousel/btn_next.png") no-repeat;
  margin-left: 2px; }

/***********************/
/* Paging gallery prev/next buttons */
/***********************/
.mediagallery_content .stepcarousel_line .btn {
  float: left;
  border: 1px solid #DBDBDB;
  height: 105px;
  width: 35px;
  cursor: pointer; }

.mediagallery_content .stepcarousel_line .btn_prev {
  background: white url("../images/stepcarousel/btn_paging_prev.png") no-repeat; }

.mediagallery_content .stepcarousel_line .btn_next {
  background: white url("../images/stepcarousel/btn_paging_next.png") no-repeat; }

/***********************/
/* Preview and paging text */
/***********************/
div.stepcarousel_oneimage .ratinglabel {
  clear: left;
  /* force two lines; one line is too wide here */ }

div.stepcarousel_oneimage div.stepcarousel_meta_caption,
div.stepcarousel_oneimage div.stepcarousel_meta_source,
div.stepcarousel_oneimage div.stepcarousel_meta_clicks,
div.stepcarousel_oneimage div.stepcarousel_meta_text1,
div.stepcarousel_oneimage div.stepcarousel_meta_text2,
div.stepcarousel_oneimage div.stepcarousel_meta_text3,
div.stepcarousel_oneimage div.ratingContainer {
  font-size: x-small;
  text-align: left;
  max-width: 391px;
  /* equal to image_item */ }

div.stepcarousel_line div.stepcarousel_meta_caption,
div.stepcarousel_line div.stepcarousel_meta_source,
div.stepcarousel_line div.stepcarousel_meta_clicks,
div.stepcarousel_line div.stepcarousel_meta_text1,
div.stepcarousel_line div.stepcarousel_meta_text2,
div.stepcarousel_line div.stepcarousel_meta_text3 {
  max-width: 116px;
  /* equal to image_item */
  font-size: xx-small;
  line-height: 12px;
  text-align: left; }

div.stepcarousel_meta_text1,
div.stepcarousel_meta_text2,
div.stepcarousel_meta_text3 {
  float: left; }

div.stepcarousel_meta_caption,
div.stepcarousel_meta_source,
div.stepcarousel_meta_clicks {
  clear: right; }