/*
*
* !DO NOT EDIT THE CSS FILES, THEY ARE BUILT WITH THE LESS CSS!
* less/header/colorbox.less
*
* ---------------------------
* Styles associated with colorbox and colorbox content
* ---------------------------
*/
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 110;
  overflow: hidden;
  display: block;
  background: #383838;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#colorbox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 110;
  overflow: hidden;
  display: block;
  margin-left: 6px;
  color: #333;
  font-size: 72%;
  line-height: 135%;
}
#colorbox .first {
  margin-left: 0 !important;
  clear: left;
}
#colorbox .grid1,
#colorbox .grid2,
#colorbox .grid3,
#colorbox .grid4,
#colorbox .grid5,
#colorbox .grid6,
#colorbox .grid7,
#colorbox .grid8,
#colorbox .grid9,
#colorbox .grid10,
#colorbox .grid11 {
  float: left;
  margin-left: 24px;
}
#colorbox .grid1 {
  width: 58px;
}
#colorbox .grid2 {
  width: 140px;
}
#colorbox .grid3 {
  width: 222px;
}
#colorbox .grid4 {
  width: 304px;
}
#colorbox .grid5 {
  width: 386px;
}
#colorbox .grid6 {
  width: 468px;
}
#colorbox .grid7 {
  width: 550px;
}
#colorbox .grid8 {
  width: 632px;
}
#colorbox .grid9 {
  width: 714px;
}
#colorbox .grid10 {
  width: 796px;
}
#colorbox .grid11 {
  width: 878px;
}
#colorbox a {
  color: #434343;
  text-decoration: underline;
}
#colorbox a:hover,
#colorbox a:active,
#colorbox a:focus {
  color: #ba0000;
}
#colorbox p {
  margin-bottom: 1.1em;
}
#colorbox #cboxLoadingOverlay,
#colorbox #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#colorbox #cboxLoadingGraphic {
  background: url(images/colorbox/loading.gif) no-repeat center center;
}
#colorbox #cboxLoadedContent {
  overflow: auto;
}
#colorbox #cboxPrevious,
#colorbox #cboxNext,
#colorbox #cboxClose,
#colorbox #cboxSlideshow {
  cursor: pointer;
  background: url(images/colorbox/controls.png) 0 0 no-repeat;
}
#colorbox #cboxContent {
  position: relative;
  margin: 18px 14px 5px 5px;
  padding: 10px 10px 30px;
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 0 5px #000000;
  -webkit-box-shadow: 0 0 5px #000000;
}
#colorbox #cboxContent .cboxPhoto {
  display: block;
  margin: auto;
  border: 0;
}
#colorbox #cboxContent .cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  background: #fff;
}
#colorbox #cboxContent #cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#colorbox #cboxContent #cboxTitle {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 65px 6px 10px;
  -webkit-box-sizing: padding-box;
  -moz-box-sizing: padding-box;
  box-sizing: padding-box;
}
#colorbox #cboxContent #cboxCurrent {
  position: absolute;
  bottom: 30px;
  right: 10px;
  padding: 6px;
  background: #fff;
  border-top-left-radius: 8px;
  text-shadow: 1px 1px 1px #e3e3e3;
  filter: alpha(opacity=25);
  opacity: 0.25;
  -webkit-transition: opacity linear 0.1s;
  -moz-transition: opacity linear 0.1s;
  -ms-transition: opacity linear 0.1s;
  -o-transition: opacity linear 0.1s;
  transition: opacity linear 0.1s;
}
#colorbox #cboxContent #cboxCurrent:hover {
  filter: alpha(opacity=25);
  opacity: 1;
}
#colorbox #cboxContent #cboxSlideshow {
  position: absolute;
  bottom: 7px;
  right: 66px;
  height: 18px;
  text-indent: -9999em;
  line-height: 0;
  width: 13px;
}
#colorbox #cboxContent #cboxPrevious,
#colorbox #cboxContent #cboxNext {
  position: absolute;
  width: 18px;
  height: 18px;
  text-indent: -9999em;
  line-height: 0;
  bottom: 7px;
}
#colorbox #cboxContent #cboxPrevious {
  right: 35px;
}
#colorbox #cboxContent #cboxPrevious:hover {
  background-position: 0 -20px;
}
#colorbox #cboxContent #cboxNext {
  right: 10px;
  background-position: -20px 0;
}
#colorbox #cboxContent #cboxNext:hover {
  background-position: -20px -20px;
}
#colorbox #cboxContent #cboxClose {
  position: absolute;
  top: -18px;
  right: -14px;
  width: 30px;
  height: 33px;
  display: block;
  background-position: -126px 0;
  text-indent: -9999em;
  line-height: 0;
}
#colorbox #cboxContent #cboxClose:hover {
  background-position: -95px 0px;
}
#colorbox.cboxSlideshow_on #cboxContent #cboxTitle {
  padding-right: 94px;
}
#colorbox.cboxSlideshow_on #cboxContent #cboxSlideshow {
  background-position: -82px 0px;
}
#colorbox.cboxSlideshow_on #cboxContent #cboxSlideshow:hover {
  background-position: -82px -20px;
}
#colorbox.cboxSlideshow_off #cboxContent #cboxTitle {
  padding-right: 94px;
}
#colorbox.cboxSlideshow_off #cboxContent #cboxSlideshow {
  background-position: -64px 0px;
}
#colorbox.cboxSlideshow_off #cboxContent #cboxSlideshow:hover {
  background-position: -64px -20px;
}
#alertbox .alert-icon {
  background: url('../images/spriteSheet.png') 0 -18px no-repeat;
  display: block;
  width: 108px;
  height: 108px;
  margin: auto;
}