/*
    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:10px; width:98%; height:95%;}
#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;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-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:#000000;}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:transparent;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background: transparent;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#ffffff;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-4px; background:url(images/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{
			background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHnSURBVHjapJQ9awJBEIbHOwmmClhdI8YPEK0CEUQIKNEuKPob7CSBQOqktgkEInb6E1SE9B4EDgshlZUiNiJaSAQJiqeZvYyHd+7FfLzwwrIfz97N7IytUCiAhc7RafQF+oTm3tGv6Aa6zTtktwA9omMWF12iH9Ay+s4MFkybr9Gtb2C7itHeaytgDv2MFuHnEulMzgw8Q5fg7yoRQwc+oY92d/j9fpAkae+ky+XSbNIRMbSkRM0xC4VCkEqlQFVVqNVq0Ov1tPlwOAyJREIbVyoVmEwm5phGBXoaBi0Wi68AiSJks1nw+XwQiUR0GLtotVrxfj0tJpPJexyc7s5Op1NYr9fgdrtBEAQIBoPg8Xh0WL1eh+FwyAOq7Asl3oqiKCDLsja22WwGWLfbtUqOxIBLq9XNZvPbbC8ZcMRbYTGLx+MGMItpJpOBQCBgBRwJvJr0er06jP1mtVqFZrOpQ9kLcDqdPGBboEI3yOFw7MWs1WoZoHY7rw1Ag80qVOj6W+x0OjCfz2E2m2kZ34pB+/2+Nh6Px2YYYyjba26p0PVqGQwG3CBxQECJvd0tvTd0/h+1nCeGoduU0TcsdL8AqXSmbNUPi+zFUDwOSaa9xUMdmz2jODWNK0rWMa19EOiFkrmnTwEGADHEnnqxeav0AAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
			right:20px;
			width: 20px;
			height: 20px;
		}
        #cboxClose:hover{
			background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHcSURBVHjaYnwrV8mAAxgDsR8Q2wAxP1TsIxAfAeJNQHwWmyZGLAaCDOoFYnsG/OAgEBejG8yEpigHiE8SYRgDVM1JqB6sBiYD8WQgZmYgHjBD9SSjG2gAxNMYyAfToGbADZwAxGzIKthcNRlYdKUxdLJYKIIxGmCDmgE20BI9zNj89Rl45sQy8K3PYGB1UoeLcyRZMfCtTAVjZg0JbGFqyQJNGijg/+cfEAYrMwPvrBiGz2lLGJhVxRi4qjwh4r//MjD8+I3N637M5fy2tUCGArLov/tvGRj+/mNgtVIGBjsTA7uvHgOrvRrcsC+Zyxj+nHuEzcC/IC9LYJP5Pnk/w7fOndC4ZEIx7Nfu67giRwKk8hfOuAO6kkTwC2TgC2wyHOm2iDCDGQwMU57pUQxsXjq4DHzBhC1PsjqooUTAl/SlDN/atiMMnRTOwKwkgs3AsyzQjF6BksH5OXGGGdgioKEMHKzYDNwEKxwOoKdFUAz/e/aB4e+Dt6h5TUsSEgrXnmMrLBxgBhpAMzobmVkPFLHmQHwBlvUuAHEWBXk5C2oGSmkzF4hzQb4hwaC/UD1zcZWHU6BOP0iEYQehaqegFB7Yoh4UuNBCwxsaWZywDAQ1aCsQH8dmC0CAAQASr348+epcTQAAAABJRU5ErkJggg%3D%3D") no-repeat scroll 0 0 transparent;
		}
        .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;}