/*  niania.wroclaw.pl main stylesheet

	Developed by: 
      PHP/MySQL/SQLite - Tomek Paloc (tomasz.paloc@gmail.com)
      XHTML/CSS/JS - Bartek Stańkowski (bstankowski.pl)
      
	Update:  09.2009
   ----------------------------------------------------*/


/* =CSS Reset
   ----------------------------------------------------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p,
a, em, img, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;}
body {line-height: 1;}
a { text-decoration: none; }
blockquote, q {quotes: none;}
ul li {list-style: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
legend { display: none; }

/* =Globals
   ----------------------------------------------------*/

body {
	padding-bottom: 20px;
	font: medium/1.3 Helvetica, Arial, sans-serif;
	color: #222;
	background-color: #fff;
}   

h2 {
  clear: both;
	margin-top: -3px;
	margin-bottom: .4em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 150%;
}

h3 {
	clear: both;
  margin-bottom: 1em;
	padding: .8em 0 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 120%;
  font-weight: normal;
}

form h3 { 
padding-top: .3em;
  font-size: 100%; 
  font-weight: bold;
}

h4 { margin: .5em 0 }

a:link { color: #0163E0; }
a:visited { color: #153155; }
a:hover, a:focus, a:active { border-bottom: 1px solid; }

a.button:link,
a.button:visited { color: #000; }

a.button:hover, 
a.button:focus,
a.button:active { 
	border-bottom: none;
	color: #666;
}

p { margin-bottom: 1em; }

#content ol { margin-left: 20px; }

li, dd, dt { margin-bottom: 3px; }

.button, 
.tabs a, 
#new-child {
	display: block;
	width: 137px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 80%;
	color: #000;
	font-weight: bold;
	background: transparent url(../i/buttons.gif) 0 0 no-repeat;
	cursor: pointer;
}

.button { font-size: 90%; }

.tabs .active a { 
	background-position: 0 0; 
	cursor: default;
}

.tabs .active a:hover,
.tabs .active a:focus {
	color: #222;
}

.tabs .active a:active { background-position: 0 -32px; }

.tabs a {  
	margin-right: 1px; 
	background-position: -276px 0; 
}

.tabs a:active { background-position: -276px -32px; }
   
input.button { 
	border: none; 
	font-size: 100%;
}
   
.button.login {font-weight: bold; }

.button:hover,
.button:focus {color: #666; }

.button:active { background-position: 0 -32px; }

.button.register { background-position: -138px 0; }

.button.register:active { background-position: -138px -32px; }
   
.bar {
	margin-bottom: 12px;
	padding-bottom: 28px;
	background: #fff url(../i/bar.gif) left bottom no-repeat;
}
 
.column-1 {
	float: left;
	width: 540px;
}

.column-2,
.box.actions {
	float: right;
	width: 266px;
}

.msg-box .message { 
  font-size: 120%; 
  color: #A7211A;
}
 
/* forms */ 

form {
	width: 542px;
	padding: 0;
	border: 1px solid #E8E7EC;
}

#content form {	margin-bottom: 1em; }

fieldset,
#user-panel #logged-panel div,
.msg-box div {
	padding: 19px 15px;	
	overflow: hidden;
	border: 1px solid #F8F9FA;
	background: #F8F9FA url(../i/gradient-grey.gif) 0 0 repeat-x;
}

label, span.label {
	float: left;
	width: 150px;
	line-height: 30px;
}

input, textarea, select { 
  border: 1px solid #DDDEE2; 
  font: 1em Helvetica, Arial, sans-serif;
}

.register-form .message,
.search-form .message {
	margin-left: 0;
}

label#force { width: auto; }

.error, .error a { color: #B1221B; }

form .message { margin: 10px 0 0 150px; }

form.register-form .message, 
.register-form .field-wrap.error.rules { background: none; }

.field-wrap.error input,
.field-wrap.error input:focus,
.field-wrap.error textarea,
.field-wrap.error textarea:focus,
.field-wrap.error select,
.field-wrap.error select:focus { border-color: #A01A12; }

.field-wrap input:focus,
.field-wrap textarea:focus,
.field-wrap select:focus,
table input[type="text"]:focus { border-color: #ADADB2; }

.field-wrap {
	margin-bottom: 15px;
	overflow: hidden;
}

.field-wrap input,
.field-wrap textarea {
	float: left;
	width: 127px;
	height: 21px;
	padding: 7px 5px 2px;
	line-height: 20px;
}

.field-wrap select {
	margin-top: 5px;
  width: 193px;
}

.field-wrap textarea { height: auto; }

.disabled,
.disabled a { color: #A5A7AA; }

.disabled a:hover { 
  border-bottom: none; 
  cursor: default 
}

form.message .button {
	float: left;
	margin-right: 5px;
}

/* tables */

#content table {
	width: 100%;
	margin-bottom: 1em;
}

td, th {
	padding: .2em .5em .3em;
	text-align: center;
}

th, td, caption { border-bottom: 1px solid #EDEDED; }

#content tbody tr:hover { background-color: #F2FFFF }
tbody tr:last-child td { border-bottom: none; }

thead th { 
	padding: .5em;
	background-color: #fafafa;
}

 
/* =Layout
   ----------------------------------------------------*/

#wrap {
	width: 821px;
	margin: 0 auto;
	padding-bottom: 15px;
	font-size: 90%;
}   

#header {
	overflow: hidden;
}

#content {
	width: 821px;
	margin: 20px 0;
	overflow: hidden;
}

#footer {
	clear: both;
	width: 100%;
	padding-top: 1em;
}

   
/* =Header
   ----------------------------------------------------*/
   
h1 {
	width: 821px;
	height: 85px;
}

h1 a, h1 a span {
	display: block;
	width: 820px;
	height: 68px;
}

h1 a { position: relative; }
h1 a:hover, h1 a:focus { border: none; }

h1 span {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(../i/niania.wroclaw.gif) 0 0 no-repeat;
}

#nav {
	height: 47px;
	margin-bottom: 0;
	padding-bottom: 17px;
	overflow: hidden;
}

#nav li { display: inline; }

#nav a,
#nav a span {
	display: block;
	width: 164px;
	height: 47px;
	cursor: pointer;
}

#nav a:hover,
#nav a:focus { border-bottom: none; }

#nav a { 
	float: left;
	position: relative;	
}

#nav a span {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(../i/nav.png) 0 0 no-repeat;
}

#home #nav-home span,
#nanny #nav-nanny span,
#kids #nav-kids span,
#rules #nav-rules span,
#contact #nav-contact span { cursor: default; }

#nav #nav-home:hover span,
#nav #nav-home:focus span,
#home #nav-home span {
	background-position: 0 -47px;
}

#nav #nav-nanny span { background-position: -164px 0; }

#nav #nav-nanny:hover span,
#nav #nav-nanny:focus span,
#nanny #nav-nanny span {
	background-position: -164px -47px;
}


#nav #nav-kids span	{ background-position: -328px 0; }

#nav #nav-kids:hover span,
#nav #nav-kids:focus span,
#kids #nav-kids span {
	background-position: -328px -47px;
}

#nav #nav-rules span { background-position: -492px 0; }

#nav #nav-rules:hover span,
#nav #nav-rules:focus span,
#rules #nav-rules span {
	background-position: -492px -47px;
}

#nav #nav-contact span {
	width: 165px;
	background-position: -656px 0;
}

#nav #nav-contact:hover span,
#nav #nav-contact:focus span,
#contact #nav-contact span {
	background-position: -656px -47px;
}

#header div { float: right; }

#user-panel { 
	width: 268px; 
	margin-top: 20px;
}

#user-panel form,
#user-panel #logged-panel,
.msg-box {
	width: 266px;
	height: 208px;
	padding: 0;
	border: 1px solid #CFD2D7;
}

#user-panel fieldset,
#user-panel #logged-panel div { 
	height: 167px; 
}

#user-panel div { 
	float: none;
	clear: both;
	margin-bottom: 7px;
	overflow: hidden;
}

#user-panel label {
	float: left;
	width: 92px;
	font-size: 90%;
	font-weight: bold;
	line-height: 30px;
}

#user-panel .button,
#user-panel #login-forgot-password {
	float: right;
}

#user-panel #login-forgot-password {
	width: 126px;
	margin-bottom: 8px;
	padding-left: 12px;
	font-size: 85%;
	background: transparent url(../i/icon-dot.gif) 0 50% no-repeat;
}

#user-panel #login-forgot-password:hover,
#user-panel #login-forgot-password:focus {
	border: none;
	text-decoration: underline;
}

#user-panel .login { margin-bottom: 8px; }

#user-panel #logged-panel .button { 
  float: left;
  margin: 0 5px 0 0;
}

#user-panel #logged-panel p {
	float: left;
  margin: 0 40px 0 0;
  line-height: 32px;
}

#user-panel #logged-panel span {
	display: block;
	float: left;
	width: 80px;
}

#front-img {
	width: 542px;
	height: 242px;
	margin: 20px 8px 0 0;
	border: 1px solid #E8E7EC;
}

#user-panel.logged { width: 821px; }
#user-panel.logged #logged-panel { width: 819px; }

#user-panel.logged #logged-panel div,
#user-panel.logged #logged-panel { 
  height: auto; 
  margin: 0;
}

#user-panel.logged h2 { 
	overflow: hidden; 
	font-size: 125%;
}

#user-panel.logged h2 span {
  width: 49.9%;
	float: left;
}

#user-panel.logged h2 .links { text-align: right; }

#user-panel #logged-panel .button.last { margin-top: 10px }

/* =Content
   ----------------------------------------------------*/
   
#content { clear: both; }

.tabs {
	padding: 11px 0 17px;
	border-top: 1px solid #CFD2D7;
	overflow: hidden;
	text-transform: uppercase;
}

.tabs.actions { 
  border-top: none; 
  text-transform: none;
}

.tabs li { display: inline; }

.tabs a { display: block; }

.tabs a {
	float: left;
	position: relative;
}

.tab-content {
	width: 100%;
	overflow: hidden;
}

dl.box,
.column-2.box {
	float: left;
	width: 266px;
	margin: 0 8px 8px 0;
	padding: 0;
	color: #29292B;
	border: 1px solid #55A3D1;
	background: #F0FEFF url(../i/gradient-blue.gif) 0 0 repeat-x;
}

dl.box { padding-bottom: 10px; overflow: hidden; }

.boxes { overflow: hidden; margin-bottom: 5px;}
.boxes .box { margin-bottom: 3px }

.box.last-in-row { margin-right: 0; }

.box:hover { border-color: #3B7EA5; }
.box:hover dt a { color: #0550B2; }

.box dt {
	float: right;
	width: 140px;
	margin-bottom: 0;
	padding-bottom: 3px;
	padding-top: 16px;
	font-weight: bold;
	border: 1px solid #F1F9FC;
	border-width: 1px 1px 0 0;
}

.box dd { 
	float: right;
	width: 140px;
	margin-bottom: 0; 
}

.box dd.photo {
	float: left;
	width: 108px;
	width: 98px;
	height: 98px;
	padding: 16px 10px 6px 16px;
	border: 1px solid #F1F9FC;
	border-width: 1px 0 0 1px;
}

.box dd.photo a {
	display: block;
	width: 98px;
	height: 98px;
}

.box dd.photo img { border: 1px solid #CFD2D9; }

.box dd.photo a:hover,
.box dd.photo a:focus,
.box dd.photo a:active {
	border-bottom: none;
	opacity: .8
}

.box dd:last-child { padding-top: 3px; }

.box dd a { 
	font-size: 80%; 
	font-weight: bold;
	font-style: normal;
}

.see-all {
	clear: both;
	padding-top: 5px;
	font-weight: bold;
	text-align: right;
	font-size: 90%;
	line-height: 1.5em;
	border-top: 1px solid #CFD2D7;
}

/* #contact */

#content .field-wrap input,
#content .field-wrap textarea {
	width: 240px;
}

#content form .submit { margin-left: 150px; }
#content #password-reminder .submit,
#content #accept-rules .submit { margin-left: 0; }

#content #form-contact textarea { width: 330px; }

#content #accept-rules .field-wrap input { 
	width: auto; 
	height: auto;
	margin: 6px 10px 0 0;
}

.column-2.box,
.box.actions {
	float: right;
	width: 234px;
	margin-right: 0;
	padding: 16px;
	font-style: normal;
}

.column-2.box:hover { border-color: #55A3D1; }

.column-2.box li,
.box.actions li {
	margin-top: 5px;
	font-weight: bold;
}

.box.actions .n-contact li { font-weight: normal }

.column-2.box li span,
.box.actions li span,
.column-2.box li a,
.box.actions a {
	font-weight: normal;
}

.column-2.box p,
.column-2.box p { 
	margin-bottom: 1em;
}

/* register-form */

#content .register-form { width: auto; }

.form-col {
	float: left;
	margin-bottom: 1em;
	width: 47%;
}

.form-col.right {
	margin-left: -1px;
	padding-left: 3%;
	border-left: 1px solid #CFD3D8;
}

.form-col.left { 
	padding: 0 2% 10px 0;
	border-right: 1px solid #CFD3D8;
}

.checkbox-wrap label { width: 35px; line-height: 20px; }

#content .register-form .field-wrap input { width: 180px; }
#content .register-form .field-wrap.photo input { 
	width: 170px; 
	height: auto; 
	clear: both;
	
	width: auto;
}

#content .register-form .field-wrap.photo label { width: 120px; }

#content .field-wrap.photo p { 
	clear: both;
	margin: 0;
	padding: 10px 0 0;
}

#content .form-col.right input { width: 180px; }
#content .form-col.right input.checkbox { width: auto; }

#content form .checkbox-wrap input.checkbox,
#content form input.checkbox,
#content #register-parent #register-parent-teritory-1 {
	width: auto;
	height: auto;
	padding: 3px;
	margin: 3px 5px 0 0;
	border: none;
}

#content .search-form input.checkbox { margin-top: 10px; }

#profile #content .register-form input.button,
#content .register-form .register,
#content .search-form .submit {
	clear: both;
	margin-left: 0;
}

#profile #content .register-form input.button { float: left; } 
#profile #content .register-form a.button { 
  float: right; 
  clear: none;
}

.register-form .checkbox-wrap.rules {
	clear: both;
	margin-bottom: 1.5em;
}

.register-form .checkbox-wrap.rules label { width: 20em; float: none;}

#rules #content {
	width: 781px;
	padding: 20px;
	border: 1px solid #CFD2D7;
}

#rules #content ul li {
	list-style: none;
	margin-top: .5em;
}

#rules #content ul li li { margin-left: 20px; }

#rules li em {
	font-style: normal;
	font-weight: bold;
}

#register-parent fieldset { position: relative; }

#overlay-box {
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -360px;
	border: 1px solid #C1C1C1;
	z-index: 900;
}

#overlay-box div {
	width: 700px;
	max-height: 450px;
	overflow: auto;
	border: 10px solid #EAEAEA;
	border-top-width: 30px;
	background: #F8F9FA;
	font-size: 80%;
}

#overlay-box.list div { max-height: 280px }

#overlay-box ul {
	background-color: #F8F9FA;
	overflow: hidden;
	padding: 10px;
}

#overlay-box li {
	float: left;
	width: 48%;
	margin: 0;
}

#overlay-box input,
#overlay-box label {
	display: inline;
	float: none;
	clear: none;
	border: none;
	width: auto;
	height: auto;
}

#overlay-box a,
#overlay-box h4 {
	position: absolute;
	top: 5px;
	font-weight: bold;
	font-size: 120%;
}

#overlay-box a {
	right: 10px;
}

#overlay-box h4 { left: 10px; }

#multiselect-list { line-height: 30px }

#content .description textarea { width: 207px; }

#content .notice-form .description textarea { width: 187px; }

#content .description p,
span.chars-left {
	clear: both;
	margin: 0;
	padding-top: .6em;
	font-size: .9em;
	color: #555
}

span.chars-left { display: block; }


/* search forms */

.search-form { width: auto; }

.search-form label,
.search-form span.label { width: 180px; }

.search-form .field-wrap input,
.search-form .field-wrap select { width: 180px; }

.search-form .field-wrap input#search-nanny-location3,
.search-form .field-wrap input#search-kids-location3 { width: 168px; }

.search-form .checkbox-wrap label { width: 2.5em; }

.register-form .checkbox-wrap.long label,
.search-form .checkbox-wrap.long label { width: 7em; }

.search-form .checkbox-wrap.long,
.search-form .checkbox-wrap,
.register-form .checkbox-wrap.long {
	overflow: hidden;
  width: 180px;
}

.search-form .checkbox-wrap.long input,
.register-form .checkbox-wrap.long input {
	clear: both;
}

.search-form .checkbox-wrap { margin-top: 6px }

/* pagination */

.pagination {
	clear: both;
	text-align: right;
	line-height: 2em;
}

.pagination a,
.pagination span {
	margin:  0 2px;
	padding: .2em .5em;
	border: 1px solid #55A3D1;
}

.pagination a:link { 	border: 1px solid #55A3D1; }

.pagination a:visited { border-color: #55A3D1; }

.pagination a:hover, 
.pagination a:focus,
.pagination a.current  {
	background-color: #55A3D1;
	color: #fff;
} 

.pagination a.current { 
	font-weight: bold; 
	cursor: default;
}

.pagination span {
	border: none;
	color: #333;
}

.pagination span.disabled { border: 1px solid #A2A2A2 }

/* profile */

#profile-form {
	clear: both;
	margin-top: 1em;
}

#edit-profile { margin-bottom: 1.5em; clear: both;}

h2.profile-title {
	float: left;
	width: 497px;
	margin-bottom: 1em;
	text-align: left;
}

.profile-photo {
	float: right;
	width: 300px;	
	border: 1px solid #CFD3D8;
	padding: 1px;
	margin-bottom: 15px;
}

.profile-photo img {
	margin: 0;
	background-color: #fff;
	float: right;
}

.profile-photo:hover,
.profile-photo:focus {
	opacity: .9;
	border-bottom-color: #CFD3D8
}


dl.profile,
#content table.profile {
	float: left;
	width: 497px;
	margin-bottom: 1em;
	overflow: hidden;
}

#profile dl.profile,
#profile table.profile {
	float: none;
	margin: 0 auto 1em;
}

.profile dt,
.profile dd,
#content table.profile th,
#content table.profile td {
	margin-bottom: 5px;
	line-height: 1.5em;
	border-bottom: 1px solid #CFD3D8;
	border-right: none;
	vertical-align: middle;
}

.profile dd.last,
.profile dt.last,
.profile th.last,
.profile td.last { border-bottom: none;}

.profile dt.last { clear: both; }
.profile dd.last { clear: right; }

.profile dt,
#content table.profile th {
	width: 205px;
	margin-right: 3px;
	padding-right: 3px;
	text-align: right;
	font-weight: normal;
	border-right: none;
}

.profile dd,
table.profile td {
	width: 283px;
	padding-left: 3px;
	font-weight: bold;
	text-align: left
}

#content .profile tbody tr:hover { background: none }

.premium-contact { clear: both; }

.kids-profiles {
	float: right;
	width: 268px;
}

.kids-profiles dl.box { clear: both; }
.kids-profiles .button { float: right; }

.box.actions {
	border: 1px solid #CFD2D7;
	background: #F8F9FA url(../i/gradient-grey.gif) repeat-x scroll 0 0
}

.box.actions .button { 
	margin-bottom: 5px; 
	font-weight: bold;
}

.box.actions.nanny { 
	clear: right;
	width: 270px;
	margin-top: 1em; 
}

.notice-form { clear: both; }

.notice-form .right label { width: 170px }

.notice-child-wrap { 
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #CFD2D7; 
}

dl.profile.notice { width: 100% }
.profile.notice dt { width: 48.5% }
.profile.notice dd { width: 50%; }

#notice #new-child,
#new-payment {
	float: right;
	background-position: -276px 0;
}

#notice #new-child:hover, 
#notice #new-child:focus {
	color: #666;
}

#notice #new-child:active { background-position: -276px -32px }

div.notice-add-kid {
	position: relative;
	clear: both;
	margin-bottom: 10px;
	padding: 25px 0 15px;
	border: 1px solid #CFD3D8;
	border-width: 0 0 1px;
	overflow: hidden;
}

.notice-add-kid label { background-color: #F8F9FA; }

.notice-add-kid#kid-0 { border-width: 1px 0; }

.notice-add-kid img.delete {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

h3.notice-add-kid {
	clear: both;
	margin-bottom: .5em;
	font-size: 120%;
}

#content .notice-form .kids label {
	width: auto;
	margin-right: 20px;
}

#content .notice-form .kids input {
	width: auto;
	margin: 7px 10px 0 0;
}

.clr { clear: both; }

#profile .form-wrap { clear: both; }

h3.notice-title { 
	font-size: 130%;
	border-bottom: 1px solid #CFD3D8; 
	cursor: pointer;
}
.notice-wrap { overflow: hidden; }

form.payments,
form.access { 
	width: 60%;
	margin: 0 auto; 
}

#content .payments .field-wrap,
#content .access .field-wrap { 
	width: 200px;
	float: left;
	margin-left: 40px;
	margin-right: 5px;
}

#content .payments .field-wrap input,
#content .access .field-wrap input { width: 50px; }
#content .payments .field-wrap  label,
#content .access .field-wrap  label { width: 6em }

#payments-info { 
	text-align: center; 
	font-size: 120%;
	border-bottom: 1px solid #EDEDED; 
}

.message.error,
.message.user-payment-status,
.message.info,
.message.msg {
	padding: .6em .6em;
	font-size: 110%;
}

.message.info {
	border: 1px solid #BCD3BF;
	background-color: #E8FFEA;
}

.message.error,
.message.user-payment-status {
	border: 1px solid #FFDACF;
	background-color: #FFF0E8;
}

.message.error.rules { color: #222; }

form .field-wrap.error,
form .field-wrap.user-payment-status {
	background: none;
	border: none;
	padding: 0
}

.payments .field-wrap.error { background: none }

.message.msg {
	background-color: #E3FAFF;
	border: 1px solid #CEDEE3
}

#profile .register-form { clear: both; }

p.info {
	padding-top: .6em 
}

.message.unique { display: none }

.message.unique.unique-login,
.message.unique.unique-mail {
	display: block;
}

/* admin */

#content .field-wrap.radio input {
	width: auto;
  height: auto;
  border: none;
  margin: 5px 10px 0 0;
  padding: 0;
}

#content #admin-users .right label { width: 150px; }

#admin-rules { width: 100%; }

#content #admin-notices .field-wrap {
	width: 40%;
  float: left;
}

#content #admin-notices label { width: 40px; }

#content #admin-notices .field-wrap input {
	width: 150px;
}

.wysiwyg { margin-bottom: 1.5em; }

#content table.payments { 
	width: 100%; 
	margin: 0 auto 1em;
}

#content table td,
#content table th {
	border-right: 1px solid #EDEDED;
}

#content table thead th { vertical-align: middle; }

#content table.payments td,
#content table.payments th {
	width: 50%;
}

#content table .last { border-right: none }

#content table input.checkbox  { 
	height: auto;
	width: auto;
	padding: 5px;
}

#content table input {  
	width: 50px; 
	height:21px;
	line-height:20px;
	padding:7px 5px 2px;
	text-align: center;
}

#admin-payments .submit { 
	float: left; 
}

#admin-message {
	width: 819px; 
}

#admin-message #admin-message-message {	width: 560px; }

#admin-payments .payments caption {
	font-size: 120%;
	margin-top: 1em;
}

#admin-payments table.payments .payment-name { width: 150px }

#admin-payments .payments td { vertical-align: middle }

#admin-payments .payments .button {
	width: 137px;
	height: 32px;
}

#admin-payments .payments a.delete { color: #B30F08; }

table.payments.districts .button {
	float: none;
	margin: 0 auto
}

table.payments.districts td:last-child {
	padding-left: 15px;
	padding-right: 15px;
}

/* *** */

div.msg-box.column-1 {
	width: 510px;
	height: auto;
}

.msg-box.column-1 .button {
	float: left;
	overflow: hidden;
	margin: 0 10px 18px 0;
}

ul.err-page li {
	margin-left: 15px;
	list-style: disc inside;
}

#admin-edit #content #statics-list li {
	margin-left: 20px;
	list-style: disc inside 
}

p.clr.nanny-profile { 
	width: 40%; 
	float: left; 
	clear: left 
}


/* = Banners
   ------------------------------------------------------------------------*/
   
#banners li { list-style: none; }
#banners li * { cursor: pointer; display: block;}
#banners a:hover, #banners a:focus { border: none; }

#askot,   
#askot a,
#askot a span {
	display: block;
	width: 270px;
	height: 120px;
/* 	background: #fff url(../flash/askot.gif) 0 0 no-repeat; */
}

#askot { position: relative; background-color: #fff; }
#askot a {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900;
	background: none;
}


/* =Footer
   ----------------------------------------------------*/
   
#footer .links,
#footer .links a {
	color: #A2A2A2;
}

#footer #icons { 
  float: right; 
}

#footer #icons a:hover,
#footer #icons a:focus {
	border: none;
}

#footer #copy { overflow: hidden; }

#footer #copy span {
	float: left;
	width: 50%;
}

#footer #copy #dppw,
#footer #copy #dppw a { 
	text-align: right; 
	color: #A2A2A2;
}

   
/* =Fancybox
   ----------------------------------------------------*/
   
html, body { height: 98%; }
div#fancy_overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; display: none; z-index: 30;}
* html div#fancy_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
div#fancy_wrap { text-align: left;}
div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100;}
div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('../i/fancybox/../i/fancybox/fancy_progress.png') no-repeat;}
div#fancy_loading_overlay { position: absolute; background-color: #FFF; z-index: 30;}
div#fancy_loading_icon { position: absolute; background: url('../i/fancybox/fancy_loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px;}
div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none;}
div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #BBB; background: #FFF;}
div#fancy_inner a:hover, div#fancy_inner a:focus { border-bottom: none; }
div#fancy_content { margin: 0; z-index: 100; position: absolute;}
div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100;}
img#fancy_img {position: absolute; top: 0; left: 0; border:0;  padding: 0;  margin: 0; z-index: 100; width: 100%; height: 100%;}
div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('../i/fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none;}
#fancy_frame { position: relative; width: 100%; height: 100%; display: none;}
#fancy_ajax { width: 100%; height: 100%; overflow: auto;}
a#fancy_left, a#fancy_right { position: absolute;  bottom: 0px;  height: 100%;  width: 35%;  cursor: pointer; z-index: 111;  display: none; background-image: url(data:image/gif;base64,AAAA); outline: none;}
a#fancy_left { left: 0px; }
a#fancy_right { right: 0px; }
span.fancy_ico { position: absolute;  top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112;  cursor: pointer; display: block;}
span#fancy_left_ico { left: -9999px; background: transparent url('../i/fancybox/fancy_left.png') no-repeat;}
span#fancy_right_ico { right: -9999px; background: transparent url('../i/fancybox/fancy_right.png') no-repeat;}
a#fancy_left:hover {  visibility: visible;}
a#fancy_right:hover {  visibility: visible;}
a#fancy_left:hover span { left: 20px; }
a#fancy_right:hover span { right: 20px; }
.fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent;}
div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0;}
 div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0;}
div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url('../i/fancybox/fancy_shadow_n.png') repeat-x;}
div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../i/fancybox/fancy_shadow_ne.png') no-repeat;}
div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url('../i/fancybox/fancy_shadow_e.png') repeat-y;}
div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../i/fancybox/fancy_shadow_se.png') no-repeat;}
div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url('../i/fancybox/fancy_shadow_s.png') repeat-x;}
div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../i/fancybox/fancy_shadow_sw.png') no-repeat;}
div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url('../i/fancybox/fancy_shadow_w.png') repeat-y;}
div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px;background: transparent url('../i/fancybox/fancy_shadow_nw.png') no-repeat;}
div#fancy_title { position: absolute; bottom: -33px; left: 0; width: 100%; z-index: 100; display: none; }
div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px;}
div#fancy_title table {margin: 0 auto;}
div#fancy_title table td { padding: 0; vertical-align: middle;}
td#fancy_title_left { height: 32px; width: 15px; background: transparent url(../i/fancybox/fancy_title_left.png) repeat-x;}
td#fancy_title_main { height: 32px; background: transparent url(../i/fancybox/fancy_title_main.png) repeat-x;}
td#fancy_title_right { height: 32px; width: 15px; background: transparent url(../i/fancybox/fancy_title_right.png) repeat-x;}

#tooltip {
	color: #445a97;
	position: absolute;
	z-index: 3000;
	border: 1px solid #5996bc;
	background-color: #eee;
	padding: 5px;
	opacity: 0.9;
}
#tooltip h3, #tooltip div { margin: 0; }
form .tooltip img { padding: 7px 0 5px 5px; }

tr.unread td { font-weight: bold;}