/* the large image. we use a gray border around it */
#img {
  border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev, .submit, #cboxNext, #cboxPrevious {
  
  /* absolute positioning relative to the overlay */
  background: #ffffff;
  border:0;
  opacity: 0.65 !important;
  filter: alpha(opacity = 65) !important;
  font-family: "museo-sans-1","museo-sans-2", Helvetica, sans-serif;
  position:absolute;
  top:40%; 
  cursor:pointer;
  display:block;
  padding:10px 20px;
  color:#000;
/*
  font-family: "ff-meta-serif-sc-web-pro-1","ff-meta-serif-sc-web-pro-2",serif;
*/
  font-size:14px;
  
  /* upcoming CSS3 features */

}

form #wizard .next, form #wizard .prev, form #wizard .submit, #feedback .submit {
  opacity: 1 !important;
  filter: alpha(opacity = 100) !important;
}

a.prev, #cboxPrevious {
  left:0;
  border-left:0;
  -moz-border-radius-topleft:0;
  -moz-border-radius-bottomleft:0;
  -webkit-border-bottom-left-radius:0;
  -webkit-border-top-left-radius:0;
}

a.next, #cboxNext {
  right:0;
  border-right:0;
  -moz-border-radius-topright:0;
  -moz-border-radius-bottomright:0;
  -webkit-border-bottom-right-radius:0;
  -webkit-border-top-right-radius:0;  
}

a.next:hover, a.prev:hover, #cboxNext:hover, #cboxPrevious:hover {
  background: #000;
  color: #fff;
  opacity: 0.65 !important;
  filter: alpha(opacity = 65) !important;
  text-decoration:underline;
}

/* when there is no next or previous link available this class is added */
.disabled {visibility:hidden;}

.info {
  color: #fff;
  display: none !important;
}

.info strong {display:block;}

/* progress indicator (animated gif). should be initially hidden */
.progress {
  position:absolute;
  top:45%;
  left:50%;
  display:none;
}

/* everybody should know about RGBA colors. */
a.next, a.prev, .info {
  background:#333 !important;
  background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;   
}

/*
    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:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxClose {background:url(http://solo-salon.com/images/interface/X-Box.png) center no-repeat;height:35px;position:absolute;right:-10px;top: -10px;width:35px;}

/* 
    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:#fff;}

#colorbox{}
    #cboxContent{margin:50px;}
        #cboxContent{background:#000; padding:0px;}
    #cboxLoadedContent{-moz-box-shadow:0 0 50px 5px #000000;-webkit-box-shadow:0 0 50px 5px #000000;box-shadow:0 0 50px 5px #000000;}
        #cboxLoadingGraphic{background:#fff url(http://solo-salon.com/images/interface/GREY_TABLE_BACK.gif) top right no-repeat;-moz-box-shadow:0 0 50px 5px #000000;-webkit-box-shadow:0 0 50px 5px #000000;box-shadow:0 0 50px 5px #000000;
        /* For IE 8 */
          -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
          /* For IE 5.5 - 7 */
          filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{display: none !important;position:absolute; bottom:0px; left:0; background: #000;  color: #fff; opacity: 0.65 !important; filter: alpha(opacity = 65) !important;padding: 10px 0;text-indent: 10px;width: 100%;}
        #cboxCurrent{font-family: "museo-sans-1","museo-sans-2", Helvetica, sans-serif;position:absolute; top:-22px;}
        #cboxSlideshow{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(http://solo-salon.com/images/interface/controls.png) 0 0 no-repeat;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}