/*_____________________________________________________  container & overlay  */
#contentbox_container, #contentbox_overlay {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
#contentbox_container {
  position: fixed;
  display: block;
  visibility: hidden;
  z-index: 999;
  text-align: center; /* centers #contentbox in quirks and IE */
}
#contentbox_overlay {
  position: absolute;
}

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

/*____________________________________________________________________  body  */
#contentbox_body {
  position: relative;
  margin: 0;
  padding: 0;
  border: 10px solid #ca001a;
  overflow: hidden;
}
#contentbox_body_inner {
  position: relative;
  height: 100%;
  background:#fff;
}
#contentbox_content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

/*_________________________________________________________________  loading  */
#contentbox_loading {
  position: absolute;
  top:50%;
  left:50%;
  margin-left:-50px;
  width: 100%;
  height: 100%;
}
#contentbox_body, #contentbox_loading {
  background-color: #ffffff; /* should match loading image background color */
}
#contentbox_loading_indicator {
  margin: -5px 0 0 0;
  height: 20px;
  width: 200px;
  background-image: url(/webapp_homepage//media/static/img/imgLoading.gif);
  background-repeat: no-repeat;
}
#contentbox_loading span {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 11px;
  margin:0 0 0 0;
}
#contentbox_loading span a:link,
#contentbox_loading span a:visited {
  color: #fff;
  text-decoration: underline;
  margin:0px;
}

/*____________________________________________________________  title & info  */
#contentbox_title, #contentbox_info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
  background:#ca001a;
}
#contentbox_title_inner, #contentbox_info_inner {
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  line-height: 16px;
}
#contentbox_title {
  height: 24px;
  padding:5px 0 0 10px;
}
#contentbox_title_inner {
  font-size: 12px;
  padding: 5px 0;
  color: #fff;
  font-weight:600;
}
#contentbox_info {
  height: 40px;
  padding:0 0 0 10px;
}
#contentbox_info_inner {
  font-size: 12px;
  color: #fff;
}

/*_____________________________________________________________________  nav  */
#contentbox_nav {
  float: right;
  height: 45px;
  padding: 2px 10px 0 0;
  width: 45%;
}
#contentbox_nav2 {
  position:absolute;
  top:-14px;
  right:-12px;
  height: 24px;
  width:24px;
  z-index:2;
  padding: 2px 0 0 0;
}
#contentbox_nav a, #contentbox_nav2 a {
  display: block;
  float: right;
  height: 24px;
  width: 24px;
  margin-left: 3px;
  cursor: pointer;
}
#contentbox_nav_close {
  background-image: url(/webapp_homepage//media/static/img/imgCloseLabel.png);
  background-repeat: no-repeat;
}
#contentbox_nav_next {
  background-image: url(/webapp_homepage//media/static/img/imgRight.png);
  background-repeat: no-repeat;
}
#contentbox_nav_previous {
  background-image: url(/webapp_homepage//media/static/img/imgLeft.png);
  background-repeat: no-repeat;
}
#contentbox_nav_play {
  background-image: url(/webapp_homepage//media/static/img/imgPlay.png);
  background-repeat: no-repeat;
}
#contentbox_nav_pause {
  background-image: url(/webapp_homepage//media/static/img/imgPause.png);
  background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */
#contentbox_counter {
  float: left;
  padding: 2px 0;
  width: 45%;
  font-weight:600;
  font-size:11px;
}
#contentbox_counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#contentbox_counter a.contentbox_counter_current {
  text-decoration: underline;
}

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

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