/* STARTER */
body, img, p, form, ul, li, ol { border: 0; padding: 0; margin: 0; }

body { text-align: left; color: #333; font-family: Arial, Tahoma, sans-serif; font-size: 12px; margin: 0 auto; }
input, select, textarea { color: #444; font-family: Arial, Tahoma, sans-serif; font-size: 12px; border: 1px solid #999; }
.button { border: none; }

.pointer { cursor: pointer; cursor: hand; }

p { margin: 5px 10px 18px 10px; text-indent: 0; line-height: 125%; text-align: justify; font-size: 13px; }

ul.ul { margin: 5px 20px; }

#main a { text-decoration: none; color: #3E6F9B; border-bottom: 1px solid #ddd; }
#main a:hover { text-decoration: none; color: #5389BB; background-color: #E0EAF3; border-bottom: 1px solid #ddd; }

.link { cursor: pointer; cursor: hand; text-decoration: none; color: #3E6F9B; border-bottom: 1px solid #ddd; }

#menu a, #menu a:visited { color: #555; text-decoration: none; }
#menu a:hover { color: #0099cc; }

#adMenu { margin: 10px auto 0 auto; width: 120px; display: block; }

.nowrap { white-space: nowrap; }
.imp { color: #cc3300 !important; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }
.tleft { text-align: left; }
.tright { text-align: right; }
.middle {  vertical-align: middle; }
.center { text-align: center; }
.clear { clear: both; }
.pad5 { padding: 0 5px; }
.pad15 { padding: 15px; }
.small { font-size: 11px; }
.normal { font-size: 12px; }
.big { font-size: 13px; }
.block { display: block; }
.none { display: none; }

.d, .display { display: auto; }
.h, .hidden { display: none; }

/* TABS */
.elTab { }
.elTab ul.elTabList { list-style-type: none; margin: 5px 0 0 0; padding: 5px 0 0 5px; display: block; height: 24px; }
.elTab ul.elTabList li { font-size: 11px; background: #666 url(/_i/tab_s.gif) repeat-x top left; display: block; float: left; margin: 3px 3px 0 0; height: 20px; line-height: 20px; padding: 0 6px; text-transform: capitalize; font-weight: bolder; cursor: hand; color: #fff; cursor: pointer; border: 1px solid #ccc; }
.elTab ul.elTabList li.h { color: #ccc; }
.elTab ul.elTabList li.active { padding: 0 12px; margin: 0 3px 0 0; height: 23px; line-height: 23px; font-size: 12px; background: #fff url(/_i/tab.gif) repeat-x top left; color: #444; border: 1px solid #ccc; border-bottom: 1px solid #f8f8f8; }
.elTab div.elTabSub { border: 1px solid #ccc; background: #f8f8f8; padding: 3px 8px; }
.elTab div.elTabSub h1 { color: #cc3333; font-size: 13px; line-height: 15px; margin: 8px 0 10px 0; }
.elTab div.active { }


/* STRUCTURE */

.ad { text-align: center; }
.header { background: #f0f0f0; border-bottom: 1px solid #e0e0e0; padding: 2px 5px; }
h1, h2, h3 { font-family: Tahoma; margin: 0 0 3px 0; text-align: left; font-size:22px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:bolder; line-height:normal; }
h1 { line-height: 20px; color: #d66666; }
#contentRight h1 { font: bold 12px Tahoma; line-height: 16px; }
h2 { font-size: 16px; line-height: 22px; color: #cc6633; margin: 10px 0; font-weight: normal; }
h3 { font-size: 12px; line-height: 15px; color: #333; margin: 12px 0 2px 0; }
h4 { font-size: 12px; margin: 0 0 8px 0; }

#contentLeft h1, #contentLeftBi h1 { margin: 8px 0; font-size: 18px; font-weight: normal; }
#contentRight h1, #contentRightBi h1 { background: url(/_i/h1right.gif) no-repeat center; color: #fff; height: 22px; line-height: 22px; padding: 0 2px 0 8px; }

#s { width: 1140px; margin: 5px auto 5px auto; } /* 25px */
#main { float: right; width: 818px; border: 1px solid #ccc; background: #fafafa; padding: 5px; }

#contentLeft { float: left; width: 500px; }
#contentRight { float: right; width: 300px; border: 1px solid #ddd; background: #fff; padding: 5px; }

#contentLeftBi { float: left; width: 640px; }
#contentRightBi { float: right; width: 160px; border: 1px solid #ddd; background: #fff; padding: 5px; }


.w230, .w300, .w500, .w740, .w800, .w160, .w640 { border-bottom: 3px solid #ddd; padding: 0 0 5px 0; margin: 0 0 5px 0; clear: both; }
.w230 { width: 210px; padding: 5px; }
.w300 { width: 300px; }
.w500 { width: 500px; }
.w740 { width: 730px; }
.w740 { width: 800px; }
.w75 { width: 75px; }
.w80 { width: 70px; }
.w100 { width: 100px; }
.w200 { width: 200px; }
.w160 { width: 160px; }
.w640 { width: 640px; }
.w99p { width: 99%; }

.w50 { width: 50px; }
.w45 { width: 45px; }
.h56 { height: 56px; }

#s440, #s230, #s300, #s740 { float: left; border: 1px solid #ddd; border-width: 0 1px 1px 1px; padding: 0 4px; }
#s230 { width: 220px; margin: 0 5px; }
#s300 { width: 290px; }
#s440 { width: 430px; }
#s740 { width: 730px; }



/* FUNDS */
ul.fundsList { list-style-type: none; }
ul.fundsList li { padding: 4px 0; width: 100%; height: 16px; line-height: 16px; }
div.valuePlus, div.valueMinus, div.valueNo { float: left; width: 50px; padding: 0 20px 0 0; margin: 0 2px 0 0; text-align: right; font-size: 11px; }
div.valuePlus { color: #669933; background: url('/_i/gif/add.gif') no-repeat right;  }
div.valueMinus { color: #cc3300; background: url('/_i/gif/delete.gif') no-repeat right; }
div.valueNo { color: #336699; background: url('/_i/gif/shape_square.gif') no-repeat right; }

span.valuePlus, span.valueMinus, span.valueNo { padding: 2px 20px 2px 0; text-align: right; font-size: 11px; }
span.valuePlus { color: #669933; background: url('/_i/gif/add.gif') no-repeat right;  }
span.valueMinus { color: #cc3300; background: url('/_i/gif/delete.gif') no-repeat right; }
span.valueNo { color: #336699; background: url('/_i/gif/shape_square.gif') no-repeat right; }

.br { background-position: 50% 0 !important; width: 45px !important; height: 16px !important; padding: 0 !important; margin: 0 !important; text-align: center !important; padding: 18px 0 0 0 !important; }



.fundsTypes1, .fundsTypes2, .fundsTypes3, .fundsTypes4, .fundsTypes5, .fundsTypes6, .fundsTypes7, .fundsTypes8, .fundsTypes9, .fundsTypes10, .fundsTypes11, .fundsTypes12 { padding-left: 2px; }
.fundsTypes1 { border-left: 5px solid #cc0033; }
.fundsTypes2 { border-left: 5px solid #ffcc00; }
.fundsTypes3 { border-left: 5px solid #006699; }
.fundsTypes4 { border-left: 5px solid #3399ff; }
.fundsTypes5 { border-left: 5px solid #669933; }
.fundsTypes6 { border-left: 5px solid #006600; }
.fundsTypes7 { border-left: 5px solid #444444; }
.fundsTypes8 { border-left: 5px solid #bbbbbb; }

.fundsTypes9 { border-left: 5px solid #ffcc00; }
.fundsTypes10 { border-left: 5px solid #895F0F; }
.fundsTypes11 { border-left: 5px solid #FF5A00; }
.fundsTypes12 { border-left: 5px solid #8F0CBF; }

.fundsTypesList div { text-align: left; border-width: 0 0 0 16px; margin: 2px; line-height: 16px; padding-left: 4px; }
.similiarFunds { list-style-type: square; margin: 0 0 0 15px; color: #888; }
.similiarFunds li { margin: 5px 0; }

.fundParam { float: left; margin: 1px 0; border: 1px solid #e0e0e0; font-size: 11px; }
.fundParam span { padding: 7px 3px; display: block; float: left; width: 313px; }
.fundParam strong { width: 150px; display: block; float: left; background: #e0e0e0; padding: 7px 3px; margin: 0 5px 0 0; }





.chartdivCompare { margin: 5px 0; padding: 5px; background: #f0f0f0; border: 1px solid #e7e7e7; float: right; width: 400px; }
.chartdivCompare select { display: block; margin: 3px 0; }

/* LISTING */
table.listing { width: 98%; margin: 10px auto; border: 1px solid #b3c5d9; }
table.listing th { background: #26384b; color: #fff; font-weight: bold; text-align: center; padding: 6px 8px; }
table.listing td { background: #b3c5d9; text-align: center; padding: 3px 8px; }
table.listing tr.s td { background: #abbfd6; }
div.listingHeader { margin: 10px 0 0 0;  }





/* MENU */
#menu { font-size: 11px; float: left; width: 140px; }
#menu ul { list-style-type: none; background: transparent url('/_i/step_poz.gif') repeat-x bottom left; }
#menu ul li { background: transparent url('/_i/step_poz.gif') repeat-x top left; padding: 7px 5px 6px 5px; }
#menu h1 { color: #0099cc; font-size: 13px; font-weight: bold; margin: 15px 0 0 0; }

#account { font-size: 11px; }
#account div { margin: 0 0 4px 0; }
#account .button { margin: 7px 0 0 0; }
#account label { display: block; }

#footer { text-align: center; margin: 20px 0 0 0; }
#footer a { margin-right: 2px; }
#footer strong { display: block; margin: 4px 0 0 0; }

#group { background: #eee; height: 20px; width: 100%; position: absolute; top: 0; left: 0; }
#group div { height: 20px; line-height: 20px; font-size: 10px; width: 980px; margin: 0 auto; }
#group a, #group a:visited { margin-left: 10px; text-decoration: none; color: #777; }
#group a:hover { color: #444; }
#group span a { font-weight: bold; color: #444; margin: 0 !important; }


/* FORM (classic) */
form.classic {  }
form.classic h1 { color: #cc6600; font-size: 12px !important; }
form.classic label { display: block; font-weight: bold; margin: 8px 0 1px 0; }
form.classic input.input { width: 300px; margin: 0 0 0 20px; }
form.classic input.submit { margin: 8px 0 1px 0; font-size: 14px; }
form.classic span.desc { margin: 0 0 0 20px; display: block; font-size: 11px; color: #888; }





div.err, div.oki, div.info { margin: 10px 0; font-size: 11px; padding: 5px 5px 5px 30px; font-weight: bold; border: 1px solid #e0e0e0; }
div.err { color: #ff3333; background: #fff url('/_i/gif/error.gif') no-repeat 5px center; }
div.oki { color: #669933; background: #fff url('/_i/gif/accept.gif') no-repeat 5px center; }
div.info { color: #0099cc; background: #fff url('/_i/gif/information.gif') no-repeat 5px center; }

/* elForm */

.elForm {  }
.elForm h1 { color: #cc6600; font-size: 12px !important; }
.elForm label, .elForm .label { display: block; font-weight: bold; margin: 8px 0 1px 0; }
.elForm label.radioLabel { display: inline; font-weight: normal; margin: 0 0 0 4px; vertical-allign: middle; }
.elForm .req { background: #ffff99; }
.elForm input[disabled], .elForm select[disabled], .elForm textarea[disabled] { background: #eee; }
.elForm input.input { width: 300px; margin: 0 0 0 20px; }
.elForm select.select { margin: 0 0 0 20px; }
.elForm input.radio { margin: 0 0 0 20px; }
.elForm input.password { width: 200px; margin: 0 0 1px 20px; }
.elForm input.checkbox { margin: 0 0 0 20px; }
.elForm input.moneyA { margin: 0 0 0 20px; text-align: right; }
.elForm input.submit { margin: 12px 0 1px 0; font-size: 12px; font-weight: bold; padding: 3px 8px; background: #eee; border: 1px solid #ccc; border-bottom: 1px solid #bbb; border-right: 1px solid #bbb; }
.elForm div.desc { margin: 0 0 0 20px; font-size: 11px; color: #888; width: 380px; }
.elForm div.err, .elForm div.oki, .elForm div.info { margin: 2px 0 2px 20px; font-size: 11px; padding: 5px 5px 5px 30px; font-weight: bold; border: 1px solid #e0e0e0; }
.elForm div.err { color: #ff3333; background: #fff url('/_i/gif/error.gif') no-repeat 5px center; }
.elForm div.oki { color: #669933; background: #fff url('/_i/gif/accept.gif') no-repeat 5px center; }
.elForm div.info { color: #0099cc; background: #fff url('/_i/gif/information.gif') no-repeat 5px center; }

/* table Visual */
table.visual { width: 99%; border-collapse: collapse; border-spacing: 1px; margin: 4px auto; border: 1px solid #12a3eb; line-height: 150%; background: #e0e0e0; }
table.visual td { padding: 3px 2px; background: #ECF3F7; border: 1px solid #D5DFE5; }
table.visual tr.s td { background: #E1EBF2; }
table.visual tr td.public { border-right: 3px solid #99cc33; }
table.visual tr td.private { border-right: 3px solid #cc3333; }
table.visual td.sps { background: #f4f4f4 !important; }
table.visual td.spe { background: #f6f4d0 !important; }
table.visual ths { font-weight: bold; text-align: center; background: #99CC00; color: #fff; padding: 4px 3px; border: 1px solid #e0e0e0; }
table.visual caption { font-size: 11px; color: #555; text-align: right; }
table.visual th { background:#70AED3 url('/forum/styles/prosilver/theme/images/bg_list.gif') repeat-x scroll left bottom; text-align: center; color:#fff; padding:5px 2px; border: 1px solid #ddd; }

table.bigpad td { padding: 2px 2px 2px 7px; }

.w80p { width: 80%; }

table.sortable th.pointer { background: #cc3333 !important; color: #fff !important; }
table.sortable th.selected { background: #990000 !important; }

.paginacja { font-size: 11px; margin: 20px 3px; }
.paginacja span, .paginacja a { padding: 5px 9px; border: 1px solid #e4e4e4; background: #f5f5f5; margin: 0 1px; }
.paginacja span { font-weight: bold; color: #cc3300; }

#s .elButton { font-size: 11px; padding: 82px 0 0 0; width: 95px; height: 23px; display: block; margin: 5px 5px 5px 0; float: left; background-color: none; border: none; text-align: center; background-position: 0 0; }
#s .elButton:hover { border: none; background-color: none; background-position: 190px 0; }
#s .elButton.s { border: none; background-color: none; background-position: 95px 0; }

.dodaj_portfel { background: url('/_i/buttony_dodaj_portfel.png'); }
.twoje_portfele { background: url('/_i/buttony_twoje_portfele.png'); }
.edytuj_portfel { background: url('/_i/buttony_edytuj_portfel.png'); }
.usun_portfel { background: url('/_i/buttony_usun_portfel.png'); }


#s #gra_online_300 { border: none; margin: 0 0 5px 0; clear: both; }
#s #gra_online_300:hover { background: none; border: none; }

#tabIndex h1 { margin: 15px 0; }
#tabIndex h1 span { font-size: 18px; }

.homeBox { width: 240px; padding: 5px; float: left; }
.gamer ul, .homeBox ul { list-style-type: none; margin: 4px 0; }
.gamer ul li, .homeBox ul li { background: url('/_i/gif/bullet_red.gif') no-repeat 0 2px; padding: 2px 2px 2px 16px; }
.bigLi li { margin: 0 0 8px 0; }

.infos { padding: 3px; border: 1px solid #eee; background: #f5f5f5; margin: 0 0 4px 0; }

/* loga z pasazu */
#pasaz {text-align:center;padding:2px;float:left;}
#pasaz img{
padding:2px;
text-align:center;
vertical-align:middle;
}
#pasaz a{
width:120px;
height:62px;
display:block;
float:left;
padding:4px 10px 4px 2px;
margin-left:11px;
}
#pasaz a:hover{background:#fff;}