/*
    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;
    }
    #cboxWrapper {
        max-width: none;
    }
    #cboxOverlay {
        position: fixed;
        width: 100%;
        height: 100%;
    }
    #cboxMiddleLeft, #cboxBottomLeft {
        clear: left;
    }
    #cboxContent {
        position: relative;
    }
    #cboxLoadedContent {
        padding: 2em;
        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;
    }
    #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-color: #333;
    }
    #colorbox {}
    #cboxTopLeft {}
    #cboxTopRight {}
    #cboxBottomLeft {}
    #cboxBottomRight {}
    #cboxMiddleLeft {}
    #cboxMiddleRight {}
    #cboxTopCenter {}
    #cboxBottomCenter {}
    #cboxContent {
        background: #fff;
    }
    .cboxIframe {
        background: #fff;
    }
    #cboxError {
        padding: 50px;
        border: 1px solid #ccc;
    }
    #cboxLoadedContent {
        margin-bottom: 28px;
        position: relative;
    }
    #cboxLoadedContent h3 {
        font-weight: bold;
    }
    #cboxTitle {
        position: absolute;
        bottom: 4px;
        left: 0;
        text-align: center;
        width: 100%;
        color: #949494;
    }
    #cboxCurrent {
        position: absolute;
        bottom: 4px;
        left: 58px;
        color: #949494;
    }
    #cboxLoadingOverlay {
        background: url(images/loading_background.png) no-repeat center center;
    }
    #cboxLoadingGraphic {
        background: url(images/loading.gif) no-repeat center center;
    }
    /* 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;
        width: auto;
        background: none;
    }
    /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */

    #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
        outline: 0;
    }
    #cboxSlideshow {
        position: absolute;
        bottom: 4px;
        right: 30px;
        color: #0092ef;
    }
    #cboxPrevious {
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(images/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(images/controls.png) no-repeat -50px 0;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
    }
    #cboxNext:hover {
        background-position: -50px -25px;
    }
    #cboxClose {
        position: absolute;
        bottom: 0;
        right: 0;
        background: url(images/stop.png) no-repeat;
        width: 15px;
        height: 15px;
        text-indent: -9999px;
        padding: 15px;
    }
    #cboxCloseText {
        bottom: 3px;
        height: 25px;
        position: absolute;
        right: 37px;
    }
    #cboxClose:hover {
        background: url(images/stopred.png) no-repeat;
    }
    /*
  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);
    }
    @media (min-width:1280px) {
        .popupfrmcss {
            width: 100%;
        }
        @media (min-width:1920px) {
            .popupfrmcss {
                margin-left: 5%;
                width: 150%;
            }
        }