/* image-viewer demo CSS */

/* wait cursor */

.waiter { 
  display: block;
  width: 20px;
  height: 20px;
}
.waiter.waiting { 
  background: url(spinny.gif);
}


/* the viewer */

#itemImageViewer { 
  position: relative;
  width: 650px;
  height: 534px;
  margin: 1em auto;
}

#itemImageViewer .waiter { 
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
}

#itemImageViewer #fullView { 
  position: absolute;
  top: 0px;
  left: 120px;
  width: 530px;
  height: 534px;
  overflow: hidden;
  background-image: url(images/current-bg-full.gif);
}

#itemImageViewer #fullView .image { 
  position: absolute;
  width: 530px;
  height: 534px;
}

#itemImageViewer #fullView .image img { 
  border: 1px solid #666;
}

#itemImageViewer #fullView .image .imageLoaderProxy { 
  position: absolute;
  width: 100px;
  height: 100px;
  background-color: cyan;
}

#itemImageViewer #thumbView { 
  position: absolute;
  top: 50px;
  left: 0px;
  width: 120px;
  height: 480px;
  overflow: hidden;
}

#itemImageViewer #thumbView .thumbs { 
  position: absolute;
  top: 0px;
  left: 0px;
  border: 0;
}

#itemImageViewer #thumbView .thumbs .image { 
  position: absolute;
  width: 120px;
  height: 120px;
  border: 0;
}

#itemImageViewer #thumbView .thumbs .image img { 
  border: 1px solid #666;
}

#itemImageViewer #thumbView .thumbs .image.current { 
  background-image: url(images/current-bg-thumb.gif);
}

#itemImageViewer #controlView { 
  position: absolute;
  top: 0px;
  left: 0px;
  width: 120px;
  height: 50px;
  text-align: center;
}

#itemImageViewer #controlView .button { 
  position: absolute;
  display: block;
  top: 11px;
  width: 21px;
  height: 28px;
  text-indent: -8000px;
  cursor: pointer;
}

#itemImageViewer #controlView #nextPageButton { 
  right: 37px;
  background: url(images/up-down.gif) 0px 0px;
}

#itemImageViewer #controlView #nextPageButton.disabled { 
  background: url(images/up-down.gif) -42px 0px;
}

#itemImageViewer #controlView #prevPageButton { 
  right: 13px;
  background: url(images/up-down.gif) -21px 0px;
}

#itemImageViewer #controlView #prevPageButton.disabled { 
  background: url(images/up-down.gif) -63px 0px;
}


#itemImageViewer #controlView #playButton { 
  top: 9px;
  left: 13px;
  width: 35px;
  height: 32px;
  background: url(images/play-pause.gif) 0px 0px;
}

#itemImageViewer #controlView #playButton.disabled { 
  background: url(images/play-pause.gif) -70px 0px;
}

#itemImageViewer #controlView #playButton.playing { 
  background: url(images/play-pause.gif) -35px 0px;
}

#itemImageViewer #controlView #playButton.playing.disabled { 
  background: url(images/play-pause.gif) -105px 0px;
}