body{
background:url('/images/background.jpg') repeat-x;
background-color:#92501e;
font-family: Georgia,"Comic Sans MS";
font-size:12px;
line-height:15px;
color:#000;
margin:0px;
}

/* -Skeleton Structure------------------------------------
het container element word centraal uitgelijnd */
#container{
width:1000px;
margin-left:auto;
margin-right:auto;
padding:10px 10px 10px 10px;
background:url('/images/container.png') repeat-y;
}

#profile, #register, #theme{
width:980px;
padding-top:0px;
background-position:10px 10px;
background-color:#fff;
}


#loggedinBannerContainer{
	height:150px;
	padding-left:145px;
	padding-right:0px;
	margin-bottom:10px;
}
#loggedinBannerContainer #banner{
	float:left;
	margin:10px 10px 0px 0px;
}
#loggedinBannerContainer #eventpollcontainer{
	float:left;
	width:263px;
	height:150px;
	margin:10px 10px 0px 0px;
	padding:5px 5px 5px 55px;
	background:url(/images/design/eventpollbg.jpg) no-repeat;
}
#loggedinBannerContainer #eventpollcontainer #poll form#pollform, #loggedinBannerContainer #eventpollcontainer #poll{
	padding:0px;
	margin:0px;
	}
#loggedinBannerContainer #eventpollcontainer #poll .imagesubmit{
	margin-top:-10px;
	*margin-top:-25px;
}
#loggedinBannerContainer #eventpollcontainer #poll .votebtn{
	margin-top:-8px;
	*margin-top:-12px;
}
#loggedinBannerContainer #eventpollcontainer #poll #optie{
	color:#000;
	font-weight:normal;
	width:170px;
	float:left;
	}
#loggedinBannerContainer #eventpollcontainer #poll #rel{
	float:right;
	text-align:right;
	font-weight:normal;
	*margin-top:-10px;
}
#loggedinBannerContainer #eventpollcontainer #poll .scorebar{
width:40px;
height:8px;
border:1px solid #b7b7b7;
font-size:0px;
line-height:0px;
background-color:#FFF;
padding:1px;
float:left;
}
#loggedinBannerContainer #eventpollcontainer #poll .scorebar .votes{
height:8px;
font-size:0px;
line-height:0px;
background-color:#770047;
}
#loggedinBannerContainer #eventpollcontainer .radio{
	width:15px;
	border:0px;
	margin-left:-3px;
	*margin-left:-6px;
	margin-right:3px;
	*margin-right:0px;
	background:none;
float:left;
	}
#loggedinBannerContainer #eventpollcontainer #searchform label{
width:50px;
float:left;
}
#loggedinBannerContainer #eventpollcontainer .imagesubmit{
	margin:0px;
	padding:0px;
}
#loggedinBannerContainer #eventpollcontainer b{
	font-size:20px;
	line-height:20px;
	font-weight:normal;
}
#loginContainer{
	height:160px;
	padding-left:550px;
	padding-right:0px;
}

#loginContainer label, #loginContainer form, #loginContainer .error{
	padding:0px;
	margin:0px;
	font-weight:normal;
}

#loginContainer #loginFloatLeft{
    float: left;
    width:230px;
}

#loginContainer #loginFloatRight{
    float:right;
}

#loginContainer label{
    width: 73px;
    font-size: 14px;
    padding-top: 5px;
}

#socialicons{
    float:right;
    margin:30px 30px 0px 0px;
}

#header{
padding:0px;
margin:0px auto;
width:1000px;
height:56px;
}
#header.printheader{
display:none;
}
#small_menu{
padding:0px;
margin:9px auto 0px auto;
width:1000px;
height:20px;

}
#small_menu img{
    float:right;
    margin-right:20px;
}
#footerlinks{
padding:0px;
margin:20px auto;
width:1000px;
height:73px;
color:#FFF;
text-align:center;
}

#footerlinks a{
color:#FFF;
}

#generalPages{
padding:0px;
margin:0px auto;
width:1000px;
height:15px;
text-align:right;
}

#navigation{
float:left;
width:140px;
background:white;
margin-top:160px;
margin-right:10px;
margin-left:-10px;
border:1px solid #ddd;
}

#content{
float:left;
width:815px;
MARGIN-TOP:0PX;
}

#left{
/* float:left will give problems in IE. The left-div shows the background of the body, not of middle wich is the parent */
float:left;
width:475px;
}

#right{
float:left;
width:300px;
}

#top{
height:20px;
background:url('/images/contentTop.png') no-repeat;
}

#middle{
background:url('/images/contentMiddle.png') repeat-y;
padding-left:26px;
padding-top:10px;
margin:0px;
}

#bottom{
height:20px;
background:url('/images/contentBottom.png') no-repeat;
}

#founding_partners{
	width:960px;
	height:229px;
	cursor:pointer;
}

/* -Navigation-------------------------------
de top navigatie bestaande uit thema links */
#topNavigation{
display:block;
margin-left:10px;
}

/* de utility links zoals 'sign out' en 'help' */
#utilityNavigation{

}

/* heading */
#middle h1{
font-size:28px;
margin:0px;
margin-bottom: 3px;
line-height:24px;
font-weight: 200;
}
#middle h1.presentation{
 width:100px;
 float:left;
}
#middle .syncimg{
    float:right;
}
#middle #left h2{
font-size:22px;
margin-top:17px;
line-height:20px;
margin-bottom:0px;
clear:both;
font-weight: 200;
}

#middle #right h2{
font-size:22px;
padding-top:10px;
line-height:20px;
margin:0px;
color:#000;
clear:both;
font-weight: 200;
}
#loginContainer h2{
font-size:22px;
padding-top:0px;
line-height:20px;
margin:10px 0px;
color:#000;
clear:both;
font-weight: 200;
}
#loginContainer input.textfield{
	margin-bottom:5px;
	width:250px;
    height: 20px;
}
#loginContainer p.error{
	margin:0px;
	}
#loginContainer p{
	margin:0px;
}
#middle h3{
font-size:16px;
margin-top:0px;
color:#000;
margin:0px;
clear:both;
}

#form h2{
color: #000;
padding-top:0px;
width:438px;
margin-bottom:10px;
margin-top:10px;
}

/* loginpage is different from rest */
#loginleft{
/* float:left will give problems in IE. The left-div shows the background of the body, not of middle wich is the parent */
/*float:left;*/
width:475px;
float:left;
}
#loginright{
float:left;
width:280px;
text-align:right;
padding:5px 0px;
}
#loginprofile{
width:980px;
padding-top:160px;
background:url('/images/Leap_pb_homepage.jpg') no-repeat;
background-position:10px 10px;
background-color:#f8f2f5;
height:500px;
}

/* anchors */

a{
color:#770047;
text-decoration:none;
}

a:hover{
color:#ba7ea4;
text-decoration:underline;
}

.breadcrumbs{
	color:#770047;
	padding:0px;
	margin:0px;
}
.breadcrumbs a{
color:#770047;
text-decoration:none;
}
.breadcrumbs a:hover{
color:#ba7ea4;
text-decoration:underline;
}
#sections ul li a{
color:#770047;
text-decoration:none;
}

#sections ul li a:hover{
color:#ba7ea4;
text-decoration:underline;
}

.subSidebar ul li a,
.groupText a{
display:block;
color:#770047;
text-decoration:none;
margin: 0px;
}

.subSidebar ul li a:hover,
.groupText a:hover{
display:block;
color:#ba7ea4;
text-decoration:underline;
margin: 0px;
}
.subSidebar .cAEventLink,
.subSidebar .cAEventLink:hover {
    display: inline;
}
.subSidebar ul li p a{
display:inline;
color:#770047;
text-decoration:none;
margin: 0px;
}

.subSidebar .groupText{
	margin-bottom:6px;
}

.subSidebar ul li p a:hover{
display:inline;
color:#ba7ea4;
text-decoration:underline;
margin: 0px;
}


.mainArticleActions a{
float:left;
display:block;
margin-right:10px;
color:#770047;
}

.mainArticleActions iframe, .mainArticleActions .IN-widget{
    float: left;
    display:inline-block;
}

.mainArticleActions .IN-widget{
    margin-right: 15px;
}

.mainArticleActions #sendAfriend{
    float: right;
}

.mainArticleActions a:hover{
float:left;
display:block;
margin-right:10px;
color:#ba7ea4;
}
.tagString{
    margin-top:10px;
    display:block;
    color:#6A6A6A;
}
.checkTerms a{
color:#770047;
text-decoration:underline;
}

.checkTerms a:hover{
color:#ba7ea4;
text-decoration:underline;
}

/* -Structure------------------------------------
overlay */
#mask {
background:black;
}

#manage{
width:100px;
padding:10px;
background:#fff;
}
#manageVisitor{
width:134px;
height:475px;
margin-left:5px;
background:none;
}

#sections{
height:510px;
float:right;
}

#item{
display:none;
width:627px;
border-right:1px solid #ddd;
}
#manageAnonymous{
width:130px;
background:white;
padding:10px;
}
#manageAnonymous h1{
font-size:20px;
line-height: 21px;
margin:0px;
padding:0px;
}
#manage h2{
margin-left:20px;
}

/* -Profile Markup & Structure ---------------
belonging to the personal section navigation*/
#personal{
width:100px;
margin-top:0px;
margin-left:0px;
}

#personal img, #personal p{
float:left;
}

#personal img.thumb{
width:50px;
border:1px solid #ddd;
}

#personal p{
margin-top:0px;
padding-left:0px;
width:120px;
text-align:right;
}

#personal p.welcome{
	width:120px;
padding:0px 20px 0px 0px;
margin:0px;
color:#000;
font-size:12px;
text-align:right;
}
#personal p.welcome img{
	margin-right:10px;
	float:left;
	}


#personal p.name{
padding:0px;
margin:10px 0px;
padding-left:10px;
color:#000;
text-align:right;
}
#personal p a{
}
#personal .unreadMessages{
clear:both;
float:right;
text-align:right;
margin-right:-20px;
display:block;
width:120px;
}
#personal .editAndView{
clear:both;
float:right;
text-align:right;
margin-right:-20px;
display:block;
width:120px;
}

#personal li{
clear:both;
padding:4px 0px 4px 0px;
margin:0px 0px 0px 0px;
}
#personal .manageVisitor{
color:#c0c0c0;
}
#personal li a img{
border:0px;
margin:-3px 10px -3px 0px;
}

#personal div p{
clear:both;
padding:0px;
width:80px;
color:black;
margin-top:10px;
}

#generalPhoto img{
float:left;
width:115px;
margin-right:10px;
margin-bottom:10px;
}

.personalfield{
width:224px;
padding-left:2px;
}

.multipleaddress{
clear:both;
disply:block;
}

.personalselect{
width:229px;
padding-left:2px;
}

#generalBusiness{
float:left;
width:200px;
}

#generalBusiness input{
width:160px;
float:right;
margin-right:-33px;
}

.quote, .summary{
height:50px;
width:300px;
}

.faqLink{
text-decoration:underline;
color: black;
padding: 0px 0px 0px 28px;
}

/* extra */
#generalBusiness label{
width:40px;
}

/* list */
#sections ul{
list-style-type:none;
}

#sections ul li{
border-bottom:1px solid #ddd;
width:120px;
}

ul{
	margin:0px;
margin-bottom:5px;
list-style-position:outside;
}

/* form */
#form{
padding:0px;
margin: 0px;
}

#form p{
width:438px;
}

label{
float:left;
width:200px;
}

#composeRecipients label{
width:100px;
}

input, select{
border:1px solid #ddd;
margin-bottom:-5px;
}

select{
width:210px;
font-family:sans-serif, Helvetica, Arial;
font-size:12px;
}

.textfield{
width:205px;
padding-left:2px;
font-family:sans-serif, Helvetica, Arial;
font-size:12px;
}

textarea{
border:1px solid #ddd;
font-family:sans-serif, Helvetica, Arial;
font-size:12px;
padding:2px;
}

#middle textarea{
	width:436px;
}

#composeMessage textarea{
	width:304px;
}

#generalBusiness textarea{
	width:298px;
}
#generalSummary{
margin-top:20px;
}
#generalSummary textarea{
	width:224px;
    padding-left:2px;
    height:100px;
}

#middle .editProfileItems textarea{
width:403px;
}

.error{
color:red;
font-weight:bold;
margin-top:10px;
margin-bottom:0px;
}
#xhr .error{
color:red;
font-weight:bold;
margin-top:10px;
margin-bottom:0px;
}
.multiTwo{
width:100px;
margin-right:10px;
}


.multiTwoTo{
width:95px;
margin-right:10px;
}

.multiTwoToText{
	height:15px;
	margin-right:5px;
	margin-left:-5px;
}

.submit{
border:0px;
margin-top:0px;
margin-bottom:20px;
}

.tooltip{
display:none;
float:left;
width:300px;
height:75px;
margin-left:5px;
margin-top:-30px;
margin-bottom:-35px;
background:url('/registration/images/design/toolTip.jpg') no-repeat;
}

.tooltip p{
margin-top:0px;
margin-left:30px;
padding:5px;
}

input[type=checkbox]{
border:0px solid black;
}

.break{
margin-bottom:20px;
width:300px;
}
.editPhotoInfo{
margin-bottom:5px;
width:300px;
}
/* Submenu's-----------------
*/
.qtip{
	margin-top:35px;
	text-align:left;
}
.qtip .qtip-content{
	border:0px;
margin:3px 0px;
text-align:left;
   overflow: hidden;
}

.qtip .qtip-content .qtip-title,
.qtip-cream .qtip-content .qtip-title{
   background-color: #ffffff;
}

.qtip-light .qtip-content .qtip-title{
   background-color: #ffffff;
}
.qtip-light a{
   color: #770047;
   display:block;
   background-color:#f8f2f5;
   padding:5px;
   margin-bottom:2px;
}
.qtip-light a:hover{
color:#ba7ea4;
}
/* edit profile ------------------------
 experience, education, additional and recommendations */
.removeItem, .addEducation{
float:right;
margin-right:20px;
margin-top:10px;
}

.addItem{
float:right;
margin-right:20px;
}

#itemNav{
margin:0px;
width:438px;
}

#itemNav a{
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #f8f2f6;
margin-right:4px;
text-align:center;
font-size:12px;
font-weight:bold;
padding-bottom:2px;
padding:5px 0px 0px 5px;
background-color:#f8f2f6;
width:70px;
display:block;
float:left;
height:19px;
}

#itemNav a.active{
background-color:white;
border-bottom:1px solid #FFF;
}

.editProfileItems{
margin-bottom:0px;
border:1px solid #ddd;
border-bottom:0px solid white;
width:428px;
padding-left:10px;
margin-bottom:10px;
}

.addAnother{
border:1px solid #ddd;
border-top:0px solid white;
width:428px;
padding-left:10px;
margin-bottom:10px;
margin-top:-10px;
}

.businessCardInput{
display:none;
margin:0px;
}

.returningProfileItems{
display:none;
}

#editSections{
list-style: none;
margin: 0px;
padding: 0px;
}

#editSections .head{
font-size:16px;
}

#editSections ul li a{
font-size:12px;
}

.recommendation div{
float:left;
width:100px;
padding:20px;
}

.defineMentorShip{
display:block;
clear:both;
}

/* account */
#form #businessCard, #form #publicProfile, .recommendation{
border:1px solid #ddd;
margin-top:10px;
margin-bottom:10px;
clear:both;
}

#businessCard img.photo, #publicProfile img.photo{
float:left;
width:100px;
margin:10px;
cursor:pointer;
}

#businessCardList{
float:left;
width:200px;
}

ul.privacyPublicProfile li{
cursor:pointer;
}
#businessCard, #publicProfile{
width:438px;
}

.editDescription{
margin-bottom:-20px;
}

.matchingPrivacy{
width:225px;
}
.generalData{
width:438px;
}
/* General Markup ----------------
these classes return on different pages and on different/multiple positions*/
#mainArticle{
width:438px;
margin-top: 6px;
border-bottom:1px solid #ddd;
padding-bottom:10px;

}
.articleImage{
    margin:0px 10px 10px 0px;
}
.articleTagString{
    margin:0px 0px 10px 0px;
    color:#6A6A6A;
}
#loadResults{
	width:438px;
	border:1px solid transparent;
	}
#searchresults{
width:438px;
margin-top: 6px;
}
#mainArticle p{
margin-bottom:10px;
}
#mainArticle p img{
margin-bottom:10px;
}

#mainArticle li{
list-style-position:outside;
margin-left:20px;
}
#mainArticle ol{
padding:0px;
list-style-position:outside;
margin:0px;
}
#mainArticle ol li{
padding:0px;
list-style-position:outside;
margin-left:20px;
}
.subArticle{
float:left;
width:438px;
border-bottom:1px solid #ddd;
}

.mainContentImage{
float:left;
width:209px;
margin-top:0px;
margin-bottom:10px;
}
.mainItemImageLeft img{
    margin:0px 20px 15px 0px;
}
.mainItemTextRight{
    width:208px;
    float:left;
    margin:0px;
}
.greyText{
float:left;
color:#6a6a6a;
margin:0px;
margin-bottom:10px;
padding:0px;
}

.purpleText{
float:left;
color:#6a6a6a;
margin:0px;
padding:0px;
}

.blackText{
float:left;
margin-bottom:0px;
}

.mediumImage{
margin-right:5px;
float:left;
width:130px;
}

.bookmarkIcon{
margin:0px;
padding:0px;
margin-top:-5px;
}

.iconImage{
float:left;
width:12px;
margin: 4px 0px 0px 5px;
padding:0px;
border:0px;
}

.floatRight{
margin-top:5px;
float:right;
margin-right:5px;
text-align:right;
}

.imageURL{
border:0px;
padding-bottom:0px;
}

.subSidebar .groupText{
width:135px;
margin-right:10px;
float:left;
clear:right;
font-size:12px;
font-weight:200;
}

.groupMembers{
float:left;
font-size:12px;
color:#6a6a6a;
}
.groupMembers img{
	margin-left:-2px;
}

/* Comment markup
these classes belong to the comments div*/
.commentContainer{
width:438px;
margin:0px;
}

.subComment{
border-bottom:1px solid #ddd;
}

.commentContainer h2{
color:#000;
}

.subComment2{
background-color:#f8f2f5;
border-bottom:1px solid #ddd;
}

.subComment p, .subComment2 p{
margin:0px;
}

.subComment .commentAvatar, .subComment2 .commentAvatar{
clear:left;
float:left;
padding:10px;
width:50px;
}

.subComment .commentText, .subComment2 .commentText{
float:left;
width:350px;
clear:right;
padding-top:10px;
margin-bottom: 10px;
}

.commentName a{
color:#770047;
}

.commentDate{
color:#6a6a6a;
padding-bottom:5px;
}

.commentTools{
float:right;
cursor:pointer;
}

.commentContainer form {
width:438px;
margin-bottom:10px;
}

.commentContainer label{
    width: 100px;
}

.commentContainer .text {
    margin-bottom: 10px;
    width: 330px;
    height: 18px;
}
.commentContainer .textCaptcha {
    margin-bottom: 10px;
    width: 438px;
    height: 18px;
}
.commentContainer textarea {
width:438px;
height:100px;
*margin-top:-10px;
}
.submitComment{
float: right;
border:0px;
margin-right:-2px;
margin-top:10px;
margin-bottom:15px;
}
.submitRight{
float:right;
width:62px;
height:24px;
border:0px;
margin-right:-2px;
margin-top:5px;
margin-bottom:15px;
background:url("/images/design/submit_button.gif");
}
.reportAbuse{
width:400px;
}

/* Sidebar Markup ----------------
these classes return on different pages within the sidebar*/
.aboutAuthor{
float:left;
width:220px;
padding-right:10px;
}
.sidebar{
width:290px;
}
.subSidebar h2, .subSidebarLast h2{
padding-bottom: 10px;
}
.subSidebar ul, .subSidebarLast ul{
margin-top:5px 0px 0px 0px;
padding-left:15px;
list-style-image: url("/images/design/arrow_new.png");
}
.subSidebar ul li.visible{
display:list-item;
}
.subSidebar ul li.invisible{
display:none;
}
.subSidebar{
float:left;
width:290px;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #ddd;
}
.subSidebar p{
margin:0px;
float:left;
display:block;
}
.subSidebar_half{
float:left;
width:143px;
margin-top:10px;
margin-bottom:0px;
border:1px solid #f00;
}
.subSidebar .smallImage{
margin-right:5px;
margin-bottom:10px;
float:left;
width:50px;
}
.morePages{
display:block;
float:right;
margin-top:0px;
margin-right:10px;
margin-bottom:5px;
color:#000;
}
.morePages b{
color:#000;
}
/* SIDEBAR->HOME.phtml sidebar Role models markup -------------------
SIDEBAR->HOME.phtml sidebar Join LEAP markup */
.rolemodels{
width: 280px;
margin-left:10px;
}
.subRolemodelsPics{
width: 260px;
margin-top:10px;
border: 1px solid #ddd;
padding:10px;
}
.subRolemodelsText{
width: 260px;
margin-top:0px;
margin-bottom:10px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 10px;
padding-bottom:0px;
}
.subRolemodelsQuote{
color:#966c38;
text-align:right;
width:250px;
float:right;
clear:left;
font-size:14px;
font-weight:500;
padding-bottom:0px;
margin-bottom:10px;
}

.joinLeap{
width: 290px;
height: 30px;
float:left;
background-color:#770047;
margin-top: 10px;
margin-bottom: 0px;
}

.joinLeap p{
font-size:18px;
float:left;
color:#fff;
margin:7px;
font-weigth:500;
}

.regForm{
margin-bottom:10px;
}

.regForm p{
float:left;
width:85px;
margin-top:15px;
}

.regForm input{
width:200px;
margin-top:15px;
clear:right;
height:14px;
}

.sidebarButton{
	text-align:right;
}

.newsletterForm{
padding-top:5px;
padding-bottom:5px;
}

.newsletterForm p{
float:left;
}

.newsletterResponse{
font-size:12px;
color:Red;/*#770047;*/
}

.pollTitle{
padding-top:5px;
padding-bottom:5px;
}

.pollItem{
padding-bottom:5px;
}
#score{
font-weight:bold;
color:#770047;
line-height:11px;
margin:2px 0px;
}
#score .scorebar{
width:180px;
height:8px;
border:1px solid #b7b7b7;
font-size:0px;
line-height:0px;
background-color:#FFF;
padding:1px;
float:left;
}
#score .scorebar .votes{
height:8px;
font-size:0px;
line-height:0px;
background-color:#770047;
}
.responseButton{
float:right;
}

input.check{
width:15px;
height:15px;
margin:1px;
border:0px;
}

.noBorder{
float:left;
border:0px;
}
.checkTerms{
float:left;
color:#6a6a6a;
margin:0px;
padding-left:6px;
padding-top:3px;
}
.submitReg{
float:right;
width:76px;
height:24px;
border:0px;
margin-right:-2px;
margin-top:15px;
margin-bottom:0px;
background:url("/images/design/joinnow_btn.gif");
}
.purpleBig{
font-size:18px;
color:#770047;
margin-bottom:0px;
width:235px;
}

/* -[Register] Markup -------------
belonging to the [Register] page
	register.phtml				 */
.birth{
width:68px;
margin-right:8px;
}

.reference{
width:103px;
}

.referenceFields{
display:none;
}

/* -Home/myLeap Markup -------------
belonging to the Home page (((myLeap)))*/
.mainHomeImage{
float:left;
width:200px;
margin-right:10px;
margin-bottom:10px;
}
#mainArticle .homeContent p{
width: 230px;
float:left;
margin-top: 0px;
padding-top: 0px;
}
#mainArticle .homeImage, #mainArticle .homeText{
display:block;
float:left;
width:185px;
margin-right:10px;
margin-top:10px;
}
.subArticle{
padding-bottom:10px;
}
.subArticle #calender{
margin-top:20px;
width: 438px;
height: 30px;
float:left;
background-color:#770047;
margin-bottom: 10px;
}
.subArticle #calender p{
font-size:16px;
float:left;
color:#fff;
margin:7px;
}
.groupText{/* this groupText is used on the [HOME] page; below [Calender]-div and below [Role models]-div */
width:auto;
margin-top:0px;
margin-right:10px;
margin-bottom:10px;
float:left;
clear:right;
font-size:16px;
font-weight:500;
}
.subArticle .calenderContent{
width:300px;
margin-top:0px;
margin-bottom:10px;
float:left;
font-size:12px;
}
.forgotPass{
float:right;
}
/* Stand-Alone iconImage class for the subArticleSmallLeft and subArticleSmallRight DIV.
// Otherwise the images will get a width of 210px ----------- */
.subArticleSmallContainer .subArticleSmallLeft .iconImage,
.subArticleSmallContainer .subArticleSmallRight .iconImage{
width:12px;
border:0px;
}

/* -[Theme] Markup -------------
belonging to the [theme] page */
#mainArticle .authorDetails{
font-size:12px;
margin-top: -1px;
margin-bottom: 0px;
}
.subArticleContainer .smallTitle{
display:block;
float:left;
width:130px;
font-weight: bold;
margin-top:10px;
margin-bottom:5px;
padding-bottom: 0px;
}
.subArticleContainer .searchimage{
width:130px;
text-align:center;
margin:0px;
cursor:pointer;
float:left;
}
.searchimage img{
cursor:pointer;
}
.subArticleContainer .searchresult{
display:block;
float:left;
width:290px;
padding:0px 0px 0px 15px;
}
.subArticleContainer .searchresult a{

}
.subArticleContainer .checkTitle{
display:block;
float:left;
width:290px;
font-weight: bold;
margin:10px 0px 5px 0px;
padding:0px 0px 0px 15px;
}
.subArticleContainer .rssBG{
    background:url(/images/design/rss_icon.gif) no-repeat top right;
    padding-right:15px;
    width:275px;
}
/* -[THEME] Markup WITH all other pages where subarticles are shown ----------
   	\/subarticles = 2 small articles horizontal on left-content-side/\
		belonging to the theme page [and on some other pages] */
.subArticleSmallContainer{
float:left;
width:438px;
border-bottom:1px solid #ddd;
}
.subArticleContainer{
float:left;
width:438px;
border-bottom:1px solid #ddd;
}
.subArticleSmallContainer .subArticleSmallLeft{
float:left;
width:209px;
margin-right:20px;
padding-bottom:10px;
}
.subArticleSmallContainer .subArticleSmallRight{
float:right;
width:209px;
padding-bottom:10px;
}
.subArticleSmallContainer .subArticleSmallLeft img,
.subArticleSmallContainer .subArticleSmallRight img{
float:left;
width:209px;
margin:10px 0px;
}
.subArticleContainer p{
float:left;
width:438px;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 10px;
}
.subArticleSmallContainer .subArticleSmallLeft p,
.subArticleSmallContainer .subArticleSmallRight p{
float:left;
width:auto;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
}
.subArticleSmallContainer .subArticleSmallLeft h2,
.subArticleSmallContainer .subArticleSmallRight h2{
margin-bottom:0px;
}
/* -Presentation Markup  ------------- [LEFT-CONTENT-SIDE]
belonging to the presentation page */
.topHeading{
font-size:20px;
font-weight:bold;
color:#770047;
margin-top:0px;
line-height:20px;
margin-bottom:10px;
clear:both;
}

#timelineTitle{
width:438px;
height:30px;
background-color: #770047;
margin-top:20px;
}

#timelineTitle p{
color: white;
font-size: 16px;
padding: 8px 0px 0px 8px;
}

#timeline {
width: 438px;
height: 50px;
float:left;
margin-bottom: 10px;
}

.subProfile{
width:438px;
margin-bottom:10px;
}

.subProfile p{
margin-bottom:0px;
margin-top:0px;
}
.subProfile span{
	width:290px;
	display:block;
	float:left;
	margin-bottom:7px;
}
.subProfile label{
	width:130px;
}
#middle .subProfile h3{
font-size:22px;
font-weight:normal;
margin-bottom:10px;
margin-top:25px;
}

/* - [Presentation] Markup ------------------- [SIDEBAR-SIDE]
belonging to the presentation page */
.recomQuote{
float:left;
font-style: italic;
color:#CC6633;
margin:0px;
}
.subSidebar ul li p{
float:left;
text-decoration:none;
margin: 0px;
}
.subSidebarQuote{
float:left;
width:290px;
margin-top:10px;
}

/* - [Presentation] and [Partner] Markup -------------
belonging to the presentation and partner page */

.subConnect{
float:left;
width:220px;
padding-right:10px;
}

.linkConnect{
float:right;
}

/* --- from .mainProfile to .profileButtons on [Presentation] page is used on the left-top-side ---

	--- from .mainProfile to .profileButtons on [Partner] page is used in the Spotlight section
		there also is a [Partner] section that devines classes for the Spotlight section ---
[START]																								*/

.mainProfile{
width:438px;
margin-bottom:10px;
}

.mainProfile p{
/*width:438px;*/
margin-top:0px;
}

.profileDetails{
width:306px;
float:left;
margin: 0px 0px 5px 0px;
padding: 0px;
}

.profileDetails p{
margin-top: 0px;
margin-bottom: 10px;
padding: 0px;
}

.mainProfileImage{
display:block;
float: left;
width:120px;
margin-right:10px;
margin-bottom:10px;
}

.profileName{
color:#000;
font-weight:bold;
font-size:14px;
margin:0px;
padding:0px;
}

.profileButtons{
float:left;
margin:0px;
padding:0px;
}

.profileButtons img{
margin-bottom:0px;
margin-left:10px;
border:0px;
}

/* [END] */

/* -[ITEM] Markup -------------
belonging to the [item] page */

.mainItemImage{
float:left;
width:438px;
margin-bottom:10px;
}

.mainItemImage img{
}

#mainArticle .rightImage{
float:right;
width: 200px;
margin-left: 10px;
margin-bottom: 0px;
}

#mainArticle .leftImage{
float:left;
width: 200px;
margin-right: 10px;
margin-bottom: 0px;
}

/* -[ITEM] and [COLUMN] Markup -------------
belonging to the [item] and [column] page */

#mainArticle .italicText{
font-style:italic;
margin-top:0px;
margin-bottom:0px;
}

/* -[ITEM] and [HOME] Markup -------------
belonging to the [item] and [home] page */

.mainArticleActions{
float:left;
width:438px;
padding-top:10px;
}

.mainArticleActions img{
border:0px;
margin-right:5px;
}

/* -[EVENT] Markup -------------
belonging to the [event] page */

.eventInfo{
float:left;
width: 100px;
}

.eventData{
float:left;
width: 300px;
}

.eventInfo p{
color: #000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.eventData .eventText{
margin: -10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.eventData .purpleHost{
color: #000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.subSidebar #attendees .subAttendees img{
vertical-align: top;
float:right;
width:50px;
}

.subSidebar #attendees .subAttendees{
margin-top:10px;
float:left;
height:50px;
}

.subSidebar #attendees .subAttendees p{
float: left;
width:230px;
}

#attendEvent{
font-size:14px;
}

#attendeeBox ul, #groupsBox ul, #connectionBox ul{
list-style-image:none;
}
/* -[EVENT] Markup [calendar]-------------
belonging to the [event] page - [calendar] sidebar */

.calendarTable{
margin-top: 10px;
width: 290px;
border: 2px solid #770047;
}

.calendarTable .month{
size: 14px;
height: 25px;
background-color: #770047;
color: #FFF;
text-align: center;
}

.calendarTable .days{
border: 2px solid #000;
font-size: 12px;
color: #FFF;
background-color: #CC559C;
text-align: center;
}

.calendarTable .date{
background-color: #FDA9EF;
text-align: center;
vertical-align: middle;
height: 25px;
width: 40px;
border: 1px solid #CC559C;
}

.calendarTable .nodate{
background-color: #EE77BE;
width: 40px;
border: 1px solid #CC559C;
}

.calendarTable .date a{
display:block;
padding-top: 3px;
color: #000;
height: 25px;
width: 37px;
}

.calendarTable .borderLines{

}

/* -[BLOG] Markup -------------
belonging to the [blog] page */
.timeDate{
float:left;
font-style:italic;
font-size:12px;
margin-top: -1px;
padding-top: 2px;
margin-bottom:0px;
}

#images img, #columnistImage img{
width:100px;
border:1px solid #eee;
}

#topImageFader{
display:block;
}

.blogEntryUploads, .groupUploads{
margin-top:10px;
float:left;
}

.blogEntryUploads a, .groupUploads a{
display:block;
padding-left:2px;
color:#770047;
text-align:center;
}

.blogEntryTextField{
width:450px;
}
.blogEntryDetails{
margin-left:201px;
margin-top:-7px;
margin-bottom:13px;
}

.blogEntryDetailsAbove{
color:#a0a0a0;
width:450px;
margin-left:101px;
margin-top:0px;
margin-bottom:0px;
}
.startGroupDetailsAbove{
color:#a0a0a0;
width:450px;
margin-left:101px;
margin-top:0px;
margin-bottom:0px;
}
.uploadFieldExtraMargin{
    margin-bottom:5px;
    height:15px;
}
/* -[Partner] Markup -------------
belonging to the [partner] page */
.spotlight{
width:438px;
}
.spotlight .profileName, .spotlight .p{
display: block;
float: left;
}
.spotlight img{
margin-right:10px;
}
.subSidebarLast{
float:left;
width:290px;
margin-bottom:10px;
}

/* -[Rolemodel] Markup -------------
belonging to the [rolemodel] page */
.subArticleContainer .profileContent{
width: 330px;
float: left;
margin-top: 15px;
margin-right: 10px;
}
.subArticleContainer .profileImage{
width: 80px;
float: right;
margin-top: 10px;
margin-bottom: 10px;
}
/*center calendar*/
#calendar{
	width:230px;
	height:232px;

	float:left;
}
#calendarDescription{
	width:200px;
	float:left;
}
/* - [Inbox] MENU Markup -------------
belonging to the [inbox] MENU page */
#mailMenu{
margin-left:20px;
}

#mailMenuContent{
margin-top:-5px;
padding-top:10px;
padding-left:20px;
padding-right:20px;
width:534px;
border:1px solid red;
margin-left:20px;
border:1px solid #ddd;
}

#mailOptions{
margin-bottom:10px;
}

.unread{
font-weight:bold;
}

#lightBoxNavigation{
height:20px;
padding: 3px 0;
margin-left: 0;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

#lightBoxNavigation li{
display: inline;
margin: 0;
}

#lightBoxNavigation li a{
width:125px;
float:left;
text-decoration: none;
padding: 3px 7px;
margin-top:1px;
margin-right: 4px;
border: 1px solid #ddd;
background-color: #f8f2f5;
color:#770047;
font-weight:bold;
}

#lightBoxNavigation li a:visited{
}

#lightBoxNavigation li a:hover{
background-color: #FFF;
color: #ba7ea4;
text-decoration:underline;
}

#lightBoxNavigation li a:active{
background-color: #FFF;
}

#lightBoxNavigation li.selected a{ /*selected tab effect*/
position: relative;
padding-top: 4px;
background-color: #FFF;
border-bottom: none;
text-decoration:none;
color:#000;
cursor:text;
}

/* - [Inbox] PAGE Markup -------------
belonging to the [inbox] page */

#messages{
width:520px;
}

#messages th{
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}

#messages th, #messages tr{
vertical-align:top;
}

#composeMessage{
float:left;
width:325px;
padding-bottom:20px;
}

#composeMessage label{
width:100px;
}

#composeRecipients label{
width:150px;
}

#composeRecipients{
float:left;
width:200px;
}

#compose h2, #inbox h2, #message h2{
font-size:20px;
color:#000;
}

/* - [Compose] Send a Friend ---------
belonging to the [compose] template */
.composeTop{
margin-left:20px;
}

/* - [Inbox] Markup -------------
belonging to the [inbox] div */
#messages th{
text-align:left;
font-weight:normal;
}

td[title=openMail]{
cursor:hand;
}

th{
color:#ccc;
}

#messages th, .mailFrom{
color:black;
}


.mailContainer a, .mailContainer2 a{
margin-top:0px;
text-decoration:none;
color:#770047;
}

.mailContainer a:hover, .mailContainer2 a:hover{
text-decoration:none;
color:#ba7ea4;
}

.mailContainer{
height:15px;
width:525px;
}

.mailContainer2{
height:15px;
background-color: #f4f4f4;
width:525px;
}

.mailSelect{
float:left;
width:35px;
}

.mailSelect input{
margin-top:1px;
}

.mailFrom{
width:120px;
}

.mailSubject{
width:180px;
}

.mailStatus{
width:120px;
}

.mailDate{
width:100px;
}

#mailOptions{
font-size: 12px;
padding-top:10px;
margin-top:10px;
border-top:1px solid #ddd;
width:525px;
}

#mailOptions p{
float:left;
margin-top:0px;
margin-right:15px;
}

#mailOptions .spacer{
float:left;
color:#ddd;
margin:0px;
margin-right:15px;
padding:0px;
}

#mailOptions a{
float:left;
margin-right:15px;
}

.inboxPages{
float:right;
margin: 0px;
padding: 0px;
}

/* - [Inbox] Markup ------[MESSAGE]-------
belonging to the [message] div */
.mailMessageHead{
margin:0px;
padding:0px;
}

.mailMessageHead p{
float:left;
margin:0px;
padding:0px;
}

.mailMessageHead .mailMessageDetails{
width:35px;
text-align:right;
margin-right:15px;
}

.mailMessageContent{
margin-top:20px;
margin-bottom:10px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}

.mailMessageReply{
float: right;
}

.mailMessageReply img{
border:0px;
margin-left: 10px;
margin-bottom: 10px;
}

/* - Searchform */
#searchform form{

}
#searchform input,select{
font-size:12px;
background-color:#FFF;
border:1px solid #b7b7b7;
margin-right:16px;
}

#searchform label{
width:300px;
font-size:12px;
}

#searchform #filtercheck{
padding:0px;
margin:0px;
border-top:1px solid #d4d4d4;
}

#searchform #filtercheck label{
float:right;
width:260px;
font-size:16px;
margin:0px;
}
#searchform .checkBox{
float:left;
width:20px;
border:0px;
padding:0px;
margin:0px;
background:none;
}

#searchform .filterdiv{
padding:0px;
margin:-60px 0px 0px 30px;
}

#searchform .textfield,#searchform .select{
width:250px;
}

#searchform .dateselect{
width:70px;
}

#searchform #subthemeDiv{
display:none;
}

#searchform .imagesubmit, .imagesubmit{
border:0px;
background:none;
margin-top:0px;
margin-bottom: 10px;
float:right;
padding-right:5px;
}

#form .imagesubmit{
padding-right:48px;
*padding-right:46px;
}

#xhr .imagesubmit,#xhr .button,#xhr .imagecancel{
display:block;
margin-right:10px;
float:left;
}

#xhr label{
width:100px;
}

#formNewsletter .checkBox{
float:left;
}

#formNewsletter label{
float:left;
width:200px;
}

/*****Foundingpartners*******/
.quoteLeft{
width:130px;
float:left;
}
.quoteLeft img{
border:1px solid #b7b7b7;
}
.quoteRight{
width:303px;
padding-left:5px;
float:left;
}
.floatLeft{
float:left;
}
.floatRight{
float:right;
}
.clearBR{
	clear:both;
}

/******FAQ*******/
.faqQuestion{
	font-weight:bold;
	cursor:pointer;
}
.faqQuestion a{
	text-decoration:none;
	color:#770047;
}
.faqQuestion a:hover{
	text-decoration:underline;
	color: #ba7ea4;
}

/**********TAGCLOUD*************/
#tagcloud ul{
	width:290px;
}
#tagcloud a:hover{
    text-decoration: none;
}
.homeTagcloud{
    border-bottom:1px solid #ddd;

}
/********MANAGEMENTBOEK********/
#managementboek .image{
float:left;
width:150px;
margin-right:25px;
}
#managementboek .image img{
width:150px;
}
#managementboek .info{
	float:left;
	width:230px;
	}
#managementboek .infoTitles{
color: #000;
	float:left;
width:70px;
margin-right:20px;
}
#managementboek .infoData{
float:left;
width:130px;
}
#checkItOut .coImg{
width:90px;
float:left;
margin-right:20px;
}
#checkItOut .coText{
width:325px;
float:left;
}

p.alphabetindex{
font-size:16pt;
padding:0px 0px 10px 0px;
}

#linksUnreadMessages{
display:block;
float:none;
}
/**SHAREBITS**/
#shareDetails{
    width:450px;
    margin-bottom:20px;
}

#shareDetails #shareImages{
    width:100px;
    float:left;
}


#shareDetails #shareInfo{
    width:320px;
    padding-left:10px;
    float:left;
}
#shareDetails #shareInfo #shareTitle{
    font-weight: bold;
}
#shareDetails #shareInfo #shareLink a{
    color:#6A6A6A;
}
.addthis_toolbox{
}
img[rel=overlayVideo]{
    cursor:pointer;
}

/***CEO ME**/
#middle #left .ceome h2{
font-size:18px;
}

#middle #left .ceome .greyText{
    margin-bottom: 0px;
}