#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: 99999;
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;
}
#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: 32px;
width: 32px;
background-image: url(loading.gif);
background-repeat: no-repeat;
}
#shadowbox_loading span {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
float: left;
margin-top: 16px;
}
#shadowbox_loading span a,
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
color: #ccc;
text-decoration: none;
}

/*____________________________________________________________  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:Verdana, Arial, Helvetica, sans-serif;
line-height: 16px;
}
#shadowbox_title {
  height: auto;
}
* html #shadowbox_title {height: 42px;}

#shadowbox_title_inner {
font-size: 12px;
padding: 5px 0;
color: #fff;
}
* html #shadowbox_title_inner {font-size: 10px; line-height:11px;}

#shadowbox_info {
height: 20px;
}
#shadowbox_info_inner {
font-size: 12px;
color: #fff;
}

/*_____________________________________________________________________  nav  */
#shadowbox_nav {
float: right;
height: 16px;
padding: 2px 0;
width: 45%;
}
#shadowbox_nav a {
display: block;
float: right;
height: 16px;
width: 16px;
margin-left: 3px;
cursor: pointer;
}
#shadowbox_nav_close {
background-image: url(close.png);
background-repeat: no-repeat;
}
#shadowbox_nav_next {
background-image: url(next.png);
background-repeat: no-repeat;
}
#shadowbox_nav_previous {
background-image: url(previous.png);
background-repeat: no-repeat;
}
#shadowbox_nav_play {
background-image: url(play.png);
background-repeat: no-repeat;
}
#shadowbox_nav_pause {
background-image: url(pause.png);
background-repeat: 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: #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:Verdana, Arial, Helvetica, 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;
}