/* -- CALC1 pionowa -- */ #mbr_calc1_container p { margin: 0; padding: 0; font-weight: bold; font-size: 11px; color: #B30000; text-align: left; } #mbr_calc1_container p span { font-size: 18px; font-weight: bold; } #mbr_calc1_container p.rate { padding: 4px 0; } #mbr_calc1_container p.choices { font-weight: normal;font-size: 11px; color: #4b4b4b;padding: 4px 0; } #mbr_calc1_container .center { text-align: center; } #mbr_calc1_container p.price { color:#4b4b4b;line-height:18px;} #mbr_calc1_container p.footer a { margin: 3px; background: url(img/arrow.gif) no-repeat left 7px; color: #B30000; padding: 5px 9px; none;font-size: 9px; text-decoration: none; display: block; } #mbr_calc1_container p.footer { margin: 0 5px; font-weight: normal; position: relative; padding-top: 4px; border-top: dashed 1px #B8B9B9; } #mbr_calc1_container p.price span.big { font-size: 18px; font-weight: bold; } #mbr_calc1_container { min-width: 110px; overflow: hidden; } #mbr_calc1_container div.calc1 { min-width: 110px; width: 100%; font-family: Arial; } #mbr_calc1_container div.calc1 .top { text-align: center;background: #fff url(img/top_bg.gif) repeat-x; position: relative; height: 4px; } #mbr_calc1_container div.calc1 .top .lc { left: 0; position: absolute; width: 10px; height: 4px; background: url(img/calc1_bg.gif) no-repeat; } #mbr_calc1_container div.calc1 .top .rc { right: 0; position: absolute; width: 10px; height: 4px; background: url(img/calc1_bg.gif) no-repeat -6px 0; } #mbr_calc1_container div.calc1 .bottom { background: #fff url(img/bottom_bg.gif) repeat-x; height: 60px; position: relative;} #mbr_calc1_container div.calc1 .bottom .lc { left: 0; position: absolute; width: 10px; height: 59px; background: url(img/bottom_left.gif) no-repeat; } #mbr_calc1_container div.calc1 .bottom .rc { right: 0; position: absolute; width: 10px; height: 59px; background: url(img/bottom_right.gif) no-repeat; } #mbr_calc1_container div.calc1 .content { background: #fff; border-right: solid 1px #c3c3c3; border-left: solid 1px #c3c3c3; } #mbr_calc1_container div.calc1 .content .inner { padding: 5px;} #mbr_calc1_container div.calc1 .content .header { border-bottom: 1px dashed #B8B9B9; min-width: 130px; width: 100%; background: url(img/mBankraty-horizontal.gif) no-repeat left top; margin-bottom: 5px; height: 33px; border-bottom: dashed 1px #B8B9B9; } /* -- CALC2 pozioma -- */ #mBank-calc-2 {width: 260px;} #mBank-calc-2 .center-calc-2 { text-align: center; line-height: 1.5; background: #fff url('img/mbc_low_lng.jpg') repeat-x left bottom; } #mBank-calc-2 .top-calc-2 {overflow: hidden; height: 8px;width: 255px; *width: 260px !important; width: 260px\0/ !important; height: 8px;} #mBank-calc-2 .bottom-calc-2 {width: 255px; position: relative;overflow: hidden; _width: 260px !important; *width: 260px !important; width: 260px\0/ !important; height: 8px;} #mBank-calc-2 .tl-calc-2 { width: 8px; height: 8px; float: left; background: url('img/mbc_corners_spr.png') no-repeat 0px 0px; } #mBank-calc-2 .tr-calc-2 { width: 8px; height: 8px; float: right; background: url('img/mbc_corners_spr.png') no-repeat -8px 0px; } #mBank-calc-2 .midt-calc-2 {*width: 244px !important; width: 244px\0/ !important; height: 7px; float: left; border-top: 1px solid #c3c3c3; background: #fff; } #mBank-calc-2 .midb-calc-2 {*width: 244px !important; width: 244px\0/ !important; position: absolute; left: 8px; bottom: 0; height: 7px; float: left; border-bottom: 1px solid #e6e6e6; background: url('img/mbc_low_shrt.jpg') repeat-x left bottom; } #mBank-calc-2 .bl-calc-2 { width: 8px; height: 8px; float: left; background: url('img/mbc_corners_spr.png') no-repeat 0px -8px; } #mBank-calc-2 .br-calc-2 { width: 8px; height: 8px; float: right; background: url('img/mbc_corners_spr.png') no-repeat -8px -8px; } #mBank-calc-2 div.mbc_text-calc-2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #mBank-calc-2 div.mbc_text-calc-2 p {padding-left: 3px;margin: 0px; text-align: left;} #mBank-calc-2 div.mbc_text-calc-2 .mbc_gray-calc-2 { color: #4c4c4c; } #mBank-calc-2 div.mbc_text-calc-2 .mbc_red-calc-2 { color: #B30000; } #mBank-calc-2 div.mbc_text-calc-2 .mbc_bold-calc-2 { font-weight: bold; } #mBank-calc-2 div.mbc_text-calc-2 .mbc_big-calc-2 { font-size: 18px; } #mBank-calc-2 div.mbc_text-calc-2 .l { text-align: left; } #mBank-calc-2 a.tooltip-calc-2 { text-decoration: none; color: #B30000; background: url(img/arrow.gif) no-repeat left center; padding: 2px 12px;font-size: 9px; } #mBank-calc-2 div.spacer-calc-2 { height: 1px; width: 100%; border-bottom: 1px dashed #c3c3c3; margin-bottom: 5px; padding-top: 5px; } #mBank-calc-2 form.mb-calc-2 { padding: 10px; margin: 0px; text-align: left; display: block; } #mBank-calc-2 input.mb-calc-2 { vertical-align: bottom; margin: -3px 5px 0px 5px; } #mBank-calc-2.horizontal {width: 255px; _width: 260px !important; *width: 260px !important; width: 260px\0/ !important;} #mBank-calc-2.horizontal .center-calc-2 { border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; } /*#mBank-calc-2.horizontal div.mbc_text-calc-2 { display: inline !important; }*/ #mBank-calc-2.horizontal div.mbc_text-calc-2 .mbc_gray-calc-2 { display: inline !important; } #mBank-calc-2.horizontal div.mbc_text-calc-2 .mbc_red-calc-2 { display: inline !important; } #mBank-calc-2.horizontal .midt-calc-2,#mBank-calc-2.horizontal .midb-calc-2 {width: 239px; *width: 244px !important; width: 244px\0/ !important; } #mBank-calc-2.horizontal .header {width: 230px; margin: 0 auto;height: 41px; background: url('img/mBankraty-horizontal.gif') no-repeat 10px center;padding-bottom: 7px;border-bottom: dashed 1px #b8b9b9;} /* -- ogA3lne -- */ #mBank-calc-4 { outline: none; } #mBank-calc-4 .center-calc-4 { line-height: 1.5; background: #fff url('img/mbc_low_lng.jpg') repeat-x left bottom; } #mBank-calc-4 .top-calc-4 {overflow: hidden; height: 8px; } #mBank-calc-4 .bottom-calc-4 {position: relative; height: 8px;} #mBank-calc-4 *:focus{outline: none;} #mBank-calc-4 .logo-calc-4 { padding: 10px 30px 10px 30px; } #mBank-calc-4 .tl-calc-4 { width: 8px; height: 8px; float: left; background: url('img/mbc_corners_spr.png') no-repeat 0px 0px; } #mBank-calc-4 .tr-calc-4 { width: 8px; height: 8px; float: left; background: url('img/mbc_corners_spr.png') no-repeat -8px 0px; } #mBank-calc-4 .midt-calc-4 { height: 7px; float: left; border-top: 1px solid #c3c3c3; background: #fff; } #mBank-calc-4 .midb-calc-4 {*position: absolute !important; position: absolute\0/ !important; left: 8px; bottom: 11px; _bottom: 10px !important; margin: 0 !important; margin-top: -6px; height: 7px; float: left; border-bottom: 1px solid #e6e6e6; background: url('img/mbc_low_shrt.jpg') repeat-x left bottom; } #mBank-calc-4 .bl-calc-4 { width: 8px; height: 8px; float: left; background: url('img/mbc_corners_spr.png') no-repeat 0px -8px; } #mBank-calc-4 .br-calc-4 {float: right; width: 8px; height: 8px; background: url('img/mbc_corners_spr.png') no-repeat -8px -8px; } #mBank-calc-4 div.mbc_text-calc-4 { background:url('img/arrow.gif') no-repeat scroll 5px 50% transparent;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;margin:0 20px;padding:0 20px;text-align:left;} #mBank-calc-4 div.mbc_text-calc-4 .mbc_gray-calc-4 { color: #4c4c4c; } #mBank-calc-4 div.mbc_text-calc-4 .mbc_red-calc-4 { color: #B30000; margin-bottom: 0px; text-align:left !important; } #mBank-calc-4 div.mbc_text-calc-4 .mbc_bold-calc-4 { font-weight: bold; } #mBank-calc-4 div.mbc_text-calc-4 .mbc_big-calc-4 { font-size: 18px; } #mBank-calc-4 a.tooltip-calc-4 { text-decoration: none; color: #B30000;font-size: 11px; } #mBank-calc-4 #mbc_netto, #mbc_ilosc_rat, #mbc_wklad { width: 550px; height: 8px; cursor: pointer;} #mBank-calc-4 form { width: 550px; margin: 0px auto 0px auto; padding: 2px 0px 2px 0px; } #mBank-calc-4 form div.field-calc-4 {margin: 12px 0; width: 100%; *margin: 12px 20px !important; width: 12px 20px\0/ !important;} *:first-child+html #mBank-calc-3 form div.field-calc-3 {height: 80px;} #mBank-calc-4 form div.field-calc-4 div.extras-calc-4 { width: 1px; float: right; } #mBank-calc-4 form span.currency {float:right;font-family:arial;font-size:17px;margin:3px 0 0;} #mBank-calc-4 form div.field-calc-4 div.input-calc-4 input[type = "text"] { float: left;font-size:15px;margin-left:130px;padding:5px 5px 5px 3px;width:70px;;font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #303030; padding: 5px; border: solid 1px #d1d0d8; background: #f5f5f5; padding-left: 3px; } #mBank-calc-4 form div.field-calc-4 div.input-calc-4 input.mbc_small {width: 40px;margin-left: 160px;} #mBank-calc-4 form div.field-calc-4 div.label-calc-4 { margin: 20px 0;} #mBank-calc-4 form div.field-calc-4 div.input-calc-4 { overflow: hidden;padding-right: 1px;} #mBank-calc-4 form div.button-calc-4 { text-align: right; } #mBank-calc-4 form div.input-calc-4 div.head1{background: url('img/mbc-sprites.png') no-repeat scroll 0 -270px transparent; float: left; width: 300px; height: 18px;} #mBank-calc-4 form div.input-calc-4 div.head2{background: url('img/mbc-sprites.png') no-repeat scroll 0 -338px transparent; float: left; width: 300px; height: 18px;} #mBank-calc-4 form div.input-calc-4 div.head3{background: url('img/mbc-sprites.png') no-repeat scroll 0 -408px transparent; float: left; width: 300px; height: 18px;} #mBank-calc-4 #mbc_summary {margin: 0px 20px; background: url('img/mbc-sprites.png') no-repeat scroll 0 -595px transparent; overflow: hidden;text-align: right; } #mBank-calc-4 #mbc_summary span.amount{ display: block;padding:7px 25px 0; font-family: arial;font-size: 40px;font-weight:bold; background: url('img/mbc-sprites.png') no-repeat scroll 535px 23px transparent; color: #B30000;} #mBank-calc-4 div.spacer-calc-4 { height: 1px; width: 100%; border-bottom: 1px dashed #c3c3c3; margin-bottom: 5px; padding-top: 5px; } #mBank-calc-4.horizontal-calc-4 { width: 600px; } #mBank-calc-4.horizontal-calc-4 .center-calc-4 { border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; } #mBank-calc-4.horizontal-calc-4 .midt-calc-4 { width: 584px; } #mBank-calc-4.horizontal-calc-4 .midb-calc-4 { width: 584px; } #mBank-calc-4 div.header{height: 34px; background: url('img/mbc-sprites.png') no-repeat scroll 0 -475px transparent; text-indent: -9999px;margin: 15px 0;margin-bottom: 25px;} #mBank-calc-4 div.clear{clear: both;height: 1px;} /* -- CALC5 Link do LP -- */ div.LinkToLandingPageWindow { cursor: pointer; border: none; width: 100px; height: 49px; background: url(img/mbankraty_s.gif); } /* -- TOOLTIP V1 dla CALC1 -- */ div#descrLayer-calc-1,div#descrLayer-calc-2,div#descrLayer-calc-4 { position: absolute; top: 0; visibility: hidden; text-align: justify; z-index: 9999; } div#descrLayer-calc-1,div#descrLayer-calc-2,div#descrLayer-calc-4 div { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 5px 3px; border: 1px solid #4d4d4d; background: #ffe; text-align: justify; } /* * jQuery UI CSS Framework @VERSION * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .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-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework @VERSION * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=cc0000&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=15&borderColorHeader=e3a1a1&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=eeeeee&fcContent=333333&iconColorContent=cc0000&bgColorDefault=eeeeee&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=100&borderColorDefault=d8dcdf&fcDefault=004276&iconColorDefault=cc0000&bgColorHover=f6f6f6&bgTextureHover=04_highlight_hard.png&bgImgOpacityHover=100&borderColorHover=cdd5da&fcHover=111111&iconColorHover=cc0000&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=65&borderColorActive=eeeeee&fcActive=cc0000&iconColorActive=cc0000&bgColorHighlight=fbf8ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcd3a1&fcHighlight=444444&iconColorHighlight=004276&bgColorError=f3d8d8&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=75&borderColorError=cc0000&fcError=2e2e2e&iconColorError=cc0000&bgColorOverlay=a6a6a6&bgTextureOverlay=09_dots_small.png&bgImgOpacityOverlay=65&opacityOverlay=40&bgColorShadow=333333&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=10&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,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,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #eeeeee; background: url('img/blue.png') repeat scroll 0 0 transparent; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e3a1a1; background: url('img/red.png'); color: #ffffff; font-weight: bold; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: url('img/mbc-sprites.png') no-repeat scroll 0 -192px transparent; font-weight: bold; color: #004276; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #004276; text-decoration: none; } .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: bold; color: #111111; } .ui-state-hover a, .ui-state-hover a:hover { color: #111111; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {font-weight: bold; color: #cc0000; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #cc0000; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcd3a1; background: #fbf8ee url(bin/images/ui-bg_glass_55_fbf8ee_1x400.png) 50% 50% repeat-x; color: #444444; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #444444; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cc0000; background: #f3d8d8 url(bin/images/ui-bg_diagonals-thick_75_f3d8d8_40x40.png) 50% 50% repeat; color: #2e2e2e; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #2e2e2e; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #2e2e2e; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; } .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; } .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; } .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } .ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } .ui-corner-right { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } .ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; } .ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } /* Overlays */ .ui-widget-overlay { background: #a6a6a6 url(bin/images/ui-bg_dots-small_65_a6a6a6_2x2.png) 50% 50% repeat; opacity: .40;filter:Alpha(Opacity=40); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #333333 url(bin/images/ui-bg_flat_0_333333_40x100.png) 50% 50% repeat-x; opacity: .10;filter:Alpha(Opacity=10); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* * jQuery UI Slider @VERSION * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 23px; height: 30px; cursor: pointer; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -12px; margin-left: -11px; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } #opis {color: #fff;} #tooltip{ position:absolute; border:1px solid #333; background:#f7f5d1; padding:2px 5px; color:#333; display:none; }