.jsTileViewer {
	overflow: hidden;
	position: relative;
}

.jsTileViewer .tileImg {
}

.jsunselectable {
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.jsTileViewer #tileWrapper {
	position: relative;
	display: block;
	overflow: hidden;
	top: 0px;
	width: 100%;
	height: 100%;
}

/*
 * Toolbar
 */
.jsTileViewer #viewerToolbar {
	height: 24px;
	position: relative;
	left:0px;
	top:0px;
	cursor: default;
   /* fallback image */
   background-image: url("../../Viewer/Images/toolbar-gradient.gif"); 

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(#717374, #d2d3d2);



   /* Safari 4+, Chrome 1+ */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d2d3d2), to(#717374));

   /* Safari 5.1+, Chrome 10+ */
   background-image: -webkit-linear-gradient(#717374, #d2d3d2);
}

.jsTileViewer #viewerToolbar #spinner {
	background-image: url("../../Viewer/Images/spinner12.gif");
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 14px;
	top: 4px;
	background-repeat: no-repeat;
}

.jsTileViewer  #viewerToolbar .toolbarIcon {
	top: 5px;
	width : 16px;
	height: 16px;
	position: absolute;
	display: block;
	cursor: pointer;
} 

.jsTileViewer #viewerToolbar #magFactor {
	left:10px;
	top: 4px;
	height: 16px;
	width: 45px;
	font-size : 10px;
	position: absolute;
	display: block;
	cursor: pointer;
	border: 1px solid #fff;
} 
 
.jsTileViewer  #viewerToolbar #zoomin {
	left : 5px;
	background: url("../../Viewer/Images/toolbar.gif") no-repeat scroll 0 0 transparent;
}

.jsTileViewer  #viewerToolbar #zoomout {
	left : 23px;
	background: url("../../Viewer/Images/toolbar.gif") no-repeat scroll -15px 0 transparent;
}

.jsTileViewer  #viewerToolbar #zoomfit {
	left : 41px;
	background: url("../../Viewer/Images/toolbar.gif") no-repeat scroll -112px 0 transparent;
}

.jsTileViewer  #viewerToolbar #pictureName {
	background-color: #717374;
	left : 59px;
	border:1px solid #ffffee;
	color: #fff;
	text-align:center;
	width: 100px;
	overflow-x:hidden;
	top: 5px;
}

.jsTileViewer #pictureName option {
	background-color: #717374;
	cursor: pointer;
	margin: 1px;
	text-align: center;
	padding: 1px;
	display:block;
}

.jsTileViewer #pictureName option:hover {
	background-color: #d2d3d2;
}

.jsTileViewer  #viewerToolbar #prevPicture {
	left : 163px;
	top:3px;
	background: url("../../Viewer/Images/toolbar.gif") no-repeat scroll -64px 0 transparent;
}

.jsTileViewer  #viewerToolbar #nextPicture {
	left : 181px;
	top:3px;
	background: url("../../Viewer/Images/toolbar.gif") no-repeat scroll -48px 0 transparent;
}

.jsTileViewer  #viewerToolbar #pinToolbar {
	left : 199px;
	top:4px;
	background: url("../../Viewer/Images/toolbar.gif") no-repeat scroll -80px 0 transparent;
}

.jsTileViewer  #viewerToolbar #showMiniMap {
	left : 217px;
	top:4px;
	background: url("../../Viewer/Images/toolbar.gif") no-repeat scroll -96px 0 transparent;
}

.jsTileViewer  #viewerToolbar #toggleMode {
	left : 235px;
	top:4px;
	background: url("../../Viewer/Images/toolbar.gif") no-repeat scroll -144px 0 transparent;
}

.jsTileViewer  #viewerToolbar #rubberband {
	left : 253px;
	top:4px;
	background: url("../../Viewer/Images/toolbar.gif") no-repeat scroll -128px 0 transparent;
}

.nopng .jsTileViewer  #viewerToolbar #zoomin:hover {
	background: url("../../Viewer/Images/toolbar-over.gif") no-repeat scroll 0 0 transparent;
}

.png .jsTileViewer  #viewerToolbar #zoomin:hover {
	background: url("../../Viewer/Images/toolbar-over.png") no-repeat scroll 0 0 transparent;
}

.nopng .jsTileViewer  #viewerToolbar #zoomout:hover {
	background: url("../../Viewer/Images/toolbar-over.gif") no-repeat scroll -15px 0 transparent;
}

.png .jsTileViewer  #viewerToolbar #zoomout:hover {
	background: url("../../Viewer/Images/toolbar-over.png") no-repeat scroll -15px 0 transparent;
}

.nopng .jsTileViewer  #viewerToolbar #zoomfit:hover {
	background: url("../../Viewer/Images/toolbar-over.gif") no-repeat scroll -112px 0 transparent;
}

.png .jsTileViewer  #viewerToolbar #zoomfit:hover {
	background: url("../../Viewer/Images/toolbar-over.png") no-repeat scroll -112px 0 transparent;
}

.jsTileViewer  #viewerToolbar #pictureSelector:hover {
	background: url("../../Viewer/Images/toolbar.gif") no-repeat scroll -32px 0 transparent;
}



.nopng .jsTileViewer  #viewerToolbar #prevPicture:hover {
	background: url("../../Viewer/Images/toolbar-over.gif") no-repeat scroll -64px 0 transparent;
}

.png .jsTileViewer  #viewerToolbar #prevPicture:hover {
	background: url("../../Viewer/Images/toolbar-over.png") no-repeat scroll -64px 0 transparent;
}



.nopng .jsTileViewer  #viewerToolbar #nextPicture:hover {
	background: url("../../Viewer/Images/toolbar-over.gif") no-repeat scroll -48px 0 transparent;
}

.png .jsTileViewer  #viewerToolbar #nextPicture:hover {
	background: url("../../Viewer/Images/toolbar-over.png") no-repeat scroll -48px 0 transparent;
}

.nopng .jsTileViewer  #viewerToolbar #pinToolbar:hover {
	background: url("../../Viewer/Images/toolbar-over.gif") no-repeat scroll -80px 0 transparent;
}

.png .jsTileViewer  #viewerToolbar #pinToolbar:hover {
	background: url("../../Viewer/Images/toolbar-over.png") no-repeat scroll -80px 0 transparent;
}

.nopng .jsTileViewer  #viewerToolbar #showMiniMap:hover {
	background: url("../../Viewer/Images/toolbar-over.gif") no-repeat scroll -96px 0 transparent;
}

.png .jsTileViewer  #viewerToolbar #showMiniMap:hover {
	background: url("../../Viewer/Images/toolbar-over.png") no-repeat scroll -96px 0 transparent;
}

.nopng .jsTileViewer  #viewerToolbar #toggleMode:hover {
	background: url("../../Viewer/Images/toolbar-over.gif") no-repeat scroll -144px 0 transparent;
}

.png .jsTileViewer  #viewerToolbar #toggleMode:hover {
	background: url("../../Viewer/Images/toolbar-over.png") no-repeat scroll -144px 0 transparent;
}

.nopng .jsTileViewer  #viewerToolbar #rubberband:hover {
	background: url("../../Viewer/Images/toolbar-over.gif") no-repeat scroll -128px 0 transparent;
}

.png .jsTileViewer  #viewerToolbar #rubberband:hover {
	background: url("../../Viewer/Images/toolbar-over.png") no-repeat scroll -128px 0 transparent;
}

/*
 * Tiles
 */

.jsTileViewer .tile {
	position: absolute;
	display: block;
}

.jsTileViewer .scale2 .tileImg {
	width: 200%;
	height: 200%;
}

.jsTileViewer .scale3 .tileImg {
	width: 300%;
	height: 300%;
}

.jsTileViewer .scale4 .tileImg {
	width: 400%;
	height: 400%;
}

.jsTileViewer .tileRow {
	display: block;
}

.jsTileViewer .callout {
    position: relative;
    text-align: center;
    cursor: pointer;
    color: #00f;		
    z-index: 10;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
}

.jsTileViewer .calloutMask {
	position: absolute;
	z-index: 9;
}

.jsTileViewer .staticCallout {
    position: relative;
    text-align: center;
    color: #000;		
    z-index: 0;
}

.jsTileViewer .staticCallout img{
	display: none;
}

.jsTileViewer .linearCallout {
	position: absolute;
    cursor: pointer;		
}

.jsTileViewer .calloutLink {
	
}

.jsTileViewer .rectangularCallout {
    font-size: 18px;
}

.css3 .jsTileViewer .rectangularCallout {    

}

.jsTileViewer .circularCallout {
    width: 20px;
	height: 20px;
    font-size: 18px;
}

.css3 .jsTileViewer .circularCallout {    
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

.jsTileViewer .callout:hover,.jsTileViewer .selectedCallout {
	color: #FFFFFF;
}

.jsTileViewer .callout img{
	display: none;
}

.jsTileViewer .calloutText {
	position:absolute;
	width:100%;
	left:0px;
	top:0px;
	font-weight:bold;
}


.jsTileViewer .callout:hover img,.jsTileViewer .selectedCallout img{
	display: block;
}


.css3 .jsTileViewer .callout:hover,.css3 .jsTileViewer .selectedCallout {
    color: #fff;
}


.jsTileViewer .tileContainer {
	display: block;
	cursor: crosshair;
}

.jsTileViewer #info {
	background-color: #f1f9ce;
    border: 1px solid #000000;
    height: auto;
    padding: 2px;
    position: absolute;
    width: auto;
    z-index: 55;
}

.css3 .jsTileViewer #info {
	-moz-box-shadow: 0px 20px 10px -10px #888;
	-webkit-box-shadow: 0px 20px 10px -10px #888;
	box-shadow: 0px 20px 10px -10px #888;
}

.jsTileViewer #viewerMessages {
	position: absolute;
	border: 2px solid #717374;
	width: 150px;
	height: 100px;
	padding: 10px;
	display:none;
}

.jsTileViewer #viewerMessages h1 {
	border-bottom: 3px double #000000;
    font-size: 16px;
    margin: 0;
}

.jsTileViewer .viewerInfo {
	background-color: #d2d3d2;
}

.jsTileViewer .viewerWarning {
	background-color: #FCEFA1;
}

.jsTileViewer .viewerWarning h1 {
	padding-left: 20px;
	background: url("Images/warning.gif") no-repeat 0 0;
}

.ie6 .jsTileViewer #minimap { 
	/*filter: alpha(opacity=90);*/
}

.ie7 .jsTileViewer #minimap { 
	/*filter: alpha(opacity=90);*/
}

.jsTileViewer #minimap #selectionBox{
	width: 150px;
	height: 100px;
	border: 1px solid #F00;
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: move;
	background-color: #fff;
	opacity: 0.3;
}

.ie .jsTileViewer #minimap #selectionBox {
	filter: alpha(opacity=30);
}

.jsTileViewer #minimap {
	width: 150px;
	height: 100px;
	border: 1px solid #000;
	position: absolute;
	opacity: 0.9;
	background-color: #FFFFFF;
	z-index: 20;
	overflow: hidden;
}

.pinned #minimap {
	top: 30px;
}

.jsTileViewer #zoomBox {
	width: 150px;
	height: 150px;
	border: 1px solid #000;
	position: absolute;
	
	background-color: #FFFFFF;
	z-index: 20;
	overflow: hidden;
}

.jsTileViewer .topRight {
	top: 5px;
	right: 5px;
	-moz-transition-property: top, right, left, top;
	-moz-transition-duration: 3s;
	-moz-transition-timing-function: linear;
}

.pinned .topRight {
	top: 30px;
}

.jsTileViewer .bottomLeft {
	bottom: 5px;
	left: 5px;
	-moz-transition-property: top, right, left, top;
	-moz-transition-duration: 3s;
	-moz-transition-timing-function: linear;
}
.jsTileViewer #zoomBox #zoomPreview {
	position: absolute;
	width: 20000px;
}

.ie .jsTileViewer #viewerToolbar .disabled {
	filter: alpha(opacity=30);
	cursor: default;
}

.jsTileViewer #viewerToolbar .disabled {
	opacity:0.3;
	cursor: default;
}

.jsTileViewer  #viewerToolbar .on {
	border: 1px solid #fff;
}

.jsTileViewer .inSelectionList {
	border:1px dashed #333333;
}

.jsTileViewer #pictureName .hasSelection,.jsTileViewer #pictureList .hasSelection {
	float:left;
}
/**
 * Deepview 3D Viewer CSS
 */

/**
 * Toolbar
 */
 
.jsTileViewer  #viewerToolbar #zoom {
	left : 5px;
	background: url("../../Viewer/Images/3dtoolbar.gif") no-repeat scroll -48px 0 transparent;
}

.jsTileViewer  #viewerToolbar #reset {
	left : 23px;
	background: url("../../Viewer/Images/3dtoolbar.gif") no-repeat scroll -80px 0 transparent;
}

.jsTileViewer  #viewerToolbar #zoom:hover {
	background: url("../../Viewer/Images/3dtoolbar-over.gif") no-repeat scroll -48px 0 transparent;
}

.jsTileViewer  #viewerToolbar #reset:hover {
	background: url("../../Viewer/Images/3dtoolbar-over.gif") no-repeat scroll -80px 0 transparent;
}

.jsTileViewer  #viewerToolbar #link {
	left : 199px;
	background: url("../../Viewer/Images/3dtoolbar.gif") no-repeat scroll -128px 0 transparent;
}

.jsTileViewer  #viewerToolbar #link:hover {
	background: url("../../Viewer/Images/3dtoolbar-over.gif") no-repeat scroll -128px 0 transparent;
}

.jsTileViewer  #viewerToolbar #viewSelector, .jsTileViewer  #viewerToolbar #stepSelector { 
	right:0;
	top:0;
	background: url("../../Viewer/Images/3dtoolbar.gif") no-repeat scroll -115px 0 transparent;
}

/**
 * 	Views and Steps
 */


.jsTileViewer  #viewerToolbar #viewName,.jsTileViewer  #viewerToolbar #stepName,.jsTileViewer  #viewerToolbar #partName {
	border:1px solid #ffffee;
	color: #fff;
	background-color: #717374;
	text-align:center;
	width: 100px;
	overflow-x:hidden;
	top: 5px;
	font-size: 10px;
}	

.jsTileViewer  #viewerToolbar #viewName {
	left:220px;
}

.jsTileViewer  #viewerToolbar #stepName {
	left:324px;
}

.jsTileViewer  #viewerToolbar #partName {
	left:428px;
}

.jsTileViewer  #viewerInfo {
	border: 3px double #000;
	background-color: #DDDDDD;
	width: 300px;
	display:none;
}

.jsTileViewer  #viewerInfo h2 {
	font-size: 14px;
}

/**
 * 	Misc
 */
.thumbnail {
	position absolute;
	margin:0;
	padding:0;
	display: block;
	left:10px;
	top:80px;
}

.thumbnail .pixel {
	position: absolute;
	height: 1px;
	width: 1px;
	display : block;
}

#timings {
    font-size: 10px;
    left: 649px;
    padding: 1px;
    position: absolute;
    top: 20px;
}

 #stopTiming {
    font-size: 10px;
    height: 18px;
    left: 570px;
    position: absolute;
    top: 20px;
    width: 75px;
}

.timingsGood {
	background-color: #00DD55;
}

 .timingsAverage {
	background-color: #FCEFA1;
}

 .timingsBad {
	background-color:#CD0A0A;
	color : #fff;
}