#gigapan-mobile-navigation {
position:relative;
height:158px;
width:51px;
right:0;
top:50px;
background-color:rgba(10,10,7,0.8);
padding:5px 0;
}

#gigapan-mobile-navigation>div {
width:42px;
height:40px;
}

.clickable-nav-item {
display:block;
background:url(GigapanNavigationFullResize.png) no-repeat;
position:relative;
cursor:pointer;
}

.mobile-zoom-plus-button span {
background-position:-30px -68px;
width:23px;
height:23px;
left:14px;
top:7px;
}

.mobile-zoom-minus-button span {
background-position:-30px -96px;
width:23px;
height:23px;
left:14px;
top:7px;
}

.mobile-full-screen-button span {
background-position:-28px -121px;
width:25px;
height:22px;
top:7px;
left:12px;
}

.mobile-view-all-button span {
background-position:-24px -141px;
width:28px;
height:28px;
left:9px;
top:0;
}

#gigapan-watermark,#gigapan-watermark a {
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
font-size:x-large;
margin-right:7px;
color:#FFF;
cursor:pointer;
text-decoration:none;
z-index:1;
}

#gigapan-navigation {
height:172px;
width:41px;
right:0;
top:5px;
background-color:rgba(10,10,7,0.8);
}

#compass {
background:url(GigapanNavigation.png) no-repeat;
background-position:-22px -31px;
width:41px;
height:35px;
position:absolute;
top:3px;
left:0;
cursor:pointer;
}

#pan-up {
position:absolute;
left:12px;
top:0;
width:19px;
height:12px;
cursor:pointer;
}

#pan-down {
position:absolute;
left:12px;
top:24px;
width:19px;
height:12px;
cursor:pointer;
}

#pan-left {
position:absolute;
left:4px;
top:11px;
width:14px;
height:15px;
cursor:pointer;
}

#pan-right {
position:absolute;
left:25px;
top:11px;
width:14px;
height:15px;
cursor:pointer;
}

.buy-print-button,.help-button,.motion-circle,.slider-handle,.slider-track,.zoom-minus-button,.zoom-plus-button {
background:url(GigapanNavigation.png) no-repeat;
}

.full-screen-button,.view-all-button {
background:url(GigapanNavigationFullResize.png) no-repeat;
}

.zoom-plus-button {
z-index:1;
background-position:-30px -71px;
width:20px;
height:20px;
position:absolute;
top:10px;
left:10px;
cursor:pointer;
}

.slider-track {
background-position:-58px -74px;
width:2px;
height:64px;
position:absolute;
top:28px;
left:20px;
}

.slider-handle {
background-position:-57px -144px;
width:12px;
height:5px;
position:absolute;
top:80px;
left:15px;
cursor:pointer;
}

.zoom-minus-button {
z-index:1;
background-position:-32px -95px;
width:19px;
height:19px;
position:absolute;
top:44px;
left:12px;
cursor:pointer;
}

.full-screen-button {
background-position:-31px -121px;
width:21px;
height:20px;
position:absolute;
top:75px;
left:11px;
cursor:pointer;
}

.view-all-button {
background-position:-29px -141px;
width:25px;
height:24px;
position:absolute;
top:102px;
left:9px;
cursor:pointer;
}

#footer-panel {
overflow:hidden;
white-space:nowrap;
bottom:0;
left:0;
background-color:rgba(10,10,7,0.8);
height:0px;
width:100%;
margin:0;
padding:0 0 0 5px;
}

.footer-panel-button {
display:inline-block;
cursor:pointer;
background:url(/images/viewer/GigapanBottomNavSprite.png) no-repeat;
}

.footer-panel-action-button {
display:inline-block;
cursor:pointer;
background:url(/images/viewer/TakeSnapshot-ExploreMoreSpriteStandard.png) no-repeat;
}

#show-snapshots-button {
background-position:-5px -7px;
width:55px;
height:50px;
}

#show-explore-button {
background-position:-124px -7px;
width:75px;
height:50px;
}

#buy-print-button {
background-position:-59px -7px;
width:60px;
height:50px;
}

#show-share-button {
background-position:-129px -7px;
width:50px;
height:50px;
}

#social-container {
width:340px;
display:none;
position:absolute;
bottom:0;
left:0;
height:50px;
color:#fff;
}

.social-button {
background:url(/images/viewer/shareicons_color_22px_72dpi.png) no-repeat;
height:50px;
width:44px;
display:inline-block;
vertical-align:middle;
cursor:pointer;
}

#gp-facebook {
background-position:-49px -20px;
}

#gp-twitter {
background-position:-90px -20px;
}

#gp-gplus {
background-position:-134px -20px;
}

#gp-linkedin {
background-position:-174px -20px;
}

#gp-pinterest {
background-position:-215px -20px;
}

#snapshot_browser {
overflow:hidden;
white-space:nowrap;
height:68px;
background-color:rgba(10,10,7,0.8);
left:0;
display:none;
bottom:52px;
}

#snapshot_scroller_container {
overflow:hidden;
white-space:nowrap;
height:62px;
width:100%;
display:inline-block;
vertical-align:top;
padding-top:2px;
-moz-user-select:none;
-webkit-user-select:none;
-webkit-text-size-adjust:none;
-ms-user-select:none;
user-select:none;
}

#take_snapshot_container {
width:210px;
display:inline-block;
}

#take-snapshot-button {
display:inline-block;
cursor:pointer;
background:url(/images/viewer/TakeSnapshot-ExploreMoreSpriteStandard.png) no-repeat;
background-position:7px -12px;
width:115px;
height:25px;
float:left;
}

#snapshot-details {
display:inline-block;
color:#fff;
font-size:11px;
float:left;
overflow-y:auto;
overflow-x:hidden;
width:190px;
min-height:53px;
max-height:53px;
height:53px;
margin-left:24px;
margin-top:0;
}

.snapshots_description {
padding-bottom:10px;
}

#snapshot-details>div {
white-space:pre-line;
word-wrap:break-word;
}

#snapshot_scroller {
margin-bottom:5px;
height:47px;
}

#snapshot_scroller .snapshot {
cursor:pointer;
width:40px;
height:30px;
line-height:30px;
border:1px solid #000;
opacity:1;
filter:alpha(opacity=100);
margin:5px;
}

#bxslider-snapshots {
margin:2px;
}

span.has_comments {
background-image:url(/images/viewer/GigapanBottomNavSprite.png);
position:absolute;
top:-3px;
right:-3px;
width:24px;
height:24px;
background-position:-194px -13px;
}

#snapshot-info-overlay {
background-color:rgba(10,10,7,0.8);
border:0;
display:block;
left:0;
position:absolute;
width:243px;
height:250px;
bottom:122px;
overflow:hidden;
color:#fff;
padding-left:5px;
padding-top:20px;
}

.snapshot_name {
padding-top:2px;
font-weight:700;
font-size:11px;
}

.snap_taken_by {
padding-top:3px;
font-size:11px;
}

.no_snapshot_comments {
font-size:11px;
}

#snapshot_comments_container {
height:180px;
overflow-x:hidden;
overflow-y:auto;
width:228px;
margin-right:2px;
margin-top:4px;
font-size:11px;
line-height:13px;
padding:3px;
}

.snap_comment {
width:95%;
display:inline-block;
padding:3px 0 5px;
}

.add_snapshot_comments_button {
background-color:rgba(10,10,7,0.8);
border:1px solid #fff;
color:#fff;
text-decoration:none;
margin-right:7px;
padding:3px;
}

.selected {
border-bottom:2px solid #ff0;
}

.close_button {
position:absolute;
top:5px;
right:5px;
width:16px;
height:16px;
cursor:pointer;
background-image:url(/images/viewer/X-button.png);
background-position:-14px -12px;
}

#view_add_comments {
position:absolute;
bottom:9px;
left:128px;
color:#FFF;
cursor:pointer;
font-size:10px;
font-weight:700;
}

#add_snapshot_comments_container {
display:inline-block;
width:99%;
padding:3px;
}

#login_to_comment_button {
color:#000;
background-color:#fff;
border:0;
margin-right:5px;
font-size:10px;
text-transform:uppercase;
position:absolute;
right:10px;
bottom:10px;
background:url(/images/viewer/LogInToComment.png) no-repeat;
width:90px;
height:20px;
cursor:pointer;
padding:2px;
}

#comment_comment {
height:30px;
width:96%;
padding:0;
}

#add_snapshot_comments_button {
float:right;
cursor:pointer;
background:url(/images/viewer/AddButtonStandard.png) no-repeat 0 2px;
width:30px;
height:20px;
border:0;
}

.delete_snapshot_comments_button {
float:right;
cursor:pointer;
border:0;
text-decoration:underline;
font-size:10px;
color:#fff;
}

.delete_snapshot_comments_button:hover {
float:right;
cursor:pointer;
border:0;
text-decoration:none;
font-size:10px;
color:#fff;
}

.white_link {
color:#fff;
text-decoration:none;
border-bottom:1px dashed #fff;
}

#gigapan-viewer #snapshot_comments_container a.snapshot_comment_link,#gigapan-viewer #snapshot_comments_container a.snapshot_comment_link:visited {
text-decoration:none;
color:#F2F5A6;
}

#gigapan-viewer #snapshot_comments_container a.snapshot_comment_link:hover {
text-decoration:underline;
color:#F2F5A6;
}

.bx-wrapper {
height:62px;
min-width:100%;
margin:0;
}

.bx-wrapper .bx-next {
right:3px;
background:url(/images/viewer/SnapshotArrowsSprite.png) no-repeat -62px -8px;
}

.bx-wrapper .bx-prev {
left:3px;
background:url(/images/viewer/SnapshotArrowsSprite.png) no-repeat -14px -8px;
}

.bx-wrapper .bx-next:hover {
background-position:-62px -8px;
}

.bx-wrapper .bx-prev:hover {
background-position:-14px -8px;
}

.bx-wrapper .bx-controls-direction a {
width:26px;
}

#bxslider-snapshots li {
padding-right:5px;
}

#related-screen-overlay {
background-color:rgba(10,10,7,0.8);
display:none;
left:10%;
position:absolute;
width:80%;
height:75%;
top:5px;
overflow-y:auto;
overflow-x:hidden;
color:#fff;
text-align:center;
padding:5px;
}

#related-screen-overlay h2 {
margin-bottom:20px;
}

.related-gigapan {
display:inline-block;
color:#fff;
font-size:12px;
cursor:pointer;
margin-top:5px;
width:24%;
}

.related-title {
display:block;
width:100%;
vertical-align:text-top;
padding-bottom:5px;
}

.related-image {
width:auto;
}

#snapshot_tool_dialog_window_template {
display:none;
}

#close-snapshot {
float:right;
}

.dialog_title_bar {
background-color:rgba(10,10,7,0.8);
color:#fff;
font-size:9pt;
font-weight:700;
cursor:move;
padding:2px 5px;
}

.snapshot_tool_dialog_window {
border:1px solid #000;
color:#000;
height:auto;
width:250px;
top:5px;
right:50px;
padding:0;
}

.snapshot_tool_dialog_body {
background-color:rgba(10,10,7,0.8);
color:#FFF;
padding:5px;
}

.snapshot_tool_dialog_form_field_label {
color:#FFF;
font-size:8pt;
font-weight:700;
}

.snapshot_tool_dialog_form_field_name {
margin-bottom:10px;
width:234px;
padding:0;
}

.snapshot_tool_dialog_form_field_description {
height:90px;
margin-bottom:10px;
width:238px;
padding:0;
}

.snapshot_tool_bounds_selector {
cursor:move;
border:1px dashed #FFF;
font-size:0;
outline:1px dashed #000;
background-image:url(/images/viewer/clear.gif);
}

.snapshot_tool_bounds_selector_active {
cursor:move;
border:1px solid green;
font-size:0;
}

.snapshot_tool_bounds_selector_disabled {
cursor:default;
border:1px solid red;
font-size:0;
}

.snapshot_tool_bounds_handle {
border:1px solid #000;
cursor:crosshair;
height:5px;
width:5px;
background-color:#FFF;
font-size:0;
}

.snapshot_tool_bounds_handle_active {
border:1px solid #000;
cursor:crosshair;
height:5px;
width:5px;
background-color:green;
font-size:0;
}

.snapshot_tool_bounds_handle_disabled {
border:1px solid #000;
cursor:crosshair;
height:5px;
width:5px;
background-color:red;
font-size:0;
}

#mask {
z-index:9000;
width:100%;
height:100%;
background-color:rgba(10,10,7,0.8);
display:none;
left:0;
position:absolute;
top:0;
}

#login-screen-overlay {
border:10px solid #c2c2c2;
display:none;
left:45%;
position:absolute;
width:400px;
height:230px;
top:140px;
overflow:hidden;
z-index:99999;
background-color:#fff;
margin:0 0 0 -10%;
padding:1em;
}

#login-screen-overlay .forgotPassword {
float:right;
margin:.5em;
padding:4px 0;
}

#login-screen-overlay h2 {
color:#415968;
font-size:1.6em;
font-weight:600;
text-align:center;
text-transform:none;
margin:0 0 20px;
}

#login-screen-overlay .user-actions label {
display:block;
font-weight:600;
font-size:.9em;
text-transform:uppercase;
color:#666;
float:none;
margin:8px 0 1px;
}

#login-screen-overlay .user-actions input {
display:block;
width:365px;
margin:0 0 8px;
}

#login-screen-overlay .user-actions .login {
border:0;
padding:0 0 10px;
}

.save-snapshot,.cancel-snapshot {
color:#000;
background-color:#fff;
border:0;
margin-right:5px;
font-size:10px;
padding:2px;
}

#snapshot_tool_dialog_window * {
-webkit-user-select:auto;
-webkit-text-size-adjust:auto;
}

.window_inner input {
color:#000;
}

.windows #popup-login #login,.windows #popup-login #password {
width:365px;
}

.button input,.button span {
border:0;
display:inline-block;
width:auto;
color:#fff;
cursor:pointer;
background-color:#5c6f7b;
padding:4px 11px;
}

#thumbnail-navigation {
top:0;
left:0;
width:auto;
height:auto;
color:#FFF;
cursor:default;
margin:10px 0 0 70px;
padding:0;
}

#thumbnail-navigation-area {
position:relative;
overflow:hidden;
cursor:pointer;
border:2px solid #7f7f7f;
margin:0 10px 0 0;
}

#thumbnail-navigation-area-image {
position:absolute;
z-index:1;
}

#thumbnail-navigation-area-current-view-outline {
position:absolute;
top:0;
left:0;
border:1px solid #ffc74b;
z-index:2;
}

#thumbnail-navigation-area-shadow {
position:absolute;
z-index:3;
border:1px solid #dcdcdc;
}

#gigapan-title {
background-color:rgba(10,10,7,0.8);
white-space:nowrap;
top:0;
left:0;
font-family:Helvetica, sans-serif;
font-size:large;
color:#FFF;
min-width:500px;
width:500px;
padding:7px;
}

.overlay {
border:2px solid #ff0;
}

#gigapan-viewer a:link,#gigapan-viewer a:visited {
color:#fff;
}

#gigapan-viewer ::-webkit-scrollbar {
width:9px;
height:9px;
}

#gigapan-viewer ::-webkit-scrollbar-track {
background:rgba(255,255,255,0.5);
}

#gigapan-viewer ::-webkit-scrollbar-thumb {
background:rgba(255,255,255,0.8);
}

@media only screen and -webkit-min-device-pixel-ratio 2,only screen and min-device-pixel-ratio 2{
.footer-panel-action-button {
background:url(/images/viewer/TakeSnapshot-ExploreMoreSpriteRetina.png) no-repeat;
-moz-background-size:188px 62px;
-ie-background-size:188px 62px;
-o-background-size:188px 62px;
-webkit-background-size:188px 62px;
background-size:188px 62px;
}

.footer-panel-button {
background:url(/images/viewer/GigapanBottomNavSpritex2.png) no-repeat;
-moz-background-size:305px 62px;
-ie-background-size:305px 62px;
-o-background-size:305px 62px;
-webkit-background-size:305px 62px;
background-size:305px 62px;
}

#buy-print-button {
background-position:-64px -7px;
}

#show-explore-button {
background-position:-109px -7px;
}

.social-button {
width:50px;
background:url(/images/viewer/shareicons_color_44px_72dpi.png) no-repeat;
-moz-background-size:278px 78px;
-ie-background-size:278px 78px;
-o-background-size:278px 78px;
-webkit-background-size:278px 78px;
background-size:278px 78px;
}
}