/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}


/* 
    ColorBox 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.
*/
#cboxOverlay{background-color: rgba(0,0,0,0.8);}

/* Rounded borders, shadows and gradients */
#colorbox { box-shadow:0 0 15px 0 #333; -webkit-box-shadow:0 0 15px 0 #333; -moz-box-shadow:0 0 15px 0 #333; }
#colorbox:focus { outline: 0 }
#colorbox, #cboxWrapper, #cboxContent, #cboxLoadingOverlay { -moz-border-radius: 14px; border-radius: 14px; -webkit-border-radius: 14px; }
#cboxTitle { -moz-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0; -webkit-border-radius: 12px 12px 0 0; }
#cboxLoadedContent { -moz-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px; -webkit-border-radius: 0 0 12px 12px; }
#cboxTitle {
  background: -moz-linear-gradient(top,#6bb7cb,#537A84);
  background: -webkit-gradient(linear, left top, left bottom, from(#6bb7cb), to(#537A84));
}
  

/* linking to sprites */
#cboxClose { background: url('../images/sprite-no-repeat.gif') no-repeat -346px 0; border: 0; }

#colorbox{}
  #cboxWrapper{}
    #cboxContent{background:#fff;}
      #cboxLoadedContent{margin-top:70px; padding:20px; border:6px solid #537A84; border-top: 0; }
      #cboxTitle{height:70px; position:absolute; top:0px; left:0; background-color:#537A84; background-position: 0 0; text-align:left; width:94%; padding-left:6%; color:#fff; font-size:30px; line-height:70px; text-shadow: -1px -1px 0 #333; }
      #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
      #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
      #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
      #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
      #cboxLoadingOverlay{background:url(images/loading.gif) 50% 50% no-repeat #fff;}
      #cboxClose{position:absolute; top:20px; right:25px; display:block; color:#444; text-indent: -9999px; width: 29px; height: 29px; }