/**
 * The "concept" theme CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * @author      FrosT ]S[tudio Design - "Infernal" <FrosT@frost-haker.com>
 * @copyright   2000-2008 FrosT ][orporation
 * @license     http://www.frost-haker.com
 * @version     V.1.0.1 $
 */

/*_____________________________________________________  container & 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: 10002;
  text-align: center; /* centers #shadowbox in quirks and IE */
}
#shadowbox_overlay {
  position: absolute;
}

/*_______________________________________________________________  shadowbox  */
#shadowbox {
  position: relative;
  margin: 0 auto;
  text-align: left; /* reset left alignment */
}

/*____________________________________________________________________  body  */
#shadowbox_body {
  position: relative;
  margin: 0;
  padding: 0;
  border: 1px solid #333;
  overflow: hidden;
  /*-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;*/ 
}
#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: #060606; /* should match loading image background color */
}
#shadowbox_loading_indicator {
  float: left;
  margin: 10px 10px 0 10px;
  height: 24px;
  width: 24px;
  background-image: url(loading.gif);
  background-repeat: no-repeat;
}
#shadowbox_loading span {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 10px;
  float: left;
  margin-top: 8px;
  display:none;
}
#shadowbox_loading span a,
#shadowbox_loading span a:link,
#shadowbox_loading span a:hover,
#shadowbox_loading span a:visited {
  color: #ffffcb;
}

#shadowbox_loading span a:hover{
  text-decoration: underline;
}

/*____________________________________________________________  title & info  */
#shadowbox_title, #shadowbox_info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner, #shadowbox_info_inner {
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  line-height: 1em;
}
#shadowbox_title {
  height: 26px;
}
#shadowbox_title_inner {
  font-size: 16px;
  font-weight:bold;
  padding: 5px 0;
  color: #fff;
}
#shadowbox_info {
  height: 20px;
}
#shadowbox_info_inner {
  font-size: 12px;
  color: #fff;
}

/*___________________________________________________________  nav additions  */

#shadow_zoom_icon{display:block;width:33px;height:33px;position:absolute;top:0;right:0;background:url(icons/zoom.png);opacity:0;}

#shadowbox_nav_previous_center, #shadowbox_nav_next_center/*,#shadowbox_nav_close_top*/{
	opacity:.65;cursor:pointer;
	transition:all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-webkit-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;	
}

#shadowbox_nav_previous_center, #shadowbox_nav_next_center{
	position:absolute;width:27px;top:25%;height:50%;
	
}

#shadowbox_nav_previous_center{left:-27px;background:url(icons/arrow-previous-20-thick.png) left center no-repeat;}

#shadowbox_nav_previous_center:hover{left:-29px;opacity:1;}

#shadowbox_nav_next_center{right:-27px;background:url(icons/arrow-next-20-thick.png) right center no-repeat;}

#shadowbox_nav_next_center:hover{right:-29px;opacity:1;}

/*#shadowbox_topnav_close{position:absolute;top:6px;right:-20px;width:16px;height:16px;background:url(icons/close-top.png) center no-repeat;background-size:contain;}*/
#shadowbox_nav_close_top{
	position:absolute;top:16px;right:-8px;width:30px;height:30px;background:url(icons/close-top-2.png) center no-repeat;background-size:contain;cursor:pointer;
	transition:all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-webkit-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;	
}
/*#shadowbox_topnav_close{display:none;}*/

#shadowbox_nav_close_top:hover{opacity:.8;}

#shadowbox_nav_mobile{display:none;}

/*_____________________________________________________________________  nav  */
#shadowbox_nav_mobile,#shadowbox_nav {
  float: right;
  height: 16px;
  padding: 0;
  width: 45%;
}
#shadowbox_nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
  opacity:.75;
  margin-top:1px;
}
#shadowbox_nav_close {
  background-image: url(icons/close.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_close:hover {
  /*background-image: url(icons/close_hover.png);
  background-repeat: no-repeat;*/
  opacity:1;
}
#shadowbox_nav_next {
  background-image: url(icons/next.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_next:hover {
  /*background-image: url(icons/next_hover.png);
  background-repeat: no-repeat;*/
  opacity:1;
}
#shadowbox_nav_previous {
  background-image: url(icons/previous.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_previous:hover {
  /*background-image: url(icons/previous_hover.png);
  background-repeat: no-repeat;*/
  opacity:1;
}
#shadowbox_nav_play {
  background-image: url(icons/play.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_play:hover {
  /*background-image: url(icons/play_hover.png);
  background-repeat: no-repeat;*/
  opacity:1;
}
#shadowbox_nav_pause {
  background-image: url(icons/pause.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_pause:hover {
  /*background-image: url(icons/pause_hover.png);
  background-repeat: no-repeat;*/
  opacity:1;
}

/*_________________________________________________________________  counter  */
#shadowbox_counter {
  float: left;
  padding: 3px 0;
  width: 45%;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
}

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

/*________________________________________________________________  messages  */
div.shadowbox_message {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  color: #fff;
  text-decoration: underline;
}

@media only screen and (max-width: 599px) {

	#shadowbox_title{display:none;}

	#shadowbox_nav_previous_center{display:none;left:-19px;background:url(icons/arrow-previous-20-thick-sm.png) left center no-repeat;}
	
	#shadowbox_nav_previous_center:hover{left:-21px;}
	
	#shadowbox_nav_next_center{display:none;right:-19px;background:url(icons/arrow-next-20-thick-sm.png) right center no-repeat;}
	
	#shadowbox_nav_next_center:hover{right:-21px;}
	
	#shadowbox_nav_mobile{display:block;margin: 3px 0;text-align:right;width:auto;}
	
	#shadowbox_nav{display:none;}
	
	#shadowbox_nav_close_top{display:block;}
	
	#shadowbox_counter {width:auto;}
	
	#shadowbox_nav_close_top{top:-8px;}
	
}