/*-----------------------------------------------------------------------------------

	Imagepanner for Panoramas 				* * * * *  05-usa

-----------------------------------------------------------------------------------

	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
	2.	Image Table Definitions
	3.	Fact Sheet Table Definitions (see 07-Utah 27-July for examples )
	4.	Lightbox Definitions
	5.	Default CSS for Image Panner containers

-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	1.	Document Setup (body, structure etc)
/*-----------------------------------------------------------------------------------*/

html	{ 
	height: 100%; 
	}

body	{
	margin: 0;
	padding: 0;
	background-image: url(margin.html); 
	background-position: center center; 
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover; 
	height: 100%; 
        overflow: hidden; 
	} 

#opaque	{ 				/*	set the background to match that of lightbox	*/
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	} 

.content {
	width: 100%;
	height: auto;
	margin: 0; 
	padding: 0; 
	border: 0;
	float: left;
	}

.page	{	/*  PAGE SETUP FOR IMAGE  */
	width: 1280px; 
	height: auto; 
	margin: auto;  
	background: #ffffff; 
	padding: 5px 7px 0px 5px; 
	border: 0; 
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	margin-bottom: 0; 
	} 

/*-----------------------------------------------------------------------------------*/
/*	2.	Image Table Definitions
/*-----------------------------------------------------------------------------------*/

	/*  */ 
table	{ 
	border: 0px; 
	margin: auto; 
	cellpadding: 5px; 
	cellspacing: 0px; 
	border-collapse: collapse; 
	align: center; 
	} 

td	{ 			/*  text for caption  */
	font-family: Verdana, Helvetica, sans-serif;; 
	line-height: 1.4em;
	} 

.instruction {
	font-size: 11px; 
	font-weight: bold;
	text-align: center; 
	color: #FF40FF; 
	vertical-align: top; 
	}

.caption {
	font-size: 13px; 
	font-weight: bold; 
	text-align: left; 
	color: #666682;
	vertical-align: middle; 
	}
.close { 
	margin: 0px;
	background-image: url(closelabel.gif); 
	background-size: auto; 
	background-repeat: no-repeat; 
	background-position: right top; 
	width: 66px; 
	height: 27px;
	text-align: right; 
	}

a	{ 			/*  remove underline from close link  */
	font-size: 15px;
	text-decoration: none;
	}

/*-----------------------------------------------------------------------------------*/
/*	3.	Fact Sheet Table Definitions
/*-----------------------------------------------------------------------------------*/

  .fact	{ 
	width: 100%; 
	border: 0px; 
	margin: 0 0 0 0; 
	border-collapse: collapse;
	} 
  .fact td { 
	font-family: Verdana, Arial; 
	font-size: 12px; 
	line-height: 18px;
  	text-align: justify; 
	color: #000000; 
	vertical-align: top; 
	}
  .fact td.bold { 
	width: 125px; 
	font-weight: bold; 
  	text-align: left; 
	}
  </style>

/*-----------------------------------------------------------------------------------*/
/*	4.	Lightbox Definitions
/*-----------------------------------------------------------------------------------*/

.opacityit img { 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
	-moz-opacity: 1; 
	border: 1px solid #FFFFFF; 
	}

.opacityit:hover img { 
	border: 1px solid #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); 
	-moz-opacity: 0.3; 
	} 

.opacityit:active img { 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
	-moz-opacity: 1; 
	border: 1px solid #FFFFFF; 
	} 

.opacityit:hover { 		/* imagepanner won't work without this		*/
	color: green; 		/* irrelevant definition to overcome IE bug	*/
	} 
		/*  END OF LIGHTBOX DEFINITIONS  */

/***********************************************************************************
*	5.	Default CSS for pan containers
************************************************************************************
* 		Simple Image Panner and Zoomer- (c) Dynamic Drive DHTML code library
*		This notice MUST stay intact for legal use
* 		Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
************************************************************************************/

.pancontainer { 
	position: relative; 	/*  keep this intact  */
	overflow: hidden; 	/*  keep this intact  */
	float: left; 
	width: 1280px; 
	height: 650px; 
	cursor: move; 
	border: 0;
	} 

#mypanoviewer {
	margin: 0 auto;
	width: 1280px;
	height:650px;
	}