/*
Arkusz stylow
*/
#popupBG { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #fbfbff; filter:alpha(opacity=70); opacity: 0.7;-moz-opacity:0.7; }
#popup { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; text-align: center; }
#popup:hover { cursor: pointer; }
#popup img { position: relative; top: 70px; background-color: white; }

* { border-collapse: collapse; padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; font-family: arial, sans-serif; font-size: 12px; }
html { background-color: #fbfbff; }
body { margin: 0px auto; width: 898px; }
a { color: #009240; text-decoration: none; font-weight: bold; }
a:hover { color: #f8c400; }

p { line-height: 20px; padding-bottom: 20px; }
p.center { padding-bottom: 0px; text-align: center; }
p.right { padding-bottom: 0px; text-align: right; }
p.left { padding-bottom: 0px; text-align: left; }
p.justify { padding-bottom: 0px; text-align: justify; }

#linkArchive { margin-right: -40px; float: right; }
#linkContact { position: relative; top: 5px; }
/*
div.left { float: left; width: 200px; height: auto; padding-top: 7px; padding-bottom: 7px; padding-right: 7px; }
div.right { float: right; width: 200px; height: auto; padding-top: 7px; padding-bottom: 7px; padding-left: 7px; }
*/
div.center { padding: 7px; text-align: center; }

img.left { float: left; padding-top: 7px; padding-bottom: 7px; padding-right: 7px; }
img.right { float: right; padding-top: 7px; padding-bottom: 7px; padding-left: 7px; }

table.relationTeams { border-left: solid 1px #009240; border-right: solid 1px #009240; border-bottom: solid 1px #009240; margin: 0px auto; }
table.relationTeams tr.head { height: 16px; }
table.relationTeams tr.head td { font-size: 9px; text-align: center; color: #ffffff; background-color: #009240; }
table.relationTeams tr td { width: 180px; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; vertical-align: top; background-color: #f9f9ff; }
table.relationTeams tr td.center { text-align: center; }
table.relationTeams tr td.left { text-align: left; }
table.relationTeams tr td.right { text-align: right; }
table.relationTeams tr td.numbers { text-align: center; width: 5px; }


table.images { width: 100%; text-align: center; }
table.images td { text-align: center; padding-top: 5px; padding-bottom: 15px; vertical-align: middle; }

#mainTop { width: 100%; height: 180px; background-image: url(graph/main_top.jpg); background-position: center center; }
#siteTop { width: 100%; height: 8px; background-image: url(graph/window_top.png); background-repeat: no-repeat; }
#siteContent { width: 100%; height: auto; background-image: url(graph/window_background.png); background-repeat: repeat-y; background-position: center center; padding-top: 10px; }
#siteBottom { width: 100%; height: 44px; background-image: url(graph/window_bottom.png); background-repeat: no-repeat; }

#tableTop { width: 100%; height: 180px; }
#tableTop td { vertical-align: top; text-align: left; }
#tableTop td.left { width: 220px; }

a#blazon { position: relative; display: block; float: left; left: 70px; top: 14px; width: 111px; height: 130px; }
a#blazon:hover { background-image: url(graph/blazon_on.jpg); background-position: center center; background-repeat: no-repeat; }

.center { text-align: center; }
.centerItalic { text-align: center; font-style: italic; }
div.footer { text-align: center; font-size: 11px; }
div.footer a img { margin-top: 15px; border: 0px; }
div.footer div.address { font-size: 11px; margin-bottom: 15px; }
div.footer a { font-size: 11px; }

div.subPage { width: 830px; min-height: 350px; margin: 0px auto; }

#mainLeft { display: inline; width: 400px; height: auto; }
#mainRight { float: right; width: 698px; height: auto; }

#nextMatch { position: relative; top: 30px; left: 10px; width: 530px; height: 72px; text-align: center; }
#nextMatch div.title, #nextMatch div.toStart { color: #009240; font-size: 10px;}
#nextMatch div.teams { margin-top: 8px; margin-bottom: 3px; font-size: 24px; font-weight: bold; }
#nextMatch div.when { font-size: 11px; margin-bottom: 10px; }
#nextMatch div.vs { font-size: 20px; display: inline; margin-left: 10px; margin-right: 10px; }

#mainMenu { position: relative; float: left; top: 65px;/* left: 2;*/left: 132px; width: auto; height: 26px; text-align: center; }
#mainMenu li { position: relative; float: left; display: inline; list-style-type: none; margin: 0 auto; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; font-size: 11px; font-weight: bold; color: #ffffff; cursor: pointer; }
#mainMenu li a:hover, #mainMenu li#selected a { background-color: #009240; color: #ffffff; }
#mainMenu li#selected a { padding-top: 6px; padding-bottom: 6px; background-color: #f8c400; color: #009240; }
#mainMenu li a { display: block; padding-top: 6px; padding-bottom: 6px; padding-left: 7px; padding-right: 7px; font-family: sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; }
#mainMenu li.noMenu { padding-top: 5px; width: 547px; margin: 0px auto; font-weight: normal; cursor: default; }

#mainContent tr td.left { vertical-align: top; }
#mainContent tr td.right { vertical-align: top; }
#mainContent tr td.center { width: 20px; }

#news, #newsletter {
  width: 300px;
  margin-left: 30px;  
  
  padding-top: 17px;
  padding-bottom: 7px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 20px;
  height: auto;
  background-color: #fafafa;
  background-image: url(graph/sep.png);
  background-position: right;
  background-repeat: repeat-y;
  
  border-top: solid 1px #e1e1e6;
  border-bottom: solid 1px #e1e1e6;
  border-left: solid 1px #009240;
  border-right: solid 1px #009240;
}

#news { height: 291px; }

.sepHorizontal { height: 20px; }


.titleBase { margin-left: 30px; width: 300px; height: 16px; }
.titleBaseWide { margin-left: 30px; }
.titleMain { position: relative; float: left; width: 90px; height: 13px; padding-top: 2px; background-color: #009240; font-size: 9px; color: #ffffff; text-align: center; }
#tableName { width: 470px; margin: 0px; }
#sponsorsName { width: /*470px*/836px; }
#playersListName { width: 240px; margin: 0px; }
#coachInfoName { width: 100%; margin: 0px; }
#tableName div.titleMain, #sponsorsName div.titleMain, #coachInfo div.titleMain { float: none; margin: 0px auto; }

#news div.title { font-size: 15px; font-weight: bold; }
#news div.datetime { font-size: 10px; padding-bottom: 15px; }
#news div.panel { width: 295px; height: 20px; border: solid 2px #d2d2d7; text-align: center; background-color: #ffffff; }
#news table.tabNews { width: 100%; height: 100%; }
#news table td.tabNewsText { vertical-align: top; }
#news table td.tabNewsPanel { vertical-align: bottom; }

.newsArchRow { }
.newsArchRow .rowDate {  }
.newsArchRow .rowContent {  
  border-top: solid 1px #e1e1e6;

  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 20px;
  height: auto;
}
.newsArchRow .date {
  position: relative; top: 11px;
  font-size: 10px;
  text-align: center;
  color: #ffffff;
  background-color: #009240;
  width: 120px; float: left;
}
.newsArchRow .title { font-size: 15px; font-weight: bold; position: relative; left: 20px; }
.newsArchRow .content {    
  margin-left: 120px; 
}


span.arrowLeft { float: left; width: 30px; height: 20px; background-color: #fafafa; background-image: url(graph/arrow_left.gif); background-position: center center; background-repeat: no-repeat; border-right: solid 1px #e1e1e6; }
span.arrowLeftNotActive { float: left; width: 30px; height: 20px; background-color: #fafafa; background-image: url(graph/arrow_left_not_active.gif); background-position: center center; background-repeat: no-repeat; border-right: solid 1px #e1e1e6; }
span.arrowLeft:hover { background-image: url(graph/arrow_left_on.gif); cursor: pointer; }
span.arrowLeft:active { border-color: #009240; }
span.arrowRight { float: right; width: 30px; height: 20px; background-color: #fafafa; background-image: url(graph/arrow_right.gif); background-position: center center; background-repeat: no-repeat; border-left: solid 1px #e1e1e6; }
span.arrowRightNotActive { float: right; width: 30px; height: 20px; background-color: #fafafa; background-image: url(graph/arrow_right_not_active.gif); background-position: center center; background-repeat: no-repeat; border-left: solid 1px #e1e1e6; }
span.arrowRight:hover { background-image: url(graph/arrow_right_on.gif); cursor: pointer; }
span.arrowRight:active { border-color: #009240; }

div.sepVertical { position: relative; left: 350px; width: 1px; height: 425px; background-color: #d2d2d6; }

#newsletterForm { padding-top: 10px; }
#newsletterInput { width: 198px; height: 20px; font-size: 15px; border: solid 1px #e1e1e6; background-color: #ffffff; text-align: center; }
#newsletterButton { width: 95px; color: #009240; font-weight: bold; border: solid 2px #d2d2d7; background-color: #ffffff; }
#newsletterButton:hover { border-color: #f8c400; }
#newsletterButton:active { color: #f8c400; background-color: #009240; }

.tablesZone { width: 470px; height: 460px; }
.newsZone { width: 300px; height: 336px; }

table#league1 { display: table; }
table#juniors { display: table; }
table#joungers { display: table; }

.tableOfScores, .tableOfSuccess { width: 470px; height: auto; border-left: solid 1px #009240; border-right: solid 1px #009240; border-bottom: solid 1px #009240; }
.tableOfScores tr.head, .tableOfSuccess tr.head { height: 16px; color: #ffffff; background-color: #009240; }
.tableOfScores tr.head td, .tableOfSuccess tr.head td { font-size: 9px; text-align: center; }
.tableOfScores tr, .tableOfSuccess tr { height: 27px; }
.tableOfScores tr td, .tableOfSuccess tr.td { vertical-align: middle; }
.tableOfScores tr td.teamName { width: 230px; }
.tableOfScores col#s1, .tableOfScores col#j1 { text-align: center; }
.tableOfScores col#s2, .tableOfScores col#j2 { text-align: left; }
.tableOfScores col#s3, .tableOfScores col#j3 { text-align: center; }
.tableOfScores col#s4, .tableOfScores col#j4 { text-align: center; }
.tableOfScores col#s5, .tableOfScores col#j5 { text-align: center; }
.tableOfScores col#s6, .tableOfScores col#j6 { text-align: center; font-weight: bold; }
.tableOfScores tr > td { text-align: center; }
.tableOfScores tr > td + td { text-align: left; }
.tableOfScores tr > td + td + td { text-align: center; }
.tableOfScores tr > td + td + td + td + td + td { font-weight: bold; }
.tableOfScores tr.o, .tableOfSuccess tr.o { background-color: #f9f9ff; }
.tableOfScores tr.e, .tableOfSuccess tr.e { background-color: #f2f2f7; }
.tableOfScores tr.mts { font-weight: bold; background-color: #f8c400; }
.tableOfScores tr.mts td { background-image: none; font-size: 15px; }
.tableOfScores tr.mts td.arrow_right { background-image: url(graph/arrow_table_right.gif); background-position: left center; background-repeat: no-repeat; }

.tableOfSuccess { width: 700px; height: auto; margin: 0px auto; }
.tableOfSuccess col#suc1 { text-align: center; }
.tableOfSuccess col#suc2 { text-align: left; }
.tableOfSuccess col#suc3 { text-align: center; font-weight: bold; }
.tableOfSuccess col#suc4 { text-align: center; }
.tableOfSuccess tr > td { text-align: center; width: 100px; }
.tableOfSuccess tr > td + td { text-align: left; width: 300px; }
.tableOfSuccess tr > td + td + td { text-align: center; width: 200px; }
.tableOfSuccess tr > td + td + td + td { text-align: center; width: 100px; }

#tableChanger { margin: 0px auto; padding: 0px; width: 470px; height: 22px; text-align: center; }
#tableChanger a { width: 135px; height: 22px; display: inline-block; text-align: center; font-weight: normal; }
#tableChanger a:hover { cursor: default; }
#playersChanger { margin-left: 3px; padding: 0px; width: 235px; height: 22px; }
#playersChanger a { width: 117px; height: 22px; display: block; text-align: center; font-weight: normal; }
#playersChanger a:hover { cursor: default; }

.league1On { display: inline; color: #f8c400; background-image: url(graph/arrow_table_down.gif); background-position: center bottom; background-repeat: no-repeat; }
.league1Out { display: inline; color: #009240; }
.juniorsOn { display: inline; color: #f8c400; background-image: url(graph/arrow_table_down.gif); background-position: center bottom; background-repeat: no-repeat; }
.juniorsOut { display: inline; color: #009240; }
.youngersOn { display: inline; color: #f8c400; background-image: url(graph/arrow_table_down.gif); background-position: center bottom; background-repeat: no-repeat; }
.youngersOut { display: inline; color: #009240; }

.league1ListOn { float: left; color: #f8c400; background-image: url(graph/arrow_players_down.gif); background-position: center bottom; background-repeat: no-repeat; }
.league1ListOut { float: left; color: #009240; }
.seniorsListOn { float: left; color: #f8c400; background-image: url(graph/arrow_players_down.gif); background-position: center bottom; background-repeat: no-repeat; }
.seniorsListOut { float: left; color: #009240; }
.juniorsListOn { float: right; color: #f8c400; background-image: url(graph/arrow_players_down.gif); background-position: center bottom; background-repeat: no-repeat; }
.juniorsListOut { float: right; color: #009240; }

.complementTD { height: 400px; vertical-align: top; }
.complement { background-image: url(graph/player_arrow_out.gif); background-repeat: repeat-y; }
.complement a { display: block; width: 240px; height: 16px; padding-top: 1px; padding-left: 10px; margin-right: 15px; font-size: 11px; font-weight: normal; cursor: default; }
.complement a span { font-size: 10px; font-weight: normal; }
.complementTop { width: 240px; height: 7px; background-image: url(graph/player_window_top.gif); background-repeat: no-repeat; }
.complementFooter { width: 240px; height: 7px; background-image: url(graph/player_window_bottom.gif); background-repeat: no-repeat; }
.complement a.o { background-image: url(graph/player_arrow_out_o.gif); background-repeat: repeat-y; background-color: #f9f9ff; }
.complement a.e { background-image: url(graph/player_arrow_out_e.gif); background-repeat: repeat-y; background-color: #f2f2f7; }
.playerNameOn { color: #f8c400; background-image: url(graph/player_arrow.gif); }
.playerNameOut { color: #009240; }

#complementInfoBox { width: 400px; height: 15px; padding-top: 1px; margin: 0px auto; margin-bottom: 5px; background-color: #fafafa; border: solid 1px #e1e1e6; text-align: center; font-size: 11px; color: #8a8a8d; }

#teamPhoto, #teamPhoto img { width: 560px; height: 292px; border: 0px; }
#playerIndicator { position: absolute; width: 35px; height: 52px; text-align: center; visibility: hidden; }
#playerInfo { position: absolute; width: 250px; visibility: hidden; }
#playerInfoContent { width: 236px; height: 400px; padding: 7px; text-align: center; background-color: #fbfbff; filter:alpha(opacity=80); opacity: 0.8;-moz-opacity:0.8; }
#playerInfoAll { width: 100%; height: auto; margin-top: 270px; }
#playerPhoto { position: absolute; width: 236px; height: 260px; top: 0px; left: 0px; text-align: center; margin-top: 10px; margin-bottom: 15px; visibility: hidden; }
#playerAge { /*width: 50%; float: left;*/ text-align: center; }
#playerHeight { text-align: center; }
#playerDescription { padding-top: 20px; text-align: left; }

#coachInfo { width: 100%; margin-top: 15px; }
#coaches { width: 100%; margin-top: 1px; background-color: #fafafa; border: solid 1px #e1e1e6; }
#coaches tr td { text-align: center; vertical-align: top; }
#coaches tr#coachPhotos td { padding-top: 10px; }
#coaches tr#coachNames td { font-weight: bold; padding-top: 5px; }
#coaches tr#coachDescription td { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; text-align: left; }

#multimediaMain { text-align: center; }
#multimediaTable { width: 100%; }
#multimediaTable tr td { text-align: center; }
#multimediaTable tr.multimediaTitle td { padding-bottom: 10px; font-size: 14px; }
#multimediaTable tr.multimediaTitle td span { font-size: 10px; }
#multimediaTable tr.multimediaVideo td object { width:400px; height:326px; }
#multimediaTable tr.multimediaAuthor td { padding-top: 10px; padding-bottom: 25px; }
#multimediaTable tr.multimediaAuthor td span { font-weight: bold; }

#sponsors { padding-top: 17px; padding-bottom: 25px; width: 836px/*470px*/; text-align: center; border-top: solid 1px #e1e1e6; border-left: solid 1px #e1e1e6; border-right: solid 1px #e1e1e6; }
#sponsors img { border: none; vertical-align: middle; padding-bottom: 7px; }

#relation .title { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
#relation .author { margin-bottom: 20px; }
#relation .text { line-height: 20px; }

#relationsList { float: right; }
.relationsTD { vertical-align: top; }
.relations { background-image: url(graph/menu_arrow_out.gif); background-repeat: repeat-y; }
.relations a, .relations a.selected { display: block; width: 350px; height: auto; padding-top: 2px; padding-bottom: 2px; font-size: 11px; font-weight: normal; color: #009240; }
.relations a.selected { color: #f8c400; background-image: url(graph/menu_arrow.gif); background-repeat: no-repeat; background-position: center left; }
.relations a:hover { color: #f8c400; }
.relations a div { font-size: 11px; padding-left: 20px;  font-weight: inherit; }
.relations a div span { font-size: 10px; font-weight: bold; }
.relationsTop { width: 350px; height: 7px; background-image: url(graph/menu_window_top.gif); background-repeat: no-repeat; }
.relationsFooter { width: 350px; height: 7px; background-image: url(graph/menu_window_bottom.gif); background-repeat: no-repeat; }

#newsArchList { float: right; }
.newsArchTD { vertical-align: top; }
.newsArch { background-image: url(graph/menu_arrow_out.gif); background-repeat: repeat-y; }
.newsArch a, .newsArch a.selected { display: block; width: 150px; height: auto; padding-top: 2px; padding-bottom: 2px; font-size: 11px; font-weight: normal; color: #009240; }
.newsArch a.selected { color: #f8c400; background-image: url(graph/menu_arrow.gif); background-repeat: no-repeat; background-position: center left; }
.newsArch a:hover { color: #f8c400; }
.newsArch a div { font-size: 11px; padding-left: 50px;  font-weight: inherit; }
.newsArch a div span { font-size: 10px; font-weight: bold; }
.newsArchTop { width: 150px; height: 7px; background-image: url(graph/menu_window_top.gif); background-repeat: no-repeat; }
.newsArchFooter { width: 150px; height: 7px; background-image: url(graph/menu_window_bottom.gif); background-repeat: no-repeat; }

.archYear, .archYearSelected { position: relative; color: #009240; left: 0px; font-size: 18px; font-weight: bold; margin-left: 13px; padding-left: 25px; }
.archYear { cursor: pointer; }
.archYearSelected { color: #ffffff; background-color: #009240; font-weight: normal; }
.archYear:hover { color: #f8c400; }
.archYearSelected:hover { cursor: default; }

#menuTree ul { padding-top: 3px; padding-bottom: 10px; }
#menuTree ul li { list-style: none; position: relative; left: 0px; }
#menuTree ul li a { font-size: 12px; font-weight: normal; }

table#contact  { width: auto; margin: 0px auto; }
#contact td.contactField { width: 350px; height: 100px; vertical-align: top; text-align: center; border: solid 1px #e1e1e6; }
#contact td.contactBreakTD { width: 70px; }
#contact td.contactBreakTR { height: 40px; }
div.contactTitle { position: relative; top: -8px; width: 200px; height: 13px; padding-top: 2px; margin: 0px auto; background-color: #009240; font-size: 9px; color: #ffffff; text-align: center; }
div.contactName { margin-top: 15px; font-size: 16px; font-weight: bold; }
div.contactMail { margin-top: 5px; }
div.contactDescription { margin-top: 20px; margin-bottom: 15px; margin-left: 12px; margin-right: 12px; text-align: justify; }

#sponsorsNotice .title { font-size: 16px; font-weight: bold; margin-bottom: 10px; }

#hymn { width: 100%; text-align: center; }
#hymnByWord { margin-top: 10px; color: #009240; font-weight: bold; font-size: 18px; }