/*     optional:  full page styling with dark background       */

/*	body { background-color: #222529; font-family: sans-serif, Helvetica Narrow; color: CDCDCD; }    */
	
	
/*     required:   HDR-Viewer styling, adjust as needed    */
	
	.hdr_viewer {
			 font-family: sans-serif, Helvetica Narrow; color: CDCDCD;
	}
	
	.hdr_viewport {
		    position: relative; 
		    margin: 3px 0px 3px 0px;
		    padding: 0px;
	}
	
	.hdr_controller {
			position: relative; 
			height: 44px;
			margin: 2px 0px 1px 0px; 
			overflow: hidden; 
	}
	
	.knob { position: absolute; 
			height: 44px; 
	    	opacity: 0.7;
	    	filter: alpha(opacity = 30);
	    	background: #FFFFFF center center url('slider-black.png') no-repeat;
	    	cursor: pointer;
	    	-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
	}
	
	div.knob:hover {
	    	background-color: #FF5020;
		    opacity: 1.0;
		    filter: alpha(opacity = 70);
	}
	
	.label {
			color: white; 
			font-family: Florence, cursive; 
			font-size: 16px;
			width: 110px;
			padding: 8px 10px 5px 10px;
	}
	
	.labelnumber {
			text-align: right;
			display: inline-block;
			width: 50px;
			line-height: 10px;
	}
	
	.hdr_help {
			position: relative; 
			left: 809px; 
			width: 44px;
			height: 44px;
			cursor: pointer;
	}
	
	.hdr_instructions {
		    color: #FFF;
		    background-color: #000;
		    font-size: 14px;
	}
	
	.spinner {
		position: absolute;
		opacity: 0.9;
		filter: alpha(opacity=90);
		z-index: 999;
		background: #000;
	}
	
	.spinner-img {
		background: url('loading-spinner.gif') no-repeat;
		width: 31px;
		height: 31px;
		margin: 0 auto;
	}


/*     EXTRA      */

	div.hdr_tab {
		display: none;
	}
	
	img.tabview {
		position: absolute;
		top: 0px;
		left: 0px;
		margin: 0px;
		padding: 0px;
		opacity: 0;
	}
	
	div.tabnotes {
		position: absolute;
		top: 0px;
		left: 0px;
		margin: 0px;
		padding: 2px 20px 3px 20px;
		font-size: 13px;
		line-height: 18px;
		background-color: #000;
		color: #A0A0A0;
		height: 36px;
		opacity: 0;
	}
	
	ul.tabbar {
		margin: -18px 0px 4px -45px;
		z-index: 0;
	}
	
	li.tabtitle {
		color: #A0A0A0;
		display: inline;
		list-style: none;
		background-color: #1A1C1F;
		font-size: 14px;
		border: 2px solid #000000;
		margin: 0px -1px 0px -1px;
		padding: 7px 30px 3px 30px;
		-webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-topright: 8px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
		
	li.tabtitle:hover {
		color: #FF5020;
		cursor: pointer;
	}