/* --------------------------------	*/
/* container en overlay			 	*/
/* --------------------------------	*/
#shadowbox_container, 
#shadowbox_overlay {
  top				: 0;
  left				: 0;
  height			: 100%;
  width				: 100%;
  margin			: 0;
  padding			: 0;
}

#shadowbox_container {
  position			: fixed;
  display			: block;
  visibility		: hidden;
  z-index			: 999;
  text-align		: center; /* centers #shadowbox in quirks and IE */
}

#shadowbox_overlay {
  position			: absolute;
}

/* --------------------------------	*/
/* shadowbox					 	*/
/* --------------------------------	*/
#shadowbox {
  position			: relative;
  margin			: 0 auto;
  padding			: 0 10px;
  text-align		: left; /* reset left alignment */
  background		: #FFF;
}

/* --------------------------------	*/
/* body							 	*/
/* --------------------------------	*/
#shadowbox_body {
  position			: relative;
  margin			: 0;
  padding			: 0;
  overflow			: hidden;
}

#shadowbox_body_inner {
  position			: relative;
  height			: 100%;
}

#shadowbox_content.html {
  height			: 100%;
  overflow			: auto; /* make html content scrollable */
}

/* --------------------------------	*/
/* loading						 	*/
/* --------------------------------	*/
#shadowbox_loading {
  position			: absolute;
  top				: 0;
  width				: 100%;
  height			: 100%;
}

#shadowbox_body, 
#shadowbox_loading {
  background-color	: #FFF; /* should match loading image background color */
}

#shadowbox_loading_indicator {
  position			: relative;
  margin			: 10px auto;
  height			: 32px;
  width				: 32px;
  background		: url(../img/shadowbox/loading.gif) no-repeat;
}

#shadowbox_loading span {
  font-size			: 10px;
  float				: left;
  margin-top		: 16px;
}

#shadowbox_loading span a {
  color				: #000;
}

/* --------------------------------	*/
/* titel en info				 	*/
/* --------------------------------	*/
#shadowbox_title, 
#shadowbox_info {
  	position			: relative;
  	margin				: 0; /* these must have no vertical margin or padding */
  	padding				: 5px 0;
  	overflow			: hidden;
}

#shadowbox_title_inner, 
#shadowbox_info_inner {
  	position			: relative;
  	line-height			: 16px;
}

#shadowbox_title {
  	height				: 20px;
}

#shadowbox_title_inner {
  	font-size			: 12px;
  	color				: #000;
}

#shadowbox_info {
  	height				: 20px;
}

#shadowbox_info_inner {
	
  	color				: #000;
}

/* --------------------------------	*/
/* navigatie				 		*/
/* --------------------------------	*/
#shadowbox_nav {
  float				: right;
  height			: 16px;
  padding			: 2px 0;
  width				: 45%;
}

#shadowbox_nav a {
  float				: right;
  height			: 16px;
  width				: 16px;
  margin-left		: 3px;
  cursor			: pointer;
}

#shadowbox_nav_close 	{ background: url(../img/shadowbox/close.png) no-repeat; }
#shadowbox_nav_next 	{ background: url(../img/shadowbox/next.png) no-repeat; }
#shadowbox_nav_previous { background: url(../img/shadowbox/previous.png) no-repeat; }
#shadowbox_nav_play 	{ background: url(../img/shadowbox/play.png) no-repeat; }
#shadowbox_nav_pause 	{ background: url(../img/shadowbox/pause.png) no-repeat; }

/* --------------------------------	*/
/* counter					 		*/
/* --------------------------------	*/
#shadowbox_counter {
  float				: left;
  padding			: 2px 0;
  width				: 45%;
}

#shadowbox_counter a {
  padding			: 0 4px 0 0;
  text-decoration	: none;
  cursor			: pointer;
  color				: #000;
}

#shadowbox_counter a.shadowbox_counter_current {
  text-decoration	: underline;
}

/* --------------------------------	*/
/* clear					 		*/
/* --------------------------------	*/
div.shadowbox_clear {
  clear				: both; /* clear floating counter & nav */
}

/* --------------------------------	*/
/* messages					 		*/
/* --------------------------------	*/
div.shadowbox_message {
  font-size			: 12px;
  padding			: 10px;
  text-align		: center;
}

div.shadowbox_message a {
  color				: #000;
}


#sb-title-inner,
#sb-info-inner,
#sb-loading-inner,
div.sb-message {
	font-family         : Arial, sans-serif;
	font-weight         : normal;
	color               : #fff;
}

#sb-container {
	position            : fixed;
	margin              : 0;
	padding             : 0;
	top                 : 0;
	left                : 0;
	z-index             : 999;
	text-align          : left;
	visibility          : hidden;
	display             : none;
}

#sb-overlay {
	position            : relative;
	height              : 100%;
	width               : 100%;

}

#sb-wrapper {
	position            : absolute;
	visibility          : hidden;
	width               : 100px;
}

#sb-wrapper-inner {
	position            : relative;
	border              : 1px solid #303030;
	overflow            : hidden;
	height              : 100px;
}

#sb-body {
	position            : relative;
	height              : 100%;
}

#sb-body-inner {
	position            : absolute;
	height              : 100%;
	width               : 100%;
}

#sb-player.html {
	height              : 100%;
	overflow            : auto;
}

#sb-body img {
	border              : none;
}

#sb-loading {
	position            : relative;
	height              : 100%;
}

#sb-loading-inner {
	position            : absolute;
	font-size           : 14px;
	line-height         : 24px;
	height              : 24px;
	top                 : 50%;
	margin-top          : -12px;
	width               : 100%;
	text-align          : center;
}

#sb-loading-inner span {
	background          : url(../img/shadowbox/loading.gif) no-repeat;
	width				: 258px;
	height				: 68px;
	display             : inline-block;
	text-indent			: -900em;
	margin				: -50px 0 0;
	text-align			: center;
}

#sb-body, 
#sb-loading {
	background-color    : #FFF;
}

#sb-title, 
#sb-info {
	position            : relative;
	margin              : 0;
	padding             : 0;
	overflow            : hidden;
}

#sb-title, 
#sb-title-inner {
	height              : 26px;
	line-height         : 26px;
}

#sb-title-inner {
	font-size           : 16px;
}

#sb-info, 
#sb-info-inner {
	height              : 20px;
	line-height         : 20px;
}

#sb-info-inner {
	font-size           : 12px;
}

#sb-nav {
	float               : right;
	height              : 16px;
	padding             : 2px 0;
	width               : 45%;
}

#sb-nav a {
	display             : block;
	float               : right;
	height              : 16px;
	width               : 16px;
	margin-left         : 3px;
	cursor              : pointer;
	background-repeat   : no-repeat;
}

#sb-nav-close 		{ background-image: url(../img/shadowbox/close.png); }
#sb-nav-next 		{ background-image: url(../img/shadowbox/next.png); }
#sb-nav-previous	{ background-image: url(../img/shadowbox/previous.png); }
#sb-nav-play 		{ background-image: url(../img/shadowbox/play.png); }
#sb-nav-pause 		{ background-image: url(../img/shadowbox/pause.png); }

#sb-counter {
	float               : left;
	width               : 45%;
}

#sb-counter a {
	padding             : 0 4px 0 0;
	text-decoration     : none;
	cursor              : pointer;
	color               : #fff;
}

#sb-counter a.sb-counter-current {
	text-decoration     : underline;
}

div.sb-message {
	font-size           : 12px;
	padding             : 10px;
	text-align          : center;
}

div.sb-message a:link, 
div.sb-message a:visited {
	color               : #fff;
	text-decoration     : underline;
}