#viewer .grab {
    cursor: -moz-grab, url("/cursors/grab.cur");
}
#viewer .grabbing {
    cursor: -moz-grabbing, url("/cursors/grabbing.cur");
}

#viewer {
	position: relative;
	top: 0;
	left: 0;
	border: solid 1px #e6e6e6;
	
	/* NOTE: the size and width should be set dynamically when initialized */
	width: 0;
	height: 0;
}

#viewer .well, #viewer .surface {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	/* FIXME: let's apply this in GSV.js */
	/*cursor: grab;*/
	/* cursor: -moz-grab;
	_cursor: url(cursors/grab.cur) !important; */
}
#viewer .surface {
	z-index: 10;
	border: solid 1px #fff;
	/*background: url(../gfx/center.gif) no-repeat center center;*/
		_background-image: url(images/blank.gif) no-repeat center center; /* NOTE: required for IE to"see" the surface */
}

#viewer .well {
	overflow: hidden;
	z-index: 10;
}

#viewer .well .tile
{
	border: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	/*-moz-outline: 1px dashed #FF0000;*/
}
#viewer .hotspot {
    border: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	height: 21px; width: 21px;
	z-index: 100;
}
.controlsBackground {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 128px;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:.50;
    opacity:.50; 
    z-index: 11;
}
.controls {
    margin: 0;
    padding: 0;
    padding: 8px;
    width: 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
}
.controls a {
    display: block;
    margin-top: 3px;
     
}
.scale {
    z-index: 11;
    position: absolute;
    bottom: 5px;
    left: 5px;
}
.information {
    position: absolute;
    z-index: 11;
    min-height: 219px;
    _height: 219px; 
    width: 363px;
    right: 5px; top: 5px;
    color: #fff;
    /*background: url(images/backg_hotspot.png) no-repeat;*/
}
.information .informationHeader {
    width: 100%;
    min-height: 47px;
    _height: 47px;
    border-bottom: solid 1px #fff;
    background-color:#264A84;
}
.information img {
    float: left;
}
.information h1 {
    color: #fff;
    float: left;
    padding: 0;
    margin: 2px 0 0 10px;
    padding-bottom: 10px;
    text-decoration: none;
    border: none;
    width: 300px;
}
.informationHeaderContent {
   clear:both; display:block; padding-left: 18px; padding-top: 20px;
}
.information .informationContent {
    width: 100%;
    min-height: 172px;
    _height: 172px;
    background-color:#516E9D;
}
.information .informationHeader .close {
    position: absolute;
    top: 5px;
    right: 5px;
}
.informationContentContainer a {
    color: #fff;
}
.informationContentContainer a:hover {
    color: #fff; cursor: pointer;
}
.informationContentContainer {
    width: 325px; padding-left: 20px; padding-top: 10px; padding-bottom: 15px;
}
.informationContentContainer .infoimage {
    height: 114px; width: 150px; float:left; padding-right:10px;
}
.informationContentContainer .infoimage img {
    border: solid 1px #fff; width: 149px; height: 112px; float:left;
}
.informationContentContainer .infoimage ul {
    list-style: none; float: right; text-align: right;
}
.informationContentContainer .infoimage ul a {
    color: #fff;
}
.informationContentContainer .text {
    /*height: 167px; width: 165px; margin-top: 16px;*/ margin-bottom: 14px; overflow: auto; line-height: normal; /*padding-left: 10px;*/
}
.informationContentContainer .wtext {
    margin-bottom: 14px; overflow: auto; line-height: normal; clear:both; display:block; padding-top:10px;
}
.informationContentContainer .mtext {
    /*height: 167px;*/ width: 100%; /*margin-top: 16px;*/ margin-bottom: 14px; overflow: auto; float:left; padding-left: 10px; line-height: normal;
}
.informationContentContainer .link {
    padding-top: 10px; /*padding-bottom: 10px*/; height: 22px; width: 315px; color: #000; font-weight: bold; clear:both; float:left;
    /*background-color: #fff;
    background-image: url(images/link.jpg);
    background-repeat: no-repeat;
    background-position: top right;*/
}
.informationContentContainer .link a{
    color: #fff;
}
.loading {
    position: absolute; 
    top: 5px;
    right: 5px; 
    padding: 0 15px 0 5px; 
    border: solid 1px #000; 
    z-index: 11; 
    background-color: #fff;
}
/*
.controls img {
    filter:alpha(opacity=125);
    -moz-opacity:1.25;
    opacity:1.25;
}
*/