body {width:100%; min-width:1000px; margin:0px; padding:0px; background-color:#dcdcdc; font-family:Verdana, Helvetica, sans-serif; font-size:13px; line-height:2.5ex;}
table {border-collapse:collapse; font-size:13px;}
input, textarea {font-family:Verdana, Helvetica, sans-serif; font-size:12px;}
a{outline:none; cursor:pointer;}
.clearB {clear:both;}

/*horizontal images bcg*/
td#top_left, td#top_right, #nawigation ul li a.nav_active {background:url(../images/xmonitor_bcg.png) repeat-x scroll;}

/*images bcg*/
#logo, td#top_center, #nawigation ul li, table#clients div, .box_content h1, .box_content h1 span.smallWhiteArrow, .button_blue, .button_blue_end , ul#menuLeft li  {background:transparent url(../images/xmonitor_img.png) no-repeat scroll;}

#nawigation_cont {width:100%; background:#ffffff;}
#logo {height:102px; width:320px; background-position:0 -374px; float:left; margin:10px 0px 0px; position:relative; overflow:hidden;}
a#aLogo {margin:0px;}
img#imgLogo {position:absolute; clip:rect(374px, 320px, 460px, 0px); left:0px; top:-374px; border:none;}
#nawigation {}
	#nawigation ul {float:right; padding:0px; margin:0px 10px 0px;}
	#nawigation ul li {float:left; list-style:none; height:62px; background-position:-570px -418px;}
	#nawigation ul li#nav_start {width:18px; background-position:-558px -418px;}
	#nawigation ul li.nav_separ {width:2px; background-position:-994px -418px;}
	#nawigation ul li.nav_separ2 {width:2px; background-position:-997px -418px;}
	#nawigation ul li#nav_end {width:18px; background-position:-540px -418px;}
	#nawigation ul li#nav_client_start {width:18px; background-position:-18px -270px;}
	#nawigation ul li.nav_client {background-position:-36px -270px;}
	#nawigation ul li#nav_client_end {width:18px; background-position:0px -270px;}
	#nawigation ul li a {display:block; float:left; line-height:62px; padding:0px 15px; vertical-align:middle; text-decoration:none; font-size:12px; font-weight:bold; cursor:pointer;}
	#nawigation ul li.nav_client a.nav_active {background-color:#262626; color:#ffffff; background-position:right -830px; background-repeat:no-repeat; line-height:60px; height:60px; border-top:1px solid #727272; border-bottom:1px solid #262626;}
	#nawigation ul li a.nav_active {background-color:#063747; color:#ffffff; background-position:right bottom; background-repeat:no-repeat; line-height:60px; height:60px; border-top:1px solid #09b1d2; border-bottom:1px solid #063545;}
	#nawigation ul li a.nav_passive {color:#ffffff;}	
	#nawigation ul li a.nav_passive:hover {text-decoration:underline;}	
	
table#top {width:100%; height:225px;}
table#top  td{padding:0px;}
	td#top_left {background-position:0px -31px;}
	td#top_center {width:1000px; background-position:0px -31px;}
		#top_center_infobox {width:590px; float:right; margin-bottom:70px;}
		#top_center_infobox  h1 {/*background:#063747; opacity:.90; filter:alpha(opacity=90);*/ padding:12px 10px; font-family: Arial, Helvetica, sans-serif; font-size:20px; color:#ffffff; font-weight:normal; text-align:center; margin:5px 0px;}
		#top_center_infobox  h1 span {font-size:24px; font-weight:bold;}
		#top_center_infobox  h2 {font-size:13px; line-height:2.5ex; padding:10px 10px; color:#ffffff; font-weight:normal; background:#313131; opacity:.80; filter:alpha(opacity=80); margin:5px 0px; text-align:justify;}
	td#top_right {background-position:0px -287px;}

#nawigation, #main, #foot {width:1000px; margin:0px auto;}
#main_cont {border:0px; width:100%; padding-bottom:40px; border-bottom:1px solid #2b2b2b}
#main {}

#foot_cont {width:100%; background:#373737; border-top:1px solid #ffffff; border-bottom:2px solid #5a5a5a; margin-bottom:30px;}
#foot {text-align:center; color:#ffffff; padding:5px 0px; font-size:12px;}
#foot p {margin:5px 0px;}
#foot a {color:#ffffff; text-decoration:none; font-weight:bold; background:#1e1e1e; padding:2px 5px;}
#foot a:hover {text-decoration:underline;}

.box_100, table.box_2x50 {width:100%; float:left; clear:both;}
.box_100, table.box_2x50 td {vertical-align:top; background-color:#ffffff; /*opacity:.50; filter:alpha(opacity=50);*/}
.box_100 {margin:0px 0px 15px;}
table.box_2x50 td{padding:0px;}
	table.box_2x50 td.box_2x50_separator {background:transparent; width:1.5%;}

.box_content {overflow:hidden; text-align:justify;}
table#clients {margin:0px auto;}
table#clients td {text-align:center; vertical-align:middle; float:left;}
table#clients div.clientsSparator {height:100px; width:25px; background-position:0px -480px; margin:0px 10px;}
table#clients div#client_ListaFirm24 {height:100px; width:250px; background-position:-25px -480px; cursor:pointer;}
table#clients div#client_BazaKodowPocztowych {height:100px; width:360px; background-position:-270px -480px; cursor:pointer;}
table#clients div#client_PracaDlaStudenta {height:100px; width:155px; background-position:-615px -480px; cursor:pointer;}

table#clients div#client_ListaFirm24:hover {background-position:-25px -580px;}
table#clients div#client_BazaKodowPocztowych:hover {background-position:-270px -580px;}
table#clients div#client_PracaDlaStudenta:hover {background-position:-615px -580px;}


.box_content h1 {height:36px; display:block; white-space:nowrap; color:#ffffff; font-size:14px; line-height:34px; vertical-align:middle; margin:5px 0px 15px 0px; padding:0px 35px; background-position:0px -338px;}
.box_content h2 {height:20px; display:block; white-space:nowrap; color:#212121; font-size:14px; line-height:20px; vertical-align:middle; margin:0px; padding:0px 15px;}
.box_content p {margin:8px 35px;}
.box_content p.tab {text-indent:25px;}
.box_content a {background:#15566b; color:#ffffff; font-weight:bold; text-decoration:none; padding:2px 5px;}
/*.box_content a {color:#386d00; font-weight:bold; text-decoration:none;}*/
.box_content a:hover  {text-decoration:underline;}
.box_content ul.listPunkt {margin:0px 35px 10px 45px; padding:0px;}
.box_content ul.listPunkt a{font-size:12px !important; padding:2px 3px !important;}
.box_content ul.listPunkt li {position:relative; padding:3px 0px 5px 25px; list-style:none; display:block; line-height:2.3ex; text-align:left; overflow:hidden;}
.box_content ul.listPunkt img.smallArrow {position:absolute; clip:rect(286px, 1000px, 299px, 986px); left:-986px; top:-286px; margin:5px 0px 0px;}
.box_100 .box_content {padding:5px 0px;}
table.box_2x50 .box_content {padding:5px 0px;}

table#priceListTable {width:50%; margin:5px auto; table-layout:fixed; border-collapse:collapse;}	
table#priceListTable  col#priceListTable_col_1{}	
table#priceListTable  col#priceListTable_col_2{width:15ex;}	
table#priceListTable  col#priceListTable_col_3{width:15ex;}	
table#priceListTable td, table#priceListTable th {padding:5px;}	
table#priceListTable th {text-align:right;}	
table#priceListTable td {text-align:right;}	
table#priceListTable td.priceListTable_1stTd {text-align:left;}	
table#priceListTable th.priceListTable_1stTd {text-align:left;}	
	

/*formularze*/
table.formTable {width:80%; margin:0px auto;}	
table.formTable tr {}
table.formTable td {padding:3px 15px;}
td.formTable_label {width:25%; text-align:left;}	
td.formTable_field {width:50%;}	
td.formTable_field input.input_text, td.formTable_field textarea, td.formTable_field select  {width:100%; background:#f9f9f9; padding-top:5px; padding-bottom:5px; border-top:1px solid #abadb3; border-right:1px solid #dbdfe6; border-bottom:1px solid #e3e9ef; border-left:1px solid #e2e3ea;}	
td.formTable_extra {width:25%;}	
td.formTable_submit {}	
table.formTable_choiceField {width:100%; margin:0px auto;}
table.formTable_choiceField td {padding:3px 5px;}
td.formTable_choiceField_field {width:5%; text-align:left;}
td.formTable_choiceField_label {}
td.formTable_choiceField_extra {}
td.formTable_choiceField_extra span {font-weight:bold; color:#15566b;}

.main_panelKlienta table.formTable {width:95%; margin:0px auto;}	
.main_panelKlienta table.formTable td {padding:3px 15px;}
.main_panelKlienta td.formTable_label {width:40%;}	
.main_panelKlienta td.formTable_field {width:55%;}	
.main_panelKlienta table.formTable_choiceField {width:100%; margin:0px auto;}
.main_panelKlienta table.formTable_choiceField td {padding:3px 5px;}
.main_panelKlienta td.formTable_choiceField_field {width:5%; text-align:left;}

form#formularz_logowania  table.formTable {width:80%; margin:0px auto;}	
form#formularz_logowania td.formTable_label {width:25%; text-align:left;}	
form#formularz_logowania td.formTable_field {width:50%;}	

.button_blue{float:right; height:37px; margin:5px 0px; background-position:-558px -380px; color:#ffffff; cursor:pointer; text-align:center; position:relative; overflow:hidden;}
.button_blue:hover {text-decoration:underline;}
.button_blue_end{position:absolute; right:0px; height:37px; width:18px; background-position:-540px -380px; z-index:1;}
input.button_inputSubmit {display:block; position:relative; width:auto; overflow:visible; border:0px; background:transparent; padding:0px 28px; z-index:2; margin:0px; height:37px; line-height:37px; color:#ffffff; font-weight:bold; text-align:center; vertical-align:middle; cursor:pointer;}
input.button_inputSubmit:hover  {color:#ffffff; text-decoration:underline;}

#dane_do_faktury, #dane_do_wysylki_faktury {background:#ffffff;}

span.radiusTop{display:block; clear:both; overflow:hidden; line-height:0px; width:100%; position:relative;}
span.radiusBottom{display:block; clear:both; overflow:hidden; line-height:0px; width:100%;}
span.radiusTop, span.radiusBottom {line-height:0px; overflow:hidden; font-size:0px;}

span.line-l{float:left; clear:left;}
span.line-r{float:right; clear:right;}

span.radiusTop b, span.radiusBottom b{display:block; border:0px solid red; height:1px; width:1px; float:left; overflow:hidden; line-height:0px; background-color:#dcdcdc;}
/*zaokraglenie 5, wiersz 1*/
.r5-1{width:2px !important;}
.r5-2{opacity:.75; filter:alpha(opacity=75);}
.r5-3{opacity:.25; filter:alpha(opacity=25);}
/*zaokraglenie 5, wiersz 2*/
.r5-4{}
.r5-5{opacity:.20; filter:alpha(opacity=20);}
/*zaokraglenie 5, wiersz 3*/
.r5-6{opacity:.75; filter:alpha(opacity=75);}
/*zaokraglenie 5, wiersz 3*/	
.r5-7{opacity:.25; filter:alpha(opacity=25);} 





table.customerPanel {width:100%;}
table.customerPanel td {vertical-align:top; padding:0px;}
table.customerPanel td.customerPanel_menu {width:192px; padding-top:10px; padding-left:5px;}
table.customerPanel td.customerPanel_content {padding-left:10px;}


ul#menuLeft {margin:0px; padding:0px; list-style:none; float:left;}
ul#menuLeft li {display:block; width:192px; background-position:right -770px; float:left; clear:left;}
ul#menuLeft li#menuLeft_top {height:79px; background-position:right -691px;}
ul#menuLeft li#menuLeft_bottom {height:79px; background-position:right bottom;}
ul#menuLeft li a {display:block; padding:12px 10px 10px 20px; margin-left:10px; font-size:12px; text-decoration:none; font-weight:bold; color:#2f2f2f; cursor:pointer;}
ul#menuLeft li a:hover {text-decoration:underline; color:#2f2f2f; cursor:pointer;}
ul#menuLeft li.menuLeft_active {background:#ffffff; border-left:2px solid #20768e;}
ul#menuLeft li.menuLeft_active a {color:#0f5d73; margin-left:8px;}

table.raportTable, table#detailedRaportTable {width:90%; margin:5px auto; table-layout:fixed; border-collapse:collapse;}
table.raportTable a {font-size:12px; padding:3px 15px; white-space:nowrap;}
table.raportTable th, table.raportTable td, table#detailedRaportTable td {padding:5px 5px; text-align:center;}
table.raportTable td.raportTable_button {text-align:right;}
col.raportTable_col1 {}
col.raportTable_col2 {}
col.raportTable_col3 {width:20ex;}
col.reportTable_col4 {width:30ex;}
col.detailedRaportTable_col1 {width:25ex;}
.raportGodzinowy, .raportGodzinowy_active {}
.raportGodzinowy {cursor:pointer; color:#282828; text-decoration:underline; border-right:1px solid #15566b; padding:5px 10px;}
.raportGodzinowy_active {cursor:pointer; color:#15566b; text-decoration:none; border-left:2px solid #15566b; border-top:1px solid #15566b; border-bottom:1px solid #15566b; padding:4px 10px 4px 9px;}

p#panel_klienta_przypomnij_haslo {text-align:center;}
p#panel_klienta_przypomnij_haslo a {background:#ffffff; color:#15566b; font-weight:normal !important; text-decoration:underline;}