/* --------------------------- reset + main html redefinitions  */
/*  common tag redefinitions  */
html, body, form, fieldset {
	font-family: Arial, Helvetica, Sans-Serif;
	margin:0;
	padding:0;
}
html {
	font-size:100.01%;
	background: url(/content/site_images/bck_page.gif) repeat-x;
}
body { 
	background: url(/content/site_images/bck_body.gif) no-repeat center top;
	color:#000;
	font-size:0.65em;
	line-height:1.4em;
}
 
a:link {color:#000;}
a:visited {color:#000;}
a:hover {color:#3c3c3c;}
a:active {color:#000;}
a img {
	border:none; /* avoids border when img is link */
}
fieldset {
	border:none;
}
/* Neutralize/reset styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, dl, hr, address {
	margin:1em 0;
	padding:0;
}
ul, ol {
	margin:1em;
	padding:0;
}
:focus { outline: 0; }
h1 {
	font-size:1.67em;
	font-weight:bold;
	color:#000;
}
h2 {
	font-size:1.33em;
	line-height:1.2em;
	margin:0.5em 0;
}
h3 {
	font-size:1em;
	font-weight:bold;
}
h4 {
	color:#999;
	font-size:1em;
	font-weight:bold;
}
h5 {
	font-size:1em;
	font-weight:normal;
}
h6 {
	font-size:0.9em;
	font-style:italic;
	font-weight:normal;
}
hr {
	border:none;
	border-bottom:1px solid #cacaca;
	height:1px;
	margin:1em 0 0.5em 0 ;
}
input, select, textarea {
	font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
	color: #404040;
}

ul li {
	/*list-style:none;*/
	padding:0 0 0.4em 0.2em;
	margin:0;
}
ol li {
	padding:0 0 0.4em 0;
	margin:0 0 0 1.2em;
}
select, textarea { /* similar to class 'inputfield' */}
td {
	vertical-align: top; /* relevant in most cases, i.e. in application layout */
}

/* --------------------------- shared styles  */
/*  common styles  */
.alignR {
	text-align:right;
}
.clearfloats {
	clear:both;
}
br.clearfloats { /* new 20081027 */
	font-size: 1px;
	line-height: 0px;
	margin: 0px;
	clear: both;
	height: 0px;
}
.floatL {
	float:left;
}
img.floatL {
	margin:0 15px 15px 0;
}
.floatR {
	float:right;
}
img.floatR {
	margin:0 0 15px 15px;
}
.noPadding {
	padding:0;
}
.nonBold {
	font-weight: normal;
}
.prct100 {
	width:100%;
}

table.form, table.form table {}
.form td {}
/* --------------------------- main centered div  */
#main {
	width: 931px;
	margin:0 auto; /* centreren van het concept */
}
*html #main { /* new 20081027 - css hack enkel voor IE */
	zoom:1; /*avoids several IE bugs */
}
/* --------------------------- logo, login and navigation  */
#header {
	height:107px;
}
#brand { 
	height:107px;
	width:350px;
	float:left;
}

#brand img { 
	margin: 30px 0 0 14px;
}
#logMenu {
	float:right;
	text-align:right;

}

#topLogin {
	height:76px;
	padding-top:1px;
	text-align:right;

}
.notLoggedIn {
	margin-top:13px;
	margin-right:10px;
	text-align:left;
	width:260px;
	float:right
}

.notLoggedIn span.txt {
	font-size: 9px;
}

.notLoggedIn .username{padding:0px 5px 0px 0px;}
.password {	padding:0px 3px 0px 0px;}
.usernameTxt{ padding:5px 0px 0px 0px;}
.passwordTxt {	padding:5px 0px 0px 0px;}

.email {padding:0px 3px 0px 0px; vertical-align:middle}
/*.checkbox {width:15px; height:15px; overflow:hidden; padding:0;}*/
.loggedIn { /*** new 02022010 ***/
	margin-top:10px;
	margin-right:10px;
	text-align:right;
	width:290px;
	float:right
}
.loggedIn a { /*** new 02022010 ***/
	/*font-size:0.75em;*/
}

.loggedIn .username{padding:0px 0px 0px 60px;} /*** new 02022010 ***/

#navigation {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	padding-bottom:2px;
}

#navigation ul {
	margin:0;
	margin-right:14px;
}
#navigation li {
	display:inline;
	list-style:none;
	padding:0 0 0.4em 0.7em;
}


#navigation a:link { color:#000; text-decoration:underline}
#navigation a:visited { color:#000; text-decoration:underline}
#navigation a:hover {color:#f92891; text-decoration:underline}
#navigation a:active {color:#f92891; text-decoration:underline}

#navigation .active a:link {color:#f92891; text-decoration:none}
#navigation .active a:visited { color:#f92891; text-decoration:none}
#navigation .active a:hover {color:#f92891; text-decoration:none}
#navigation .active a:active {color:#f92891; text-decoration:none}





/* --------------------------- container all content, nav, content and right column  */

#body {
	background: url(/content/site_images/bck_bodyMiddle.gif) repeat-y;
}

.bodyTop {
	background:url(/content/site_images/bck_bodyTop.gif) no-repeat;
	height:13px;
}

.bodyBottom {
	background:url(/content/site_images/bck_bodyBottom.gif) no-repeat bottom;
	height:13px;
}

.bodyBottomHome {
	background:url(/content/site_images/bck_bodyBottom.gif) no-repeat bottom;
	height:13px;
}



/************************ homepage *****************************/

.homeImage {
	float:left;
	width:626px;
	padding-left:1px;
	}
.homeTxt {
	float:left;
	width:280px;
	padding-top:20px;
	/*font-size:0.75em;*/
	color:#797979;
	}
	
.homeTxt a {color:#797979;}
.homeTxt a.hover {color:#797979;}

.user {
	margin-left:18px;	
	margin-bottom: 5px;
}
.activity01 {
	background:url(/content/site_images/homepage_titles.gif) 0 0  no-repeat;
	}

.activity02 {
	background:url(/content/site_images/homepage_titles.gif) 0px -200px no-repeat;
}
.activity03 {
	background:url(/content/site_images/homepage_titles.gif) 0px -400px no-repeat;
}
.activity04 {
	background:url(/content/site_images/homepage_titles.gif) 0px -600px no-repeat;
}

.activity01, .activity02, .activity03, .activity04 {
	width:70px;
	height:200px;
	float:left;
	overflow:hidden;
}

.comments {
	background:url(/content/site_images/homepage_titles.gif) 0px -800px no-repeat;
	height:120px;
	margin-top:20px;
	padding-left:18px;
	line-height:1.7em;
}

#homeShare
{
    margin: 0 20px 0 0;
}

.txtHomeBottom {
	margin:18px 29px 10px 40px; 
	background: url(/content/site_images/bck_txtBottomHome.gif) 566px top repeat-y;
}

.block1 {
	width:210px;
	margin-right:20px; 
}

.block2 {
	width:320px;
	margin-right:55px;
}

.block3 {
	width:250px;
}

.popup {
	background: url(/content/site_images/bck_popupHome.png) no-repeat;
	width:331px;
	height:158px;
	padding:0;
	margin:0;
	zoom:1;
	overflow:hidden;
}

.popup .margin {
	padding:16px 5px 16px 20px;
}

.popup .picSmall{
	width: 32px;
	float:left;
	height:34px;

}

.popup .titlePopup{
	width: 250px;
	float:left;
	color: #f92891;
	font-weight:bold;
	font-size:1.5em;
	line-height:1em;
	padding-top:9px;
	height:24px;
}

.creations img {
		margin-right:5px;
}

.details {
	padding-top: 5px;
	font-size:0.9em;
	width:290px;
}


/* --------------------------- footer  */
#footer {
	background-color: #FFC;
	/*font-size: 0.75em;*/
	color:#c0c0c0;
}

#footer ul {
	margin:10px 10px 5px 13px;
}
#footer li {
	display:inline;
	list-style:none;
	padding:0 0 0.4em 0.7em;
}


#footer a:link, #footer a:visited {color:#c0c0c0; text-decoration:none}
#footer a:hover {color:#666; text-decoration:underline }

/********************************************** content page general **************************/

.headerSmall {
	width: 918px;
	height: 117px;
	background:url(/content/site_images/bck_headerSmall.jpg) no-repeat;
	padding-top:1px;
}
.headerSmall h1 {	
	padding:0;
	color:#fff;
	text-align:right;
	margin:40px 30px 0 0;
	font-size: 2.08em;
	line-height: 1.2em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.twoColumns {
	background:url(/content/site_images/ill_dividerDotted.gif) no-repeat 611px top;
	padding-bottom:1px;
}
.contentLeft {
	width:611px;
	background: url(/content/site_images/bck_leftColunmTop.gif) no-repeat top right;
	padding-top:1px;
	float:left;
	overflow: hidden;
}
.contentLeftBottom {
	background: url(/content/site_images/bck_leftColunmBottom.gif) no-repeat right bottom;
	padding-bottom:30px;
	
}
.contentRight{
	float:left;
	width:310px;
	overflow: hidden;
}

/********************************************** tour **************************/

.tour {
	margin:35px 0 0 65px;
}
.tour h2 {
	width:270px;
	float:left;
	margin:0;
	padding-top:3px;
	color:#000;
	font-size:1.67em;
}
.steps {
	float:left;	
}
.steps .number {
	width: 22px;
	height:24px;
	float:left;
	margin: 0 5px;
	text-align:center;
	line-height:22px;
	font-size:1.4em;
	font-weight:bold;
	color:#fff;
}

.tour .steps .number {
		margin: 0 3px;
}
.steps .number a {display:block}
.steps .number a:link {color:#fff; text-decoration:none}
.steps .number a:visited {color:#fff; text-decoration:none}
.steps .number a:hover {color:#fff; text-decoration:none}
.steps .number a:active {color:#fff; text-decoration:none}

.tour .active {
	background:  url(/content/site_images/bck_nummers.gif) top left no-repeat;
}
.tour .nonactive {
	background:  url(/content/site_images/bck_nummers.gif) 0px -28px no-repeat;
}

.contentRight .active {
	background:  url(/content/site_images/bck_nummers.gif) top left no-repeat;
}
.contentRight .nonactive {
	background:  url(/content/site_images/bck_nummers.gif) 0px -28px no-repeat;
}
.steps .arrow {
	font-size:1.2em;	
}
.steps .arrow a {display:block}
.steps .arrow a:link {color:#f92891; text-decoration:underline}
.steps .arrow a:visited {color:#f92891; text-decoration:underline}
.steps .arrow a:hover {color:#f92891; text-decoration:underline}
.steps .arrow a:active {color:#f92891; text-decoration:underline}


.illustration {
	text-align: center;
	margin-top:55px;
	height:250px;
	width:500px;
}
.tour .comment {
	font-size:  1.33em;
	height:80px;
}
	
.tourRight {
	margin-bottom:30px;
}
.tourRight p, .tourRight ul {
	font-size: 1 em; /*1.17em;*/	
}
.tourRight li, .pink_bullet {
     list-style-image: url("images/li_dot.jpg");
}
.pink_bullet a {
    line-height: 1.2em
}
.tourRight .margin {
		margin-left:26px;
		margin-right:5px;
}

.tourRight h2 {
		font-size:1.5em;
		margin-top:20px;
		margin-bottom:0px;
}

.tourRight td {
	vertical-align:bottom;
}



.footnoteFuschia{
	font-size: 0.83em;
	color:#f92891;

}

.footnoteSmall {
	/*font-size: 0.75em;*/
	color:#797979;
	padding-left:3px;
}

.footnoteSmall2 {
	/*font-size: 0.83em;*/
	color:#797979;
	padding-top:5px;
	line-height:1em;
}
.boxCommunity .footnoteSmall2 {
    padding-left:15px;
}

.footnoteSmall2 a:link {color:#797979; text-decoration:underline}
.footnoteSmall2 a:visited {color:#797979; text-decoration:underline}
.footnoteSmall2 a:hover {color:#797979; text-decoration:underline}
.footnoteSmall2 a:active {color:#797979; text-decoration:underline}

.footnoteSmall2black {
	/*font-size: 0.83em;*/
	color:#000;
	padding-top:5px;
	line-height:1em;
}

.footnoteSmall2black a:link {color:#000; text-decoration:underline}
.footnoteSmall2black a:visited {color:#000; text-decoration:underline}
.footnoteSmall2black a:hover {color:#000; text-decoration:underline}
.footnoteSmall2black a:active {color:#000; text-decoration:underline}

.footnoteSmall3 {
	font-size: 0.9em;
	color:#797979;
	padding-top:3px;
	line-height:1.2em;
	font-weight:bold;
}

#BecomeFan 
{   margin-bottom:10px;
}


/********************************* set up profile ***********************************/

.setupProfile { 
	margin:55px 80px 0 104px;
}

.setupProfileWide { 
	margin:55px 40px 0 104px;
}

.setupProfile h2, .setupProfileWide h2 {
	margin:0;
	padding-top:0px;
	color:#f92891;
	font-size:2em;
}

.setupProfile .steps {
	border-top:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	margin:5px 0 25px 0;
	padding:18px 10px;
}

.setupProfile .steps .step {
	width:76px;
	float:left;
	text-align:center;
}

.setupProfile .steps .step span {
	font-size:0.83em;
	color:#a9a9a9;
	line-height:1em;
}

.setupProfile .steps .active span {
	font-size:0.83em;
	color:#f92891;
	line-height:1em;
}

.setupProfile .steps .stepArrow {
	width:50px;
	float:left;
	text-align:center;

}

.setupProfile .number {
	width: 24px;
	height:24px;
	text-align:center;
	line-height:22px;
	font-size:1.4em;
	font-weight:bold;
	color:#fff;
	margin-left:28px;
	margin-bottom:8px;
}
.setupProfile .number a {display:block}
.setupProfile .number a:link {color:#fff; text-decoration:none}
.setupProfile .number a:visited {color:#fff; text-decoration:none}
.setupProfile .number a:hover {color:#fff; text-decoration:none}
.setupProfile .number a:active {color:#fff; text-decoration:none}

.setupProfile .active .number {
	background:  url(/content/site_images/bck_nummers.gif) top left no-repeat;
}

.setupProfile .nonactive .number  {
	background:  url(/content/site_images/bck_nummers.gif) 0px -28px no-repeat;
}

.setupProfile .arrow {
	font-size:1em;
	font-weight:bold;
}
.setupProfile .arrow a {display:block}
.setupProfile .arrow a:link {color:#f92891; text-decoration:underline}
.setupProfile .arrow a:visited {color:#f92891; text-decoration:underline}
.setupProfile .arrow a:hover {color:#f92891; text-decoration:underline}
.setupProfile .arrow a:active {color:#f92891; text-decoration:underline}
	
	
.setupProfileWide .newProjectColumnLeft {
	width:210px;
	float:left;
}


.setupProfileWide .newProjectColumnRight {
	width:250px;
	float:left;
}


.labelCreate {
	width: 90px;
	float:left;
	padding-top:8px;
}

.labelCreateSmall {
	width: 90px;
	padding-top:2px;
	float:left;
	
}
.uploadCreate 
{   float:left;
    width: 150px;
}

.uploadCreate .imgUpload 
{   margin-top:8px;
}


#colorBoxes {}
#colorBoxes div
{       
    height: 25px;
}

.profile {
	padding-right:20px;
	font-size:1.67em;
	font-weight:bold;
	background:url(/content/site_images/bck_profileArrow.gif) no-repeat right;
	margin-right:10px;
	color:#797979;
	}
.last {
	margin-right:0px;
	}
	
.profile a {  }
.profile a:link {color:#797979; text-decoration:none}
.profile a:visited {color:#797979; text-decoration:none}
.profile a:hover {color:#797979; text-decoration:underline}
.profile a:active {color:#797979; text-decoration:none}

	
.setupProfile h3 {
	margin-bottom:0.5em;		
}

.setupRight {
	margin:50px 20px 0 35px	
}

.setupProfile th {
		text-align:left;
		padding-bottom:5px;
		}
		
		
.column1 {height:26px;}
.column2 {width:73px; height:26px;}
.column3 {height:26px;}
.column4 {width:37px; height:26px;}

.column2 div, .column4 div
{
    margin-left: 5px;    
}
.setupProfile .columnLeft {
	width:138px;
	float:left
	}
.setupProfile .columnLeft .margin {
	margin-right:35px;
	}
.setupProfile .columnRight {
	width:280px;
	float:left
	}
.portfolio {
	width:92px;
	float:left;
	margin-bottom:15px;
}
.setupProfile .columnLeft {
	margin-top:5px;
	}

.setupProfile #ProfileImageDiv 
{
    float: left;
}
.setupProfile .controlBlock
{
    margin-bottom: 15px;
}
.setupProfile .step2ColumnLeft 
{
    float: left;
    width: 280px;
}
.setupProfile .step2ColumnRight
{
    float: right;
    width: 125px;
}

.setupProfile #AvatarImagePreviewDiv {
    position: relative;
    overflow: hidden;
    width: 48px;
    height: 48px;
}
.setupProfile .websiteInput 
{
    height: 25px;
}
.setupProfile .column1 input, 
.setupProfile .column3 input,
.setupProfile .column1 select, 
.setupProfile .column3 select
{
    width: 165px;
}
.setupProfile .select1, 
.setupProfile .select2
{
    width: 53px;
    float: left;
}
.setupProfile .select3
{
    width: 53px;
    float: left;
}
.setupProfile .select1 select, 
.setupProfile .select2 select 
{
    width: 45px;    
}
.setupProfile .select3 select
{
    width: 60px;    
}
.setupProfile .websiteInput input 
{
    width: 250px;
}
            
/********************************* member profile ***********************************/

.memberProfile { 
	margin:15px 40px 0 66px;
}



.memberProfile .columnLeft {
	width:300px;
	float:left;
	padding-top:34px;
	}
	
.memberProfile .columnRight {
	width:204px;
	float:left
	}
	
.memberProfile h2 {
	width:137px;
	float:left;
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
	font-size:1.67em;
	}	
.memberProfile .button {
	width:67px;
	float:right;
	margin-top:8px;
}
.memberProfile img.floatL {
	margin-right:8px;
}
.paging {
	 font-size:0.83em;
	 	padding-top:12px;

}

.memberPic {
	width:70px;
	float:left;
}

.memberPic {
	width:65px;
	float:left;
}


.comment {
	margin-bottom:20px	
	
}
.comment .txt {
	width:427px;
	float:right;
	font-size:0.92em;
}

.comment .commented {
	border-top:1px solid #bfbfbf;
	border-bottom:1px solid #bfbfbf;
	padding:8px 0 8px 0;
}


.memberProfileRight {
	margin:15px 25px 0 32px	
}

.member {
	width:120px;
	float:left;
	height:26px;
	font-size:0.83em;
	color: #797979;
}

.member .founding { background:url(/content/site_images/ico_memberFounding.gif) no-repeat; padding:10px 0 3px 25px;}
.member .gold { background:url(/content/site_images/ico_memberGold.gif) no-repeat; padding:10px 0 3px 25px;}
.member .premium { background:url(/content/site_images/ico_memberGold.gif) no-repeat; padding:10px 0 3px 25px;}
.member .silver { background:url(/content/site_images/ico_memberSilver.gif) no-repeat; padding:10px 0 3px 25px;}
.member .ambassador { background:url(/content/site_images/ico_memberAmbassador.gif) no-repeat; padding:10px 0 3px 25px;}
.member .basic { background:url(/content/site_images/ico_memberBasic.gif) no-repeat; padding:10px 0 3px 25px;}

.project img.floatL {
margin:0 10px 10px 0;
}

.wishlist {
	float:left;
	width:64px;
	margin-bottom:15px;
}

.wishlistLast {
	float:left;
	width:55px;
}

/********************************* homepage logged in ********************************/



.profileLoggedIn { 
	margin:15px 40px 0 66px;
}

.profileLoggedIn .projectHeader  { 
	
}
.profileLoggedIn .projectHeader img {
	margin: 22px 15px 0 0;
}

.profileLoggedIn .projectHeader .username {
	border-bottom:1px solid #cacaca;
	height:69px;
	float:right;
	width:435px;
}

.profileLoggedIn .projectHeader .username h2{
	float:left;
	margin-top:22px;
}
.profileLoggedIn .projectHeader .username .footnoteSmall{
	line-height:1.4em;
}

.profileLoggedIn .column{
	width:250px;
}
.projectInfo 
{   margin-top:10px;
}

.box{
	border:1px solid #c0c0c0;
	background:url(/content/site_images/bg_box.gif) repeat-x;
	padding:0px 12px 12px 12px;
	margin-bottom:11px;
}

.box .boxHeader{
	margin-bottom:10px;
	padding-bottom:1px;
}

.box .projectSummary{
	width:113px;
	float:left;
}

.box .projectDate{
	width:44px;
	float:right;
	text-align:right;
}

.box .project{
	font-size:0.9em;
	height: 58px;
}

.box img.floatL {
	margin:0 10px 10px 0;
}

.box p{
	/*font-size:0.9em;*/
		line-height:1.2em;

}


.wishlist {
	float:left;
	margin-bottom:0px;
	width:56px;
	white-space:nowrap;
	position:relative;
	margin-bottom:8px;
	overflow: hidden;
}
.wishlist a {	
	width:50px;	
	margin: 0;
	padding: 0;
}

.box .commentDetail {
	width:165px;
	float:left;
}

.commentDetail .footnoteSmall2 {
	padding-top:3px	
	
}


.cross {
	position:absolute; 
	top:0px; 
	left:33px; 
	width:16px; 
	height:16px; 
	z-index:9;
	font-weight:bold;
	font-size:1.1em;
	font-family:Verdana, Geneva, sans-serif;
	background: #797979;
	text-align:center;
}

.cross a{
	color:#fff;
	text-decoration:none;
}


/********************************* project detail  ***********************************/

.projectDetail { 
	margin:48px 40px 0 56px;
}

.projectDetail h2 {
	font-size:1.67em;
}


.projectDetail .projectImg {
	width:166px;
	float:left;
}
.projectDetail .columnRight {
	float:right;
	width:170px;
	font-size:0.92em
}

.colorSample {
	float:left;
	width:24px;
	height:15px;
	margin-right:4px;
	border-style: solid;
	border-bottom-color: #000;
	border-width: 1px;
}

/****************** form *************************/

label {
	font-size:0.9em;	
}
.button {
	background: url(/content/site_images/bck_buttonGreyL.gif) no-repeat;
	height:22px;
	text-align:center;
	line-height:22px;
	}

.button a {
	display:block;
	background: url(/content/site_images/bck_buttonGreyR.gif) right no-repeat;
	height:22px;
	font-weight:bold;
	}
	
.button a:link {color:#fff; text-decoration:none}
.button a:visited {color:#fff; text-decoration:none}
.button a:hover {color:#fff; text-decoration:none}
.button a:active {color:#fff; text-decoration:none}


.label {
	font-weight:bold;
	padding-bottom:3px;
	padding-right:10px;
	white-space:nowrap;
}

.buttonRoze, .buttonRozeArrow {
	margin-top:5px;
	width:170px;
	height:21px;
	line-height:21px;
	font-weight:bold;
	float:right;
	text-align:center;
}
.buttonRoze {
	background:url(/content/site_images/bck_butPink.gif) no-repeat;
}

.buttonRozeArrow {
	background:url(/content/site_images/bck_butPinkArrow.gif) no-repeat;
}

.buttonRoze a:link {color:#fff; text-decoration:none}
.buttonRoze a:visited {color:#fff; text-decoration:none}
.buttonRoze a:hover {color:#fff; text-decoration:none}
.buttonRoze a:active {color:#fff; text-decoration:none}

.buttonRozeArrow a:link {color:#fff; text-decoration:none}
.buttonRozeArrow a:visited {color:#fff; text-decoration:none}
.buttonRozeArrow a:hover {color:#fff; text-decoration:none}
.buttonRozeArrow a:active {color:#fff; text-decoration:none}

.buttonGrey {
	background:url(/content/site_images/bck_butGreyArrow.gif) no-repeat;
	margin-top:5px;
	width:181px;
	height:21px;
	line-height:21px;
	font-weight:bold;
	text-align:center;
	margin-left:20px;
}

.noArrow {
	background:url(/content/site_images/bck_butGrey.gif) no-repeat;
	margin-left:0px;
	margin-right:20px;
	float:left;

}
.buttonGrey a:link {color:#fff; text-decoration:none}
.buttonGrey a:visited {color:#fff; text-decoration:none}
.buttonGrey a:hover {color:#fff; text-decoration:none}
.buttonGrey a:active {color:#fff; text-decoration:none}

/******************************************************** overlay ****************************/

.overlayTop {
	background: url(/content/site_images/bck_overlayTop.png) no-repeat;	
	padding:1px;
	width:580px;
}

.overlayTop h1 {
	color:#f92891;
	font-size:2em;
	margin-top:8px;
	margin-right:10px;
	margin-bottom:0;
}

.overlayBottom {
	background: url(/content/site_images/bck_overlayBottom.png)  no-repeat;	
	height:16px;
	width:580px;

}
.overlayTop .margin{
	margin:40px 45px 10px 45px;
}
.overlayTop .memberProfile {
	margin:0px;
}
.overlayTop .memberProfile .columnLeft {
	float:left;
	padding-top:15px;
	
	padding-bottom:20px;
}
.overlayTop .memberProfile img.floatL {
	margin-right:15px;
	margin-bottom:5px;
}

.overlayTop .label {
	font-weight:bold;
	padding-bottom:0px;
	padding-right:10px;
	white-space:nowrap;
}


.overlayTop .memberProfile .columnRight {
	float:left;
	width:190px;
}

.pagingCenter {
	text-align:center;
	padding-top:10px
	}
.pagingCenter strong {
	padding: 0 10px;
	}


/***************** redirect, error ************************/

#redirect {
		color:#F92891;
		background:#fff;
		border:1px solid #F92891;
		padding: 5px;
		margin: 0 15px 15px 15px;
}


/**************** community  *************************/

.communityOverview {
	padding:15px 45px 5px 45px;
	background:url(/content/site_images/bck_communityOverview.gif) no-repeat 14px top;
	
}

.boxCommunity {
	width:260px;
	float:left;
	margin-right:20px;
}

.boxCommunity .wishlist {
		text-align:right;
}

.boxCommunity h3 {
		padding-left:15px;
}


/**************** community *************************/

.contentLeft #commPlayer {
	width:596px;
	padding-left:15px;
	overflow:hidden;
}
.contentLeft #commIntro {
	padding:34px 55px;
}


/**************** browse pages *************************/
#headerTxt {
	background:url(/content/site_images/bck_headerTxt.gif) bottom no-repeat;
	margin:0 14px 30px;
	padding:0 30px 22px 55px;
}
#headerTxt .overview {
	width:100%;
	border-collapse:collapse;
}
#headerTxt .overview table {
	border-collapse:collapse;
}
#headerTxt .overview td {
	padding:0 2em 0 0;
}
#headerTxt .overview td td {
	padding:0;
}
#headerTxt li {
	list-style-type:none;
	background:url(/content/site_images/bul_headerTxt.gif) 0 .4em no-repeat;
	margin:0;
	padding:0 0 0 1.5em;
}
#headerTxt ul {
	margin:0 1.5em 0 0;
	padding:0;
}
#headerTxt .overview td.sortList {
	padding:0 0 0 2em;
}
#headerTxt .sortList li {
	background:none;
	padding:0;
}
#headerTxt li a {
	text-decoration:none;
}
#headerTxt li a:hover {
	text-decoration:underline;
}
#overview {
	font-size:.9em;
	line-height:1.1em;
	padding:0 0 0 68px;
}
#overview h2 {
	margin-bottom:0;
}
#overview table {
	border-collapse:collapse;
	width:800px;
}
#overview td {
	padding:.5em 10px .5em 0;
	width:150px;
}
#overview .type {
	display:block;
	float:left;
	width:45px;
	padding-right:1em;
} 
#overview .element {
	display:block;
	width:90px;
	float:left;
} 
#overview .counter {
	color:#797979;
	padding:1em 0;
	width:790px;
}
#overview .counter a {
	color:#797979;
	margin-left:.5em;
	text-decoration:none;
}  
#overview .counter .active  {
    color:#f92891;
    margin-left:0.5em;
    text-decoration:none;
    font-weight: bold;
}
#overview .counter a:hover {
	text-decoration:underline;
}
#overview .counter a.active {
	color:#f92891;
	text-decoration:underline;
}  

/* added by bgrijseels */
#selectable .ui-selected img { border:5px solid #F39814; color: white; }

.counter a.active 
{
	color:#F92891;
	text-decoration:underline;
}

.newProjectColumnRight .ui-widget-content 
{
    background:none;
    border:0px solid #DDDDDD;
    color:#333333;
}

/* ShareThis */
a.stbar.chicklet img {border:0;height:16px;width:16px;margin-right:3px;vertical-align:middle;}
a.stbar.chicklet {height:16px;line-height:16px;}
#socialShare { margin-left: auto; margin-right: 0; }

/* Signup & Login page */
#signupLogin 
{
	margin:35px 15px 0 65px;
}
#signupLogin #Registration
{
    float: left;   
    width: 240px;
      
}
#signupLogin #Login
{
    float: right;
    width: 240px;
}

.authenticationForm 
{
   margin-top: 10px;
}
.authenticationForm .formBlock 
{
   height: 25px;
}
.authenticationForm .formBlock .label 
{
   /*font-size:0.9em;*/
   float: left;
}
.authenticationForm .formBlock .input
{
    float: right;   
}
.authenticationForm .submit
{
   margin: 10px 0 10px 0;
   text-align: center;  
}
.authenticationForm .checkbox
{    
    text-align: right;
    float: right;
    width: auto;
}
.authenticationForm .checkbox .input
{    
    float: right;
}
.authenticationForm .checkbox .txt
{    
    float: right;
    margin-left: 10px;
    
}

.authenticationForm span.txt {
	font-size: 9px;
}

.ajaxLoadingImage 
{
    margin: 5px 5px 5px 5px;
}

/* Content page */
.contentPage 
{
	margin:35px 15px 0 65px;
}
.contentPage ol {
    margin: 0px;
}
.contentPage h3 {
    margin: 0px 0px -10px 0px;
}
.contentColumnRight
{
    margin:35px 24px 0 32px;
}
.contentBold
{
    font-weight: bold;
}

/* FAQ */
.ui-accordion-content {
    padding: 0 2.2em 0 2.2em !important;
}
#accordion h3 {
    margin: 0px !important;
}
#accordion h4 {
    margin: 0px;
    font-weight: bold;
    padding: 0px;
    color: #000000;
}

/* Tour small in right column */
.contentColumnRight .tour {
    margin: 0px 0px -20px 0px;
}
.contentColumnRight .tour h2 {
    font-size: 1.33em;
    margin: 0px 0px 10px 0px;
}
.contentColumnRight .tour .steps {
    margin: 0px 0px 15px 0px;
   }
.contentColumnRight .tour .illustration {
    margin: 0px 0px 15px 0px;
    width: 254px;
    height: auto;
}
.contentColumnRight .tour .comment {
    height: auto;
    font-size: 1em !important;
}

/* gallery in content page */
.gallery {
    margin: 10px 0px 0px 0px;
    padding: 5px 0px 10px 0px;
}
.gallery img {
    margin: 0px 10px 0px 0px;
    padding: 0px;
}
.gallery img.last {
    margin: 0px;
}

/* general */
a.seealso:link, a.seealso:visited {
    color: #ff268b;
}
.video {
    margin: 0px 0px 10px 0px;
}
.pink_bullet {
     list-style-image: url(images/li_dot.jpg);
}
.pink_list {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
#beta {
    width: 40px;
    height: 40px;
    background: url(/content/site_images/beta.gif) no-repeat center top;   
    position: absolute;
    left: 50%;
    margin-left: -190px;
    top: 15px;
}

/* overrule jquery ui */
.ui-dialog-title {
    color: #000000;
}
.errorDialog 
{
    display: none;
}
.authenticationForm 
{
    width: 250px;
}


button, input[type="submit"]  {
	background-color: #797979;
	color: #FFFFFF;	
	font-weight: normal;
	font-size: 1em;
	line-height: 1.3em;
	white-space: nowrap;
	border: 1px solid; 
    border-color: #000;
    cursor:pointer;
}

.setupProfile button, .setupProfile input[type="submit"]  {
	background-color: #f92891;		
	border: 0;
	width: 100px;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.5em;
}

input[type="text"], input[type="password"], textarea, select, button, input[type="button"]
{
    border: solid 1px #797979; 
}

.cluetip 
{
    margin-left: 5px; margin-right: 5px; 
}

.noDecoration
{
    text-decoration: none;
}

/* Overruling colors */
.pink, .pink a, a.pink, #navigation a.pink {
	color:#f92891;
}
.green, .green a, a.green, #navigation a.green {
	color:#3dd900;
}

.share_button_messenger .pic {
    background:url("//s7.addthis.com/static/r07/widget16.png") no-repeat scroll 0 0 transparent;
    display:block;
    height:16px;
    line-height:16px !important;
    overflow:hidden;
    width:16px;
}
.searchOption 
{
    float: left;
    width: 140px;    
    margin-right: 10px;
}
.searchOption .searchOptionHeader 
{
    height: 20px;
}
.searchOption .searchOptionBody 
{
    height: 55px;
}
.searchOption .searchOptionBody select
{
    width: 120px;
}
.searchOption .searchOptionBody .label
{
    width: 50px;
}
.searchOption .searchOptionControls 
{
    height: 20px;
}