.thumbbrowser
{
	position:	absolute;

	right:		15px;

	top:		15px;
	bottom:		15px;
	
	width:                102px;

	text-align:           center;

	margin-left:          1px;

	border:				1px solid #e9e9e9;
}

/* contains arrowup, arrowdown and thumbnails */
.selectorwidget
{
	position:           absolute; /* contain fadeout elements */
	top:				29px;
	bottom:				29px;
}

/* contains all thumbnails */
.thumblistcontainer
{
	position:			absolute;
/*
This doesn't work correctly in IE8
	top:				0px;
	bottom:				0px;
*/
	height: 100%;

	overflow:             hidden;
}

.thumbcont
{
  position:             relative; /* provide container for .thumbselection */
  display:              block;
  margin-top:           1px;

  background-color:     #000;

  cursor:               pointer;
}

.thumbcont img
{
  display:              block;
  opacity:              0.5;
}

.thumbcont_selected img
{
  opacity:              1;
}

.thumbselection
{
  position:     absolute;
  top:          0px;
  left:         0px;
  bottom:       0px;
  right:        0px;
/*  border:       5px solid #0da6f7;*/
  border:		4px solid #AA0000;
}

/*
.fadeout_top
{
  display:		block;

  position:   absolute;
  top:        0px;
  width:      100%;
  height:     24px;
  z-index:    5;

  background: transparent url('fadeout_top.png') repeat-x scroll top left;
}

.fadeout_bottom
{
  display:		block;

  position:   absolute;
  bottom:     0px;
  width:      100%;
  height:     24px;
  z-index:    5;

  background: transparent url('fadeout_bottom.png') repeat-x scroll top left;
}
*/

.thumbprev,
.thumbnext
{
  width:				100%;
  height:               29px;

  text-align:           center;
  color:                #FFFFFF;

  cursor:               pointer;
  -moz-user-select:     none;
}

.thumbprev
{
  position:				absolute;
  top:					0px;

  background:           #ddd url('arrow_up.png') no-repeat center center;
  margin-bottom:        1px;
}

.thumbnext
{
  position:				absolute;
  bottom:				0px;

  background:           #ddd url('arrow_down.png') no-repeat center center;
  margin-top:           1px;
}

.thumbprev_disabled,
.thumbnext_disabled
{
  background-image:     none;
}

#fullsizeimage
{
  display:              block;
  margin:               0 auto; /* horizontal align for block, instead of inline+text-align:center */

	max-width:	100%;
	max-height:	100%;
}