.overlay {
    position:fixed;
    display:none; 
    background-color: rgba(255, 255, 255, 0.5);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
}

#preload-01 { background: url('../../images/snapshot/X_White.png') no-repeat -9999px -9999px; }
#preload-02 { background: url('../../images/snapshot/X_RolloverYellow.png') no-repeat -9999px -9999px; }

#download-image {
    /*visibility: hidden;*/
}

.takesnapshot-icon, .takesnapshot-icon-rollover, .download-icon, .download-icon-rollover, .comments-icon, 
.comments-icon-rollover, .gallery-icon, .gallery-icon-rollover, .facebook-icon-rollover, .facebook-icon, 
.mail-icon, .mail-icon-rollover, .st_pinterest_custom, .st_pinterest_custom-rollover, .twitter-icon, 
.twitter-icon-rollover
{ display: inline-block; background: url('../../images/snapshot/snapshot_modal_sprites.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; cursor: pointer;}

.snapshot-modal {
    display: none;
    font-family: "foundation_sansregular";
    position: fixed;
/*    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
    z-index: 9999;
    width: 450px;
    height: 645px;
    padding-bottom: 40px;
    border: 6px solid rgba(0, 0, 0, .3);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-border-radius: 0px 0px 26px 26px;
    -moz-border-radius: 0px 0px 26px 26px;
    border-radius: 0px 0px 26px 26px;
    background-color: rgba(255, 255, 255, 0.6);
    cursor: move;
}

.slide-number {
    position: absolute;
    border: 1px solid black;
    font-size: 14pt;
    margin-left: 415px;
    margin-top: 10px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    width: 17px;
    padding-left: 7px;
    padding-top: 1px;
    background-color: rgba(255, 255, 255, 0.5);
    border-style: none;
}

.snapshot-modal div#top-bar {
    width: 100%;
    height: 50px;
    background-color: #000000;
    font-size: 20pt;
    letter-spacing: 1px;
    color: #FFFFFF;
}

.snapshot-modal div#top-bar #close-icon {
    position: absolute;
    width: 26px;
    height: 26px;
    top: 11px;
    right: 11px;
    background: transparent url(../../images/snapshot/X_White.png);
    cursor: pointer;
}

.snapshot-modal div#top-bar #close-icon:hover {
    background: transparent url("../../images/snapshot/X_RolloverYellow.png");
    cursor: pointer;
}

div.snapshot-modal div#top-bar p {
    position: relative;
    top: 9px;
    left: 48px;
}

.snapshot-modal div#top-bar span#heading-left {
    font-family: "foundation_sansregular";
}

.snapshot-modal div#top-bar span#heading-break {
    font-family: "foundation_sansultra_light";
}

.snapshot-modal div#top-bar span#heading-right {
    font-family: "foundation_sanslight";
}

.snapshot-modal div.snapshots-carousel {
    width: 450px;
    height: 254px;
}

.snapshot-modal #loading {
    display: none;
    position: absolute;
    background: url(../../img/loader.gif);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    margin: 0px auto;
    text-align: center;
    top: 156px;
    left: 206px;
}

.snapshots-carousel.slick-slider {
    /*z-index: 9999;*/
}

/*.slick-slider {
    background: url(../../images/sms-alerts/ajax-loader.gif) !important;
    background-repeat: no-repeat !important;
    width: 32px !important;
    height: 32px !important;
}
.slick-slider .slick-list { 
    opacity: 0; 
    position: absolute; 
}
.slick-slider.slick-initialized {
    background: none;
}
.slick-slider.slick-initialized .slick-list { 
    opacity: 1;
    position: relative;
    transition: opacity 0.2s ease-in;
}*/

.snapshot-modal .snapshot-previous, .snapshot-modal .snapshot-next {
    width: 48px;
    height: 124px;
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer;
}

.snapshot-modal .snapshot-previous {
    top: 115px;
    left: -53px;
    cursor: pointer;
    background-position: -5px -5px;
}

.snapshot-modal .snapshot-previous:hover {
    background-position: -63px -5px;
}

.snapshot-modal .snapshot-next {
    top: 115px;
    right: -53px;
    cursor: pointer;
    background-position: -121px -5px;
}

.snapshot-modal .snapshot-next:hover {
    background-position: -179px -5px;
}

.snapshot-modal textarea {
    width: 400px;
    height: 54px;
    color: #000000;
    font-size: 16pt;
    box-shadow: none;
    background: #FFFFFF;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 25px 25px;
    line-height: 26px;

    resize: none;
    overflow: hidden;
}

.snapshot-modal textarea::-webkit-input-placeholder {
    color: #737373;
}

.snapshot-modal textarea::-moz-placeholder, .snapshot-modal textarea:-ms-input-placeholder {
    color: #737373;
}

.snapshot-modal div#first-row-buttons {
    width: 100%;
    /*height: 140px;*/
}

.snapshot-modal .icon-row {
    float: left;
    font-size: 16px;
    color: #858585;
    margin: 0px auto;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
}

.comments-icon { background-position: -71px -268px; width: 52px; height: 52px; }
.icon-row#comments:hover > .comments-icon { background-position: -71px -322px; width: 52px; height: 52px; }

.snapshot-modal .icon-row#comments {
    position: relative;
    margin-left: 58px;
    margin-top: 25px;
    left: -4px;
}

.snapshot-modal .icon-row#comments .icon-text {
    position: relative;
    top: 9px;
    width: 76px;
}

.takesnapshot-icon { background-position: -2px -0px; width: 132px; height: 132px; }
.icon-row#reshoot:hover > .takesnapshot-icon { background-position: -2px -134px; width: 132px; height: 132px; color: #FFFFFF; }

.snapshot-modal .icon-row#reshoot {
    position: relative;
    margin-left: 24px;
    margin-top: 4px;
}

.snapshot-modal .icon-row#reshoot .icon-text {
    position: relative;
    top: -43px;
}

.gallery-icon { background-position: -71px -376px; width: 52px; height: 52px; }
.icon-row#gallery:hover > .gallery-icon { background-position: -2px -406px; width: 52px; height: 52px; }

.snapshot-modal .icon-row#gallery {
    position: relative;
    margin-top: 25px;
    margin-left: 8px;
}

.snapshot-modal .icon-row#gallery .icon-text {
    position: relative;
    margin-top: 9px;
    width: 115px;
}

.snapshot-modal div#snapshot-modal-divider {
    position: relative;
    display: block;
    top: -11px;
    margin: 0px auto;
    width: 390px;
    height: 1px;
    background: transparent url(../../images/snapshot/snapshot_modal_divider.gif);
    clear: both;
}

.snapshot-modal div#second-row-social-buttons {
    width: 100%;
    position: relative;
    top: -11px;
}

div#second-row-social-buttons .icon-row {
    margin-left: 19px;
    margin-top: 16px;
}

.facebook-icon { background-position: -2px -460px; width: 48px; height: 48px; }
.icon-row#facebook:hover > .facebook-icon { background-position: -56px -430px; width: 48px; height: 48px; }

.snapshot-modal .icon-row#facebook {
    /*position: relative;
    margin-top: 25px;*/
}

.snapshot-modal .icon-row#facebook .icon-text {
    position: relative;
    margin-top: 17px;
    width: 64px;
}

.twitter-icon { background-position: -52px -580px; width: 48px; height: 48px; }
.icon-row#twitter:hover > .twitter-icon { background-position: -2px -610px; width: 48px; height: 48px; }

.snapshot-modal .icon-row#twitter {
    /*position: relative;
    margin-top: 25px;*/
}

.snapshot-modal .icon-row#twitter .icon-text {
    position: relative;
    margin-top: 17px;
    width: 70px;
}

.download-icon { background-position: -2px -268px; width: 67px; height: 67px; }
.icon-row#download:hover > .download-icon { background-position: -2px -337px; width: 67px; height: 67px; }

.snapshot-modal .icon-row#download {
    position: relative;
    margin-top: 6px;
    left: -1px;
}

.snapshot-modal .icon-row#download .icon-text {
    position: relative;
    margin-top: 9px;
    width: 70px;
}

.st_pinterest_custom { background-position: -52px -530px; width: 48px; height: 48px; }
.icon-row#pinterest:hover > .st_pinterest_custom { background-position: -2px -560px; width: 48px; height: 48px; }

.snapshot-modal .icon-row#pinterest {
    /*position: relative;
    margin-top: 25px;*/
}

.snapshot-modal .icon-row#pinterest .icon-text {
    position: relative;
    margin-top: 17px;
    width: 70px;
}

.mail-icon { background-position: -52px -480px; width: 48px; height: 48px; }
.icon-row#mail:hover > .mail-icon { background-position: -2px -510px; width: 48px; height: 48px; }

.snapshot-modal .icon-row#mail {
    position: relative;
    right: 10px;
}

.snapshot-modal .icon-row#mail .icon-text {
    position: relative;
    margin-top: 17px;
    width: 70px;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    font-family: 'foundation_sansbold' !important;
    letter-spacing: 2px !important;
    font-size: 17.8pt !important;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    font-family: "foundation_sansregular" !important;
    font-size: 14pt !important;
    color: #4c4c4c !important;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
    background-color: #FFFFFF !important;
    border: 1px solid #cdcdcd !important;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    width: 56px !important;
}

.jconfirm.jconfirm-light .jconfirm-box {
    left: 10px !important;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background-color: #bdc3c7 !important;
}

.snapshot-modal #ajax-loader {
    display: none; 
    position: relative;
    background: url(../../img/loader.gif);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    margin: 0px auto;
    text-align: center;
    top: -40px;
}

.snapshot-modal #success-dialog {
    display: none;
    width: 450px;
    height: 277px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 26px;
    border-bottom-right-radius: 26px;
    position: absolute;
    top: 408px;
    background-color: #FFFFFF;
}

#success-dialog #top {
    width: 100%;
    height: 57px;
    background-color: #ffcb00;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#success-dialog #top p {
    margin: 0px auto;
    font-family: 'foundation_sansbold';
    letter-spacing: 2px;
    font-size: 17.8pt;
    position: relative;
    text-align: center;
    top: 14px;
}

.snapshot-modal #success-dialog #dialog-body p {
    font-family: "foundation_sansregular";
    font-size: 14pt;
    color: #4c4c4c;
    position: relative;
    left: 20px;
    top: 20px;
}

.snapshot-modal #success-dialog #ok-button {
    border: 1px solid #cecece;
    border-radius: 13px;
    width: 47px;
    height: 32px;
    padding-left: 22px;
    padding-top: 13px;
    float: right;
    top: 109px;
    right: 17px;
    position: relative;
    font-size: 13pt;
    font-family: "foundation_sansregular";
    cursor: pointer;
}

.snapshot-modal #success-dialog #ok-button:hover {
    background-color: #000000;
    color: #FFFFFF;
}

.sprite {
    background-image: url(../../images/snapshot_modal/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
}

/*.snapshot-comment-success#success-dialog {
    display: none;

    width: 450px;
    height: 179px;
    border: 1px solid black;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    top: 411px;
    right: -1px;
    background-color: #FFFFFF;
    z-index: 9999;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.snapshot-comment-success#success-dialog #top {
    width: 100%;
    height: 57px;
    background-color: #ffcb00;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.snapshot-comment-success#success-dialog #top p {
    margin: 0px auto;
    font-family: 'foundation_sansbold';
    letter-spacing: 2px;
    font-size: 17.8pt;
    position: relative;
    text-align: center;
    top: 14px;
}

.snapshot-comment-success#success-dialog #dialog-body p {
    font-family: "foundation_sansregular";
    font-size: 14pt;
    color: #4c4c4c;
    position: relative;
    left: 20px;
    top: 16px;
}

.snapshot-comment-success#success-dialog #ok-button {
    border: 1px solid #cecece;
    border-radius: 13px;
    width: 47px;
    height: 32px;
    padding-left: 22px;
    padding-top: 13px;
    float: right;
    top: 24px;
    right: 17px;
    position: relative;
    font-size: 13pt;
    font-family: "foundation_sansregular";
    cursor: pointer;
}

.snapshot-comment-success#success-dialog #ok-button:hover {
    background-color: #000000;
    color: #FFFFFF;
}*/