@font-face {
    font-family: 'ag_schoolbook_regular';
    src: url('https://d3iylj2y99usb9.cloudfront.net/fonts/ag_schoolbook_regular.eot');
    src: url('https://d3iylj2y99usb9.cloudfront.net/fonts/ag_schoolbook_regular.eot?#iefix') format('embedded-opentype'),
    url('https://d3iylj2y99usb9.cloudfront.net/fonts/ag_schoolbook_regular.woff') format('woff'),
    url('https://d3iylj2y99usb9.cloudfront.net/fonts/ag_schoolbook_regular.ttf') format('truetype'),
    url('https://d3iylj2y99usb9.cloudfront.net/fonts/ag_schoolbook_regular') format('svg');
}

#preload-01 { background: url('../../images/snapshot/search-mobile-icon.png') no-repeat -9999px -9999px; }
#preload-02 { background: url('../../images/snapshot/grid-icon-dropdown-xs.png') no-repeat -9999px -9999px; }
#preload-03 { background: url('../../images/snapshot/modal-close-small.gif') no-repeat -9999px -9999px; }
#preload-04 { background: url(../../images/snapshot/update/Calendar.png) no-repeat -9999px -9999px; }
#preload-05 { background: url(../../images/snapshot/update/Calendar_Rollover.png) no-repeat -9999px -9999px; }
#preload-06 { background: url('../../images/snapshot/update/snapshot-play-btn.png') no-repeat -9999px -9999px; }
#preload-07 { background: url('../../images/snapshot/update/snapshot-play-btn-rollover.png') no-repeat -9999px -9999px; }
#preload-08 { background: url('../../images/snapshot/modal-close-small.gif') no-repeat -9999px -9999px; }
#preload-09 { background: url('../../images/snapshot/modal-arrow-right-small.png') no-repeat -9999px -9999px; }
#preload-10 { background: url('../../images/snapshot/modal-arrow-left-small.png') no-repeat -9999px -9999px; }
#preload-11 { background: url(../../images/snapshot/slideshow/Trash.png) no-repeat -9999px -9999px; }
#preload-12 { background: url(../../images/snapshot/slideshow/Trash_Rollover.png) no-repeat -9999px -9999px; }
#preload-13 { background: url(../../images/snapshot/slideshow/Favorite.png) no-repeat -9999px -9999px; }
#preload-14 { background: url(../../images/snapshot/slideshow/Favorite_Selected.png) no-repeat -9999px -9999px; }
#preload-15 { background: url(../../images/snapshot/slideshow/Favorite_Rollover.png) no-repeat -9999px -9999px; }
#preload-16 { background: url(../../images/snapshot/slideshow/Share.png) no-repeat -9999px -9999px; }
#preload-17 { background: url(../../images/snapshot/slideshow/Share_Rollover.png) no-repeat -9999px -9999px; }
#preload-18 { background: url(../../images/snapshot/slideshow/AddToComments.png) no-repeat -9999px -9999px; }
#preload-19 { background: url(../../images/snapshot/slideshow/AddToComments_Rollover.png) no-repeat -9999px -9999px; }
#preload-20 { background: url(../../images/snapshot/slideshow/Download.png) no-repeat -9999px -9999px; }
#preload-21 { background: url(../../images/snapshot/slideshow/Download_Rollover.png) no-repeat -9999px -9999px; }
#preload-22 { background: url('../../images/snapshot/post-to-comments-sm.png') no-repeat -9999px -9999px; }
#preload-23 { background: url('../../images/snapshot/comment-box-close-sm.png') no-repeat -9999px -9999px; }
#preload-24 { background: url('../../images/snapshot/comment-success-btn-sm.png') no-repeat -9999px -9999px; }
#preload-25 { background: url(../../images/snapshot/slideshow/Play.png) no-repeat -9999px -9999px; }
#preload-26 { background: url(../../images/snapshot/slideshow/Play_Rollover.png) no-repeat -9999px -9999px; }
#preload-27 { background: url('../../images/snapshot/return-snapshot-btn-sm.png') no-repeat -9999px -9999px; }
#preload-28 { background: url('../../images/snapshot/share-sprites-small.png') no-repeat -9999px -9999px; }
#preload-29 { background: url('../../images/snapshot/follow.png') no-repeat -9999px -9999px; }
#preload-30 { background: url(../../images/snapshot/update/heart.png) no-repeat -9999px -9999px; }
#preload-31 { background: url('../../images/snapshot/update/heart-rollover.png') no-repeat -9999px -9999px; }
#preload-32 { background: url(../../images/snapshot/update/trash.png) no-repeat -9999px -9999px; }
#preload-33 { background: url('../../images/snapshot/update/trash-rollover.png') no-repeat -9999px -9999px; }
#preload-34 { background: url('../../images/snapshot/nav-items/Explore_G.png') no-repeat -9999px -9999px; }
#preload-35 { background: url('../../images/snapshot/nav-items/Favorites_G.png') no-repeat -9999px -9999px; }
#preload-36 { background: url('../../images/snapshot/nav-items/Notes_G.png') no-repeat -9999px -9999px; }
#preload-37 { background: url('../../images/snapshot/nav-items/Africa_G.png') no-repeat -9999px -9999px; }
#preload-38 { background: url('../../images/snapshot/nav-items/Bears_G.png') no-repeat -9999px -9999px; }
#preload-39 { background: url('../../images/snapshot/nav-items/Birds_G.png') no-repeat -9999px -9999px; }
#preload-40 { background: url('../../images/snapshot/nav-items/DogBlessYou_G.png') no-repeat -9999px -9999px; }
#preload-41 { background: url('../../images/snapshot/nav-items/Oceans_G.png') no-repeat -9999px -9999px; }
#preload-42 { background: url('../../images/snapshot/nav-items/Sunsets_G.png') no-repeat -9999px -9999px; }
#preload-43 { background: url('../../images/snapshot/nav-items/ZenDens_G.png') no-repeat -9999px -9999px; }
#preload-44 { background: url('../../images/snapshot/nav-items/CatBlessYou_G.png') no-repeat -9999px -9999px; }
#preload-45 { background: url('../../images/snapshot/nav-items/BisonNorthernLights_G.png') no-repeat -9999px -9999px; }
#preload-46 { background: url('../../images/snapshot/nav-items/MountainsAndRivers_G.png') no-repeat -9999px -9999px; }
#preload-47 { background: url('../../images/snapshot/nav-items/avatar_G.png') no-repeat -9999px -9999px; }

.clear { clear: both; }

#header .navs-bg, #header .navs-channel-cont, #header .navs, li.signup-action {
    display: none;
}

#header { min-width: 0px; }
#header a.logo img {
    position: relative;
    top: -13px !important;
}

#header .main { height: 81px !important }

#header .navs ul li a:link,
#header .navs ul li a:visited,
#header .navs ul li a:hover,
#header .navs ul li a:active {
    float: left;
    padding: 7px 22px 8px 22px;
    font-size: 24px;
    font-weight: bold;
    line-height: 23px;
    color: #fff;
    height: 23px;
    text-transform: lowercase;
    font-family: ag_schoolbook_regular;
    font-weight:normal;
}

#header .utility-actions {
    display: none;
    position:absolute;
    background: none;
    top:115px;
    /*left:700px;*/
    right: 0px;
    z-index:99;
    font-family: ag_schoolbook_regular;
}

/* Override default styles for header nav and page width */
body { background: #f2f2f2 !important; }

#container {
    float: none !important;
}

body #header.closed {height: 74px;}
body #header.closed a.logo {margin-top: 10px;}
body #header.closed form.site-search, body #header.closed .navs {display: none;}
body #header.closed .main { height: 77px; }
body #header.closed .utility-actions { top: 77px; }
/*body #header .navs {
    padding-left: 50px !important;
}*/

body #header .utility-actions {
    right: 185px !important;
}

#header a.logo:link, #header a.logo:visited, #header a.logo:hover, #header a.logo:active {
    margin-left: 23px !important;
}

body #header div.main, body #header .navs > ul {
    width: auto;
    margin-left:0;
    margin-right: 40px;
}

#header a.logo:link, #header a.logo:visited, 
#header a.logo:hover, #header a.logo:active {
    margin-left: 20px;
}

.feedback-action {
    display: none !important;
}

#header form.site-search { display: none; }

/* To overwrite bootstrap hiding the login/logout elements */
iframe.modal { display: block !important; position: relative !important; }
div.tooltip  { opacity: 1 !important; }

/****************************************/
/* Custom styles for snapshot dashboard */
/****************************************/

.fancybox-overlay.fancybox-overlay-fixed {
    z-index: 999 !important;
}

body {
    font-family: 'MuseoSans-100';
    color: #474747;
}

div.search .search-input span#search-icon {
    display: block;
    position: absolute;
    cursor: pointer;
    top: 25px;
    right: 20px;
    width: 30px;
    height: 30px;
    background-image: url('../../images/snapshot/search-mobile-icon.png');
}

div.search {
    background-color: #FFFFFF;
    height: 62px;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 6px;
    font-size: 34px;
    margin-top: 4px;
    margin-bottom: 8px;
}

span#bold-search {
    font-weight: bold;
    float: none;
}

div.search p.title {
    font-size: 23px;
    float: left;
    margin-top: 40px;
    margin-left: 21px;
}

div.hamburger-sidebar {
    display: block;
    position: relative;
    top: -23px;
}

div.hamburger-sidebar span.mobile-nav-icon {
    display: block;
    float: left;
    margin-top: 46px;
    margin-left: 30px;
}

span#hamburger-icon {
    width: 17px;
    height: 16px;
    background-image: url('../../images/snapshot/hamburger-xs.png');
}

span#close-icon {
    width: 17px;
    height: 17px;
    background-image: url('../../images/snapshot/close-btn-xs.png');
}

div.search p.title#dropdown-nav {
    display: block;
    text-transform: uppercase;
}

div.search p.title#archive {
    display: none;
}

div.search .search-input a#search-placeholder {
    float: left;
    color: #474747;
}

div.search .search-input #searchbox {
    display: none;
    position: relative;
    top: -72px;
}

div.search .search-input a#search-placeholder p#placeholder-text {
    float: left;
    margin-right: 16px;
}

div.search .search-input p input {
    border-bottom: 1px solid #cccccc !important;
    box-shadow: none !important;
}

div.search .search-input input[type="text"] {
    height: 60px;
    width: 100%;
    padding: 0px 0px 0px 12px !important;
    font-size: 34px !important;
    color: #474747;
    font-family: 'MuseoSans-100';
    margin-right: 12px;
}

div.search div.search-suggestions {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 99;
    top: 141px;
    right: 0px;
    background-color: #FFFFFF;
    border: 1px solid #cccccc !important;
}

div.search div.search-suggestions ul {
    padding: 2px 1px 1px 2px;
}

div.search div.search-suggestions a li {
    font-size: 22px;
    text-transform: none;
    font-family: 'MuseoSans-100';
    color: #000000;
    padding: 10px 10px 0px 16px;
}

div.search div.search-suggestions a li:hover {
    background-color: #f2f2f2;
}

ul.nav-items {
    list-style: none;
}

.sidebar-nav {
    display: none;
}

.main-content {
    position: relative;
    float: left;
    /*overflow: hidden;*/
}

div.search .search-input {
    display: block;
}

.search p#placeholder-text {
    display: none;
}

#header .slogan {display: none;}

li.grants.external {display: none !important;}

span#break, span#stats {
    display: none;
}

.sidebar-nav ul a li {
    color: #474747;
    height: 99px;
    padding-left: 9px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.sidebar-nav ul a li:hover, .sidebar-nav ul a li.active {
    background-color: #dde8d8;
    color: #568d40;
}

.sidebar-nav .cam-image {
    display: block;
    float: left;
    width: 80px;
    height: 80px;
    margin-top: 8px;
}

.cam-image#all-cams {
    background-image: url('../../images/snapshot/nav-items/Explore_B.png');
}
.cam-image#all-favorites {
    background-image: url('../../images/snapshot/nav-items/Favorites_B.png');
}
.cam-image#all-notes {
    background-image: url('../../images/snapshot/nav-items/Notes_B.png');
}
.cam-image#africa {
    background-image: url('../../images/snapshot/nav-items/Africa_B.png');
}
.cam-image#bears {
    background-image: url('../../images/snapshot/nav-items/Bears_B.png');
}
.cam-image#birds {
    background-image: url('../../images/snapshot/nav-items/Birds_B.png');
}
.cam-image#dog-bless-you {
    background-image: url('../../images/snapshot/nav-items/DogBlessYou_B.png');
}
.cam-image#oceans {
    background-image: url('../../images/snapshot/nav-items/Oceans_B.png');
}
.cam-image#sunsets {
    background-image: url('../../images/snapshot/nav-items/Sunsets_B.png');
}
.cam-image#meditations {
    background-image: url('../../images/snapshot/nav-items/ZenDens_B.png');
}
.cam-image#cat-bless-you {
    background-image: url('../../images/snapshot/nav-items/CatBlessYou_B.png');
}
.cam-image#bison-and-northern-lights {
    background-image: url('../../images/snapshot/nav-items/BisonNorthernLights_B.png');
}
.cam-image#mountains-and-rivers {
    background-image: url('../../images/snapshot/nav-items/MountainsAndRivers_B.png');
}
.cam-image#auth-default {
    position: relative;
    margin-right: 15px;
    background-image: url(../../images/snapshot/nav-items/avatar_B.png);
    width: 80px;
    height: 80px;
}

.sidebar-nav li#all-live-cams:hover .cam-image#all-cams {
    background-image: url('../../images/snapshot/nav-items/Explore_G.png');
}
.sidebar-nav li#all-favorite-cams:hover .cam-image#all-favorites {
    background-image: url('../../images/snapshot/nav-items/Favorites_G.png');
}
.sidebar-nav li#all-notes-cams:hover .cam-image#all-notes {
    background-image: url('../../images/snapshot/nav-items/Notes_G.png');
}
.sidebar-nav li#africa:hover .cam-image#africa {
    background-image: url('../../images/snapshot/nav-items/Africa_G.png');
}
.sidebar-nav li#bears:hover .cam-image#bears {
    background-image: url('../../images/snapshot/nav-items/Bears_G.png');
}
.sidebar-nav li#birds:hover .cam-image#birds {
    background-image: url('../../images/snapshot/nav-items/Birds_G.png');
}
.sidebar-nav li#dog-bless-you:hover .cam-image#dog-bless-you {
    background-image: url('../../images/snapshot/nav-items/DogBlessYou_G.png');
}
.sidebar-nav li#oceans:hover .cam-image#oceans {
    background-image: url('../../images/snapshot/nav-items/Oceans_G.png');
}
.sidebar-nav li#sunsets:hover .cam-image#sunsets {
    background-image: url('../../images/snapshot/nav-items/Sunsets_G.png');
}
.sidebar-nav li#meditations:hover .cam-image#meditations {
    background-image: url('../../images/snapshot/nav-items/ZenDens_G.png');
}
.sidebar-nav li#cat-bless-you:hover .cam-image#cat-bless-you {
    background-image: url('../../images/snapshot/nav-items/CatBlessYou_G.png');
}
.sidebar-nav li#bison-and-northern-lights:hover .cam-image#bison-and-northern-lights {
    background-image: url('../../images/snapshot/nav-items/BisonNorthernLights_G.png');
}
.sidebar-nav li#mountains-and-rivers:hover .cam-image#mountains-and-rivers {
    background-image: url('../../images/snapshot/nav-items/MountainsAndRivers_G.png');
}
.sidebar-nav li#current-user:hover .cam-image#auth-default {
    background-image: url('../../images/snapshot/nav-items/avatar_G.png');
}

.sidebar-nav .cam-title {
    position: relative;
    text-align: left;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 320px;
    line-height: 33px;
}

.sidebar-nav .cam-title#auth {
    max-width: 245px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* mobile nav styles */
.nav-expand {
    display: none;
}

div.nav-expand ul {
    list-style: none;
}

.nav-expand ul a li {
    color: #474747;
    height: 99px;
    margin-top: 2px;
    padding-left: 9px;
    -webkit-border-top-right-radius: 12px;
    -moz-border-top-right-radius: 12px;
    border-top-right-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-border-bottom-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.nav-expand ul a li.active {
    background-color: #dde8d8;
    color: #568d40;
}

.nav-expand .cam-image {
    display: block;
    float: left;
    width: 80px;
    height: 80px;
    margin-top: 8px;
}

.nav-expand .cam-title {
    position: relative;
    text-align: left;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 70%;
    line-height: 33px;
    font-size: 34px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

/* end mobile nav styles */

#dropdown-mini-player-container .user-profile-image {
    display: block;
    position: relative;
    background-color: #FFFFFF;
    width: 140px;
    height: 140px;
    float: left;
    margin-left: 20px;
    margin-right: 10px;
}

#dropdown-mini-player-container .user-profile-image img {
    position: relative;
    top: 20px;
    left: 20px;
}

.main-content #dropdown-mini-player-container {
    position: relative;
}

.main-content #dropdown-mini-player-container #dropdown-closed {
    float: left;
    position: relative;
    left: 0px;
    width: 97%;
}

.main-content #dropdown-mini-player-container #mobile-dropdown-icon a {
    display: block;
    float: right;
    position: relative;
    right: 20px;
    width: 19px;
    height: 11px;
    background-image: url('../../images/snapshot/grid-icon-dropdown-xs.png');
}

.main-content #dropdown-mini-player-container #mobile-dropdown-close a {
    display: none;
    position: absolute;
    top: -165px;
    right: 0px;
    width: 85px;
    height: 81px;
    background-image: url('../../images/snapshot/modal-close-small.gif');
}

.main-content #dropdown-mini-player-container #dropdown-icon {
    display: block;
    float: left;
    margin-left: 18px;
    margin-bottom: 8px;
    width: 50px;
    height: 50px;
    background-image: url(../../images/snapshot/grid-icon-dropdown-lg_new.png);
    opacity: 0.7;
    position: relative;
    top: 16px;
}

.main-content #dropdown-mini-player-container #dropdown-closed #dropdown-details {
    float: left;
    position: relative;
    margin-left: 22px;
    width: 100%;
}

.main-content #dropdown-mini-player-container p.dropdown-group-title {
    display: none;
    font-family: 'MuseoSans-700';
    font-size: 15px;
    color: #898989;
}

.main-content #dropdown-mini-player-container p.dropdown-section-title {
    font-size: 39px;
    line-height: 27px;
    color: #000000;
}

.right-of-top {
    display: none;
    position: relative;
    float: right;
    color: rgba(0, 0, 0, .5);

    font-size: 39px;
    line-height: 27px;
}

.main-content #dropdown-mini-player-container #dropdown-open-details p.dropdown-section-title {
    position: relative;
    left: 20px;
    max-width: 373px;
}

#dropdown-details p#dropdown-content-details {
    font-family: 'MuseoSans-300';
    font-size: 22px;
    color: #000000;
    margin-top: 4px;
}

.snapshot-day-header {
    font-size: 22px;
}

.main-content #dropdown-mini-player-container #dropdown-open {
    display: none;
    position: absolute;
    z-index: 1000;
    top: -67px;
    width: 100%;
    padding-bottom: 40px;
    background-color: #FFFFFF;
}

#dropdown-open #dropdown-icon {
    position: relative;
    top: 13px;
    left: -17px;
}

#dropdown-open-details #dropdown-separator {
    position: relative;
    border-top: 3px solid #d9d9d9;
    width: 96%;
    top: 12px;
    text-align: center;
    margin: 0 auto;
}

#dropdown-open-details ul {
    position: relative;
    top: 26px;
    left: 0px;
    padding-bottom: 13px;
    font-family: 'MuseoSans-100';
    font-size: 32px;
}

#dropdown-open-details ul a {
    color: #000000;
}

#dropdown-open-details ul a li {
    width: 95%;
    padding-left: 20px;
    padding-top: 3px;
    margin-bottom: 1px;
}

#dropdown-open-details ul a li:hover {
    background-color: #e5e5e5;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
}

#dropdown-open-details ul #dropdown-separator {
    position: relative;
    top: 11px;
    left: 0px;
    margin-bottom: 25px;
}

.grid-snapshot {
    margin-top: 10px;
}

.grid-snapshot .snapshot-image {
    background-color: #000000;
}

.grid-snapshot .snapshot-image:hover img {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.grid-snapshot .snapshot-image:hover p.snapshot-feed-title,
.grid-snapshot .snapshot-image:hover p.snapshot-date-taken,
 .grid-snapshot .snapshot-image:hover div.snapshot-thumbnail-heart,
 .grid-snapshot .snapshot-image:hover div.snapshot-thumbnail-trash {
    display: block;
}


div.day-header-wrap {
    position: relative;
    height: 16px;
    left: 15px;
    margin-top: 38px;
    width: 92%;
    padding-bottom: 15px;
    font-family: 'MuseoSans-300';
    font-size: 16px;
    color: #000000;
    border-bottom: 2px solid #d9d9d9;
}

p.snapshot-day-header {
    position: relative;
    float: left;
    left: 18px;
    top: 29px;
    color: #000000;
}

input#datepicker {
    display: none;
}

div#datepicker-button {
    display: block;
    position: relative;
    top: 15px;
    left: 9px;
    float: left;
    width: 56px;
    height: 50px;
    background-image: url(../../images/snapshot/update/Calendar.png);
    cursor: pointer;
    z-index: 99;
}

div#datepicker-button:hover {
    background-image: url(../../images/snapshot/update/Calendar_Rollover.png);
}

.grid-snapshot p.snapshot-feed-title {
    display: none;
    position: absolute;
    bottom: 5px;
    font-family: 'MuseoSans-500';
    color: #FFFFFF;
    padding: 0px 20px 0px 8px;
    font-size: 15px;
}

.grid-snapshot p.snapshot-date-taken {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'MuseoSans-500';
    color: #FFFFFF;
    font-size: 15px;
}

.grid-snapshot span.snapshot-play-btn {
    display: block;
    position: absolute;
    top: 4px;
    right: 19px;
    width: 35px;
    height: 35px;
    background-image: url('../../images/snapshot/update/snapshot-play-btn.png');
}

.grid-snapshot span.snapshot-play-btn:hover {
    background-image: url('../../images/snapshot/update/snapshot-play-btn-rollover.png');
}

.fancybox-nav {
    width: 0 !important;
    height: 116% !important;
}

.fancybox-close {
    background-image: url('../../images/snapshot/modal-close-small.gif') !important;
    /*background-size: 85px 81px;*/
    width: 85px !important;
    height: 81px !important;
    top: 0px !important;
    right: 0px !important;
    z-index: 9999 !important;
}

.fancybox-close.close-moment {
    background-image: url('../../images/snapshot/modal-close-small.gif') !important;
    background-size: 85px 81px !important;
    width: 85px !important;
    height: 81px !important;
    top: 0px !important;
    right: 0px !important;
    z-index: 9999 !important;
}

.fancybox-skin {
    background: #FFFFFF !important;
}

.fancybox-opened .fancybox-title {
    font-family: 'MuseoSans-500';
    font-size: 15px;
    color: #FFFFFF;
    height: 51px;
    padding-top: 30px;
    padding-left: 39px;
    background-color: #000000;
    font-size: 1.8vmin;
}

.fancybox-title.moment-title {
    height: 51px;
    padding-top: 30px;
}

.fancybox-next span {
    background: url('../../images/snapshot/modal-arrow-right-small.png') 0px 0px !important;
    width: 47px !important;
    height: 124px !important;
    right: -50px !important;
}

.fancybox-prev span {
    background: url('../../images/snapshot/modal-arrow-left-small.png') 0px 0px !important;
    width: 47px !important;
    height: 124px !important;
    left: -50px !important;
}

.fancybox-nav span {
    top: 61% !important;
    margin-top: -129px !important;
    visibility: visible !important;
}

.fancybox-title span#slideshow-timestamp {
    position: relative;
    font-size: 1.6vmin;
    font-family: 'MuseoSans-300';
}

.fancybox-title a {
    font-size: 1.6vmin;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bolder;
}

.fancybox-outer div#bottom {
    position: relative;
    top: 40px;
    left: 12px;
    font-family: 'MuseoSans-500';
    font-size: 1.7vmin;
    color: #000000;
}

div#title-section {
    float: left;
}

div.snapshot-info {
    position: relative;
    float: right;
    font-family: 'MuseoSans-300';
    font-weight: 100;
    margin-bottom: -7px;
    top: 7px;
    right: 116px;
}

div.snapshot-info div.blob-username {
    float: left;
}

div.snapshot-info div#profile-img {
    float: right;
}

div.snapshot-info a {
    color: #FFFFFF;
    font-size: 1.6vmin;
}

div.snapshot-info img {
    position: relative;
    margin-left: 15px;
    top: -13px;
    width: 46px;
    height: 46px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

span#break, span#stats {
    float: none;
}

span#break {
    margin-left: 10px;
    margin-right: 10px;
}

div.fancybox-title.moment-title span#snapshot-info {
    position: absolute;
    float: right;
    right: 115px;
    font-size: 1.8vmin;
    font-weight: 200;
    top: 33px;
}

.fancybox-outer .slideshow-features {
    float: right;
    position: relative;
    right: 55px;
    top: -19px;
}

span.slideshow-features span.slideshow-features-copy {
    display: none;
}

.fancybox-outer .slideshow-share,
.fancybox-outer .slideshow-favorite,
.fancybox-outer .slideshow-download {
    display: block;
}

.fancybox-outer .slideshow-comment {
    display: none;
}

.fancybox-outer .slideshow-favorite {
    margin-left: 28px;
    float: left;
}

.fancybox-outer .slideshow-share,
.fancybox-outer .slideshow-comment,
.fancybox-outer .slideshow-download,
.fancybox-outer .slideshow-trash,
 .fancybox-outer .slideshow-twitter,
 .fancybox-outer .slideshow-facebook,
 .fancybox-outer .slideshow-email {
    float: left;
    margin-left: 28px;
    right: 53px;
}

.fancybox-outer .slideshow-trash a,
.fancybox-outer .slideshow-favorite a,
.fancybox-outer .slideshow-share a,
.fancybox-outer .slideshow-comment a,
.fancybox-outer .slideshow-download a{
    color: #000000;
}

.fancybox-outer .trash-icon,
.fancybox-outer .favorite-icon,
.fancybox-outer .share-icon,
.fancybox-outer .comment-icon,
.fancybox-outer .download-icon {
    opacity: 0.8;
}

.fancybox-outer .trash-icon {
    position: relative;
    float: left;
    top: 0px;
    margin-right: 14px;
    width: 50px;
    height: 50px;
    background-image: url(../../images/snapshot/slideshow/Trash.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.fancybox-outer .slideshow-trash:hover .trash-icon {
    background-image: url(../../images/snapshot/slideshow/Trash_Rollover.png);
}

.fancybox-outer .favorite-icon {
    position: relative;
    float: left;
    top: 0px;
    margin-right: 14px;
    width: 50px;
    height: 50px;
    background-image: url(../../images/snapshot/slideshow/Favorite.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.fancybox-outer .active.favorite-icon {
    background-image: url(../../images/snapshot/slideshow/Favorite_Selected.png);
}

.fancybox-outer .slideshow-favorite:hover .favorite-icon {
    background-image: url(../../images/snapshot/slideshow/Favorite_Rollover.png);
}

.fancybox-outer .share-icon {
    float: left;
    margin-right: 14px;
    width: 70px;
    height: 70px;
    background-image: url(../../images/snapshot/slideshow/Share.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.fancybox-outer .slideshow-share:hover .share-icon {
    background-image: url(../../images/snapshot/slideshow/Share_Rollover.png);
}

.fancybox-outer .comment-icon {
    float: left;
    margin-right: 14px;
    width: 50px;
    height: 50px;
    background-image: url(../../images/snapshot/slideshow/AddToComments.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}

.fancybox-outer .slideshow-comment:hover .comment-icon {
    background-image: url(../../images/snapshot/slideshow/AddToComments_Rollover.png);
}

.fancybox-outer .download-icon {
    float: left;
    margin-right: 14px;
    width: 50px;
    height: 50px;
    background-image: url(../../images/snapshot/slideshow/Download.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}

.fancybox-outer .slideshow-download:hover .download-icon {
    background-image: url(../../images/snapshot/slideshow/Download_Rollover.png);
}

.twitter_custom {
    float: left;
    margin-right: 14px;
    width: 50px;
    height: 50px;
    background-image: url(../../images/snapshot/slideshow/Twitter.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    opacity: 0.8;
}

.twitter_custom:hover {
    background-image: url(../../images/snapshot/slideshow/Twitter_Rollover.png);
}

.facebook_custom {
    float: left;
    margin-right: 14px;
    width: 50px;
    height: 50px;
    background-image: url(../../images/snapshot/slideshow/Facebook.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    opacity: 0.8;
}

.facebook_custom:hover {
    background-image: url(../../images/snapshot/slideshow/Facebook_Rollover.png);
}

.email_custom {
    float: left;
    margin-right: 14px;
    width: 50px;
    height: 50px;
    background-image: url(../../images/snapshot/slideshow/Email.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    opacity: 0.8;
}

.email_custom:hover {
    background-image: url(../../images/snapshot/slideshow/Email_Rollover.png);
}

#fancybox-thumbs {
    display: none !important;
}

.arrow_box {
    display: block;
    
}

/*.arrow_box#moment {
    right: -39px;
}*/

/*.arrow_box:after, .arrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #FFFFFF;
    border-width: 30px;
    margin-left: -30px;
}

.arrow_box:before {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: rgba(0, 0, 0, .3);
    border-width: 38px;
    margin-left: -38px;
}*/

.comment-box {
    display: none;
    z-index: 99999;
    position: absolute;
    width: 450px;
    height: 300px;
    bottom: -105px;
    right: 0px;
    padding: 6px;
    background: #FFFFFF;
    border-top: 5px solid rgba(0, 0, 0, .3);
    border-left: 5px solid rgba(0, 0, 0, .3);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.comment-box textarea {
    left: 9px;
    position: relative;
    background: #FFFFFF;
    border: 1px solid #dadadc;
    box-shadow: none;
    -moz-border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0px;
    top: 105px;
    width: 392px;
    height: 116px;
    font-size: 22px;
    font-weight: 900;
    color: #000000;
}

.comment-box textarea::-webkit-input-placeholder {
    font-style: italic;
}

.comment-box textarea::-moz-placeholder, .comment-box textarea:-ms-input-placeholder {
    font-style: italic;
}

div#comment-box-image {
    position: absolute;
    top: 25px;
    left: 25px;
}

div#comment-box-image img {
    width: 128px;
}

div#comment-submit-btn {
    position: absolute;
    bottom: 11px;
    left: 25px;
    background-image: url('../../images/snapshot/post-to-comments-sm.png');
    width: 216px;
    height: 27px;
    cursor: pointer;
}

div#comment-close-btn {
    position: absolute;
    top: 25px;
    right: 25px;
    background-image: url('../../images/snapshot/comment-box-close-sm.png');
    width: 21px;
    height: 21px;
    cursor: pointer;
}

#dropdown-open-details div#dropdown-close {
    display: none;
}

div#comment-success {
    display: none;
}

div#comment-success p {
    position: relative;
    font-size: 27px;
    width: 435px;
    top: 3px;
    padding: 20px;
    font-weight: 700;
    color: #000000;
}

div#comment-success div#comment-success-btn a {
    position: absolute;
    bottom: 93px;
    left: 25px;
    background-image: url('../../images/snapshot/comment-success-btn-sm.png');
    width: 238px;
    height: 33px;
    cursor: pointer;
}

div#bottom div#play-moment, div#bottom div#return-snapshot {
    position: relative;
    float: left;
}

div#bottom span#slideshow-play-button {
    position: relative;
    top: -21px;
    left: 11px;
    width: 50px;
    height: 50px;
    background-image: url(../../images/snapshot/slideshow/Play.png);
    opacity: 0.8;
}

/*div#bottom span#slideshow-play-button:hover {
    background-image: url(../../images/snapshot/slideshow/Play_Rollover.png);
}
*/
div#bottom div#play-moment:hover span#slideshow-play-button {
    background-image: url(../../images/snapshot/slideshow/Play_Rollover.png);
}

div#bottom span#slideshow-return-button {
    position: relative;
    top: -12px;
    left: 11px;
    background-image: url('../../images/snapshot/return-snapshot-btn-sm.png');
    width: 50px;
    height: 44px;
}

.arrow_box {
    padding: 8px;
    right: 124px;
    margin-left: 82px;
}

.arrow_box#moment {
    right: 234px;
}

/*.twitter_custom, .facebook_custom, .share-instagram, .st_tumblr_custom, .email_custom, .share-sms, .st_sharethis_custom {
    float: left;
    background-image: url('../../images/snapshot/share-sprites-large.png');
}

.email_custom {
    background-position: 0 -82px;
    width: 80px;
    height: 78px;
}

.share-instagram {
    background-position: -162px 0;
    width: 81px;
    height: 79px;
}

.st_sharethis_custom {
    background-position: -162px -81px;
    width: 80px;
    height: 79px;
}

.share-sms {
    background-position: -80px -82px;
    width: 80px;
    height: 78px;
}

.st_tumblr_custom {
    background-position: -245px 0;
    width: 80px;
    height: 78px;
}

.twitter_custom {
    background-position: 0 0;
    width: 80px;
    height: 79px;
    margin-right: 10px;
}

.facebook_custom {
    background-position: -81px 0;
    width: 80px;
    height: 79px;
    margin-right: 10px;
}*/

a div#follow-user {
    display: block;
    position: relative;
    top: 63px;
    left: 20px;
    margin-bottom: 10px;
    width: 176px;
    height: 60px;
    background-image: url('../../images/snapshot/follow.png');
}

.follow-btn {
    display: block;
    position: relative;
    top: 63px;
    left: 20px;
    margin-bottom: 10px;
    border-radius: 10px;
    font-family: 'MuseoSans-700';
    font-size: 26px;
    font-size: 22px;
    font-weight: normal;
    float: left;
    padding: 11px 30px;
    z-index: 999;
}

.follow-btn#add {
    color: #548a3c;
    background-color: #FFFFFF;
}

.follow-btn#remove {
    color: #548a3c;
    background-color: #FFFFFF;
}

.fancybox-outer .viewer-caption {
    border-top: 1px solid rgba(0, 0, 0, .3);
    display: none;
    clear: both;
    position: relative;
    text-align: left;
    padding: 17px 57px 0px 41px;
    font-family: 'MuseoSans-100';
    font-size: 31px;
    line-height: 35px;
    font-weight: normal;
    max-height: 168px;
    margin-bottom: -115px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    width: 90%;
}

/*.remove-separation {
    margin-top: -24px;
}*/

a .rounded-button.groups {
    margin-bottom: 2px;
}

a .rounded-button {
    cursor: pointer;
    float: left;
    height: 20px;
    background-color: transparent;
    margin-top: 8px;
    margin-right: 10px;
    margin-bottom: 14px;
    text-transform: capitalize;
    padding: 7px 23px 13px 25px;
    border-radius: 25px;
    text-align: center;
    -moz-border-radius: 25px;
    -webkit-border-radius: 21px;
    letter-spacing: 1px;
    border: 1px solid black;
    font-family: 'foundation_sansregular';
    font-size: 20px;
    color: #000000;
}

a .rounded-button:hover, a .rounded-button#active {
    color: #FFFFFF;
    background-color: #000000;
}

div.snapshot-thumbnail-heart {
    display: none;
    position: absolute;
    width: 39px;
    height: 34px;
    top: 5px;
    left: 20px;
    background-image: url(../../images/snapshot/update/heart.png);
    background-repeat: no-repeat;
}

div.snapshot-thumbnail-heart:hover {
    background-image: url('../../images/snapshot/update/heart-rollover.png');
}

div.active.snapshot-thumbnail-heart {
    display: block;
    background-image: url('../../images/snapshot/update/heart-selected.png');
}

div.snapshot-thumbnail-trash {
    display: none;
    position: absolute;
    width: 27px;
    height: 38px;
    bottom: 5px;
    right: 20px;
    background-image: url(../../images/snapshot/update/trash.png);
    background-repeat: no-repeat;
}

div.snapshot-thumbnail-trash:hover,
div.active.snapshot-thumbnail-trash {
    display: block;
    background-image: url('../../images/snapshot/update/trash-rollover.png');
}

.row.info {
    margin-bottom: 30px;
    position: relative;
    margin-top: 18px;
}

.jscroll-inner {
    margin-right: 15px;
}

.row.grid {
    margin-right: -150px;
}


#tutorial-block {
    display:none;
    position: relative;
    float: right;
    right: 50px;
}

#tutorial-block .rounded-button.tutorial {
    color: #FFFFFF;
    border-color: #568d40;
    background-color: #568d40;
}

#tutorial-block .rounded-button.tutorial:hover {
    background-color: #000000;
}

.left-of-top {
    float: left;
}

div#bottom span#dvr-feature-text {
    display: none;
    position: relative;
    top: -5px;
    margin-left: 26px;
    text-transform: uppercase;
    color: #c95355;
    font-weight: 700;
    letter-spacing: 4px;
}

div#bottom div#play-moment:hover span#dvr-feature-text {
    color: #000000;
}

div#bottom #slideshow-return span#dvr-feature-text {
    color: #000000;
}










































@media (min-width: 420px) {
    
    .fancybox-outer .viewer-caption {
        display: block;
    }

/*    span.slideshow-features span.slideshow-features-copy {
        display: block;
    }*/

    .fancybox-opened .fancybox-title {
        font-size: 1.8vmin;
        height: 56px;
        padding-top: 25px;
        padding-left: 39px;
    }
}

@media (min-width: 768px) {

    #tutorial-block {
        display: block;
    }

    #header .main { height: 110px !important; }
    #header a.logo img { top: 0px !important; }

    #header a.logo:link, #header a.logo:visited, #header a.logo:hover, #header a.logo:active {
        margin-left: 21px !important;
    }

    #header .navs-bg, #header .navs-channel-cont, #header .navs, li.signup-action {
        display: block;
    }

    #header form.site-search { display: block; }

    #header .utility-actions { display: block; }

    #fancybox-thumbs { display: block !important; }

    .search p#placeholder-text {
        display: block;
    }

    div.search .search-input span#search-icon {
        display: block;
        position: relative;
        top: -11px;
        margin-left: 20px;
        float: left;
        background-image: url('../../images/snapshot/search-magnifying-glass.png');
        width: 56px;
        height: 56px;
    }

    div.search .search-input a#search-placeholder:hover span#search-icon {
        background-image: url('../../images/snapshot/search-magnifying-glass-hover.png');
    }

    div.search .search-input input[type="text"] {
        height: 110px;
        padding: 0px 0px 0px 23px !important;
        font-size: 44px !important;
        line-height: 47px;
    }

    div.search .search-input #searchbox {
        display: none;
        position: relative;
        top: -41px;
        left: 42px;
    }

    div.search .search-input p input {
        border-left: 3px solid #cccccc !important;
        border-right: 3px solid #cccccc !important;
        border-bottom: 3px solid #cccccc !important;
    }

    div.search div.search-suggestions {
        display: none;
        position: absolute;
        float: right;
        width: 318px;
        z-index: 99;
        top: 259px;
        right: 0px;
        background-color: #FFFFFF;
        border: 3px solid #cccccc !important;
    }

    div.search div.search-suggestions a li {
        font-size: 33px;
    }

    div.search p.title {
        font-size: 34px;
    }

/*    div.search {
        height: 120px;
    }*/

    div.hamburger-sidebar {
        display: block;
        position: relative;
        top: 0px;
    }

    span#hamburger-icon {
        width: 29px;
        height: 26px;
        background-image: url('../../images/snapshot/hamburger-small.png');
        margin-top: 19px;
    }

    span#close-icon {
        margin-top: 14px;
        width: 29px;
        height: 29px;
        background-image: url('../../images/snapshot/close-btn.png');
    }

    .main-content #dropdown-mini-player-container #mobile-dropdown-icon a {
        display: none;
    }

    .main-content #dropdown-mini-player-container #dropdown-icon:hover {
        background-image: url('../../images/snapshot/grid-icon-dropdown-lg-rollover.png');
    }


    .main-content #dropdown-mini-player-container #dropdown-open #dropdown-icon {
        margin-left: 34px;
    }

    .main-content #dropdown-mini-player-container p.dropdown-group-title {
        display: block;
    }

    body #header .utility-actions { right: 50px !important; }

    div.search .search-input {
        display: block;
        float: right;
        margin-top: 40px;
        margin-right: 30px;
        margin-bottom: -27px;
    }
    
    div.search .search-input input[type="text"] {
        width: 373px;
    }

    div.search div.search-suggestions {
        width: 396px;
    }

    .main-content #dropdown-mini-player-container #dropdown-open {
        display: none;
        position: absolute;
        left: -5px;
        top: -19px;
        width: 545px;
        padding-bottom: 40px;
        border: 6px solid rgba(0, 0, 0, .3);
        -webkit-background-clip: padding-box; /* for Safari */
        background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
        -webkit-border-radius: 29px;
        -moz-border-radius: 29px;
        border-radius: 29px;
        background-color: #FFFFFF;
    }

    .main-content #dropdown-mini-player-container p.dropdown-section-title {
        font-size: 39px;
        line-height: 42px;
    }

    .right-of-top {
        display: block;
        right: 29px;
        font-size: 39px;
        line-height: 42px;
    }

    #dropdown-details p#dropdown-content-details {
        font-size: 22px;
    }

    #dropdown-open #dropdown-open-details {
        /*float: left;*/
        position: relative;
        left: 5px;
        top: 13px;
        width: 475px;
    }

/*    .main-content #dropdown-mini-player-container #dropdown-closed #dropdown-details {
        max-width: 464px;
    }*/

    #dropdown-open-details #dropdown-separator {
        width: 101%;
        left: -41px;
    }

    #dropdown-open-details ul #dropdown-separator {
        left: 20px;
    }

    #dropdown-open-details ul a li {
        width: 467px;
    }

    .main-content #dropdown-mini-player-container #dropdown-open-details p.dropdown-section-title {
        position: relative;
        left: 0px;
        max-width: 464px;
    }

    #dropdown-open-details div#dropdown-close {
        display: block;
        position: absolute;
        right: -49px;
        top: 5px;
        background-image: url('../../images/snapshot/comment-box-close-sm.png');
        width: 21px;
        height: 21px;
        cursor: pointer;
    }

    p.snapshot-day-header {
        font-size: 22px;
    }

}

@media (min-width: 880px) {
    div#bottom span#dvr-feature-text {
        display: block;
    }
}

@media (min-width: 1024px) {
    div.search .search-input input[type="text"] {
        width: 578px;
        font-size: 56px !important;
    }

    div.search div.search-suggestions {
        width: 601px;
    }

    div.search div.search-suggestions a li {
        font-size: 35px;
    }

    .fancybox-outer .slideshow-comment,
    .fancybox-outer .slideshow-download,
    .fancybox-outer .slideshow-trash {
        display: block;
    }


}

@media (min-width: 992px) {
    .row.grid {
        margin-right: -15px;
    }
}

@media (min-width: 1025px) {

    .search {
        display: none;
    }

    .main-content {
        overflow: visible;
    }

    a .rounded-button {
        font-size: 24px;
    }

    div#title-section div.slideshow-title {
        width: 460px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .fancybox-title span#slideshow-timestamp {
        top: 10px;
    }

    .main-container {
        padding-left: 432px;
    }

    .feedback-action {
        display: block !important;
    }

    div.search p.title {
        font-size: 34px;
    }

    li.grants.external {display: block !important;}

    #header .slogan {display: block; margin-right: 50px !important;}

    .nav-expand {
        display: none;
    }

    div.search .search-input input[type="text"] {
        width: 606px;
        font-size: 73px !important;
    }

    div.search div.search-suggestions {
        width: 629px;
    }

    div.search div.search-suggestions a li {
        font-size: 42px;
    }

    .sidebar-nav {
        margin-top: 1px;
        display: block;
        float: left;
        background-color: #FFFFFF;
        font-size: 34px;
        padding: 0px !important;
        z-index: 998;
        position: relative;
        /*left: 432px;*/
        width: 432px;
        height: 100%;
        margin-left: -432px;
        overflow-y: auto;
    }

    div.hamburger-sidebar {
        display: none;
    }

    div.search p.title#dropdown-nav {
        display: none;
    }
    
    div.search p.title#archive {
        display: block;
    }

    .grid-snapshot p.snapshot-feed-title,
    .grid-snapshot p.snapshot-feed-taken {
        /*width: 125px;*/
        font-size: 1.2vw;
    } {
        /*width: 125px;*/
        font-size: 1.2vw;
    }

    .main-content {
        width: 100%;
    }

    span#break, span#stats {
        display: inline;
    }

    .fancybox-nav {
        width: 0 !important;
        height: 100% !important;
    }

    .fancybox-outer .viewer-caption {
        font-size: 40px;
        line-height: 43px;
    }

    .main-content #dropdown-mini-player-container #dropdown-icon {
        top: 15px;
        position: relative;
        display: block;
        float: left;
        cursor: pointer;
        width: 50px;
        height: 50px;
        background-image: url('../../images/snapshot/grid-icon-dropdown-lg_new.png');
        opacity: 0.7;
    }

    .main-content #dropdown-mini-player-container #dropdown-icon:hover {
        background-image: url('../../images/snapshot/grid-icon-dropdown-lg-rollover.png');
    }

    #dropdown-open-details #dropdown-separator {
        width: 121%;
    }

    .main-content #dropdown-mini-player-container #dropdown-open {
        width: 646px;
    }

    #dropdown-open-details ul a li {
        width: 581px;
        font-size: 34px;
    }

    .main-content #dropdown-mini-player-container p.dropdown-group-title {
        font-family: 'MuseoSans-700';
        font-size: 20px;
        color: #898989;
    }



    .main-content #dropdown-mini-player-container p.dropdown-section-title {
        font-size: 52px;
        line-height: 52px;
        color: #000000;
    }

    .right-of-top {
        font-size: 52px;
        line-height: 52px;
    }

    #dropdown-open-details ul {
        position: relative;
        top: 26px;
        padding-bottom: 13px;
        font-family: 'MuseoSans-100';
        font-size: 42px;
    }

    div.snapshot-info {
        top: 12px;
        right: 175px;
    }

    div.snapshot-info img {
        top: -28px;
        margin-left: 25px;
        width: 75px;
        height: 75px;
    }

    .fancybox-close {
        background-image: url('../../images/snapshot/modal-close.gif') !important;
        width: 138px !important;
        height: 131px !important;
        top: 0px !important;
        right: 0px !important;
        z-index: 9999 !important;
    }

    .fancybox-opened .fancybox-title {
        height: 88px;
        padding-top: 43px;
    }

    .fancybox-next span {
        background: url('../../images/snapshot/modal-arrow-right.png') 0px 0px !important;
        width: 96px !important;
        height: 252px !important;
        right: -101px !important;
    }

    .fancybox-prev span {
        background: url('../../images/snapshot/modal-arrow-left.png') 0px 0px !important;
        width: 96px !important;
        height: 252px !important;
        left: -101px !important;
    }

    .fancybox-nav span {
        top: 47% !important;
        margin-top: -129px !important;
        visibility: visible !important;
    }

    div#bottom span#slideshow-return-button {
        top: -17px;
        left: 20px;
        background-image: url('../../images/snapshot/return-snapshot-btn.png');
        width: 65px;
        height: 57px;
    }

    div#bottom span#dvr-feature-text {
        margin-left: 30px;
    }

    .comment-box {
        width: 522px;
        height: 367px;
        bottom: -105px;
        right: 0px;
        padding: 6px;
    }

    div#comment-close-btn {
        top: 25px;
        right: 25px;
        background-image: url('../../images/snapshot/comment-box-close-sm.png');
        width: 21px;
        height: 21px;
    }

    #dropdown-open-details div#dropdown-close {
        top: 4px;
        right: -150px;
        background-image: url('../../images/snapshot/comment-box-close.png');
        width: 52px;
        height: 52px;
    }

    div#comment-box-image img {
        width: 160px;
    }

    div#comment-submit-btn {
        bottom: 25px;
        left: 25px;
        background-image: url('../../images/snapshot/post-to-comments-sm.png');
        width: 216px;
        height: 27px;
    }

    .comment-box textarea {
        top: 125px;
        width: 463px;
        height: 152px;
        font-size: 27px;
    }

    div#comment-success div#comment-success-btn a {
        bottom: 149px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    div.search p.title {
        font-size: 34px;
    }

    .comment-box {
        width: 700px;
        height: 625px;
        bottom: -105px;
        right: 0px;
        padding: 6px;
    }

    div#comment-close-btn {
        top: 25px;
        right: 25px;
        background-image: url('../../images/snapshot/comment-box-close.png');
        width: 52px;
        height: 52px;
    }

    div#comment-box-image img {
        width: 270px;
    }

    div#comment-submit-btn {
        bottom: 25px;
        left: 25px;
        background-image: url('../../images/snapshot/post-to-comments.png');
        width: 397px;
        height: 47px;
    }

    .comment-box textarea {
        top: 210px;
        width: 640px;
        height: 270px;
        font-size: 48px;
    }

    div#comment-success p {
        font-size: 48px;
        width: 576px;
        top: 3px;
    }

    div#comment-success div#comment-success-btn a {
        bottom: 215px;
        left: 25px;
        background-image: url('../../images/snapshot/comment-success-btn.png');
        width: 397px;
        height: 47px;
    }

}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1650px) {
    .grid-snapshot p.snapshot-feed-title,
    .grid-snapshot p.snapshot-date-taken {
        font-size: 1.1vw;
    }
}

/* 873 height */


@media screen and (max-height: 900px) {

/*    div.snapshot-info img {
        display: none;
    }

    .fancybox-close {
        background-image: url('../../images/snapshot/modal-close-small.gif') !important;
        width: 85px !important;
        height: 81px !important;
        top: 0px !important;
        right: 0px !important;
        z-index: 9999 !important;
    }

    .fancybox-opened .fancybox-title {
        height: 52px;
        padding-top: 29px;
    }

    .fancybox-title span#slideshow-timestamp {
        top: 0px !important;
    }

    .fancybox-next span {
        background: url('../../images/snapshot/modal-arrow-right-small.png') 0px 0px !important;
        width: 47px !important;
        height: 124px !important;
        right: -50px !important;
    }

    .fancybox-prev span {
        background: url('../../images/snapshot/modal-arrow-left-small.png') 0px 0px !important;
        width: 47px !important;
        height: 124px !important;
        left: -50px !important;
    }

    .fancybox-nav span {
        top: 72% !important;
    }

    .fancybox-outer .share-icon {
        float: left;
        margin-right: 14px;
        background-image: url('../../images/snapshot/share-icon-small.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 25px;
        height: 22px;
    }

    .fancybox-outer .comment-icon {
        float: left;
        margin-right: 9px;
        background-image: url('../../images/snapshot/comment-icon-small.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 25px;
        height: 21px;
    }

    .fancybox-outer .share-icon {
        margin-right: 9px;
    }

    .fancybox-outer .comment-icon, .fancybox-outer .share-icon {
        top: 0px;
    }*/

}

#snapshot-modal.modal-email, #snapshot-modal.modal-sms {
    display: none;
}

#snapshot-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999;
    height: 408px;
    background: #ffffff;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #3a3835;
}

#snapshot-modal h6 {
    position: relative;
    top: -18px;
    font-size: 16px;
    padding-bottom: 3px;
}

#snapshot-modal .moment_link {
    font-size: 14px;
    color: #0000FF;
    margin-top: 8px;
}

#snapshot-modal .title {
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 5px;
    position: relative;
    top: -8px;
    width: 360px;
}

#snapshot-modal input {
    height: 40px !important;
}

#snapshot-modal fieldset .left, #snapshot-modal fieldset .right {
    width: 210px;
}

#snapshot-modal input, #snapshot-modal textarea {
    background: #f3f3f3;
    border-radius: 3px;
    padding: 0px 10px;
}

#snapshot-modal input#email_subject, #snapshot-modal input#sms_url {
    position: relative;
    top: -10px;
    width: 409px;
}

#snapshot-modal .text {
    font-size: 14px;
}

#snapshot-modal .buttons.email_btn {
    padding-top: 12px;
}

#snapshot-modal.modal-sms .preview {
    height: 91px;
}

/*#snapshot-modal div#character_count {
    position: relative;
    top: 17px;
    font-size: 14px;
    color: #3a3835;
}*/

#snapshot-modal.modal-sms .buttons.email_btn {
    padding-top: 35px;
}

#snapshot-modal.modal-sms .status_msg {
    top: 10px !important;
}

#snapshot-modal.modal-sms textarea#sms_body {
    width: 410px;
    height: 98px;
    padding: 10px 10px;
    font-weight: bold;
}

/* MOBILE NAV FIX */
li#all-live-cams div.cam-image#all-cams {
    position: absolute;
}

li#all-live-cams div.cam-title {
    left: 97px;    
}
/* END MOBILE NAV FIX */








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

.share-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: 116px;
    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;
}

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

.share-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;
}

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

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

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

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

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

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


.ui-widget-header {
    background-color: #000;
    color: #FFFFFF;
}

.ui-dialog .ui-dialog-title {
    text-transform: uppercase;
}