/*******************************************************************************
    style.css -- stylesheet for zagram.org, a service for playing Kropki online.
    Copyright (C) 2008,2009,2010,2011  Jakub Grzegorzek and Bartek Dyda
     email: kropki (at) yahoo (dot) co (dot) uk

    Large parts of navigation tree (line) style comes from http://eidogo.com,
     copyright (C) 2007, Justin Kramer <jkkramer@gmail.com>

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as
    published by the Free Software Foundation, either version 3 of the
    License, or (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*******************************************************************************/
/* position:relative; margin: 10px auto 30px auto; */
div#tekstPowitania{ display:none; position:absolute; right:240px; top:120px; z-index:25; text-align:left;
                    background-color:#f8f3e6; width:520px; padding:10px 0px 10px 30px; 
                    border: 4px solid #d97c85; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;
                    text-align:left; font:normal 14px arial; line-height:30px }

div#tloCien{ display:none; position:absolute; top:-10px; left:-2%; width:104%; height:105%; 
             background-image: url("tloCien.png"); z-index:12 }

div#witajGraczu{ margin-bottom:10px; width:510px; height:30px; }
div#infoDlaGracza{ font:bold 17px georgia; color:#a51979; float:left;  }
div#menuGracza{ float:right; }
div#menuGracza span{ font:normal 12px verdana; color:#184bde; margin-left:10px; }

div#gosc0{ display:block; padding-top:15px; }
input#opisGracza{ font:normal 13px verdana; height:18px; background-color:#fafaf2; border:1px solid #d97c85; }
div#wybierzInnyNick{ font:normal 12px verdana; color:red; margin:0px 135px; 
                     text-align:right; visibility:hidden; height:15px}
div#wyborJezykaIokPowitanie{ margin-top:-5px; width:370px; height:40px; }
div#twojWyborJezyka{ float:left; margin-top:6px;  }
select#wyborJezyka1{ font:normal 12px verdana;  }
input#okPowitanie{ float:right; width:100px; margin-top:10px; display:block; font:bold 14px sans; color:#444444; }

div#logowanie1{ display:none; position:relative; padding-bottom:20px; padding-top:15px; }
div#wpisz1 div{ width:237px; height:23px; }
div#wpisz1 b{ display:block; margin:0px 0px 6px 80px; height:10px; font:normal 10px verdana; color:red; }
div#wpisz1 span{ display:block; float:left; font:normal 14px verdana;}
div#wpisz1 input{ display:block; float:right; height:18px; width:150px; background-color:#fafaf2; border:1px solid #d97c85; 
                     font:normal 13px verdana; background-color:#fafaf2; }
div#zapomniales1{ position:absolute; top:40px; left:257px; font:normal 12px verdana; color:#184bde; cursor:pointer; }
div#zapomniales1:hover{ text-decoration:underline; }
input#ok1{ display:block; margin:20px 0px 0px 100px; width:100px; font:bold 14px sans; color:#444444; }

div#noweKonto2{ display:none; position:relative; padding-top:15px; }
div#wpisz2 div{ height:23px; margin-top:4px; }
div#wpisz2 b{ display:block; margin:0px 0px 6px 80px; height:10px; font:normal 10px verdana; color:red; }
div#wpisz2 span{ display:block; float:left; font:normal 14px verdana; width:100px; }
div#wpisz2 input{ display:block; float:left; height:18px; width:170px; background-color:#fafaf2; border:1px solid #d97c85; 
                  font:normal 13px verdana; }
div#awatar2{ display:none; height:30px; }
div#awatar2 span{ display:block; float:left; font:normal 14px verdana; width:100px; }
div#podgladAwataru2{ display:none; position:absolute; top:30px; left:350px; }
div#zaczekaj2{ margin-left:-25px; font-size:12px; }

div#dodatkowo2{ font-size:12px; line-height:15px; margin-top:5px; }
div#dodatkowo2 span{ color:blue; margin-right:10px; }
div#dodatkowo2 span:hover{ text-decoration:underline; cursor:pointer; }

input#wyslij2{ display:block; margin:14px 0px 0px 120px; width:100px; font:bold 14px sans; color:#444444; float:left; }

div#resetHasla3{ display:none; position:relative; padding-bottom:60px; padding-top:15px; }
div#resetHasla3 div{ height:23px; margin-top:4px; }
div#resetHasla3 b{ display:block; margin:0px 0px 6px 50px; height:10px; font:normal 10px verdana; color:red; }
div#wpisz3 span{ display:block; float:left; font:normal 14px verdana; width:80px; }
div#wpisz3 input{ display:block; float:left; height:18px; background-color:#fafaf2; 
                  border:1px solid #d97c85; font:normal 13px verdana; }
button#ok3{ display:block; margin:20px 0px 0px 105px; width:100px; font:bold 14px sans; color:#444444; }
div#wyslane3{ display:none; }

div#ustawienia4{ display:none; position:relative; padding-top:15px; }
div#ustawienia4 div{ height:23px; margin-top:4px; }
div#ustawienia4 b{ display:block; margin:0px 0px 6px 100px; height:10px; font:normal 10px verdana; color:red; }
div#wpisz4 span{ display:block; float:left; font:normal 14px verdana; width:100px; }
div#wpisz4 input{ display:block; float:left; height:18px; background-color:#fafaf2; 
                  border:1px solid #d97c85; font:normal 13px verdana; }
div#ukryte4 div{ display:none; }
div#ukryte4 b{ display:none; }
div#dodatkowo4{ font-size:12px; line-height:15px; padding-top:15px; margin-right:10px; }
div#dodatkowo4 span{ color:blue; margin-right:10px; }
div#dodatkowo4 span:hover{ text-decoration:underline; cursor:pointer; }
div#podgladAwataru4{ display:none; position:absolute; top:-8px; left:350px; }
div#zaczekaj4{ margin-left:-25px; font-size:12px; }
input#zapisz4{ margin-left:140px; margin-top:20px; width:100px; font:bold 14px sans; color:#444444; }
div#zapisane4{ margin-left:115px; font:normal 12px arial; color:#29a32f; }

/* body{ background-image: url("brown020.jpg"); text-align:center; padding-bottom:40px} */
/* kolory #756f4b 6d805b 5b7580 556677*/
body{ background-color:#5b7580;  text-align:center; padding-bottom:40px}
div#glowne{ position:relative; margin: 5px auto 10px auto; width:1000px; /* bylo width:975px; */
            background-color:#f8f3e6; border: 4px solid #d97c85; z-index:5; text-align:left;
            border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; padding-bottom:55px; }

/* menuGorne ------------------------------------------------------------------------------------------ */
div#menuGorne{ position:absolute; width:100%; top:5px; height:26px; background-color:#f8f3e6;
                text-align:left; z-index:2; }
div#menuGorne #settingsImg {cursor:pointer;}
div#menuGorne #glosnikImg {cursor:pointer;}
div#menuGorne #statusImg {cursor:pointer;}
div#menuGorne ul { padding-left: 0px; padding-right: 0px; margin: 0px 0px 0px 0px;}
div#menuGorne li {list-style-type: none; float: right; padding-left: 3px; padding-right: 6px; padding-top: 5px;}
div#menuGorne li.naLewo {list-style-type: none; float: left;padding-left: 10px; padding-top: 0px; }
div#menuGorne li.naLewo2 {list-style-type: none; float: left;padding-left: 10px;  padding-top: 5px;cursor:pointer;  }
li.naLewo2 a { text-decoration:none; font:normal 14px arial; color:#111; }
li.naLewo2 a:hover { text-decoration:underline;  }
li.naLewo2 span {vertical-align: top;   }
li.naLewo2 img { padding-top: 0px; border: 0px; }
span#pwc {padding-bottom: 5px;padding-top: 0px;  font:normal 14px arial; color:#111; vertical-align: middle; }
span#adresStrony{ font:normal 20px georgia; color:#8a5830; cursor:pointer;} 
a.linki{  font:bold 14px arial; color:#184bde; text-decoration:none; margin-right:17px; }
a.linki:hover{ color:#184bde; text-decoration:underline }
a.linki:visited{ color:#184bde }
span.gryLinki{ font:bold 14px arial; color:#e30eac;
               padding: 1px 8px 1px 8px; cursor:pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
span#graWkropki{ margin-right:5px; }
span#graWkulki{ margin-right:5px; }
select#wyborJezyka2{ font:normal 11px verdana;  }
span#opisGraczaWmenu{ margin-left:10px; font:normal 14px arial;  }
span#opisGraczaWmenu b{ color:#bd4509; }
span#zmienOpisGracza{ color:#184bde; font:normal 11px verdana; margin-left:10px; }
span#zmienOpisGracza:hover{ text-decoration:underline; cursor:pointer; }

div#xyRuchu{ position:absolute; top:550px; left:7px; font:normal 14px arial;  }
div#tloObszaruGry{ position:absolute; top:35px; left:10px; background-color:#ffffff;  height:487px; width:487px; z-index:0;}

div#obszarGry{ position:relative; padding-top:0px; margin-left:5px; height:580px; width:510px; z-index:1; }
div#zaproszeniaIinne{ position:absolute; top:0px; left:0px; z-index:5; }
div#planszaKropek{ position:relative;  padding-top:30px; width:510px; z-index:1; }
div.wspolrzedne{ padding-top:0px; margin-left:0px; text-align:center; text-color:#000000; width:12px; height:12px; 
		 font-size:10px; z-index:0;}
div.wspolrzedne2{ padding-top:0px; margin-left:0px; text-align:right; text-color:#000000; width:14px; height:12px; 
		  font-size:10px; z-index:0;}
div.kr{position:absolute; background-color:black; color:black; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; 
       padding:0px; margin:0px; font-size:0px; }

div#plansza{ position:absolute; top:0px; left:0px }
div#kropki{ position:absolute; top:2px; left:0px; z-index:6; }
div#kropkiTymczas{ position:absolute; top:2px; left:0px; }
div#kropkiOst{ position:absolute; top:2px; left:0px; z-index:7; }
div#tymczas{ position:absolute; top:2px; left:0px; z-index:8; }
div#aktywneNaKursor{ position:absolute; top:2px; left:0px; z-index:9; }
div.hej{ position:absolute; top:80px; left:10px; width:400px;  text-align:center; font:normal 15px verdana;
         background-color:#f2ef91; border: 4px solid #b2a36c; z-index: 10;
         border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px }
div#zaproszenie{ display:none; height:315px; }
div#zaproszenieInfo{ display:none; height:110px;  }
span.podkr { color:#ee1111; }
div#koniecInfo{ display:none; height:110px; }
div#okrazamOkno{ display:none; height:110px; top: 520px; width:425px; }
div#ostrzezenieStop{ display:none; height:220px; top: 520px; width:425px; }
div#ostrzezenieStop button{ margin-right:30px; }

div#przygotujZaproszenie{ left:8px; top: 55px; display:none; height:250px; width:470px; padding-bottom:30px; }
div#przygotujZakonczGre{ display:none; }
div#przygotujZakonczGre div{ margin-top:3px; margin-bottom:3px; }
div#przygotujZakonczGre hr{ color:#b2a36c; background-color:#b2a36c; border:0px; height:3px; }
div.hej div{ margin-top:20px }
div.hej input{ margin:0px 10px; }
div.hej span{ font-weight:bold }
div#glosnik{ width:395px; margin:5px 0px 0px 5px; text-align:left }

div.znikajace{ position:absolute; top:54px; left:4px; background-color:#f2ef91;
	       border: 1px solid #b2a36c; border-radius:7px; -moz-border-radius:3px; -webkit-border-radius:3px;
	       padding:5px 0px; width:447px; text-align:center; font:normal 15px verdana;  z-index: 10; }

div#nieMoznaZkomputerem{ left:50px; top:100px; display:none; height:85px; width:350px; padding:10px; }
div#nieMoznaZkomputerem button{ width:100px; margin-top:10px; }

div#kolory{ position:absolute; left:40px; width:430px;  height: 420px; display:none; }
div#wyborKolorow{ height: 300px; overflow:auto; font-size:12px;}
input.color{ width: 70px; }
textarea#koloryTxtZ{  font-size:10px;}
textarea#koloryTxtW{  font-size:10px;}
ul.listaKol{ padding-left: 1.8em; text-align:left; }
button.buttonKol { margin-top: 15px; display:block; margin-left: 20px; }
img#krzyzykPalety { position:absolute; left:405px; }
div#infoOZmianach { color: #ff0000; display:none; }
span.paletaGoscInfo { display: none; text-align: left; font-style: normal; font-size: 10px; color: #ff0000;}
div#podzielSie { font-size: 10px; }

div#poPrawej{ position:absolute; top:50px; left:515px; font-family:verdana; font-size:15px; width:450px; text-align:left; z-index:3 }

div#ktoGra{ width:260px; text-align:left;}
div#ktoGra table { border:0px; width:260px; table-layout:fixed; overflow:hidden; word-wrap: break-word; }
td#graczB{ color:#2139e1; padding-right:8px; font-weight:bold; text-align:right; width:38%; overflow:hidden;}
td#graczW{ color:#ec1313; padding-left:8px; font-weight:bold; text-align:left;  width:38%;}
/*
td#punktyB{ color:#2139e1; text-align:right; }
td#punktyW{ color:#ec1313; text-align:left; } 
td.punkty{ font-weight:bold; background-color:#c6c396; padding:0px; text-align:center;width:10%; cellpadding:1px;}
td#dwukropekGorny { width: 2%; padding: 0px 3px; }
td#dwukropekDolny{ font-weight:bold; text-align:center;  width: 2%; }
*/
td#punktyB{ color:#2139e1; text-align:right; padding-right: 2px; }
td#punktyW{ color:#ec1313; text-align:left; padding-left: 2px;  }
td.punkty{ font-weight:bold; background-color:#c6c396; padding:0px; text-align:center;width:10%; cellpadding:1px;}
td#dwukropekGorny { width: 2%; padding: 0px 1px;}
td#dwukropekDolny{ font-weight:bold; text-align:center;  width: 2%; }
td#czasyB{ text-align:right; padding-top:5px; padding-right:2px;}
td#czasyW{ text-align:left; padding-top:5px; padding-left:2px;}

/*
td#czasyB{ text-align:right; padding-top:5px;}
td#czasyW{ text-align:left; padding-top:5px;}
*/
span#czasB{ color:#2139e1; }
span#czasW{ color:#ec1313; }
span.przyciskP{  color:#555555;  background-color:#ffeedd; font:normal 10px verdana;
		border: 2px solid #b2a36c; cursor:default;
		border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:7px }
span#dodajCzasB{ color:#2139e1; margin-right:3px;}
span#dodajCzasW{ color:#ec1313; margin-left:3px;}
span#pauzaB{ margin-right:3px; }
span#pauzaW{ margin-left:3px; }
div#pk{ margin-top:7px; margin-bottom: 7px;}
span#dzwieki { font:normal 14px verdana; margin-right:3px; }
span#ogolne { font:normal 14px verdana; margin-right:3px; }
span#wygladK { font:normal 14px verdana; margin-right:3px; }
span#wczytajPalete { font:normal 14px verdana; margin-right:3px; }
span#edytujPalete { font:normal 14px verdana; }
span#zapiszPalete { font:normal 14px verdana; }
div#zapiszDzwiekiStatusInfo  { margin-top:0px; margin-bottom: 7px;}
div#zapiszUwagaStatusInfo { margin-top:0px; margin-bottom: 7px;}
div#zapiszZaprStatusInfo { margin-top:0px; margin-bottom: 7px;}
div#zapiszKoloryInfo { margin-top:0px; margin-bottom: 7px;}
p.pUst {margin-top:0px; margin-bottom: 7px;}

td#awatarB{ text-align:right; }
td#awatarW{ text-align:left; }

div#zakonczGreRozmiarKropek{ display:block; margin-top:20px; margin-bottom:5px }
div#zakonczGreRozmiarKropek button{ margin-right:30px; }
div#zakonczGreRozmiarKropek img{ margin-left:5px; cursor:pointer; }
div#zakonczGreRozmiarKropek b{ display:block; visibility:hidden; margin:0px 0px 0px 0px; height:10px; font:normal 10px verdana; color:red; }

div#okrazamDiw{ display:none; margin-top:10px; margin-bottom:0px }
div#okrazamDiw button{ margin-right:30px; }
div#stopDiw{ display:none; margin-top:10px; margin-bottom:0px }
div#stopDiw button{ margin-right:30px; }
div#cofnijDiw{ display:none; margin-top:10px; margin-bottom:0px }
div#cofnijDiw button{ margin-right:30px; }

div#wyborCzasDiw{ margin-top:0px;margin-bottom:0px;}
div#zasadyDiw { display:none; float:left; margin-top:0px;margin-bottom:10px;  text-align:left; }
input#towarzyska { margin:0px 5px 0 10px; }
input#rankingowa { margin:0px 5px 0 10px; }
input#rankingowaJa { margin:0px 5px 0 10px; }
b#tylkoTer { display:block;   font:normal 10px verdana; color:red; margin:0px;}
tr#tab2 { height: 10px; margin:0px;}

input.IzasadyGry { float:left; }
div.zasadyInfo{ text-align:center; margin-top:0px; }
span#rodzajGryGoscia{ font:normal 15px verdana; padding-bottom: 20px; }
div#towText{ display:inline; }

div#przelacznikCzatObecni { position:relative;margin-top:10px;  margin-left:0px; font:normal 12px verdana; color:#184bde; cursor:pointer; z-index:4;}
span#przelacznikCzat { font-weight:bold; }
div#obszarCzata{ position:relative; width:249px; }
span#blokujKibica{  visibility:hidden; font:normal 12px verdana; color:#184bde; cursor:pointer; z-index:4; }
span#translator{ font:normal 12px verdana; color:#184bde; cursor:pointer; z-index:4; }
div#kibice{ display:none; background-color:#ff9494; width:237px; height:300px; overflow:auto;
	    position:relative; top:0px; left:0px; 
            z-index:5; border:1px solid #6b675b;
	    padding-left:5px; padding-right:5px; padding-bottom:10px; }
div#kibice span{ display:block; font:normal 11px verdana; margin-top:4px; margin-left:10px; }
div#listaKibicow div{ margin:3px 0px 0px 0px; font:bold 13px verdana, sans-serif; color:#1818dc; cursor:pointer;}
div#listaKibicow div:hover{ text-decoration:underline; }

div#czat{ background-color:#f5f0e3; z-index:4;
	  border-style:solid; border-color:#6b675b; border-width:1px 1px 0px 1px; z-index:4;
          margin-left:0px; margin-top:0px; padding-left:5px; padding-right:5px; padding-top:3px;
          width:237px; height:260px; font:normal 12px verdana;
          overflow:auto; padding-bottom:10px; }
div#czat div{ padding-bottom:1px }
div#czat b.cB { color:#111188; }
div#czat b.cW { color:#aa0000; }
div#czat b.cG { color:#118011; }
div#czat b    { color:#111111; }

div#obszarObecnych{ background-color:#f5f0e3; z-index:4;
	  border-style:solid; border-color:#6b675b; border-width:1px 1px 1px 1px; z-index:4;
          margin-left:0px; margin-top:0px; padding-left:5px; padding-right:5px; padding-top:3px;
          width:237px; height:300px; font:bold 13px verdana, sans-serif;
          overflow:auto; padding-bottom:10px; display:none;}
div#obszarObecnych div{ padding-bottom:2px }

div#graczPisze{ background-color:#f5f0e3; border-style:solid; border-color:#6b675b; border-width:0px 1px 1px 1px;
                padding-left:5px; padding-right:5px; margin-top:0px; padding-top:0px; z-index:4;
                width:237px; height:13px; font:normal 10px verdana; text-align:right;}
input#nowyWpis{ width:205px; height:17px; z-index:4;
                background-color:#fafaf2; border: 1px solid #6b675b; font:normal 14px arial, sans-serif }
input#wyslijWpis{ width:33px; height:21px; margin:4px 0px 0px 7px }

div#wyborGracza{ position:absolute; top:0px; left:265px; background-color:#f8f3e6; width:195px;     
                 font:bold 13px verdana, sans-serif; overflow:auto; height:555px; }
div#wyborGracza div{ margin-top:2px }
div#wyborGracza .tekst{ /*color:black;*/ margin-top:10px; cursor:default }
div#wyborGracza .tekstt{ margin-left:20px; /*color:black;*/ text-decoration:none; cursor:default }
div#graZkomputerem{ font-size:15px; }
div.wyborAktywny{ color:#184bde; }
div.wyborAktywny:hover{ text-decoration:underline; cursor:pointer; }
div.wyborAktywnyNaRuchu{ color:#bd4509; }
div.wyborAktywnyNaRuchu:hover{ text-decoration:underline; cursor:pointer; }
span.wyborAktywnyS{ color:#184bde; }
span.wyborAktywnyS:hover{ text-decoration:underline; cursor:pointer; }
div.wyborNieAktywny{ color:#11359c; background-color:#c6c396; }
div.wyborNieAktywny:hover{ cursor:default }
div.wyborNieAktywnyGracz{ color:#11359c; }
span.rankWNawiasie{ font:normal 13px verdana, sans-serif; }
div.wyborNieAktywnyGracz:hover{ cursor:default }
div#listaOsob {display: none;}

tr#gracz td{ background-color:#addb7d }

div#opisGraczaaD{ display:none; top:470px; left:0px; font-family:verdana; font-size:14px; margin-bottom:4px  }

div#ludzieD{ font-family:verdana; font-size:15px; text-align:left; margin-left:50px }
div#ludzieD span{ font:normal 13px verdana; text-align:left }

div#tabelaWynikowGierD{ margin:10px 0px 0px 45px; }
table#wynikiGierD{ font-family:verdana; font-size:12px; margin-top:10px 0px 0px 10px }
td.wynikCzasD{ font-style:italic; padding-right:10px}
td.wynikRedD{ color:#ed2a2a; padding-right:5px; font-weight:bold; text-align:right }
td.wynikGryD{ text-align:right }
td.wynikBlueD{ color:#2940e2; padding-left:5px; font-weight:bold; text-align:left }
td.wynikOpisD{ padding-left: 10px; text-align:left }
span.wynikRedD{ color:#ed2a2a; font-weight:bold }
span.wynikBlueD{ color:#2940e2; font-weight:bold }

div#infoOostatniejGrze{ font:normal 13px verdana; text-align:left; margin:20px 0px 0px 50px; }

div#testyD{ position:relative; font-size:11px; fonty-family:verdana; text-align:left }

div.przyciskH{
    background: #d8d3c0;
    padding: 0px 0px 0px 0px;
    margin: 5px 0 5px 0;
    text-align:center;
    cursor: pointer;
}
div#wlacznikHistorii{ position:absolute; top: 525px; left:30px; height:24px; width: 24px; }
div#ruchPlus{ position:absolute; top: 525px; left:55px; height:24px; width: 24px;display: none; }
div#ruchMinus{ position:absolute; top: 550px; left:55px; height:24px; width: 24px;display: none; }
div#podazajZaGra{ position:absolute; top: 575x; left:55px; height:24px; width: 24px;display: none; }

div#historiaRuchow{
    position:absolute; top: 525px; left:80px; height:132px; width: 406px; 
    float: right;
    padding: 5px 0px 0px 0px;
    margin: 5px 0 5px 0;
    overflow: auto;
    background: #d8d3c0;
    display: none;
    z-index:6;
}
table.nav-tree {
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
}
.nav-tree .empty {
    width: 24px;
    height: 19px; 
    padding: 0;
    margin: 0;
    background: #d8d3c0;
}
.nav-tree td {
    width: 24px;
    height: 19px;
    background: url(navtree-line.gif) repeat scroll 0 0;
    padding: 0;
}
.nav-tree div {
    float: left;
    width: 19px;
    height: 15px;
    margin: 0 0 5px 5px;
    text-decoration: none;
    font-size: 9px;
    font-family: arial, helvetica, sans-serif;
    text-align: center;
    padding: 4px 0 0 0;
    cursor: pointer;
}
.nav-tree div.W {
    background: url(w19.png);
    color: #000;
}
.nav-tree div.B {
    background: url(b19.png);
    color: #fff;
}
.nav-tree div.x {
    background: #444;
    color: #ccc;
}
.nav-tree div.elbow {
    width: 24px;
    height: 24px; 
    padding: 0;
    margin: 0;
    background:  #d8d3c0 url(navtree-elbow.gif)  5px 0px no-repeat;
}
.nav-tree div.elbowT {
    width: 24px;
    height: 24px; 
    padding: 0;
    margin: 0;
    background:  #d8d3c0 url(navtree-T.gif)  5px 0px no-repeat;
}
.nav-tree div.line {
    width: 24px;
    height: 24px; 
    padding: 0;
    margin: 0;
    background:  #d8d3c0 url(navtree-left.gif)  5px 0px no-repeat;
}
.nav-tree div.current {
/*    background: #822 !important; */
    background: #bc1 !important;
    color: #050 !important;
}

div#jakieZasadyWynik{ position:absolute; top: 590px; left:30px;  width:450px; font:normal 10px verdana;  text-align:left;}

/* style dla kropki-zasady.html, ... */
div#menuGorneZ{ height:20px; width:935px;}
div#menuGorneZ a{ display:block; width:auto; margin:0px 35px 0px 0px; float:left; text-align:center; }
div#tekstZ{ width:900px; margin:30px 0px 70px 50px; text-align:justify; }


div#dodajAwatar{ display:none; position:absolute; top:150px; left:0px; z-index:11; width:430px; height:300px;
                 background-color:#f2ef91; border: 2px solid #b2a36c;
                 border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px }
div#info5{ font:normal 15px arial; width:375px; margin:15px 0px 0px 20px; }
img#dodajAwatarKrzyzyk{ position:absolute; top:3px; left:411px; }
div#dodajAwatarKonto{ display:block; position:relative; margin-left:20px; margin-top:20px; }
div#dodajAwatarKonto div{ width:257px; height:23px; }
div#dodajAwatarKonto b{ display:block; visibility:hidden; margin:0px 0px 6px 80px; height:10px; 
                        font:normal 10px verdana; color:red; }
div#dodajAwatarKonto span{ display:block; float:left; font:normal 14px verdana; }
div#dodajAwatarKonto input{ display:block; float:right; height:18px; width:180px; background-color:#fafaf2;
                            border:1px solid #d97c85; font:normal 13px verdana; }
div#dodajAwatarPotrzebnyTylko{ position:absolute; top:105px; left:290px; font:normal 10px verdana; width:110px; }
input#dodajAwatarPrzegladaj{ display:block; position: absolute; top:227px; left:290px; 
                             width:110px; font:bold 14px sans; color:#444444; }
input#dodajAwatarWyslij{ display:block; position: absolute; top:260px; left:140px; 
                         width:100px; font:bold 14px sans; color:#444444; }


div#awatarBB{ margin-top:8px; display:none; }
div#dodajSwojAwatar{ width:74px; height:58px; border:2px solid #d97c85; font:bold 14px arial; cursor:pointer;
                     color:#184bde; text-align:center; padding:10px 2px 10px 2px; margin-top:2px; display:none; }
div#dodajSwojAwatar:hover{ text-decoration:underline; }
div#awatarWW{ margin-top:8px; display:block;}


/* ------------------------------ gra w kulki ------------------------- */

div#obszarGryWkulki{ position:relative; padding-top:30px; margin-left:35px; height:520px; width:510px; z-index:1; 
                     display:none; }
div#nadPlansza{position:absolute; left:0px; top:72px; }
div#nastepneKulki{position:absolute; left:0px; top:0px; width:150px;}
div#nastepneKulki img{ margin-left:9px; }
div#punkty{ position:absolute; left:152px; font:normal 25px cursive; width:100px; text-align:center;}
div#nowaGra{ position:absolute; left:298px; top:8px; font:bold 15px verdana; color:#222222; width:100px;
             text-align:center; background-color:#b8cfef; border: 2px solid #b6cdef; padding:2px; cursor:pointer;
             -moz-border-radius: 4px; -webkit-border-radius: 4px; }
div#planszaa{ position:absolute; left:0px; top:113px; background-color:#e9e49a; width:405px; height:405px; }
div#planszaa div{ position:absolute; z-index:3; }
div#planszaa img{ margin-left:6px; margin-top:6px; z-index:3; }
div#polaPlanszy div{ position:absolute;  background-color:#b5b19e; border:none; }
div#liniaLamana{ position:absolute; left:0px; top:0px; z-index:2; }
div#pokazInfoOzasadach{ display:none; position:absolute; left:80px; top:80px; z-index:4; padding:3px 15px 3px 15px;
                        border: 2px solid #d97c85; font:normal 14px arial;
                        border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;
                        background-color:#fde9d3; }
div#zasadyGryWkulki{ position:absolute; left:0px; top:530px; font:normal 13px verdana; width:405px;
                     text-align:justify; }
div#zasadyGryWkulki b{ color:#8a5830; }
div#usunDrogeRuchu{ position:absolute; left:0px; top:600px; font:normal 13px verdana; color:#184bde; 
                    cursor:pointer; }