﻿html {
}

form#aspnetForm
{
	/*background: transparent url(../img/layout/thema/valentijn/val-girl.gif) no-repeat scroll top center;*/
}

body 
{
	background: #A4C94B url(../img/layout/bg_stripe.jpg);
	font-family:Arial;
	font-size:12px;
	height:auto;
	min-height: 100%;
	margin: 0px;
}

input
{
	border: 1px solid #7F9DB9;
	background-color: #fff;
}

input.noBorder
{
	border: 0px;
}
	
html, body, form, input, fieldset, legend, h2, h3, h4, h5, h6, p, ul, li, ol, dl, dt, dd, table, tr, td, th {
	margin:0;padding:0;
}

fieldset {
	border:0;
}

a
{
	outline: none;
}

ul,ol {
	list-style-type:none;
}

a img
{
	border:0;
}

/*STANDARD LINKS--------------------*/

a:link, a:visited, a:active, a:hover
{
	color: #0066CC;
}

a.disabled:link, a.disabled:visited, a.disabled:active, a.disabled:hover
{
	color: #000;
	text-decoration: none;
}

/* END STANDARD LINKS--------------------*/
a.BigLink
{
	font-size: 20px;
}

div#Container 
{
	background-color: #FFFFFF;
	margin: 14px auto;
	width: 976px;
	border: 1px solid #6E8338;
}

div#ShadowTop 
{
	background: transparent url(../img/layout/shadow_top.jpg) repeat-x;
	height: 14px;
	width: 994px;
}


div#ShadowBottom {
	background: #A4C94B url(../img/layout/shadow_bottom.jpg) repeat-x;
	height: 14px;
	width: 994px;
	clear: both;
}

div#MainContainer
{
	float: left;
	padding: 0px 15px;
	height:auto;
	width: 946px;
	position: relative;
}

div#Content 
{
	margin: 0px;
	width: 946px;
	background: transparent url(../img/layout/menu_shadow.jpg) repeat-y;
	min-height: 445px;
	float: left;
}

div#Content2, div#ContentNoRunatServer 
{
	margin: 0px;
	width: 946px;
	min-height: 539px;
	height:auto !important;
	height: 539px;
	float: left;
}

div#Content3 
{
	margin: 0px;
	width: 946px;
	background: transparent url(../img/layout/menu_shadow.jpg) repeat-y;
	min-height: 539px;
	float: left;
	border-top: 1px solid #dbdbdb;
	position: relative;
}

.PlaceHolder1
{
	width: 712px;
	margin: 0px 0px 0px 14px;
	float: left;
}

.PlaceHolder2
{
	margin: 0px 0px 15px;
}

.PlaceHolder3
{
	float:left;
	width: 726px;
	margin: 0px 0px 0px 0px;
	padding-bottom: 15px;
}

div#MenuHolder
{
	width: 220px;
	height: auto;
}

/* CONTROLS -------------------------------------------------------------*/
.Box
{
	background-color: #C6F3FF;
	padding: 10px;
	border: solid 1px #80E6FF;
	margin-bottom: 10px;
	float: left;
	width: 85%;
}

.ErrorBox
{
	background-color: #FFFF99;
	border: solid 1px #EDEF00;
}

.ErrorBoxHolder
{
	width:100%; 
	float:left;
}

.ErrorBoxText
{
	width: 80%;
	vertical-align: middle;
	float:left;
}

.ErrorBoxImg
{
	height: 40px;
	width: 50px;
	float: left;
}

.alert{ background: transparent url(../img/layout/alert.jpg) no-repeat;}
.info{ background: transparent url(../img/layout/info.jpg) no-repeat;}

.MultipleUserSelectHolder
{
}

.MultipleUserSelection
{
	width: 343px; 
	height:130px; 
	border: 1px solid #e0e0e0; 
	overflow:auto;
	padding: 8px;
}

.SelectUsers li
{
	clear: both;
}

.MultipleUserSelection label
{
	margin-left: 10px;
}

.MultipleSelectionOptions{}

/* PagesNavigation control */

.PagingNavigation
{
	height: 45px;
	width: 450px;
	margin: 10px 0px 25px;
	float: left;
}

.PrevArrow
{
	width: 73px;	
	float: left;
}

.NextArrow
{
	width: 53px;	
	float: right;
}

.Pages
{
	text-align:center;
	padding-top: 14px;
	width: 323px;
	float:left;
}

.CurrentPage
{
	cursor: text;
	color: Gray;
	text-decoration: none; 
}

/* END PagesNavigation control */

/* END CONTROLS -------------------------------------------------------------*/

/* BANNERS---------------------------------------------------------------------*/
.Banner220_600
{
	margin: 15px 0pt 15px;
	padding: 0;
	float:left;
	height:600px;
	width:170px;
	padding-left: 50px;
	text-align: center;
	margin-bottom: 15px;
}

.Banner200_200
{
	margin: 0;
	float:left;
	height:200px;
	width:200px;
	padding-bottom: 15px;
	padding-left: 3px;
}

.TreeLeader
{
	padding-left: 115px;
}

.Userhomeskyscraper
{
	padding-left: 50px;
	height: 600px;
}

.Nonmenuskyscraper
{
	width: 150px;
	float: left;
	text-align: center;
}

.FBHomeNonmenuskyscraper
{
	float: left;
	padding-left: 25px;
	padding-top: 8px;
	width: 125px;
}

.HomeLeaderbord
{
	padding-left: 34px;
	float: left;
	padding-bottom: 10px;
}

.Userhomemediumrectangle
{	
	float: left;
	margin: 8px 0px 15px 14px;
	display: inline;	
	height: 250px;
	width: 300px;
}

/* END BANNERS ------------------------------------------------------------------*/


/* MENU -----------------------------------------------------------------------*/
#Menu 
{
	margin: 0;
	padding: 0;
	float:left;
	height:100%;
	width:220px;
}
#Menu ul  
{
	list-style: none;
	margin: 0;
	padding: 0;
}
	
#Menu li
{
	padding: 0px;
	margin:0px;
	cursor: pointer;	
	display: inline;
}

#Menu li a 
{	
  	height: 50px;
	text-decoration: none;
}	
	
#Menu li a
{
	background: #E5E5E5 url(../img/layout/menu_split.jpg) repeat-x bottom;
	color:#000;
	display: block;
}
	
#Menu li a:hover, #Menu li a:active{
	color:#000;
	display: block;
	background:  #fff;
}	


#Menu li.current a
{
	color:#000;
	display: block;
	background-color:  #fff;	
}

#Menu li.Special a
{
	color:#000;
	display: block;
	background-color: #ffcc00;
}

#MenuBottom
{	
	height:18px;
	background: transparent url(../img/layout/menu_bottom.jpg) no-repeat;
	border-bottom: solid 1px #fff;
	margin-bottom: 15px;
}

.MenuImg 
{
	float:left; 
	width: 40px;
	height: 40px;
	padding: 4px 10px 4px 9px;
	text-align: center;
	cursor: pointer;
	
}

.MenuHolder
{
	float:left;
}

#Menu .MenuLink
{
	padding: 4px 0px 2px;
	height: 17px;
	width: 157px;
	float:left;
	cursor: pointer;
}

#Menu .MenuLinkInfo
{
	padding-top: 0px;
	text-decoration: underline;
	color: #0066CB;
	height: 15px;
	cursor: pointer;
}

#Menu h2
{
	font-family: Trebuchet MS;
	font-size: 17px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#Menu li span.MenuImg span
{
	background: url(../img/layout/icons/icons.jpg) no-repeat scroll 0 0;
    display:block;
    font-weight:bold;
    padding:0px;
    text-decoration:none;
    width: 40px;
    height:40px;
}

#Menu li span.MenuImg span.Profile{ background-position: -80px 0px; }
#Menu li span.MenuImg span.Tree{ background-position: 0px 0px; }
#Menu li span.MenuImg span.Treeactive{ background-position: -0px -120px; }
#Menu li span.MenuImg span.InnerCircle{ background-position: -40px -40px; }
#Menu li span.MenuImg span.InnerCircleactive{ background-position: -0px -80px; } 
#Menu li span.MenuImg span.Note{ background-position: -0px -40px; }
#Menu li span.MenuImg span.Noteactive{ background-position: -80px -120px; }
#Menu li span.MenuImg span.Photo{ background-position: -120px -40px; }
#Menu li span.MenuImg span.Photoactive{ background-position: -120px -80px; }
#Menu li span.MenuImg span.Video{ background-position: -160px -40px; }
#Menu li span.MenuImg span.Videoactive{ background-position: -40px -120px; }
#Menu li span.MenuImg span.Calendar{ background-position: -80px -40px; }
#Menu li span.MenuImg span.Calendaractive{ background-position: -80px -80px;}
#Menu li span.MenuImg span.Map{ background-position: -160px 0px; }
#Menu li span.MenuImg span.Mapactive{ background-position: -160px -80px; }
#Menu li span.MenuImg span.QuickStart{ background-position: -40px 0px; }
#Menu li span.MenuImg span.QuickStartactive{ background-position: -40px 0px; }
#Menu li span.MenuImg span.Blog{ background-position: -200px 0px; }
#Menu li span.MenuImg span.Blogactive{ background-position: -120px -120px; }
#Menu li span.MenuImg span.Link{ background-position: -200px -40px; }
#Menu li span.MenuImg span.Linkactive{ background-position: -160px -120px; }
/* END MENU -----------------------------------------------------------------------*/


div#BottomSpace
{
	height: 26px;
	background-color: #E5E5E5;
}

div#BottomLinksHolder
{
	float: left;
	background-color: #616161;
	width: 100%;
	min-height:144px;
    height:auto !important;
	height:144px;
}

div#BottomLinksHolder a
{
	color: #fff;
}

div.BottomCenter
{
	margin: 0px auto;
	padding-left: 10px;
	width: 964px;
}

div#BottomCopyright
{
	clear: both;
	background-color: #fff;
	height: 34px;
	padding-left: 14px;
	padding-top: 5px;
}

div.BottomLinks
{
	color: #fff;
	float: left;
	width: 227px;
	padding: 10px 0px 10px 14px
}

div.BottomLinks a
{
	color: #fff;
	text-decoration: none;
}

div#Header 
{
	height:104px;
	width:946px;
}

div#LogoHeader
{
	float:left;
	width: 290px;	
	cursor: pointer;
	height: 50px;
	padding-top: 54px;
}

div#LogoHeader2
{
	float:left;
	background: transparent url(../img/layout/header/2009_topimage_lente.jpg) no-repeat bottom;
	width: 393px;	
	height: 100%;
}

div#LogoHeader2.loggedIn{ background: transparent url(../img/layout/header/2009_topimage_lente.jpg) no-repeat bottom;}

div#UserHeader
{
	float: right;
	width: 260px;
	height: 89px;
	padding-top: 15px;
}

div#UserHeader .input{	width: 90px; height: 18px;}

.centerCheckboxText{padding-left: 4px; float:left;}

.HeaderLogin{float: right; width: 246px; font-size: 8pt;}

.HeaderLoginHolder{	float:left; padding-bottom: 3px;}

.HeaderLoginItem{ width: 95px; float: left;}

.HeaderLoginItemSmall{width: 55px; float: left;}

.HeaderLoginUnder{ float:right; width:245px; font-size: 8pt; padding-top: 5px;}

div#WelcomeUsername
{
	float:right;
	margin-right: 8px;
	text-align: right;
}

div#UserPicture
{
	float:right;
	width: 40px;
	height: 30px;
}

#UserPicture img
{
	border: solid 1px #626262;
}

div#HeaderMenu
{
	background: url(../img/layout/header_menu.jpg) repeat-x;
	border-bottom: #7E7E7E 1px solid;
	margin-bottom: 10px;	
	width:100%;
	height:35px;
}

.Clickable
{
	cursor: pointer;
}

/* HEADER NAVIGATION ----------------------------------------------------------------------*/
ul#HeaderNavlist
{
	margin: 0px;
	padding-left: 0;
	white-space: nowrap;
}

#HeaderNavcontainer
{
	float: left;
	width: 716px;
}

#HeaderNavcontainer ul
{
	height: 35px;
}

#HeaderNavcontainer ul li  
{
	display: inline; 
}

#HeaderNavcontainer ul li span
{
	color: #0066cc;
	font-size: 8pt;
	font-weight: normal;
}

#HeaderNavcontainer ul li a
{
	color: #000;
	text-decoration: none;
	float: left;
	padding: 9px 13px 8px;
	background: url(../img/layout/header_menu_split.jpg) repeat-y right;
}

#HeaderNavcontainer ul li a:hover
{
	background: #000;
	color: #fff;
	padding: 9px 12px 8px 13px;
	border-right: solid 1px #ebebeb;
}
#HeaderNavcontainer ul li.shop{background: url(../img/layout/header_menu_yellow.jpg) repeat-x;float:left;}

/* END HEADER NAVIGATION ----------------------------------------------------------------------*/

div#MainSearchInput /* IE fix ie.css*/
{
	float: left;
	padding: 8px 5px 4px 0px;
	width: 150px;
	height: 21px;
}

div#MainSearchButton
{
	float: left;
	padding: 8px 0px 0px;
	width: auto;
	height: 21px;
}

div#Breadcrumbs 
{
	clear: left;
	margin-left: 10px;
	height: 22px;
	font-size: 10pt;
	color: #000;
	text-decoration: none;
	padding-top: 4px;
}

#Breadcrumbs .preText{ color: #808080; font-weight:normal;}

#Breadcrumbs a
{
	font-weight:normal;
	text-decoration: none;
}

#Breadcrumbs span
{
	color: #000;
	font-weight: bold;
}

div#UserLink
{
	height: 33px;
	background: #FFDBCE url(../img/layout/userlink2.jpg) repeat-x;
	border-top: solid 1px #D7D7D7;
}

.UserLinkUsernameSpace
{
	height: 33px;
	float:left;
	background: url(../img/layout/fbpeopleGreen.jpg) no-repeat;
	width:214px;
}

.UserLinkUsernameSpaceLong
{
	height: 33px;
	float:left;
	background: url(../img/layout/fbpeopleGreen.jpg) no-repeat;
}

.Center
{
	text-align: center;
}

.UserLinkUsername
{
	margin: 0px 0px 0px 38px;
	padding: 5px;
}

div#UserNameLink
{
	background: url(../img/layout/userlink.jpg) repeat-x;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 732px;
}

div#UserNameRelation
{
	background: url(../img/layout/arrow.jpg) no-repeat;
	padding-left: 70px;
	padding-top: 5px;
	height: 28px;
	float: left;
}

div#UserNameLinkSmall
{
	background: url(../img/layout/userlink.jpg) repeat-x;
	margin-top: 10px;
	padding: 0px;
	float: left;
	width: 470px;
}

div#UserNameLinkHigh
{
	background: url(../img/layout/userlinkHigh.gif) repeat-x;
	margin-top: 10px;
	padding: 0px;
	float: left;
	width: 470px;
}

div#UserNameRelationSmall
{
	background: url(../img/layout/arrowSmall.gif) no-repeat;
	padding-left: 55px;
	padding-top: 5px;
	height: 28px;
	float: left;
}

div#UserNameRelationHigh
{
	background: url(../img/layout/arrowHigh.gif) no-repeat;
	padding-left: 55px;
	padding-top: 7px;
	height: 49px;
	float: left;
}

div#UserLinkOwn
{
	float: right;
	padding: 7px;
}

h1
{
	font-family: Trebuchet MS;
	font-size: 24px;
	color: #7C9D2F;
	font-weight: normal;
	margin: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
}

h2
{
	font-family: Trebuchet MS;
	font-size: 17px;
	font-weight: normal;
	margin: 0px;
}

h3
{
	font-family: Trebuchet MS;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	margin: 0px;
}

h4
{
	font-family: Trebuchet MS;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
}

h5
{
	font-family: Trebuchet MS;
	font-size: 12pt;
	color: #7C9D2F;
	font-weight: bold;
	margin: 0px;
}

.h3
{
	font-family: Trebuchet MS;
	font-size: 10pt;
	font-weight:bold;
}

.h5
{
	font-family: Trebuchet MS;
	font-size: 11pt;
	color: #7C9D2F;
	font-weight: bold;
	margin: 0px;
}


a.button:link, a.button:visited
{
    background: #A6CA4F url(../img/layout/button.jpg) repeat-x;
    color: #000;   
    border-right: solid 1px #7D9E30;
    border-bottom: solid 1px #7D9E30;
    border-left: solid 1px #92b938;
    border-top: solid 1px #92b938;
    cursor:pointer;
    font-family: Trebuchet MS;
	font-size: 10pt;
	font-weight:bold;	
	text-decoration: none;
	float: left;
}

a.Disabledbutton:link, a.Disabledbutton:visited
{
    background: #A6CA4F url(../img/layout/buttongrey.jpg) repeat-x;
    color: #000;   
    border: solid 1px #666666;    
    cursor:default;
    font-family: Trebuchet MS;
	font-size: 10pt;
	font-weight:bold;	
	text-decoration: none;
	float: left;
}


a.redbutton:link, a.redbutton:visited
{
    background: #A6CA4F url(../img/layout/buttonRedCross.jpg) repeat-x;
    color: #000;   
    border-right: solid 1px #E80000 ;
    border-bottom: solid 1px #E80000 ;
    border-left: solid 1px #FF4646 ;
    border-top: solid 1px #FF4646 ;
    cursor:pointer;
    font-family: Trebuchet MS;
	font-size: 10pt;
	font-weight:bold;	
	text-decoration: none;
	float: left;
}

a.purplebutton:link, a.purplebutton:visited
{
    background: #A6CA4F url(../img/layout/purplebutton.jpg) repeat-x;
    color: #000;   
    border: solid 1px #aa80a6;
    cursor:pointer;
    font-family: Trebuchet MS;
	font-size: 10pt;
	font-weight:bold;	
	text-decoration: none;
	float: left;
}


a.yellowbutton:link, a.yellowbutton:visited
{
    background: #fffd96 url(../img/layout/yellowbutton.jpg) repeat-x;
    color: #000;   
    border: solid 1px #ffcc00;
    cursor:pointer;
    font-family: Trebuchet MS;
	font-size: 10pt;
	font-weight:bold;	
	text-decoration: none;
	float: left;
}

a.redbutton span.DeclineCrossButton
{ 
	padding:0px 8px 0px 18px;
	background: transparent url(../img/layout/buttonDeclineCross.jpg) no-repeat left;
}

a.purplebutton span.NextButton
{ 
	padding:0px 23px 0px 10px;
	background: transparent url(../img/layout/purplebuttonForward.jpg) no-repeat right;
}

a.button span.NextButton
{ 
	padding:0px 23px 0px 10px;
	background: transparent url(../img/layout/buttonForward.jpg) no-repeat right;
}

a.button span.NextButtonMember
{ 
	font-size: 11pt;
	padding:0px 25px 0px 10px;
	background: transparent url(../img/layout/buttonForward.jpg) no-repeat right;
}

a.button span.PrevButton
{ 
	padding:0px 10px 0px 25px;
	background: transparent url(../img/layout/buttonBack.jpg) no-repeat left;
}



a.button span
{ 
	padding:0px 10px 0px 10px;
}

a.Disabledbutton span
{ 
	padding:0px 10px 0px 10px;
}

.BottomButton
{
	padding: 22px 0px 0px 0px;
	float:left;
	width: 100%;
	height: 53px;
	clear: both;
}

.DisabledButton
{
	text-decoration: none;
	cursor: text;
}

.DisabledButtonCursor
{
	text-decoration: none;
	cursor: default;
}

.SuggestionProfileImage
{
	float:left;
	margin-right:6px;
	padding-top:3px;
}

#SuggestionBoxHolder input
{
	background-color: Transparent;
	border-width: 0px;
}

.SuggestionBoxHolder
{
	width: 470px;
}

.CheckBoxSuggestionAccept
{
	float:left;
	font-weight:bold;
	margin-right:6px;
	padding:1px 0px;
	text-align:left;
	width:18px;
	background-color:Transparent;
	border-width: 0px;
}

.CheckBoxRegister
{
	float:left;
	font-weight:bold;
	margin-right:6px;
	padding:6px 0px;
	text-align:left;
	width:18px;
	margin-left: 14px;
}

.width200
{
	width: 200px;
}

.width366
{
	width: 366px;
}

.Width470
{
	width: 470px;
}
 
.UserColor
{
	color: #FF3401;
	font-weight:bold;
}

a.UserColor
{
	color: #FF3401;
	font-weight:bold;
}


input
{
	padding: 0px;	
}

hr
{
	height: 0px;
	border: 0px;
	margin:0px;
	padding:0px;
	border-top: 1px solid #E0E0E0;
}

img
{
	border: 0px;
}

.CenterImage
{
	text-align: center;
}

.LeftImage
{
	text-align: left;
	margin-top: 14px;
}

.LeftImageWithText
{
	float: left;
	border-style: none;
	margin-right: 12px;
	margin-bottom:4px;
}

.BannerImage120x600
{
	width: 120px;
	height: 600px;
}

.BannerImage120x90
{
	width: 120px;
	height: 90px;
}

.InsertForm fieldset {
  margin-bottom: 10px;
  border: none;
}

.InsertForm label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}

.InsertForm .Text
{
	width: 130px;
	float: left;
	font-weight: bold;
}

.InsertForm legend {
  padding: 0 2px;
  font-weight: bold;
}

.InsertForm fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

.InsertForm fieldset fieldset {
  border: 0px solid #000;
}

.InsertForm fieldset ol {
  margin: 0;
  padding: 0;
}

.defaultRegisterContent ul
{
	margin-left:34px;
	padding-top: 8px;
	padding-bottom:6px;
	list-style-type:disc;
}

.ImageRegister
{
	cursor:pointer;
}

.InsertForm
{
	float: left;
	width:470px;
}

.UsersSelection
{
	float:left;
	margin-left: 25px;
}

.UsersSelection select
{
	width: 150px;
	height: 200px;
}

.Notification
{
	border: 1px solid #a5c94d;
	background-color: #f4f8e9;
	padding: 7px;
	width: 95%;
	margin: 10px 0px;
	float:left;
}

.Left
{
	float:left;
}

.Right
{
	float: right;
}

.Helplink
{
	float:left;
	margin: 3px 0 0 0px;
	padding: 0 0 0 5px;
}

.RptItemTotalHolder
{
	float:left;
	margin: 10px 0px 15px;
}

.InfoHolder
{
	width: 370px;
	float:left;
}

.Text label
{
	font-weight: bold;
	text-align: right;
}

/* SideMenu */

.SideMenuContent
{
	background-color:#f4f4f4;
	border: 1px solid #dbdbdb;
	border-top: 0px;
	float:left;
	padding:10px 7px 10px 8px;
	width:211px;
}

.SideMenuContentUserHomeBox
{	
	width: 281px;
}

.SideMenuContentUserHomeActions
{	
	background-color:#ffffff;
	width: 396px;
	padding:10px 0px 0px 0px;
}

/* profile */
.SideMenuContentProfile
{
	background-color:#e7f1cf;
	border: 1px solid #a4c94c;
	border-top: 0px;
	float:left;
	margin-bottom:11px;
	padding:10px 7px 10px 8px;
	width:211px;
}

.SideMenuContentProfileH3
{
	_width: 208px;
}

.SideMenuContentProfile .UserInfo
{
	float: left;
}

.SideMenuContentProfile .UserImg{ margin: 0px 0px 7px 0px; float:left; text-align: center;}

.SideMenuContentProfile .Img { border: 1px solid #000;}

.SideMenuContentProfile .profileTitle{ font-weight: bold; width: 206px }

.SideMenuContentProfile .profileTextHolder{ clear:both; }

.SideMenuContentProfile .profileText{ margin-bottom: 5px; width: 206px}

.H2
{
	font-family: Trebuchet MS;
	font-size: 17px;
	font-weight: normal;
	margin: 0px;
}
/* END*/

.DefaultForm { margin: 10px 0px; float:left;}
.DefaultForm li {float :left;}

.QuickStartForm{ margin: 10px 0px; float:left; width: 450px;}

.QuickStartForm li { float : left;}

.RegisterFormBig{ margin: 10px 0px; float:left; width: 411px;}

.RegisterFormBig li { float:left; }

.RegisterFormBig .formLineHolder{min-height: 20px; margin-bottom: 5px; padding: 0px; width:394px; }

.SearchTitle{ width: 460px; padding-top: 5px;}

.DefaultForm .Title{ font-weight:bold;}

.formLineHolder {min-height: 20px; margin-bottom: 5px; padding: 0px; width:470px; float:left;}

.formLineHolder100p {min-height: 20px; margin-bottom: 5px; padding: 0px; width:100%; float:left;}

.formLineHolderShort {min-height: 20px; margin-bottom: 5px; padding: 0px; width:206px; float:left; overflow:hidden;}

.formSubject { float:left; width: 136px; font-weight: bold; text-align: right; margin-right: 5px; padding: 5px 0px;}

.formBlogSubject { float:left; font-weight: bold; text-align: right; margin-right: 5px; padding: 5px 0px;}

.formSubjectPrivacy { float:left; width: 242px; font-weight: bold; text-align: right; margin-right: 5px; padding: 5px 0px;}

.Green {color: #7C9D2F;}

.Red{color: #ff0000;}

.GreenBG{ background-color: #A4C94B;}

.Gray{color: Gray;}

.formSubjectCalendar { float:left; width: 104px; font-weight: bold; text-align: right; margin-right: 5px; padding: 5px 0px;}

.formSubHolder { float:left; margin-bottom: 10px;}
.formSubLine .formLineHolder {min-height: 30px; margin-bottom: 1px; padding: 0px; width:235px; float:left;}

.formValue { float: left; height: 100%; background: #f3f3f3; min-height:20px; padding: 5px 0px 0px 5px; width: 324px;}

.formValue2 { float: left; height: 100%; min-height:20px; padding: 5px 0px 0px 5px; width: 324px;}

.formInput {float:left; height: 100%; padding: 3px 0px; width: 220px;}

.formInputBig {float:left; height: 100%; padding: 3px 0px; width: 250px;}

.formInput300 {float:left; height: 100%; padding: 3px 0px; width: 300px;}

.formInputSmall {float:left; height: 100%; padding: 3px 0px; width: 125px;}

.InputTextWidth130 {width:130px;}

.formInputItem{ float:left; width:329px; height: 23px;}

.formBackText{float: left; margin-left: 10px; height: 100%; padding: 3px 0px;}

.formInputSearch
{
	float:left; height:100%; padding: 3px 0px; width: 240px;
}

.formSubjectSmall
{
	float:left; 
	width: 78px; 
	font-weight: bold; 
	text-align: right; 
	margin-right: 5px; 
	padding: 5px 0px;
}

.formSubjectSearch
{
	float:left; 
	width: 98px; 
	font-weight: bold; 
	text-align: right; 
	margin-right: 5px; 
	padding: 5px 0px;
}

.RadioButton
{
	padding-right: 5px;
	border: 0px;
}

.aspRadioButton input
{
	border:0px;
	background-color: Transparent;
}

.aspRadioButton label
{
	padding-left: 5px;
}

.formInputSearch input
{
	width: 225px;
}

.formInput .TextArea
{
	width: 342px;
	height: 60px;
}

.formInput .input
{
	width: 342px;
}



.formInput .input-text
{
	width: 250px;
	height: 20px;
}

.formText
{
	float:left;
	width: 314px;
	padding-left: 5px;
}

.formTextRegister
{
	float:left;
	width: 366px;
	padding-left: 5px;
}

.greenArea
{
	background-color: #e3efc7;
	padding: 10px 0px 10px 0px;
	float: left;
	width: 455px;
	margin: 5px 0px 10px;
}

/* END Profile */

.contentColumn
{
	float:left;
	margin-right:14px;
	margin-top:14px;
	width:470px;
	_width:469px;
	padding: 0 0 10px 0;
}

.contentColumn704
{
	width: 704px;
}

.contentColumnTree
{
	width:704px;
	margin-top: 0px;
}

.contentColumnInterests
{
	float:left;
	width:470px;
	padding: 0 0 10px 0;
}

.contentColumn hr
{
	clear: both;
}

.relation
{
	margin-top: 10px;
}

.relation lh
{
	font-weight:bold;
}

.dashes {
	border-top: 1px dashed #dbdbdb;
}

.displayNone
{
	display:none;
}

/* FAMILYMAP */
#mapOptions
{
	margin-top: 10px;
}

#mapOptions li{	margin: 5px 0px;}
#mapOptions li span { font-weight: bold;}
#mapOptions li.Row{ padding-left: 25px; height:19px;}

#mapOptions li.Row1{ background: transparent url(../img/layout/mapGreen.gif) no-repeat left;}
#mapOptions li.Row2{ background: transparent url(../img/layout/mapPink.gif) no-repeat left;}
#mapOptions li.Row3{ background: transparent url(../img/layout/mapBlue.gif) no-repeat left;}



div#mapHolder {
	position:relative;
	width:460px;
	height:auto;
	padding: 5px;
	border: 1px solid #f3f3f3;
	margin-bottom: 30px;
}

div#mapHolder div#map {
	width: 460px;
	height:287px;
}

#mapTable 
{
	margin-top: 5px;
	width: 460px; 
}

#mapTable th
{
	background-color: #d9d9d9;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	height: 30px;
	width: 80%;
}

#mapTable tr
{
	background-color: #f3f3f3;
	height: 30px;
}

#mapTable .Row1{background-color: #ebebeb;}
	

#mapTable td
{
	text-align: left;
	padding-left: 5px;	
}

/* Google maps */
div#mapHolder div#loading 
{
	position:absolute;
	background:#ffffff url(../Img/layout/ajax-loader.gif) no-repeat 5px center;
	padding:5px 5px 5px 30px;
	border:1px solid #000000;
}

div#erorrDiv
{
	padding-top: 10px;
}

.OverflowHidden
{
	overflow:hidden;
}

/* END FAMILYMAP */

/*SearchResult */

.SearchResults
{
	margin: 15px 0px;
	float:left;
}

.SearchResult
{
	width: 470px;
	border-collapse: collapse;
}

.width450
{
	width: 450px;
}

.SearchResult .Header
{
	background: url(../Img/layout/tableHeader.jpg) repeat-x;
	height: 26px;
}

.SearchResult th
{
	border-spacing: 0px;
	padding-left: 5px;
	text-align: left;
	font-weight: bold;
}

.SearchResult .Row
{
	height: 55px;
}

.SearchResult .Row2
{
	height: 15px;
}

.SearchResult .Photo
{
	width: 50px;
}

.SearchResult .User
{
	float:left;
	height: 20px;
	margin-right: 5px;
}

.SearchResult .Gender
{
	clear:both;
}

/*END SearchResult */

#processMessage { 
  position:absolute; 
  top:30%; 
  left:43%;
  padding:10px;
  width:14%;
  z-index:1001;
  background-color:#fff;
} 

/*--------SETTINGS ---------*/
.SettingTextHolder
{
	float:left;
	margin-bottom: 10px;
}

.SettingTextHolder .Text
{
	width: 260px;
	float:left;
	margin-right: 30px;
}

.SettingDropDown
{
	float: left;
}

.SettingDropDown select
{
	width: 180px;
}
/*--------END SETTINGS ---------*/

/*--------THIS CAME FROM MAIN.CSS ---------------------*/
.column
{
	float: left;
	width: 228px;
}

.spacer
{
	float: left;
	width: 13px;
}

.spacer600
{
	float:left;
	width: 14px;
	height:600px;
}

.spacerMarginBottom10
{
	float: left;
	margin-bottom: 10px;
}

.singleUnderMessageItem
{
	padding-left: 57px;
	width: 93px;
}

.marginBottom10
{
	margin-bottom: 10px;
}

.marginTop10
{
	margin-top: 10px;
}

.marginRight10
{
	margin-right: 10px;
}

.MarginRight5
{
	margin-right: 5px;
}

.marginLeft16
{
	margin-left: 16px;
}

.marginLeft14
{
	margin-left: 14px;
}

.spacerPaddingBottom14
{
	float: left;
	padding-bottom: 14px;
}

.FontSize10
{
	font-size: 10px;
}

.FontSize11
{
	font-size: 11px;
}

.ProfileColumn
{
	background-color:#E7F1CF;
	border: solid 1px #A4C94B;
	border-top: 0px;
	padding: 5px 10px 8px 10px;
	height: 204px;
	width: 376px	
}

.ProfilePercentagePlacement
{
	float:right;
}

.littleColumn
{
	background-color:#E7F1CF;
	border: solid 1px #A4C94B;
	border-top: 0px;
	padding: 5px 10px 8px 10px;
	height: 428px;
	width: 206px;
}

.littleColumnContent
{
	padding: 0px;
	height: 185px;
}

.littleColumnContentLarge
{
	padding: 0px;
	height: 412px;
}

.title
{
	padding-left: 60px;
	padding-top: 10px;
}

.center
{
	margin: 0px auto;
}

.square
{
	background-color:#F4F4F4;
	padding: 0px 9px 10px 8px;
	border: solid 1px #DBDBDB;
	border-top: 0px;
	width: 279px;
}

.columnBottom
{
	clear: both;
	padding: 0px;
	margin: 0px;
}

.squareColumnContent
{
	padding: 11px 0px 0px;
}

.squareColumnContentCenter
{
	padding: 11px 0px 0px;
	text-align: center;
}

ul#FamilyMembers
{
	margin: 0px;
	padding-left: 0;
	white-space: nowrap;
}

#FamilyMembers ul
{

	padding: 0px;
	margin: 0px;
}

#FamilyMembers ul li  
{
	display: inline; 
	height: 46px;
	width: 280px;
	float: left;
	margin: 0px 0px 6px;
}

.FamilyMemberText
{
	padding: 9px 0px 0px 0px;
	float: left;
}

.familyMember
{
	float: left;
	margin-bottom: 6px;
}

.familyNameSpace
{	
	font-weight:bold;
}
.familyPhoto
{
	border: 1px solid #616161;
	float: left;
	margin: 0px 10px 0px 0px;
}

.messageInfo
{
	width: 150px;
	font-style: italic;
	float: left;
	height: 32px;
	margin-left: 7px;
}

.messageShort
{
	float: left;
	padding: 5px 0px;
	width: 205px;
	overflow: hidden;
}


.familyTreeBox
{
	height: 155px;
	width: 192px;
	background: transparent url(../img/layout/user_stamboom.gif) no-repeat center;
	margin-left: 10px;
}

.familyTreeBoxUser
{
	padding-top: 30px;
	padding-left:60px;
	text-align: center;
	width: 72px;
	height: 72px;
}

.familyTreeBoxImgHolder
{
	width:70px;
	height: 70px;
	background-color: #fff;
	border: 1px solid #000;
}

.calendarBox li
{
	display: inline; 
	height: 46px;
	width: 200px;
	float: left;
	margin: 0px 0px 6px;
}

.backgroundBoxSelected
{
	background-color: #E9F3D1;
}

.imageDenySuggestion
{
	z-index: 2;
	position: relative;
	
}

.suggestionUnderMessageItem
{
	float:left;
	padding-right:6px;
}

.suggestionUnderMessageItemRight
{
	float:left;
	width: 93px;
}

.suggestionMessageHolder
{
	float:left;
	padding-left:10px;
	width:340px;
}

.suggestionBoxImage
{
	width:40px;
	height: 40px;
	padding-right: 8px;
	float: left;
}

.suggestionBoxTitle
{
	float: left;
	width: 233px;	
	_width: 230px;
}

.suggestionBoxLine
{
	border: 0px;
	border-bottom: 1px #DBDBDB dashed;
	margin-bottom: 5px;
}

.suggestionTitleHolder
{
	font-weight: bold;
	float:left;
	width: 340px;
}

.suggestionMessage
{
	float:left;
	margin-bottom:8px;
	margin-left:0;
	overflow:hidden;
	width:340px;
}

.suggestionUnderMessage
{
	float: left;
	width: 156px;
	padding-left: 184px;
}

.suggestionOption
{
	float: left;
	width: 136px;
	height: 230px;
	padding: 6px 6px 6px 6px;
	border-style:solid;
	border-width:1px;
	border-color: #7C9D2F;
	position: relative;
	margin-bottom:14px;
	cursor:pointer;
}

.suggestionOption210
{
	width: 210px;
}

.Option2Image
{
	margin-left: -3px;
	margin-top: 4px;
}

.DisabledOption
{
  	background-color:#D3D3D3;
	cursor:not-allowed;
}

.suggestionOptionTitle
{
	float:left;
	width:106px;               
}

.SuggestionBoxImage
{
	z-index: 99;
}

.BoxLeftTop
{
	position:absolute;
	left:19px;
	top:43px;
}

.BoxLeftMiddle
{
	position:absolute;
	left:19px;
	top:70px;
}

.BoxLeftBottom
{
	position:absolute;
	left:19px;
	top:99px;
}

.BoxRightTop
{
	position:absolute;
	left:97px;
	top:43px;
}

.BoxRightMiddle
{
	position:absolute;
	left:97px;
	top:70px;
}

.BoxRightBottom
{
	position:absolute;
	left:97px;
	top:99px;
}

.BoxMiddleBottom
{
	position:absolute;
	left:58px;
	top:99px;
}

.BoxMiddleMiddle
{
	position:absolute;
	left:52px;
	top:67px;
	z-index: 1;
}

.BlockContainer
{
	float: left;
	margin: 0px 0px 15px 14px;
	display: inline;
}

.BlockContainer470
{
	width: 469px;
}

/*---------------- END MAIN.CSS -------------------*/

.UserProfileImg
{
	float:left;
	padding-right: 5px;
}

.subText
{
	margin-bottom: 15px;
}

.faqItem
{
	margin-bottom: 20px;
}

.faqQuestion
{
	margin: 10px 0px 5px;
}

.faqToTop
{
	float:right;
	padding: 5px;
}

.faqItemtitle
{
	font-weight: bold;
}

.faqMenuItem{ margin: 10px 0px; float:left; }

.faqmenuQuestion{ /*float:left;*/ font-size: 8pt;}


/* PAGE LOADER UPDATE PROGRESS */
      .overlay {
        position: absolute;
        z-index: 99;
        top: 0px;
        left: 0px;
        background-color: #ffffff;
        width: 100%;
        height: 100%;
        filter: Alpha(Opacity=80);
        opacity: 0.80;
        -moz-opacity: 0.80;
    }
    
    * html .overlay {
        position: absolute;
        height: 100px;
        width: 250px;
    }
    
    .loader {
        border: 1px solid #000; 
    }
    
    .welcome {
        position: absolute;
        width: 470px;
        height: 373px;
        margin-left: -160px;
        margin: 0px auto;
        top: 20%;
        left: 34%;
        padding: 10px;
        padding-left: 16px;
        text-align: left;
        background-color:White;
        border: 1px solid #000;   
        z-index: 100
    }
/* END UPDATE PROGRESS*/

.colHead
{
	height: 40px;
	width: 228px;
	clear: both;
}

div.headerfamilystory { background: url('../img/layout/icons/header/headers.jpg') 0px 0px no-repeat; height: 45px; width:422px;}
div.headerfamilytrips { background: url('../img/layout/icons/header/headers.jpg') 0px -45px no-repeat; height: 45px; width:422px;}
div.headertop10 { background: url('../img/layout/icons/header/headers.jpg') 0px -90px no-repeat; height: 45px; width:422px;}
div.headerbirthday { background: url('../img/layout/icons/header/headers.jpg') -422px -0px no-repeat; height: 40px; width:351px;}
div.headernewmember { background: url('../img/layout/icons/header/headers.jpg') -422px -40px no-repeat; height: 40px; width:351px;}
div.headermensenlinq { background: url('../img/layout/icons/header/headers.jpg') -422px -80px no-repeat; height: 42px; width:351px;}
div.headercalendar {background: url('../img/layout/icons/header/headers.jpg') 0px -135px no-repeat; height: 45px; width:422px;}
div.headershop { background: url('../img/layout/icons/header/headers.jpg') -422px -122px no-repeat; height: 40px; width:351px;}

.colHead470
{
	width:470px;
}

.colHead420
{
	width: 422px;
}

.colHead349
{
	width: 349px;
}

.colHead398
{
	width: 398px;
}

.colHead298
{
	width: 298px;
}

.colHeadLong
{
	height: 40px;
	width: 351px;
	clear: both;
}

.colHead_ML
{
	height: 42px;
	width: 351px;
	clear: both;
}

.colHead_ML2
{
	height: 42px;
	width: 228px;
	clear: both;
}

.inputMensenlinq
{
	width: 209px;
	height: 19px;
}
.CheckBoxMensenLinq
{
	font-weight:bold;
	margin-right:6px;
	padding:1px 0px;
	text-align:left;
	width:18px;
	background-color:Transparent;
	border-width: 0px;
}

.inputMensenlinqSmall
{
	width: 185px;
	height: 19px;
}

/* STAMBOOM */

.legend
{
	margin: 10px 0 0 0;
}

/* END STAMBOOM */

.messageMenuColumn
{
	float:right;
	margin-top: 14px;
	width: 228px;
	padding-bottom: 10px;
}

.UserIcon45
{
	width:47px;
	height: 47px;
	padding-right: 6px;
	float: left;
	text-align: center;
}

.NewsFirstItem
{
	float: left;
	padding-bottom: 6px;
	width: 400px;
	overflow:hidden;
}

.NewsIcon
{
	float:left;
	padding-right:5px;
}

.NewsImg
{
	width:42px;
	height: 42px;
	padding-right: 6px;
	float: left;
	text-align: center;
	padding-top: 3px;
}

.UserIcon40
{
	width:42px;
	height: 42px;
	padding-right: 6px;
	float: left;
	text-align: center;
}

.Img150
{
	width: 153px;
	height: 153px;
	margin-right: 6px;
	float: left;
	margin-bottom: 6px;
}

.Img
{
	padding-right: 6px;
	padding-bottom: 6px;
	float:left;
}

.Img100
{
	width: 100px;
	height: 100px;
	margin-right: 6px;
	float: left;
}

.NewFeaturesHolder
{
	float:left;
	width: 470px;
	padding-bottom: 10px;
}

.NewsFeaturesHolder
{
	float:left;
	width: 450px;
	padding-bottom: 10px;
}
.MyFamilyText
{
	float: left;
	width: 340px;
}

.NewFeaterIntro
{
	font-weight: bold;
	margin-bottom: 15px;
}

.NewFeaturesInfoHolder
{
	float:left;
	width: 300px;
}

.Height46
{
	height: 46px;
}

.PaddingBottom15
{
	padding-bottom: 15px;
}

.PaddingVertical10
{
	padding: 10px 0px;
}

.PaddingTop5
{
	padding-top: 5px;
}

.PaddingTop15
{
	padding-top: 15px;
}

.padding5
{
	padding-bottom: 5px;
}

.paddingBottom2
{
	padding-bottom: 2px;
}

.paddingTop1
{
	padding-top: 1px;
}

.paddingTop4
{
	padding-top: 4px;
}

.paddingRight15
{
	padding-right: 15px;
}

.PaddingRight5
{
	padding-right: 5px;
}

.paddingLeft5
{
	padding-left: 5px;
}

.paddingRight10
{
	padding-right: 10px;
}

.paddingLeft10
{
	padding-left: 10px;
}

.paddingLeft15
{
	padding-left: 15px;
}

.AutoText{ font-style:italic;}

.UserHomeInviteHolder
{
	background: transparent url(../img/layout/bg_uitnodiging.jpg) no-repeat;	
	height: 99px;
	margin-bottom:10px;
	padding:25px 0px 0px 118px;
	width: 592px;	
	float: left;
	margin-left: 14px;
	display: inline;
}

.Bold
{
	font-weight: bold;
}

.messageBoxLi
{
	float: left;
	cursor: pointer;
}
.messageBoxLine
{
	padding-top: 3px;
	height: 18px;
	border: 0px;
	border-bottom: 1px #DBDBDB dashed;
}

.messageBoxIcon
{
	float: left;
	width: 20px;
}

.messageBoxTitle
{
	float: left;
	width: 246px;
	overflow: hidden;
	height: 18px;
}

.paddingTop15
{
	padding-top: 15px;
}

.paddingTop10
{
	padding-top: 10px;
}

.padding0
{
	padding:0;
}

.paddingTop6
{
	padding-top: 6px;
}

.XmlSpacer
{
	clear: both;
	height:10px;
	padding-top:6px;
}

.List
{
	list-style-type: disc;
	padding-left: 20px;
}

.ListNoType
{
	padding-left: 20px;
}

.ListNumbers
{
	padding-left: 25px;
	list-style-type: decimal;
}

.ListNumbers li
{
	padding-bottom: 3px;
}

.RightButton
{
	width: 150px;
	padding-left: 320px;
	padding-top: 25px;
}

.SubMenuButton
{
	font-family: Trebuchet MS;
	font-size: 14px;
	font-weight: bold;
	color: Black;
	margin: 0px;
	background-color:Transparent;
	border: 0px;
	width: 175px;
	text-align: left;
	cursor:pointer;
}

.Clear
{
	clear: both;
}

.ClearLine
{
	clear: both; 
	height: 1px; 
	overflow: hidden;
	margin-top: -1px; 
}

/* Flash */

.FlashHolder
{
	width: 423px; 
	height: 205px; 
	text-align: center;
}

.FlashHolderSearch
{
	display:inline;
	height:138px;
	padding-top:14px;
	width:470px;
}
/* END FLASH */

.pressImg
{
	float: left;
	padding-right: 5px;
	width: 165px;
}

.familyImage {
	background:transparent url(/img/layout/landing/happyfamily.jpg) no-repeat scroll 730px bottom;
}

.RightBottom
{
	position: absolute; 
	right: -15px;
	bottom: -3px; 
	width: 255px;
	clear: both;
}

.smallText
{
	font-size: 8pt;
}

.inviteText
{
	width: 577px;
	padding-top: 15px;
}

.Width470px
{
	Width: 470px;
}

.Width268px
{
	Width: 268px;
}

.Width218px
{
	Width: 218px;
	_width: 215px;
}

/* Hyves gadget */

.GadgetTextbox
{
	width: 377px;
	height: 120px;	
}

.HyvesEmbedbox
{
	margin: 10px 0 0 0;
	clear: both;
}

.HyvesEmbedboxSmall
{
	margin: 3px 0 0 0;
	clear: both;
}

p.Quote
{
	margin: 3px 0 0 0;
	font-style: italic;	
}

ul.DateList
{
	margin: 0px;
	padding-left: 10px;
	white-space: nowrap;
	list-style-type: none;
}

.Home_Register
{
	background:transparent url(../img/layout/home_register.jpg) no-repeat;
	height: 285px;
	width: 422px;
	margin-top: 5px;
}

.Home_Register .Form
{
	padding: 50px 0px 0px 0px;
	Height: 226px;
	Width: 195px;
	float: right;
}
.Home_Register .Form .RegisterForm 
{
	width: 195px;
	margin: 5px 0;
	float: left;
}

.formRegisterInput {float:left; height: 100%; padding: 3px 0px;}
.formRegisterInput .input
{
	height:20px;
	width: 177px;
}
.RegisterForm { margin: 5px 0px; float:left; width: 220px;}
.RegisterForm li {float :left; padding-bottom: 5px;}

.noBorder input
{
	border: 0px;
	background-color: transparent;
	margin-right: 7px;
}

.Border
{
	background: #ffffff url(../img/layout/register_border.jpg) repeat-y;
	float: left;
	width: 704px;
	position: relative;
	margin: 14px 0px;
}

.registerBanner
{
	position: absolute; 
	left: 0px;
	bottom: -1px; 
	width: 255px;
	height: 327px;
	padding-bottom: 15px;	
	clear: both;
}

.registerBannerSpacer
{
	height: 326px;
	float:left;
	width: 225px;
}

.borderTop
{
	background: #ffffff url(../img/layout/register_top.jpg) no-repeat;
	height: 18px;
}

.borderBottom
{
	position: relative;
	bottom: 0px;
	background: #ffffff url(../img/layout/register_bottom.jpg) no-repeat;
	height: 18px;
	width: 704px;
	float:right;
	padding-bottom: 15px;
}

.borderText
{
	padding-left: 13px;
	width: 670px;
}

.borderInnerText
{
	float: left;
	width: 670px;
}

.borderMiddle
{
	padding: 0px 4px;
	float: left;
	width: 696px;
}

.registerLeft
{
	margin-left: 10px;
	width:190px;
	float:left;
}

.MiddleRegister
{
	padding: 10px 10px 0 0;
	float:right;
	width: 455px;
}

.width455
{
	width: 455px;
}

.MiddleRegisterContent
{
	width: 400px;
}



.Register .formLineHolder
{
	width: 455px;
}

.Register .formLineHolder .formSubject
{
	width: 150px;
	margin-right: 20px;
}

.PaddingTop100
{
	padding-top:100px;
}

.Register .formLineHolder .formInput
{
	width: 253px;
}

.FontSize14
{
	font-size: 14px;
}

.FontSize11
{
	font-size: 11px;
}

.SubContent
{
	border-top: 1px #e5e5e5 solid;
	padding-top: 15px;
}

.formInput .input-textUserName
{
	width: 120px;
	height:20px;
}

.quickstartHeader
{
	padding-bottom: 10px;
	float: left;
}

.quickstartStep
{
	background: #e9e9e9 url(../img/layout/quickstart/grey_step.jpg) no-repeat;
	height: 52px;
	width: 164px;
	float: left;
	margin-left: 8px;
}

.quickstartStepActive
{
	background: #e7f1cf url(../img/layout/quickstart/green_step.jpg) no-repeat;
}

.quickstartStepIcon
{
	background: #ffffff url(../img/layout/quickstart/white_icon.jpg) no-repeat;
	height: 40px;
	width: 40px;
	margin: 6px 0 0 6px;
	float: left;
}

.quickstartStepIcon .active
{
	background: #ffffff url(../img/layout/quickstart/black_icon.jpg) no-repeat;	
	height: 37px;
	color: #ffffff;		
}

.quickstartStepIconDone
{
	background: #ffffff url(../img/layout/quickstart/done_icon.jpg) no-repeat;		
}

.quickstartStepIconText
{	
	font-size: 30px;
	padding: 3px 0 0 10px;
	font-style: italic;
	font-weight: bold;
	color: #b1b1b1;
}

.quickstartStepIconText .active
{
	color: #ffffff;
}

.quickstartText
{
	float:left;
	font-size:13px;
	font-weight:bold;
	height:40px;
	margin-left: 15px;
	margin-top: 9px;
	text-align: center;
	width: 85px;
	color: #b1b1b1;
}

.quickstartText.active
{
	color: #000000;
}

.quickstartText a
{
	color: #b1b1b1;
}

.quickstartText.done a
{
	color: #b1b1b1;
}

.quickstartText.done a:visited
{
	color: #0066CC;
}

.quickstartText.active a
{
	color: #000000;
}

.quickstartBottom
{
	padding-top: 5px;
	float:left;
	width: 670px;
}

.quickstartMenuText
{
	float: left;
	margin-left:10px;
	width:175px;
}

.quickstartRightText
{
	float: right;
	width: 450px;
}

.quickstartLeftImg
{
	width: 210px;
	float: left;
}

.quickstartRightText .formLineHolder
{
	width: 440px;
}

.quickstartFlashHeader
{
	border: 1px solid #888888;
	border-bottom: 0px;
	background-color: #d3e5a9;
	width: 665px;
	height: 65px;
	float: left;
	margin-top: 15px;
}

.copy
{
	background-color: #c7f3fe;
}

.quickstartFlashHeaderUserInfo
{
	float: left;
	margin-left: 80px;
	width: 360px;	
}

.imgBottom
{
	vertical-align: bottom;
}

.imgMiddle
{
	vertical-align: middle;
}

.imgBorder
{
	border: #000 1px solid;
}

.liRow
{
	float: left;
	padding-bottom: 10px;
}

.textNextToRbtn
{
	float: left;
	width: 400px;
	padding-left: 10px;
}

.doneImg
{
	height:34px;
	width:40px;
	background: #ffffff url(../img/layout/quickstart/done.jpg) no-repeat;	
	float:left;
}

.CenterNavigation
{
	margin-left: 120px;
}

/*SearchPageBox*/
#RegisterSearchBox
{
	background: #ffffff url(../img/layout/registerSearchBox.jpg) no-repeat;	
	height: 342px;
	width: 463px;
}

.RegisterSearchBoxForm
{
	margin: 15px 0 0 230px;		
}



.smallInnerText
{
	width: 443px;
	padding: 0 10px;
}


.totalCount
{
	color: #ec6900;
	font-size: 25px;
	font-weight:bold;	
	float:right;
	padding-right: 10px;
}

.blueArea
{
	background-color: #c7f3ff;
	width: 455px;
	height: 44px;
	font-size: 23px;
	font-style: italic;
	font-weight:bold;
	margin-left: 4px;

}

.centerText
{
	width: 455px;
	height: 33px;
	left: 0px;
	top: 0px;
	text-align: center;
	padding-top: 11px;
}

.SearchPageBoxTopText
{
	width: 455px;
	height: 33px;
	left: 0px;
	top: 0px;
	text-align: center;
	margin-left:4px;
	padding-top:15px;
}

.SearchPageBoxTextRight
{
	float:right;
	padding-right:85px;
	font-size: 18px;
	font-weight: bold;
	padding-top: 4px;
}

/*END SeachPageBox*/

.NewsTextHolder
{
	float:left;
	width:340px;
	padding-bottom: 15px;
}

.newsAndFunSubTitle
{
	font-style:italic;
}

.colHeadProfile
{
	height: 40px;
	width: 398px;
	clear: both;
}

a.fbMagHome:link, a.fbMagHome:visited, a.fbMagHome:active, a.fbMagHome:hover
{
	color: #000;
	text-decoration:none;
	cursor:pointer;
}

/* Autocomplete.css */
/* ================ */
/* AutoComplete dropdown
--------------------------------------------------------------*/
div.autoCompleteLoading {
	float:left;
	position:relative;
	width:20px;
	height:20px;
	margin-top:0px;
	margin-bottom:-2px;
	margin-right:-20px;
	left:-20px;
	font-size:0;
	text-indent:-9999px;
	background:url(../img/layout/loader_anim_small.gif) no-repeat;
}

iframe.autoCompleteIFrame {
	position:absolute;
	border:0;
	background:white;
	z-index: 100;
}

iframe.autoCompleteIFrameDestination
{
	width:300px;
}

ul.autoCompleteList {
	position:absolute;
	border-bottom:1px solid #809EBA;
	background:white;
	z-index: 102;
}

ul.autoCompleteListDestination
{
	width: 308px;
	margin-top: -1px;
	border-top:1px solid #809EBA;
}

body.destination iframe.autoCompleteIFrameDestination,
body.destination ul.autoCompleteListDestination
{
	width: 300px;
}



ul.autoCompleteList li {
	display:block;
	overflow:hidden;
	padding:0;
	margin:0;
	border-left:1px solid #809EBA;
	border-right:1px solid #809EBA;
}


ul.autoCompleteList a {
	display:block;
	padding:4px 5px 5px 5px;
	text-decoration:none;
	line-height:1;
	color:#5673B7;
}

 a.country, a.country:hover
{
	font-weight: bold;
}

a.emptyText, a.emptyText:hover
{
	font-weight: bold;
	font-style: italic;
}

ul.autoCompleteList a:hover {
	background:#FEEBE6;
	text-decoration:underline;
}

ul.autoCompleteList span {
	display:block;
	padding:4px 5px 5px 5px;
	line-height:1;
	color:#5673B7;
	background:white;
	border-bottom:1px solid #809EBA;
}

.HomeRowHolder
{
	float:left;
	width: 795px;
}

.HomeRow
{
	float:left;
	padding-bottom: 12px;
}

.HomeItem
{
	width:423px;
	height: 380px;
	padding: 0px 20px 0px 0px;
	float:left;
}

.HomeItem1
{
	width:351px;
	min-height: 373px;
	float:left;
}

.HomeItem2 
{
	float: left;
}

.HomeItem3
{
	float: left;
	padding-top: 10px;
}

.HomeItem4
{
	width: 298px;
}

.newsTitle
{
	font-size: 14px;
	font-weight: bold;
}

.HomeTripsHolder
{
	float: left;
	height: 40px;
	width: 200px;
}

.HomeContentHolder
{
	float: left;
	width: 423px;
}

.HomeContentHolder2
{
	float: left;
	width: 372px;
}

.HomeNewsContentSplit
{
	height:10px;	
	width: 100%;
	float: left;
}

.HomeNewsContent
{
	width:405px;
	height: 233px;
	background-color:#F4F4F4;
	border-color: #DBDBDB;
	border-style:none solid solid;
	border-width:0px 1px 1px;
	float:left;
	padding:10px 7px 6px 8px;
}

.HomeBlock
{
	float:left;
	display:inline;
	float:left;
	margin:0px 0px 12px 20px;
}

.homeSubNewsRow
{
	width: 300px;
	height: 20px;
	overflow: hidden;
}

.homeSubNewsRow a
{
	text-decoration: none;
}

.InTheNews
{
	padding-top:10px;
}

.HomeFamousFamily
{
	float: left;
	width: 351px;
	padding-top:8px;
}

.HomeNewFeaturesHolder
{
	float:left;
	width: 330px;
	padding-bottom: 5px;
}

.RptNewFeaturesInfo
{
	width: 245px;
	float:left;
}

.NewFeaturesLink
{
	font-weight: bold;
}

.HomeFamousFamilyImg
{
	height: 123px;
	overflow:hidden;
}

.HomeFamousText
{
	text-align: center;
	float:left;
	padding: 0px 0px 7px;
}

.HomeFamousSubText
{
	padding: 0px;
	width: 330px;
	height: 20px;
}

.HomeFamousButton
{
	padding:5px 0px 0px 100px;
	height: 21px;
	float: left;
}

.HomeFamousFamilyNavigation
{
	border-top: 1px solid #dcdcdc;
	float:left;
	padding-top: 2px;
}

.HomeFamousNavigationText
{
	float: left;
	text-align: center;
	width: 280px;
	margin: 3px 0px 0px;
}

/* END FAMOUSE FAMILY*/


.SideMenuContentMiddle
{
	background-color:#f4f4f4;
	border: 1px solid #dbdbdb;
	border-top: 0px;
	float:left;
	padding:10px 7px 2px 8px;
	width: 281px;
}

.SideMenuContentLong
{
	background-color:#f4f4f4;
	border: 1px solid #dbdbdb;
	border-top: 0px;
	float:left;
	padding:10px 7px 6px 8px;
	width: 334px;
}

.SideMenuContentLong420
{
	width: 405px;
}



/* Up coming events */

.RptRow
{
	float:left;
	width:100%;
	border-bottom: 1px dashed #DBDBDB ;
	padding-top: 5px;
	padding-bottom: 5px;
}

.DateTimeImg
{
	background: transparent url(../img/layout/calendarDate.jpg) no-repeat left;
	width: 42px;
	height: 32px;
	float:left;
	padding-right: 10px;
}


.DateImg
{
	background: transparent url(../img/layout/calendarDateSmall.jpg) no-repeat left;
	width: 27px;
	height: 32px;
	float:left;
	padding-right: 10px;
}

.DateImgMedium
{
	float:left;
	height:32px;
	padding-right:5px;
	width:33px;
}

.DateMonth
{
	background-color:#A5C94B;
	text-align:center;
	color:#fff;
	font-weight: bold;
	font-size: 8pt;
}

.DateDay
{
	background-color:#FFFFFF;
	border:1px solid #A5C94B;
	font-size:10pt;
	font-weight:bold;
	text-align:center;	
}

.RptRowInfo
{
}

.RptRowTitle{}
.RptRowText{ font-size: 8pt;}
/* END */

/* REGISTER */

.TopRegister
{
	background: transparent url(../img/layout/fbHomeFindFamily.jpg) no-repeat left;
	width: 423px;
	height: 90px;
}

.TopRegister2
{
	background: transparent url(../img/layout/fbHomeFindFamily2.jpg) no-repeat left;
	width: 472px;
	height: 90px;
}

.TopRegisterForm
{
	float:left;
	padding: 18px 0px 0px 18px;
}

.TopRegisterFormInput
{
	float: left;
	font-size: 8pt;
	height: 16px;
	margin-right: 5px;
	padding: 3px 0px 0px 3px;
	width: 313px;
	margin-top: 4px;
}

.FlashHolder
{
	height: 205px;
	padding-top: 14px;
}

/* END REGISTER */

/* ADVERTISEMENT */
.HomeAdvertisementHolder
{
	font-size: 10pt;
	color: #dcdcdc;
	padding: 10px 6px 5px 6px;
	border: 1px solid #dcdcdc;
	float:right;
	width:120px;
	margin-bottom: 15px;
	text-align: center;
}

.HomeAdvertisementImage
{
	width: 120px; 
	height: 600px;
	border: 0px;
}

.HomeAdvertisement
{
	margin-top: 10px;
}
/* END ADVERTISEMENT */

.HomeUserHolder
{
	float:left;
	width: 157px;
	height:47px;
}

.HomeUserHolderSeperator
{
	float:left;
	width: 157px;
	height:0px;
	border-top: dashed 1px #dcdcdc;
	font-size: 0px;
}

.HomeCalendarSeperator
{
	clear: both;
	height:0px;
	border-top: dashed 1px #dcdcdc;
	width: 334px;
}

.ContentColumn300
{
	float:left;
	margin-left:10px;
	width:300px;
	padding: 0 0 10px 0;
}

.ColumnItem
{
	float:left;
	padding-right:14px;
	padding-top: 14px;
}

.RegisterNow
{
	background: transparent url(../img/layout/fbHomeRegister.jpg) no-repeat left;
	width: 300px;
	height: 250px;
}	

.RegisterNowButton
{
	padding: 25px 0pt 0pt 50px;
}

.RegisterNowName
{
	padding: 148px 0pt 0pt 110px;
	height: 25px;
	width: 80px;
	text-align: center;
	font-weight: bold;
	font-size: 8pt;
}

.FamousRelation
{
	background: transparent url(../img/layout/fbHomeStar.jpg) no-repeat left;
	width: 227px;
	height: 95px;
	float: left;
}

.FamousRelationHolder
{
	background-color:#f4f4f4;
	border: 1px solid #dbdbdb;
	border-top: 0px;
	float:left;
	margin-bottom:11px;
	padding:10px 7px 10px 8px;
	width:210px;
}

.HomeFamousPeopleHolder
{
	width: 210px;
	float:left;
	font-size: 8pt;
	text-align: center;
}

.HomeFamousPeopleSeperator
{
	float:left;
	width: 205px;
	height:0px;
	border-top: dashed 1px #dcdcdc;
	font-size: 0px;
}

.SearchResultHeader
{
	width: 407px;
}

.SearchButton
{
	margin-top: 4px;
}

.SearchResultHeaderTH
{
	width:175px;
}

.SearchResultText
{
	padding-left: 5px;
}


.BirthdayBox
{
	background: transparent url(../img/layout/birthdayBG.jpg) no-repeat;
	height: 160px;
}

.XmlListBox
{
	height: 162px;
}

.XmlListBox2
{
	height: 116px;
}

.Top10Number
{
	color: #A5C94D;
	font-size: 15px;
	font-weight: bold;
	width: 12px;
	padding-right: 8px;
	text-align: right;
}

.Top10Column
{
	width: 190px;
	border-right: 1px dashed #dcdcdc;
	float: left;
	margin-right: 10px;
}

.Top10Li
{
	padding-bottom: 3px;
	float: left;
	width: 196px;
}

.Top10Box
{
	padding-top: 6px;
}

.Top10Title
{
	font-weight: bold;
	padding-bottom: 2px;
}

.MessageMenu
{
	background-color:#F4F4F4;
	padding: 0px 7px 10px 8px;
	margin-bottom: 11px;
	border: solid 1px #DBDBDB;
	border-top: 0px;
	float: left;
	width:211px;
	padding-top:5px;
}

.MessageMenu span
{
	padding-left: 10px;	
}

.messageMenuItem
{
	margin-top: 10px;
	height: 19px;
	border: 1px solid #a5c94d;
	width: 182px;
	background: #ffffff url(../img/layout/arrow_left.jpg) left no-repeat;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 25px;
	margin-bottom: 5px;
	text-decoration:none;
	
	cursor: pointer;
	color: #000;
}

.messageMenuItem#current
{
	margin-top: 10px;
	height: 19px;
	border: 1px solid #a5c94d;
	width: 184px;
	background: #d2e6a9 url(../img/layout/arrow_down.jpg) left no-repeat;
	padding-top: 2px;
	padding-left: 25px;
	margin-bottom: 5px;
	cursor:auto;
	text-decoration:none;
}

/* Looks a lot like .messageMenuItem#current but is needed to prevent strange page display when not logged in
   because cdss by control id cannot be used in Paginas/Bericht/default.aspx */
.messageMenuItemCurrent
{
	margin-top: 10px;
	height: 19px;
	border: 1px solid #a5c94d;
	width: 184px;
	background: #d2e6a9 url(../img/layout/arrow_down.jpg) left no-repeat;
	padding-top: 2px;
	padding-left: 25px;
	margin-bottom: 5px;
	cursor:auto;
	color:#000000;
}

.messageMenuSubItems li
{
	margin: 0px 0px 6px 0px;
}

.messageMenuSubItems li#selected
{
	margin: 0px 0px 6px 0px;
	padding-left: 15px;
	background: url(../img/layout/finch.jpg) left no-repeat;
}

.MessageHolder
{
	padding-left: 0px;
	float:left;
	width:384px;
}

.messageInfoHead
{
	float:left;
	font-style:italic;
	height:32px;
	width:150px;
}

.messageInfoHeadActivate
{
	float:left;
	font-style:italic;
	height:14px;
	width:150px;
}

.messageInfoHolder
{
	width: 390px;
	float:left;
}

.messageImgHolder
{
	float:left;
	padding-left: 2px;
	padding-right: 10px;
	width: 72px;
	height: 72px;
}

.messageTitleHolder
{
	font-weight: bold;
	margin: 8px 0px 5px;
	float:left;
	width: 384px;
}



.messageTitle
{
	float:left;
	width: 384px;
}

.message
{
	float: left;
	margin-bottom: 8px;
	margin-left: 0px;
	width: 384px;
	overflow: hidden;
}

.underMessage
{
	float:left;
	width: 384px;
}

.underMessageItem
{
	float:left;
	padding-right: 20px;
	padding-top: 10px;
}

.underMessageItemActivate
{
	float:left;
	padding-right: 20px;
	padding-top: 9px;
}

.underMessageItemImg
{
	vertical-align: bottom;
	margin-right: 5px;
}

.messageUserLink
{
	font-weight: bold;
	font-style:normal;
	width: 340px;
	float: left;
}

.messageDate
{
	font-style: italic;
}

.messageNew
{
	color: #A5C94D;
	font-weight: bold;
}

.messageNavigation
{
	height: 45px;
	width: 470px;
	margin: 10px 0px 25px;
	float: left;
}

.messagePages
{
	text-align:center;
	padding-top: 14px;
	width: 323px;
	float:left;
}


.listIcon
{
	width:40px;
	height: 40px;
	padding-right: 8px;
	float: left;
}

/* ActionRequests */
.PaddingBottom8
{
	padding-bottom: 8px;	
}

.ActionRequestContent
{
	padding: 8px; 
	background-color: #E7F1CF; 
	margin-left: 9px;
	margin-right: 9px;
	margin-bottom: 9px;
}

.ActionRequestItemContent
{
	float: left;
	padding-bottom: 8px;
	width: 338px;
}

/* Actions */

#filters
{
	width: 396px;	
}
.ActionFilterPre
{
	width: 9px;
	border-bottom: 1px solid #000000;
	float: left;
	height: 23px;	
}

.ActionFilterMid
{
	width: 4px;
	border-bottom: 1px solid #000000;
	float: left;
	height: 23px;
}

.ActionFilterTabActive
{
	padding: 3px 8px 5px 8px;
	float: left;
	border: 1px solid #000000;
	border-bottom: 0px;	
}

.ActionFilterTabInActive
{
	padding: 3px 8px 5px 8px;
	_padding: 3px 8px 4px 8px;
	float: left;
	border: 1px solid #696969;
	border-bottom: 1px solid #000000;
	background-color: #F4F4F4;
	height: 14px;
}

.ActionFilterPost
{
	border-bottom: 1px solid #000000;
	overflow: hidden;	
	height: 23px;
	float:left;
	width:156px;
}

.HyperLinkGray
{
	text-decoration: none;
	font-style: normal;
}

a.HyperLinkGray:hover
{
	text-decoration: underline;
}

a.HyperLinkGray:link, a.HyperLinkGray:visited, a.HyperLinkGray:active
{
	color: #666666;	
}

#actionRequestContent
{
	background-color: #E7F1CF;
	margin: 0px 9px;
}

.ActionNoMessage
{
	text-align: center;
	padding: 10px 10px 10px 10px;
}

#actionRequestTitle
{
	margin: 0px 9px;
}

.smilie
{
	float:left;	
	margin: 2px 0px 2px 0px;
	width: 36px;
	height: 24px;
	text-align: center;
	_width: 35px;	
}

.NoteTextBox
{
	overflow: auto;
	width: 372px;
	height: 50px;
}

.ActionSmilies
{	
	border: solid 1px #DBDBDB;
	width: 144px;
	float: left;
}

.ActionItemTitle
{	
	float: left;
	width: 338px;
}

.ActionItemTitleSmall
{	
	float: left;
	width: 305px;
}

.ActionItemIcon
{
	float: left;
	margin: 1px 5px 1px 1px;
}

.ActionDate
{
	float: left;
	font-size: 10px;
	color: #999999;	
}

.ActionTime
{
	float: left;
	color: #999999;	
	font-size: 10px;
	margin-left: 4px;
	width: 26px;
}

.ActionLine
{	
	border-bottom: 1px dashed #dbdbdb;
	height: 7px;
	overflow: hidden;	
	margin: 0;
	padding: 0;	
}

.ActionLineNoDate
{	
	border-bottom: 1px dashed #dbdbdb;
	overflow: hidden;	
	margin: 0px 0px 1px 0px;
	padding: 0px;
	height: 0px;
}

.ActionLineMargin
{
	padding: 0px 9px;
	margin-bottom: -1px;
	overflow: hidden;	
}

.ActionItemContentMessageImage
{
	float: left;	
	width: 50px;
	text-align:center;
}

.ActionItemPhotoVideo
{
	padding-top: 4px;
	margin-left: 48px;
}

.ActionItemContentMessage
{
	background-color: #F3F3F3;	
	padding: 10px;
	float: left;
	width: 280px;
	min-height: 32px;
	/* dit is een hack */
	height:auto !important;
	height:32px;
	/* dit is een hack */
}

.ActionItemContentMessagePart
{
	float: left;
	width: 25px;
	height: 40px;
	background: url(../img/layout/messageBalloon.gif) no-repeat bottom right;
}

.ActionSideMenuContent
{
	background-color:#f4f4f4;
	border: 1px solid #dbdbdb;
	border-top: 0px;
	float:left;
	padding:10px 9px 10px 9px;
	width:211px;
}

.actionItemClass
{	
	background-color:#ffffff;
	padding: 5px 9px 5px 9px;	
	overflow:hidden;
	width: 452px;
} 

.actionHomeItemClass
{	
	background-color:#ffffff;
	padding: 5px 9px 5px 9px;	
	overflow:hidden;
	width: 378px;
} 

.actionItemClassToday
{
	background-color:#ffffff;
	padding: 5px 9px 0px 9px;	
	overflow:hidden;
	width: 378px;
}

.NegMarginTop5
{
	margin-top: -5px;
}

.ActionItemQuote
{
	font-weight:bold;
	color: #afc259;
}

.liMessageCollapse
{
	overflow:hidden;
}

.ActionPhotoPadding
{
	padding: 0px 5px 0px 5px;
}

#ActionMessageActions
{
	display: block;
	padding: 0px 9px 0px 9px;
}

.ActionItemHyperlinkImage
{
	float: left;
	width: 64px;
	text-align: center;
}

.ActionItemHyperLinkContent
{
	float: left;
	padding: 0px 0px 0px 11px;
}

.HyperLinkBlack
{
	text-decoration: none;
	font-style: normal;
	font-weight: bolder;
}

a.HyperLinkBlack:link, a.HyperLinkBlack:visited, a.HyperLinkBlack:active
{
	color: #000000;	
}

a.HyperLinkBlack:hover
{
	text-decoration: underline;
}

/* Links */
.LinkImgHolder
{
	float:left;
	padding-left: 2px;
	padding-right: 10px;
	width: 150px;
	height: 112px;
}

.hyperlink
{
	float: left;
	margin-bottom: 8px;
	margin-left: 0px;
	width: 300px;
	overflow: hidden;
}

.linkUserLink
{
	font-weight: normal;
	font-style:normal;
	width: 300px;
	float: left;
}
.linkHeight
{
	min-height:100px;
	/* dit is een hack */
	height:auto !important;
	height:100px;
	/* dit is een hack */
}

#linklist
{
	margin: 9px 0px 9px 0px;
}

.LinkLeftForm
{
	width: 100px;
	float: left;
	font-weight: bold;
}

.LinkLeftFormCat
{
	width: 100px;
	float: left;
	font-weight: bold;
	_width: 103px;
}

#linkEditButtons
{
	margin: 9px 100px 9px 0px;
}

.linkText
{
	float: left;
	margin-bottom: 8px;
	margin-left: 0px;
	width: 300px;
	overflow: hidden;
}

.noLinksClass
{
	clear: both;
	float: left;
}

/* blog */

.BlogEditLine
{
	margin-top: 4px;
	margin-bottom: 28px;	
}

#blogImages
{
	margin-top: 4px;
}

.blogButton
{
	vertical-align: bottom;
	margin-right:4px;	
}

/* Reactions */
#ReactionAction
{
	width: 470px;
	margin-top: 4px;
}

#ReactionButton
{
	margin-top: 4px;
}

.ReactionItemContentMessage
{
	overflow: hidden;
	background-color: #F3F3F3;	
	padding: 12px 12px 4px 12px;
	min-height: 45px;
	float: left;
	width: 348px;	
}

.ActionItemText
{
	padding: 6px 0px 0px 10px;	
}

.RemoveObject
{
	float:right;	
	text-decoration: none;
	font-style: normal;
	font-weight: bolder;
	line-height: 12px;
	height:12px;	
}

.RemoveObjectDiv
{
	float:right;	
	text-decoration: none;
	font-style: normal;
	font-weight: bolder;
	line-height: 12px;
	height:12px;	
	width: 12px;
}

a.RemoveObject:link, a.RemoveObject:visited, a.RemoveObject:active, a.RemoveObject:hover
{
	color: #999999;	
}

.ReactionContentDate
{
	float: right;
	color: #999999;	
	font-size: 10px;
	clear: left;
}

.ReactionTxtBox
{
	width: 465px;
	_width: 463px;		
}

#pictures 
{	
	clear:left;
	margin:10px 0 0px 50px;
	overflow:hidden;
	position:relative;
	width:370px;
}

#blogphotos
{
	height: 140px;
	width: 470px;
}

#photos 
{	
	float:left;
	height:124px;
	margin:10px 0px 0px 24px;
	overflow:hidden;
	position:relative;
	width: 372px;
	_margin:10px 10px 0px 16px;
}

#pictures ul
{
	width: 10000px;
}

#photos ul
{
	width: 10000px;
}

ul.elements li {
	
	font-weight:bolder;
	padding:0px;
	position:relative;
	text-align:center;
	width:372px;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
}


ul#photolist li {
	
	font-weight:bolder;
	height:124px;
	padding:0px;
	position:relative;
	text-align:center;
	width:124px;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
}

#navigation li 
{
	float:left;	
}

#navigation
{
	float: left;
	text-align: center;
	width: 360px;
	padding-top: 14px;
}

.AlbumThumbBlog
{
	height: 124px;
	float: left;
	width: 124px;	
}

#PrevPicButton
{
	float: left;
	margin-top: 60px;
	cursor: pointer;
}

#NextPicButton
{
	float: right;
	margin-top: 60px;	
	cursor: pointer;
}

#errorBlogmessage
{
	height:72px;
	margin-top:14px;
}

#linkCategory
{
	float: left; 
	width: 206px;
}

#linkCategorySwitch
{
	float: left;
	padding-top: 2px;	
}

.LayoverBlogImage
{
	color:white;
	font-size:12px;
	left:0px;
	width: 100%;
	height: 124px;
	position:absolute;
}

.menuPhoto
{
	margin-top: 10px;
	text-align: center;	
}

.boxesRightCol
{
	width: 314px;
	float: right;
}

.hoverFixOuter
{
	z-index:-1;
	position:absolute;
}

.hoverFixInnerHome
{
	overflow:hidden;
	position:absolute;
	width:388px;
	height:100%;
}

.hoverFixInner
{
	overflow:hidden;
	position:absolute;
	width:452px;
	height:100%;
}

.charsLeftClass
{
	font-family: Trebuchet MS;
	font-size: 17px;
}

.charsLeftClassError
{
	font-family: Trebuchet MS;
	font-size: 17px;
	color:Red;
}


/* confirm dialog*/
/* Overlay */
#confirmModalOverlay {background-color:#000; cursor:default;}

/* Container */
#confirmModalContainer {width:350px; font-family:Arial; font-size:12px; text-align:left; background:#fff; border:10px solid #a3c749;}
#confirmModalContainer .header {height:30px; margin-top:8px; width:100%; color:#000; font-size:16px; font-weight:bold;}
#confirmModalContainer .header span {padding-left:8px; }
#confirmModalContainer .message {color:#333; width:330px; text-align:center; margin:0; padding:12px 4px; font-size:12px;}
#confirmModalContainer .buttons {width:160px; height:30px; float:right; padding:10px 8px 0;} 
#confirmModalContainer .buttons div {float:right; margin-left:8px; width:52px; height:20px; color:#000000; font-weight:bold; font-size:16px; text-align:center; background:url(../img/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirmModalContainer a.modalCloseX,
#confirmModalContainer a.modalCloseX:link,
#confirmModalContainer a.modalCloseX:active,
#confirmModalContainer a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.1em; position:absolute; top:8px; left:330px; color:#000;}
#confirmModalContainer a.modalCloseX:hover {color:#a3c749;}
/* confirm dialog*/

	
/* Actie */
.Action label{float:left;}
.Action div{float:left;}
.Action a.FamilyLink{color:#000; text-decoration:none; font-family:Trebuchet MS; font-size:17px; padding-bottom:5px; overflow:hidden;}
.Action .MostViewedHolder ul li.showLiBig{width:480px;}
.Action .Position{float:left; font-size:30px; line-height:28px; padding-right:8px;}
.Action .nrOfVotes{float:none; padding-bottom:5px;}
.Action .ActionTitle.Upload{font-size:26px; line-height:50px;}
.Action .ActionTitle{font-family:Trebuchet MS; color:#a5c84a; font-size:36px; padding-bottom:27px;}
.Action .ActionTitle img{float:left;padding-left:12px;padding-right:12px;}
.Action .ActionTitle .RightLabel{float:right;}
.Action .ActionTitle label{height:53px; _font-size:36px;}
.Action .LeftTop{height:380px; width:452px; float:left;}
.Action .LeftTop .FamousFamilyVideo{float:left;}
.Action .LeftTop{height:300px; width:451px; float:left;}
.Action .RightTop{height:305px; width:459px; float:left; margin-left:20px;}
.Action .LeftTop label, .Action .RightTop .Title, .UploadForm .RightTop .Title{font-family:Trebuchet MS; font-size:17px; font-weight:bold; padding-bottom:5px;}
.Action .RightTop ul, .UploadForm .RightTop ul{float:left; clear:both;  padding-left:18px;padding-top:14px;}
.Action .RightTop ul li, .UploadForm .RightTop ul li{font-size:15px; width:430px; font-weight:bold; float:left; background:transparent url(../img/layout/actie/checkmark.gif) no-repeat; padding-left:20px; padding-top:2px;}
.Action .RightTop ul label, .UploadForm .RightTop ul label{font-size:15px; font-weight:bold;}
.Action .RightTop ul .Small, .UploadForm .RightTop ul .Small,.Action a.FamilyLink .Small,.Action .Small{font-size:10px; padding-top:3px;}
.Action .VideoTitle{overflow:hidden;  line-height:14px; padding:0 0 8px;}
.Action .VideoTitle a .Small{padding:0; font-size:10px; color:#0066CC; float:left; cursor:pointer;}
.Action .RightTop a{height:55px; width:340px; cursor:pointer;  margin-left:50px; margin-top:30px; float:left;}
.Action .MostViewedTitleHolder{float:left; padding-bottom:13px; padding-top:20px;}
.Action .MostViewedTitleHolder .MostViewedTitle{font-family:Trebuchet MS; color:#a5c84a; font-size:26px;}
.Action .MostViewedTitleHolder .ViewAll{font-size:26px;}
.Action .MostViewedTitleHolder .ViewAll a{color:#0066CC; text-decoration:none;}
.Action .MostViewedTitleHolder .ViewAll a:hover{text-decoration:underline;}
.Action .MostViewedHolder{float:left; width:100%;}
.Action .MostViewedHolder ul{float:left; width:100%;}
.Action .MostViewedHolder ul li{float:left; width:297px; margin-bottom:20px;}
.Action .MostViewedHolder ul li label{font-size:16px; padding-bottom:4px; float:none;}
.Action .MostViewedHolder ul .Separator{width:27px; height:95%; padding-top:23px;}
.Action .MostViewedHolder ul .Separator .Left{width:12px; height:350px; border-right:solid 1px #999999; float:left;}
.Action .MostViewedHolder ul li .Votes{width:185px; height:42px; font-weight:bold;}
.Action .MostViewedHolder ul li .Votes span{font-size:12px;}
.Action .MostViewedHolder ul li .Votes span.alreadyVoted{font-weight:normal;}
.Action .MostViewedHolder ul li .VoteFor{padding:4px 5px 2px 25px; background: transparent url(../img/layout/buttonAccept.jpg) no-repeat;}
.Action .MostViewedHolder ul li .VoteAgainst{padding-left:25px; padding-right:5px; background: transparent url(../img/layout/buttonDecline.jpg) no-repeat;}
.Action .MostViewedHolder ul li a.ActieVoteText{font-size:13px; font-weight: normal; text-decoration:none; color:#000;}
.Action .MostViewedHolder ul li .VoteFor a, .Action .MostViewedHolder ul li .VoteAgainst a{float:left; height:20px; cursor:pointer; padding-right:10px; padding-left:22px;}
.Action .MostViewedHolder ul li .ButtonHolder{width:270px; float:right; padding-top:5px;}
.Action .MostViewedHolder ul li .ButtonHolder label{font-size:14px; font-weight:bold; padding-top:4px;}
.Action .MostViewedHolder ul li .ButtonHolder a{float:right;width:169px;height:32px; cursor:pointer;}
.Action .Title{height:23px; overflow:hidden; width:295px;}
.Action.SingleVideo{width:500px; margin:0 auto;}

.actieButton{padding: 0 5px;}

.UploadForm label{float:left;}
.UploadForm .LeftTop{margin-bottom:20px; height:auto; width:398px; margin-right:35px; border:solid 1px #999999; float:left; padding-top:12px; font-size:11px; padding-left:10px; padding-bottom:12px;}
.UploadForm .RightTop{float:left; width:450px;}
.UploadForm .LeftTop .formLineHolder .formSubject{width:100px; font-weight:normal;}
.UploadForm .UploadInput{float:left; width:100%;}
.UploadForm .Submit{clear:both; float:right; margin-right:20px; margin-top:20px; cursor:pointer;}
.UploadForm .UploadInput .Terms{float:left; margin-left:6px;}
.UploadForm .UploadInput .ShowConditions{float:left;}
.UploadForm .UploadInput .TermsAndConditionsHolder{float:left; padding-left:8px; width:390px;}
.UploadForm .UploadInput .TermsAndConditionsHolder label{margin-left:4px;}
.UploadForm input[type="checkbox"]{border:0px;}
.UploadForm .ErrorBoxHolder{width:490px;}
.UploadForm .Box.ErrorBox{float:left; width:450px;}
.UploadForm .LoadingBarHolder{width:220px; height:auto; float:left; padding-left:87px; padding-top:8px; font-size:10px; text-align:center;}
.UploadForm .LoadingBarHolder .VideoUploading{float:left;}
.UploadForm input[type="image"]{border:0px; float:right;}
.UploadForm input[type="text"]{width:280px;}
.UploadForm .formLineHolder{width:390px;}
.UploadForm .formLineHolder .formInput{width:285px;}
.UploadForm .formLineHolder .formInput .button{border:0px; float:right;}

.ActiePop li{margin-bottom:3px;}
.ActiePop label
{
	float:left;
	height:25px;
	width:100px;
}

.ActieContent{width:510px;}
.actieImg{float:left;}
.actieText{float:left; width:380px; padding-top: 30px; padding-left:10px; height: 70px;}
ul.actieUl li{clear:both;}

.Action .DefaultForm label
{
	height:25px;
	padding-right:5px;
	text-align:right;
	width:150px;
}
.Action .DefaultForm .button{padding:0 5px; margin-top:5px;}

#jQueryErrorBox{margin-top:10px;}

/* END Actie*/

/* SHOP */
.ShopBox{ background-color:#ffffcb; padding-top:3px; padding-bottom:0;}
.Article{float:left; margin-bottom:10px;}
.ArticleImg{ 
	background:transparent url(../Img/layout/Voordeel/imgBg.jpg) no-repeat 0px center;
	height:75px;
	padding:5px;
	width:80px;
	float:left;
}
.ArticleInfo{float:left; width:244px;}
.ArticleTitle{font-size:14px; font-weight:bold; float:left; width:100%; margin-bottom:5px;}
.ArticleDesc{width:100%; float:left; margin-bottom:5px; height:45px;  overflow:hidden;}
.ArtPrices{float:left; width:145px;}
.ArtOrder{float:right; padding-top:8px;}
.ArtFBPrice{float:left; font-size:14px; font-weight:bold; width:100%;}
.ArtPrice{float:left; width:100%;}

/* END SHOP */
