/**
 * @lastmodified $Id: pvg_jquery_ui.css 4347 2013-12-12 15:46:36Z h.ruhs $
 * @since 3.6.3
 *
 * @package Frontend-Kit
 * @tableofcontents
 *
 * 1. Accordion
 *    1.2 Wenn Javascript aktiv
 * 2. Autocomplete
 * 3. Datepicker
 *    3.1 Datepicker Header
 *    3.2 Datepicker Navigation
 *    3.3 Datepicker Content
 *    3.4 IE7 - Datepicker
 * 4. Tabs
 * 5. Slider
 *    5.1 Wrapper
 *    5.2 Anfasser
 *    5.3 Steps
 *    5.4 Vertical
 *    5.5 IE
 */

/* @section 1. Accordion */

.ui-accordion {border:1px solid #d6d6d6}

.ui-accordion-header, .ui-accordion-header .ui-state-hover {text-decoration:none;color:#444}
.ui-accordion-header, .ui-accordion-content {border-top:1px solid #d6d6d6}
.ui-accordion-header {
background:#f3f3f3;
background:-moz-linear-gradient(top, #fff, #f6f6f6);
background:-ms-linear-gradient(top, #fff, #f6f6f6);
background:-o-linear-gradient(top, #fff, #f6f6f6);
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
background:-webkit-linear-gradient(top, #fff, #f6f6f6);
background:linear-gradient(top, #fff, #f6f6f6);
font:bold 1em/30px Rubik, sans-serif;text-indent:10px}

.ui-accordion-content {padding:10px}

/* @section 1.2 Wenn Javascript aktiv */

.js .ui-accordion-header {
background:url('../img/pvg_sprite_icon_3.6.3.png') -5px -1140px no-repeat #f3f3f3;
background:url('../img/pvg_sprite_icon_3.6.3.png') -5px -1140px no-repeat, -moz-linear-gradient(top, #fff, #f6f6f6);
background:url('../img/pvg_sprite_icon_3.6.3.png') -5px -1140px no-repeat, -ms-linear-gradient(top, #fff, #f6f6f6);
background:url('../img/pvg_sprite_icon_3.6.3.png') -5px -1140px no-repeat, -o-linear-gradient(top, #fff, #f6f6f6);
background:url('../img/pvg_sprite_icon_3.6.3.png') -5px -1140px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
background:url('../img/pvg_sprite_icon_3.6.3.png') -5px -1140px no-repeat, -webkit-linear-gradient(top, #fff, #f6f6f6);
background:url('../img/pvg_sprite_icon_3.6.3.png') -5px -1140px no-repeat, linear-gradient(top, #fff, #f6f6f6);
text-indent:30px}

.js .ui-accordion-header-active {
background-position:-5px -1170px;
background:url('../img/pvg_sprite_icon_3.6.3.png') -5px -1170px no-repeat, -moz-linear-gradient(top, #fff, #f6f6f6);
background:url('../img/pvg_sprite_icon_3.6.3.png') -5px -1170px no-repeat, -ms-linear-gradient(top, #fff, #f6f6f6);
background:url('../img/pvg_sprite_icon_3.6.3.png') -5px -1170px no-repeat, -o-linear-gradient(top, #fff, #f6f6f6);
background:url('../img/pvg_sprite_icon_3.6.3.png') -5px -1170px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
background:url('../img/pvg_sprite_icon_3.6.3.png') -5px -1170px no-repeat, -webkit-linear-gradient(top, #fff, #f6f6f6);
background:url('../img/pvg_sprite_icon_3.6.3.png') -5px -1170px no-repeat, linear-gradient(top, #fff, #f6f6f6)}

/* @section 2. Autocomplete */

.ui-autocomplete {
-moz-box-shadow:0 0 5px 5px #fff;
-webkit-box-shadow:0 0 5px 5px #fff;
box-shadow:0 0 5px 5px #fff;
background:#fff;overflow-x:hidden;width:300px;max-height:300px}

.ui-autocomplete .ui-menu-item {border:1px solid #d6d6d6;margin-bottom:1px}
.ui-autocomplete .ui-corner-all {display:block;text-decoration:none;padding:0.25em 0.75em;cursor:default}
.ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-state-focus {
background:#dbecff;
background:-moz-linear-gradient(top, #eff7ff, #dbecff);
background:-ms-linear-gradient(top, #eff7ff, #dbecff);
background:-o-linear-gradient(top, #eff7ff, #dbecff);
background:-webkit-gradient(linear, left top, left bottom, from(#eff7ff), to(#dbecff));
background:-webkit-linear-gradient(top, #eff7ff, #dbecff);
background:linear-gradient(top, #eff7ff, #dbecff);
cursor:pointer;color:#2a4d8f}

/* @section 3. Datepicker */

.ui-datepicker {
background:#f6faff;
background:-moz-linear-gradient(top, #fafcff 50%, #dbecff);
background:-ms-linear-gradient(top, #fafcff 50%, #dbecff);
background:-o-linear-gradient(top, #fafcff 50%, #dbecff);
background:-webkit-gradient(linear, left top, left bottom, color-stop(#fafcff, 50%), to(#dbecff));
background:-webkit-linear-gradient(top, #fafcff 50%, #dbecff);
background:linear-gradient(top, #fafcff 50%, #dbecff);
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow:0 0 6px #c6c6c6;
-webkit-box-shadow:0 0 6px #c6c6c6;
box-shadow:0 0 6px #c6c6c6;
padding:7px;border:1px solid #bccee2;}

/* @section 3.1 Datepicker Header */

.ui-datepicker-header {
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
height:27px;font:bold 12px Rubik, sans-serif;border:1px solid #0d65be;border-bottom:0;line-height:27px}

/* @section 3.2 Datepicker Navigation */

.ui-datepicker-prev, .ui-datepicker-next {width:24px;height:23px;text-indent:-999em;direction:ltr;background:url('../img/pvg_sprite_icon_3.6.3.png') repeat-x}
.ui-datepicker-prev {margin:1px 0 0 5px;background-position:center -364px}
.ui-datepicker-next {margin:1px 5px 0 0;background-position:center -394px}
.ui-datepicker-month, .ui-datepicker-year {margin:3px 5px 0;font:1em Rubik, sans-serif}

/* @section 3.3 Datepicker Content */

.ui-datepicker-calendar {
-moz-border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;
border:1px solid #bccee2;border-collapse:separate;border-top:0;background:#fff;background:rgba(255, 255, 255, 0.2)}

.ui-datepicker th {color:#2a4d8f;border-bottom:1px solid #bccee2;line-height:30px}
.ui-datepicker td {padding:4px}
.ui-datepicker-calendar tr {margin:0 20px}

/* Interaction States */

.ui-datepicker-calendar .ui-state-default {
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #dee8f2;background-color:#fff;color:#2a4d8f;text-align:center;text-decoration:none;line-height:20px;width:20px;display:inline-block}

/* Vergangene Tage deaktivieren */

.ui-datepicker-calendar .ui-state-disabled .ui-state-default {background-color:transparent;border-color:#e5e5e5;color:#ddd;cursor:default}

.ui-datepicker-calendar .ui-state-hover {border:1px solid #bccee2;color:#2a4d8f;background-color:#dee8f2}
.ui-datepicker-week-end .ui-state-default {background-color:#ecf0f5}

.ui-datepicker-header, .ui-datepicker-calendar .ui-state-highlight {
background:#149bd5;
background:-moz-linear-gradient(top, #149bd5 20%, #0d65be);
background:-ms-linear-gradient(top, #149bd5 20%,#0d65be);
background:-o-linear-gradient(top, #149bd5 20%, #0d65be);
background:-webkit-gradient(linear, left top, left bottom, color-stop(#149bd5 20%), to(#0d65be));
background:-webkit-linear-gradient(top, #149bd5 20%, #0d65be);
background:linear-gradient(top, #149bd5 20%, #0d65be);
color:#fff}

.ui-datepicker-calendar .ui-state-highlight {border:1px solid #0d65be}

/* @section 3.4 IE7 - Datepicker */

.ie7 .ui-datepicker-calendar {border-collapse:collapse}
.ie7 .ui-datepicker {width:212px}

/* @section 4. Tabs */

.ui-tabs-anchor {
background:#e0efff;
background:-moz-linear-gradient(top, #fff, #e0efff);
background:-ms-linear-gradient(top, #fff, #e0efff);
background:-o-linear-gradient(top, #fff, #e0efff);
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0efff));
background:-webkit-linear-gradient(top, #fff, #e0efff);
background:linear-gradient(top, #fff, #e0efff);
-moz-box-shadow:inset -1px 0 0 #fff, inset 1px 0 0 #fff;
-webkit-box-shadow:inset -1px 0 0 #fff, inset 1px 0 0 #fff;
box-shadow:inset -1px 0 0 #fff, inset 1px 0 0 #fff;
vertical-align:bottom;color:#2a4d8f;font-weight:500;text-decoration:none;border:1px solid #bccee2;border-width:1px 1px 1px 0;padding:3px 8px;display:inline-block}

.ui-state-default:first-child .ui-tabs-anchor {border-left-width:1px}
.ui-state-active:first-child .ui-tabs-anchor {border-left:1px solid #e2e2e2;margin-left:0}

.ui-state-hover .ui-tabs-anchor {background:#e8e8e8;color:#444}
.ui-state-active .ui-tabs-anchor {background:#fff;margin-bottom:-1px;margin-left:-1px;padding:5px 8px;color:#444;border:1px solid #e2e2e2;border-bottom:1px solid #fff}

.ui-tabs-nav .ui-state-active.ui-state-hover {background:none;cursor:default}

.ui-tabs-panel {margin-top:-1px;border:1px solid #e2e2e2;padding:5px;min-height:100px}

/* No JS */

.noJS .ui-tabs-panel + .ui-tabs-panel {border-top:0}

/* @section 5. Slider */

.ui-slider {margin-top:-0.375em}

/* @section 5.1 Wrapper */

.ui-slider-range-wrapper {background:#f2f2f2;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.ui-slider-horizontal .ui-slider-range-wrapper {
-moz-box-shadow:inset 0 2px 2px rgba(0, 0, 0, 0.25), 0 1px 1px #fff;
-webkit-box-shadow:inset 0 2px 2px rgba(0, 0, 0, 0.25), 0 1px 1px #fff;
box-shadow:inset 0 2px 2px rgba(0, 0, 0, 0.25), 0 1px 1px #fff;
height:8px}

.ui-slider-vertical .ui-slider-range-wrapper {
-moz-box-shadow:inset 2px 0 2px rgba(0, 0, 0, 0.25), 1px 0 1px #fff;
-webkit-box-shadow:inset 2px 0 2px rgba(0, 0, 0, 0.25), 1px 0 1px #fff;
box-shadow:inset 2px 0 2px rgba(0, 0, 0, 0.25), 1px 0 1px #fff;
width:8px}

.ui-slider-range {height:8px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.ui-slider-horizontal .ui-slider-range {background:url('../img/pvg_sprite_3.6.3.png') 0 -370px #82a81a}
.ui-slider-vertical .ui-slider-range {background:#9bc133;
background:-moz-linear-gradient(left, #9bc133, #688e00);
background:-ms-linear-gradient(left, #9bc133, #688e00);
background:-o-linear-gradient(left, #9bc133, #688e00);
background:-webkit-gradient(linear, left top, right top, color-stop(#9bc133), to(#688e00));
background:-webkit-linear-gradient(left, #9bc133, #688e00);
background:linear-gradient(left, #9bc133, #688e00);
bottom:0;left:0;position:absolute;width:100%}

/* @section 5.2 Anfasser */

/* @section 5.3 Steps */

.ui-slider-step-wrapper {position:relative;min-height:2.5em}
.ui-slider-vertical .ui-slider-step-wrapper {min-width:1.75em}

.ui-slider-step {
-moz-transition:top 0.2s ease 0s, left 0.2s ease 0s;
-ms-transition:top 0.2s ease 0s, left 0.2s ease 0s;
-o-transition:top 0.2s ease 0s, left 0.2s ease 0s;
-webkit-transition:top 0.2s ease 0s, left 0.2s ease 0s;
transition:top 0.2s ease 0s, left 0.2s ease 0s;
color:#777;position:absolute}
.ui-slider-horizontal .ui-slider-step {text-align:center;vertical-align:bottom;top:0.125em}
.ui-slider-vertical .ui-slider-step {left:0.125em}

.ui-slider-step-active {
-moz-transition:top 0.2s ease 0s, left 0.2s ease 0s;
-ms-transition:top 0.2s ease 0s, left 0.2s ease 0s;
-o-transition:top 0.2s ease 0s, left 0.2s ease 0s;
-webkit-transition:top 0.2s ease 0s, left 0.2s ease 0s;
transition:top 0.2s ease 0s, left 0.2s ease 0s;
font-weight:500}

.ui-slider-horizontal .ui-slider-step-active {top:-0.125em}
.ui-slider-vertical .ui-slider-step-active {left:-0.125em}

.ui-slider-horizontal .ui-slider-step-outer {margin-left:-100%}
.ui-slider-vertical .ui-slider-step-outer {margin-top:-50%}

.ui-slider-step-inner {background:#777}
.ui-slider-horizontal .ui-slider-step-inner {display:block;height:6px;margin:0 auto;width:1px;font:0/0 Rubik, sans-serif}
.ui-slider-vertical .ui-slider-step-inner {display:inline-block;vertical-align:middle;height:1px;margin:0 0.25em;width:6px}

/* Start- und End-Labels */

.ui-slider-label-start, .ui-slider-label-end {color:#777;margin-bottom:1em;width:50%;display:inline-block}
.ui-slider-label-end {text-align:right}

/* Ausrichtung nach unten */

.ui-slider-handle-down .ui-slider-step {top:0.5em}
.ui-slider-handle-down .ui-slider-step-active {top:1em}

.ui-slider-handle-down.ui-slider-isset-step-text .ui-slider-step-outer {margin-top:0.5em;position:relative}
.ui-slider-handle-down.ui-slider-isset-step-text .ui-slider-step-inner {left:50%;margin-left:-2px;position:absolute;top:-30%}

.ui-slider-handle-down .ui-slider-step-inner {height:4px;width:4px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.ui-slider-handle-down .ui-slider-step-active .ui-slider-step-inner {height:6px;width:6px}

/* @section 5.4 Vertical */

.ui-slider-vertical .ui-slider-step-wrapper,
.ui-slider-vertical .ui-slider-range-wrapper {display:inline-block;height:20em;vertical-align:middle}

/* Ausrichtung nach rechts */

.ui-slider-handle-right .ui-slider-range-wrapper {z-index:1}
.ui-slider-handle-right .ui-slider-step-outer {position:relative;padding-left:1em}
.ui-slider-handle-right .ui-slider-step-inner {left:0;position:absolute;top:50%}
.ui-slider-handle-right .ui-slider-step-active {left:0.25em}

/* @section 5.5 IE */

.ie7 .ui-slider-handle-down.ui-slider-isset-step-text .ui-slider-step {margin-left:50%}
.ie7 .ui-slider-step-outer {min-height:1px}

.ie7 .ui-slider-label-start,
.ie7 .ui-slider-label-end,
.ie7 .ui-slider-vertical .ui-slider-step-wrapper,
.ie7 .ui-slider-vertical .ui-slider-range-wrapper,
.ie7 .ui-slider-vertical .ui-slider-step-inner {display:inline}