body
{
font-family:Verdana;
font-size:11px;
color:#000;
}

#container {
width:960px;
margin:0 auto;
}

#header {
width:960px;
height:125px;
float:left;
margin-bottom:20px;
}
#header img{ 
border:0px;
float:left;
}

#nav {
width:200px;
float:left;
}

#content {
width:760px;
float:left;
}

#footer {
width:860px;
margin-top:20px;
float:left;
border:solid 1px #D2F2F4;
}

/* FIELD SET LOGIN */

fieldset {
border:solid 1px #dae5ef;
width:190px;
margin:0px;
padding:10px 5px 10px 5px;
margin-bottom:10px;
background-image:url(../images/fieldset.jpg);
background-position:top left;
background-repeat:repeat-x;
}

fieldset legend {
font-weight:bold;
/*background-color:#D2F2F4;*/
background-color:#4d657d;
padding:5px;
color:#fff;
}

fieldset input.textbox {
width:130px;
height:17px;
display:block;
float:left;
border:solid 1px #A7856F;
margin-top:5px;
font-size:12px;
}

fieldset input.textbox:focus {
border:solid 1px #ffcc00;
}

fieldset label {
height:17px;
width:45px;
display:block;
float:left;
line-height:30px;
}

fieldset label.alt {
line-height:16px;
width:100px;
margin-left:55px;
margin-top:10px;
}

fieldset input.checkbox {
margin-top:12px;
}

fieldset ul {
list-style-type:circle;
}

fieldset ul li a {
color:#4D657D;
text-decoration:underline;
line-height:18px;
}

fieldset ul li a:hover {
color:#ffcc00;
}


.button {
margin-top:10px;
margin-left:115px;
background-image:url(../images/button_1.png);
background-position:top left;
background-repeat:no-repeat;
background-color:transparent;
color:#333;
font-weight:bold;
font-size:11px;
padding:7px;
border:none;
width:65px;
}

.button:hover {
margin-top:10px;
margin-left:115px;
background-image:url(../images/button_2.png);
background-position:top left;
background-repeat:no-repeat;
background-color:transparent;
color:#333;
font-weight:bold;
font-size:11px;
padding:7px;
border:none;
width:65px;
}

/* FIELDSET CONTENT */


#content fieldset {
width:740px;
margin-left:10px;
}

#content fieldset legend {
background-color:#4d657d;
}

#content fieldset p {
line-height:20px;
margin:0px 10px 10px 10px;
}

.italic {
font-style:italic;
}

#footer p {
margin:10px;
font-size:11px;
color:#c0dedf;
}

#logged p {
font-size:13px;
font-weight:bold;
padding:5px;
margin:0px;
color:#336666;
}

#logged {
padding:5px;
border:solid 1px ##DAE5EF;
}

fieldset#navigation ul {
list-style-type:none;
font-weight:bold;
padding-left:10px;
padding-right:10px;
}

fieldset#navigation ul li {
border-bottom:1px solid #f2f2f2;
padding:5px;
padding-left:20px;
background-image:url(../images/bullet_start.png);
background-position:0px 50%;
background-repeat:no-repeat;
}

fieldset#navigation ul li a {
text-decoration:none;
}

table.head {
width:100%;
border:solid 1px #f2f2f2;
text-align:center;
margin-bottom:10px;
}

table.head thead tr {
background-color:#818AA6;
}

table.head thead tr td{
margin:0px;
border:none;
padding:5px;
color:#fff;
font-weight:bold;
}

table.head tbody td {
color:#000;
text-align:center;
padding:5px;
font-weight:bold;
}

table.typical {
width:100%;
margin-bottom:50px;
}

.typical tbody td, .typical tfoot td {
background-color:#EEF2FB;
padding:5px;
}

.typical a {
color:#566383;
}

.typical a:hover {
text-decoration:none;
}

.typical thead td {
background-color:#0d5180;
color:#fff;
font-weight:bold;
padding:5px;
background-image:url(../images/thead.jpg);
background-position:top left;
background-repeat:repeat-x;
}

.typical tfoot td {
background-color:#0d5180;
color:#fff;
font-weight:bold;
padding:5px;
}



/* Dodane */

#form-login fieldset p label {
width:150px;
height:25px;
font-size:11px;
font-weight:bold;
color:#383b3e;
}

#form-login fieldset p input {
border:1px solid #b9cee2;
padding:3px;
}

#form-login fieldset p input:focus {
border:1px solid #ffcc00;
}

#form-login fieldset p {
margin-top:0px;
margin-bottom:5px;
padding-left:25px;
}

#form-login fieldset p#form-login-remember label {
width:100px;
line-height:18px;
}

#form-login ul li {
margin-top:5px;
color:#0f6097;
font-size:11px;
}

#form-login ul li a {
color:#0f6097;
}

#form-login ul li a:hover {
color:#ffcc00;
}

#zalogowany, #aktualizacja, #e_czynsze_title, #lokale, #adres, #proc_pow_ws {
float:left;
width:96.5%;
padding-bottom:10px;
padding-top:10px;
padding-left:25px;
color:#333;
}

#zalogowany b, #aktualizacja b, #e_czynsze_title b {
margin-left:2px;
color:#333;
}

#tabela {
float:left;
width:100%;
}

#kontakt label {
width:100%;
}

 #filtr_miesiace label {
width:45%;
line-height:20px;
}

#filtr_miesiace, #liczniki, #liczniki_typ {
float:left;
width:50%;
}

#windowOpen {
float:left;
padding:8px;
text-decoration:none;
margin:5px;
background-image:url(../images/button_3.png);
background-position:top left;
background-repeat:no-repeat;
background-color:transparent;
}

#windowOpen b {
color:#fff;
text-decoration:none;
margin-left:5px;
float:left;
}

#windowOpen img {
border:none;
float:left;
}

#system-message {
margin-left:10px;
}

#content #system-message dd.error ul {
background-color:red;
color:#fff;
}

#content fieldset table button#b_filtruj {
background-image:url(../images/button_1.png);
background-position:top left;
background-repeat:no-repeat;
color:#333;
font-weight:bold;
font-size:11px;
padding:7px;
border:none;
width:65px;
margin-left:5px;
}

#content fieldset table button#b_filtruj:hover {
background-image:url(../images/button_2.png);
background-position:top left;
background-repeat:no-repeat;
background-color:transparent;
color:#333;
font-weight:bold;
font-size:11px;
padding:7px;
border:none;
width:65px;
margin-left:5px;
}


#content fieldset table button#b_odczyty {
background-image:url(../images/button_1.png);
background-position:top left;
background-repeat:no-repeat;
color:#333;
font-weight:bold;
font-size:11px;
padding:7px;
border:none;
width:65px;
margin-left:5px;
}

#content fieldset table button#b_odczyty:hover {
background-image:url(../images/button_2.png);
background-position:top left;
background-repeat:no-repeat;
color:#333;
font-weight:bold;
font-size:11px;
padding:7px;
border:none;
width:65px;
margin-left:5px;
}

#odczyty {
background-color:#0689e6;
float:left;
margin-left:1px;
margin-top:10px;
padding:10px;
background-image:url(../images/odczyt.jpg);
background-position:top left;
background-repeat:repeat-x;
}

#odczyty a {
color:#fff;
text-decoration:none;
font-weight:bold;
}

#odczyty a:hover {
color:#ffcc00;
}

#saldo {
float:left;
}
.cena {text-align:right;}
.srodek {text-align:center;}

table {
float:left;
}

.error_list {
margin-top:5px;
margin-bottom:5px;
font-weight:bold;
color:red;
list-style-type:sqaure;
}

label.hasTip {
width:auto;
float:left;
line-height:15px;
font-weight:bold;
}

form[name="userform"] label  {
width:140px;
font-weight:bold;
line-height:18px;
}


.popup_wiadomosc {
text-align:left;
padding:10px;
}

.nowa_wiadomosc a {
padding-left:32px;
background-image:url(../images/new_msg.gif);
background-position:middle left;
background-repeat:no-repeat;
}

#liczniki_typ {
width:20%;
}

fieldset #liczniki_odczyty p {
font-weight:bold;
margin-top:10px;
margin-bottom:0px;
color:#ffcc00;
}

tbody {
font-size:11px;
}

.typical tbody tr {
background-color:#EEF2FB;
}

.typical tbody tr:hover {
background-color:#9bbedb;
}

#lokale {
margin-bottom:10px;
border-bottom:dashed 1px #ccc;
}

#zalogowany {
background-image:url(../images/user_b.png);
background-position:5px 50%;
background-repeat:no-repeat;
border-top:dashed 1px #ccc;
}

#aktualizacja {
background-image:url(../images/calendar_select_day.png);
background-position:5px 50%;
background-repeat:no-repeat;
}

#tabela #aktualizacja, #adres {
background-image:url(../images/house_key.png);
background-position:5px 50%;
background-repeat:no-repeat;
font-size:11px;
}

#lokale {
font-size:11px;
background-image:url(../images/script_start.png);
background-position:5px 50%;
background-repeat:no-repeat;
}

#proc_pow_ws {
font-size:11px;
background-image:url(../images/procent.png);
background-position:5px 50%;
background-repeat:no-repeat;
}

select {
border:solid 1px #ccc;
padding:4px;
}

#proc_pow_ws_var {
font-weight:bold;
}