/*_________________________________________________________________  Overlay  */
#shadowbox_overlay {
  visibility: hidden;
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 998;
}

/*_______________________________________________________________  Container  */
#shadowbox_container {
  position: fixed;
  height: 0px;
  width: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: center; /* centers in quirks and IE */
}

/*_______________________________________________________________  Shadowbox  */
#shadowbox {
  display: none;
  visibility: hidden;
  margin: 0 auto;
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  text-align: left; /* reset left alignment */
}

/*___________________________________________________________________  Title  */
/*
HTML snapshot:
<div id="shadowbox_title">
  <div id="shadowbox_title_inner">Title Here</div>
</div>
*/
#shadowbox_title {
  height: 26px;
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner {
  height: 26px;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
  padding-top: 0;
  padding-left: 8px;
  color: #d5e5a6;
  float: left;
}

#shadowbox_title_close {
  height: 26px;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  padding-top: 4px;
  padding-right: 8px;
  float: right;
}

#shadowbox_title_close a:link, #shadowbox_title_close a:visited, #shadowbox_title_close a:hover {
	color: #B1CEFD;
	text-decoration: none;
}

.shadowbox_clear {
	clear: both;
    display: block;
    margin: 0;
    padding: 0;
    height: 0;
    line-height: 1px;
    font-size: 1px;
}

/*____________________________________________________________________  Body  */
/*
HTML snapsnot:
<div id="shadowbox_body">
  <div id="shadowbox_body_inner">
    <img src="my_image.jpg" id="shadowbox_content" height="350" width="580">
  </div>
  <div id="shadowbox_loading">
    <img src="images/loading.gif" alt="loading"></div>
    <span><a href="javascript:Shadowbox.close();">Cancel</a></span>
  </div>
</div>
*/
#shadowbox_body {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 4px solid #d5e5a6;
  background-color: #d5e5a6;
}
#shadowbox_body_inner {
  position: relative;
  overflow: hidden;
}
#shadowbox_loading {
  position: absolute;
  top: 0;
  left: 0;
  height: 10000px; /* overflow:hidden will clip this */
  width: 100%;
  background-color: #d5e5a6;
}
#shadowbox_loading img {
  margin: 10px 10px 0 10px;
}

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





/*_________________________________________________________________  Toolbar  */

#shadowbox_toolbar {
  margin: 0;
  padding: 0;
  height: 22px;
  overflow: hidden;
}
#shadowbox_toolbar_inner {
  height: 22px;
  color: #B1CEFD;
}
#shadowbox_toolbar_inner div {
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 14px;
  font-weight: bold;
  height: 16px;
  line-height: 16px;
}
#shadowbox_toolbar_inner div span.shortcut {
  text-decoration: underline;
  font-weight: bold;
}
#shadowbox_toolbar_inner div a {
  text-decoration: none;
  color: #B1CEFD;
}
#shadowbox_nav_previous,
#shadowbox_nav_next {
  float: right;
  padding-right: 8px;
}
#shadowbox_counter {
  float: left;
  padding-left: 8px;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
  font-weight: bold;
}

/*________________________________________________________________  Messages  */
div.shadowbox_message {
  text-align: center;
  padding: 10px;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  text-decoration: none;
  color: #bed333;
}
div.shadowbox_message a:hover,
div.shadowbox_message a:focus {
  text-decoration: underline;
}