/*
 * 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
----------------------------------*/
.basic .ui-state-default, .basic .ui-widget-content .ui-state-default, .basic .ui-widget-header .ui-state-default { border: 3px solid #cccccc; background: #ffffff url(basic_navi/basic_off.png) 50% 50% repeat-x; font-weight: normal; color: #cccccc; } /*FB3D*/
.basic .ui-state-default a, .basic .ui-state-default a:link, .basic .ui-state-default a:visited { color: #555555; text-decoration: none; }
.basic .ui-state-hover, .basic .ui-state-focus, .basic .ui-widget-content .ui-state-hover, .basic .ui-widget-header .ui-state-hover { border: 3px solid #cccccc; background: #cccccc url(basic_navi/basic_on.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; } /*FB3D*/
.basic .ui-state-hover a, .basic .ui-state-hover a:hover, .basic .ui-state-focus a, .basic .ui-state-focus a:hover  { color: #212121; text-decoration: none; }
.basic .ui-state-active, .basic .ui-widget-content .ui-state-active, .basic .ui-widget-header .ui-state-active { border: 3px solid #cccccc; background: #cccccc url(basic_navi/basic_on.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
.basic .ui-state-active a, .basic .ui-state-active a:link, .basic .ui-state-active a:visited { color: #212121; text-decoration: none; }
.basic .ui-widget :active { outline: none; }


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

/* states and images */
.basic .ui-icon { width: 28px; height: 28px; background-image: url(basic_navi/basic_off.png); }
.basic .ui-widget-content .ui-icon {background-image: url(basic_navi/basic_off.png); }
.basic .ui-widget-header .ui-icon {background-image: url(basic_navi/basic_off.png); }
.basic .ui-state-default .ui-icon { background-image: url(basic_navi/basic_off.png); }
.basic .ui-state-hover .ui-icon, .basic .ui-state-focus .ui-icon {background-image: url(basic_navi/basic_on.png); }
.basic .ui-state-active .ui-icon {background-image: url(basic_navi/basic_on.png); }
.basic .ui-state-highlight .ui-icon {background-image: url(basic_navi/basic_on.png); }
.basic .ui-state-error .ui-icon, .basic .ui-state-error-text .ui-icon {background-image: url(basic_navi/basic_off.png); }

/* positioning */
.basic .ui-feuerball-right { background-position: -17px 0px; } /*FB3D right*/
.basic .ui-feuerball-bottom { background-position: -17px -17px; } /*FB3D bottom*/
.basic .ui-feuerball-left { background-position: 0px 0px; } /*FB3D left*/
.basic .ui-feuerball-top { background-position: 0px -17px; } /*FB3D top*/
.basic .ui-feuerball-zoomin, .basic .ui-feuerball-szoomin { background-position: 0px -78px; } /*FB3D Zoom Plus*/
.basic .ui-feuerball-zoomout, .basic .ui-feuerball-szoomout { background-position: -17px -78px; } /*FB3D Zoom Minus*/
.basic .ui-feuerball-drag { background-position: -34px -34px; } /*FB3D Drag&Drop im Zoom*/
.basic .ui-feuerball-rotate { background-position: -51px -34px; } /*FB3D Rotate im Zoom*/
.basic .ui-feuerball-fullscreen-on { background-position: -34px 0px; } /*FB3D Fullscreen on*/
.basic .ui-feuerball-fullscreen-off { background-position: -34px -17px; } /*FB3D Fullscreen off*/
.basic .ui-feuerball-play { background-position: -51px 0px; } /*FB3D Play*/
.basic .ui-feuerball-pause { background-position: -51px 0px; } /*FB3D Pause*/
.basic .ui-feuerball-sound-on { background-position: -85px 0px; } /*FB3D Sound on*/
.basic .ui-feuerball-sound-off { background-position: -68px 0px; } /*FB3D Sound off*/
.basic .ui-feuerball-hotspots-on { background-position: -85px -17px; } /*FB3D Hotspots on*/
.basic .ui-feuerball-hotspots-off { background-position: -102px -17px; } /*FB3D Hotspots off*/
.basic .ui-feuerball-close { background-position: -51px -17px; } /*FB3D Close*/


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

/* Corner radius */
.basic .ui-corner-all { -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; } /*FB3D*/



/*
 * 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
 */
.basic .ui-button { display: inline-block; position: relative; padding: 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 */
.basic .ui-button-icon-only { width: 28px; } /* to make room for the icon, a width needs to be set here */
.basic button.ui-button-icon-only { width: 28px; } /* button elements seem to need a little more width */
.basic .ui-button-icons-only { width: 3.4em; } 
.basic button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.basic .ui-button .ui-button-text { display: block; line-height: 22px;  }
.basic .ui-button-text-only .ui-button-text { padding: .4em 1em; }
.basic .ui-button-icon-only .ui-button-text, .basic .ui-button-icons-only .ui-button-text { padding: 0em; text-indent: -9999999px; }
.basic .ui-button-text-icon-primary .ui-button-text, .basic .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.basic .ui-button-text-icon-secondary .ui-button-text, .basic .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.basic .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 */
.basic input.ui-button { padding: .4em 1em; }

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

/* workarounds */
.basic 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
 */
.basic .ui-slider { position: relative; top: 46px; text-align: left; background: url(basic_navi/basic_off.png) 1px -104px repeat-x; border: 0px;}
.basic .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 20px; height: 3px; cursor: default; }
.basic .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

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

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

.basic #indicator-x { position: absolute; top:0px; text-align: left; z-index: 11; background: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-top: 3px solid #cccccc; border-radius: 0px;}
.basic #indicator-x .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0;}
.basic #indicator-x .ui-slider-handle { position: absolute; top: -.5em; margin-left: -.6em; z-index: 2;width: 6px; height: 6px;  cursor: default; }

.basic #indicator-y { position: absolute; top:0px; text-align: left; z-index: 11; background: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-right: 3px solid #cccccc; border-radius: 0px;}
.basic #indicator-y .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0;}
.basic #indicator-y .ui-slider-handle { position: absolute; left: .5em; margin-left: -.6em; z-index: 2;width: 6px; height: 6px;  cursor: default; }

.basic .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; }
.basic .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; }
.basic .hotspot-detail {width: 100%; height: 100%; }
.basic .hotspot-title {padding: 2px; font-weight: bold; }
.basic .hotspot-text {padding: 2px; }

.basic #audioslider { position: absolute; top:0px; width: 40px; height:25px; text-align: left; z-index: 11; background: url(basic_navi/basic_off.png) 0px -50px no-repeat; border: 0px;}
.basic #audioslider .ui-slider-range { position: absolute; z-index: 2; font-size: .7em; height: 20px; cursor: default; }
.basic #audioslider .ui-slider-handle { position: absolute; top: -.1em; margin-left: -.3em; z-index: 2;width: 3px; height: 20px;  cursor: default; }


.fb3dwrap .basic #indicator-x .ui-slider-handle { width: 8px; height: 8px; }
