/* Styl staly dotyczacy stron w czesci systemu gdzie uzytkownik jest zalogowany */ /* i pracuje w kontekscie TFI dla ktorego nie zdefiniowano osobnego arkuszu styli*/ /* ------------------------------------------------------------------- */ /* Umozliwienie centrowanie stron w poziomie i pionie */ /* ------------------------------------------------------------------- */ /* Zrodlo informacji http://www.quirksmode.org/css/centering.html width: 100%; Wlaczenie zapewnia centrowanie strony w poziomie height: 100%; Wlaczenie zapewnia centrowanie strony w pionie UWAGA: height nie bylo przetestowane dla dlugich stron */ table.container { /* width: 100%; */ /* height: 100%; */ } td.container { vertical-align: middle; text-align: center; } div.container { position: relative; text-align: left; width: 780px; } /* ------------------------------------------------------------------- */ /* Naglowek, logo, tytul (tak jak w przypadku Administracja), informacja o zalogowanym uzytkowniku */ /* ------------------------------------------------------------------- */ .header{width:980px; height:100px; text-align:right; } .headerLogo{ position:relative; top:10px; left:160px; background-repeat:no-repeat; background-position: center; } .headerTitle{position:relative; top:10px; left:160px; font-size: 35px; } .headerUserName{ font-size: 19px; font-weight: bold;} .headerPelInfo{ font-size: 12px; font-weight: bold; } .headerLastlogin{ font-size: 9px; } .headerLastlogin a{ font-size: 9px; text-decoration:none} .headerImage{ position:absolute; top:2px; left:160px; } .headerIframe{width:500px; height:85px; border:none;} .loginAs{ display: none; } /* ------------------------------------------------------------------- */ /* Stopka */ /* ------------------------------------------------------------------- */ .footer{ position:relative; left:0px; top:0px; width:980px; text-align:left; z-index: 1;} .footer a{ font-size:12px; font-weight:normal; text-decoration:none; } .footer span{ font-size:12px; font-weight:normal; text-decoration:none; } .copyright {font-size: 12px; text-decoration:none;color: #ffffff;} /* ------------------------------------------------------------------- */ /* Menu pionowe */ /* ------------------------------------------------------------------- */ .menu{ width:160px; } .menu table{ width:100%; padding-right:0px; } .menufill{ width:100%; height:19px; } .menugif{height:19px; } .menuel1{ height:25px; } .menuel2{ height:25px; } .menuel3{ height:25px; } .menuel1 a{ line-height:25px; padding-left:4px; font-size:12px; font-weight:bold; text-decoration:none; display:block; background-position: center left; /* Dotyczy obrazka wyr�niaj�cego g��wny element menu */ background-repeat:no-repeat; /* Dotyczy obrazka wyr�niaj�cego g��wny element menu */ } .menuel2 a, .menuel2Selected a{ line-height:25px; padding-left:17px; font-size:11px; font-weight:bold; text-decoration:none; display: block; } .menuel3 a, .menuel3Selected a{ line-height:25px; padding-left:34px; font-size:11px; font-weight:normal; text-decoration:none; display: block; } /* ------------------------------------------------------------------- */ /* G��wna zawarto�� strony */ /* ------------------------------------------------------------------- */ .mainPage { width: 820px; } /* ------------------------------------------------------------------- */ /* Menu poziome - zak�adki */ /* ------------------------------------------------------------------- */ .vMenu { } .vMenu table { padding-left:0px; padding-right:0px; width:100%; } .vMenu td { height:19px; } .vMenu td a { display:block; line-height:19px; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; width:100px; } .vMenu td a.menuItemSmall { display:block; line-height:19px; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; width:75px; white-space:nowrap;} .vMenu td a.menuItemSmallMedium { display:block; line-height:19px; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; width:85px; white-space:nowrap;} .vMenu td a.menuItemMedium { display:block; line-height:19px; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; width:95px; white-space:nowrap;} .vMenu td a.menuItemLarge { display:block; line-height:19px; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; width:150px; white-space:nowrap;} /* ------------------------------------------------------------------- */ /* Tytul ekranu i link pomocy kontekstowej */ /* ------------------------------------------------------------------- */ .rightCorner{position:relative; top:0px; left:0px; width:820px; font-size:11px;} .screenTitle{ padding-right: 5px; line-height:19px; display:block; text-decoration:none; font-size:12px; font-weight:bold; letter-spacing: 2px; position:absolute; top:0px; right:0px; } .screenHelp{ position:absolute; top:8px; right:11px; } .screenHelp a{ font-size: 9px; text-decoration: none; } .screenHelp a:hover{text-decoration: underline;} .screenHelp img{ position:absolute; top:0px; right:34px; } /* ------------------------------------------------------------------- */ /* Sekcja na ekranie */ /* ------------------------------------------------------------------- */ .section { width:100%; font-size:11px; text-align:right; padding-top: 6px; padding-bottom:6px; } .section .title { text-align:left; display:block; font-size:14px; padding-left:6px; min-height:22px; padding-top:6px; padding-bottom:6px; font-weight: bold; padding-right:60px; } .section .subtitle { text-align:left; display:block; font-size:11px; padding-left:6px; height:18px; padding-top:6px; padding-bottom:6px; font-weight: bold; } .section .text { text-align:left; display:block; font-size:11px; padding-left:6px; height:18px; padding-top:6px; padding-bottom:6px; font-weight: normal; } .section .boldText { text-align:left; display:block; font-size:11px; padding-left:6px; height:18px; padding-top:6px; padding-bottom:6px; font-weight: bold; } .section .caption {text-align:right;} .section .captionLeft {text-align:left;} .section table { width:100%; border:0px; empty-cells:show; } .section table tr td { font-size:11px; text-align:right; padding-left:6px; padding-right:6px; padding-top:1px; padding-bottom:1px;} .section table tr td.stTextAlignLeft, .section table tr th.stTextAlignLeft{ font-size:11px; text-align:left; padding-left:6px; padding-right:6px; padding-top:1px; padding-bottom:1px;} .section table tr td.stWidth80Right { font-size:11px; width:80px; text-align:right; padding-left:6px; padding-right:6px; padding-top:1px; padding-bottom:1px;} .section table tr td.stTextAlignRigth, .section table tr th.stTextAlignRigth{ font-size:11px; text-align:right; padding-left:6px; padding-right:6px; padding-top:1px; padding-bottom:1px;} .section table tr td.stWidth100RightNoBorder { font-size:11px; width:100px; text-align:right; border:0px;padding-left:6px; padding-right:6px; padding-top:1px; padding-bottom:1px;} .section table tr td.emptyCell { border:0px; font-size:11px; padding-left:6px; padding-right:6px; padding-top:1px; padding-bottom:1px;} .section .rowBreak { line-height:6px; } .section .tableList { empty-cells:show; vertical-align:top;} .section .tableList tr td, .section .tableList tr th { font-size:11px; font-weight:normal; text-align:left; padding-left:5px; padding-right:5px; padding-top:1px; padding-bottom:1px; vertical-align:top; } .section .tableMlList { empty-cells:show; vertical-align:top} .section .mlfirstRow th, .section .mlfirstRow td, .section .mlmiddleRow th, .section .mlmiddleRow td, .section .mllastRow th, .section .mllastRow td { font-size:11px; font-weight:normal; text-align:left; padding-left:6px; padding-right:6px; padding-top:1px; padding-bottom:1px; vertical-align:top; } .section .mlfirstRow th.emptyCell, .section .mlfirstRow td.emptyCell, .section .mlmiddleRow th.emptyCell, .section .mlmiddleRow td.emptyCell, .section .mllastRow th.emptyCell, .section .mllastRow td.emptyCell { border:0px; font-size:11px; font-weight:normal; text-align:left; padding-left:6px; padding-right:6px; padding-top:1px; padding-bottom:1px; vertical-align:top; } .section .message td { font-size:15px; text-align:right; } .section .messageSr td { font-size:15px; text-align:left; } /* ------------------------------------------------------------------- */ /* Reprezentacja bledow */ /* ------------------------------------------------------------------- */ .error{ text-align:left; display:block; padding-left:7px; padding-right:7px; line-height:22px; font-size:12px; font-weight: bold; font-family:"ms shell dlg",arial,serif; } .warning{ text-align:left; display:block; padding-left:7px; padding-right:7px; line-height:22px; font-size:12px; font-weight: bold; font-family:"ms shell dlg",arial,serif; } .info{ text-align:left; display:block; padding-left:7px; padding-right:7px; line-height:22px; font-size:12px; font-weight: bold; font-family:"ms shell dlg",arial,serif; } /* ------------------------------------------------------------------- */ /* Elementy (tagi html) - wygl�d domy�lny */ /* ------------------------------------------------------------------- */ html,body { margin: 0; padding: 0; font-family: arial,serif; font-size: 11px; } input,select,textarea{ font-size:11px; font-family:"ms shell dlg",arial,serif;} a img{ border: 0px solid; } form {display:inline; } .flatPageLink {text-decoration:none;} .pagingPositionLeft { line-height:11px; vertical-align:bottom; text-align: left;padding-left:6px; padding-right:0px;padding-bottom:0px;padding-top:0px;margin:0; } .pagingPositionCenter { line-height:11px; vertical-align:bottom; text-align: center;padding-left:6px; padding-right:0px;padding-bottom:0px;padding-top:0px;margin:0; } .tablePaging {padding-bottom:0; padding-top:0px;margin-bottom:2px;margin-top:0px;} .section .inline tr .pagingSeparatorDown { width:600px; color: #000000; font-size:1px;} .inline { display:inline; padding:0; margin:0} .section table tr td.pagingPositionLeft { line-height:11px; vertical-align:bottom; text-align: left;padding-left:6px; padding-right:0px;padding-bottom:0px;padding-top:0px;margin:0; } .section table tr td.pagingPositionCenter { line-height:11px; vertical-align:bottom; text-align: center;padding-left:6px; padding-right:0px;padding-bottom:0px;padding-top:0px;margin:0; } .section table.tablePaging {padding-bottom:0; padding-top:0px;margin-bottom:2px;margin-top:0px;} .section table tr .leftBlackValue {text-align:left; vertical-align:top;color:#000000;} .section table tr .topAlign {vertical-align:top} /* ------------------------------------------------------------------- */ /* Ustawienia wybranych kolumn z list wyszukiwania */ /* ------------------------------------------------------------------- */ /* Klienci -> Konta -> Historia transakcji, kolumna "Kw. brutto" */ .section .tableList tr .kwFundColumnHeader {text-align:right; vertical-align:top;} .section .tableList tr .kwFundColumnValue {width:90px; min-width:90px; text-align:right; vertical-align:top;} /* Klienci -> Konta -> Historia transakcji, kolumna "Kw. netto" */ .section .tableList tr .kwKliwalColumnHeader {text-align:right; vertical-align:top;} .section .tableList tr .kwKliwalColumnValue {width:90px; min-width:90px; text-align:right; vertical-align:top;} /* Klienci -> Konta -> Historia transakcji, kolumna "Liczba JU" */ .section .tableList tr .juFundColumnHeader {text-align:right; vertical-align:top;} .section .tableList tr .juFundColumnValue {width:60px; min-width:60px; text-align:right; vertical-align:top;} /* Klienci -> Konta -> Historia transakcji, kolumna "Oplaty" */ .section .tableList tr .juFundColumnHeader {text-align:right; vertical-align:top;} .section .tableList tr .juFundColumnValue {width:60px; min-width:60px; text-align:right; vertical-align:top;} /* Klienci -> Konta -> Historia transakcji, kolumna "Numer Zlecenia" */ .section .tableList tr .frontendIdColumnHeader {text-align:left; vertical-align:top;} .section .tableList tr .frontendIdColumnValue {width:70px; min-width:70px; text-align:left; vertical-align:top;} /* Klienci -> Konta -> Historia transakcji, kolumna "Podatek" */ .section .tableList tr .kwTaxColumnHeader {text-align:right; vertical-align:top;} .section .tableList tr .kwTaxColumnValue {width:70px; min-width:70px; text-align:right; vertical-align:top;} /* Klienci -> Konta -> Blokady, kolumna "Wartosc" */ .section .tableList tr .wartoscColumnHeader {text-align:right; vertical-align:top;} .section .tableList tr .wartoscColumnValue {width:70px; min-width:70px; text-align:right; vertical-align:top;} /* Klienci -> Konta, kolumna "Saldo JU" */ .section .tableList tr .saldoJuColumnHeader {text-align:right; vertical-align:top;} .section .tableList tr .saldoJuColumnValue {text-align:right; vertical-align:top; white-space:nowrap;} /* ------------------------------------------------------------------- */ /* Szerokosci szerokosci elementow */ /* ------------------------------------------------------------------- */ .stWidth25 {width:25px;} .stWidth60 {width:60px;} .stWidth65 {width:65px;} .stWidth80Right {width:80px; text-align:right;} .stWidth80pt {width:80pt;} .stWidth114 {width:114px;} .stWidth100RightNoBorder {width:100px; text-align:right; border:0px;} .stWidth120 {width:120px;} .stWidth140 {width:140px;} .stWidth144 {width:144px;} .stWidth155 {width:155px;} .stWidth160 {width:160px;} .stWidth165 {width:190px;} .stWidth174 {width:174px;} .stWidth180 {width:180px;} .stWidth200 {width:200px;} .stWidth210 {width:210px;} .stWidth240 {width:240px;} .stWidth280 {width:280px;} .stWidth300 {width:300px;} .stWidth350 {width:350px;} .stWidth410 {width:410px;} .stWidth450 {width:650px;} .stWidth480 {width:480px;} .stWidth520 {width:520px;} .stWidth530 {width:569px;} .stWidth540 {width:540px;} .stWidth100Pc {width:100%;} .stWidth100PcBorderRightNone {width:100%; border-right: none !important;} .stTextAlignRigth {text-align:right;} .stTextAlignLeft {text-align:left;} .stVerticalAlignTop {vertical-align:top;} .stBorderNone {border:none;} .stBorderSection {border:0px solid;width:100%;} .stHeight98 {height:98px;} .stHeight140 {height:140px;} .stHeight230 {height:230px;} .stHeight300 {height:300px;} .stMaxWidth430 {max-width:430px;} .stDatePicker {vertical-align:top;} .stPaddingRight0 {padding-right:0px;} .stMenuFloat {float:left;} .stSumyWartosci tr td.stWartoscSuma { color:#000000; } /* Tabela z rejestrami na ekranie z szczegolami umowy*/ .section table tr th.accountNumberColumnHeader {width: 115px; min-width: 115px; white-space:nowrap;} .section table tr th.fundNameColumnHeader {width: 500px;} .section table tr th.participationColumnHeader {width: 50px; min-width: 50px;text-align: right;white-space:nowrap;} .section table tr th.balanceColumnHeader {width: 50px; min-width: 50px;text-align: right;white-space:nowrap;} .section table tr th.balanceAmountColumnHeader {width: 75px; min-width: 75px; text-align: right;white-space:nowrap;} .section table tr th.amountColumnHeader {width: 30px; min-width: 30px; text-align: left;white-space:nowrap;} .section table tr td.accountNumberColumnValue {width: 115px; min-width: 115px;vertical-align: top;white-space:nowrap;} .section table tr td.fundNameColumnValue {width: 500px;vertical-align: top;} .section table tr td.participationColumnValue {width: 50px; min-width: 50px;text-align: right; vertical-align: top;white-space:nowrap;} .section table tr td.balanceColumnValue {width: 50px; min-width: 50px;text-align: right; vertical-align: top;white-space:nowrap;} .section table tr td.balanceAmountColumnValue {width: 75px; min-width: 75px; text-align: right;vertical-align: top;white-space:nowrap;} .section table tr td.amountColumnValue {width: 30px; min-width: 30px; text-align: left;vertical-align: top;white-space:nowrap;} /* Tabela w Historii Zlecen*/ .section .tableList tr th.tableFundNameColumnHeader {width:60px; min-width:60px; text-align:left; vertical-align:top;} .section .tableList tr th.tableWartoscColumnHeader {width:10%; min-width:10%; text-align:right; vertical-align:top; white-space:nowrap;} .section .tableList tr td.tableOrderTypeColumnValue {width:60px; min-width:60px; text-align:left; vertical-align:top;} .section .tableList tr td.tableFundNameColumnValue {width:60px; min-width:60px; text-align:left; vertical-align:top;} .section .tableList tr td.tableAccountColumnValue {width:20%; min-width:20%; text-align:left; vertical-align:top; white-space:nowrap;} .section .tableList tr td.tableWartoscColumnValue {width:10%; min-width:10%; text-align:right; vertical-align:top; white-space:nowrap;} .section .tableList tr td.tableMiaraColumnValue {width:20px; min-width:20px; text-align:left; vertical-align:top; white-space:nowrap;} .section .tableList tr td.tableDateColumnValue {width:10%; min-width:10%; text-align:left; vertical-align:top; white-space:nowrap;} .section .tableList tr td.tableStateColumnValue {width:20px; min-width:20px; text-align:left; vertical-align:top; white-space:nowrap;} /* Tabela w Blokadach */ .section .tableList tr th.tableAccountColumnHeader{width: 75px; min-width: 75px; white-space:nowrap;text-align:left;} .section .tableList tr th.tableDateFromColumnHeader{width:10%; min-width:10%; white-space:nowrap;text-align:left;} .section .tableList tr th.tableDateToColumnHeader{width:10%; min-width:10%; white-space:nowrap;text-align:left;} .section .tableList tr th.tableKindColumnHeader{white-space:nowrap;text-align:left;} .section .tableList tr th.tableValueColumnHeader{white-space:nowrap;text-align:right;} .section .tableList tr th.tableTypeColumnHeader{white-space:nowrap;text-align:left;} .section .tableList tr th.tableCommentsColumnHeader{white-space:nowrap;text-align:left;} .section .tableList tr td.tableDateFromColumnValue {width:10%; min-width:10%; text-align:left; vertical-align:top; white-space:nowrap;} .section .tableList tr td.tableDateToColumnValue {width:10%; min-width:10%; text-align:left; vertical-align:top; white-space:nowrap;} .section .tableList tr td.tableKindColumnValue {text-align:left; vertical-align:top; white-space:nowrap;} .section .tableList tr td.tableValueColumnValue {text-align:left; vertical-align:top; white-space:nowrap;} .section .tableList tr td.tableTypeColumnValue {text-align:left; vertical-align:top; white-space:nowrap;} .section .tableList tr td.tableCommentsColumnValue {text-align:left; vertical-align:top;} /* Table w Historii rejestr�w - zlecenie */ .section .tableList tr th.kontoColumnHeader{width: 115px; min-width: 115px; white-space:nowrap;text-align:left;} .section .tableList tr th.fund.fSkrotColumnHeader{white-space:nowrap;text-align:left;} .section .tableList tr th.fund.typJuSloColumnHeader{white-space:nowrap;text-align:left;} .section .tableList tr th.fund.walutaZewSloColumnHeader{white-space:nowrap;text-align:left;} .section .tableList tr th.product.pNazwaColumnHeader{white-space:nowrap;text-align:left;} .section .tableList tr th.typRejColumnHeader{white-space:nowrap;text-align:left;} .section .tableList tr th.aktywnySkrotColumnHeader{white-space:nowrap;text-align:right;} .section .tableList tr td.kontoColumnValue{width: 115px; min-width: 115px; white-space:nowrap;text-align:left;} .section .tableList tr td.fund.fSkrotColumnValue{white-space:nowrap; text-align:left;} .section .tableList tr td.fund.typJuSloColumnValue{white-space:nowrap;text-align:left;} .section .tableList tr td.fund.walutaZewSloColumnValue{white-space:nowrap;text-align:left;} .section .tableList tr td.product.pNazwaColumnValue{white-space:nowrap;text-align:left;} .section .tableList tr td.typRejColumnValue{white-space:nowrap;text-align:left;} .section .tableList tr td.aktywnySkrotColumnValue{white-space:nowrap;text-align:right;} /* Tabela w Historii Transakcji*/ .section .tableList tr th.tableAmountNettoColumnHeader{white-space:nowrap;text-align:right;} .section .tableList tr th.tableAmountBruttoColumnHeader{white-space:nowrap;text-align:right;} .section .tableList tr th.tableJUColumnHeader{white-space:nowrap;text-align:right;} .section .tableList tr th.tableRateColumnHeader{white-space:nowrap;text-align:right;} .section .tableList tr th.tableTaxColumnHeader{white-space:nowrap;text-align:right;} .section .tableList tr td.tableOrderDateColumnValue {white-space:nowrap;} .section .tableList tr td.tableValuationDateColumnValue {white-space:nowrap;} .section .tableList tr td.tableAmountNettoColumnValue{white-space:nowrap;text-align:right;} .section .tableList tr td.tableAmountBruttoColumnValue{white-space:nowrap;text-align:right;} .section .tableList tr td.tableJUColumnValue{white-space:nowrap;text-align:right;} .section .tableList tr td.tableRateColumnValue{white-space:nowrap;text-align:right;} .section .tableList tr td.tableTaxColumnValue{white-space:nowrap;text-align:right;} /* Tabela w Dokumentach*/ .section .tableList tr th.DNameColumnHeader{width: 350px; min-width: 350px; max-width:350px; white-space:nowrap;text-align:left;} .section .tableList tr th.DFunduszColumnHeader{width: 250px; min-width: 250px; max-width:250px; white-space:nowrap;text-align:left;} #tableDocuments .DNameColumnValue {width: 350px; min-width: 350px; max-width:350px; white-space:nowrap;text-align:left;} #tableDocuments .DFunduszColumnValue {width: 250px; min-width: 250px; max-width:250px; white-space:nowrap;text-align:left;} /* Wspolne dla tabel w Historii Zlecen i Historii Transakcji */ .section .tableList tr td.tableNumberColumnValue {width:40px; min-width:40px; text-align:left; vertical-align:top; white-space:nowrap;} /* Tabela transakcji w OrderListDetails */ /* Numer Zlecenia */ #tableOrderListDetails .frontendIdColumnHeader {text-align:left; vertical-align:top;} #tableOrderListDetails .frontendIdColumnValue {width:40px; min-width:40px; text-align:left; vertical-align:top; white-space:nowrap;} /* Data wyceny */ #tableOrderListDetails .dataWycColumnHeader {text-align:left; vertical-align:top;} #tableOrderListDetails .dataWycColumnValue {width:8%; min-width:8%; text-align:left; vertical-align:top; white-space:nowrap;} /* Rodzaj transakcji */ #tableOrderListDetails .tekstColumnHeader {text-align:left; vertical-align:top;} #tableOrderListDetails .tekstColumnValue {width:60px; min-width:60px; text-align:left; vertical-align:top;} /* Kw. brutto */ #tableOrderListDetails .kwFundColumnHeader {text-align:right; vertical-align:top;} #tableOrderListDetails .kwFundColumnValue {width:12%; min-width:12%; text-align:right; vertical-align:top;} /* Kw. netto */ #tableOrderListDetails .kwKliwalColumnHeader {text-align:right; vertical-align:top;} #tableOrderListDetails .kwKliwalColumnValue {width:12%; min-width:12%; text-align:right; vertical-align:top;} /* Liczba JU */ #tableOrderListDetails .juFundColumnHeader {text-align:right; vertical-align:top;} #tableOrderListDetails .juFundColumnValue {width:12%; min-width:12%; text-align:right; vertical-align:top;} /* Oplaty */ #tableOrderListDetails .kwProwColumnHeader {text-align:right; vertical-align:top;} #tableOrderListDetails .kwProwColumnValue {width:12%; min-width:12%; text-align:right; vertical-align:top;} /* Cena JU */ #tableOrderListDetails .unitPriceColumnHeader {text-align:right; vertical-align:top;} #tableOrderListDetails .unitPriceColumnValue {width:12%; min-width:12%; text-align:right; vertical-align:top;} /* Podatek */ #tableOrderListDetails .kwTaxColumnHeader {text-align:right; vertical-align:top;} #tableOrderListDetails .kwTaxColumnValue {width:12%; min-width:12%; text-align:right; vertical-align:top;} /* Klienci -> Konta -> Historia transakcji, kolumna "Kw. brutto" */ .section .tableList tr .kwFundFundsMemberInvestsColumnHeader {width:30%; min-width:30%; text-align:right; vertical-align:top;} .section .tableList tr .kwFundFundsMemberInvestsColumnValue {width:30%; min-width:30%; text-align:right; vertical-align:top;} .financesFundActionButtonPadding {} .topBottomPaddedButtons {} .DNazwaColumnValue{width:100%;} .DMiastoColumnValue{white-space: nowrap;} .rodzajS1BuyBack {width:200px;} .rodzajS1Finances {width:100%;} .stLinks { } .tooltip{ top: 0px; left: 0px; position: absolute; padding: 10px; z-index: 2; width: 400px; font-size: 11px; font-weight: normal; text-align: justify; color: #0261A0; background-color: #F4F8FD; border: 1px solid #5784B1; } .tfiLinkDis{ width:120px; height:70px; min-height: 70px; background-color: #FFFFFF; vertical-align: middle; display: table-cell; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-repeat: no-repeat; background-position: center; opacity:0.4; filter:alpha(opacity=40); } .tfiLink{ border:2px solid #FFFFFF; width:120px; height:70px; min-height: 70px; background-color: #FFFFFF; vertical-align: middle; display: table-cell; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor: pointer; background-repeat: no-repeat; background-position: center; } .tfiLink:HOVER { border-color: #EFF4FA; } .langsDiv{ height:20px; font-size: 10px; margin-top: -20px; width: 820px; position: absolute; text-align: right; vertical-align: middle; display: table-cell; } .langsDiv a{ margin-right: 5px; } .langsDiv img{ opacity:0.3; filter:alpha(opacity=30); } .langsDiv img:hover{ opacity:1.0; filter:alpha(opacity=100); } #langSelected { opacity:1.0; filter:alpha(opacity=100); } .infoText{ display: block; margin: 10px; text-align: justify; }