/*
 * jQuery UI CSS Framework 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */



/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }



/*
 * jQuery UI CSS Framework 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=20px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Interaction states
----------------------------------*/
.future .ui-state-default, .future .ui-widget-content .ui-state-default, .future .ui-widget-header .ui-state-default { border: 1px solid #b1b1b1; font-weight: normal; color: #cccccc; } /*FB3D*/
.future .ui-state-default a, .future .ui-state-default a:link, .future .ui-state-default a:visited { color: #555555; text-decoration: none; }
.future .ui-state-hover, .future .ui-widget-content .ui-state-hover, .future .ui-widget-header .ui-state-hover { border: 1px solid #b1b1b1; background: #cccccc url(future_navi/future_on.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; } /*FB3D*/
.future .ui-state-hover a, .future .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.future .ui-state-active, .future .ui-widget-content .ui-state-active, .future .ui-widget-header .ui-state-active { border: 1px solid #b1b1b1; background: #cccccc url(future_navi/future_on.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
.future .ui-state-active a, .future .ui-state-active a:link, .future .ui-state-active a:visited { color: #212121; text-decoration: none; }
.future .ui-widget :active { outline: none; }

.future .ui-state-default, .future .ui-widget-content .ui-state-default, .future .ui-widget-header .ui-state-default {
	background-image: linear-gradient(top, #fff 25%, #ccc 100%);
	background-image: -moz-linear-gradient(top, #fff 25%, #ccc 100%);
	background-image: -webkit-linear-gradient(top, #fff 25%, #ccc 100%);
	background-image: -ms-linear-gradient(top, #fff 25%, #ccc 100%);
	background-image: -o-linear-gradient(top, #fff 25%, #ccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
}

.future #futurenavi-x, .future #futurenavi-y, .future #futurezoom, .future #futureaudio {
	background-image: linear-gradient(top, #ccc 0%, #fff 75%);
	background-image: -moz-linear-gradient(top, #ccc 0%, #fff 75%);
	background-image: -webkit-linear-gradient(top, #ccc 0%, #fff 75%);
	background-image: -ms-linear-gradient(top, #ccc 0%, #fff 75%);
	background-image: -o-linear-gradient(top, #ccc 0%, #fff 75%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff');
}

/* Icons
----------------------------------*/

/* states and images */
.future .ui-icon { width: 30px; height: 26px; background-image: url(future_navi/future_off.png); }
.future .ui-widget-content .ui-icon {background-image: url(future_navi/future_off.png); }
.future .ui-widget-header .ui-icon {background-image: url(future_navi/future_off.png); }
.future .ui-state-default .ui-icon { background-image: url(future_navi/future_off.png); }
.future .ui-state-hover .ui-icon {background-image: url(future_navi/future_on.png); }
.future .ui-state-active .ui-icon {background-image: url(future_navi/future_on.png); }
.future .ui-state-highlight .ui-icon {background-image: url(future_navi/future_on.png); }
.future .ui-state-error .ui-icon, .future .ui-state-error-text .ui-icon {background-image: url(future_navi/future_off.png); }

/* positioning */
.future .ui-feuerball-zoomin { background-position: -60px 0px; } /*FB3D Zoom Plus*/
.future .ui-feuerball-zoomout { background-position: -90px 0px; } /*FB3D Zoom Minus*/
.future .ui-feuerball-szoomin { background-position: -120px 0px; } /*FB3D Infinite Zoom Plus*/
.future .ui-feuerball-szoomout { background-position: -150px 0px; } /*FB3D Infinite Zoom Minus*/
.future .ui-feuerball-fullscreen-on { background-position: -60px -50px; } /*FB3D Fullscreen on*/
.future .ui-feuerball-fullscreen-off { background-position: -90px -50px; } /*FB3D Fullscreen off*/
.future .ui-feuerball-play { background-position: 0px 0px; } /*FB3D Play*/
.future .ui-feuerball-pause { background-position: -30px 0px; } /*FB3D Pause*/
.future .ui-feuerball-sound-on { background-position: 0px -25px; } /*FB3D Sound on*/
.future .ui-feuerball-sound-off { background-position: -30px -25px; } /*FB3D Sound off*/
.future .ui-feuerball-drag { background-position: 0px -50px; } /*FB3D Drag&Drop im Zoom*/
.future .ui-feuerball-rotate { background-position: -30px -50px; } /*FB3D Rotate im Zoom*/
.future .ui-feuerball-hotspots-on { background-position: -30px -75px; } /*FB3D Hotspots on*/
.future .ui-feuerball-hotspots-off { background-position: -60px -75px; } /*FB3D Hotspots off*/
.future .ui-feuerball-close { background-position: -90px -75px; } /*FB3D Close*/
.future .ui-feuerball-navy { background-position: -60px -25px; } /*FB3D Navigation Y*/
.future .ui-feuerball-navx { background-position: -90px -25px; } /*FB3D Navigation X*/


/* Misc visuals
----------------------------------*/

/*
 * jQuery UI Button 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.future .ui-button { display: inline-block; position: relative; padding: 0; margin-top: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.future .ui-button-icon-only { width: 30px; } /* to make room for the icon, a width needs to be set here */
.future button.ui-button-icon-only { width: 30px; } /* button elements seem to need a little more width */
.future .ui-button-icons-only { width: 3.4em; } 
.future button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.future .ui-button .ui-button-text { display: block; line-height: 24px;  }
.future .ui-button-text-only .ui-button-text { padding: .4em 1em; }
.future .ui-button-icon-only .ui-button-text, .future .ui-button-icons-only .ui-button-text { padding: 0em; text-indent: -9999999px; }
.future .ui-button-text-icon-primary .ui-button-text, .future .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.future .ui-button-text-icon-secondary .ui-button-text, .future .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.future .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
.future input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.future .ui-button-icon-only .ui-icon, .future .ui-button-text-icon-primary .ui-icon, .future .ui-button-text-icon-secondary .ui-icon, .future .ui-button-text-icons .ui-icon, .future .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -12px; }
.future .ui-button-icon-only .ui-icon { left: 50%; margin-left: -15px; }
.future .ui-button-text-icon-primary .ui-button-icon-primary, .future .ui-button-text-icons .ui-button-icon-primary, .future .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.future .ui-button-text-icon-secondary .ui-button-icon-secondary, .future .ui-button-text-icons .ui-button-icon-secondary, .future .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.future .ui-button-text-icons .ui-button-icon-secondary, .future .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/* workarounds */
.future button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */



/*
 * jQuery UI Slider 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.future .ui-slider { position: relative; top: 46px; text-align: left; background: url(future_navi/future_off.png) -6px -110px no-repeat; border: 0px;}
.future .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 20px; height: 3px; cursor: default; }
.future .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.future .ui-slider-horizontal { height: .8em; }
.future .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.future .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.future .ui-slider-horizontal .ui-slider-range-min { left: 0; }
.future .ui-slider-horizontal .ui-slider-range-max { right: 0; }

.future .ui-slider-vertical { width: 1.4em; height: 48px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
.future .ui-slider-vertical .ui-slider-handle { left: -.2em; margin-left: 0; margin-bottom: -.3em; }
.future .ui-slider-vertical .ui-slider-range { left: 0; width: 90%; }
.future .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.future .ui-slider-vertical .ui-slider-range-max { top: 0; }

.future #futurenavi-x { position: absolute; z-index: 9; height: 8px; text-align: left; padding: 0.5em; border: 1px solid #b1b1b1;}
.future #futurenavi-x #indicator-x { position: relative; text-align: left; background: none; background-color: #aaaaaa; border-top: 1px solid #b1b1b1; }
.future #futurenavi-x #indicator-x .ui-slider-range { position: absolute; z-index: 1; height: 5px; display: block; }
.future #futurenavi-x #indicator-x .ui-slider-handle { position: absolute; top: -.4em; margin-left: -.6em; z-index: 2; width: 17px; height: 17px; border: 0px; filter: none; background: url(future_navi/future_off.png) -6px -80px; cursor: default; }

.future #futurenavi-y { position: absolute; z-index: 9; width: 8px; text-align: left; padding: 0.5em 0.5em 0.5em 0.8em; border: 1px solid #b1b1b1; display: none;}
.future #futurenavi-y #indicator-y { position: relative; text-align: left; background: none; background-color: #aaaaaa; border-right: 1px solid #b1b1b1;}
.future #futurenavi-y #indicator-y .ui-slider-range { position: absolute; z-index: 1; width: 5px; display: block; }
.future #futurenavi-y #indicator-y .ui-slider-handle { position: absolute; left: -.4em; margin-bottom: -.5em; z-index: 2; width: 17px; height: 17px; border: 0px; filter: none; background: url(future_navi/future_off.png) -6px -80px; cursor: default; }

.future #futurezoom, .future #futureaudio { position: absolute; z-index: 9; text-align: left; width: 30px; border: 1px solid #b1b1b1; display: none;}
.future #futurezoom #drag { display: block; position: relative; text-align: left; }
.future #futurezoom #rotate { display: block; position: relative; text-align: left; }
.future #futurezoom #zoomslider, .future #futureaudio #audioslider { position: relative; text-align: left; width: 1.0em; margin: 0.4em; height: 46px; top: 0px; }
.future #futurezoom #zoomslider .ui-slider-handle, .future #futureaudio #audioslider .ui-slider-handle { position: absolute; z-index: 2; width: 26px; height: 9px; border: 0px; filter: none; background: url(future_navi/future_off.png) -122px -84px; left: -.15em; margin-left: -.15em; margin-bottom: -.4em; cursor: default; }
.future #futurezoom #zoomslider .ui-slider-range, .future #futureaudio #audioslider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.future .hotspot-circle { border: 2px solid #cccccc; background-color: #ffffff; display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; width: 10px; height: 10px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.future .hotspot-dot { background-color: #cccccc; display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; width: 4px; height: 4px; margin: 3px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.future .hotspot-detail {width: 100%; height: 100%; }
.future .hotspot-title {padding: 2px; font-weight: bold; }
.future .hotspot-text {padding: 2px; }


.fb3dwrap .future #futurezoom {	height: auto; }
