/* START ScoachTextBox */ input.ScoachTextBox { border: solid 1px #C6C6C8; padding: 2px; margin-right: 6px; width: 193px; color: #333436; } input#header_suche_txt_underlying { width: 160px; font-size: 8pt; } input#scoachch_depot_inpt_search_txt { width: 200px; } input.Watermark { color: #333436; } input.disabled { color: #9A9B9F; background-color: White; } /* END ScoachTextBox */ /* START ScoachRadioButton */ .ScoachRadioButtonContainer { margin: 5px; height: 16px; } .ScoachRadioButton img { vertical-align: middle; width: 16px; height: 16px; background: transparent url('/images/global/css/controls/radio_checkbox.png') no-repeat; } .ScoachRadioButtonContainer label { padding-left: 2px; line-height: 12px; font-weight: normal; } .ScoachRadioButton img{ background-position: 0px 0px; } .ScoachRadioButton-hover img{ background-position: 0px 0px; } .ScoachRadioButton-checked img{ background-position: 0px -16px; } .ScoachRadioButton-checked .ScoachRadioButton-hover img { background-position: 0px -16px; } .ScoachRadioButton-disabled img{ background-position: 0px 0px; } .ScoachRadioButton-checked .ScoachRadioButton-disabled img{ background-position: 0px 0px; } /* END ScoachRadioButton */ /* START ScoachCheckBox */ .ScoachCheckBoxContainer { /*margin: 5px;*/ } .ScoachCheckBox img {vertical-align: middle; width: 16px; height: 16px;} .ScoachCheckBox img{background: transparent url('/images/global/css/controls/radio_checkbox.png') no-repeat;} .ScoachCheckBoxContainer label { padding-left: 2px; line-height: 12px; } .ScoachCheckBoxContainer label.disabled { color: #666666; } .ScoachCheckBox img{ background-position: -16px 0px; } .ScoachCheckBox-hover img{ background-position: -16px 0px; } .ScoachCheckBox-checked img{ background-position: -16px -16px; } .ScoachCheckBox-checked .ScoachCheckBox-hover img { background-position: -16px -16px; } .ScoachCheckBox-disabled img{ background-position: -16px -64px; } .ScoachCheckBox-checked .ScoachCheckBox-disabled img{ background-position: -16px 0px; } /* END ScoachCheckBox */ /* START navbar */ .navbar { height:36px; } .navbar .logo_six { width: 100px; height:36px; } .navbar .navbar-right { height: 36px; line-height: 36px; } .navbar-right ul > li:last-child{ border-right: none; } .navbar-right ul li #iconPerson { cursor: pointer; } .navbar-right ul li #iconPerson > span { padding-right: 15px; border-right: 1px solid #949598; } .navbar-right ul li #iconPerson > span > img { padding-right: 10px; } .navbar-right ul li #login input { padding-right: 15px; border-top: none; border-left: none; border-bottom: none; border-right: 1px solid #949598; background-color:transparent; cursor:pointer; } .navbar-right ul li .LanguageDropDown > span:first-child{ padding-left: 15px; } /* END navbar */ /* START ScoachDropDown */ span.combo { position:relative; left: 0px; top: 0px; display: inline-block; overflow:hidden; height: 20px; background: url('/images/global/css/controls/dropdown_background.png') repeat-x 0 0; border-left:1px solid #BBBBBD; margin: 0; } span.comboLanguage, div.LanguageDropDown span.comboActive { position:relative; left: 0px; top: 0px; display: inline-block; overflow:hidden; height: 20px; background: none; border-left: 0; margin: 0; vertical-align: middle; } div.LanguageDropDown span.comboActive { border-bottom: 0; padding-left: 2px; margin-top: -1px; } span.comboActive { overflow:visible !important; } /*list wrapper*/ .combo div.list-wrapper, .listbox div.list-wrapper { position: absolute; overflow: hidden; clear: both; } /*dropdown list item*/ .combo li { height: 20px; overflow:hidden; } .listbox li { height: 15px; } .combo .visible { display: block; overflow:hidden; } .combo .invisible { /* display: none;*/ } /* Skin */ span.comboWidth100, span.comboWidth100 div.list-wrapper { width: 99px; } span.comboWidth100 div.NoScrollBar { width: 98px; } span.comboWidth100 div.SelectBox { width: 71px; } span.comboWidth100 li { width: 74px; } span.comboWidth100 div.NoScrollBar li { width: 93px; } span.comboWidth133, span.comboWidth133 div.list-wrapper { width: 133px; } span.comboWidth133 div.NoScrollBar { width: 131px; } span.comboWidth133 div.SelectBox { width: 104px; } span.comboWidth133 li { width: 107px; } span.comboWidth133 div.NoScrollBar li { width: 126px; } span.comboWidth135, span.comboWidth135 div.list-wrapper { width: 135px; } span.comboWidth135 div.NoScrollBar { width: 133px; } span.comboWidth135 div.SelectBox { width: 106px; } span.comboWidth135 li { width: 109px; } span.comboWidth135 div.NoScrollBar li { width: 128px; } span.comboWidth150, span.comboWidth150 div.list-wrapper { width: 149px; } span.comboWidth150 div.NoScrollBar { width: 148px; } span.comboWidth150 div.SelectBox { width: 121px; } span.comboWidth150 li { width: 124px; } span.comboWidth150 div.NoScrollBar li { width: 143px; } span.comboWidth187, span.comboWidth187 div.list-wrapper { width: 187px; } span.comboWidth187 div.NoScrollBar { width: 185px; } span.comboWidth187 div.SelectBox { width: 158px; } span.comboWidth187 li { width: 261px; } span.comboWidth187 div.NoScrollBar li { width: 280px; } span.comboWidth200, span.comboWidth200 div.list-wrapper { width: 199px; } span.comboWidth200 div.NoScrollBar { width: 198px; } span.comboWidth200 div.SelectBox { width: 171px; } span.comboWidth200 li { width: 174px; } span.comboWidth200 div.NoScrollBar li { width: 193px; } span.comboWidth220, span.comboWidth220 div.list-wrapper { width: 220px; } span.comboWidth220 div.NoScrollBar { width: 218px; } span.comboWidth220 div.SelectBox { width: 191px; } span.comboWidth220 li { width: 195px; } span.comboWidth220 div.NoScrollBar li { width: 213px; } span.comboWidth250, span.comboWidth250 div.list-wrapper { width: 249px; } span.comboWidth250 div.NoScrollBar { width: 248px; } span.comboWidth250 div.SelectBox { width: 221px; } span.comboWidth250 li { width: 224px; } span.comboWidth250 div.NoScrollBar li { width: 243px; } span.comboWidth300, span.comboWidth300 div.list-wrapper { width: 299px; } span.comboWidth300 div.NoScrollBar { width: 298px; } span.comboWidth300 div.SelectBox { width: 271px; } span.comboWidth300 li { width: 274px; } span.comboWidth300 div.NoScrollBar li { width: 293px; } div.listboxWidth200, div.listboxWidth200 div.list-wrapper { width: 199px; } div.listboxWidth220, div.listboxWidth220 div.list-wrapper { width: 220px; } div.listboxWidth200 div.NoScrollBar { width: 198px; } div.listboxWidth220 div.NoScrollBar { width: 218px; } div.NoScrollBar div.list-wrapper { width: 198px; } div.listbox { height: 200px; zoom:1; } .combo select, .listbox select { display: none; zoom:1; } span.comboActive { } span.comboActive div.SelectBox { } .combo div.SelectBox, .listbox div.SelectBox { padding-left: 3px; background-color: transparent; border: none; line-height:20px; height: 20px; float: left; overflow: hidden; } .combo div.icon { width: 17px; height: 20px; background-image: url('/images/global/css/controls/dropdown_arrow.png'); cursor: pointer; float: right; } span.comboLanguage div.icon, div.LanguageDropDown span.comboActive div.icon { margin: 6px 0px 0px 6px; width: 5px; height: 8px; background-image: url('/images/arrow_rock_down.png'); cursor: pointer; float: left; vertical-align: middle; background-position: center; } div.LanguageDropDown span.comboActive div.SelectBox { color: #000; } span.comboActive div.icon { } .combo div.list-wrapper, .listbox div.list-wrapper { background-color: #FFFFFF; width: 200px; color: black; border-bottom:1px solid #BBBBBD; border-left:1px solid #BBBBBD; } div.NewstickerWrapper a, div.NewstickerWrapper a:visited { color: #000; } div.NewstickerWrapper a:hover { color: #DE3919; } div.listbox div.list-wrapper { border-top:1px solid #BBBBBD; } .combo div.NoScrollBar, .listbox div.NoScrollBar { border-right:1px solid #BBBBBD; width: 199px; } .listbox div.list-wrapper { background-color: #e8e8e8; width: 199px; color: black; } span.combo div.list-wrapper { left: 0px; top: 20px; bottom: auto; border-bottom: solid 1px #bbbbbd; } .combo div.list-wrapper-up { top: auto; bottom: 21px; } .combo ul { list-style-type: none; position: absolute; width: 100%; } .listbox ul { list-style-type: none; position: absolute; width: 100%; } .combo li, .listbox li { padding-left: 5px; cursor: pointer; line-height: 20px; overflow: hidden; } .combo li span { overflow:hidden; width: 100%; } div.listbox li { line-height: 15px; } div.listbox li span{ width:100%; display:inline-block; overflow:hidden; height:100%; } .combo li.active, .listbox li.active { background-color: #CFE6F4; } .combo li.hover, .listbox li.hover { background-color: #CFE6F4; } .combo .list-wrapper .scrollbar, .listbox .list-wrapper .scrollbar { display : block; float: right; height: 100%; width: 18px; background-color: #D1D1D3; border-left: solid 1px #BABBBD; border-right: solid 1px #BABBBD; } .combo .list-wrapper .scrollbar_top, .listbox .list-wrapper .scrollbar_top { width: 18px; height: 15px; background-image: url('/images/global/css/controls/dropdown_scroll_up.png'); } .combo .list-wrapper .scrollbar_middle, .listbox .list-wrapper .scrollbar_middle { height: 170px; } .combo .list-wrapper .scrollbar_bottom, .listbox .list-wrapper .scrollbar_bottom { width: 18px; height: 15px; background-image: url('/images/global/css/controls/dropdown_scroll_down.png'); } .combo .list-wrapper .scrollbar .scrollbar_block, .listbox .list-wrapper .scrollbar .scrollbar_block { display: block; width: 18px; height: 40px; background-color: #66676C; } /* END ScoachDropDown */ /* START ScoachButton */ span.ScoachButton { height: 21px; display: inline-block; } span.ScoachButton a { height: 21px; display: inline-block; line-height: 21px; text-decoration: none; cursor:pointer; } span.ScoachButton a span.Text { height: 21px; display: inline-block; line-height: 19px; cursor:pointer; border: 1px solid #aaa; background-color: white; text-align: center; padding-left: 5px; padding-right: 5px; } span.ScoachButton a span.fix_190{ width: 190px; text-align: center; } span.ScoachButton a span.LeftCorner { display: inline-block; height: 21px; width: 5px; cursor:pointer; } span.ScoachButton a span.RightCorner { display: inline-block; width: 5px; height: 21px; background-position: -5px 0; cursor:pointer; } span.ScoachButton a:hover span.Text { background-color: rgb(207, 230, 244); } span.ScoachButton a:hover span.LeftCorner { background-position: -10px 0; } span.ScoachButton a:hover span.RightCorner { background-position: -15px 0; } span.ScoachButton a, span.ScoachButton a:visited { color: #000; } span.ScoachStandardWatchlistIcon { background: url('/images/global/css/gadgets/watchlist/icon_standard.png') no-repeat; background-position: 0px 5px; width: 16px; } span.ScoachButtonDisabled { height: 21px; display: inline-block; } span.ScoachButtonDisabled a { height: 21px; display: inline-block; line-height: 21px; text-decoration: none; cursor: default; } span.ScoachButtonDisabled a span.Text { background-image: url('/images/global/css/controls/button_middle.png'); height: 21px; display: inline-block; line-height: 21px; cursor: default; color: #9A9B9F; } span.ScoachButtonDisabled a span.LeftCorner { display: inline-block; width: 5px; height: 21px; background-image: url('/images/global/css/controls/button.png'); cursor: default; } span.ScoachButtonDisabled a span.RightCorner { display: inline-block; width: 5px; height: 21px; background-image: url('/images/global/css/controls/button.png'); background-position: -5px 0; cursor: default; } /* END ScoachButton */ /* START jScrollPane */ .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #CBCCD0; } .jScrollPaneDrag { position: absolute; background: #66676C; cursor: pointer; overflow: hidden; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 20px; } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 20px; } a.jScrollArrowUp { background: url('/images/global/css/controls/jscrollpane_arrow_up.gif') repeat-x 0 0; } a.jScrollArrowUp:hover { background-position: 0 -20px; } a.jScrollArrowDown { background: url('/images/global/css/controls/jscrollpane_arrow_down.gif') repeat-x 0 0; } a.jScrollArrowDown:hover, div.jScrollPaneContainer a.disabled { background-position: 0 -20px !important; } /* END jScrollPane */ /* START ModalPopup */ body { } .modal-content { display: none; } /* Overlay */ #modal-overlay { background-color: #000000; } /* Container */ #modal-container { height: 320px; width: 600px; background-color: #F7F7F7; border: 4px solid #D3D3D5; padding: 12px; display: none; } .modal-container-loading { background-image: url('/images/global/css/loading.gif'); background-position: center; background-repeat: no-repeat; } #modal-container code { background: #141414; border-left: 3px solid #65B43D; color: #bbb; display: block; margin-bottom: 12px; padding: 4px 6px 6px; } #modal-container a.modalCloseImg, #watchlist_move_dialog a.modalCloseImg { background: url('/images/global/css/controls/popup_close.png') no-repeat; width: 25px; height: 29px; cursor: pointer; position:absolute; right: 0; top: 0; z-index: 5; } #modal-container #modal-content { padding: 8px; } #modal-container div.ContentOverlay { position: absolute; opacity: 0.5; filter: alpha(opacity=50); background-color: #F7F7F7; width: 600px; height: 318px; z-Index: 2; overflow:hidden; } #modal-container div.PersonalizedPageContentOverlay{ position: absolute; opacity: 0.3; filter: alpha(opacity=30); background-color: #F7F7F7; width: 600px; height: 360px; z-Index: 2; overflow: hidden; padding-top: 5px; } /* END ModalPopup */ /* START ScoachMultipleDropDownList */ .BuySellButton{ float: right; padding-right: 2px; } .BuySellButton a { color: #000; } .BuySellButton span.ScoachMultipleDropDownList-trigger a{ background-image:url("/images/global/css/icons/BuySellFull_79px.png"); background-position: center; background-repeat: no-repeat; display: block; width: 80px; height: 22px; position: relative; } * html .BuySellButton span.ScoachMultipleDropDownList-trigger a{ width: 77px; } .BuySellButton span.ScoachMultipleDropDownList-trigger a span{ cursor: default; display: block; padding-left: 36px; padding-top: 5px; text-align: center; width: 40px; padding-top: 4px\9 /* ie fix */ } .ScoachMultipleDropDownList-menu, .ScoachMultipleDropDownList-menu * { list-style: none; } .ScoachMultipleDropDownList-menu { line-height: 0.0; float: left; width: 0px; } .ScoachMultipleDropDownList-menu ul { position: absolute; top: -999em; height: 1px; } .ScoachMultipleDropDownList-menu > li > a.ScoachMultipleDropDownList-with-ul{ display: none; } .ScoachMultipleDropDownList-menu ul ul { position: absolute; top: -999em; width: 0; } .ScoachMultipleDropDownList-menu ul li { width: 110px; line-height: 1.0; } * html .ScoachMultipleDropDownList-menu li { margin: 0; vertical-align: middle;} .ScoachMultipleDropDownList-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .ScoachMultipleDropDownList-menu li { position: relative; } /* Fit position of li Elements */ * html .ScoachMultipleDropDownList-menu-EN li{ left: -20px; } .ScoachMultipleDropDownList-menu-EN li, .ScoachMultipleDropDownList-menu-DE li{ left: -18px; } .ScoachMultipleDropDownList-menu li li a { display: block; position: relative; text-decoration:none; padding: 10px; margin: 0px; } .ScoachMultipleDropDownList-menu a:focus { outline: 0px none !important; } .ScoachMultipleDropDownList-menu li:hover ul, .ScoachMultipleDropDownList-menu li.ScoachMultipleDropDownListHover ul { left: 0; top: 1px; z-index: 99; } * html .ScoachMultipleDropDownList-menu li.ScoachMultipleDropDownListHover ul{ top: 8px; } ul.ScoachMultipleDropDownList-menu li:hover li ul, ul.ScoachMultipleDropDownList-menu li.ScoachMultipleDropDownListHover li ul { top: -999em; } ul.ScoachMultipleDropDownList-menu li li:hover ul, ul.ScoachMultipleDropDownList-menu li li.ScoachMultipleDropDownListHover ul { top: 0; } .ScoachMultipleDropDownList-menu li li li{ top: -1px; /* Fit position to border height of parent element */ left: -212px; width: 210px; } * html .ScoachMultipleDropDownList-menu li li li{ left: -167px; width: 70px; } ul.ScoachMultipleDropDownList-menu li li:hover li ul, ul.ScoachMultipleDropDownList-menu li li.ScoachMultipleDropDownListHover li ul { top: -999em; } ul.ScoachMultipleDropDownList-menu li li li:hover ul, ul.ScoachMultipleDropDownList-menu li li li.ScoachMultipleDropDownListHover ul { left: 10em; /* match ul width */ top: 0; } .ScoachMultipleDropDownList-menu a.ScoachMultipleDropDownList-with-ul{ cursor: default; } .ScoachMultipleDropDownList-menu a.icon { background-repeat: no-repeat; background-position: 11px center; padding-left: 75px; width: 120px; } * html .ScoachMultipleDropDownList-menu a.icon:hover{ background-color: #CFE6F4; } * html .ScoachMultipleDropDownList-menu a.ScoachMultipleDropDownList-with-ul:hover{ background-color: #CFE6F4; } .ScoachMultipleDropDownList-menu a, .ScoachMultipleDropDownList-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ /*color: #13a;*/ } .ScoachMultipleDropDownList-menu li li { background-color: #f0f0f0; border: 1px solid silver; border-bottom: 0px; height: 30px; } .ScoachMultipleDropDownList-menu ul .ScoachMultipleDropDownList-last-li{ border-bottom: 1px solid silver; } .ScoachMultipleDropDownList-menu li li:hover, .ScoachMultipleDropDownList-menu li li.ScoachMultipleDropDownListHover { background-color: #CFE6F4; outline: 0; } /*** arrows ***/ .ScoachMultipleDropDownList-menu a.ScoachMultipleDropDownList-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .ScoachMultipleDropDownList-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; } a > .ScoachMultipleDropDownList-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /*** WatchlistContentGadget BuySellIcon ***/ .WatchlistContentGadget .ScoachMultipleDropDownList-menu-DE li{ left: -54px; } .WatchlistContentGadget .ScoachMultipleDropDownList-menu-EN li{ left: -54px; } .WatchlistContentGadget .ScoachMultipleDropDownList-menu li li li{ left: -172px; width: 200px; top: 21px; } * html .WatchlistContentGadget .ScoachMultipleDropDownList-menu li li li{ left: -168px; width: 70px; top: 14px; } .WatchlistContentGadget .ScoachMultipleDropDownList-menu li:hover ul, .WatchlistContentGadget .ScoachMultipleDropDownList-menu li.ScoachMultipleDropDownListHover ul { left: 0; top: -22px; z-index: 99; } * html .WatchlistContentGadget .ScoachMultipleDropDownList-menu li.ScoachMultipleDropDownListHover ul{ left: 1px; top: -15px; height: 300px; } .WatchlistContentGadget span.BuySellTriggerIcon{ background: url('/images/global/css/icons/BuySellSmall.png') no-repeat bottom right; width: 25px; height: 23px; display: block; margin: auto; } .WatchlistContentGadget span.BuySellTriggerIcon a{ position: absolute; display: inline-block; width: 25px; height: 23px; } /* END ScoachMultipleDropDownList */