/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;

}

h1.logo {
	margin: 0px;
	padding: 5px 0px 0px 10px;
	letter-spacing: -2px;
	color:#FFF;
	font-size: 28px;
	
}

.logo-a
{
	margin: 0px;
	padding: 5px 0px 0px 10px;
	letter-spacing: -2px;
	color:#FFF;
	font-size: 28px;
	text-decoration:none;
}
.logo-a:visited
{
	margin: 0px;
	padding: 5px 0px 0px 10px;
	letter-spacing: -2px;
	color:#FFF;
	font-size: 28px;
	text-decoration:none;
}

h1.pay-off {
	margin: 0px;
	font-size: 18px;
	padding:0px;
	color:#FFF;
	
}

h1 {
	margin: 0px;
	font-size: 18px;
	padding:0px;
	color:#00467e;
	
}
h1.lightblue 
{
	margin: 0px;
	font-size: 18px;
	padding:0px;
	color:#7bb1dd;
	
}

p {
	font-size:12px;
	color:#000;
	margin:0px;
	padding: 0px;
}

img {
	border: 0px;
}

#wrapper {
	margin-left:auto;
	margin-right:auto;
	width: 960px;
}


.header {
	width: 960px;
	height: 85px;
	background-image:url(i/bg-menu.jpg);
	background-repeat:repeat-x;
  }

.header-title {
	height: 61px;
	float:left;
	width: 480px;

}

.header-login {
	height: 85px;
	float:right;
	width: 480px;

}
.header-menu {
	float:left;
	height: 24px;
	width: 450px;
}


.username {
	width: 200px;
	padding-top: 10px;
	height: 23px;
	float:left;
}

.password {
	width: 200px;
	padding-top: 10px;
	height: 23px;
	float:left;
}

.onder-username {
	width: 256px;
	height: 23px;
	float:left;
}

.onder-password {
	width: 144px;
	height: 23px;
	float:left;
}
.loggedindiv
{
    text-align:right;
    width: 434px;
    padding-top:10px;
    padding-right:10px;
    height: 23px;
    float:right;
}

.pwforgottendiv
{
    text-align:right;
    width: 434px;
    padding-right:10px;
    height: 23px;
    float:right;
}
.loggedinp
{
	font-size:12px;
	color:#fff;
	margin:0px;
	padding: 0px;
}
.pwforgottenp
{
	font-size:11px;
	color:#fff;
	margin:0px;
	padding: 0px;
}
.loggedinp a
{
	font-size:11px;
	color:#fff;
	margin:0px;
	padding: 0px;
}

.go {
	width: 80px;
	height: 85px;
	padding-top: 10px;
	float:right;
}
span.fill {
	margin: 0px;
	margin: 0px;
	color:#FFF;
	font-size: 11px;
}

p.fill2 {
	margin: 0px;
	margin: 5px 0px 5px 0px;
	color:#FFF;
	font-size: 12px;
}

a.login {
	color:#FFF;
	font-size: 11px;
	text-decoration: underline;
}

.input {
	width: 125px;
	margin: 0px;
	height: 12px;
	font-size: 11px;
	color: #000000;
}

.menu {
	width: 960px;
	float:left;
	background-color: #00467e;
	height: 30px;
}

.menu-families {
	width: 960px;
	float:left;
	background-color: #7bb1dd;
	/*background-color: #99caf2;*/
	height: 30px;
}
.menu-other {
	width: 960px;
	float:left;
	background-color: #99caf2;
	/*background-color: #99caf2;*/
	height: 30px;
}
ul.menu-ul {
	list-style-type:none;
	margin: 0px;
	padding: 0px;

}

li.menu-li {
	display:block;
	padding-left: 10px;
	padding-top:5px;
	float:left;
	margin-right:5px;
}

li:hover.menu-li {
	display:block;
	float:left;
	margin-right:5px;
}

a.menu-a {
	color:#FFF;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}

a:hover.menu-a {
	color:#FFF;
	font-size: 12px;
	font-weight:bold;
	text-decoration:underline;
}
a:visited.menu-a {
	color:#FFF;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}
.visual {
	width: 638px;
	height: 300px;
	border: 1px solid #cccccc;
	margin-top: 10px;

	float:left;
}

.vul-in {
	width: 290px;
	height: 510px;
	padding: 10px;
	margin-top: 10px;
	background-color: #00467e;
	margin-left: 10px;
	float:right;
}

.vul-in-family {
	width: 290px;
	height: 510px;
	padding: 10px;
	margin-top: 10px;
	background-color: #7bb1dd;
	margin-left: 10px;
	float:right;
}

p.wit {
	color:#FFF;
	line-height: 180%;
	font-size: 14px;
}

.errorslogindiv
{
    float:left;
    width:290px;
}


.input2 {
	width: 175px;
	margin: 0px;
	height: 12px;
	font-size: 11px;
	color: #000000;
}

.radio2
{
    padding:0px;
	margin: 0px;
	color:#FFF;
	font-size: 12px;
}

ul.cta-ul-o {
	margin: 0px;
	padding: 10px 0px 0px 0px;

}

li.cta-li-o {
	display:block;
	list-style-type:none;
	background-color:#ff8b1c;
	padding:3px 15px 3px 15px;
	color:#FFF;
	font-size:12px;
	font-weight: bold;
	float:left;
}

li:hover.cta-li-o {
	display:block;
	float:left;
	background-color:#ffa112;
}

ul.cta-ul-b {
	margin: 0px;
	padding: 0px 0px 0px 0px;

}

li.cta-li-b {
	display:block;
	list-style-type:none;
	background-color:#00467e;
	padding:3px 15px 3px 15px;
	color:#FFF;
	font-size:12px;
	font-weight: bold;
	float:left;
}

li:hover.cta-li-b {
	display:block;
	float:left;
}
li.cta-li-b  a{
	color:#FFF;
}

li.cta-li-b-f {
	display:block;
	list-style-type:none;
	background-color:#7bb1dd;
	padding:3px 15px 3px 15px;
	color:#FFF;
	font-size:12px;
	font-weight: bold;
	float:left;
}

li:hover.cta-li-b-f
{
	display:block;
	float:left;
}
li.cta-li-b-f  a
{
	color:#FFF;
}

.recent {
	width: 638px;
	height: 216px;
	border: 1px solid #cccccc;
	margin-top: 10px;
	float:left;
}

.latest-connections {
	width: 299px;
	float:left;
	margin: 10px;
}

.upcoming-activities {
	width: 299px;
	float:right;
	margin: 10px;
}

.member {
	width: 50px;
	height: 50px;
	border: 1px solid #cccccc;
	margin-right:10px;
	margin-bottom: 10px;
}

.date {
	float:left;
	width: 299px;
	height: 43px;
}

.activiti {
	float:left;
	width: 299px;
}

.number {
	width: 20px;
	height: 18px;
	padding-top: 2px;
	color:#FFF;
	float:left;
	font-size:12px;
	text-align: center;
	font-weight:bold;
	background-color:#00467e;
}

.text {
	width:279px;
	float:right;
}

a.news-link {
	font-size: 12px;
	text-decoration:none;
	font-weight:bold;
	color: #00467e;
	margin: 0px;
	padding: 0px;
}

.footer {
	width: 960px;
	padding-top: 10px;
	padding-left: 10px;
	float:left;
		font-size: 11px;
}

a.footer-link {
	color:#000;
	font-size: 11px;
	text-decoration:none;
}


/* oude css */

#visual
{
    float:left;
    margin:0px;
    padding:0px;
    width:960px;
    height:200px;
    background-image:url(i/visual2.jpg);
    background-position:left top;
    background-repeat:no-repeat;
}
#register
{
    float:right;
    margin:0px;
    padding:0px;
    margin-top:5px;
    width:270px;   
    height:200px;
}
#content
{
    margin:0px;
    padding:0px;
    width:960px;
    float:left;
    padding-top:10px;
}
#content400
{
    margin:0px;
    padding:0px;
    width:400px;
    float:left;
}

.servicestab
{
    padding-left:10px;
    margin:0px;
    padding:0px;
    width:210px;
    height:250px;
    float:left;
    margin-right:30px;
}
.activitiestabs
{
    padding-left:10px;
    margin:0px;
    padding:0px;
    width:210px;
    height:250px;
    float:left;
    margin-right:30px;
}
.aboutustab
{
    padding-left:10px;
    margin:0px;
    padding:0px;
    width:210px;
    height:250px;
    float:left;
    margin-right:30px;
}
a
{
    text-decoration:none;
    color:#253a67;
}
a:hover
{
    text-decoration:none;
    color:#757575;
}
a:visited
{
    text-decoration:none;
    color:#253a67;
}
a.wit
{
	color:#FFF;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}
a:hover.wit
{
	color:#FFF;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}
a:visited.wit
{
	color:#FFF;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}
a.dik
{
    text-decoration:none;
    color:#253a67;
    font-weight:bold;
}
a.dik:hover
{
    text-decoration:none;
    color:#757575;
    font-weight:bold;
}
a.dik:visited
{
    text-decoration:none;
    color:#253a67;
    font-weight:bold;
}
.aupairstab
{
    padding-left:10px;
    margin:0px;
    padding:0px;
    width:230px;
    height:250px;
    float:left;
}
.aupairline
{
    float:left;
    margin:0px;
    padding:0px;
    margin-bottom:5px;
}
.aupairline2
{
    float:left;
    margin:0px;
    padding:0px;
    width:250px;
    margin-right:20px;
    margin-bottom:5px;
    border:1px solid #00467e;
    color:#000
}
.aupairline3
{
    float:left;
    margin:0px;
    padding:0px;
    width:400px;
}
.aupairpicture
{
    float:left;
    height:75px;
    margin:0px;
    padding:0px;
    width:100px;
}
.aupairpicture2
{
    float:right;
    margin:0px;
    padding:0px;
    width:100px;
}
.aupairinfo
{
    float:right;
    width:100px;
    height:75px;
    margin:0px;
    padding:0px;
    vertical-align:top;
}
.aupairinfo2
{
    float:left;
    width:400px;
    margin:0px;
    padding:0px;
    vertical-align:top;
    font-size:12px;
    color:#000;
}
.aupairinfo3
{
    float:right;
    width:150px;
    margin:0px;
    padding:0px;
    vertical-align:top;
    font-size:12px;
}
.aupairinfo4
{
    float:right;
    width:250px;
    margin:0px;
    padding:0px;
    vertical-align:top;
    font-size:12px;
}
.aupairfield
{
    float:left;
    margin:0px;
    padding:0px;
    width:250px;
}
.aupairvalue
{
    float:right;
    margin:0px;
    padding:0px;
    width:150px;
}
.aupairfield_default
{
    float:left;
    margin:0px;
    padding:0px;
    width:50px;
}
.aupairvalue_default
{
    float:right;
    margin:0px;
    padding:0px;
    width:50px;
}
.aupairfield2
{
    float:left;
    margin:0px;
    padding:0px;
    width:100px;
}
.aupairvalue2
{
    float:right;
    margin:0px;
    padding:0px;
    width:300px;
}
.tellafriendline
{
    width:230px;
    padding-top:5px;
}
.tellafriendleft
{
    float:left;
    width:115px;
    margin:0px;
    padding:0px;
    color:#253a67;
    font-weight:bold;
    font-size:11px;
    padding-top:5px;
}
.tellafriendright
{
    float:right;
    width:115px;
    margin:0px;
    padding:0px;
    color:#253a67;
    font-weight:bold;
    font-size:11px;
    padding-top:5px;
}

.title
{
    margin:0px;
    padding:0px;
    width:210px;
    float:left;
}
.icon
{
    margin:0px;
    padding:0px;
    width:210px;
    float:right;
}
.tabtext
{
    margin:0px;
    padding:0px;
    width:210px;
    padding-top:5px;
    font-size:12px;
    color:#000;
}
#ads
{
    float:left;
    margin:0px;
    padding:0px;
    width:960px;
    height:70px;
    background-color:#ffffff;
    text-align:center;
    font-size:14px;
    vertical-align:middle;
    font-weight:bold;
}
.activityline
{
    width:210px;
    float:left;
}
.activitytitle
{
    float:left;
    width:90px;
    margin:0px;
    padding:0px;
    color:#253a67;
    font-weight:bold;
    font-size:11px;
    padding-top:5px;
}
.activityusp
{
    float:right;
    width:120px;
    margin:0px;
    padding:0px;
    color:#757575;
    font-weight:bold;
    font-size:11px;
    padding-top:5px;
}

.textfield
{
    font-size:12px;
}
.textfield_100
{
    width:105px;
    font-size:12px;
}
.textfield_200
{
    width:205px;
    font-size:12px;
}
.textarea
{
    width:305px;
    height:120px;
    font-size:12px;
}
#footer
{
    float:left;
    margin:0px;
    padding:0px;
    width:960px;
    height:15px;
    text-align:center;
    font-size:11px;
    color:#253a67;
}
.submit
{
    font-size:11px;
    color:#253a67;
    background:white;
}
.breadcrumbs
{
    float:left;
    width:960px;
    font-weight:bold;
    font-size:11px;
    margin-top:3px;
    margin-bottom:6px;
    font-size:11px;
    color:#253a67;
}
.submenu
{
    float:left;
    width:200px;
    margin:0px;
    padding:0px;
    padding-top:15px;
}
.submenuitem
{
    font-size:11px;
    color:#253a67;
    float:left;
    width:200px;
    margin:0px;
    padding:0px;
    margin-bottom:5px;
    font-weight:bold;
}
.adsrechts
{
    text-align:right;
    float:right;
    width:190px;
    margin:0px;
    padding:0px;
}

.content
{
    float:left;
    width:560px;
    margin:0px;
    padding:0px;
    font-size:12px;
    color:#000
}
.content400
{
    float:left;
    width:550px;
    margin:0px;
    padding:0px;
}
/* Au Pairs */

.profileitem
{
    float:left;
    margin:0px;
    padding:0px;
    width:200px;
}
.profilepicture
{
    float:right;
    margin:0px;
    padding:0px;
}


/* Calendar Control */

.aupairCalendar .ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.aupairCalendar .ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.aupairCalendar .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.aupairCalendar .ajax__calendar_container TABLE {font-size:11px;}
.aupairCalendar .ajax__calendar_header {height:20px;width:100%;}
.aupairCalendar .ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(i/calendar-arrow-left.gif);}
.aupairCalendar .ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(i/calendar-arrow-right.gif);}
.aupairCalendar .ajax__calendar_title {cursor:pointer;font-weight:bold;color:#771613;}
.aupairCalendar .ajax__calendar_footer {height:15px;color:#771613;}
.aupairCalendar .ajax__calendar_today {cursor:pointer;padding-top:3px;}
.aupairCalendar .ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.aupairCalendar .ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.aupairCalendar .ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.aupairCalendar .ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.aupairCalendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.aupairCalendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.aupairCalendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.aupairCalendar .ajax__calendar_day {border:1px solid #ffffff;}
.aupairCalendar .ajax__calendar_month {border:1px solid #ffffff;}
.aupairCalendar .ajax__calendar_year {border:1px solid #ffffff;}

.aupairCalendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.aupairCalendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.aupairCalendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.aupairCalendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.aupairCalendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.aupairCalendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.aupairCalendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.aupairCalendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.aupairCalendar .ajax__calendar_hover .ajax__calendar_title {color:#771613;}
.aupairCalendar .ajax__calendar_hover .ajax__calendar_today {color:#771613;}

/* End Calendar */

/* scraps */
.scrapleft
{
    width:200px;
    float:left;
	font-size: 11px;
	color: #073676;
}
.scrapmiddle
{
    width:100px;
    float:left;
	font-size: 11px;
	color: #073676;
}
.scrapright
{
    width:100px;
    float:right;
	font-size: 11px;
	color: #073676;
}
p.message-red
{
    font-size:11px;
    color:red;
}
p.message-red-bold
{
    font-size:11px;
    color:red;
    font-weight:bold;
}
p.bold
{
    font-size:11px;
    color:red;
    font-weight:bold;
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs
{
    padding: 0px 0;
    margin-left: 10px;
    margin-top: -1px;
    margin-bottom: 0;
    font: bold 12px Verdana;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li
{
    display: inline;
    margin: 0;
}

.shadetabs li a
{
    text-decoration: none;
    position: relative;
    z-index: 1;
    padding: 0px 0px;
margin:0px;
    margin-right: 3px;
    color: #fff;
}

.shadetabs li a:visited
{
    color: #fff;
}

.shadetabs li a:hover
{
    text-decoration: underline;
    color: #fff;
}

.shadetabs li a.selected
{ /*selected main tab style */
    position: relative;
}

.shadetabs li a.selected
{ /*selected main tab style */
}

.shadetabs li a.selected:hover
{ /*selected main tab style */
    text-decoration: none;
}

.tabcontent
{
    display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

a.loggedina
{
    font-size:12px;
    text-decoration:underline;
    font-weight:normal;
    color: #fff;
}
a.loggedina:hover
{
    font-size:12px;
    text-decoration:underline;
    font-weight:normal;
    color: #fff;
}
a.loggedina:visited
{
    font-size:12px;
    text-decoration:underline;
    font-weight:normal;
    color: #fff;
}

a.logouta
{
    font-size:11px;
    text-decoration:none;
    font-weight:normal;
    color: #fff;
}
a.logouta:hover
{
    font-size:11px;
    text-decoration:underline;
    font-weight:normal;
    color: #fff;
}