﻿.wizInnerCore { position: relative; }
.wizInnerCore_short { width: 165px; }
.wizInnerCore_right { right: 0px; }
.wizInnerCore_left { left: -5px; }
    
.ddc, .ddc_on { height: 23px; background-repeat: no-repeat;
        cursor: pointer; font-weight: bold; font-size: 12px; font-family: Arial; padding-left: 10px;
        padding-top: 5px; }
.ddc { width: 240px; color: #0073BF; margin-bottom: 10px; }
.ddc_short { background-image: url(/i/dd_custom_bg_short.png); width: 157px; }
.ddc_long { background-image: url(/i/dd_custom_bg.gif); }

.ddc_on { width: 241px; background-image: url(/i/dd_custom_bg_on.gif); color: #061556; position: absolute; z-index: 4; }
.ddc_on_short { background-image: url(/i/dd_custom_bg_on_short.png); width: 157px; }
.ddc_on_right { right: -1px; }
.ddc_on_left { left: 0px; }
    
.popup { display: none; position: absolute; z-index: 3; padding-bottom: 26px; }

.popup_inner { padding-left: 10px; border: 2px solid #AEAEAE; position: relative; top: 26px; z-index: 3; 
                background: white; padding-bottom: 40px; background-color: #fbfafb; 
                -moz-box-shadow: 4px 4px 6px #666666;
                -webkit-box-shadow: 4px 4px 6px #666666;
                box-shadow: 4px 4px 6px #666666;
                filter:
                    progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=6);
                }
.popup_inner h1 { margin: 0px; padding: 10px 0 10px 0px; font: bold 18px Arial; color: #2B3163; letter-spacing: -1px; }
    
.popup_column { padding-right: 10px; padding-left: 10px; float: left; margin-bottom: 10px; width: 180px; }
.popup_column_first { padding-left: 0px; }
.popup_column_second { border-left: 1px dotted #999898; border-right: 1px dotted #999898;  }
.popup_column_last { vertical-align: top; }
.popup_column_last.popup_column_dates { position: relative; }
#selHafen .popup_column { width: 240px; height: 420px; }

#selHafen { width: 800px; }
#selDatum { width: 700px; }
        
.popup_column_dates { width: 210px; margin-bottom: 50px; }
.wizard_date { border: 1px solid #797A80; color: #8F8F8F; background: url(/i/wiz_new_dates.gif) no-repeat; width: 58px; height: 26px; 
                text-align: center; font-family: Arial; line-height: 26px; margin: 5px; float: left; font-size: 14px; }
.wizard_date_active { border: 1px solid white; color: White; background: url(/i/wiz_new_dates_active.gif) repeat-x; height: 26px; width: 58px; 
                        cursor: pointer;}
.wizard_date_selected { border: 1px solid #DEAD3D; color: #393C67; background: url(/i/wiz_new_dates_selected.gif) repeat-x; 
                        width: 58px; height: 26px;   cursor: pointer;}
.wizard_date_disabled { border: 1px solid #797A80; color: #8F8F8F; background: url(/i/wiz_new_dates.gif) no-repeat; width: 58px; height: 26px; 
                text-align: center; font-family: Arial; line-height: 26px; margin: 5px; float: left; font-size: 14px; cursor: default; }
                        
.wizard_year { font-weight: bold; font-family: Arial; margin-left: 5px; color: #555555; }
       
.popup_divider { width: 95%; height: 14px; padding-right: 10px; border-top: 1px solid #D9D1A2; }

.wiz_buttons { margin-right: 20px; position: relative; /*height: 30px; */}
.btn_cancel, .btn_accept { cursor: pointer; height: 28px; line-height: 28px; color: White; font-size: 12px; font-weight: bold; display: block;
                           text-align: center; margin-left: 10px; position: absolute; bottom: 10px; }
.btn_accept { background: url(/i/wiz_new_btn_submit2.png) no-repeat; width: 172px; }
.btn_cancel { background: url(/i/wiz_new_btn_abbrechen2.png) no-repeat; width: 92px; }

#selZiel .btn_accept { right: 38px; }
#selZiel .btn_cancel { right: 218px;  }
#selHafen .btn_accept { right: 90px; }
#selHafen .btn_cancel { right: 270px; }
#selDatum .btn_accept { right: 48px; }
#selDatum .btn_cancel { right: 228px; }
#selSchiff .btn_accept { right: 36px; }
#selSchiff .btn_cancel { right: 216px; }

.wiz_submit { height: 33px; width: 137px; border: none; left: 113px; position: relative; top: 5px; display: none; padding: 0px; 
              background: url(/i/btn_search2.gif) no-repeat; cursor: pointer; text-align: center; color: White; font-size: 16px; font-weight: bold; 
              line-height: 33px; }
.wiz_submit_short { left: 15px; }
    
input.wizard_item, .checkbox_all input { width: 15px; height: 25px; margin: 0px; float: left; border: none; cursor: pointer; }
.popup_column label, .checkbox_all label { color: #0073BF; font-family: Arial; font-size: 12px; padding-left: 25px; 
                        position: relative; top: 0px; line-height: 25px; display: block; }
.checkbox_all label { font-weight: bold; color: #061556; }
.checkbox_all { padding: 0 0 10px 0; position: absolute; bottom: 50px; }
.popup_column_dates .checkbox_all { bottom: -50px; left: 15px; }

input.checkbox_offset { margin: 0 5px; }

.popup_column label.disabledLabel { color: Gray; font-style: italic; }

.divWiz_left { position: relative; left: -5px; }

.cancel_wizard { cursor: pointer; position: absolute; left: 10px; top: 5px; color: #041656; font-size: 12px; }

#divWiz.divWiz_right #quick_vacation_search, #divWiz.divWiz_left #quick_vacation_search { margin-left: 8px; }

.wiz_suche_anpassen { height: 25px; width: 136px; border: none;
              background: url(/i/btn_bg_suche_anpassen.png) no-repeat; cursor: pointer; text-align: center; color: White; font-size: 12px; font-weight: bold; 
              line-height: 25px; padding: 0px 0px 10px 0px; display: block; margin-top: 20px; position: relative; left: -7px; }
              
#divWiz.divWiz_left { height: 365px; }
#divwiz.divwiz_right { height: 255px; }

#divWiz div#quick_vacation_search { color: #061556; font-weight: bold; font-size: 18px; }

#ddDatum, #selDatum .ddc_on { text-transform: capitalize; }

label.sliderLabel { color: #666666; font-weight: normal; }
span.sliderLabel { font-weight: bold; color: #0073bb; }
sliderLabelDelim { margin: 0 3px; }

#divSucheHilfe { width: 169px; height: 166px; position: absolute; left: 170px; top: 30px; z-index: 10; display: none; }
#divSucheHilfeArrow { transform: rotate(270deg); -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); 
                      left: -16px; }
#divSucheHilfeInner  { box-shadow: 4px 3px 1px 1px #929292; -o-box-shadow: 4px 3px 1px 1px #929292; /* Opera */
	-moz-box-shadow: 4px 3px 1px 1px #929292; /* Firefox */	-webkit-box-shadow: 4px 3px 1px 1px #929292; /* Safari and Chrome */ }
