img.icon {
	width: 16px;
	height: 16px;
	margin: 3px;
}

/* COLOURS light: rgb(235,247,250), medium: rgb(220,237,244), dark: rgb(176,218,231)
green: rgb(204,255,153)
pink: rgb(228,188,228)
brown: rgb(255,204,153)

*/

a, .selected, h1.title {
	color: rgb(0,90,141);
}

a img {
	border: none;
}

.form td {
	border-color: rgb(176,218,231);
}

body {
	background-color: rgb(176,218,231);
}

green {
	color: green;
}

red {
	color: red;
}

/*legend {background-color: rgb(220,237,244);}*/

/*fieldset, legend {border-color: rgb(0,90,141);}*/
fieldset#errors, fieldset#errors legend {border-color: red}

div.menubar {
	background-repeat: no-repeat;
}

#footer  {
	background-color: rgb(176,218,231);
}

/* END COLOURS */

/* LAYOUT */


div.header, .form td {
	border-width: 1px;
	border-style: solid;
}

.form td {
	padding: 5px;
	text-align: right;
}

.form table {
	width: 100%;
}

td.formsection {
	border-width: 0px;
	font-weight: bolder;
	font-size: larger;
	text-align: center;
}

.form input, .form textarea {
	width: 100%;
}

table.contact td{
	padding: 10px;
	vertical-align: top;
}

div.main {
	padding-top: 8px;
	margin-top: 40px;
}

#logo {
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
}

a img, legend img, button img {
    padding-right: 5px;
    vertical-align: middle;
 }

/* END LAYOUT */

body {
	margin: 0px;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 10pt;
}

/*font size inheritance doesn't seem to work in IE*/
div.main, div.content, form.form, table, tbody, tr, td, textarea {
	font-family: sans-serif;
	font-weight: normal;
	font-size: 10pt;
	text-align: justify;
}

div.main *:first-child {
	margin-top: 0;
}

a {
	text-decoration: none;
	font-weight: bold;
}

#mothershelp {
	border-style: solid;
	border-width: thin;
	padding: 20;
}

.layout {
	border: solid black;
}

ERROR {
	color: red;
}

#footer {
	font-size: smaller;
	text-align: center;
}

label.mandatory {
	font-weight: bold;
}

span.sectiontitle {
	font-size: larger;
	font-weight: bolder;
}

p.intro {
	padding-top: 5px;
	font-weight: bolder;
	font-size: larger;
	text-align: center;
}


/* the preferred solution */
.bl {background: url(bl.png) 0 100% no-repeat; position: relative}
.br {background: url(br.png) 100% 100% no-repeat; position: relative}
.tl {background: url(tl.png) 0 0 no-repeat; position: relative}
.tr {background: url(tr.png) 100% 0 no-repeat; padding: 10px; position: relative}

.bl-green {background: url(bl-green.png) 0 100% no-repeat rgb(204,255,153); clear: right; position: relative}
.br-green {background: url(br-green.png) 100% 100% no-repeat; position: relative}
.tl-green {background: url(tl-green.png) 0 0 no-repeat; position: relative}
.tr-green {background: url(tr-green.png) 100% 0 no-repeat; padding:10px; position: relative}
.tr-green p {margin: 0}

.bl-pink {background: url(bl-pink.png) 0 100% no-repeat rgb(228,188,228); position: relative}
.br-pink {background: url(br-pink.png) 100% 100% no-repeat; position: relative}
.tl-pink {background: url(tl-pink.png) 0 0 no-repeat; position: relative}
.tr-pink {background: url(tr-pink.png) 100% 0 no-repeat; padding:10px; position: relative}
.tr-pink p {margin: 0}

.bl-brown {background: url(bl-brown.png) 0 100% no-repeat rgb(255,204,153); position: relative}
.br-brown {background: url(br-brown.png) 100% 100% no-repeat; position: relative}
.tl-brown {background: url(tl-brown.png) 0 0 no-repeat; position: relative}
.tr-brown {background: url(tr-brown.png) 100% 0 no-repeat; padding:10px; position: relative}
.tr-brown p {margin: 0}

.bl-blue {background: url(bl-blue.png) 0 100% no-repeat rgb(220,237,244); position: relative}
.br-blue {background: url(br-blue.png) 100% 100% no-repeat; position: relative}
.tl-blue {background: url(tl-blue.png) 0 0 no-repeat; position: relative}
.tr-blue {background: url(tr-blue.png) 100% 0 no-repeat; padding:10px; position: relative}
.tr-blue p {margin: 0}

.clear {font-size: 1px; height: 1px}

.errors {
	text-align: left;
	font-weight: bolder;
	color: red;
}

.message {
	font-weight: bolder;
	text-align: center;
}

#aupairfiles_aps, #familyfiles_aps {
	width: 100%;
}

#aupairfiles_aps .col1, #familyfiles_aps .col1 {
	vertical-align: top;
}

#familyfiles_aps .col1 {
	width: 40%;
}

.files {
	padding-top: 20px ! important;
}

img.au_pair {
	max-height: 120px;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
}

/*star selector hack for IE*/
* html img.au_pair {
	height: 120px;
}

.aps_form textarea  {
	width: 100%;
}

.profile {
 width: 100%;
}

div.menubar a {
	text-decoration: none;
	text-align: center;
}


#mainmenu {
	top: 10px;
	left: 0px;
	width: 1000px;
	background-repeat: no-repeat;
	height: 60px;
	margin-bottom: 10px;
}

/*remove the padding at the top of fieldsets in IE */
* html fieldset {
	padding-top: 0px;
}

.sidebar, #rightSidebar {
	text-align: center;
}

#sidemenu a {
	text-align: left;
	display: block;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}

#sidemenu a:hover {
	color: rgb(176,218,231);
	background-color: rgb(0,90,141);
}

a {
	text-decoration: none;
	font-weight: bold;
	color: rgb(0,90,141);
}

a:hover {
	text-decoration: underline;
}

.l1, .l2{
/*    background-image: url(side_menu_item.png);
    background-repeat: no-repeat;*/
	background-color: rgb(220,237,244);
}

.l2 {
	padding-left: 15px;
}

.l1 {
	margin-top: 3px;	
	padding-left: 5px;
}

div.sidemenu_group {
	margin-bottom: 20px;
}

div.l2sidemenu_group {
	display: none;
}

fieldset#errors {text-align: left}

legend {
	font-weight: bold;
	margin-top: 5px;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
/*	border-width: 1px;
	border-style: solid*/
}

fieldset {
    -moz-border-radius: 8px;
/*    border-radius: px; */
	padding: 10px;
/*	border-style: solid;
	border-width: 1px;*/
	margin-bottom: 10px;
}

#help a {
	float: right;
}

.aps_form .col1, .aps_contact .col1 {
	text-align: right;
	width: 40%;
	padding-right: 20px;
}

#account_form .col1 {
	text-align: right;
	padding-right: 20px;
}

.aps_form td {
	padding: 5px;
}

.aps_form .text {
	width: 100%;
}

input.date, input.number {
	width: 6em !important;
}

.sidemenu_group, .l2sidemenu_group {
/*	display: none;*/
}

#create_account {
	margin: 0;
	background-color: rgb(220,237,244);
	text-align: center;
}

#freesearch {
	font-size: 11pt;
	text-align: center;
}

@media print {
	.sidebar, #mainmenu, .footer, .logo {display: none}
	div.content {
		border: none;
		padding-left: 30px;
	}
}

a#login_link, a#family_link, a#logout_link {
/*	background-color: rgb(204,255,153);*/
}

div.rule {
	border-top: thin dashed gray;
	margin-top: 10px;
	margin-bottom: 10px;
}

a.page_link {
	font-weight: normal;
}

#current_page {
	font-weight: bolder;
}

.shortlist_summary {
	text-align: justify;
}

.shortlisted {
	background-color: rgb(238, 238, 236);
}

#results_footer, #results_header {
	background-color: rgb(238, 238, 236);
	padding: 5px;
}

#results_footer {
	text-align: center;
}

.aupair_summary {
	display: inline
}

.aupair_summary td {
	padding-left: 5px;
	padding-right: 5px;
}

.aupair_summary .col1, #family_aupair .col1, #search_results .col1 {
	text-align: right;
}

#content h1, #content h2 {
	display: inline;
	font-size: 12pt;
}

#phone, #last_update {
	font-family: Georgia;
	font-size: 26pt;
	color: rgb(0,90,141);
}

#last_update {
	font-size: 12pt;
}


#login_div {
	margin-left: 100px;
	width: 400px;
	padding: 5px;
	background-color: rgb(220,237,244);
}

#login_table {
	width: 400px;
}

#login_table td {
	padding: 5px;
}

#login_table .col1 {
	text-align: right;
}

#login_form_email, #login_form_password {
	width: 100%;
}