/* 
PolecamBank CSS @ 24.11.2010
wer. 1.0.15
*/
 
/* Reset styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
html, body {height: 100%;}
* {outline:none;}

/* Default styles */
body {font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #000;}
a:link,a:visited {color: #000;text-decoration:none;}
a:hover{color: #b30000;text-decoration: underline;}
h1 {font-size: 26px; color: #2e2e2e; font-weight: bold; margin-bottom: 15px}
h2,h3,h4,h5,h6 {font-size: 18px; color: #b30000; margin-bottom: 5px;}
h3{font-size: 15px;}
h4{font-size: 14px;}
h5,h6{font-size: 12px;}
p {margin: 10px 0 4px;padding:0 2px;} 
input{background:#fff;color: #000;}

/* Layout styles */
body {background: #b30000;}
#main{background: #eaeaea;}
.container {width: 940px;margin: 0 auto;overflow:hidden;}
#header{height: 118px;background: url("../img/header_bg.gif") repeat-x;}
#footer{height: 50px;background: url("../img/footer_bg.gif") repeat-x;margin:0;}
#left-col{width: 220px;float:left;margin:15px 20px 0 0;}
#right-col{width: 670px;float: left;padding:15px;background: #fff;min-height:470px;position:relative;}
#header #logo{width:199px;height:45px;float:left;margin:15px 0;}
#header #logo a{display: block;width: 199px;height:45px;background: url("../img/polecambank_logo.gif") no-repeat;text-indent:-9999px;}
#header #top_navigation {float: right;padding: 28px 10px;}
#header #top_navigation a {font-weight:bold;}
#header #top_navigation a:hover {text-decoration: underline;}

/* Homepage layout */
#splash {width: 940px; margin:0 auto; text-align:center;min-height:450px;padding-top: 10px;}
#splash .feature {position:relative;font-size:16px;color:#fff;width: 445px;height:85px;float:left; margin: 10px 0;text-align:left;padding:70px 0 0 15px;display:block;}
#splash .odbieraj {background: url("../img/odbieraj.gif") no-repeat;}
#splash .polecaj {background: url("../img/polecaj.gif") no-repeat;margin-right: 20px;}
#splash .feature p {width: 380px; overflow: hidden;margin-top:25px;}
#splash #intro {box-shadow: 1px 1px 4px #888;-moz-box-shadow: 1px 1px 4px #888;-webkit-box-shadow: 1px 1px 4px #888;}

/* Menus */
div#mainMenuBox {padding: 0;width:970px;margin:0 auto;overflow:hidden;};
ul.mainMenu li{display:inline;}
ul.mainMenu li a{display:block;padding: 12px 15px 9px 15px;font-size: 16px;background: #2e2e2e;float:left;color: #fff;text-decoration: none;}
.menuspacer {width:70%;height:2px;margin:5px auto;background: url("../img/dot_bg.gif") repeat-x right bottom;}
ul li a{display:block;text-align: left;padding:8px 20px;text-decoration: none;}
ul li {color:#fff;}
#left-col ul li a:hover,#left-col ul li.selected {color:#fff;background: #b30000;/*text-shadow: 0px 1px 2px #000;*/}
ul li.selected a {color:#fff;}
.menuWrap {overflow:hidden;height:100%;background: #fff;-webkit-box-shadow: 0px 0px 4px #888;-moz-box-shadow: 0px 0px 4px #888;box-shadow: 0px 0px 4px #888;padding:0;margin-left:2px;margin-bottom:15px;}
ul.mainMenu {overflow:hidden;height:100%;}
ul.mainMenu li a{color:#fff;}
ul.mainMenu li a:hover,ul.mainMenu li a.selected {background: #b30000;}
.menuWrap a:hover{text-decoration:none;}

/* Classes */
a.register {color: #2e2e2e;}
a.login {color: #b30000;}
a.arrow{width:26px;height:24px;display:block;text-indent:-9999px;position:absolute;bottom:10px;right:7px;background: url("../img/arrow.png") no-repeat;}
div.black_box a.arrow2,div.odbieraj a.arrow2{width:26px;height:24px;display:block;text-indent:-9999px;position:absolute;bottom:10px;right:7px;background: url("../img/arrow2.png") no-repeat;}
div.red_box a.arrow2,div.polecaj a.arrow2{width:26px;height:24px;display:block;text-indent:-9999px;position:absolute;bottom:10px;right:7px;background: url("../img/arrow3.png") no-repeat;}
a.logoutBtn{width:73px;height:20px;display:block;text-indent:-9999px;border:none;background: url("../img/wyloguj.gif");cursor:pointer;}
span.spacer {padding: 0 5px; color: #b3b3b3;}
div.clear{clear: both;}
div.left_box{font-size: 11px;font-weight: bold;width: 200px; height: 200px;box-shadow: 0px 0px 4px #888;padding: 10px;margin-bottom: 15px;position: relative;}
div.left_box .remember{font-size: 11px;}
div.red_box {background: url("../img/box_background_red.gif") no-repeat right bottom #b30000;}
div.black_box{background: url("../img/box_background_black.gif") no-repeat right bottom #333333;text-align:center;}
div.black_box div.content{background: url("../img/box_black_head.gif") no-repeat right top;padding: 3px 5px;margin-top: 5px; text-align:left;font-size: 11px;font-weight: bold;}
div.left_box_header {background: url("../img/box_head_bg.gif") no-repeat right top; margin-bottom:10px;}
div.left_box_content{font-size: 11px;line-height:15px;color:#fff;margin-bottom:10px;}
#footer div.wrap {padding: 10px;font-size: 11px; color: #fff;}
div.left_box .arrowWrap {background: url("../img/arrow_right.png") no-repeat left top;position:absolute;right:15px;bottom:12px;width:18px;height:16px;}
div.left_box .more_red {background: url("../img/more_red.gif") no-repeat left top;position:absolute;left:15px;bottom:12px;width:47px;height:24px;}
div.left_box .more_black {background: url("../img/more_black.gif") no-repeat left top;position:absolute;left:15px;bottom:15px;width:47px;height:24px;}
div.vspacer {height:1px;}
div.step2 .stepContent img {margin-bottom:10px;}
.right {text-align:right;}
.small {font-size: 11px;}
.gray {color: #BEBEBE; font-size: 11px; line-height: 16px;}

ul.circ {margin-left: 2px;}
ul.circ li {background: url(../img/circ.gif) no-repeat 0 0.4em; padding-left: 8px;color:#000;}

ul.faq p{margin:0;padding:0;color:#000;}
ul.faq p.question {cursor: pointer;border-bottom: solid 1px #f3f3f3;padding: 4px 0;background: url("../img/faqBg.gif") no-repeat left;padding-left: 15px;font-weight: bold;color: #b30000;}
ul.faq p.question:hover{border-bottom: solid 1px #dadada;}
ul.faq div.answer {display:none;}
ul.faq div.answer p{padding: 5px;margin:2px;margin-bottom:10px;}
.arrowWrap button {background: url("../img/arrow_right.png") no-repeat #940000;border: none;}
.red {color:#B30000;}
.darkBorder{border: solid 1px #9e9e9e !important;-webkit-box-shadow: 0px 0px 2px #b2b2b2;-moz-box-shadow: 0px 0px 2px #b2b2b2;box-shadow: 0px 0px 2px #b2b2b2;}

/* Forms */
input.refEmail{width: 170px; height: 25px; margin-top:2px;border:none;font-size: 13px;}
#forms {padding:35px 0 20px 40px;width:480px;line-height:18px;}
#forms .submit {cursor: pointer;width:54px;height:20px;background: url("../img/buttons/btn-wyslij.gif") #fff no-repeat;text-indent:-9999px;border: none;}
#forms div.field{margin:12px 0;overflow:hidden;width:100%;margin:4px 0;}
#forms div.field label{font-size: 12px;color:#2e2e2e;text-align:left;}
#forms div.field div.input input[type="text"],#forms div.field div.input input[type="password"]{float:left;width:270px;border: solid 1px #cecece;background:#fff;height:24px;}
#forms .functionBtn{float:right;width:19px;height:19px;padding-top:4px;}
#forms .functionBtn .add{cursor: pointer;background: url("../img/buttons/plus.gif") no-repeat;border: none;width: 19px;height: 19px;}
#forms .functionBtn .remove{cursor: pointer;background: url("../img/buttons/minus.gif") no-repeat;border: none;width: 19px;height: 19px;}
#forms div.field div.label {width:180px;position:relative;float:left;}
#forms div.field div.input {padding-right: 25px;}
#forms a.accLink{color: #b30000;line-height:20px;}
#forms #termsAccept {display: none;} 
#forms #termsLabel {cursor:pointer;font-size: 11px;line-height:22px;padding:3px 0 3px 20px;}
#forms #termsLabel a{text-decoration:underline;}
#forms .unchecked {background: url("../img/unchecked.gif") no-repeat top left;}
#forms .checked {background: url("../img/checked.gif") no-repeat top left;}
#forms sup {color:#b30000;}
#forms p{margin:0;padding:0;}
#forms .error,#forms .message {margin-bottom:10px;padding:4px 10px 4px 10px;border: solid 1px #b30000; font-color: #000;position:relative;-webkit-box-shadow: 2px 2px 2px #d3d3d3;-moz-box-shadow: 2px 2px 2px #d3d3d3;box-shadow: 2px 2px 2px #d3d3d3;}
#forms .inlineError {background: url("../img/error.png") no-repeat;width:13px;height:13px;position:absolute;top:-4px;left:-4px;}
#forms .invalid {border: solid 1px #f22020 !important;}
div.input textarea {-webkit-box-shadow: 4px 4px 4px #d3d3d3;-moz-box-shadow: 4px 4px 4px #d3d3d3;box-shadow: 4px 4px 4px #d3d3d3;width:262px;height:120px;border:solid 1px #CECECE;margin: 5px 5px 5px 0;padding: 3px;background: #fff;color: #000;} 
.error ul li,.message ul li{color: #2E2E2E;}
#forms ul li a{display:inline;padding:0;color:#B30000;font-weight:bold;}

/* User data */
table.stats{width:100%;margin:10px 0;background:#ededed;border:1px solid #B50000;}
table.stats .rborder {border-right: solid 1px  #940000;}
table.stats div.value {background: #fff;repeat-x; border-bottom:dotted 1px #EAEAEA;margin:0px;color:2E2E2E;font-size:13px;text-align:center;padding:5px;border-right:1px solid #EAEAEA;}
table.stats div.right-border {border-right: solid 1px #e1e1e1;}
table.stats div.left-border {border-right: solid 1px #fff;}
table.stats div.header{text-align:center;background: url("../img/table_header_bg.gif") repeat-x #B30000;font-size:14px;color:#fff;padding:5px;border-bottom: solid 1px #940000;}
table.stats div.header_alternate{background: #2E2E2E;}
table.stats tr.odd-row {border-top: solid 1px #e1e1e1;}

/* Content */
#content{padding: 5px; line-height: 18px;}
#content span.description {font-weight:bold;margin-bottom:10px;}
#content div.step1{background: #b30000 url("../img/step_1.gif") no-repeat bottom left; height: 140px; width: 650px;position:relative;}
#content div.step2{background: #333333 url("../img/step_2.gif") no-repeat bottom left; height: 140px; width: 650px;position:relative;}
#content div.step1 .bg{position:absolute;background: url("../img/box_background_red.gif");right:0;bottom:0;width:100px;height:100px;}
#content div.step1 .bg .arrow {padding:48px 0 0 20px;}
#content div.stepContent {padding:15px 10px 15px 180px;line-height:18px;color:#fff;}
#content div.stepLabel{width:124px;height:16px;background: url("../img/zapros_znajomego.gif") no-repeat; text-indent:-9999px;float:left;margin-top:15px;}
#content div.stepContent input.inputWr{float:left;width:245px;height:24px;line-height:18px;border:none;margin: 10px 20px;}
#content iframe {width:640px !important;}
#content iframe #mfs_typeahead_req_form_4ca586801fe2a7b0e2a16 {width:400px !important; }

/* Footer */
#footer #ic{float:right;padding:5px;}
#footer #ic a{text-decoration:none;color:#fff;}
#footer .footerText{color:#680000;float:left;padding:5px;}
#footer #ic a:hover{text-decoration:underline;}

/* Misc */
h1.heading {width:199px;height:45px;position:relative;}
.errorContainer {border: solid 1px #b30000;-webkit-box-shadow: 0px 0px 7px #888;-moz-box-shadow: 0px 0px 7px #888;box-shadow: 0px 0px 7px #888;background-color:#fff;-moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px;color: #000;text-align:center;width:329px;height:86px;position:absolute;top:50%;left:35%;display:none;z-index:100;}
.errorContainer .title{text-align:center;font-size:16px;margin: 15px;position:relative;color:#b30000;}
.fb-container-active {font-weight: bold;float:left; -moz-border-radius: 3px;color:#fff;background: url("../img/fb-frame-bg.gif") repeat-x #B30000; border: solid 1px #24417f;font-size:11px;padding:5px 0;text-align:center;width:100px;margin: 0 auto;}
.fb-container-active a,.fb-container-active a:hover{color:#fff;}
.fb-container-active img {border: solid 1px #fff !important;margin-top: 10px;}
.footerText a{color:#fff;}
.footertext a:hover{text-decoration:underline;}
#fb_multi_friend_selector_wrapper{width:606px;}
.platform_ci_component  {height:230px !important;}
iframe {overflow: visible !important;}
iframe #fb_multi_friend_selector{border:none !important;}
iframe #fb_multi_friend_selector #finder .inputtext {float:left;width:300px !important;}