/*******************************************************************************
    style.css -- stylesheet for zagram.org, a service for playing Kropki online.
    Copyright (C) 2008,2009,2010,2011,2012  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/>.
*******************************************************************************/


span.mmdd { display:none; }
span.sekundy { display:none; }


div#logoutMenu {position:absolute; top: 31px; right:4px; width: auto; height: auto;
		border-radius:4px;
		/*background-color: #fff; z-index: 22;
		font:normal 13px verdana; color:#333; */
		/*border: 1px solid #444; */
		/*border-top: 0px solid #000;*/
		display:none;
		width:auto;
		left:auto;
	       }
div.trojkacik, div.trojkacikBrzeg {
  border-style: solid;
  height:0;
  width:0;
  position:absolute;
}
div.trojkacik{
  border-color: transparent transparent #f2ef91 transparent;
  border-width: 8px;
  top:-16px;
  right:13px;
  margin-top:0px !important;
}

div.trojkacikBrzeg{
  border-color: transparent transparent #d2c37c transparent;
  border-width: 12px;
  top:-24px;
  right:9px;
  margin-top:0px !important;
}

div#logoutMenu ul {
    list-style-type: none;
    text-align: left;
    padding: 0px;
    margin: 10px 0px 0 0;
}
div#logoutMenu ul li {
    padding: 1px 10px 1px 10px;
    min-width: 120px;
}
div#logoutMenu ul li.liLink, div#logoutMenu ul li a  {
    cursor: pointer;
    color: #184bde;
    text-decoration: none;
}
div#logoutMenu ul li.liLink:hover, div#logoutMenu ul li a:hover {
    text-decoration: underline;
}
div#logoutMenu ul li.liSrodek {
    text-align: center;
}


div#caloscPodMenu{ position:relative; height:550px; }
div#poLewej{ position:relative;float:left; top:8px; left:10px; /*height:650px;*/ width:500px; /*z-index:0;*/}
div#obszarGryWKropki{ position:relative; height:540px; width:100%; /*z-index:4;*/}
div#obszarGry{ position:absolute; top:0px; left:0px; background-color:#ffffff;  height:497px; width:497px; z-index:0;}
div#planszaKropek{ position:relative;  top:0px;  width:497px; z-index:1; height:100%; }

div.hej { position:absolute; top:80px; left:10px; width:400px;  text-align:center; font:normal 15px verdana;
	  background-color:#f2ef91; border: 4px solid #d2c37c; z-index: 10; display:none;
	  border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;
	  box-shadow: 7px 7px 5px #777;
}
div.hej_nagl, div.hej_stopka {
    background-color:#d2c37c;
    margin:0 !important;
    display:block;
    clear: both;
}
div.hej_nagl {
    padding: 8px 0 12px 0;
}
div.hej_stopka {
    padding: 8px 0 4px 0;
}
div.hej_nagl_drag, div.hej_nagl_drag_pusty {
    width: 92%;
    float:left;
    cursor:all-scroll;
}
div.hej_nagl_drag {
    margin-top:0px !important;
}
div.hej_nagl_drag_pusty {
    margin-top:-8px !important;
}
br.clearBoth {
    clear:both;
}
div.krzyzyk { float: right; margin: 0px 7px 0px 0px !important;
	      background-image: url("krzyzyk.png"); display: inline; height: 16px; width: 16px;}

span#handi, span#nohandi, span#rodzajGryZalog, span#rodzajGryNietow {font-weight:normal;}

div#tekstPowitania, div#tekstPowitaniaCookie{
    display:none; position:absolute; right:240px;  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; 
}
div#tekstPowitania { top:140px; line-height:30px; }
div#tekstPowitaniaCookie{ top:20px; }

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#tekst2 {display:none; }
span#tekst2licznik { float: right; margin-right: 50px;}
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.h23m4 { height:23px; margin-top:4px; } 
span#wczytajTekst4 { color:blue; margin-right:10px;  font-size:12px !important;}
span#wczytajTekst4:hover{ text-decoration:underline; cursor:pointer; }
textarea#opis0 { margin: 0px 10px; }
div#emailZapisane { margin-top: 3px;  display: inline; }
div#emailEmailDiv { margin: 15px; display: block;}
div#emailOpisDiv { margin: 15px;  display: block;}
div#emailAwatarDiv { margin: 15px; display: block;}
div#awatar0 { display: inline; }

div#ukryte4 div{ display:none; }
div#ukryte4 b{ display:none; }
div#dodatkowo4{ font-size:12px; line-height:15px; padding-top:5px; margin-right:10px; }
div#dodatkowo4 span{ color:blue; margin-right:10px; }
div#dodatkowo4 span:hover{ text-decoration:underline; cursor:pointer; }
span#tekst4licznik { float: right !important; }
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; }
div#glowne{ position:relative;/* margin: 5px auto 10px auto;*/ width:1041px;
            background-color:#f8f3e6; /*border: 4px solid #d97c85;*/ z-index:5; text-align:left;
            /*border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; */}

/* menuGorne ------------------------------------------------------------------------------------------ */
div#menuGorne{ position:relative; width:100%; /*top:5px;*/ height:27px; background-color:#fff8f0; /*#f8f3e6;*/
                text-align:left; z-index:6; 
		border-bottom: 1px dotted #d8d3c6;
	     }
div#menuGorne #settingsImg {cursor:pointer;}
div#menuGorne #glosnikImg {cursor:pointer;}
div#menuGorne #statusImg {cursor:pointer;}
div#menuGorne ul { padding-left: 3px; padding-right: 0px; margin: 0px 0px 0px 0px; display: flow-root; }
div#menuGorne ul li {list-style-type: none; float: left;
		     padding-left: 3px; padding-right: 4px; padding-top: 6px;
		    vertical-align:top;}
div#menuGorne ul li span {vertical-align:top;}
div#menuGorne ul li a {  font:normal 14px arial;  padding-top: 5px; vertical-align:top;}
div#menuGorne ul li a:hover { text-decoration:underline;  }
/*div#menuGorne span {vertical-align: top;   }*/
div#menuGorne img { padding-top: 0px; border: 0px; vertical-align:top;}
div#menuGorne div { position: relative; padding: 0px; margin: 0px; vertical-align:top;}
div#menuGorne div#potencjometr { position: absolute; left:60px; top:20px; height: 225px; width: 25px;  display:none;  background-color: #d2c37c;}
div#menuGorne div div#suwak { position: absolute; left:5px; top:5px; height: 215px; width: 15px;  display:block; background-color: #6b675b;}
div#menuGorne div div div#kwadratSuwaka { position: absolute; left:0px; top:0px; height: 15px; width: 15px;  display:block;
					  background-color: #f2ef91; }
div#menuGorne ul li.naPrawo { float: right; padding-right: 12px; }
li.wGore { padding-top: 1px !important; }
li.wPrawo { padding-left: 30px !important; }

a#ad1link:hover { background-color:#9e9; text-decoration:none;}

li#ad_0 { display: none; }
li#ad_1 { display: none; }
li#ad_2 { display: none; }
span#pwc {padding-bottom: 5px;padding-top: 0px;  font:normal 14px arial; color:#111; vertical-align: middle; }
span#adresStrony{ font:normal 20px georgia; color:#b05022; cursor:pointer;} 
a.linki{  font:bold 14px arial; color:#184bde; text-decoration:none;  }
a.linki:hover{ color:#184bde; text-decoration:underline }
a.linki:visited{ color:#184bde }

.pomoc { color:#184bde; text-decoration:none; border: 1px dotted #184bde; }
div.pomocDivR {display: none; position: relative; top: 0px; left: 0px; height:0px; width:100%; margin:0  !important; padding:0 !important; }
div.pomocDivA { display:block; position: absolute; top: 0px; left: 0px; width: auto; height: auto;
		background-color:#33ef33; border: 4px solid #22c322;
		z-index: 11;
		border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;
		box-shadow: 7px 7px 5px #777;
		margin:0  !important; padding:0 !important;
}
div.pomocDivA table {  border-spacing: 20px 0px; }

span.gryLinki, span.gryLinkiAkt, span.gryLinkiNowe
{ font:normal 14px arial; margin-right:5px;
  padding: 1px 8px 6px 8px;
  border-radius: 4px 4px 0 0;
  border: 1px solid #d8d3c6;
  border-bottom: 0px solid #000;
  position: relative;
}
span.gryLinki {
    background-color: #d0d0d0;
    color:#184bde; /*#c30c8d;*/
 cursor:pointer; 
 border-bottom: 1px solid #ccb;
 padding-bottom: 4px !important;
}
span.gryLinki:hover{ text-decoration:underline }
span.gryLinkiAkt { background-color: /*#ffffff;*/ #f8f3e6;
		  cursor:default; 
		  color:#184bde; /* #e30eac; */
		  font-weight: bold !important;
 }

span.gryLinkiNowe { 
    font-weight:bold !important;
    background-color:#f32;
    cursor:pointer;
}
span.gryLinkiNowe:hover{ text-decoration:underline }

select#wyborJezyka2{ font:normal 11px verdana;  }
span#opisGraczaWmenu, span#opisGraczaWmenu2 { margin-left:2px; font:bold 14px arial; color:#b05022;  /*#8a5830; #bd4509;*/ }
/*span#opisGraczaWmenu b{ color:#bd4509; }*/
span#opisGraczaWmenu {
    background: url("nabla.png") no-repeat scroll right center transparent;
    padding-right: 13px;
    cursor: pointer;
}

span#zmienOpisGracza{ color:#184bde; font:normal 11px verdana; margin-left:10px; }
span#zmienOpisGracza:hover{ text-decoration:underline; cursor:pointer; }


div#zaproszeniaIinne{ position:absolute; top:0px; left:0px; z-index:5; }

div.wspolrzedne{ padding-top:0px; margin-left:0px; text-align:center; color:#000000; width:12px; height:12px; 
		 font-size:10px; z-index:0;}
div.wspolrzedne2{ padding-top:0px; margin-left:0px; text-align:right; 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; /*margin-top:2px; margin-left:3px; */ }
div#kropkiOst{ position:absolute; top:2px; left:0px; z-index:7; /*margin-top:2px; margin-left:3px;*/ }

img.imgKr { margin-top:2px; margin-left:4px; } 
.kropkaBlueD { border-radius: 50%; z-index:5; background: none repeat scroll 0 0 #2052cd; width: 13px; height: 13px; margin-top:3px; margin-left:3px; }
.kropkaBlue { border-radius: 50%; z-index:6;  background: none repeat scroll 0 0 #1f33c5; width: 11px; height: 11px; margin-top:3px; margin-left:3px;
	background-image: -moz-radial-gradient(13px 13px 120deg, circle cover, rgba(150,150,150,0) 60%, rgba(255,255,255,1) 90%);
	background-image: -webkit-radial-gradient(13px 13px, circle cover, rgba(150,150,150,0) 60%, rgba(255,255,255,1) 90%);
	background-image: radial-gradient(13px 13px 120deg, circle cover, rgba(150,150,150,0) 60%, rgba(255,255,255,1) 90%);
}
.kropkaRedD { border-radius: 50%; z-index:5; background: none repeat scroll 0 0 #cd3d3d; width: 13px; height: 13px; margin-top:3px; margin-left:3px; }
.kropkaRed { border-radius: 50%; z-index:6; background: none repeat scroll 0 0 #ee342a; width: 11px; height: 11px; margin-top:3px; margin-left:3px;
	background-image: -moz-radial-gradient(13px 13px 120deg, circle cover, rgba(150,150,150,0) 60%, rgba(255,255,255,1) 90%);
	background-image: -webkit-radial-gradient(13px 13px, circle cover, rgba(150,150,150,0) 60%, rgba(255,255,255,1) 90%);
	background-image: radial-gradient(13px 13px 120deg, circle cover, rgba(150,150,150,0) 60%, rgba(255,255,255,1) 90%);
}

.kropkaAlfaBlueD { border-radius: 50%; z-index:5; background: none repeat scroll 0 0, rgba(32, 82, 205, 0.25); width: 13px; height: 13px; margin-top:3px; margin-left:3px;  }    
.kropkaAlfaBlue { border-radius: 50%; z-index:6;  background: none repeat scroll 0 0, rgba(31, 51, 197, 0.25); width: 11px; height: 11px; margin-top:3px; margin-left:3px;
	background-image: -moz-radial-gradient(13px 13px 120deg, circle cover, rgba(150,150,150,0) 60%, rgba(255,255,255,0.8) 90%);
	background-image: -webkit-radial-gradient(13px 13px, circle cover,  rgba(150,150,150,0) 60%, rgba(255,255,255,0.8) 90%);
	background-image: radial-gradient(13px 13px 120deg, circle cover, rgba(150,150,150,0) 60%, rgba(255,255,255,0.8) 90%);
}
.kropkaAlfaRedD { border-radius: 50%; z-index:5; background: none repeat scroll 0 0, rgba(205, 61, 61, 0.25); width: 13px; height: 13px; margin-top:3px; margin-left:3px; }
.kropkaAlfaRed { border-radius: 50%; z-index:6; background: none repeat scroll 0 0, rgba(238, 52, 42, 0.25); width: 11px; height: 11px; margin-top:3px; margin-left:3px;
	background-image: -moz-radial-gradient(13px 13px 120deg, circle cover, rgba(150,150,150,0) 60%, rgba(255,255,255,0.8) 90%);
	background-image: -webkit-radial-gradient(13px 13px, circle cover,  rgba(150,150,150,0) 60%, rgba(255,255,255,0.8) 90%);
	background-image: radial-gradient(13px 13px 120deg, circle cover, rgba(150,150,150,0) 60%, rgba(255,255,255,0.8) 90%);
}



div#tymczas{ position:absolute; top:2px; left:0px; z-index:8; }
div#aktywneNaKursor{ position:absolute; top:2px; left:0px; z-index:9; width:497px; height:497px; }
div#zaproszenie{  height:auto; }
div#zaproszenieInfo{  height:110px;  }
span.podkr { color:#ee1111; }
div#koniecInfo{ display:none; height:130px; }
div#koniecInfo span#pokazAktPoz{ text-align: left; color:#184bde; }
div#koniecInfo span#pokazAktPoz:hover { cursor:pointer; text-decoration:underline;}
div#koniecInfo span#pokazCofPoz{ text-align: left; color:#184bde; }
div#koniecInfo span#pokazCofPoz:hover { cursor:pointer; text-decoration:underline;}
div#okrazamOkno{ display:none;  }
div#ostrzezenieStop{ display:none; }
div#ostrzezenieStop button{ margin-right:30px; }

div#przygotujZaproszenie{ left:8px; top: 55px; height:auto; width:650px; position: absolute; z-index: 10;}
div#przygotujZakonczGre{ display:none; }
div#cpIgnorujOkno{ text-align:left; width:450px;}
div#cpIgnorujOkno div { margin-left:10px;}
div.okienkaPP_tresc, div.okienkaPP_tresc div{ margin-top:3px; margin-bottom:3px; }
/*
div#przygotujZakonczGre div{ margin-top:3px; margin-bottom:3px; }
div#przygotujZakonczGre hr{ color:#d2c37c; background-color:#d2c37c; border:0px; height:3px; }
*/
div#klonujOkno{ display:none; }
div.hej div{ margin-top:15px }
div.hej input{ margin:0px 9px; }
div.hej input#zaproszenieZapros { margin:0px 5px; }
div.hej input#zaproszenieCzat { margin:0px 5px; }
div.hej input#zaproszenieAnuluj { margin:0px 5px; }
div.hej span{ font-weight:bold }
div.hej hr {color:#d2c37c; background-color:#d2c37c; border: 0px solid black;}
div#glosnik{ width:395px; margin:5px 0px 0px 5px; text-align:left }

div#propozycjeGryLista{ padding-top:0px; margin-left:0px; height:auto; width:690px; z-index:7;  position: absolute; display: none; }
div.propGryDiv { margin-top: 0px; display: inline; }
div.propGryPrzyc { color:#184bde; margin-top: 0px; display: inline; }
div.propGryPrzyc:hover{ text-decoration:underline; cursor:pointer; }
div#propozycjeGryLista div.overflowDiv { overflow: auto; }
table#propozycjeGryChetni div { margin-top: 0px; }
table#propozycjeGryChetni div.chetniAkcja {  color:#184bde; }
table#propozycjeGryChetni div.chetniAkcja:hover { text-decoration:underline; cursor:pointer;  }
div#propozycjeGryLista b.cB { color:#111188; }
div#propozycjeGryLista b.cW { color:#aa0000; }
div#propozycjeGryLista b.cG { color:#118011; }

div#oknoSerwerInfo{ display:none; width:470px; top:50px;}
table#czasyTab { width: 450px; }
table#czasyTab td.ctl { text-align:left; padding-left: 10px; }
table#czasyTab td.ctr { text-align:right; width: 200px; }

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

/*
div#potwierdzenieKropki {
    position:fixed;
    top:50px;
    left:0px;
    width:50%;
    height:50%;
    font-weight:bold;
    text-align:center; 
    background: rgba(40,40,40,0.3);
    
}
div#potwierdzenieKropki span {
    margin-top: 15%;
    display: inline-block;
}
div.potwierdzenieTekst {
    width:100%;
    height: 5%;
    color: rgba(20,20,20,0.4);
    margin-top: 2.5%;
    position:relative;
}
div.potwierdzeniePrzycisk {
    width: 20%;
    height: 20%;
    margin: 2.5% 2.5% 1% 2.5%;
    color: rgba(20,20,20,0.4);
    background: rgba(80,80,80,0.3);
    float:left;
}
div.potwierdzeniePrzyciskOK {
    width: 20%;
    height: 20%;
    margin: 2.5% 2.5% 1% 2.5%;
    color: rgba(30,30,30,0.4);
    background: rgba(40,160,40,0.3);
    float:left;
}
div.potwierdzeniePrzyciskW {
    width: 20%;
    height: 20%;
    margin: 2.5% 2.5% 1% 2.5%;
    color: rgba(30,30,30,0.4);
    background: rgba(160,40,40,0.3);
    float:left;
}

br.clear0 {
    clear: both;
    display:hidden;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
*/
    
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; top: 50px;}
div#wyborKolorow{ height: 325px; 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; }
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; }
span#tekst0licznik { float: right; margin-right: 50px;}
span#wczytajTekst0 { color:blue; margin-right:10px;  font-size:12px ;font-weight: normal;}
span#wczytajTekst0:hover{ text-decoration:underline; cursor:pointer; }

div#poPrawej{ position:relative;float:left; top:8px; left:15px; font-family:verdana; font-size:15px; width:516px; text-align:left; z-index:3; }
div#poPrawejGornaCzesc{ position:relative; /*height: 290px;*/}
div#okienkaPodPrzyciskami { position: absolute; bottom: 0px; height: auto; left: 0px; right: 0px; z-index:10; }
div.okienkaPP { 
    position: absolute; bottom: 0px; height: auto; left: 0px; right: 0px; z-index:10;
    background-color:#f2ef91;  border: 4px solid #d2c37c; display:none;
    text-align:center; font:normal 15px verdana;
    border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;
    box-shadow: 7px 7px 5px #777;
}
div.okienkaPP div.hej_nagl { padding-left:33px; }

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; 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:11%; 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;}

span#czasB{ color:#2139e1; }
span#czasW{ color:#ec1313; }
span.przyciskP{  color:#555555;  background-color:#ffeedd; font:normal 10px verdana;
		border: 2px solid #d2c37c; 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; }
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#emailU { font:normal 14px verdana; margin-right:3px; }
input#email0 { width: 250px; display: inline;  }
div#podgladAwataru0{ display:none; }
div#podgladAwataru0 img { margin-top: 3px; }
div#zaczekaj0 {display:inline;}
div#opisZapisane {  display: inline;}
div#awatarZapisane {  display: inline;}
span#wczytajPalete { font:normal 14px verdana; margin-right:3px; }
span#edytujPalete { font:normal 14px verdana; }
span#zapiszPalete { font:normal 14px verdana; }
div#zapiszDzwiekiStatusInfo, div#zapiszGlosnoscStatusInfo { 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; }
tr#wierszAwatarow{ height: 20px; }

div#przyciskiGry { position: relative; width: 260px; margin-top:-10px; padding-bottom:20px; }
div#zakonczGreRozmiarKropek{ display:block; margin-top:20px; margin-bottom:5px;}
div#zakonczGreRozmiarKropek button{ margin-right:10px; display:inline; font:normal 14px verdana; }
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#klonujDiw{ display:none; margin-top:10px; margin-bottom:0px;}
div#klonujDiw button{ margin-right:0px; }
div#analizujDiw { display: none; margin-top: 10px;}
div#analizujDiw_nieWolno { display: none; margin-top: 10px;}

div#okrazamDiw{ display:none; margin-top:10px; margin-bottom:0px }
div#okrazamDiw button{ margin-right:0px; font:normal 14px verdana; }
div#stopDiw{ display:none; margin-top:10px; margin-bottom:0px }
div#stopDiw button{ margin-right:30px; font:normal 14px verdana; }
div#cofnijDiw{ display:none; margin-top:10px; margin-bottom:0px;}
div#cofnijDiw button{ margin-right:20px; font:normal 14px verdana; }
.cwiczebnePlansze{ visibility:collapse;}
div#wyborCzasDiw{ margin-top:0px;margin-bottom:0px; }
div#zasadyDiw {  display:none; float:left; margin-top:0px;margin-bottom:10px;  text-align:left; }
div#przelSgf { display: none; float: left; margin-right: 20px;}
input#numerSgfaDoKlona { width: 80px; }
input#towarzyska { margin:0px 5px 0 10px; }
input#rankingowa { margin:0px 5px 0 10px; }
input#rankingowaJa { margin:0px 5px 0 10px; }
input#turniejowa0 { margin:0px 5px 0 10px; display: none; }
input#turniejowa1 { margin:0px 5px 0 10px; display: none; }

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.gameTypeDiv{ display:inline; }

div#przelacznikCzatObecni { position:relative; margin-left:0px; z-index:4; width: 260px;}
div#przelacznikCzatObecni span#translCzat,
div#przelacznikCzatObecni span#szerokoscCzatu,
div#przelacznikCzatObecni span#autoscrollCzat,
div#przelacznikCzatObecni span#dataCzat,
div#przelacznikCzatObecni span#sekuCzat
  { cursor:pointer;  font:normal 12px verdana; color:#184bde; }
span#blokujKibica, span#przelacznikPriv {  display:none;  }

div#przelacznikCzatObecni span#szerokoscCzatu,
div#przelacznikCzatObecni span#autoscrollCzat
{ padding-left: 15px; }

span.tabCzat {
    margin-right:5px;
    padding: 1px 8px 2px 8px;
    border-radius: 4px 4px 0 0;
    border:1px solid #6b675b;
/*    border: 1px solid #d8d3c6;*/
    border-bottom: 0px solid #000;
    position: relative;
    z-index: 5;
    cursor:pointer;  
    font:normal 12px verdana;
    color:#184bde;
    vertical-align:top;
    top:3px;
}
span.tabCzatAkt {
    background-color: #f5f0e3; /*f8f3e6;*/
    font-weight: bold !important;
}
span.tabCzat_bkAkt {
    background-color: #ff9494;
    font-weight: bold !important;
}
span.tabCzat_prAkt {
    background-color: #e5e0d3;
    font-weight: bold !important;
}
span.tabCzatNieakt {
    background-color: #d0d0d0;
/*    color:#c30c8d !important;*/
    padding-bottom: 1px !important;
    font-weight: normal !important;
}

div#oknoCzataItp{ position: relative; height: 234px; 
		  z-index:4; font:normal 12px verdana;
		}
div#obszarCzata{ position:relative; height: 100%; }
div#obszarCzataPryw{ background-color:#e5e0d3; display: none; height: 100%; position: relative; }
div#czatPrCz{ border:1px solid #6b675b;
              margin-left:0px; margin-top:0px; padding-left:5px; padding-right:5px; padding-top:3px;
	      top: 17px; bottom: 25px; left: 0px; right: 0px;
              overflow:auto; padding-bottom:10px; display: block;
	    position: absolute;}
div#czatPrCzZKim { font-weight:bold; display:inline; }
div#czatPrPoprzNick {  position: relative; float: right; display:inline; color:#184bde; cursor:pointer; }
div#czatPrNastNick { position: relative; float: right;  display:inline; color:#184bde; cursor:pointer;}

div#czatPrCz div{ padding-bottom:0px }
div#czatPrCz b.ci { color:#118011; }
div#czatPrCz b.c2 { color:#641; }
input#nowyWpisPrCz{ height:17px; z-index:4; /*width:205px; */
                    background-color:#fafaf2;  border: 1px solid #6b675b;
		    position: absolute;
		    bottom: 0px; left: 0px; width: 80%;
}

input#wyslijWpisPrCz{ width:33px; height:26px; margin:4px 0px 0px 7px;
		      position: absolute;
		      bottom: 0px; right: 0px;
		    }

div#kibice{ display:none; background-color:#ff9494; height:100%; overflow:auto;
            z-index:5; border:1px solid #6b675b;
	    padding-left:5px; padding-right:5px; padding-bottom:10px; }
div#kibice span{ display:block; font-size:11px; 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;
	  border-style:solid; border-color:#6b675b; border-width:1px 1px 0px 1px; 
          margin-left:0px; margin-top:0px; padding-top:3px;
          /*height:120px;*/ 
          overflow:auto; padding-bottom:3px; 
	  position: absolute; top: 0px; bottom: 41px; width: 100%;
	}
div#czat div{ padding-bottom:1px; padding-left:5px; padding-right:5px; }
div#czat b.cB { color:#111188; }
div#czat b.cW { color:#aa0000; }
div#czat b.cG { color:#118011; }
div#czat b.cd { color:#888; }
div#czat b    { color:#111111; }

div#czatKasowanie { display: none; width:400px; left:140px;}

div#czatKasowanie ul {
    text-align: left;
    padding: 0;
    margin: 0 0 0 20px;
}
div#czatKasowanie li {
    vertical-align:top;
    padding-top: 3px;
}
div#czatKasowanie div#ck_gracz {
    margin-bottom: 10px;
    text-align: left;
}
div#czatKasowanie div.wyjasnienia {
    margin-top:5px;
    font-size:11px;
}
div#ck_gracz span {
    font-weight: bold;
}
div#czatKasowanie span.daSie { color:#184bde; }
div#czatKasowanie span.daSie:hover { text-decoration:underline; cursor:pointer; }

div#cpCzat b.ci { color:#118011; }
div#cpCzat b.c2 { color:#641; }

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; */
          height:100%; font:bold 13px verdana, sans-serif;
          overflow:auto; /*padding-bottom:10px;*/ display:none;}
div#obszarObecnych div{ padding-bottom:2px }
div#obecni { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; padding: 3px 5px;
	   overflow: auto; }

div#dolCzata { background-color:#f5f0e3; border-style:solid; border-color:#6b675b; border-width:0px 1px 1px 1px;
               margin-top:0px; padding-top:0px; z-index:4;
               height:13px;  position:absolute; bottom: 27px; width: 100%; }
span#translCzat, span#autoscrollCzat, span#dataCzat, span#sekuCzat {  cursor:pointer; color:#184bde; }
div#graczPisze{  text-align:right; float:right; font-size:10px; padding-left:5px; padding-right:5px; }
input#nowyWpis{ width:80%; height:17px; z-index:4;
                /*background-color:#fafaf2;*/ border: 1px solid #6b675b; font:normal 14px arial, sans-serif;
		position: absolute; bottom: 0px; }
input.wpisNieNagrywany { background-color:#fafaf2; } /* !important; } */
input.wpisNagrywany { background-color:#ffbb77; } /* !important; } */

input#wyslijWpis{ width:33px; height:26px; margin:4px 0px 0px 7px; position: absolute; bottom: 0px; right: 0px; }

div#wyborGracza{ position:absolute; top:0px; left:265px; background-color:#f8f3e6; width:261px;  bottom: 0px;
                 font:bold 13px verdana, sans-serif; overflow:auto;  } 
div#wyborGracza div{ padding-top:2px }
div#wyborGracza .tekst{ /*color:black;*/ margin-top:10px; cursor:default; display: inline-block; }
div#wyborGracza .tekstt{ margin-left:20px; /*color:black;*/ text-decoration:none; cursor:default }
div#graZkomputerem{ font-size:15px; }
div#sortGry {display:inline; font-size: 10px; margin-left:10px; color:#184bde; cursor:pointer; }
div#sortGry:hover {text-decoration:underline; }
div.wyborAktywny{ color:#184bde; }
div.wyborAktywny:hover{ text-decoration:underline; cursor:pointer; }
div.wyborAktywnyNaRuchu{ color:#bd4509; }
div.wyborAktywnyNaRuchu:hover{ text-decoration:underline; cursor:pointer; }
div.wyborAktywnyR{ color:#1285a8; }
div.wyborAktywnyR:hover{ text-decoration:underline; cursor:pointer; }
div.wyborAktywnya{ color:#118811; }
div.wyborAktywnya:hover{ text-decoration:underline; cursor:pointer; }
div.wyborAktywnyI{ color:#184bde; position:absolute; display: inline; left: 14px; top: -1px; height:100%;}
div.wyborAktywnyI:hover{ text-decoration:underline; cursor:pointer; }
/*div#wolniGracze { width:330px; }*/
span.wyborAktywnyS{ color:#184bde; }
span.wyborAktywnyS:hover{ text-decoration:underline; cursor:pointer; }
div.blockDiv { display: block; position: relative; }
div.blockDivSt { display: block; overflow:hidden; width: auto; position: relative;}  /* TODO potrzebne to? */
div.blockDivMarg { display: block; width: 100%; margin-bottom: 5px;  position: relative;}
div.wyborNieAktywny{ color:#11359c; background-color:#c6c396; }
div.wyborNieAktywny:hover{ cursor:default }
div.wyborNieAktywnyR{ color:#11359c; background-color:#c6c396; }
div.wyborNieAktywnyR:hover{ cursor:default }
div.wyborNieAktywnya{ color:#118811; background-color:#c6c396; }
div.wyborNieAktywnya:hover{ cursor:default }
div.wyborNieAktywnyGracz{ color:#11359c; display:inline; position: absolute; left: 14px; top: -1px; height:100%;}
div.graczaNieMa { font-style:italic;}
span.rankWNawiasie{ font:normal 13px verdana, sans-serif; }
div.wyborNieAktywnyGracz:hover{ cursor:default }
div#listaOsob {display: none;}

div#wyborGracza div#propozycjeGry { color:#184bde;  margin-top: 10px; }
div#wyborGracza div#propozycjeGry:hover { text-decoration:underline; cursor:pointer; }

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

div.przyciskH{
    background: #d8d3c0;
    padding: 0px 0px 0px 0px;
    margin: 5px 0 5px 0;
    text-align:center;
    cursor: pointer;
}

div#podPlansza { position:absolute; top: 505px; left:5px; height:100px; width: 492px; }
div#xyRuchu{ position:absolute; top:15px; font:normal 14px arial;  }
div#wlacznikHistorii{ position:absolute; top: 5px; left:5px; height:24px; width: 24px; }
div#obszarHistorii {position:absolute; top:5px; left: 30px; height:160px; right:20px; display:none;}
div#ruchPlus{ position:absolute; top: 0px; left:0px; height:24px; width: 24px; }
div#ruchMinus{ position:absolute; top: 25px; left:0px; height:24px; width: 24px; }
div#podazajZaGra{ position:absolute; top: 50px; left:0px; height:24px; width: 24px; }
div#odlaczHist{ position:absolute; top: 75px; left:0px; height:24px; width: 24px; }
div#okienkoHistoriiNagl { display: none; }
div.oknoHist { width: 450px; height: 200px; /*position: relative;*/}
div.oknoHist div div#obszarHistorii { right:0px; }
div#okienkoHistoriiTresc { position: relative; left: 25px; }

div#historiaRuchow{
    position:absolute; top: 0px; left:25px; height:132px; right: 5px;
/*    float: right; */
    padding: 5px 0px 0px 0px; 
    margin: 5px 0 5px 0;
    display: block;
    overflow: auto;
    background: #d8d3c0;
    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; height:100%; width:100%; background-color:#f5f0e3;
		      border:1px solid #6b675b;
		      display:none; }
span#jakiTurniej { font-weight: bold; }

div#jakieZasadyWynikH{ position:absolute; display:none; font:normal 10px verdana; left: 70px; }
span#jakiTurniejH { font-weight: bold; }


/* 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 #d2c37c;
                 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 13px 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;}


div.kwadratGosc { height: 11px; width: 11px; background-color:#bbb; 
		  margin: 0px 3px 0px 0px;  padding: 0px 0px 0px 0px !important;
		  display:inline-block; cursor: pointer;}
div.kwadrat1100 { height: 11px; width: 11px; background-color:#5a5; 
		  margin: 0px 3px 0px 0px;  padding: 0px 0px 0px 0px !important;
		  display:inline-block; cursor: pointer;}
div.kwadrat1400 { height: 11px; width: 11px; background-color:#69c; 
		  margin: 0px 3px 0px 0px;  padding: 0px 0px 0px 0px !important;
		  display:inline-block; cursor: pointer;}
div.kwadrat1700 { height: 11px; width: 11px; background-color:#96c; 
		  margin: 0px 3px 0px 0px;  padding: 0px 0px 0px 0px !important;
		  display:inline-block; cursor: pointer;}
div.kwadrat2000 { height: 11px; width: 11px; background-color:#ea6; 
		  margin: 0px 3px 0px 0px;  padding: 0px 0px 0px 0px !important;
		  display:inline-block; cursor: pointer;}
div.kwadrat2300 { height: 11px; width: 11px; background-color:#c33; 
		  margin: 0px 3px 0px 0px;  padding: 0px 0px 0px 0px !important;
		  display:inline-block; cursor: pointer;}

div#infoOGraczu { text-align:left; display:none; }
div#infoOGraczu span {display: inline; }
div#infoOGraczu span#grNick { /*color:#11359c;*/ display: block; margin-left:10px; /*margin: 10px 10px 10px 10px;*/ }
div#infoOGraczu span#grZasady { display: block; margin: 10px 10px 10px 10px; font:normal 15px verdana;}
div#infoOGraczu a { font: normal 11px verdana; margin: 0px 0px 0px 20px; }
div#infoOGraczu img {float:right; }
div#infoOGraczu img#grImg   { margin: 0px 5px 5px 5px; }
div#infoOGraczu div#grZarej   { position: relative; margin-top:7px; }
div#infoOGraczu div#grGosc   { display:none; font-style:italic;}
div#infoOGraczu div#grGoscDiv { margin-top:7px; display:none;}
div#infoOGraczu div#grOpis { display: block; font: 15px courier; margin: 10px 10px 10px 10px;
			     overflow:auto; white-space:pre; max-height: 200px; }
div#infoOGraczu div#grBlokowanie { margin-bottom:10px;}
div#infoOGraczu div#nagrody   { display:none; }
div#infoOGraczu div#grNagr   { margin-top: 3px; }

br.brMarg7 { margin-bottom: 7px; }
br#brGosc {display:none; margin-bottom: 7px;}

/* ------------------------------ czat prywatny ----------------------- */
div#obszarCzataPrywatnego{ position:relative; height:520px; width:100%; z-index:1;  background-color:#f8f3e6;
			   display:none; }
div#cpPoLewej{ float:left; font: bold 13px verdana, sans-serif;
		width:30%; height: 100%; overflow:auto; text-align:left;  }
div#cpPoPrawej{ float: left; margin-left: 3px; height: 100%;
		font: bold 13px verdana, sans-serif;
		width:69%; overflow:auto; text-align:left;  }
div#cpCzat{ background-color:#f5f0e3; z-index:4;
	    border-style:solid; border-color:#6b675b; border-width:1px 1px 1px 1px;
          margin-left:0px; margin-top:0px;  padding-top:3px;  height: 80%;
          font:normal 12px verdana;
          overflow:auto; padding-bottom:10px; }
div.cpLink { color:#184bde;  }
div.cpLink:hover { text-decoration:underline; cursor:pointer; }
div.cpLinkInlL { color:#184bde; display:inline;  }
div.cpLinkInlL:hover { text-decoration:underline; cursor:pointer; }
div.cpLinkInl { color:#184bde; display:inline; float:right; }
div.cpLinkInl:hover { text-decoration:underline; cursor:pointer; }
input#cpNowyWpis{ width:80%; height:17px; z-index:4;
                background-color:#fafaf2; border: 1px solid #6b675b; font:normal 14px arial, sans-serif }
input#cpWyslijWpis{ width:33px; height:26px; margin:4px 0px 0px 7px }
div#cpZKim { display: inline; }
div#obszarCzataPrywatnego div.blockDiv { display: block; position: relative; margin-top:3px; width: auto; overflow: hidden; }
div#obszarCzataPrywatnego div.blockDivNowe { display: block; position: relative; margin-top:3px; width: auto; overflow:hidden; 
					     background-color:#f32;}
div#obszarCzataPrywatnego div.blockDivZazn { display: block; position: relative; margin-top:3px; width: auto; overflow:hidden; 
					     background-color:#c6c396; }
/* ------------------------------ gra w kulki ------------------------- */

div#obszarGryWkulki{ position:relative; margin-left:35px; height:520px; width:100%; z-index:1; 
                     display:none; }
div#nadPlansza{position:relative; left:0px; top:12px; }
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:relative; margin-bottom: 20px; left:0px; top:53px; 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:relative; left:0px; /*top:470px;*/ padding-top:40px; font:normal 13px verdana; width:405px;
                     text-align:justify; }
div#zasadyGryWkulki b{ color:#8a5830; }
div#usunDrogeRuchu{ position:relative; left:0px; /*top:520px;*/ font:normal 13px verdana; color:#184bde; 
                    cursor:pointer; }

div#mobileTabs { display: none; }

@media (max-width: 768px) {
    input[type="text"],
    input[type="password"],
    input[type="button"],
    input[type="submit"],
    input[type="file"],
    select,
    textarea,
    button {
        font-size: 16px !important;
    }

    div#tekstPowitaniaCookie {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: auto;
        max-height: 50vh;
        overflow-y: auto;
        border-radius: 0 0 7px 7px;
        border-left: none;
        border-right: none;
        border-top: none;
        padding: 12px 15px;
        z-index: 200;
        box-sizing: border-box;
    }

    div#tekstPowitania {
        position: fixed;
        top: 10px;
        left: 10px;
        right: 10px;
        width: auto;
        max-height: 90vh;
        overflow-y: auto;
        padding: 10px 15px;
        line-height: 26px;
        z-index: 150;
        box-sizing: border-box;
    }

    div#witajGraczu {
        width: auto;
        height: auto;
        margin-bottom: 6px;
    }

    div#wyborJezykaIokPowitanie {
        width: auto;
        height: auto;
        margin-top: 8px;
    }

    div#wpisz1 div,
    div#wpisz2 div,
    div#wpisz3 div {
        width: auto;
        height: auto;
    }

    div#wpisz1 input,
    div#wpisz2 input,
    div#wpisz3 input,
    div#wpisz4 input,
    input#opisGracza {
        height: 32px;
    }

    input#okPowitanie,
    input#ok1,
    input#wyslij2,
    button#ok3,
    input#zapisz4 {
        height: 38px;
        padding: 0 14px;
        margin-top: 10px;
    }

    textarea {
        max-width: 100%;
        box-sizing: border-box;
    }

    div.hej {
        position: fixed !important;
        left: 8px !important;
        right: 8px !important;
        width: auto !important;
        max-height: 85vh;
        overflow-y: auto;
        top: 35px !important;
        z-index: 1000 !important;
        box-sizing: border-box;
    }

    div#przygotujZaproszenie,
    div#propozycjeGryLista,
    div#oknoSerwerInfo {
        width: auto !important;
    }

    div#logoutMenu {
        position: fixed;
        top: 31px;
        right: 4px;
        max-width: calc(100vw - 8px);
        max-height: 80vh;
        overflow-y: auto;
    }

    div#logoutMenu ul li {
        padding: 8px 12px;
        line-height: 26px;
        font-size: 15px;
    }

    div#menuGorne {
        height: auto;
        min-height: 27px;
    }

    div#menuGorne ul {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    div#menuGorne ul li {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    div#menuGorne ul li.naPrawo {
        float: none;
    }

    span.gryLinki,
    span.gryLinkiAkt,
    span.gryLinkiNowe {
        font-size: 15px;
        padding: 5px 10px 9px 10px;
        display: inline-block;
    }

    span.tabCzat {
        padding: 5px 10px 6px 10px;
        font-size: 13px;
    }

    div#mobileTabs {
        display: flex !important;
        clear: none !important;
        margin: 0 !important;
        padding: 0 !important;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 100;
        border-top: 2px solid rgba(0,0,0,0.15);
    }
    span.mTab {
        flex: 1;
        text-align: center;
        padding: 12px 0;
        font: bold 15px arial;
        color: #184bde;
        cursor: pointer;
        border-right: 1px solid rgba(0,0,0,0.1);
        -webkit-tap-highlight-color: rgba(0,0,0,0.1);
    }
    span.mTab:last-child { border-right: none; }
    span.mTabAkt {
        background-color: #f8f3e6;
        color: #b05022;
    }

    div#glowne {
        width: 100% !important;
        overflow-x: hidden;
    }
    div#caloscPodMenu {
        height: auto !important;
        padding-bottom: 50px;
    }

    div#poLewej {
        float: none !important;
        width: 100% !important;
        left: 0 !important;
        top: 0 !important;
    }
    div#obszarGryWKropki {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    div#obszarCzataPrywatnego {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    div#obszarGryWkulki {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    div#poPrawej {
        float: none !important;
        width: 100% !important;
        left: 0 !important;
        top: 0 !important;
    }

    div#ktoGra {
        width: 100% !important;
    }
    table#ktoGraTable {
        width: 100% !important;
    }
    div#przyciskiGry {
        width: 100% !important;
    }
    div#przelacznikCzatObecni {
        width: 100% !important;
    }
    div#oknoCzataItp {
        height: 50vh !important;
        min-height: 200px;
    }
    div#wyborGracza {
        position: static !important;
        width: 100% !important;
        left: auto !important;
        top: auto !important;
        bottom: auto !important;
    }

    div#caloscPodMenu[data-mobile-view="plansza"] > div#poPrawej {
        display: none !important;
    }

    div#caloscPodMenu[data-mobile-view="czat"] > div#poLewej {
        display: none !important;
    }
    div#caloscPodMenu[data-mobile-view="czat"] div#wyborGracza {
        display: none !important;
    }

    div#caloscPodMenu[data-mobile-view="gracze"] > div#poLewej {
        display: none !important;
    }
    div#caloscPodMenu[data-mobile-view="gracze"] div#poPrawejGornaCzesc {
        display: none !important;
    }
    div#caloscPodMenu[data-mobile-view="gracze"] div#przelacznikCzatObecni {
        display: none !important;
    }

}