@charset "UTF-8";
/* CSS Document */

/*.thumbnail {
    max-width: 300px;
}
.thumbnail img {
    width: 300px;
}
.full {
    max-width: 816px;
}*/
.full img {
    width: 100%;
}

#scroller {
	overflow-y: hidden;
	overflow-x: scroll;   
	-webkit-overflow-scrolling: touch; 
	max-width: 816px;
	height: 554px;
    //max-height:100%;
	margin: 0px; 
	padding: 0px;
}

#scroller img {
	//overflow:hidden;
	border: none; 
	height: 539px; 
	width: 8000px;
	padding:0px;
    margin: 0;
}
/*a .labels {
	position: relative; 
	z-index: 2; 
	opacity: 0;
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  	transition: opacity 0.4s;
    display: block; 
}

a .labels#aerial {
	background: url('/palomar/media/images/aerial_labels.png') left center no-repeat; 
	margin: -544px 0px 0 0px; 
	height: 544px;
	width: 816px; 
}

a .labels#panorama {
	background: url('/palomar/media/images/panorama_labels.png') left center no-repeat; 
	margin: -539px 0px 0 0px; 
	height: 539px;
	width: 8000px; 
}*/

.nolabels {
    display:none;
}
.labels {
    display: block;
}
#compass, #labels1, #labels2 {
    color:#002172; 
    cursor: pointer;
}
#compass:hover, #labels1:hover, #labels2:before {
    text-decoration:underline;
}
#compass:before, #labels1:before, #labels2:before {
    font-family:  FontAwesome; 
    font-style:normal;
    padding-right:4px;
    text-decoration:none;
}
#compass:before {
    content:"\f14e";
}
#labels1:before, #labels2:before {
    content:"\f02b";
}
.cam {
    background-size: auto 156px;   
    height: 128px; /* was 142 */
    width: 226px; 
    background-repeat: no-repeat; 
    float: left;
    //border: 1px solid red;
}    
#east{
    background-image: url(https://cdn.hpwren.ucsd.edu/RT/mpo-e-mobo-c.jpg); 
    background-position: -4px 0px;    
    width: 218px;
}
#south{
    background-image: url("https://cdn.hpwren.ucsd.edu/RT/mpo-s-mobo-c.jpg");
    background-position: -22px -6px;    
    width: 186px;
} 
#west{
    background-image: url("https://cdn.hpwren.ucsd.edu/RT/mpo-w-mobo-c.jpg");
    background-position: -14px -12px;    
    width: 194px;
}    
#north{
    background-image: url('https://cdn.hpwren.ucsd.edu/RT/mpo-n-mobo-c.jpg');
    //background-position: -8px -13px;
    background-position: -8px -26px;    
    width: 217px;
}
/*a span.labels#skycam {
	background: url('/palomar/media/images/allskycam_labels.png') left center no-repeat; 
	margin: -612px 0px 0 0px; 
	height: 612px;
	width: 816px; 
}

a:hover .labels {  	
	opacity: 1.00; 
	filter: alpha(opacity=100); 
}*/


a:hover span.external { 
	opacity: 0.95; 
	filter: alpha(opacity=95); 
} 

/*.pan { 
	overflow:hidden;
	border: none; 
	height: 539px; 
	width: 8000px;
	padding:0px;
    margin: 0;
}*/

.wide1 {
    max-width:346px;
} 
.wide2 {
    max-width:327px;
}
.wide1 img, .wide2 img {
    height: 500px; 
    width:auto;
}

.print, .pdf {
	cursor: pointer;	
}

a.print:after, a.pdf:after {
	font-family:  FontAwesome;
//	font-size:normal;
    text-decoration: none;
	font-style: normal;
	float: right;
	padding-left: 8px;
}
a.print:after {
	content: "\f02f";
}
a.pdf:after {
	content: "\f1c1";   
}
a.pdf:hover:after, a.print:hover:after, a.save:hover:after {
    color:#697CAD;
}

.data-c, .data-l, .short-c {    
	min-width: 400px;
}

.short-c {
	width:auto;
	margin: 0px auto;
	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;
}

@media only screen and (max-width: 1024px) {
#scroller {
        max-width: none;
    }
.wide1, .wide2 {
	max-width: 500px;
}
.wide1 img, .wide2 img {
	width: 500px;
    height: auto;
}
}
@media only screen and (max-width: 550px) {
.wide1, .wide2 {
    max-width: 90%;
}
.wide1 img, .wide2 img {
    width: 100%;
}
}