/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:10002; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay:before, #cboxLoadingGraphic:before,
#cboxLoadingOverlay:after, #cboxLoadingGraphic:after,
#cboxLoadingOverlay, #cboxLoadingGraphic {
  position:absolute; top:36%; left:48%;
  font-size:16px;
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
#cboxLoadingOverlay:before, #cboxLoadingGraphic:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
#cboxLoadingOverlay:after, #cboxLoadingGraphic:after {
  left: 3.5em;
}
#cboxLoadingOverlay:before, #cboxLoadingGraphic:before,
#cboxLoadingOverlay:after, #cboxLoadingGraphic:after {
  content: '';
  position: absolute;
  top: 0;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em #FFF;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #FFF;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em #FFF;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #FFF;
  }
}


#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/

#cboxLoadedContent .leftNav, #cboxLoadedContent .rightNav {
  position:absolute;
  top:45%;
  padding:20px;
  background-color:red;
  z-index:1;
}
#cboxLoadedContent .leftNav {
  left:-30px;
}
#cboxLoadedContent .rightNav {
  right:-30px;
}


#cboxOverlay{background:rgba(0,0,0,0.55);}
#colorbox{}
#cboxTopLeft{width:21px; height:21px;}
#cboxTopRight{width:21px; height:21px;}
#cboxBottomLeft{width:21px; height:21px;}
#cboxBottomRight{width:21px; height:21px;}
#cboxMiddleLeft{width:21px;}
#cboxMiddleRight{width:21px;}
#cboxTopCenter{height:21px;}
#cboxBottomCenter{height:21px;}
#cboxContent{background:#666; box-shadow: 0px 0px 4px #333;}
#cboxLoadedContent{margin-bottom:28px; border:1px solid #666; background-color:#404040; text-align:center; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none;}
#cboxTitle{position:absolute; bottom:12px; left:86px; text-align:center; width:90%; color:#efefef;}
#cboxTitle a {color:#FFF; border-bottom:1px dotted #F9C; padding:2px 5px; border-radius:3px;}
#cboxCurrent{position:absolute; bottom:12px; left:7px; color:#efefef;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; top:40%; left:-16px;
   background:url('../../images/colorbox_controls_primrose.png') -6px 0px no-repeat #303030; width:29px; height:42px;
   border-width:20px 5px; border-style:solid; border-color:#303030; border-radius:3px; text-indent:-9999px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;}
#cboxPrevious:hover{background-position:-6px -42px;}
#cboxNext{position:absolute; top:40%; right:-16px;
  background:url('../../images/colorbox_controls_primrose.png') -33px 0px no-repeat #303030; width:29px; height:42px;
  border-width:20px 5px; border-style:solid; border-color:#303030; border-radius:3px; text-indent:-9999px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;}
#cboxNext:hover{background-position:-33px -42px;}
#cboxClose{position:absolute; top:-20px; right:-18px; background:url('../../images/colorbox_controls_primrose.png') -62px 0px no-repeat; width:37px; height:37px; text-indent:-9999px;}
#cboxClose:hover{background-position:-62px -43px;}