/* --------------------------------	*/
/* 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			: 14px;
  	color				: #505050;
	font-weight			: bold;
}

#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;
}