body {background: rgb(186,235,255); text-align: center; margin: 0 0 16px; font-family: arial,tahoma;}
a {text-decoration: underline;}
a:hover {text-decoration: none;}
p, ul, ol, td, th {font-size: 14px;}
form h2 {font-size: 18px; margin: 0; padding: 0 0 8px;}
form {padding: 0; margin: 0;}
form p {margin: 0; padding: 0; line-height: 16px;}
form h3, form table {width: 550px; margin: 0 auto;}
form table {border-collapse: collapse; margin-bottom: 16px;}
form th, form td {padding: 4px 8px; font-weight: normal; vertical-align: top;}
form th {text-align: left; width: 150px; color: #aaa; font-size: 11px;}
form th label {color: #000; font-style: normal; font-size: 11px;}
form td {text-align: left;}
form h3 {font-size: 18px; text-transform: uppercase; color: #555; border-bottom: 1px solid #888; margin: 16px auto; padding: 0 0 2px;}
form h3 span {float: right; font-size: 11px; color: #aaa; font-weight: normal; font-style: italic; text-transform: none; margin-top: 0;}
form .field {width: 250px;}
form .submit {clear: both; text-align: center; margin: 0; padding: 20px 0;}
form td.submit {text-align: left; padding: 4px 8px;}
.fclr {clear: both;}

#all {width: 1020px; margin: 0 auto; background: #fff url(../gfx/bg-all.gif) scroll repeat-y left top;}

/* gorne male menu */
#top {height: 280px; background-image: url(../gfx/bg-top.jpg); position: relative;}

/* duze przyciski nawigacji */
#nav {position: absolute; right: 60px; top: 245px;;}
#nav ul, #nav a {color: #000; font-weight: bold;}
#nav ul {list-style-type: none; margin: 0; padding: 0; font-size: 14px; line-height: 14px;}
#nav li {display: inline; margin: 0 10px;}
#nav a {text-decoration: none;}
#nav a:hover {text-decoration: underline;}
#nav a span {color: #ff0; font-size: 16px;}

/* tresc */
#txt {clear: both; padding: 20px 75px 30px; text-align: left;}
#txt a {color: #822;}
#txt h2 {font-size: 28px; color: #000; margin: 0; padding: 0;}
#txt h3 {font-size: 22px; color: #766;}
#txt h4 {font-size: 18px; color: #000;}
#txt h5 {font-size: 14px; color: #000; margin: 0; padding: 0 0 6px;}

/* stopka */
#foot {clear: both; height: 80px; padding: 14px 0 0; background-image: url(../gfx/bg-foot.jpg);}
#foot hr {display: none;}
#foot p {margin: 0; padding: 0 0 12px; font-size: 12px;}
#foot a, #foot p {color: #000;}

/* powitanie */
#welcome {width: 550px; float: left;}
#welcome h2 {margin: 0; padding: 0;}
#welcome img {margin: 36px 0 0;}

/* oferty */
#lotoffers {float: left; margin-top: 10px; width: 263px; height: 166px; background: #fff url(../gfx/bg-lot-offers.gif) scroll no-repeat left top;}
#lotoffers form {padding: 40px 10px 0 20px; text-align: center;}
#lotoffers p {color: #fff; margin: 0 auto; padding: 20px 0 0;}

/* nianie */
#babysitter {float: left; margin: 10px 5px 0 0; width: 269px; height: 171px; background: #fff url(../gfx/bg-babysitter.gif) scroll no-repeat left top;}
#babysitter form {padding: 40px 10px 0 30px; text-align: center;}
#babysitter p {color: #fff; margin: 0 auto; padding: 20px 0 0;}

/* przycisk rejestracji sittera */
#regsitter {text-align: center; margin: 0 20px 0;}
#regsitter img {border: none; width: 130px;}

/* formularz logowania */
#loginform {}
#loginform p {text-align: center;}

/* ikony rejestracji */
#loginreg {text-align: center;}
#loginreg img {border: none; width: 200px;}

/* komunikaty systemowe */
#syserr, #sysmsg {padding: 20px; margin: 0 0 5px;}
#syserr h3, #sysmsg h3 {margin: 0; padding: 0 0 8px; font-size: 18px;}
#syserr ul, #sysmsg ul {margin: 0; padding: 0 0 0 24px; list-style-type: square;}
#syserr {background: #f44; border: 1px solid #f00;}
#syserr h3, #syserr ul {color: #fff;}
#sysmsg {background: #4f4; border: 1px solid #0f0;}
#sysmsg h3, #sysmsg ul {color: #fff;}

/* ikony postepu rejestracji */
#steps {clear: both; padding: 10px; margin: 10px 0 20px; font-size: 12px; color: #bbb; text-align: center; font-weight: bold; text-transform: uppercase; background: #000;}
#steps b {color: #68c;}

/* menu caregiver w edycji konta */
#c1 {float: left; width: 220px;}
#c1 ul {background: #fc8; list-style-type: none; margin: 10px 0; padding: 20px;  font-weight: bold;}
#c1 ul ul {list-style-type: circle; padding: 2px 0 10px 16px; font-weight: normal;}
#c1 ul ul li {margin: 0; padding: 0 0 2px;}

/* kolumna z trescia obok menu w edycji konta */
#c2 {float: right; width: 670px;}

/* zdjecie wraz z loginem caregiver */
#c1photo {padding: 10px; background: #ff0;}
#c1photo img {border: 2px solid #fff;}
#c1 p {text-align: center;}

/* kolumna z trescia obok menu w edycji konta */
#c3 {float: right; width: 620px;}

/* banner pod menu */
.more {text-align: right; clear: both; padding-top: 0 !important;}
.more a {color: #383 !important;}

/* availability */
#avail {border: 1px solid #ccc; margin-bottom: 16px;}
#avail th, #avail td {border: 1px solid #ccc; text-align: center; vertical-align: middle; color: #000; padding: 3px 6px;}
#avail th.h {width: 200px !important;}
#avail td.s {background: #cef;}

/* recenzje */
.review {clear: both; padding: 8px 0 16px; border-top: 1px solid #eee;}
.review img {border: none; margin: 0; padding: 0;}
.review p {padding: 0; margin: 0;}
.review .admin {font-style: normal;}
.review .admin a {color: #f00 !important;}
.review .date {}
.review .author {text-align: right; font-style: italic;}

/* member */
.member {clear: both; padding: 8px 0 16px; border-top: 1px solid #eee;}
.member p {padding: 0; margin: 0;}
.member .admin a {color: #f00 !important;}

.memberadd {text-align: center; padding: 0 0 16px; border-bottom: 3px solid #eee;}

/* wiadomosci */
.msgtypes {text-align: right; padding: 0 0 16px;}
.msg {clear: both; padding: 8px 0 16px; border-top: 1px solid #eee;}
.msg .admin {font-style: normal;}
.msg .admin a {color: #f00 !important;}
.msg .date {}
.msg .author {text-align: right;}

/* formularz szukania po kodzie */
#sf {padding: 10px 10px 20px; background: #fc8; text-align: left;}

/* formularz szukania po detalach */
#sr {padding: 10px 10px 20px; background: #ff8; text-align: left; margin: 10px 0 0;}
#c1 #sr ul {background: none; padding: 10px 0 0; margin: 0;}
#c1 #sr ul ul {padding: 0 0 0 16px; margin: 0 0 10px;}

/* filter szukania */
#c1 #srf {padding: 10px 10px 20px; background: #fd0; text-align: left; margin: 10px 0 0;}
#c1 #srf ul {list-style-type: circle; padding: 2px 0 10px 24px; font-weight: normal; background: none;}

/* tla dla nanny */
.caregiver #sf {background: rgb(255,102,0) !important;}
.caregiver #sf h5, .caregiver #sf p {color: #fff;}
.caregiver #sr {background: rgb(255,200,100) !important;}

/* tla dla nanny */
.seeker #sf {background: rgb(0,138,201) !important;}
.seeker #sf h5, .seeker #sf p {color: #fff;}
.seeker #sr {background: rgb(180,220,255) !important;}
.seeker #srf {background: rgb(140,198,231) !important;}

/* lista nan */
.cli {clear: both; padding: 8px; margin: 0 0 16px; background: #f8f8f8; border: 1px solid #ccc; border-right: 4px solid #ccc; border-bottom: 4px solid #ccc;}
.cli .photo {float: right; margin: 0 0 0 16px; width: 100px; border: 1px solid #ccc; padding: 4px; background: #fff;}
.cli h2 {font-size: 16px; margin: 0; padding: 0 0 4px;}
#txt .cli h3 {font-size: 16px; margin: 0; padding: 8px 0;}
.cli address {font-style: normal; font-size: 11px; margin: 0; padding: 0 0 4px; border-bottom: 1px solid #aac;}
.cli .glance {margin: 0; padding: 4px 0 8px;}

/* detale niani */
.cld {clear: both; margin: 0 0 16px;}
#txt .cld h2 {font-size: 16px; margin: 0; padding: 16px 0 4px; color: #008;}
#txt .cld h4 {margin: 0; padding: 8px 0;}
.cld address {font-style: normal; font-size: 11px; margin: 0; padding: 0 0 4px; border-bottom: 1px solid #aac;}
.cld .glance {margin: 16px 0 0; padding: 8px; background: #fee; border: 1px solid #edd;}
.cld .info {margin: 0 0 16px;}
.cld .info th, .cld .info td {text-align: left; padding: 2px 4px; vertical-align: top; font-weight: normal;}
.cld .info th {width: 90px;}

.mustupgrade {background: #ffc; border: 1px solid #dda; padding: 8px; margin: 0 0 10px 0; text-align: center; font-weight: bold; text-transform: uppercase;}
.mustupgrade p {margin: 0; padding: 0;}

.mustcomplete {background: #f00; border: 1px solid #800; padding: 8px; margin: 0 0 10px 0; text-align: center; font-weight: bold; text-transform: uppercase;}
.mustcomplete p {margin: 0; padding: 0; color: #fff;}
.mustcomplete b {color: #ff0;}

/* lista prac */
.jli {clear: both; margin: 0 0 16px; background: #f8f8f8; padding: 8px 8px 16px; border: 1px solid #ccc; border-right: 4px solid #ccc; border-bottom: 4px solid #ccc;}
#txt .jli h2 {font-size: 16px; margin: 0; padding: 0 0 4px; color: #008;}
#txt .jli p {margin:0; padding: 0;}
#txt .jli p.author {text-align: right;}
.jli address {font-style: normal; font-size: 11px; margin: 0; padding: 0 0 8px; border-bottom: 1px solid #aac;}
.jli .more {text-align: right;}
.jli table {width: 100%; margin: 8px 0 0;}
.jli th, .jli td {width: 20%;}
.jli th {font-weight: bold; color: #888; text-transform: uppercase;}
.jli td {text-align: center;}