/*
    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; }
#cboxoverlay { position: fixed; width: 100%; height: 100%; }
#cboxmiddleleft, #cboxbottomleft { clear: left; }
#cboxcontent { position: relative; }
#cboxloadedcontent { overflow: auto; }
#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; }
.cboxiframe { width: 100%; height: 100%; display: block; border: 0; }
#colorbox, #cboxcontent, #cboxloadedcontent { box-sizing: content-box; }
/* 
    user style:
    change the following styles to modify the appearance of colorbox.  they are
    ordered & tabbed in a way that represents the nesting of the generated html.
*/
#cboxoverlay { background: url(/uploads/image/sjrimages/overlay.png) repeat 0 0; }
#colorbox { }
#cboxtopleft { width: 21px; height: 21px; background: url(/uploads/image/sjrimages/controls.png) no-repeat -101px 0; }
#cboxtopright { width: 21px; height: 21px; background: url(/uploads/image/sjrimages/controls.png) no-repeat -130px 0; }
#cboxbottomleft { width: 21px; height: 21px; background: url(/uploads/image/sjrimages/controls.png) no-repeat -101px -29px; }
#cboxbottomright { width: 21px; height: 21px; background: url(/uploads/image/sjrimages/controls.png) no-repeat -130px -29px; }
#cboxmiddleleft { width: 21px; background: url(/uploads/image/sjrimages/controls.png) left top repeat-y; }
#cboxmiddleright { width: 21px; background: url(/uploads/image/sjrimages/controls.png) right top repeat-y; }
#cboxtopcenter { height: 21px; background: url(/uploads/image/sjrimages/border.png) 0 0 repeat-x; }
#cboxbottomcenter { height: 21px; background: url(/uploads/image/sjrimages/border.png) 0 -29px repeat-x; }
#cboxcontent { background: #fff; overflow: hidden; }
.cboxiframe { background: #fff; }
#cboxerror { padding: 50px; border: 1px solid #ccc; }
#cboxloadedcontent { margin-bottom: 28px; }
#cboxtitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; }
#cboxcurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; }
#cboxslideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; }
#cboxprevious { position: absolute; bottom: 0; left: 0; background: url(/uploads/image/sjrimages/controls.png) no-repeat -75px 0; width: 25px; height: 25px; text-indent: -9999px; }
#cboxprevious:hover { background-position: -75px -25px; }
#cboxnext { position: absolute; bottom: 0; left: 27px; background: url(/uploads/image/sjrimages/controls.png) no-repeat -50px 0; width: 25px; height: 25px; text-indent: -9999px; }
#cboxnext:hover { background-position: -50px -25px; }
#cboxloadingoverlay { background: url(/uploads/image/sjrimages/loading_background.png) no-repeat center center; }
#cboxloadinggraphic { background: url(/uploads/image/sjrimages/loading.gif) no-repeat center center; }
#cboxclose { position: absolute; bottom: 0; right: 0; background: url(/uploads/image/sjrimages/controls.png) no-repeat -25px 0; width: 25px; height: 25px; text-indent: -9999px; }
#cboxclose:hover { background-position: -25px -25px; }
/*
  the following fixes a problem where ie7 and ie8 replace a png's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  this style is not applied to or needed in ie9.
  see: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxie #cboxtopleft, .cboxie #cboxtopcenter, .cboxie #cboxtopright, .cboxie #cboxbottomleft, .cboxie #cboxbottomcenter, .cboxie #cboxbottomright, .cboxie #cboxmiddleleft, .cboxie #cboxmiddleright {  filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#00ffffff, endcolorstr=#00ffffff);
}
/*
  the following provides png transparency support for ie6
  feel free to remove this and the /ie6/ directory if you have dropped ie6 support.
*/
.cboxie6 #cboxtopleft { background: ; }
.cboxie6 #cboxtopcenter { background: ; }
.cboxie6 #cboxtopright { background: ; }
.cboxie6 #cboxbottomleft { background: ; }
.cboxie6 #cboxbottomcenter { background: ; }
.cboxie6 #cboxbottomright { background: ; }
.cboxie6 #cboxmiddleleft { background: ; }
.cboxie6 #cboxmiddleright { background: ; }
.cboxie6 #cboxtopleft, .cboxie6 #cboxtopcenter, .cboxie6 #cboxtopright, .cboxie6 #cboxbottomleft, .cboxie6 #cboxbottomcenter, .cboxie6 #cboxbottomright, .cboxie6 #cboxmiddleleft, .cboxie6 #cboxmiddleright {  _behavior: expression(this.src = this.src ? this.src : this.currentstyle.backgroundimage.split('"')[1], this.style.background = "none", this.style.filter = "progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale')");
}