body {font:12px Arial, Helvetica, sans-serif; margin:0; background-color:#FFF; color:#333; overflow:scroll;  background:url(../../images/layout3/body_bg.jpg) 250px 0 repeat-x;}
* { outline: none }

a {color:#3392BD; text-decoration:none; font:inherit}
a:hover {color: #33A5CB; text-decoration:underline}

table.top  tr td {vertical-align: top;}

img {margin:15px; padding:5px; border:2px solid #F3F3F3; }
img.m {border:0; margin:0; padding:0}
img.im {margin:0;padding:5px; border:2px solid #F3F3F3; background-color: #fff}

input.s {color:#333; border:1px solid #ddd; padding: 3px}
input.s:focus {border:1px solid #3392BD}

#topSection {width:100%; height:220px; margin:0; padding:0;vertical-align:bottom; text-align:center; background: url(../../images/layout2/bg_top.jpg) left top repeat-x;}
#bannerCell {width:1000px; height:181px; margin:0 auto 0 auto; background:url(../../images/layout2/banner_top.jpg) center bottom no-repeat}
#menuBarTop {margin:0; padding:0; margin-top:0}
#mainContent {width:960px; margin:20px auto 0 auto; padding:5px; min-height: 420px;}

#leftContainer {float: left;}
#leftContent {margin:0; padding:0}
#midContainer {float: left; width:600px; padding:0 1px 0 0; }
#midContent {margin-top:50px; font:12px Arial, Helvetica, sans-serif; background-color:#f9f9f9; border: 1px solid #bbb;   }
#rightContainer {float: right; width:180px; padding:0 1px 0 0;  }
#rightContent {margin-top:50px; font:12px Arial, Helvetica, sans-serif; background-color:#f9f9f9; border: 1px solid #bbb;   }


.leftColumn, .centerContent, .rightColumn { vertical-align:top;}
.rightColumn {text-align:justify}
.centerContent {margin-top:0; padding-top:0;width:600px; vertical-align: top; }
.leftColumn {margin-top:0; padding-top:0; width: 160px; vertical-align: top;}
.rightColumn {width:180px}
.separator { width:10px; }
.2cCenter {width:830px}


.hidden {display:none}

.h1 {font:24px Georgia, "Times New Roman", Times, serif; color:#444; margin:0; padding:0 0 5px 0; border-bottom: 1px solid #ccc}
.h2 {font:16px Arial, Helvetica, sans-serif; color:#444}
.h3 {font:12px Arial, Helvetica, sans-serif; color:#444;}

.t1 {font:20px Georgia, "Times New Roman", Times, serif; color:#444; border-bottom: 1px solid #bbb; }
.t2 {}
.t3 {}

.p5 {padding:5px}
.ct {margin-left:auto; margin-right:auto}
.center {text-align:center;}

/** lewostronny accordion mbox **/
#mBoxAccordion {width:187px;margin-top:0;margin-bottom:0; padding:0; margin-left:auto; margin-right:auto;background-color: #f8fcfd; border: 0} 
a.mBoxAccordion, a.mBoxAccordionTop {height:41px;cursor:pointer;display:block;margin-top:0; margin-bottom:0; text-decoration: none;font-size: 12px;color:#555;
    background: url(../../images/layout3/acc_mid.png) left bottom no-repeat; padding-left:10px; line-height:41px; } 
a.mBoxAccordion:hover {background: url(../../images/layout3/acc_mid.png) left bottom no-repeat}
a.mBoxAccordion.selected {color: #333;background: url(../../images/layout3/acc_mid.png) left bottom no-repeat}
div.mBoxAccordion {padding: 5px; margin: -3px 1px 0 0 ; } /*border-left:1px solid #BEE1F1; border-right: 1px solid #BEE1F1 */

a.mBoxAccordionTop {height:41px; background: url(../../images/layout3/acc_top.png) left top no-repeat}
a.mBoxAccordionTop:hover {background: url(../../images/layout3/acc_top.png) left top no-repeat}
a.mBoxAccordionTop.selected {color: #333;background: url(../../images/layout3/acc_top.png) left top no-repeat}
div.mBoxAccordionEnd {height:20px ;margin:0 auto 0 auto; padding:0;background: url(../../images/layout3/acc_bt.png) left bottom no-repeat;}
.accTitle {margin:0; padding:0; border:1px solid red; float:left; overflow: hidden}
/** accordion end **/

div.th {font:bold 16px Verdana, Arial, Helvetica, sans-serif; color:#797979}
div.thd {}
a.th {font:bold 16px Verdana, Arial, Helvetica, sans-serif; color:#33A5CB}
p.d {margin:0 auto;width:150px; padding:5px 5px 0 0; color:#797979; font:10px Arial, Helvetica, sans-serif; border-top:1px dotted #ccc}
div.pt {font:24px Georgia, "Times New Roman", Times, serif; color:#3DA3D1; margin:10px 0 10px 0; padding:0}
div.pd {font:16px Arial, Helvetica,  sans-serif; color:#666; margin-top:10px; margin-bottom:15px}
div.pc {font:12px Arial, Helvetica, sans-serif;line-height:16px; color:#555; text-align:justify; margin-left:10px; margin-right:5px}
a.loc {font:11px Verdana, Arial, Helvetica, sans-serif; color:#3392BD; text-decoration:none}
a.loc:hover {text-decoration:underline}

a.sm {font: 12px Arial, Helvetica, sans-serif; }
a.sm:hover {}


#lokalizator {margin-top:0; padding-top:0; color:#1185BB}
/* fotobox */
#fotoBox {margin:-1px 0 0 0; padding:10px 0 0 0 ; width:188px; height: 393px; background:url(../../images/layout3/profil_bg.png) 0 0 no-repeat;}
/* zawodnik_box_bg2.jpg*/
td.med {padding: 2px; text-align:center}
img.med {margin:0; padding:0; border:0}
/* end fotobox */

/**  galerie zdjęć **/
#galCont {width:600px;padding-left:20px}
div.giBox {float:left; margin-right:10px; width:180px; height:300px; text-align:left; }
div.gimBox {margin-bottom:0;padding-top:5px; padding-bottom:5px; }
div.gdescBox {padding-left:2px;padding-top:5px; margin-top:5px; border-top:1px dotted #ccc; width:160px}
img.mg {margin:0; padding:4px; background-color:#fff; border:1px solid #ccc;}
img.mg:hover {border:1px solid #86c7e5}
p.gt {margin:0; padding:0;text-align:left; font:14px "Lucida Grande","Trebuchet MS",Verdana,Helvetica,sans-serif; }
p.gtd {margin:3px 0 0 0; color:#aaa; font:8px arial,helvetica,sans-serif}
p.gdo {color:#888; font:10px arial,helvetica,sans-serif; margin-top:3px}
img.gfoto {background-color: #fefefe}
#bottomNavClose, #lightboxImage {margin:0; padding:0; border:0}

/* fotoBox */
#gKontener {float:left;  margin-left:10px}
div.fotoBox {float:left; width:180px; height:250px;}
img.gfoto {margin:0 auto 0 auto; padding:6px; border:1px solid #dedede; background-color:#fff}
p.ftytul {margin:5px 0 0 0; color:#3392BD; font:12px arial,verdana,sans-serif}
p.fopis {margin: 5px 0 0 0;color:#555;font:10px arial,verdana,sans-serif; width:160px}
/**  end galerie zdjęć**/

/* baton */
a.buttonLink {text-decoration: none;}
div.buttonTitle {margin:-2px 0 0 0; padding: 0}
button.styled {height:24px; font-size:10px; color:#444; border:1px solid #ccc; background:url(../../images/buttonEnabled.png) left top repeat-x;padding: 3px; margin: 0 5px 0 0; cursor:pointer} 
button.styled:HOVER {border:1px solid #83abbd; background:url(../../images/buttonHover.png) left top repeat-x;padding: 3px; margin: 0 5px 0 0; cursor:pointer}
button.styled:ACTIVE {border:1px solid #83abbd; background:url(../../images/buttonActive.png) left top repeat-x;padding: 3px; margin: 0 5px 0 0; cursor:pointer}
/* end baton */

/**  Wspólny styl tabel **/
table.t {color:#888; border-collapse: collapse; width: 100% }

tr.t {background-color: #f3f3f3; font-size: 11px}
tr.t td {border:1px solid #fff}
tr.t a {font-size: 12px}
tr.center > td {text-align: center;}
tr.bottom > td {vertical-align: bottom;}
tr.tp5 > td {padding-left:5px}
tr.t:hover {background-color: #dedede; }
tr.th {background-color: #92d9f3; color:#333; background-image: url(../../images/layout2/grayBG3D2.png); background-repeat: repeat-x; background-position: top left;}
tr.th td {padding:6px; text-align:center; font-weight:bold; color:#fff; font-size:14px; text-transform: uppercase; border:1px solid #fff}
td.t {}
tr.t_up > td {vertical-align: top;}
tr.tc > td  {text-align: center;}
td.tc {text-align:center;}
.tp5 {padding-left:5px}
input.t, select.t {color:#555;border:1px solid #b3b3b3;  background: url(../../images/inputBg.jpg) left top repeat-x; height:20px}
input.t { height:20px}

td.tr { text-align: right; padding:0 15px 0 15px}

/** general pagination styles **/
p.spgn {font-size:10px; color: #555}
span.spgn, span.spgnc {border:1px solid #ccc; background:url(../../images/buttonEnabled.png) left 2px repeat-x; padding: 4px; margin: 0; cursor:pointer;
                    height:21px; }
span.spgn:hover { background:url(../../images/buttonHover.png) left 2px repeat-x; text-decoration: underline;}
span.spgn:ACTIVE {background:url(../../images/buttonActive.png) left 0 repeat-x; color: #33A5CB; }
span.spgnc { background:url(../../images/buttonActive.png) 0 0 repeat-x; border:1px solid #83abbd; color: #15526e;}
a.mp {margin: 0 5px 0 0}

.shadow { background-image: url(../../images/layout2/grayBG3D2.png); background-repeat: repeat-x; background-position: top left;}



/** styling tabów **/

#search_content {font-size:10px;text-align: left; vertical-align: middle; margin: 0px auto; padding:0; width:550px; background-color:transparent; border: 1px solid #CCC;}
.minitabsNav ul {overflow:hidden; list-style:none; margin:0; padding:0; border-bottom:1px dotted #CCCCCC; margin-bottom:5px;}
.minitabsNav li {float:left; padding:4px 8px; margin:0 5px 0 0; color:#999; font-size:0.9em; cursor:pointer;font-weight: bold;}
.minitabsNav li.active { background: #F1F1F1;  color: #3392BD;}
.minitabsContent {clear:both; padding:5px;}

/** jq tools tabs **/
/** MainNavi **/
ul.MainNavi { list-style: none; margin:0 !important; padding:0; height: 24px;}
ul.MainNavi li {list-style-image: none; float: left; padding:0; margin:0; color:#999; font-size:10px; cursor:pointer; background-color: #e0dddb; }
ul.MainNavi a { height: 18px; display: block; padding:6px 15px 0 15px; color:#666;
    background-color: #eee}
ul.MainNavi a:hover {background-color: #aad9f3;  color: #000;  background-color:#f3f3f3}
ul.MainNavi a.current, ul.MainNavi a.current:hover, ul.MainNavi li.current a {background-color: #92d9f3;  color: #333; }
ul.MainNavi a:active { outline:none; }
.MainPane {border:1px solid #ddd }

/** SubNavi **/
ul.SubNavi { border-bottom:1px solid #cecece;  list-style: none; margin:0 !important; padding:5px 0 0 5px; height: 28px; background-color: #92d9f3 }
ul.SubNavi li {list-style-image: none; float: left; padding:0; margin:0 10px 0 0; color:#999; font-size:11px; cursor:pointer;}
ul.SubNavi a {height: 18px; display: block; padding-left: 5px; padding-right: 6px; font-size: 12px; border-right: 1px solid #ccc; color:#777 }
ul.SubNavi a:hover {color: #888; text-decoration:underline;}
/*ul.SubNavi a.current, ul.SubNavi a.current:hover, ul.SubNavi li.current a {  color: #333; font-weight: bold;}*/
ul.SubNavi a.current, ul.SubNavi a.current:hover {  color: #111; font-weight: bold;}
ul.SubNavi a:active { outline:none; }
.SubPane {}
div.MainPane, div.SubPane {display: none; }

/** ShortSpriteNavi **/
ul.ShortNavi { list-style: none; margin:0 !important; padding:0; height: 21px;}
ul.ShortNavi li {list-style-image: none; float: left; padding:0; margin:0; color:#999; font-size:10px; cursor:pointer; }
ul.ShortNavi a {width:84px; height: 12px; display: block; padding:4px 0 5px 15px; color:#666;
    background: url(../../images/layout2/sprite_tab_short.png) no-repeat -198px 0; }
ul.ShortNavi a:hover {color: #000;  background: url(../../images/layout2/sprite_tab_short.png) no-repeat -99px 0}
/*ul.ShortNavi a.current, ul.ShortNavi a.current:hover, ul.ShortNavi li.current a {height:17px ; color: #333; text-decoration: none;
 background: url(../../images/layout2/sprite_tab_short.png) no-repeat 0 0}*/
 
ul.ShortNavi a.current, ul.ShortNavi a.current:hover, ul.ShortNavi li.current a {background: url(../../images/layout2/sprite_tab_short.png) no-repeat 0 0;}
ul.ShortNavi a.current {color:#444} 
ul.ShortNavi a:active { outline:none;}
.ShortPane {border:1px solid #ddd; background-color: #fff}
div.ShortPane {display: none; }


/** LongSpriteNavi **/
ul.LongNavi { list-style: none; margin:0 !important; padding:0; height: 21px;background-color:transparent;}
ul.LongNavi li {list-style-image: none; float: left; padding:0; margin:0; color:#999; font-size:10px; cursor:pointer; }
ul.LongNavi a {width:145px; height: 12px; display: block; padding:4px 0 5px 15px; color:#666;
    background: url(../../images/layout2/sprite_tab_long.png) no-repeat -320px 0; }
ul.LongNavi a:hover {color: #000;  background: url(../../images/layout2/sprite_tab_long.png) no-repeat -160px 0}
/*ul.LongNavi a.current, ul.LongNavi a.current:hover, ul.LongNavi li.current a {height:17px ; color: #333; text-decoration: none;
 background: url(../../images/layout2/sprite_tab_long.png) no-repeat 0 0}*/
 
ul.LongNavi a.current, ul.LongNavi a.current:hover, ul.LongNavi li.current a {background: url(../../images/layout2/sprite_tab_long.png) no-repeat 0 0;}
ul.LongNavi a.current {color:#444} 
ul.LongNavi a:active { outline:none;}
.LongPane {border:1px solid #ddd; background-color: #fff; padding-bottom:10px; }
div.LongPane {display: none; }


/** MediumSpriteNavi **/
ul.MediumNavi { list-style: none; margin:0 !important; padding:0; height: 21px;}
ul.MediumNavi li {list-style-image: none; float: left; padding:0; margin:0; color:#999; font-size:10px; cursor:pointer; }
ul.MediumNavi a {width:99px; height: 12px; display: block; padding:4px 0 5px 15px; color:#666;
    background: url(../../images/layout2/sprite_tab_medium.png) no-repeat -228px 0; }
ul.MediumNavi a:hover {color: #000;  background: url(../../images/layout2/sprite_tab_medium.png) no-repeat -114px 0}
/*ul.MediumNavi a.current, ul.MediumNavi a.current:hover, ul.MediumNavi li.current a {height:17px ; color: #333; text-decoration: none;
 background: url(../../images/layout2/sprite_tab_medium.png) no-repeat 0 0}*/
 
ul.MediumNavi a.current, ul.MediumNavi a.current:hover, ul.MediumNavi li.current a {background: url(../../images/layout2/sprite_tab_medium.png) no-repeat 0 0;}
ul.MediumNavi a.current {color:#444} 
ul.MediumNavi a:active { outline:none;}
.MediumPane {border:1px solid #ddd;}
div.MediumPane {display: none; }


div.in {display: inline}
.mr5 {margin-left:5px}

.h20 {line-height: 20px}
.h25 {height:25px}

table.debug tr td {border:1px solid red}
p.desc {text-align: justify; font-size: 11px; color: #555; margin-top:12px}
/* Wyszukiwarka */
#SzukajOsiagniec_Cnt {background-color: #fff}


/* lista zawodników trenera */
p.tzl {font-size:10px}

/** alerty boczne **/
div.alb {width: 188px ; height: 116px ; background: url(../../images/layout3/ibox_normal.png) left top no-repeat; margin: 0 0 10px 0; overflow:hidden; }
div.alb a {font-size: 12px}
div.alb_cnt { width:90%;  margin:15px auto 0 auto; overflow:hidden}
div.a_cal {float:left; overflow:hidden; display:block; width: 52px; height:52px;background: url(../../images/layout3/kalendarz.png) left top no-repeat;
                 text-align: center; text-transform:uppercase; font-size:11px; font-weight:bold; color:#555; } /* padding-top:28px;*/


p.albt {margin: 0; }
table.nul {margin: 0; padding: 0;}
.cal {background: url(../../images/icons/32/calendar_background.png) 0 0 no-repeat; width: 26px; height: 32px; padding: 9px 0 0 8px; font-size: 10px; line-height: 10px}
.cal_blue {background: url(../../images/icons/32/calendar.png) 0 0 no-repeat; width: 26px; height: 32px; padding: 9px 0 0 8px; font-size: 10px; line-height: 10px}
td.top {vertical-align: top;}
div.albi {}
.alt {font-size:16px; color: #333; margin:0 0 3px 0; padding: 4px 0 4px 6px;background-color: #92d9f3; background-image: url(../../images/layout2/grayBG3D2.png); background-repeat: repeat-x;}

.frametitle {margin: 0; padding: 4px 2px 4px 6px; background-color: #92d9f3; background-image: url(../../images/layout2/grayBG3D2.png); background-repeat: repeat-x;}

.blueFrame {border:2px solid #cddfef; background-color:#f3f7fb; width: 300px; margin:5px auto 5px auto; padding: 5px}
.iconMsg {color: #666; background: url(../../images/icons/16/info.png) left 5px no-repeat; padding:5px 10px 5px 25px;  text-align: left; vertical-align: middle; margin-left: auto; margin-right: auto;}

/* the overlayed element */
div.overlay {background-image:url(../..images/white.png); width:600px; height:470px; display:none;padding:55px;}
div.overlay div.close { background-image:url(../../images/close.png); position:absolute;right:0;top:25px;cursor:pointer;height:35px;width:35px;}
div.overlay.black {    background:url(../img/overlay/transparent.png) no-repeat !important;    color:#fff;}
div.overlay.petrol {    background:url(../img/overlay/petrol.png) no-repeat !important;    color:#fff;}
div.black h2, div.petrol h2 {    color:#ddd;  }
#overlay {    background-image:url(../../images/white.png);    color:#efefef;    height:450px;}
div.wrap {    height:441px;    overflow-y:auto;}
.z_bf_c {float: left; overflow: hidden; width:180px }

/** Foto slider **/
#scroll_cnt {width:600px; height:116px; background:url(../../images/layout3/fotoslider_bg.png) left top no-repeat;
            position:relative; overflow:hidden; clear:both; margin-bottom:10px}
div.fotoslider {position:relative;left:25px; width:550px; height:116px;   overflow:hidden; }
.fotoslider .items {width:20000em; position:absolute;clear:both;top:-10px; }
.items a {display:block; float:left; margin:10px;}
.fotoslider img {float:left; background-color:#fff; padding:2px; border:1px solid #ccc; cursor:pointer;
    -moz-border-radius:4px; -webkit-border-radius:4px;}

a.browse {position:relative;top:-70px;background:url(../../images/layout3/navi_pointer.png) no-repeat; display:block;width:30px;height:30px;float:left;cursor:pointer;font-size:1px;}
a.prevPage        {left:10px;margin-left: 0px; } 
a.prevPage:hover  {background-position:-30px 0; }
a.nextPage        {left:530px; background-position:-30px -30px;  clear:right; margin-right: 0px;}
a.nextPage:hover {background-position: 0 -30px;} 
a.disabled {visibility:hidden !important;} 

/** see more **/
.seemore {height:21px; padding-right: 0; background: url(../../images/layout3/sm_r.png) right top no-repeat; margin-top:15px; }
.seemore:hover {background-image: url(../../images/layout3/sm_ro.png)}
a.sm {color:#666; font-size: 11px}
a.sm:hover {text-decoration:none;}
.sm_tr {height: 21px}
.sm_l {background: url(../../images/layout3/sm_l.png) right top no-repeat; width:19px; }
.sm_bg {background: url(../../images/layout3/sm_bg.png) left top repeat-x; height: 21px; padding-left:3px; padding-right:3px}
.sm_r {width:19px;}


#vline       {width:100%; margin:40px 0 0 0; font-size:10px ; padding:0; background-color: #fff; text-align: center; border-top:1px solid #A0A0A0}
#footer_wrap {width:100%; min-height: 165px; background: #0292CE url(../../images/layout3/stopka_blue.jpg) 0 0 repeat-x;}
#footer      {width:1000px;height:137px;padding-top:10px; margin-left:auto; margin-right:auto; overflow:hidden; clear:both; color:#fff }
#foot_l, #foot_c, #foot_r {width:33%; height:147px; overflow:hidden; float:left; }
#foot_l {border-right:1px dashed #fff; width:200px; background: url(../../images/layout3/stopka_logo_mkp.png) 140px 50px no-repeat;}
#foot_c {color: #fff;padding-left:10px; border-right:1px dashed #fff;width:250px}
#footer a {color:#fff;  font-size:10px}
#footer a:hover {text-decoration: underline;}
#foot_r {padding-left:10px}