/* UI HELPERS */
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;list-style: none;
}

.ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ui-slider { position:relative; }

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
    height:1%;
}

/* end clearfix */
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0; left: 0;
    position: absolute;
    opacity: 0;
    filter:Alpha(Opacity=0);
}

.ui-state-disabled {
    cursor: default !important;
}

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

/* Overlays */
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ELEMENTS WIDTH */

.app-canvas input {
    outline:none;
}

/* Global Width Definitions */
.w45 input {width: 45px !important;}
.w50 input {width: 50px !important;}
.w115 input {width: 115px !important;}
.w180 input {width: 180px !important;}
.w220 input {width: 171px !important;}
.w220.number input {width: 156px !important;}
.ie7 .w220.number input {width: 156px !important;}
.w234 input {width: 234px !important;}
.w245 input {width: 245px !important;}
.w266 input {width: 266px !important;}
.w281 input {width: 281px !important;}
.w65 input {left: 11px; width: 65px;}
.ie7 .w65 input, .ie8 .w65 input { width:58px; margin-right:5px; }



/* Specifications only for Calculator */
.w100 .rpl-selectmenu, .rpl-select-wrapper.w100 {width: 100px !important;}
.w100 .rpl-selectmenu .activeSelect {width: auto !important; margin-right: 10px; line-height:1.33em;}
.w77 .rpl-selectmenu, .rpl-select-wrapper.w77 {width: 82px !important;}
.w77 .rpl-selectmenu .activeSelect { width: auto !important; margin-right: -3px; line-height:1.33em;}
.w266 .rpl-selectmenu .passiveSelect {width: 281px !important;}
.rpl-select-wrapper.w100.left .jspContainer, .rpl-select-wrapper.w100.left .selectTransform_item_content {width: 95px !important;}


.rpl-select-wrapper.w77.left .jspContainer {width: 88px !important;}
.rpl-select-wrapper.w77.left .selectTransform_item_content {width: 83px !important;}
.rpl-select-wrapper.w100.left li, .rpl-select-wrapper.w77.left li {padding:5px;}
.rpl-input-wrapper-w45 {width: 84px !important;}
.rpl-input-wrapper.left.first {width: 190px;}
.fix-height {height: 30px;}
.rpl-input-wrapper {width: 205px;}
.ie7 .rpl-input-wrapper {width: 205px;}
.rpl-input-wrapper.date {margin-left:7px; width:77px;}


.calc-dropdown .selectTransform_item_content {width: 308px !important;}


/* INPUT ELEMENTS */
input[type="text"] {
    /*color: #685C53;*/
	color:#003745;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 0 5px;
    border: 1px solid #cdc7c1; /*#CDCDCD;*/
    height: 18px;
    margin-right: 9px;
}

input.disabled { color:#CDCDCD !important; border-color:#E0E0E0 !important;  }
label.disabled { color:#CDCDCD !important; }

.rpl-input-wrapper .rpl-input-brd {
    width: 5px;
    height: 25px;
    float: left;
    background: url(images/app-input-left-brd.gif) 0 0 no-repeat;
}

.rpl-input-wrapper input {
    padding: 1px 6px 0;
    height: 17px;
    border: 1px solid #cdc7c1; /* #CECECE; */
    color: #685C53;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    margin: 0 0 10px;
}

.frm-search-item .rpl-input-wrapper input {margin-bottom:10px;}
.ie7 .frm-search-item .rpl-input-wrapper input {margin-bottom:0px;}

/*.calc-dropdown {margin-left:31px;}*/
.calc-dropdown label {width: 85px;}
.calc-dropdown .rpl-selectmenu .activeSelect {width: 281px; margin-bottom:5px;}

.checkbox.rpl-input-wrapper input {margin-bottom:9px;}
.ie-fix {margin-top:6px;}

.ie .rpl-input-wrapper input {
    margin-top: -1px;
}

.ie .rpl-input-wrapper input.pos-input-ie {
    margin-top: 0px;
}

/* SELECT ELEMENTS */

.rpl-select-wrapper {
    width: 180px;
}

.rpl-select-wrapper .select-disabled {
    background: #000;
}

.rpl-selectmenu .selectTransform_item{
    width: 165px;
}

.sidebar-component .rpl-selectmenu .selectTransform_item{
    width: 100px;
}

.selectDark .styleSelect_item_start{
    height:8px;
}
.rpl-selectmenu .selectTransform_item_content{
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 150px;
    z-index: 9999;
    background: #fff;
    border: 1px solid #cdc7c1;
    margin-top: 1px;
    width: 181px !important;
    padding: 1px 0 2px 0 !important;
}

/*.form-list .rpl-selectmenu .selectTransform_item_content {
    width: 179px !important;
}*/
.publication .rpl-selectmenu .selectTransform_item_content {
    width: 179px !important;
}
.rpl-selectmenu .passiveSelect, .rpl-selectmenu .activeSelect{
    height: 25px;
    line-height: 2em;
    display: block;
    cursor: pointer;
    padding-left: 10px;
    margin-right: 16px;
}

.rpl-selectmenu .passiveSelect{
    background: url("../img/structure/ico/arrow-blue-dropdown.gif") no-repeat scroll right center #FFFFFF;
    border: 1px solid #CDCDCD;
    cursor: pointer;
    height: 18px;
    margin-right: 17px;
    padding: 0 22px 0px 5px;
    width: 151px;
    color: #685C53;
    line-height:17px;
    display: block;
    white-space: nowrap;
}
.rpl-selectmenu .disableSelect{
    background-color: #ccc;
}
.rpl-selectmenu .activeSelect{
    background: url(../img/structure/ico/arrow-blue-dropdown.gif) no-repeat #FFFFFF 100% 50%;
    border: 1px solid #cdc7c1; /* #CDCDCD; */
    cursor: pointer;
    height: 18px;
    padding: 0 22px 0px 6px;
    width: 153px;
    /*color: #685C53;*/
    line-height:17px;
    margin-right: 0;
}

.osplus .rpl-selectmenu .passiveSelect,
.osplus .rpl-selectmenu .activeSelect {
    background-image: url("../img/structure/ico/arrow-red-dropdown-osplus.gif");
}

.productadmin-result .rpl-selectmenu .activeSelect,
.results-per-page .rpl-selectmenu .activeSelect,
.product-advice-result .rpl-selectmenu .activeSelect {
    width: 15px !important;
}
.productadmin-result .rpl-selectmenu .selectTransform_item_content,
.results-per-page .rpl-selectmenu .selectTransform_item_content,
.product-advice-result .rpl-selectmenu .selectTransform_item_content {
    width: 43px !important;
    overflow: hidden;
}

.disabled-select .activeSelect{
    color: #cdcdcd !important;
    border: 1px solid #e2e2e2 !important;
    background: url("../img/structure/ico/arrow-blue-dropdown-disable.gif") no-repeat 100% 50% !important;
}

/*.mod-toggle .rpl-selectmenu .activeSelect { width:62px; margin:0; float:left; }*/

a.return {
	background:url("../img/sprites/buttons-sprite.png") no-repeat 0 -90px;
    padding: 3px 28px;
    width: 54px;
	color: #685D57;
}

.osplus a.return {
    background:url(../img/structure/ico/second-action-osplus.gif) 0 -230px no-repeat;
}
.rpl-selectmenu ul{
    padding:0;
    margin:0;
    list-style:none;
    cursor:pointer;
}

.rpl-selectmenu li{
    padding:0;
    margin:0;
    font-weight:normal;
    padding:2px 5px;
}

.rpl-selectmenu li:hover{
    background: #E6E0D0; /*#b5c9d5;*/
}
.osplus .rpl-selectmenu li:hover{
    background: #cdcdcd;
}

.rpl-selectmenu .selected{
    background: none;
}

/* Tabs */
.ui-tabs .ui-tabs-panel {
    display: block;
    background: none;
}

.ui-tabs .ui-tabs-hide {
    display: none;/*!important führte zu Problemen im Adressbuch*/
}


.ui-tabs .detail-box { border: 1px solid #bbb; border-top: 0 none; min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.fondsportrait .ui-tabs-panel.detail-box {
    position: relative;
    top: 0;
    float: left;
}
.fondsportrait .ui-tabs-panel.detail-box-ext {
    top: 0;
}
.fondsportrait #tabs-1.detail-box {
    top:0;
}

/* SPINNER */

.ui-button-text {
    display: none;
}

.ui-spinner-up {
    width: 20px;
    height: 8px;
    background: url(images/app-arrow-updown.gif) -3px 3px no-repeat;
    cursor: pointer;
    display: block;
    float: left;
    margin: 0 0 0;
}

.ui-spinner-down {
    width: 20px;
    height: 8px;
    background: url(images/app-arrow-updown.gif) -3px -5px no-repeat;
    cursor: pointer;
    display: block;
    margin: 5px 0 0;
    float: left;
}

.disabled-spinup {
    background: url(images/app-arrow-updown-disable.gif) -3px 3px no-repeat;
}

.disabled-spindown {
    background: url(images/app-arrow-updown-disable.gif) -3px -5px no-repeat;

}

/* AUTOCOMPLETE */

.uicp-autocomplete {
    position: relative !important;
}

.ui-autocomplete {
    z-index: 999 !important;
    width: 276px !important;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
}

/**
	fzh Rel. 15.2 561 VK 2861 Globale Suche Auto-Completes Gruppierung der Ergebnissen.
**/
.ui-autocomplete li a {color: #000000; display: block; cursor:pointer; }
.ui-autocomplete li a:hover {text-decoration:none; }
.ui-autocomplete li:hover {background:  #E6E0D0; }
.osplus .ui-autocomplete li:hover { background: #c6c6c6; }
.private-banking .ui-autocomplete li:hover { background: #c6c6c6; }

.ui-autocomplete.dw-dk-acl {
    height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute !important;
    width: 378px !important;
}

/**
    Datepicker
**/

/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial,Verdana,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Verdana,sans-serif; /*font-size: 1em;*/ }
.ui-widget-content { background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; /*color: #222222; */}
/* .ui-widget-content a { color: #222222; } */
.ui-widget-header {color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { /*background-color: #ededed; font-size: 10px;*/   }
.osplus .ui-state-default, .osplus .ui-widget-content .ui-state-default, .osplus .ui-widget-header .ui-state-default { color:#6c6c6c; background-color: #ededed;}
/*.ui-state-default:hover, Neg. Auswirkung auf WE Tabs*/
.fondsfinder-acl .ui-state-hover{background: #b2ccdb;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
ul.tab-menu .ui-state-default a, ul.tab-menu .ui-state-default a:link, ul.tab-menu .ui-state-default a:visited { color: #003745;  } /*color: #005588;*/
.osplus ul.tab-menu .ui-state-default a, .osplus ul.tab-menu .ui-state-default a:link, .osplus ul.tab-menu .ui-state-default a:visited { color: #FF0000;  }

/*ul.tab-menu li.ui-state-active a, ul.tab-menu li.ui-state-active a:link, ul.tab-menu li.ui-state-active a:visited { color:#333333; }*/

.osplus ul.tab-menu li.ui-state-active a, .osplus ul.tab-menu li.ui-state-active a:link, .osplus ul.tab-menu li.ui-state-active a:visited { color:#000; }

.osplus .ui-state-default a, .osplus .ui-state-default a:link, .osplus .ui-state-default a:visited { color:#FF0000;}
.osplus .ui-state-active a, .osplus .ui-state-active a:link, .osplus .ui-state-active a:visited { color:#000000;}


/*.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { font-weight: normal; color: #005588; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }*/
/*.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {/*background: #b2ccdb; Negative Auswirkung auf WE-Rechner Tab*/ /*font-weight: normal; color: #005588; font-size: 10px;}*/
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

.ui-priority-secondary {color: #000 !important;}
.ui-autocomplete .ui-state-hover{background: #E6E0D0; color: #000}
.osplus .ui-autocomplete .ui-state-hover{background: #c6c6c6;}
.private-banking .ui-autocomplete .ui-state-hover{background: #c6c6c6;}
/* jQuery UI Datepicker 1.8.14*/
.dw-deka-datepicker { width: 148px; padding: 9px 9px 3px 9px; display: none;  border: 1px solid #cdcdcd; z-index:10000 !important; }
.dw-deka-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; margin-bottom: 5px; background-image: none; height: auto; margin-top: 0; }
.dw-deka-datepicker .ui-datepicker-prev, .dw-deka-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.dw-deka-datepicker .ui-datepicker-prev { height: 8px; left: 2px; width: 6px;}
.dw-deka-datepicker .ui-datepicker-next { right:2px; height: 8px; width: 6px;}
.dw-deka-datepicker .ui-datepicker-prev span { background: url("../img/structure/nav/slideshow-controls.png") no-repeat left center; display: block; position: absolute; left: 50%; margin-left: -4px; top: 50%; margin-top: 2px; width: 8px; height: 9px;}
.osplus .dw-deka-datepicker .ui-datepicker-prev span { background:url(../img/structure/ico/arrow-red.png) no-repeat; }

.dw-deka-datepicker .ui-datepicker-next span { background:url("../img/structure/nav/slideshow-controls.png") no-repeat right center; display: block; position: absolute; left: 50%; margin-left: -6px; top: 50%; margin-top: 2px; width: 8px; height: 9px;}
.osplus .dw-deka-datepicker .ui-datepicker-next span { background:url(../img/structure/ico/arrow-red.png) no-repeat 0 -16px; }
.dw-deka-datepicker table .ui-datepicker-other-month .ui-state-default {
    background: #F2EFE6;
    color: #999999 !important;
}

.dw-deka-datepicker .ui-datepicker-unselectable.ui-state-disabled {
    opacity: 0.5;
}



.dw-deka-datepicker .ui-datepicker-title { margin: 0 16px; line-height: 1.8em; text-align: center; }
.dw-deka-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.dw-deka-datepicker select.ui-datepicker-month-year {width: 100%;}
.dw-deka-datepicker select.ui-datepicker-month,
.dw-deka-datepicker select.ui-datepicker-year {margin-right: 3px; width: 47%; border: 1px solid #CDCDCD;}
.dw-deka-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.dw-deka-datepicker table .ui-state-default { background-color:#E6E0D0; font-size:10px; font-weight: normal; color:#003745; background-image: none; }
.dw-deka-datepicker table .ui-state-hover { background-color:#E6E0D0; }

.dw-deka-datepicker th { background: #685D57; padding: 0.1em 0.3em; text-align: center; font-weight: bold; border: 0;  }
.dw-deka-datepicker th span {color: #FFFFFF; font-size: 11px;}
.dw-deka-datepicker td { border: 0; padding: 1px; }
.dw-deka-datepicker td span, .dw-deka-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; }
.dw-deka-datepicker td .ui-state-highlight, .dw-deka-datepicker td.ui-datepicker-today span { background-color:#685D57; color: #fff;}
.osplus .dw-deka-datepicker td .ui-state-highlight, .osplus .dw-deka-datepicker td.ui-datepicker-today span { background-color:#c6c6c6; }

.dw-deka-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.dw-deka-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.dw-deka-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }


.osplus .dw-deka-datepicker { margin: 0 0 0 7px; }
.osplus .dw-deka-datepicker .ui-datepicker-header a.ui-datepicker-prev { left: 3px; /*background: url("../img/structure/nav/slideshow-controls-osplus.png") no-repeat left;*/ background: none; }
.osplus .dw-deka-datepicker .ui-datepicker-header a.ui-datepicker-next { right: 4px; /*background: url("../img/structure/nav/slideshow-controls-osplus.png") no-repeat right;*/ background: none:; }
.osplus .dw-deka-datepicker table th { background: #333333; }
.osplus .dw-deka-datepicker table td span { color: #000; }
.osplus .dw-deka-datepicker table td a:hover { text-decoration: none; }
.osplus .dw-deka-datepicker table td.has-event a { background: #dcdcdc; color: #333; }
.osplus .dw-deka-datepicker table td.has-event a:hover { font-weight: bold; color: #333; background: #999; }
.osplus .dw-deka-datepicker table td.ui-datepicker-today a { color: #fff; background: #666; }

.osplus .dw-deka-datepicker table td a { background-color: #ededed; color:#6c6c6c; }
.osplus .dw-deka-datepicker table .ui-datepicker-other-month .ui-state-default {
    background-color: #ededed;
    color: #999999 !important;
}


/*Checkbox Plugin ezMark START*/
.ez-hide { opacity: 0; filter:alpha(opacity=0);margin: 0; padding: 0; cursor: pointer;}
.ez-checkbox, .ez-radio {
    width: 14px;
    height: 14px;

    outline: none;
    cursor: pointer;
    display: inline-block;
    margin: 0 .3em 0 0;
    position: relative;
    /* top: 2px;
    margin: 0px 2px 0 9px;*/
}
.ez-checkbox,
.ez-checkbox input{
    border: none !important;
    outline: none !important;
}
/*Checkbox Plugin ezMark END*/