/* #win to identyfikator elementu div stanowiacego calosc okna.
 * ukrywamy go zeby podczas ladowania strony bylo ono niewidoczne.
 */
#dialog-form {
	visibility:hidden;
}

.hidden-dialog {
	visibility:hidden;
}

/* Klasa .panel jest pewie automatycznie przypisywana przez skrypty elementowi calego okna
 * (w naszym przypadku to #win).
 * Okno sklada sie z trzech elementow :
 *  - naglowka (.panel .hd) - wazny !!
 *  - tresci (.panel .bd) - tez wazna !!
 *  - stopki - olewamy ja - okienka nie beda mialy stopki, ani paska stanu.
 */
.panel {
	border:none;
	overflow:visible;
	background-color:transparent;
}


/* Styl okreslajacy postac calego nagloka okna. Naglowek sklada sie z trzech czesci:
 *   - lewego naroznika (z grafika)  - styl: .panel .hd .lt 
 *   - srodkowego spanu              
 *   - prawego naroznika (z grafika)
 * Wazne elementy:
 *  - marginesy - musza miec po kilka px, bo inaczej tlo bedzie wystawac pod 
 *    zaokraglonymi naroznikami okna (grafikami) i straci sie efekt zaokraglenia.
 *    Chyba musza odpowiadac szerokosci grafik wyswietlanych w naroznikach.
 *  - background - bardzo wazne bo okresla postac calego naglowka, musi odpowiadac
 *    grafikom w naroznikach.
 *  - border - ma nie byc - ramki zalatwiaja grafiki wyswietlane w tle (zarówno tu
 *    jak i w naroznikach.
 *  - wysokosc - okreslana konsekwentnie takze w obu naroznikach.
 */
.panel .hd {
	padding:0px;                                        /* okreslenie paddingu tez psuje */
	border:none;                                        /* koniecznie bez ramki */
	background: #BCBBDA url(../ximg/aqua-hd-bg.gif);  /* bardzo wazna postac tla !! */
	height:22px;           /* prawdopodobnie gdybysmy chcieli uzyc wiekszej czcionki w tytule  
                          * to musielibysmy odpowiednio powiekszyc te wysokosc, zarówno tu 
                          * jak i w naroznikach.
                          */
	margin-left:7px;       /* dostosowane do szerokosci lewego naroznika (.panel. .hd .lt width) */
	margin-right:7px;      /* dostosowane do szerokosci lewego naroznika (.panel. .hd .rt width) */
	/* text-align:center;  */   /* mozna odkomentowac, zeby tytul byl wysrodkowany */
	overflow:hidden;      /* za dlugi tytul okna zostanie przyciety */
}

/* Postac lewego górnego naroznika okna. Wszystko wazne!! Przy dostosowywaniu zmienic
 * tylko grafike tla i ewentualnie width i height
 */
.panel .hd .lt {
	width:7px;       /* powizzane z szerokoscia lewego marginesu calego naglówka (.panel .hd margin-left) */
  height:22px;     /* powizzane z szerokoscia prawego marginesu calego naglówka (.panel .hd margin-right) */
	top:0;           /* nie zmieniac! */
  left:0;          /* nie zmieniac! */
	background:transparent url(../img/aqua-hd-lt.gif);  /* zmienic tylko obraz tla !! */
	position:absolute;                                  /* nie zmieniac! */
}

/* Postac prawego górnego naroznika okna. Wszystko wazne!! Przy dostosowywaniu zmienic
 * tylko grafike tla i ewentualnie width i height - komentarze jak wyzej tylko dla prawego rogu.
 */
.panel .hd .rt {
	width:7px;
  height:22px;
	top:0;
  right:0;
	background:transparent url(../img/aqua-hd-rt.gif);
	position:absolute;
}

/* Postac zawartosci spana zawierajacego tytul okna. To by trzeba dostosowac do 
 * naszy potrzeb. Okresla TYLKO postac tekstu. Tlo zalatwia klasa: .panel .hd
 */
.panel .hd span {
  color: black;
	vertical-align:bottom;
	line-height:22px;
  letter-spacing: .2em;
}


/* Polozenie przycisku do zamykania okna wyswietlanego automatycznie przez skrypty.
 * Jesli chcesz go ukryc, to odkomentuj display. Mysle, ze bedziemy mogli sie objesc
 * bez tego przycisku.
 */
.panel .close {
  /* display: none; */
	top:4px;
	right:4px;
	height:18px;
	width:17px;
}

/* Dwie ikonki okreslajace postac przycisku do zamykania okna.
 * Pierwsza - przyciski normalny, druga (:hover) - przycisk wskazany myszka.
 * Mozna je wywalic, w takim przypadku bedzie wyswietlany domyslny przycisk -
 * niebieski kwadracik z przekatnymi (calkiem ok, jesli kolorystyka sie dopasuje).
 */
.panel .close.nonsecure {
	background-image:url(../img/aqua-hd-close.gif);
}

.panel .close.nonsecure:hover {
	background-image:url(../img/aqua-hd-close-over.gif);
}

/* postac obszaru zawartodci okna. styl border musi pewnie byv odstosowany do koloru obramowania
 * uzytego w grafikach wyswietlanych w naglowku. border jest konieczny - jego usuniecie sprawi
 * ze zawartosc okna bedzie wizualnie szersza od nagloka!
 */
.panel .bd {
	overflow:hidden;
	padding:0px;
	border:1px solid #aeaeae;
	background-color: #e5dfe2; /*#D3E7FF */
  border-bottom-width:0px;
}

.panel .text {
	overflow:hidden;
	padding:4px;
}

.stopka {
	padding:0px;
	/*background: url(../img/aqua-footer.gif) left bottom repeat-x;*/
  background: #BCBBDA;
	position:relative;
	height:22px;
}
.kod-strony {
	position:absolute;
	right:10px;
	top:0px;
	width:70px;
	padding:2px;
	margin-top:2px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size:8pt;
  font-weight:bold;
  text-align:right
}


form.dialog {
  margin: 0px;
}

input.dialog {
  float:none;
}

.dialog td {
  text-align:left;
  border-top:0px;
}

/* ######################################################################### */

/* Osoby - dialog jezykow */
#dialog-form-jezyki .lista  {margin-top:20px; border-top:1px solid #2f2f2f; border-bottom:1px solid #2f2f2f; height:100px; overflow:auto; }
#dialog-form-jezyki .wiersz {clear:both; border-top:1px dotted black; margin-bottom:2px; text-align:right; padding-top:2px;}
#dialog-form-jezyki div.jezyk  {float: left; height:25px; line-height:25px; margin-left:10px; width:100px; text-align:left;}
#dialog-form-jezyki div.poziom {float: left; height:25px; line-height:25px; margin-left:10px; width:100px; text-align:left;}

/* Oferty - dialog do wyboru pracodawcy */

#dialog-form-pracodawca .lista  {margin-top:20px; border-top:1px solid #2f2f2f; border-bottom:1px solid #2f2f2f; height:100px; overflow:auto; }
#dialog-form-pracodawca .wiersz {width:100%; clear:both; border-top:1px dotted black; margin-bottom:2px; text-align:right; padding-top:2px; }
#dialog-form-pracodawca .wiersz div {text-align:left; float:left; width:210px; margin-bottom:3px; }
#dialog-form-pracodawca .wiersz input {margin-right:5px;}

/* Oferty - dialog do wyboru jednostki */

#dialog-form-jednostka .lista  {margin-top:20px; border-top:1px solid #2f2f2f; border-bottom:1px solid #2f2f2f; height:100px; overflow:auto; }
#dialog-form-jednostka .wiersz {width:100%; clear:both; border-top:1px dotted black; margin-bottom:2px; text-align:right; padding-top:2px; }
#dialog-form-jednostka .wiersz div {text-align:left; float:left; width:210px; margin-bottom:3px; }
#dialog-form-jednostka .wiersz input {margin-right:5px;}

/* Oferty - dialog do wyboru zawodu */

#dialog-form-zawod .lista  {margin-top:20px; border-top:1px solid #2f2f2f; border-bottom:1px solid #2f2f2f; height:100px; overflow:auto; }
#dialog-form-zawod .wiersz {clear:both; border-top:1px dotted black; margin-bottom:2px; text-align:right; padding-top:2px; }
#dialog-form-zawod .wiersz div {text-align:left; float:left; width:200px; margin-bottom:3px; }
#dialog-form-zawod .wiersz input {margin-right:5px;}


/* Skierowania - dialog do wyboru osoby */

#dialog-form-osoba .lista  { height:150px; border-top:1px solid black; border-bottom:1px solid black; height:100px; overflow:auto; }
#dialog-form-osoba .wiersz { border-top:1px dotted black; clear:both; margin-bottom:2px; text-align:right; padding-top:2px; padding-bottom:2px; }
#dialog-form-osoba .wiersz .nazwisko {float: left; padding-bottom:2px; width:170px; text-align:left;}
#dialog-form-osoba .wiersz .miasto   {float: left; padding-bottom:2px; width:110px; text-align:left;}
#dialog-form-osoba .wiersz input { margin-right:5px; }

/* Skierowania - dialog do wyboru oferty */

#dialog-form-oferta .lista {overflow:auto; height:170px; border-top:1px solid black; border-bottom:1px solid black; text-align:left;}
#dialog-form-oferta .wiersz {clear:both; border-top:1px dotted black; margin-bottom:2px; text-align:right; padding-top:2px; }
#dialog-form-oferta .wiersz input {float: right; margin-top:1px; margin-right:5px; }
#dialog-form-oferta .wiersz .col1 {float: left; padding-left:5px; width:170px; text-align: left;}
#dialog-form-oferta .wiersz .col2 {float: left; width:130px; text-align: left;}