/* CSS Document for mBank SKCZ 2.0 (mBank 3.0 PL) :: pp :: created on 08 Aug 2008 */ html * {margin: 0; padding: 0;} body {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 69%; color: #4d4d4d; background: #b30000 url(../images-cz/bg.gif); text-align: center;} /* --------------------- defaults ---------------------- */ p {margin: 0 0 5px 0; line-height: 1.3em;} a {color: #b30000; text-decoration: none; cursor: pointer} a:link, a:visited {color: #b30000;} a:hover, a:active {color: #808080;} a img {border: none;} h1 {font-family: Arial, Helvetica, sans-serif; font-size: 2.6em; font-weight: normal; margin: 0 0 14px 0; color: #b30000;} h2 {font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight: bold; margin: 0 0 14px 0; color: #b30000;} h3 {font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight: bold; margin: 0 0 10px 0; color: #b30000;} h4 {font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold; margin: 10px 0 0 0; color: #0271e3;} h5 {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; margin: 0 0 6px 0; color: #4d4d4d;} h6 {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.09em; font-weight: bold; margin: 0 0 4px 0; color: #b30000;} ul {list-style: none;} li {list-style-position: outside; list-style: none; background: url(../images-cz/bulletRed.gif) no-repeat 0 .45em; padding-left: 13px; line-height: 1.3em; margin-bottom: 5px;} ul.noBullets li, li.noBullets {background: none; padding: 0; text-indent: -13px; margin-left: 13px;} ul.circ {margin-left: 2px;} ul.circ li {background: url(../images-cz/circ.gif) no-repeat 0 .4em; padding-left: 8px;} ul ul, ol ol {margin-left: 10px;} table {font-size: 1em; color: #4d4d4d;} /* ---------------------- forms ------------------------ */ fieldset {border: none; margin-bottom: 14px;} input {width: 145px; border: 1px solid #ced2d5; font-family: Arial, Helvetica, sans-serif; font-size: 1em; background: #f3f3f5; padding: 2px 1px; color: #555;} input.long {width: 200px;} label.block {display: block; margin-bottom: 3px;} textarea {border: 1px solid #ced2d5; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; background: #f3f3f5; padding: 1px; color: #555; overflow: auto;} input.submit {width: 15px; margin-left: 5px; padding: 0; border: none; background: url(../images-cz/arrowBigRed.gif) center left no-repeat; cursor: pointer;} input.button {width: 32px; height: 20px; padding: 0; border: 0; background-color: #eee; cursor: pointer;} input#OK {background-image: url(../images-cz/b_OK.gif);} input#next {background-image: url(../images-cz/b_next.gif);} input#back {background-image: url(../images-cz/b_back.gif);} input#confirm {width: 80px; background-image: url(../images-cz/b_confirm.gif);} input#deny {width: 95px; background-image: url(../images-cz/b_deny.gif);} input#send {width: 57px; background-image: url(../images-cz/b_send.gif);} input#search {width: 73px; background-image: url(../images-cz/b_search.gif);} input#clear {width: 66px; background-image: url(../images-cz/b_clear.gif);} input#show {width: 64px; background-image: url(../images-cz/b_show.gif);} input#cancel {width: 53px; background-image: url(../images-cz/b_cancel.gif);} input#submitReport {width: 97px; background-image: url(../images-cz/b_submit.gif);} input.checkbox {width: auto; border: none; background: none; margin: 0 5px -1px 0;} * html input.checkbox {margin: 0 3px -2px -4px;} input.radio {width: auto; margin: 0; margin-bottom: -2px; border: none; background: none;} select {font-family: Tahoma, Arial, Helvetica, sans-serif; padding: 1px; border: 1px solid #ced2e5; font-size: 1em; color: #666; background: #f3f3f5;} select.long {width: 204px;} form p {margin-bottom: 10px;} /* ---------------------- layout ----------------------- */ #headerWrapper {width: 100%; min-width: 988px; background: #fff url(../images-cz/bgHead.gif) bottom repeat-x;} #headerContainer {position: relative; margin: 0 auto; width: 988px; height: 105px; text-align: left;} h1#logombank {float: left; width: 700px; height: 75px; padding: 0 0 0 12px; margin: 0; background-position: 12px 50%; background-repeat: no-repeat;} h1#logombank a {display: block; width: 131px; height: 53px; margin-top: 12px;} #additionalMenu {float: right; margin-top: 10px;} #additionalMenu li {float: left; padding: 0; height: 15px;} #additionalMenu li a {height: 15px; display: block;} #additionalMenu li a span {display: none;} #additionalMenu li.space {width: 20px; background: none;} #additionalMenu li.separator {width: 20px; margin: 0; background: url(../images-cz/vDotRed.gif) top center repeat-y;} #additionalMenu li.guide {background: url(../images-cz/h_guide_s.gif) center left no-repeat;} #additionalMenu li.forum {background: url(../images-cz/h_forum_s.gif) center left no-repeat;} #additionalMenu li.blog {background: url(../images-cz/h_blog_s.gif) center left no-repeat;} #additionalMenu li.site {background: url(../images-cz/h_site_s.gif) top left no-repeat;} #additionalMenu li.guide a {width: 52px; background: url(../images-cz/h_guide.gif) center left no-repeat;} #additionalMenu li.forum a {width: 44px; background: url(../images-cz/h_forum.gif) center left no-repeat;} #additionalMenu li.blog a {width: 25px; background: url(../images-cz/h_blog.gif) center left no-repeat;} #additionalMenu li.site a#siteSelect {width: 65px; background: url(../images-cz/h_site.gif) top left no-repeat;} #additionalMenu li.site a#siteSelect:hover {background: none;} #additionalMenu li a:hover {background: none;} #siteSelectionBox {position: absolute; display: none; width: 150px; right: 0; background: #eee; border: 1px solid #ccc;} #siteSelectionBox ul {margin: 0;} #siteSelectionBox li {float: none; margin: 0; height: 20px; background: none;} #siteSelectionBox li a {display: block; height: 18px; background: none; padding: 2px 5px 0 5px;} #siteSelectionBox li a img {float: left; margin-top: 1px; margin-right: 5px;} #siteSelectionBox li a:hover {background: #fff;} #searchEngine {float: right; margin-top: 25px;} #searchEngine div.label {float: left; padding-top: 4px; background: url(../images-cz/search.gif) bottom no-repeat; width: 37px;} * html #searchEngine div.label {padding-top: 5px;} #searchEngine input#search {width: 88px; margin: 0 5px; background: #f3f3f5;} #menuWrapperInd, #menuWrapperBiz {width: 100%; min-width: 988px; clear: both;} #menuWrapperInd {background-color: #b30000;} #menuWrapperBiz {background-color: #00368f;} #menuContainer {position: relative; width: 988px; height: 30px; margin: 0 auto; text-align: left;} #mainMenu {padding: 6px 0 0 15px;} #menuContainer li {float: left; height: 13px; margin-top: 1px; padding: 0;} #menuContainer li.separator {width: 1px; height: 15px; background: url(../images-cz/vDot.gif) repeat-y; margin: 1px 10px 0;} #menuContainer li a {display: block; height: 13px; font-weight: bold; color: #fff;} #menuContainer li a span {display: none;} #menuContainer li a:hover {background: none !important;} #offerIndSelection, #offerBizSelection {position: absolute; top: 0; left: 0; margin-top: -30px; width: 380px; height: 30px;} #offerIndSelection {background: transparent url(../images-cz/bg_offerInd.png) no-repeat 0 2px;} #offerBizSelection {background: transparent url(../images-cz/bg_offerBiz.png) no-repeat 0 2px;} #offerIndSelection h3, #offerBizSelection h3 {float: left; padding: 6px 0 0 0; margin: 0;} #offerIndSelection div.shadow, #offerBizSelection div.shadow {float: none; padding: 0; height: 2px; background: transparent url(../images-cz/bgOfferSelection.png) no-repeat; font-size: 1px;} * html #offerIndSelection div.shadow, * html #offerBizSelection div.shadow {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/.templates/images-cz/bgOfferSelection.png');} #offerIndSelection a {display: block; color: #b30000;} #offerBizSelection a {display: block; color: #00368f;} #offerIndSelection a span, #offerBizSelection a span {display: none;} #offerIndSelection a.ind img, #offerBizSelection a.ind img {width: 88px; height: 12px;} #offerIndSelection a.biz img, #offerBizSelection a.biz img {width: 93px; height: 12px;} #offerIndSelection a.ind, #offerBizSelection a.ind {margin: 0 28px; background: url(../images-cz/h_offerInd.gif) no-repeat;} #offerIndSelection a.biz, #offerBizSelection a.biz {margin: 0 16px; background: url(../images-cz/h_offerBiz.gif) no-repeat;} /* ----- indyvidual -----*/ #menuWrapperInd li#menu01 {width: 50px; background: url(../images-cz/menu/menu01_on.gif) no-repeat;} #menuWrapperInd li#menu01 a {background: url(../images-cz/menu/menu01.gif) no-repeat;} #menuWrapperInd li#menu02 {width: 32px; background: url(../images-cz/menu/menu02_on.gif) no-repeat;} #menuWrapperInd li#menu02 a {background: url(../images-cz/menu/menu02.gif) no-repeat;} #menuWrapperInd li#menu03 {width: 68px; background: url(../images-cz/menu/menu03_on.gif) no-repeat;} #menuWrapperInd li#menu03 a {background: url(../images-cz/menu/menu03.gif) no-repeat;} #menuWrapperInd li#menu04 {width: 56px; background: url(../images-cz/menu/menu04_on.gif) no-repeat;} #menuWrapperInd li#menu04 a {background: url(../images-cz/menu/menu04.gif) no-repeat;} #menuWrapperInd li#menu05 {width: 73px; background: url(../images-cz/menu/menu05_on.gif) no-repeat;} #menuWrapperInd li#menu05 a {background: url(../images-cz/menu/menu05.gif) no-repeat;} /*#menuWrapperInd li#menu06 {width: 50px; background: url(../images-cz/menu/menu06_on.gif) no-repeat;} #menuWrapperInd li#menu06 a {background: url(../images-cz/menu/menu06.gif) no-repeat;}*/ #menuWrapperInd li#menu06 {width: 52px; background: url(../images-cz/menu/menu06_on.gif) no-repeat;} #menuWrapperInd li#menu06 a {background: url(../images-cz/menu/menu06.gif) no-repeat;} /* ----- business -----*/ #menuWrapperBiz li#menu01 {width: 110px; background: url(../images-cz/menu/biz_menu01_on.gif) no-repeat;} #menuWrapperBiz li#menu01 a {background: url(../images-cz/menu/biz_menu01.gif) no-repeat;} #menuWrapperBiz li#menu02 {width: 103px; background: url(../images-cz/menu/biz_menu02_on.gif) no-repeat;} #menuWrapperBiz li#menu02 a {background: url(../images-cz/menu/biz_menu02.gif) no-repeat;} #contentWrapper {width: 100%; min-width: 988px; clear: both; background: #fff url(../images-cz/bgContent.gif) repeat-x; color: #4d4d4d;} #contentContainer {width: 988px; margin: 0 auto; padding: 0 0 20px; text-align: left; height: 100%; overflow: hidden;} #breadcrumb {padding: 5px 0 5px 5px; font-size: .92em;} #breadcrumb span {margin: 0 3px; color: #b30000;} #leftColumn {float: left; width: 182px; overflow: hidden;} #middleColumn {float: left; width: 580px; margin: 0 6px; overflow: hidden;} #middleColumn h3 {margin-bottom: 10px;} #rightColumn {float: left; width: 202px; overflow: hidden;} #wideColumn {float: right; width: 788px; margin-left: 6px; overflow: hidden;} #simpleColumn {overflow: hidden;} #leftColumn li, #rightColumn li {} #leftColumn h3, #rightColumn h3 {font-size: 1.5em;} #leftColumn .header, #rightColumn .header {font-weight: bold; background-position: 0 .23em;} #navigation h3 {margin-bottom: 6px; font-weight: bold;} #navigation {padding-bottom: 15px;} #navigation h2 {margin-bottom: 10px;} #navigation div {padding: .3em 0; color: #4d4d4d; border-bottom: 1px dashed #b1b1b1;} #navigation a {display: block; color: #b30000; padding-left: 4px;} #navigation a:hover {color: #4d4d4d;} #navigation span {display: block; padding-left: 4px;} #navigation div.level {padding-left: 14px; background-color: #f3f3f3;} #navigation div.last {border: none;} #promotionBox div.header {padding: 0; background: url(../images-cz/h_promo.png) no-repeat;} #loginActionsBox {height: 70px; background: #b30000 url(../images-cz/b_login.png) no-repeat; margin-bottom: 6px;} #loginActionsBox h3 {background: none; padding: 0;} #loginActionsBox div.inner {height: auto; padding-top: 10px;} #loginActionsBox a {color: #fff;} #loginActionsBox a:hover {color: #d4d4d4;} #login {display: block; width: 121px; height: 21px; margin-bottom: 10px; background: url(../images-cz/h_login.png) top left no-repeat;} #login:hover {background-position: bottom left;} #becomeAClientBox {height: 102px; background: #00368f url(../images-cz/b_become.png) no-repeat; margin-bottom: 6px;} #becomeAClientBox h3.header {background: url(../images-cz/h_become.png) no-repeat; padding: 0; height: 33px; color: #fff;} #becomeAClientBox div.inner {height: auto; padding-top: 10px;} #chooseProduct {margin: 5px 0;} #chooseProduct select {width: 130px;} input#chooseOK {margin-left: 10px; margin-bottom: -1px; background: url(../images-cz/b_chooseOK.gif) no-repeat;} #becomeAClientBox a {color: #fff;} #becomeAClientBox a:hover {color: #d4d4d4;} #seeAlsoBox div.header {background: url(../images-cz/h_seeAlso.png) no-repeat;} #footerWrapper {width: 100%; min-width: 988px; clear: both; background: transparent url(../images-cz/bgFoot.gif) repeat-x;} #footerContainer {width: 988px; margin: 0 auto; padding: 15px 0 10px; text-align: left;} #footerContainer p {line-height: 1em;} #footerContainer a {color: #fff; margin: 0;} #footerContainer a:hover {color: #808080;} #footerContainer div.content {overflow: hidden; height: 100%; font-size: .92em;} div.segment {float: left; width: 23%;} div.lastSegment {float: right;} #credits {clear: both; padding: 20px 0 20px 10px;} #credits a#Commerzbank {float: left; width: 177px; height: 22px; background: url(../images-cz/commerzbank.gif) no-repeat;} #credits a#Commerzbank span {display: none;} #credits a#poweredby {float: right; font-size: 1em;} /* -------------------- week poll ---------------------- */ .weekPoll {} .weekPoll form {margin-bottom: 4px;} * html .weekPoll input.checkbox {margin-right: 2px;} .weekPoll input.radio {margin-right: 4px;} * html .weekPoll input.radio {margin-right: 2px; margin-left: -4px;} .weekPoll #send {margin-top: 10px;} .weekPoll p.question {font-weight: bold; margin-bottom: 10px;} .weekPoll div.results {clear: both; height: 7px; margin-left: -2px; padding-bottom: 2px; background: url(../images-cz/ankieta/resBg.gif) repeat-x; font-size: 1px;} div.results .left {float: left; width: 2px; height: 7px; background: url(../images-cz/ankieta/resLBg.gif) no-repeat;} div.results .right {float: right; width: 1px; height: 7px; background: url(../images-cz/ankieta/resRBg.gif) no-repeat;} div.results img {float: left;} .weekPoll p.results {float: left; width: 80%; padding-bottom: 10px;} .weekPoll p.answers {float: right; width: 15%; font-weight: bold; text-align: right;} /* --------------------- classes ----------------------- */ a.more {display: block; width: 51px; height: 20px; margin-top: 10px; background: url(../images-cz/b_more.gif) no-repeat; text-indent: -5000px;} a.apply {display: block; width: 94px; height: 20px; margin-top: 10px; background: url(../images-cz/b_apply.png) no-repeat; text-indent: -5000px;} a.comment {display: block; width: 79px; height: 20px; margin-top: 10px; background: url(../images-cz/b_comment.gif) no-repeat; text-indent: -5000px;} a.news {display: block; width: 120px; height: 20px; margin-top: 10px; background: url(../images-cz/b_moreNews.gif) no-repeat; text-indent: -5000px;} a.bullet {background: url(../images-cz/bulletRed.gif) no-repeat 0 .45em; padding-left: 13px !important;} a.bullet:hover {background-image: url(../images-cz/bulletGray.gif);} a.bulletWhite {background: url(../images-cz/bulletWhite.gif) no-repeat 0 .45em; padding-left: 13px;} a.bulletWhite:hover {background-image: url(../images-cz/bulletGray.gif);} .plus {background: url(../images-cz/plus.gif) no-repeat 0 .3em; padding-left: 14px;} .minus {background: url(../images-cz/minus.gif) no-repeat 0 .3em; padding-left: 14px;} .square {background: url(../images-cz/squarered.gif) no-repeat 0 .4em; padding-left: 12px;} li.circ {background: url(../images-cz/circ.gif) no-repeat 0 .4em; padding-left: 8px; margin-left: 2px;} .blue {color: #0271e3;} .afterwards:after {display: block; content: "."; height: 0; visibility: hidden; clear: both;} .afterwards {overflow: hidden; height: 100%;} .fLeft {float: left; display: inline;} .fRight {float: right; display: inline;} .tMargin {margin-top: 14px;} .bMargin {margin-bottom: 14px;} .vMargin {margin: 7px 0 14px;} .left {text-align: left;} .right {text-align: right;} .center {text-align: center;} .justify {text-align: justify;} .noMargin {margin: 0;} .horizLine {clear: both; height: 10px; margin-bottom: 10px; font-size: 1px; border-bottom: 1px dashed #ccc;} .red {color: #b30000;} .green {color: #00c300;} .gray, a.gray {color: #4d4d4d;} .blue, a.blue {color: #0271e3;} a.blue:hover, a.gray:hover {color: #808080;} .grayBox {background-color: #f3f3f3; padding: 10px;} .half {float: left; width: 49%;} .oneThird {float: left; width: 33%;} .twoThirds {float: left; width: 66%;} img.fLeft {margin-right: 10px;} .small {font-size: .91em;} .border {border: 1px solid #ccc;} .hidden {display:none;} .clear {clear: both;} .normal {font-weight: normal;} .noCSS {display: none;} h3 .normal {font-size: .69em; color: #4d4d4d;} div.content {padding-left: 12px;} div.inner {padding: 11px 13px 5px 13px; overflow: hidden; height: 100%;} .header {margin-bottom: 6px; background: url(../images-cz/arrowRedDown.gif) no-repeat 0 .3em; padding-left: 15px; line-height: 1.02em; letter-spacing: -0.05em; font-weight: normal;} .headerImg {background: none; padding: 0; overflow: hidden; height: 100%; margin-bottom: 6px; line-height: 1.1em;} div.banner {text-align: center;} div.banner embed, div.banner object {margin-bottom: 8px;} div.banner a {display: block; margin-bottom: 8px;} div.icons {float: left; width: 100px;} div.descrBox {float: left; width: 220px;} div.dGrayBox {float: right; width: 300px; background: #f3f3f3; padding: 10px; background: #f3f3f3 url(../images-cz/dDot.gif) center repeat-y;} div.dGrayBox div.lSide {float: left; width: 140px;} div.dGrayBox div.rSide {float: right; width: 140px;} div.box {padding: 0 1px; background: #e5e5e5; margin: -1px 0; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3;} div.box p.small {line-height: 1.1em;} div.box div.inner {padding: 8px 13px; margin: 0; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; background: #fff url(../images-cz/box/boxBg.gif) repeat-x 0% 100%;} * html div.box div.inner {padding-bottom: 8px;} div.boxHeader, div.boxHeaderGray {position: relative; height: 4px; font-size: 1px; background: url(../images-cz/box/tBg.gif) repeat-x;} div.boxHeader div.left {float: left; width: 5px; height: 4px; background: url(../images-cz/box/tl.gif) no-repeat; font-size: 1px;} div.boxHeader div.right {float: right; width: 5px; height: 4px; background: url(../images-cz/box/tr.gif) no-repeat; font-size: 1px;} div.boxHeaderGray div.left {float: left; width: 5px; height: 4px; background: url(../images-cz/box/tlGray.gif) no-repeat; font-size: 1px;} div.boxHeaderGray div.right {float: right; width: 5px; height: 4px; background: url(../images-cz/box/trGray.gif) no-repeat; font-size: 1px;} div.boxFooter {height: 6px; margin-bottom: 6px; font-size: 1px; background: url(../images-cz/box/bBg.gif) repeat-x;} div.boxFooter div.left {float: left; width: 5px; height: 6px; background: url(../images-cz/box/bl.gif) no-repeat; font-size: 1px;} div.boxFooter div.right {float: right; width: 5px; height: 6px; background: url(../images-cz/box/br.gif) no-repeat; font-size: 1px;} /* ----------------- tables -------------------- */ table tr.separator {height: 1px; background: #fff;} table tr.separator td {padding: 0; font-size: 1px; line-height: 1px; background: url(../images-cz/dLine.gif) repeat-x;} table.table {widt\h: 100%; border-color: #ccc; border-style: solid; border-width: 1px;} table.table tr.separator {height: 1px; background: #fff;} table.table tr.separator td {padding: 0; font-size: 1px; line-height: 1px; border-bottom: 1px dashed #b2b2b3;} table.table td {font-size: 1em; padding: 6px 8px; vertical-align: top; line-height: 1.1em; background-color: #f8f8f9;} table.table td.right {padding-right: 20px; text-align: right;} table.table td.thread {line-height: 1.3em;} table.table th {font-size: 1em; font-weight: normal; padding: 6px 8px; text-align: left;} table.table thead tr {background: #fff;} table.table thead tr.separator td {padding: 0; font-size: 1px; line-height: 1px;} table.table thead td {color: #b30000; background: none;} table.table tfoot tr, table.table tfoot td {background: #fff;} table.table tr.gray td {background-color: #e7e7e8;} table.table tr.gray td.border {background-color: #fff;} table.table td.gray {background-color: #e7e7e8;} table.table td.border, table.table thead td.border, table.table tfoot td.border {width: 1px; font-size: 1px; padding: 0; background-color: #fff;} table.table p {margin: 0; line-height: 1.1em;} span.star {float: left; width: 15px;} p.important {text-indent: -0.5em; padding-left: .5em;} table.smallTable {widt\h: 100%; font-size: .92em;} table.smallTable td {padding: 2px 0;} table.smallTable td.green, .smallTable td.red {text-align: right;} table.smallTable td span.plus {padding-right: 18px; padding-left: 0; background: url(/.templates/images-cz/arrowUp.gif) no-repeat 95% 65%;} table.smallTable td span.minus {padding-right: 18px; padding-left: 0; background: url(/.templates/images-cz/arrowDown.gif) no-repeat 95% 65%;} table.smallTable td span.noChange {padding-right: 18px; padding-left: 0; background: url(/.templates/images-cz/grayDash.gif) no-repeat 95% 65%;} table.smallTable tr.separator {height: 1px; background: #fff;} table.smallTable tr.separator td {padding: 0; font-size: 1px; line-height: 1px; background: url(/.templates/images-cz/dLine.gif) repeat-x;} table.table2 {widt\h: 100%; border-color: #ccc; border-style: solid; border-width: 1px;} table.table2 tr.separator {height: 1px; background: #fff;} table.table2 tr.separator td {padding: 0; font-size: 1px; line-height: 1px; background: url(../images-cz/dLine.gif) repeat-x;} table.table2 td {font-size: 1em; padding: 5px 8px; vertical-align: top; background-color: #f8f8f9;} table.table2 td.right {padding-right: 20px; text-align: right;} table.table2 th {font-size: 1em; font-weight: normal; padding: 6px 8px; text-align: left;} table.table2 thead tr {background: #fff;} table.table2 thead tr.separator td {padding: 0; font-size: 1px; line-height: 1px;} table.table2 thead td {background: none;} table.table2 tfoot tr, table.table2 tfoot td {background: #fff;} table.table2 tr.gray td {background-color: #e7e7e8;} table.table2 tr.gray td.border {background-color: #fff;} table.table2 td.gray {background-color: #e7e7e8;} table.table2 td span.plus {padding-right: 18px; padding-left: 0; background-image: url(/.templates/images-cz/arrowUp.gif); background-position: 95% 65%; background-repeat: no-repeat;} table.table2 td span.minus {padding-right: 18px; padding-left: 0; background-image: url(/.templates/images-cz/arrowDown.gif); background-position: 95% 65%; background-repeat: no-repeat;} table.table2 td span.noChange {padding-right: 18px; padding-left: 0; background-image: url(/.templates/images-cz/grayDash.gif); background-position: 95% 65%; background-repeat: no-repeat;} table.table2 td.sorted {font-weight: bold;} table.table2 td.border, table2.table thead td.border, table2.table tfoot td.border {width: 1px; font-size: 1px; padding: 0; background-color: #fff; border: none;} /* --------------------- faq ---------------------- */ div.answer {padding: 4px 4px 4px 14px; background: #f5f5f5;} /* ------------------- ecards --------------------- */ p.tr {margin-top: 3px; margin-bottom: 14px;} * html p.tr {margin-top: 2px; margin-bottom: 12px;} /* ------------------ SFI & TFI ------------------- */ #sfiTable input.dane {width: 70px; border: none; background: none; padding: 0; text-align: center;} #sfiTable input {padding: 1px;} #sfiTable a {font-weight: bold; text-decoration: underline;} #sfiTable a:hover {text-decoration: none;} #sfiTable td {padding: 2px 4px;} #sfiTable td.border {padding: 0;} #sfiTable tr.separator td {padding: 0;} #sfiTable thead td {padding: 8px 4px;} #sfiTable tfoot td {padding: 8px 4px; vertical-align: middle;} #sfiTable input.button {margin-bottom: -2px;} #datePicker img {cursor: pointer;} #datePicker input {padding: 1px;} #datePicker input.button {padding: 0;} a.icon img, img.icon {margin-bottom: -4px;} table.actual td {padding: 5px;} table.actual p {margin: 2px 0;} table.actual td.applet {padding: 5px 0;} table.actual td.red {background-color: #ff0000; color: #fff; font-weight: bold;} table.actual td.descr {text-align: justify;} table.actual td.descr img {padding: 4px; border: 1px solid #ccc;} div#descrLayer {position: absolute; top: 0; visibility: hidden; text-align: justify; z-index: 9999;} div#descrLayer iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; z-index: -1;} div#descrLayer div {padding: 2px 5px 3px; border: 1px solid #4d4d4d; background: #ffe; text-align: justify;} /* ------------------ tabbed content ------------------- */ #tabbedContent {clear: both; margin-top: 0px;} #tabs {position: relative; height: 36px; margin-bottom: -1px;} #tabs li {float: left; height: 36px; padding: 0; margin: 0; background: url(../images-cz/tabs/tabsBg.gif) top repeat-x;} #tabs li.selected {background: url(../images-cz/tabs/tabsBgSel.gif) top repeat-x;} #tabs li.TabsStart {width: 5px; padding: 0; background: url(../images-cz/tabs/tabs01.gif) no-repeat;} #tabs li.selectedTabsStart {width: 5px; background: url(../images-cz/tabs/tabs01a.gif) no-repeat;} #tabs li.TabStart {width: 4px; padding: 0; background: url(../images-cz/tabs/tabs02.gif) bottom no-repeat;} #tabs li.selectedTabStart {width: 4px; background: url(../images-cz/tabs/tabs02a.gif) no-repeat;} #tabs li.TabEnd {width: 5px; background: url(../images-cz/tabs/tabs03.gif) no-repeat;} #tabs li.selectedTabEnd {width: 5px; background: url(../images-cz/tabs/tabs03a.gif) no-repeat;} #tabs li.prevSelTabEnd {width: 5px; background: url(../images-cz/tabs/tabs03b.gif) repeat-x;} #tabs li.TabsEnd {width: 10px; background: url(../images-cz/tabs/tabs04.gif) no-repeat;} #tabs li.selectedTabsEnd {width: 10px; background: url(../images-cz/tabs/tabs04a.gif) no-repeat;} #tabs a, #tabs span {display: block; margin: 3px 4px 0 4px;} #tabCont {position: relative; border-left: 1px solid #bfbfc0; border-right: 1px solid #bfbfc0; padding: 10px; overflow: hidden; height: 1%;} * html #tabCont {padding-bottom: 0;} #tabCont h6 {font: 1.2em Tahoma; font-weight: bold; margin-bottom: 4px;} #tabCont ul li {position: relative;} .tabHeader {height: 4px; border-left: 1px solid #bfbfc0; background: url(../images-cz/tabs/tabContBg.gif) top repeat-x;} .tabFooter {height: 4px; background: url(../images-cz/tabs/tabContBg.gif) bottom repeat-x;} .tabHeader div.right {float: right; width: 4px; height: 4px; background: url(../images-cz/tabs/tabtr.gif) no-repeat; font-size: 1px;} .tabFooter div.left {float: left; width: 4px; height: 4px; background: url(../images-cz/tabs/tabbl.gif) no-repeat; font-size: 1px;} .tabFooter div.right {float: right; width: 4px; height: 4px; background: url(../images-cz/tabs/tabbr.gif) no-repeat; font-size: 1px;} #tabCont div.footer {padding-top: 10px;} #tabCont div.footer a.apply, #tabCont div.footer span {float: right; margin-top: .5em; font-size: .92em;} #preloader {position: absolute; z-index: 9999; opacity: .7; filter: alpha(opacity=70); background: #ccc url(../images-cz/loader.gif) no-repeat 243px 10px;} /* --------------- strefa inwestora ---------------- */ /* articles */ .xmlTitle {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; margin: 0 0 10px 0; color: #4d4d4d;} .artTitle {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.09em; font-weight: bold; margin: 0; color: #b30000;} #breadcrumbDateSource { font-size: .90em; color: #4d4d4d;} div.strefa_inwestora li {background: url(../images-cz/circ.gif) no-repeat 0 .4em; padding-left: 8px; margin-left: 2px;} div.strefa_inwestora h4 {color: #555; font-size: 1.3em;} div.div_typy_prasy {width:100%; text-align:center;} .typy_prasy {font-size:larger; text-decoration:underline; margin-right:20px;} .nopaddingbottom {padding-bottom: 0px !important;} .nopaddingleft {padding-left: 0px !important;} .to_pdf {background: url(../images-cz/pdf.png) 0 0 no-repeat; padding: 5px 0 5px 27px;} /* boxes */ #blocksTable table td {padding: 4px; color: #4d4d4d; border-bottom: 1px dashed #b1b1b1;} #blocksTable table {width: 100%; text-align: center;} .blocksSpacer {height: 10px; width: 20px;} .blocksTableTitles {font-weight: bold; text-align: center;} .upArrow {height: 13px; width: 13px; background: url(../images-cz/arrowUp.gif) right 5px no-repeat;} .downArrow {height: 13px; width: 13px; background: url(../images-cz/arrowDown.gif) right 5px no-repeat;} .sameArrow {height: 13px; width: 13px; background: url(../images-cz/noChanges.gif) right 5px no-repeat;} .navigation {padding: .3em 0; color: #4d4d4d; border-bottom: 1px dashed #b1b1b1;} /* ------------------ apply form ------------------- */ #applyForm .half {width: 265px;} #applyForm input.text {width: 261px;} #applyForm select {width: 265px;} #applyForm label {display: block; margin-bottom: 3px;} #applyForm label.inline {display: inline;} /* ----------------- contact form ------------------ */ .poll label {float: left; width: 33%; margin-bottom: 5px; text-indent: -17px; padding-left: 17px;} * html .poll label {text-indent: -23px; padding-left: 23px;} /* ---------------- google search ------------------ */ #searchResults .gray {color: #808080;} #searchResults h5 {font-weight: normal;} img.label {float: left; margin: 4px 5px 0 0;} #searchResults input {padding: 1px;} #searchNext {background: url(../images-cz/bulletRed.gif) no-repeat 100% .45em; padding-right: 13px;} #searchNext:hover {background-image: url(../images-cz/bulletGray.gif);} /* ----------------- mapa serwisu ------------------ */ #siteMap {} #siteMap ul {} #siteMap ul li {margin: 0; padding: 2px 5px 3px; border-top: 1px solid #e6e8f5; background: none; line-height: normal;} #siteMap ul li.level0 {border-top: 1px solid #e6e8f5; font-weight: bold; padding: 1px 0;} #siteMap ul li.level0 a.bullet {display: block; background: #eee; padding: 6px 5px;} #siteMap li.level1 {padding-left: 18px;} #siteMap li.level2 {padding-left: 31px;} #siteMap li.level3 {padding-left: 44px;} #siteMap li.level4 {padding-left: 57px;} #siteMap li.level5 {padding-left: 60px;} /* ------------ archiwum pytan tygodnia ------------ */ .archPyt {float: left; clear: left; width: 100%} .archPyt .fLeft {width: 420px; float: left} .archPyt .fRight {float: right} .archPyt .archTitle {float: left; font-weight: bold; font-size: 9pt; color: #b30000} .ankietaOdp {width: 400px} .ankietaImg {margin: 3px 5px 0 0; float: left; height: 6px; border: 1px solid rgb(224, 224, 224);} /* --------------- katalog produktow --------------- */ p.catStuff {float: left; clear: left; margin: 0; padding: 0; padding-top: 7px; padding-bottom: 13px} span.hMargin {margin: 0 10px} /* ---------------- stronicowanie ------------------ */ #pages {float: left; clear: left; font: normal 8pt tahoma, sans-serif; color: #b30000; width: 100%; text-align: center; padding: 15px 0} #pages #prev {display: inline; padding-right: 10px} #pages #next {display: inline} #pages #numbers {display: inline} #numbers a {padding: 0 5px} #numbers strong {padding: 0 5px; color: #4e4e4e} #prev a.bullet {background: url(../images-cz/bulletRedBack.gif) no-repeat 0 .45em; padding-left: 15px;} #prev a.bullet:hover {background-image: url(../images-cz/bulletGrayBack.gif);} #next a.bullet {background: url(../images-cz/bulletRed.gif) no-repeat right .45em; padding-right: 15px;} #next a.bullet:hover {background-image: url(../images-cz/bulletGray.gif);} /* ---------------- mSzop countdown ---------------- */ p#myTimer {background: url('../../images-cz/mzakupy/bgCountdown.gif') 0 0 no-repeat; width: 136px; height: 65px; font: normal 16px tahoma,arial,helvetica,sans-serif; color: #4d4d4d; padding-top: 20px; text-align: right} div#isWyprzedane {background: url('../../images-cz/mzakupy/wyprzedane.gif') 0 0 no-repeat; width: 310px; height: 59px; position: absolute; z-index: 9999; float: right; margin-left: 15px; margin-top: 100px; display: none} /* ---------------- oferta tygodnia ---------------- */ #offerContainer {width: 550px; height: 450px;} #offerHeader {height: 80px; background: #4d4d4d; margin-bottom: 5px; background: url(../images-cz/offerHeadBg.png) repeat-x;} #offerHeader #logo {float: left; padding: 10px 0 0 30px;} #offerHeader h2 {float: left; margin: 25px 0 0 50px; padding-left: 15px; background: url(../images-cz/arrowRedDown.gif) no-repeat 0 .35em;} #offerWrapper {} div.offer {clear: both; height: 150px; padding: 10px;} div.offerBanner {float: left; width: 180px; height: 150px; margin: 0 20px 0px 0; background: #f9f9f9;} div.windowClose {text-align: right; padding: 0 10px 10px 10px;} /* ---------------- callMeBack form ---------------- */ body#callMe {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #4d4d4d; text-align: left; margin: 0; padding: 0; background: transparent} div#callMe {float: left; width: 169px; margin: 0; padding: 0; text-align: left !important} div#callMe p {margin: 0 0 5px 0; padding: 0; text-align: left} #callMe input.radioB {margin: 0; padding: 0; width: 14px; height: 14px; border: 0; margin-right: 5px; background: none} #callMe input.iCallmeback {margin: 0; padding: 0; width: 97%} #callMe select.iCallmeback {margin: 0; padding: 0; width: 100%} /* ---------------------- RSS ---------------------- */ span#RSS {margin: 0; padding: 0; float: right; position: relative; top: -23px;} /* -------------- kredyt krok po kroku ------------- */ #formularz {width:150px} .wybor {width:350px; height:100%; overflow:hidden; float:left;} .wybor .text {color:#4d4d4d; font-size:10px; margin-top:13px; width:80%; text-align:left; font-family:Tahoma;} .wybor .pytanie {color:#4d4d4d; font-weight:bold; font-family:Tahoma; font-size:11px; margin-top:9px; width:150px;} .wybor .buttons {float:right; width:84px; margin-top:9px;} .wybor2 {width:350px; height:100%; overflow:hidden; float:left;} .wybor2 .text {color:#4d4d4d; font-size:10px; margin-top:13px; width:80%; text-align:left; font-family:Tahoma;} .wybor2 .pytanie {color:#4d4d4d; font-weight:bold; font-family:Tahoma; font-size:11px; margin-top:9px; margin-bottom:10px;} .buttons .radio {width:150px; height:24px; float:left;} .radio .small {width:30px; height:20px; float:left;} .radio .pytanie2 {width:120px; float:left; color:#4d4d4d; font-size:11px; font-family:Tahoma; padding-top:1px; margin-bottom:10px;} .dalej {width:100px; float:right; text-align:right; margin-top:10px;} .pic {border:0;} .tak {width:40px; float:left;} .tak1 {width:40px; float:left; margin-left:10px; display:inline;} #formularz input {width:40px; border:0;} #formularz .radioform {width:20px; border:0;} .content_kredyt {font-family:Tahoma; width:550px; float:left;} .content_kredyt .title {font-size:14px; color:#b30000; font-weight:bold;} .content_kredyt .text1 {height:100%; color:#4d4d4d; font-size:11px; margin-top:20px;} .content_kredyt .buttons {width:100%; height:15px;} .buttons {margin-top:10px; width:150px;} .buttons .button_left {float:left; width:60px; margin-left:60px;} .buttons .button_leftw {float:left; width:92px; margin-left:60px;} .buttons .button_left1 {float:left; width:60px;} .buttons .button_left1w {float:left; width:92px;} .buttons .button_right {float:left; width:90px; margin-left:8px; display:inline;} .buttons .pic {border:0;} .content_kredyt .text2 {height:100%; color:#4d4d4d; font-size:11px; margin-top:25px;} .content_kredyt .title2 {margin-top:20px; text-align:left; color:#b30000; font-weight:bold; font-size:14px;} .content_kredyt .text2 {height:100%; color:#4d4d4d; font-size:11px; margin-top:20px;} /* ------------------- cellcenter ------------------ */ div#callcenter {background: url(../images-cz/callcenter/head.gif) no-repeat;} div#callcenter p.small {font-family: Arial, Helvetica, sans-serif; font-size: .92em; color: #ccc; text-align: right; font-style: italic;} div#callcenter div#loggedin, div#callcenter #notlogged {float: left; width: 49%; padding-top: 5px; margin: 5px 0;} div#callcenter div#loggedin p, div#callcenter #notlogged p {text-align: center;} div#callcenter div#loggedin {background: url(../images-cz/callcenter/separator.gif) center right no-repeat;} div#callcenter div.clients {float: left; display: inline; margin: 7px 20px; font-size: 1.2em; font-weight: bold; color: #b30000;} div#callcenter div.timeValue {float: right; display: inline; font-size: 2.9em; font-weight: bold; color: #b30000; text-align: center; line-height: 1em; margin-right: 10px; margin-bottom: 5px;} div#callcenter div.timeValue p {margin: 0; font-size: 11px; font-weight: bold; color: #2c3c5c;} div#callcenter a {font-size: 11px; color: #e20031; font-weight: normal;} div#callcenter ul {margin: 10px 0; list-style: none;} div#callcenter ul li {margin-bottom: 5px; font-weight: bold; color: #b30000;} div#callcenter ul span.desc {font-weight: normal; color: #4d4d4d;} div#callcenter h6 {margin: 10px 0; font-weight: normal;} #menuWrapperInd li.mkonto {width: 50px; background: url(../images-cz/menu/mkonto_on.gif) no-repeat;} #menuWrapperInd li.mkonto a {background: url(../images-cz/menu/mkonto.gif) no-repeat;} #menuWrapperInd li.emax {width: 63px; background: url(../images-cz/menu/msporeni_on.gif) no-repeat;} #menuWrapperInd li.emax a {background: url(../images-cz/menu/msporeni.gif) no-repeat;} #menuWrapperInd li.mpujcka {width: 56px; background: url(../images-cz/menu/mpujcka_on.gif) no-repeat;} #menuWrapperInd li.mpujcka a {background: url(../images-cz/menu/mpujcka.gif) no-repeat;} #menuWrapperInd li.mhypoteka {width: 73px; background: url(../images-cz/menu/mhypoteka_on.gif) no-repeat;} #menuWrapperInd li.mhypoteka a {background: url(../images-cz/menu/mhypoteka.gif) no-repeat;} #menuWrapperInd li.mpenize {width: 52px; background: url(../images-cz/menu/mpenize_on.gif) no-repeat;} #menuWrapperInd li.mpenize a {background: url(../images-cz/menu/mpenize.gif) no-repeat;} #menuWrapperInd li.mkreditky {width: 68px; background: url(../images-cz/menu/mkreditky_on.gif) no-repeat;} #menuWrapperInd li.mkreditky a {background: url(../images-cz/menu/mkreditky.gif) no-repeat;}