/* STYLE do systemu administracja */


body {
	background: url('images/kreski.gif') repeat;
}











/*************************************/
/* pojedyncze wpisy ******************/
/*************************************/

div.wyrazenie_regularne {
	overflow:	auto;
	font-size:	9px;
}
div.kody_uslug {
	overflow:	auto;
	font-size:	10px;
	background-color:	#c1c1c1;
}
p.duzy {
	font-size:	12px;
	font-weight:	800;
}





	

/* g��wny podzia� strony */
div#strona {
	max-width:	980px;
	margin:	auto;
	background:	none;
	position:	relative; 
	font-family:	sans-serif;
}

/* nag��wek strony */
div#strona > div#naglowek {
	
	background:	none;
}

/* tytu� serwisu */
div#naglowek > div#tytul {
	height:	40px;
	width:	800px; 
	font-size:	x-large;
	background:	none;
	position:	relative; top: 10px;
	text-shadow: 2px 2px 4px black;
}

/* logo firmy */
div#naglowek > div#logo {
	height:	40px;
	width:	170px;
	position:	absolute; right: 0px; top: 0px; 
	text-align:	right;
	background:	inherit;
	
}

/* menu g�rne */
div#naglowek > div#menu_gorne {
/*	position:	absolute; left: 0px; top: 40px; */
	min-height:		20px; 
	background:	inherit;
}

#menu0 dl {
	display:	block:
}

#menu0 dt {
	float:	left;
}

#menu0 dd.active {
	font-weight:	bold;
}

div#menu_gorne > ul li {
	float:	left;
}


/* tre�� strony */
div#strona > div#tresc {
/*	position:	absolute; left: 0px; top: 100px; */
/*	position:	relative; top: 100px; */
	margin:	0;
	background:	#inherit;
}

/* stopka */
div#strona > div#stopka {
	height:20px; 
	background: inherit;
	text-align:	right;
	font-size:	12px;
	color:	#888888;
	float:	right;	
}

/* opis sesji */
div#strona > div#opis_sesji {
	position:	absolute; right: 0px;
	opacity:	0.5;
	font-size:	10px;
}

/* sekcja na stronie */
div.sekcja {
	background-color:	#eeeee9;
	display:	block;
	margin-top:	18px;
	margin-bottom:	5px;
	border-style:	solid;
	border-width:	1px;
	border-color:	#888888;
	box-shadow:	2px 2px 3px 0px #000000; 
	border-radius:	5px;
	position:	relative;
	font-size:	12px;
	padding:	5px;
	float:	left;
	width:	965px;
}
div.sekcja > h1 {
	position:	absolute; top:	-24px;	left:	5px;
	display:	block;
	font-family:	sans-serif;
	font-size:	12px;
	background-color:	none;
}

div.sekcja h2 {
	font-family:	sans-serif;
	font-size:	14px;
	background-color:	none;
}

/* r�ne sekcje */

/* status wykonania operacji (reset DHCP, ...) */
div.status {
	background-color: #dddddd;
	font-size: 10px;
	margin: 5;
	padding: 2;
	border-width: 1px;
	border-style: solid;
	border-color: #888888;
	border-radius: 3px;
}

/* na g�ownej stronie po zalogowaniu, przypomina o wa�nych sprawach */
div.przypominacz {
    display:	block;
	float:	left;
	position:	relative;
    width:	auto;
	background-color: #dddddd;
	font-size: 10px;
	margin: 3px;
	padding: 2px;
	border-width: 1px;
	border-style: solid;
	border-color: #888888;
	border-radius: 3px;
}

div.alert {
	color:	red;
	font-size:	12px;
	text-decoration:	blink;
	font-weight:	800;
	padding:	0px;
	margin:	0px;
}

/* podpanel filtr */
div.filtr {
	background-color:	#eeeee9;
	margin-top:	18px;
	margin-bottom:	5px;
	position:	relative;
	font-size:	12px;
	padding:	3px;
}

div.filtr ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background: #cccccc;
}
div.filtr ul li {
	display: inline-block;
	margin: 5px;
	color: #555555;
	font-weight: 800;
}

div.filtr ul li input
{ 
	border: 1px solid #CCCCCC; 
	background-color: #EFEFEF; 
	padding: 2px; 
	font-weight: 800;
	font-size: 9pt;
	margin-right: 2px; 
	text-decoration: none; 
	color: #000000;
}









/* parsowanie wpis�w cdr */
div.wpis_cdr {
	background-color:	#dddddd;
	font-size:	12px;
	font-weight:	800;
	color:	#000000;
}
div.wpis_cdr > div.nazwa {
	color:	#555555;
	font-size:	10px;
	font-weight:	800;
	display:	inline;
}
div.wpis_cdr > div.wpis {
	color:	#555555;
	font-size:	10px;
	font-weight:	400;
	display:	inline;
}
div.wpis_cdr > div.status_ok {
	color:	green;
	font-size:	12px;
	font-weight:	800;
	display:	inline;
}
div.wpis_cdr > div.status_pok {
	color:	orange;
	font-size:	12px;
	font-weight:	800;
	display:	inline;
}
div.wpis_cdr > div.status_nok {
	color:	red;
	font-size:	12px;
	font-weight:	800;
	display:	inline;
}






/* paragrafy */
p.alert {
	color:	red;
	font-size:	12px;
	text-decoration:	blink;
	font-weight:	800;
	padding:	0px;
	margin:	0px;
}
p.normalny {
	font-size:	12px;
	font-weight:	800;
	padding:	0px;
	margin:	0px;
}

/* spany */
span.alert {
	color:	red;
	font-size:	12px;
	text-decoration:	blink;
	font-weight:	800;
}
span.good {
	color:	green;
	font-size:	12px;
	font-weight:	800;
}
span.poor {
	color:	darkorange;
	font-size:	12px;
	font-weight:	800;
}


span.link {
	color: #009900;
	font-size:	12px;
	font-weight:	800;

}


/* linki */

/* opcja - link kt�ry odnosi si� do konkretnej opcji systemu */
a.opcja {
	font-size: 12px;
}


/* tabele */

/* zwyk�a tabela */
table.zwykla {
	margin:	10px;
	border-spacing: 0px;
	padding-left:	5px;
	padding-right:	5px;
	width: 95%;
}
table.ramka1 {
	border-width: 1px;
	border-style:	solid;
	border-color: #888888;
	border-radius: 3px;
	border-spacing: 0px;
}
table.dzielona {
	margin:	10px;
	border-spacing: 2px;
}
table.zwykla th {
	background:	#bbbbbd;
	color:	#444444;
	text-transform:	uppercase;
	padding-left:	5px;
	padding-right:	5px;
}
table.zwykla tr {
	background:	#e2e2e2;
	color:	#555555;
	cursor:	pointer;
}
table.zwykla tr.wykreslony {
	text-decoration:	line-through; color: #999999;
	color:	#999999;
}
table.zwykla tr:nth-child(even) {
	background:	#eaeaea;
}
table.zwykla tr:hover {
	background:	#bbbbbd;
}
table.zwykla td {
	padding-left: 20;
	padding-right: 100;
	margin-left: 20;
	margin-right: 100;
}

table.zwykla td img {
	vertical-align: bottom;
}


table.zwykla td#faktura_numer {
	padding-left: 5px;
	padding-right: 5px;
	
	font-weight: 800;	
}
table.zwykla td#faktura_data {
	padding-left: 5px;
	padding-right: 5px;
	
	font-weight: 800;	
	color: #aa8888;
}
table.zwykla td#faktura_nabywca {
	padding-left: 5px;
	padding-right: 5px;
	
	max-width: 200px;
	
}
table.mala td {
	font-size: 6px;
}
table.zwykla td.r {
	text-align:	right;
}
table.zwykla td.pusty {
	background-color: #ffffff;
}
table.zwykla td.maly {
	font-size: 8px;
}
table.zwykla td.c {
	text-align:	center;
}
table.zwykla td.disabled {
	color:	#999999;
}
table.zwykla td.kwota {
	font-weight:	800;
	text-align:	right;
}
table.zwykla td.kwota_ujemna {
	font-weight:	800;
	color: red;
	text-align:	right;
}
table.zwykla td.d_kwota {
	font-weight:	800;
	text-align:	right;
	color:	#999999;
}
table.zwykla td.d_kwota_ujemna {
	font-weight:	800;
	color:	#ff9999;
	text-align:	right;
}
table.zwykla td.bold {
	font-weight: 800;
}
table.zwykla td.blad {
	font-weight: 800;
	color: red;
	text-decoration:	blink;
}
table.zwykla td.green {
	color: green;
}
table.zwykla td.red {
	color: red;
}
table.zwykla tr.bold {
	font-weight: 800;
}
table.zwykla td.darkgreen {
	color: #006600;
}
table.zwykla td.odstep {
	background: #000000;
	height: 2px;
}
















/* modyfikacje tabeli zwyk�ej */
table.ograniczona {
	overflow: auto;
	max-height: 500px;
	display: block;
}


/* pakiety voip */
table#pakiety_voip {
	margin:	10px;
	border-spacing: 0px;
	width:	80%;
}
table#pakiety_voip th {
	background:	#bbbbbd;
	color:	#444444;
	text-transform:	uppercase;
	padding-left:	5px;
	padding-right:	5px;
}
table#pakiety_voip tr {
	background:	#e2e2e2;
	cursor:	pointer;
}
table#pakiety_voip tr.lim1, div#lim1 {
	background: #ee9999; 
	width: 100%; 
	padding-left: 5px; 
	color: #444444;
	cursor:	pointer;
}
table#pakiety_voip tr.lim2, div#lim2 {
	background: #99ee99; 
	width: 100%; 
	padding-left: 5px; 
	color: #444444;
	cursor:	pointer;
}
table#pakiety_voip tr.lim3, div#lim3 {
	background: #99eeee; 
	width: 100%; 
	padding-left: 5px; 
	color: #444444;
	cursor:	pointer;
}
table#pakiety_voip tr.pakiet, div#pakiet {
	background: #eeee99; 
	width: 100%; 
	padding-left: 5px; 
	color: #444444;
	cursor:	pointer;
}
table#pakiety_voip tr.cena, div#cena {
	background: #ee99ee; 
	width: 100%; 
	padding-left: 5px; 
	color: #444444;
	cursor:	pointer;
}
table#pakiety_voip tr.bezceny, div#bezceny {
	background: #e2e2e2; 
	width: 100%; 
	padding-left: 5px; 
	color: #444444;
	cursor:	pointer;
}
table#pakiety_voip tr:hover {
	background:	#bbbbbd;
}
table#pakiety_voip td {
	color:	#555555;
}
table#pakiety_voip td.kwota {
	width:	100px;
}
table#pakiety_voip td.r {
	text-align:	right;
}
/* dodatkowa legenda do tabeli */
div#pakiety_voip {
	position:	absolute; right: 20px; top: 15px;
	display:	block;
	background:	#e2e2e2;
	width:	15%;
}


/* formularz */
table.formularz {
	border-spacing: 0px;
	margin:	10px;
	background:	#e2e2e2;
}
table.formularz caption {
	background:	#cccccd;
	font-weight:	800;
	text-align:	left;
	color:	#444444;
	text-transform:	uppercase;
}
table.formularz td.opis {
	font-style:	italic;
	color:	#555555;
}



/* elementy filtrowania wynik�w nad tabelami z wynikami */

div.filtry {
	margin:	10px;
	border-spacing: 10px;
}
div.filtry input {
	width: 120px;
}
div.filtry button {
	margin-left: 5px;
	margin-right: 5px;
}
div.filtry>span.filtr {
	/*float: left;*/
	background: lightgrey;
	border: 1px solid grey;
	border-radius: 4px;
	padding: 2px;
	padding-left: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
div.filtry>span.filtr>img {
	vertical-align: middle;
	padding-left: 5px;
}
div.filtry>span.ilosc_na_stronie {
	float: right;
}

div.stronicowanie {
	padding-right: 10px;
	border-spacing: 0px;

}
div.stronicowanie>span.dodatkowe_filtry>input[type="checkbox"] {
	vertical-align: middle;
}

div.stronicowanie>span.dodatkowe_filtry {
	margin-left: 10px;
	margin-right: 2px;
	margin-bottom: 10px;
	padding: 3px;
	color: black;
	background: lightgrey;
	float: left;
	display: block;
}

div.stronicowanie>span.strona {
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 10px;
	padding: 3px;
	font-weight: bold;
	color: black;
	cursor: pointer;
	background: lightgrey;
	float: right;
	display: block;
}
div.stronicowanie>span.strona_aktualna {
	margin-left: 2px;
	margin-right: 2px;
	padding: 3px;
	font-weight: bold;
	color: darkslategray;
	background: lightgrey;
	float: right;
	display: block;
}
/* formularze */

form.zwykly {
}



form.zwykly div {
	background-color:	#e2e2e2;
	border: 1px solid #dddddd;
	border-radius:	3px;
	margin:	4px;
	padding:	2px;
	min-height:	32px;
	color:	#555555;
	position:	relative;
	margin-top:	20px;
}

form.zwykly div.bez_tla {
	background-color: transparent;
	border: none;
}



form.zwykly label {
	display:	inline-block;
	margin:	3px;
	position:	relative; top: 0px;
	vertical-align: top;
}
form.zwykly label:not(.sam_tytul) {
	height:	60px;
}


form.zwykly label img {
	vertical-align: top;
}


form.zwykly label > span.title {
	display:	inline-block;
	margin:		3px;
	font-weight: bold;
	position:	absolute; top: 0px;
}

form.zwykly label > span.param {
	display:	inline;
	margin:		3px;
	position:	relative; top: 20px;
}


form.zwykly label > span.hint {
	display:	block;
	margin:	3px;
	font-weight: normal;
	color: 		grey;
	font-size:	7pt;
	font-style:	italic;
	position:	absolute; top: 40px;
}

form.zwykly label > span.rhint {
	display:	block;
	margin:	3px;
	font-weight: normal;
	color: 		red;
	font-size:	7pt;
	font-style:	italic;
	position:	absolute; top: 40px;
}

form.zwykly label > span.param > input {
	display:	inline;
	height:	16px;
	border:	1px solid #999;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
}

form.zwykly label > span.param > input.button {
	height:	20px;
	width:	auto;
	display:	inline;
	position:	relative;
}



form.zwykly label > span.param > input[type='checkbox'] {
	display:	inline;
	background: #00aa00;
	border:	1px solid #999;
	width:	16px;
	height:	16px;
	position:	relative; top: 4px;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
}


form.zwykly label > span.param > select {
	display:	inline;
	border:	1px solid #999;
	position:	relative; top: 0px;
	height:	20px;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
}

form.zwykly > div > input.button {
	display:	block;
	height:	20px;
	margin: 3px;
	border:	1px solid #999;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
}



form.zwykly div > h1 {
	font-size: 10pt;
	position:	absolute; top: -25px;
	color:	black;
}


/* warianty */
form.zwykly label.w100 { width: 100px; }
form.zwykly label.w100 input { width: 90px; }
form.zwykly label.w150 { width: 150px; }
form.zwykly label.w150 input { width: 140px; }
form.zwykly label.w150_button { width: 150px; }
form.zwykly label.w150_button input { width: 110px; }
form.zwykly label.w200 { width: 200px; }
form.zwykly label.w200 input { width: 190px; }
form.zwykly label.w250 { width: 250px; }
form.zwykly label.w250 input { width: 240px; }
form.zwykly label.w300 { width: 300px; }
form.zwykly label.w300 input { width: 290px; }
form.zwykly label.w350 { width: 350px; }
form.zwykly label.w350 input { width: 340px; }
form.zwykly label.w400 { width: 400px; }
form.zwykly label.w400 input { width: 390px; }
form.zwykly label.w400_button { width: 400px; }
form.zwykly label.w400_button input { width: 340px; }
form.zwykly label.w400_button button { width: 50px; height: 20px; }


/* wersja z checkboxem z przodu */
form.zwykly label.wc250 { width: 250px; }
form.zwykly label.wc250 input { width: 210px; }
form.zwykly label.wc250 input[type='checkbox'] { width: 16px; }





form.zwykly label.ciasny { height: 16px; }
form.zwykly label.ciasny input { position:	absolute; top: 0px; }



/* panele na stronie */

div.panel_osoba {
	background-color:	#e2e2e2;
	border: 1px solid #dddddd;
	border-radius:	3px;
	margin:	4px;
	padding:	2px;
	min-height:	32px;
	color:	#555555;
}

div.panel_umowa {
	background-color:	#e2e2e2;
	border: 1px solid #dddddd;
	border-radius:	3px;
	margin:	4px;
	padding:	2px;
	min-height:	32px;
	color:	#555555;
}
div.panel_umowa a {
	color:	#555555;
	text-decoration:	none;
}div.panel_umowa > img {
	float:	left;
}

div.panel_usluga 
{
	background-color:	#e2e2e2;
	margin:	2px;
	margin-left:	50px;
	padding:	2px;
	min-height:	32px;
}
div.panel_usluga a {
	text-decoration:	none;
	color:	#555555;
}
div.panel_usluga > img {
	float:	left;
}




div.ostrzezenie {
	background-color: none !important;
	color: red !important;                    /* czerwony tekst */
	font-weight: bold;             /* pogrubienie */
	padding: 10px;
	border: none !important;
	display: flex;
	align-items: center;
	gap: 10px;
}

div.pasek_modyfikuj
{
	width: 100%;
	float: right;
}

div.pasek_modyfikuj>span {
	background-color:	#e2e2e2;
	border: 1px solid #dddddd;
	border-radius:	3px;
	margin:	4px;
	padding:	2px;
	min-height:	32px;
	color:	#555555;
	position:	relative;
	display: flex;
	align-items: center;
	padding-left: 20px;
	padding-right: 20px;
	float: right;
}

div.pasek
{
	background-color:	#e2e2e2;
	border: 1px solid #dddddd;
	border-radius:	3px;
	margin:	4px;
	padding:	2px;
	min-height:	32px;
	color:	#555555;
	position:	relative;
	margin-top:	20px;
	display: flex;
	align-items: center;
}

div.pasek>span {
	padding-left: 20px;
	padding-right: 20px;
}

div.pasek>span.przyciski {
	padding-left: 10px;
	padding-right: 10px;
	width:	100%;
}


div.pasek>span.tytul {
	transform: rotate(90deg);
	width: 10px;
	margin-left: -15px;
	margin-right: -25px;
	margin-top: -40px;
	font-weight: bold;
}

div.pasek>span.symbol {
	font-size: large;
	font-weight: bold;
	vertical-align: center;
	padding: 10px;
	/*padding-right: 20px;*/
	background-color: white;
	border: 1px solid #cccccc;
	border-radius:	10px;
	min-width: 80px;
}

div.pasek>span.blad {
	font-size: large;
	font-weight: bold;
	vertical-align: center;
	padding: 10px;
	color: red;
	/*padding-right: 20px;*/
}


div.pasek input[type=text] {
	font-size: large;
	font-weight: bold;
	vertical-align: center;
	padding: 10px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: white;
	border: 1px solid #cccccc;
	border-radius:	10px;
}

div.pasek>select {
	font-size: large;
	font-weight: bold;
	vertical-align: center;
	padding: 10px;
	padding-right: 20px;
	background-color: white;
	border: 1px solid #cccccc;
	border-radius:	10px;
}


div.pasek>span.opisy {
	padding-left: 10px;
	padding-right: 2px;
	text-align: right;
	font-weight: bold;
	min-width: 130px;
	display: inline-block;
}

div.pasek>span.wartosci {
	padding-left: 2px;
	padding-right: 20px;
	text-align: left;
	min-width: 130px;
	width: 100%;
	display: inline-block;
}

div.pasek>span.odstep1 {
	min-width: 10px;
	display: inline-block;
}


/* panel z przyciskami */
div.przyciski_h {
	width:	auto;
	margin: 0;
	/*background-color:	#e2e2e2;*/
	margin:	0px;
	overflow: hidden;
}

div.przyciski_v {
	width:	auto;
	/*background-color:	#e2e2e2;*/
	margin:	0px;
}

/* szablon przyciskow */
div.przyciski_h button, div.przyciski_h a,
span.przyciski button {
	display:	block;
	float:	left;
	margin:0 7px 0 0;
	min-width:100px;
	height:44px;

	background-color:#d5d5d5;
	border:1px solid #aeaeae;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	border-radius: 5px;
	
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:12px;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	text-align: center;
	color:#565656;
	cursor:pointer;
	/*padding:5px 10px 6px 7px; /* Links */	    
}

div.przyciski_h button:disabled {
	background-color: #e0e0e0;
	color: #a0a0a0;
	opacity: 0.5;
}

div.przyciski_h a {
	height:50px;
}
div.przyciski_v button, div.przyciski_v a {
	display:	block;
	margin-right: 7px;
	margin-left: 0px;
	width:132px;
	height:34px;
	

	background-color:#d5d5d5;
	border:1px solid #aeaeae;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	border-radius: 5px;
	
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:12px;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	text-align: center;
	vertical-align: bottom;
	color:#565656;
	cursor:pointer;
	/*padding:5px 10px 6px 7px; /* Links */	    
}
div.przyciski_v a {
	width: 130px;
	height:32px;
}

div.przyciski_h button {
    /*width:auto; */
    overflow:visible;
    /*padding:4px 10px 3px 7px; /* IE6 */
    min-height: 52px;
}
div.przyciski_v button {
    /*width:auto;*/
    overflow:visible;
    /*padding:4px 10px 3px 7px; /* IE6 */
}
div.przyciski_h button[type], div.przyciski_v button[type] {
    /*padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
div.przyciski_h button img, div.przyciski_h a img {
    margin: 0 auto -3 auto !important;
    margin-left: auto;
    margin-right: auto;
    padding:0;
    text-align: center;
    border:none;
    width:32px;
    height:32px;
    display: block;
}
div.przyciski_v button img, div.przyciski_v a img {
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:32px;
    height:32px;
    display: block;
    float:	left;
    vertical-align: middle;
}
/* zwykly przycisk */
button.normalny, .buttons a.normalny {
    color:#336699;
}
div.przyciski_h a.normalny:hover, div.przyciski_v a.normalny:hover, button.normalny:hover {
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
div.przyciski_h a.normalny:active, div.przyciski_v a.normalny:active {
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}


/*********************/
/* radio buttons     */
/*********************/

button.radio_inactive {
	border:1px solid #00aa00;
}
button.radio_active {
	border:1px solid #00aa00;
	background-color: #00aa00;
}




/*********************/
/* okienka dialogowe */
/*********************/

div.dialogbox {
	position:	fixed;
	top:	0;
	left:	0;
	width:	100%;
	height:	100%;
	display:	none;
	background-color:rgba(0,0,0,0.4);
	z-index:101;
}
div.dialogbox:target {
	display:	block;
}
div.dialogbox div.okienko {
	background-color:	#eeeee9;
	display:	block;
	margin-top:	60px;
	margin-left:	100px;
	border-style:	solid;
	border-width:	1px;
	border-color:	#888888;
	box-shadow:	2px 2px 3px 0px #000000; 
	border-radius:	5px;
	position:	fixed;
	font-size:	12px;
	padding:	5px;
	width:	50%;
}
div.dialogbox div.okienko > h1 {
	font-size:	14px;
	font-weight:	800;
	margin:	10px;
}
div.dialogbox div.okienko input.wide {
	width:	500px;
}




/********************************/
/* ksi�gowanie wp�at            */
/********************************/

div.wyciag {
	display:	block;
}

div.wyciag div.wplata {
	display:	inline-block;
	border-style:	solid;
	border-width:	1px;
	border-color:	black;
	margin:	2px;
	padding:	2px;
	border-radius:	5px;
	width:	400px;

	background: rgb(180,227,145); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(180,227,145,1) 0%, rgba(97,196,25,1) 73%, rgba(180,227,145,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,227,145,1)), color-stop(73%,rgba(97,196,25,1)), color-stop(100%,rgba(180,227,145,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 73%,rgba(180,227,145,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 73%,rgba(180,227,145,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 73%,rgba(180,227,145,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 73%,rgba(180,227,145,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* IE6-9 */
}

div.wplata div.kwota {
	display:	inline-block;
	color:	green;
	font-weight:	bold;
	width:	100px;
	text-align:	center;
	margin:	5px;
	margin-bottom:	1px;
	font-size:	24px;
}
div.wplata div.kwotaminus {
	display:	inline-block;
	color:	red;
	font-weight:	bold;
	width:	100px;
	text-align:	center;
	margin:	5px;
	margin-bottom:	1px;
	font-size:	24px;
}
div.wplata div.tytul {
	display:	inline-block;
	color:	black;
	width:	200px;
	margin:	5px;
	margin-bottom:	1px;
}
div.wplata div.nadawca {
	display:	inline-block;
	color:	#444444;
	width:	340px;
	margin:	5px;
	margin-top:	1px;
}
div.wplata div.data {
	display:	inline-block;
	color:	#444444;
	width:	70px;
	text-align: right;
	margin:	5px;
	margin-top:	1px;
}

div.wyciag div.propozycje {
	display:	inline-block;
	border-style:	solid;
	border-width:	1px;
	border-color:	black;
	margin:	2px;
	padding:	2px;
	padding-right:	10px;
	border-radius:	5px;
	width:	500px;
	
	background: rgb(195,217,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(195,217,255,1) 0%, rgba(177,200,239,1) 41%, rgba(152,176,217,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(195,217,255,1)), color-stop(41%,rgba(177,200,239,1)), color-stop(100%,rgba(152,176,217,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(195,217,255,1) 0%,rgba(177,200,239,1) 41%,rgba(152,176,217,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(195,217,255,1) 0%,rgba(177,200,239,1) 41%,rgba(152,176,217,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(195,217,255,1) 0%,rgba(177,200,239,1) 41%,rgba(152,176,217,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(195,217,255,1) 0%,rgba(177,200,239,1) 41%,rgba(152,176,217,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3d9ff', endColorstr='#98b0d9',GradientType=0 ); /* IE6-9 */	
}

div.propozycje div.wybor {
	display:	inline-block;
	margin:	2px;
	
}
div.propozycje div.klient {
	display:	inline-block;
	margin:	2px;
	color:	#444444;
	width:	420px;
}
div.propozycje div.klient span.przylacza {
	color:	green;
	font-weight:	bold;
	display:	inline;
	margin-left: 10px;
	margin-right: 10px;
}
div.propozycje div.klient span.adres {
	color:	#888888;
	display:	block;
}
div.propozycje div.klient span.dopasowania {
	color:	blue;
	font-weight: bold;
	display:	inline;
}
div.propozycje div.scoring {
	display:	inline-block;
	margin:	2px;
	font-size:	16px;
	float:	right;
}
div.propozycje div.inne {
	display:	inline-block;
	margin:	2px;
	color:	#444444;
}


/********************************/
/* date picker                  */
/********************************/

.date-tccontainer 
{ 
	border: 1px solid #CCCCCC; 
	background-color: #EFEFEF; 
	padding: 2px; 
	
	margin-right: 2px; 
	text-align: center; 
	text-decoration: none; 
	color: #000000;
}

a.datepicker-data, a:hover.datepicker-data, a:active.datepicker-data, a:visited.datepicker-data {
	text-decoration: none;
	
	cursor:pointer;
}


/********************************/
/* tabelka z umowami i us�ugami */
/********************************/


/********************************/
/* autouzupe�nianie             */
/********************************/

.autocomplete-w1 { 
	background:url(img/shadow.png) no-repeat bottom right; 
	position:absolute; 
	top:0px; 
	left:0px; 
	margin:8px 0 0 6px; 
	/* IE6 fix: */ _background:none; _margin:0; 
	font-weight: 80;
	font-family:	sans-serif;
	font-size: 13px;
}
.autocomplete { z-index: 200; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; font-weight: 800;}
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:bold; color:#3399FF; }
.autocomplete small { color:#aaaaaa; }






listing.small {
	font-size: 6pt;
}