@import url('onepercentevent.css');
@import url('24action.css');

/*	***************************************************************************************
	BASE - basic content styling (fonts, colors, etc...)
	***************************************************************************************/

	html {

		}
	body {
		font-size:11px;
		}
	a {
		color:#000;
	}
	*:focus {
		outline:none;
		}
	h1, h2, h3 {
		line-height:1em;
		}
	h1, h2, h3, h4, h5, h6, strong {
		font-weight:bold;
		}
	h1 {
		text-transform:uppercase;
		font-size:14px;
		font-weight:bold;
		border-bottom:10px solid #fff;
		margin:0 5px;
		padding:10px;
		}
		.size2of4 h1 {
			margin:0 4px 0 5px;
			}
	h2 {
		font:bold 14px Arial, Helvetica, sans-serif;
		}
		h2 em {
			font-style:normal;
			font-weight:bold;
			}
	h3 {
		font:bold 13px Arial, Helvetica, sans-serif;
		margin:0 0 8px 0;
		}
	h4 {
		font:bold 13px Arial, Helvetica, sans-serif;
		}
	
	h6 {
		font:bold 13px Arial, Helvetica, sans-serif;
		border-bottom:10px solid white;
		margin:0px;	
		padding: 0px	
	}


	abbr, acronym {
		border-bottom:1px solid #000;
		cursor:help;
		}
	em {
		font-style:italic;
		}
	blockquote, ul, ol, dl {
		margin:1em;
		}
	ol, dl {
		margin-left:2em;
		}
		ol li {
			list-style:decimal outside;
			}
	ul {
		margin:0;
		}
		ul li {
			list-style:none;
			list-style-position:outside;
			background-image:url(../images/bullet-black.gif);
			background-position:0 5px;
			background-repeat:no-repeat;
			padding-left:10px;
			display:block;
			font-size: 1.1em;
			}
        .hidden {
            display: none;
        }

	.clear {
		float: none;
		clear: both;
		border: 0;
		margin: 0;
		padding: 0;
	}

	.clean {
		list-style:none;
		margin:0;
		}
		.clean li {
			list-style:none;
			padding-left: 0px;
			}
	
	span.req { font-size: 12px; color: red; font-family: Tahoma, arial, helvetica, sans-serif; }
	
	#languageSelector { background: none; height: 25px; line-height: 25px; padding-top: 15px; }
	#languageSelector * { background: none; color: #00C051; }
	#languageSelector ul { list-style-type: none; margin: 0; float: right; padding: 0;} 
	#languageSelector li { font-size: 11px; float: left; }
			
	div.block .linklist {
		border-bottom:none;
		padding-bottom:0;
		}
		div.block .linklist li {
			background-image:none;
			padding-left:0;
			}
	.split-link {
		list-style:none;
		margin:0;
		overflow:hidden; _zoom:1;
		clear:both;
		}
		.split-link li {
			list-style:none;
			background-image: none;
			padding-left: 0;
			margin-right: 4px;
			}
			.split-link li a,
			.split-link li a:visited {
				font-weight:bold;
				text-decoration:none;
				}
			.split-link li a:hover {
				color:#fff;
				}
		.split-link li.right {
			float:right;
			}
			
	ul.clean li.empty {
		padding-left: 0px;
	}
	
	th, td {
		border:1px solid #000;
		padding:.5em;
		}
	th {
		font-weight:bold;
		text-align:left;
		}
	caption {
		margin-bottom:.5em;
		text-align:center;
		}
	p, fieldset, table {
		margin-bottom:1em;
		padding:4px 0;
		}
	p {
		font-size:12px;
		}
	a,
	a:visited {
		color:inherit;
		}
		a.block-link,
		a.block-link:visited,
		.linklist a,
		.linklist a:visited {
			font-weight:bold;
			text-decoration:none;
			display:block;
			border-bottom-style:dotted;
			border-bottom-width:1px;
			padding:0 0 4px 0;
			margin:4px 0 0 0;
			clear:both;
			}
			div.admin a.block-link,
			div.admin a.block-link:visited {
				border-bottom:none;
				line-height:16px;
				}
		a.block-button,
		a.block-button:visited {
			text-transform:uppercase;
			font-size:1.5em;
			text-align:center;
			background:#00c051 url(../images/block-button.gif) 0 0 repeat-x;
			}
		a.block-button.join-project { font-size: 1.7em; }
		div.darkgreen a.block-button.join-project:hover { color: #004516; }

		.wizard-steps li { border-bottom: 1px dotted #FFF; padding: 0;}
		.wizard-steps a,
		.wizard-steps a:visited {
			border: 0;
			font-weight:normal;
			margin: 0;
			padding: 0;
			}
		.wizard-steps .selected,
		.wizard-steps a.selected:visited {
			font-weight:bold;
			border-bottom-color: #fff;
			color: #00C051;
			}
		
		.wizard-steps li div { height: 16px; line-height: 20px; padding: 4px 0; }
		a.split {
			text-align:right;
			}
		div.block a.button,
		div.block a.button:visited {
			background:#00c051;
			color:#fff;
			border:none;
			font-weight:bold;
			text-decoration:none;
			display:block;
			padding:3px 16px;
			float:right;
			margin:0 0 0 4px;
			}
		div.block a.button:hover {
			text-decoration:underline;
			color: #fff !important;
			}
	
	div.block a.supp,
	div.block a.supp:visited {
		float:right;
		border-bottom:none;
		line-height:16px;
		height:16px;
		margin-left:4px;
		font-weight:bold;
		text-decoration:none;
		color:inherit;
		font:bold 11px Arial, Helvetica, sans-serif;
		}
	div.block a.supp:hover {
		text-decoration:underline;
		}
	
	a:hover {
		text-decoration:none;
		}
		a.block-link:hover,
		.linklist a:hover {
			color:#fff;
			}
	
	div.block a.admin {
		background: url(/assets/skins/backoffice/images/icons/wrench.png) 0 0 no-repeat;
		padding-left:20px;
		}

/*	FOR ALL PAGES FROM TINYMCE  */

	div.block div.static_page h2.firstheading {
		border-top: 0px;
		padding-top: 0px;
		}
		
	div.block div.static_page h2 {
		padding-bottom: 4px;
		padding-top: 4px;
		border-top: 1px dotted;
		border-bottom: 1px dotted;		
		}

	div.block div.static_page h1 {
		border-bottom:10px solid #fff;
		margin:-10px -10px 5px;
		padding:10px;	
		}

	div.block div.static_page p {
		line-height: 1.5em;
		}

	div.block div.static_page ul li {
		line-height: 1.5em;
		}

	div.block div.static_page  {
		border-bottom: 0px;
		}

	div.block div.static_page img  {
		margin: 5px 10px 5px 0;
		}

	div.block div.static_page em  {
		color: #000000;
		}
		
	div.block div.static_page h1.pink_bg  {
		background: #fdaac6;
		}

	div.static_page_border {
		border-bottom: 0px !important;
		}
		
				
/*	***************************************************************************************
	BASE CLASSES - generic classes
	***************************************************************************************/



	/*	GRID - defines the grid ( based on OOCSS: http://wiki.github.com/stubbornella/oocss )
		***********************************************************************************/
		.row, .lastCol	{ overflow: hidden; _overflow:visible; _zoom:1; }
		.col			{ float:left; _zoom:1; }

		.size1of1		{ float:none; }
		.size1of2,
		.size2of4		{ width:50%; }
		.size1of3		{ width:33.33333%; }
		.size2of3		{ width:66.66666%; }
		.size1of4		{ width:25%; }
		.size3of4		{ width:75%; }
		.size1of5		{ width:20%; }
		.size2of5		{ width:40%; }
		.size3of5		{ width:60%; }
		.size4of5		{ width:80%; }

		.lastCol		{ float:none; _position:relative; _left:-3px; _margin-right:-3px; width:auto;}

	/*	STRUCTURE - generic strucural classes
		***********************************************************************************/
		div.row {
			border-top:10px solid #fff;
			margin-bottom:-10px;
			position:relative;
			background-position:5px 0;
			background-repeat:repeat-y;
			overflow:hidden; _overflow:visible;
			zoom:1;
			}
			div.col {

				}
				div.block, div.block-no-border {
					margin:0 5px;
					padding:6px 10px 10px;
					border-bottom:10px solid #fff;
					position:relative;
					clear:both;
					overflow:hidden;
					height:100%;
					_zoom:1;
					}
                    div.block-no-border {
                        border: 0!important;
                    }
					div.block > * {
						border-bottom-width:1px;
						border-bottom-style:dotted;
						margin:4px 0 0;
						padding:0 0 4px;
						}
					div.block h1 {
						border-bottom:10px solid #fff;
						margin:-6px -10px 10px;
						padding:10px;
						}
					div.block h2 {
						border-bottom-width:1px;
						border-bottom-style:dotted;
						margin-bottom:4px;
						}
					div.block h3 {
						padding: 4px 8px;
                                                margin: 0px;
						}
					div.block a.block-button,
					div.block a.block-button:visited {
						padding:8px 0;
						margin:10px 0 0 0;
						border-bottom:none;
						}

				div.size2of4 div.block {
					margin:0 4px 0 5px;
					}

				body.popup div.block {
					margin:0;
					}
				body.popup {
					height: 392px;
					}

				div.no-content {
					padding-bottom:0;
					}
					div.no-content h1 {
						margin-bottom:0;
						border-bottom:none;
						}
						
			div.collapsed {
			
				}
				div.collapsed h2 {
					border-bottom:none;
					margin:0;
					padding:0;
					}
			.close-button {
				display: block;
				float: right;
				position:absolute;
				right:0;
				top:0;
				width: 16px;
				height: 16px;
				background: #00c051 url(../images/collapse-close.jpg) center center no-repeat;
				cursor:pointer;
				text-indent: -9999px;
				}
				div.collapsed .close-button {
					background-image:url(../images/collapse-open.jpg);
					}
					
	div.block div.row {
		border-bottom:none;
		margin:0 0 -10px 0;
		padding:0;
		}
	div.pink div.row,
	div.pink div.block {
		border-color:#FDAAC6;
		}
	div.row div.row {
		margin-right:-5px;
		margin-left:-5px;
		}
	div.row div.firstRow {
		border-top:none;
		}

	div.block.darkgreen.join-project p { border: 0; }

	/*	FORMS - generic form styling
		***********************************************************************************/
		form {
			position:relative;
			margin:0 0 20px;
			}
			form h2 {
				padding-bottom:4px;
				}
			form h3 {
				font-weight:bold;
				text-decoration:none;
				border-top:1px dotted #000;
				border-bottom:1px dotted #000;
				padding:4px 0;
				margin:44px 0;
				clear:both;
				}
				form h3 span {
					font-weight:normal;
					}
			form .disabled {
				font-size:1.2em;
				line-height:22px;
				}
			label {
				font-size:12px;
				line-height:1.4em;
				float:left;
				display:block;
				width:124px;
				margin:0 0 0 -140px;
				padding:0 8px;
				text-align:left;
				line-height:22px;
				}
				.radioGroup label,
				.checkboxGroup label {
					width:auto;
					float:none;
					padding:0;
					margin:0;
					}
			input {

				}
				input.text,
				input.password,
				input.file,
				select,
				textarea {
					width:292px;
					padding:3px 8px;
					border:1px solid #a5acb2;
					background:#fff;
					}
                input.text-less-wide {
                    width: 284px!important;
                    margin-left: 9px;
                }
					input.urlname {
						width:80px;
						margin-left:4px;
						}
					span.url {
						font-size:1.2em;
						}
				input.checkbox {
					margin:4px 4px 4px 0;
					}
				input.radio {

					}
				input.submit,
				input.btn {
					background:#00c051;
					color:#fff!important; /* IE7 wrong cascade */
					font-weight:bold;
					border:none;
					padding:2px 8px;
					margin:0 4px 0 0;
					display:inline;
					cursor: pointer;
					outline: none;
					}

				  button::-moz-focus-inner,
				  input[type="reset"]::-moz-focus-inner,
				  input[type="button"]::-moz-focus-inner,
				  input[type="submit"]::-moz-focus-inner,
				  input[type="file"] > input[type="button"]::-moz-focus-inner {
					  border: none;
					  }

					div.green input.submit,
					div.green input.btn,
					div.green-alt input.submit,
					div.green-alt input.btn {
						background:#fdaac6; /* pink */
						}
						div.green.tags div {
							font-size: 24px;
							line-height: 18px;
						}
               input.remove {
                    background: url(../images/close.gif) left top no-repeat;
                    width: 50px;
                    height: 11px;
                    display: inline-block;
                    text-indent: -9999px;
                    margin-left: 5px;
                    border: #000 0px solid;
					cursor: pointer;
                }
                input.remove:hover {
                    background-position:left bottom;
                }
                input.less-wide {
                    width:110px!important;
                    padding: 3px 8px;
                    border: 1px solid #a5acb2;
                    background: #fff;
                }
                input.less-wide-left {
                    width:110px!important;
                    padding: 3px 8px;
                    border: 1px solid #a5acb2;
                    background: #fff;
                    float: left;
                }
				li.submit input.submit,
				li.submit input.btn {
					margin:0 0 0 4px;
					}
				li.submit a.pass-forgot {
					font-size: 0.8em;
				}
				li.mce {
					padding-left:0;
					}
					li.mce label {
						display:none;
						}	
				input.readonly {
					background:transparent;
					border:none;
					padding:2px 0 0 0;
					}

				.radioGroup input,
				.checkboxGroup input {
					margin:0 4px 0 0;
					}

			select {
				padding:1px 1px 1px 8px;
				}
				option {
					background:#fff;
					border:1px solid #fff;
					}
				.dateGroup select {
					width:auto;
					display:inline;
					margin:0 8px 0 0;
					}
			
			span.no-edit {
				display:block;
				padding:3px 8px;
				}
			
			form fieldset {
				border:none;
				padding:0;
				margin:0;
				}
				.dateGroup {
					}
					.dateGroup button.calendar {
						margin:2px 0 0 0;
						padding:0;
						display:block;
						float:left;
						}

			form ol,
			form ul {
				list-style:none;
				padding:0;
				margin:0;
				}
			form li {
				list-style:none;
				list-style-position:outside;
				margin:22px 0;
				padding:0 0 0 140px;
				display:block;
				clear:both;
				overflow:hidden; _zoom:1;
				background:#faf8f1;
				}
				div.pink form li {
					background:#fed9e5; /* light pink */
					}
				form li.checkbox,
				form li.radio,
				form li.submit,
				form li.message,
				form li.photo {
					background:none!important;
					}
			form li.submit {
				border-top:1px dotted #000;
				padding:22px 0 0 0;
				}
				form li.submit label {
					display:none;
					}
				form li.submit input {
					float:right;
					}

				form li.submit input.submit2{
					background:#00c051;
					color:#fff!important; /* IE7 wrong cascade */
					font-weight:bold;
					border:none;
					padding:2px 8px;
					margin:0 4px 0 0;
					display:inline;
					float: none;
					}
				form li.submit input.reset2 {
					margin:0;
					}

			form li.message {
				padding-left:140px;
				}
				form li.message label {
					display:none;
					}

			.error {
				display:block;
				/*margin-left:140px; seems like old css */
				padding:2px 0;
				color:#ff0000;
				clear: left;
				width: 80%;
				}
			.error2 {
				display:block;
				padding:2px 0;
				color:#f00;
				font-size:1.2em;
				}

			.noli {
				margin:22px 0;
				}

			.error_popup {
				display: none;
				padding:2px 0;
				color:#f00;
			}
			
		
		div.size1of4 form {
			margin-bottom:0;
			}
		
		div.size1of4 form ul,
		form div.size1of4 ul,
		div.size1of3 form ul,
		form div.size1of3 ul,
		div.size2of4 div.listBlock div.contentBlock form ul {
			margin-top:0;
			padding-top:4px;
			}

		div.size1of4 form li,
		form div.size1of4 li,
		div.size1of3 form li,
		form div.size1of3 li,
		div.size2of4 div.listBlock div.contentBlock form li {
			margin:4px 0;
			padding:0;
			background:none;
			}
		div.size1of4 form li.submit,
		form div.size1of4 li.submit,
		div.size1of3 form li.submit,
		form div.size1of3 li.submit,
		div.size2of4 div.listBlock div.contentBlock form li.submit {
			border:none;
			margin-top:10px;
			}
		div.size1of4 form span,
		form div.size1of4 span,
		div.size1of3 form span,
		form div.size1of3 span,
		div.size2of4 div.listBlock div.contentBlock form span {
			display:block;
			padding:4px 0 0;
			}
		div.size1of4 label,
		div.size1of3 label,
		div.size2of4 div.listBlock div.contentBlock form label {
			float:none;
			width:auto;
			padding:0;
			margin:0 0 2px 0;
			line-height:normal;
			}


		div.size1of4 select,
		div.size1of4 textarea,
		div.size2of4 div.listBlock div.contentBlock form select,
		div.size2of4 div.listBlock div.contentBlock form textarea {
			width:210px;
			}
		div.size1of3 select,
		div.size1of3 textarea {
			width:283px;
			}
		div.block div.size1of4 select,
		div.size2of4 div.listBlock div.contentBlock form select {
			width:210px;
			}
		div.block div.size1of3 select {
			width:283px;
			}
		div.block div.size1of4 textarea,
		div.size2of4 div.listBlock div.contentBlock form textarea {
			width:186px;
			}
		div.block div.size1of3 textarea {
			width:264px;
			}
		div.size1of4 input.text,
		div.size1of4 input.password,
		div.size1of4 input.file,
		div.size2of4 div.listBlock div.contentBlock form input.text,
		div.size2of4 div.listBlock div.contentBlock form input.password,
		div.size2of4 div.listBlock div.contentBlock form input.file {
			width:192px;
			}
		div.size1of3 input.text,
		div.size1of3 input.password,
		div.size1of3 input.file {
			width:264px;
			}
		div.block div.size1of4 input.text,
		div.block div.size1of4 input.password,
		div.block div.size1of4 input.file {
			width:186px;
			}
		div.block div.size1of3 input.text,
		div.block div.size1of3 input.password,
		div.block div.size1of3 input.file {
			width:264px;
			}
		
		div.size1of4 .error,
		div.size1of3 .error,
		div.size2of4 div.listBlock div.contentBlock form .error {
			margin-left:0;
			padding-top:0;
			font-weight:bold;
			border-bottom:none;
			}
                #usersPasswordIndexForm label {
                    width: 180px;
                }
                #usersPasswordIndexForm input.text {
                    width: 214px;
                }

	/*	NAV - generic menu classes
		***********************************************************************************/
		#nav-main.nav {
			margin:0;
			}
			#nav-main .nav li {
				list-style:none;
				list-style-position:outside;
				padding:0;
				background-image:none;
				font-size: 1.0em;
				}

		.horizontal {
			overflow:hidden;
			}
			.horizontal li {
				float:left;
				}

	/*	TYPOGRAPHY
		***********************************************************************************/


	/*	COLORS - defines basic site colors
		***********************************************************************************/
		.white 			 { color:#ffffff; }
		.beige 			 { color:#f4efe0; }
		.grey			 { color:#e3decd; }
		.brown			 { color:#d2c9ad; }
		.pink			 { color:#fdaac6; }
		.fuchsia		 { color:#ff639d; }
		.green 			 { color:#00c051; }
		.darkgreen 		 { color:#004516; }
        .black, .black a { color:#000!important; }

		div.white,		div.white-alt		{ background:#ffffff; }
		div.beige,		div.beige-alt		{ background:#f4efe0; }
		div.grey,		div.grey-alt		{ background:#e3decd; }
		div.brown,		div.brown-alt		{ background:#d2c9ad; }
		div.pink,		div.pink-alt		{ background:#fdaac6; }
		div.fuchsia,	div.fuchsia-alt		{ background:#ff639d; }
		div.green,		div.green-alt		{ background:#00c051; }
		div.darkgreen, 	div.darkgreen-alt	{ background:#004516; }
        div.black                           { background:#000; }
        div.lightpink{ background-color: #ffc8dc; }

		div.white,
		div.beige,
		div.grey,
		div.brown,
		div.pink,
		div.fuchsia-alt,
		div.green-alt {
			color:#000000;
			}

		div.darkgreen-alt > * { /* darkgreen is to dark for #000000, alternative color: green */
			color:#00c051;
			}

		div.white > *,
		div.beige > *,
		div.grey > *,
		div.brown > *,
		div.pink > *,
		div.fuchsia-alt > *,
		div.green-alt > * {
			border-color:#000000;
			}

		div.darkgreen-alt > * { /* darkgreen is to dark for #000000, alternative color: green */
			border-color:#00c051;
			}

		
		div.grey-alt,
		div.brown-alt,
		div.pink-alt,
		div.fuchsia,
		div.green,
		div.darkgreen {
			color:#ffffff;
			}
		div.grey-alt li,
		div.brown-alt li,
		div.pink-alt li,
		div.fuchsia li,
		div.green li,
		div.darkgreen li {
			background-image:url(../images/bullet-white.gif);
			}
		div.grey-alt li.alt,
		div.brown-alt li.alt,
		div.pink-alt li.alt,
		div.fuchsia li.alt,
		div.green li.alt,
		div.darkgreen li.alt {
			background-image:url(../images/bullet-black.gif);
			}
			
		div.white-alt,
		div.beige-alt { /* white and beige are to light for #ffffff, alternative color: green */
			color:#00c051;
			}

		div.grey-alt > *,
		div.brown-alt > *,
		div.pink-alt > *,
		div.fuchsia > *,
		div.green > *,
		div.darkgreen > * {
			border-color:#ffffff;
			}
			
		div.white-alt > *,
		div.beige-alt > * { /* white and beige are to light for #ffffff, alternative color: green */
			border-color:#00c051;
			}

		div.white-alt em,	div.white-alt .alt,		div.white .alt em,	 		div.white-alt a.block-link:hover, 	div.white-alt .linklist a:hover,
		div.beige-alt em,	div.beige-alt .alt,		div.beige .alt em,	 		div.beige-alt a.block-link:hover, 	div.beige-alt .linklist a:hover,
		div.grey-alt em,	div.grey-alt .alt,		div.grey .alt em,		 	div.grey-alt a.block-link:hover, 	div.grey-alt .linklist a:hover,
		div.brown-alt em,	div.brown-alt .alt,		div.brown .alt em,	 		div.brown-alt a.block-link:hover, 	div.brown-alt .linklist a:hover,
		div.pink-alt em,	div.pink-alt .alt,		div.pink .alt em, 			div.pink-alt a.block-link:hover, 	div.pink-alt .linklist a:hover,
		div.fuchsia em,		div.fuchsia .alt,		div.fuchsia-alt .alt em, 	div.fuchsia a.block-link:hover, 	div.fuchsia .linklist a:hover,
		div.green em, 		div.green .alt,			div.green-alt .alt em, 		div.green a.block-link:hover, 		div.green .linklist a:hover {
			color:#000000;
			}

		div.darkgreen em, 	div.darkgreen .alt,		div.darkgreen-alt .alt em, 	div.darkgreen a.block-link:hover, 	div.darkgreen .linklist a:hover {
			/* darkgreen is to dark for #000000, alternative color: green */
			color:#00c051;
			border-color:#ffffff;
			}
			
		

		div.grey em,		div.grey .alt,			div.grey-alt .alt em,
		div.brown em,		div.brown .alt,			div.brown-alt .alt em,
		div.pink em,		div.pink .alt,			div.pink-alt .alt em,
		div.fuchsia-alt em,	div.fuchsia-alt .alt,	div.fuchsia .alt em,
		div.green-alt em,	div.green-alt .alt,		div.green .alt em,
		div.darkgreen-alt em, div.darkgreen-alt .alt, div.darkgreen .alt em {
			color:#ffffff;
			}
		
		div.white em, 		div.white .alt,		 	div.white-alt .alt em, div.white a.block-link:hover, 	div.white .linklist a:hover,
		div.beige em,		div.beige .alt,			div.beige-alt .alt em, div.beige a.block-link:hover, 	div.beige .linklist a:hover {
			color:#00c051; /* white and beige are to light for #ffffff, alternative color: green */
			}
		/* weblog posting fix, some people use <em> */
		div.main div.weblog_post em {
			color: #000;
		}


	/*	FAUX COLUMNS - background-images for faux columns
		***********************************************************************************/
		div.white-white-white-white		{ background-image:none; /* default is white */ }
		div.white-white-white-green 	{ background-image:url(../images/columns/white-white-white-green.png); }
		div.brown-white-white-green 	{ background-image:url(../images/columns/brown-white-white-green.png); }
		div.brown-beige-beige-brown 	{ background-image:url(../images/columns/brown-beige-beige-brown.png); }
		div.brown-beige-beige-beige 	{ background-image:url(../images/columns/brown-beige-beige-beige.png); }
		div.green-white-white-green 	{ background-image:url(../images/columns/green-white-white-green.png); }
		div.green-beige-beige-green 	{ background-image:url(../images/columns/green-beige-beige-green.png); }
		div.green-pink-pink-fuchsia 	{ background-image:url(../images/columns/green-pink-pink-fuchsia.png); }
		div.fuchsia-pink-pink-fuchsia 	{ background-image:url(../images/columns/fuchsia-pink-pink-fuchsia.png); }
		div.fuchsia-white-white-fuchsia { background-image:url(../images/columns/fuchsia-white-white-fuchsia.png); }
		div.brown-beige-beige-green 	{ background-image:url(../images/columns/brown-beige-beige-green.png); }
		div.brown-beige-beige-white 	{ background-image:url(../images/columns/brown-beige-beige-white.png); }
		div.pinkpinkpinkpink		{ background-image:url(../images/columns/pinkpinkpinkpink.png); }


/*	***************************************************************************************
	STRUCTURE
	***************************************************************************************/

	div#container { width:960px; margin:0 auto; }
	div#body {}

	#header { height: 140px; margin: 0 auto; width: 950px; }
	#branding { float: left; width: 320px; height: 36px; }
	#branding a { display: block; float: left; width: 320px; height: 35px; }
	#branding img {  }
	#branding a span, #payoff span { display: none; }
	#branding #payoff { background: transparent url('../images/payoff.gif') 0px 17px no-repeat; float: right; height: 36px; width: 215px; margin-left: 5px; }
	
	#topLogin { right: 0px; float: right; height: 24px; margin-top: 13px; width: 600px; }
	#topLogin.loggedIn { width: 600px; }
	#topLogin.loggedIn.no_facebook { width: 600px; }
	#topLogin.loggedIn.not_connected { width: 600px; }
	#topLogin form label, #mainNavigation #globalSearch label { padding: 0; margin: 0; position: absolute; }
	#topLogin form label { background: #FFEFF5; color: #FFA7C7; height: 24px; text-indent: 3px; line-height: 24px; width: 122px; }
	#topLogin form label input { background: transparent; border: 1px solid #FF619A; color: #FF619A; height: 14px; width: 112px; margin: 0 0 0 -3px; padding: 4px; }
	#topLogin form label span, #topLogin form label input, #topLogin form div { position: absolute; }	
	#topLogin #lblLoginName { left: 100px; }
	#topLogin #lblLoginPassword { left: 225px; }
	#topLogin #btnLogin, #topLogin #btnLogout, #topLogin #lnkRegister, #topLogin #btnToMyProfile { background-color: #FF619A; border: 0; color: #FFF; cursor: pointer; font-weight: bold; font-size: 12px; line-height: 24px; padding: 0 10px; text-decoration: none; }
	#topLogin form div { right: 0; width: auto; }
	#topLogin form div * { float: left; height: 24px; line-height: 24px; margin-left: 7px; text-align: center; }
	#topLogin #lnkForgotPassword, #topLogin #lnkInviteSomeone, #topLogin #lnkEditProfile { color: #FF619A; font-size: 9px; line-height: 12px; margin-right: 7px; width: 65px; }
	#topLogin #lnkEditProfile, #topLogin #lnkInviteSomeone { width: 55px; }
	#topLogin #lnkRegister, #topLogin #btnToMyProfile { background-color: #00C051; }
	#topLogin #lnkRegister { width: 77px; }
	#topLogin #lnkForgotPassword { width: 70px; }
	#topLogin .fb_connect_button { float: left; margin-top: 2px; margin-right: 7px; }
	
	#topLogin #helloUser { border-bottom: 1px solid #FF619A; border-top: 1px solid #FF619A; color: #FF619A;  float: left; font-size: 14px; font-weight: bold; width: 200px; height: 22px; line-height: 22px; margin: 0 5px 10px 0; padding: 0; text-align: right; }
	#topLogin #btnToMyProfile, #topLogin #btnLogout, #topLogin #lnkForgotPassword, #topLogin #lnkInviteSomeone, #topLogin #lnkEditProfile { float: left; margin-right: 5px; }
	#topLogin #helloUser span { color: #00C051; margin-right: 0; }
	#topLogin #lnkInviteSomeone { color: #00C051; margin-right: -1px; width: 65px}

	#mainNavigation { background-color: #00C051; margin: 10px 0; height: 52px; }
	#mainNavigation #menu * { background: none; height: 52px; line-height: 52px; }
	#mainNavigation #menu { float: left; height: 52px; width: 650px; }
	#mainNavigation #globalSearch { float: right; height: 52px; width: 250px; }
	#mainNavigation #menu li { float: left; margin-left: 20px; _margin-left:10px;}
	#mainNavigation a span { display: none; }
	
	#mainNavigation #globalSearch form { margin-left: 0px; margin-top: 16px; width: 235px; }
	#mainNavigation #globalSearch fieldset { position: relative; }
	#mainNavigation #globalSearch label { background-color: #FFF; color: gray; height: 20px; line-height: 20px; margin-right: 3px; text-indent: 1px; width: 172px; } 
	#mainNavigation #globalSearch label span, #mainNavigation #globalSearch #fldSearchTerm, #mainNavigation #globalSearch #btnSearch { position: absolute; }	
	#mainNavigation #globalSearch #fldSearchTerm { background-color: transparent; border: 0; margin: 0 0 0 -1px; height: 16px; padding: 2px; width: 168px; }
	#mainNavigation #globalSearch #btnSearch { background-color: #FFF; border: 0; color: #00C051; cursor: pointer; font-weight: bold; height: 20px; line-height: 20px; padding: 0 7px; right: 0; width: 60px; }

        #theBigPicture { background-color: #333; position: relative; height: 408px; margin: 10px auto; width: 950px;}

	.bartSpace { height: 408px; top: 0px; position: absolute; width: 950px; }
	.bartSpace #nextImageBg, .bartSpace #prevImageBg { background-color: #FF619A; filter: alpha(opacity=30); opacity: 0.3; -moz-opacity:0.3; bottom: 10px; height: 35px; width: 35px; position: absolute; }
	.bartSpace #btnPrev, .bartSpace #btnNext { display: none; background-color: #FF619A; bottom: 10px; display: block; color: #FFF; filter: alpha(opacity=20); opacity: 0.2; font-size: 32px; line-height: 35px; height: 35px; width: 35px; position: absolute; text-align: center; }
	.bartSpace #btnPrev:hover, .bartSpace #btnNext:hover { filter: alpha(opacity=80); opacity: 0.8; }
	.bartSpace #btnPrev a, .bartSpace #btnNext a { background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; display: block; height: 35px; width: 35px; }

        .bartSpace #btnPrev a { background-image: url('/assets/skins/frontoffice/images/bartspace/btnBartSpacePrev.png'); }
	.bartSpace #btnNext a { background-image: url('/assets/skins/frontoffice/images/bartspace/btnBartSpaceNext.png'); }
	.bartSpace #btnPrev span, .bartSpace #btnNext span { display: none; }
	.bartSpace #prevImageBg, .bartSpace #btnPrev { display: none; right: 56px; }
	.bartSpace #nextImageBg, .bartSpace #btnNext { display: block; right: 10px; }
        .bartSpace .projectLink1, .bartSpace .projectLink2 { position: absolute; width: 153px; height: 47px;}
        .bartSpace .projectLink1:hover, .bartSpace .projectLink2:hover {display: block; border: 1px solid white; cursor: pointer}
        .bartSpace .projectLink1 {top: 333px; left: 30px; }
        .bartSpace .projectLink2 {top: 333px; left: 195px; }

	.bannerProjectContainer { background-color: green; }
	.bannerProjectContainer a { color: #FFF; }
	.bannerProjectContainer .statCont { background-color: #FFFFFF; height: 40px; padding: 10px 13px; position: relative; }
	.bannerProjectContainer .statCont.b260 { float: left; width: 131px; }
    .bannerProjectContainer .statCont .statContBar { background: #FF619A url('/assets/skins/frontoffice/images/bartspace/projectAmountBg.gif') -200px 0px no-repeat; position: absolute; top: 25px; height: 10px; width: 200px; }
	.bannerProjectContainer .statCont .statContBar.small { width: 135px; }
	.bannerProjectContainer .statCont .statContAmountNow { color: #00C051; font-weight: bold; position: absolute; top: 9px; }
	.bannerProjectContainer .statCont .statContIndicator { width: 1px; height: 15px; background-color: #00C051; position: absolute; top: 9px; }
	.bannerProjectContainer .statCont .statContNeeded { position: absolute; bottom: 9px; right: 13px; font-weight: bold; color: #FF619A; } 
    .bannerProjectContainer .header { font-size: 16px; color: #FFFFFF; background-color: #F75D9C; padding: 8px 9px; margin-top: 0; }
    .bannerProjectContainer .header.b160 { height: 54px; }
    .bannerProjectContainer .header.b230 { height: 45px; }
    .bannerProjectContainer .header.b260 { height: 33px; }
    .bannerProjectContainer .header a { color: #FFFFFF; font-weight: bolder; }
    .bannerProjectContainer .header-ec { font-size: 16px; color: #F75D9C; background-color: #FFFFFF; padding: 8px 9px; }
    .bannerProjectContainer .header-ec.b160 { height: 54px; }
    .bannerProjectContainer .header-ec.b230 { height: 45px; }
    .bannerProjectContainer .header-ec.b260 { height: 33px; }
    .bannerProjectContainer .header-ec a { color: #00c051; font-weight: bolder; }
    .bannerProjectContainer .image { position: relative; background-color: #EEEEEE; height: 178px; }
    .bannerProjectContainer .image.b160 { height: 178px; }
    .bannerProjectContainer .image.b230 { height: 151px; }
    .bannerProjectContainer .image.b260 { float: left; width: 103px; height: 80px; }
    .bannerProjectContainer .image img.ec-logo.bottom-left { position: absolute; bottom: 8px; left: 8px; z-index: 10; }
    .bannerProjectContainer .image img.ec-logo.bottom-right { position: absolute; bottom: 8px; right: 8px; z-index: 10; }
    .bannerProjectContainer .title { clear: both; background-color: #30C251; color: #FFFFFF; padding: 9px 8px; font-weight: bolder; margin: 0; }
    .bannerProjectContainer .title.b160 { height: 54px; }
    .bannerProjectContainer .title.b230 { height: 35px; }
    .bannerProjectContainer .title.b260 { clear: left; height: 23px; }
    .bannerProjectContainer .title-ec { background-color: #4A6A9D; color: #FFFFFF; padding: 9px 8px; font-weight: bolder; }
    .bannerProjectContainer .title-ec.b160 { height: 54px; }
    .bannerProjectContainer .title-ec.b230 { height: 37px; }
    .bannerProjectContainer .title-ec.b260 { clear: left; height: 23px; }
    .banner160 { width: 160px; height: 380px; }
    .banner230 { width: 230px; height: 322px; }
    .banner260 { background: #FFF; width: 260px; height: 170px; }
    .banner400 { background: #FFF; width: 400px; height: 170px; }

/*	***************************************************************************************
	BLOCKS - content block styling
	***************************************************************************************/


	/*	div#site-info
		***********************************************************************************/

		div#site-info {
			text-align:center;
            padding-left: 20%;
            padding-right: 20%;
			}
			div#site-info p {
				border-bottom:none;
                width: 100%;
            }
            div#site-info a {
                margin: 6px;
                white-space: nowrap;
                font-weight: bold;
            }
            div#site-info a,
			div#site-info a:visited {
				text-decoration:none;
				}
			div#site-info a:hover {
				text-decoration:underline;
				}

	/*	div#sponsors
		***********************************************************************************/

		div#sponsors {
			overflow:hidden; _zoom:1;
			position:relative;
			text-align: center;
        	}
			div#sponsors span {
				clear:left;
				float:left;
				position:relative;
				left:50%;
				border-bottom:none;
				}
			div#sponsors a,
			div#sponsors a:visited {
				padding: 0;
				margin: 0 20px;
				display:inline-block;
				text-indent:-9999px;
				height: 25px;
				overflow: hidden;
				border: none;
				}
				div#sponsors a img {
					display:block;
					margin-top:-25px;
					}
			div#sponsors a:hover img {
				margin-top:1px;
				}

/*	***************************************************************************************
	PAGES
	***************************************************************************************/

	/*	div.project
		***********************************************************************************/

		div.list {
			padding:6px 0 0 0;
			}
			div.list h1 {
				border-bottom: 1px dotted #000;
				margin: 0px;
				padding:10px;
				}
			div.list h2,
			div.list p {
				margin-left:10px;
				margin-right:10px;
				}
			div.list h2 {
				margin-bottom:0;
				}
			div.list p.no-items {
				margin-bottom:10px
				}
			div.list a.supp {
				margin-right:10px;
				}

		div.listBlock {
			float:left;
			position:relative;
			width:33.33333%;
			border:none;
			margin:0;
			padding:0;
            overflow: hidden; /** Hack to IE6 bahavior **/
			}
			div.listBlock .member {
				height:90px;
				overflow:hidden;
				}
			div.listBlock p {
				padding:0;
				}
		.size2of4 div.listBlock {
			width:49.95%;
			}
                .contentBlock.member,
                .member {
                    padding: 8px;
                    border: 1px solid #ccc;
                    border-width: 0 1px 1px 0;
                }
                .contentBlock.member h3 {
                        margin: 0px 0px 4px;
                        padding: 0px;
                        color: #433;

                        }
		.member ul {
			margin:0;
                        padding: 4px;
			}
		.member li {
			list-style:none;
			}
                ul.project-members li {
			list-style:none;
                        display: inline;
                        margin: 4px;
                        padding: 0px;
                        background: none;
                    }
                ul.project-members {
                        list-style: none;
                    }
		.member .photo {
			width:70px;
			height:70px;
			background: #F5EFE1;
			float:left;
			overflow:hidden;
			margin-right:10px;
			}
		.member.card .photo {
			background: #004516;
			}
		.member .add-friend {
			position:absolute;
			bottom:10px;
			left:90px;
			text-transform:lowercase;
			}
		.member .location,
		.member .support {
			margin:0;
			font-size:1em;
			}
                        
		.card {
			overflow:hidden; _zoom:1;
			}
		.card h3 a {text-decoration: none;}
		.card h3 a:hover {text-decoration: underline;}

		div.contentBlock h3 a,
		div.contentBlock h3 a span {
			color: #fff;
		}

		div.contentBlock.member h3 a {
			color: #443333;
		}
		
		
		div.contentBlock {
			background: #FFFFFF;
			margin:10px;
			padding:10px;
			position:relative; /* ie6 fix (backgrounds of inner elements not showing */
			}
			div.no-results div.contentBlock {
				background:none;
				padding:0;
				margin-top:6px;
				}

		div.project {
			padding:0 0 5px 0;
                        /*
                        box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
                        -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
                        */
                        margin-bottom: 20px;
                        
			}
			div.project h3 {
				background:#fdaac6;
				color:#fff;
				margin:0 0 10px;
				}
				div.project h3 span {
					font-weight:normal;
					display:block;
					}
				div.project h3 a,
				div.project h3 a:visited {
					display:block;
					padding:8px 10px;
					text-decoration:none;
					}
				div.project h3 a:hover {
					text-decoration:underline;
					}
			div.project .support-this {
				font-weight:bold;
				text-decoration:none;
				}
				div.project a.support-this:hover {
					color:#00c051; /* green */
					}
                        div.projectBlock .actions {
                            border-top: 1px dotted #000;
                        }
                        div.projectBlock table {
                            margin: 0px 4px 2px 4px;
                            width: 210px;
                        }
                        
                        div.projectBlock .fb_button,
                        div.projectBlock .fb_button_rtl
                        {
                            /*
                            box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
                            -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
                            */
                        }
                        

			div.projectBlock .support-project
                        {
                            /*
                            box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
                            -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
                            text-shadow: 0 0 4px rgba(0,0,0,0.5);
                            -webkit-text-shadow: 0 0 4px rgba(0,0,0,0.5);
                            */
                            background-color: #00C051;
                            display: inline-block;
                            padding: 2px 5px;
                            border: 1px solid #474;
                            font-weight:bold;
                            text-decoration:none;
                            color: white;
                        }
			div.projectBlock .support-project:hover 
                        {
                            text-shadow: 0 0 4px rgba(255,255,255,0.5);
                            -webkit-text-shadow: 0 0 4px rgba(255,255,255,0.5);
                            background-color: #FF619A;
                            border-color: #745;
                        }
                        
			div.project ul {
				margin:0;
				}
			div.project li {
				padding:5px 10px;
				border-bottom:1px dotted #000;
				list-style:none;
				background-image:none;
				}
			div.project li.last {
                            border-bottom: 0px;
                            
                        }
				div.project li.support a {
					color: #000;
				}
/*  home page  */

div.supported-by

div.photos a.home_mediabg {
	background: #ffffff;
}

div.random-project li.image a.home_mediabg {
	display: block;
	background: #ffffff;
}

div.random-project li.image a img {
	float:none;
	margin: auto;
}

div.supported-by li.image a.home_mediabg {
	display: block;
	background: #ffffff;
}	

div.supported-by li.image a img {
	float:none;
	margin: auto;
}		

			div.project li.image a.photo_bg {
				display: block;
				background: #F0F0F0;
				text-align: center;
				}
			
				div.project li li {
					border:none;
					padding:0;
					}
				div.project li.image a img {
					float: none;
					margin: auto;
				}
			div.project li.image {
				padding:0 10px 10px;
				margin-top:10px;
				overflow:hidden;
				height:102px;
				}
			div.project li.rating {
			
				}
			div.project li.rating {
			position:relative;
			}
				div.project li.rating span {
					display:block;
					position:absolute;
					right:10px;
					top:3px;
					width:90px;
					height:16px;
					text-indent:-9999px;
					background:url(../images/rating-white.png) 0 0 repeat-x;
					}
					div.project li.rating span span {
						background-position:0 -16px;
						position:static;
						}

		div.project-mini {
			padding:0 0 4px 0;
			overflow:hidden; _zoom:1;
			}
			div.project-mini h3 {
				background:none;
				color:inherit;
				margin:0;
				}
				div.project-mini h3 a,
				div.project-mini h3 a:visited {
					display:inline;
					padding:0;
					}
				div.project-mini h3 a:hover {
					color: #FFFFFF;
				}
				
			div.project-mini .photo {
				background: #F3EFE0;
				float:left;
				margin-right:10px;
				}

		div.progressbar {
			
			}
			div.progressbar div {
				}
			div.progressbar div.bar {
				background:#fdaac6;
				height:10px;
				line-height:0;
				overflow:hidden;
				clear: both;
				}
				div.progressbar div.bar .progress {
					display:block;
					float:none;
					background:#00c051;
					height:10px;
					text-indent:-9999px;
					line-height:0;
					}
			div.progressbar div.donated {

				}
				div.progressbar div.donated span {
					display:block;
					padding:0 0 1px 4px;
					margin:0 0 1px -2px;
					border-left:1px solid #00c051;
					}
			div.progressbar div.donated-right {
				float: right;
				display:inline;
				}
				div.progressbar div.donated-right span {
					display:block;
					padding:0 4px 1px 0px;
					margin:0 0 1px 0;
					border-left: 0;
					border-right:1px solid #00c051;
					}
			div.progressbar div.required {
				text-align:right;
				padding-top:2px;
				}
			div.progressbar span span {
				display:none;
				}

		div.rating {
			height:40px;
			position:relative;
			}
			div.rating .current,
			div.rating .vote {
				position:absolute;
				top:0;
				width:100%;
				}
			div.rating .current {
				
				}
				div.rating .current span {
					display:block;
					position:absolute;
					right:0;
					top:4px;
					width:90px;
					height:16px;
					text-indent:-9999px;
					background:url(../images/rating.png) 0 0 repeat-x;
					}
					div.rating .current span span {
						background-position:0 -16px;
						position:static;
						}
			div.rating .vote {
				width:90px;
				right:0;
				}
				div.rating .vote span {
					display:none;
					}
				div.rating a.star,
				div.rating a.star:visited {
					display:block;
					height:16px;
					position:absolute;
					background:url(../images/rating.png) 0 16px repeat-x;
					text-indent:-9999px;
					}
				div.rating a.star:hover {
					background-position:0 -32px;
					}
				div.rating .vote .one 	{ width:20%;	z-index:5; }
				div.rating .vote .two 	{ width:40%;	z-index:4; }
				div.rating .vote .three { width:60%; 	z-index:3; }
				div.rating .vote .four 	{ width:80%; 	z-index:2; }
				div.rating .vote .five 	{ width:100%; 	z-index:1; }
			div.rating .votes {
				padding-top:24px;
				margin-bottom:0;
				}
		

		div.menu {

			}
			div.menu h2 {
				text-transform:uppercase;
				padding-left:4px;
				}
			div.menu ul {
				list-style:none;
				margin:0;
				border:none;
				}
			div.menu li {
				list-style:none;
				display:block;
				background-image:none;
				padding-left:0;
				}
			div.menu a {
				font-weight:bold;
				font-size:1.2em;
				text-decoration:none;
				display:block;
				border-bottom:1px dotted #000;
				padding:4px 0 4px 4px;
				margin:0;
				}
			div.menu a:hover, div.menu a.selected {
				background:#f4efe0;
				}


		div.no-padding {
			padding:0;
			}
			div.no-padding > * {
				border:none;
				margin:0;
				padding:0;
				}

		div.fixed-height {

			}
			div.fixed-height div.block {
				height:304px;
				}
			div.fixed-height-2 div.block {
				height:300px;
				}
			div.fixed-height div.no-padding {
				height:320px;
				}

	/*	div.activity
		***********************************************************************************/

		div.activity {

			}
			div.activity li {
				font-weight:bold;
				padding:2px 0;
				background-image:none;
				}
			div.activity .summary {
				border:none;
				}

	/*	div.friends
		***********************************************************************************/

		div.friends {

			}
			div.friends ul,
			div.supporters ul {
				padding-bottom:8px;
				overflow:hidden;
				_zoom:1;
				margin-left:1px;
				}
			div.friends li,
			div.supporters li {
				float:left;
				margin:4px 0;
				background-image:none;
				}
				div.friends li a,
				div.supporters li a {
					background:#e0d9c2;
					display:block;
					width:50px;
					height:50px;
					padding:0 1px;
					overflow:hidden;
					text-align:center;
					}
			div.friends li.empty {
				margin:0 0 0 1px;
			}
			div.supporters li.empty {
				margin:0 0 0 -1px;
				}
			
			div.supporters h2 {
				text-transform:uppercase;
				}

	/*	div.member-details
		***********************************************************************************/

		div.member-details,
		div.project-details {

			}
			#photo_and_sticker_container {
				float: left;
				width: 165px;
			}

			#derdehelftsticker {
				text-align: right;
				height: 88px;
				padding-top: 7px;
				width: 165px;
			}
            #earthchartersticker{
				text-align: center;
				height: 150px;
				padding-top: 7px;
				width: 165px;

            }

			div.member-details div,
			div.project-details div {
				overflow:hidden; _zoom:1;
				padding:0 0 0px 0;
				}
			div.member-details dl,
			div.project-details dl {
				margin:0;
				overflow:hidden;
				_zoom:1;

				}
			div.member-details dt,
			div.project-details dt {
				color:#fff;
				width:100px;
				float:left;
				clear:left;
				_display:inline;
				}
			div.member-details .term,
			div.member-details .term strong,
			div.project-details .term,
			div.project-details .term strong {
				color:#fff;
				border: none;
				width:100px;
				vertical-align: top;
			}
			div.member-details dd,
			div.project-details dd {
				padding-bottom:4px;
				width:280px;
				}
			div.member-details .descr,
			div.project-details .descr {
				/*width:280px;*/
				vertical-align: top;
				border: none;
				}
			div.member-details div.image,
			div.project-details div.image {
				float:left;
				width:165px;
				height:100%;
				overflow:hidden;
				_zoom:1;
				border:none;
				margin:0 10px 0 0;
				background: #ffdbe5;
				}

            div.member-details h2 {
                text-transform: uppercase;
            }


	/*	div.events
		***********************************************************************************/

		#privateMessagesMenu { margin-left: 5px; width: 471px; }
		#privateMessagesMenu .privateMessagesHeaders { margin: 0; padding: 0; } 
		#privateMessagesMenu .privateMessagesHeaders li { background: #D2C8AD; float: left; font-weight: normal; list-style-type: none; margin-right: 3px; padding: 4px 7px 0px 7px; }
		#privateMessagesMenu .privateMessagesHeaders li { border-bottom: 1px solid #ba8; font-size: 11px; border-radius: 3px 3px 0px 0px}
                #privateMessagesMenu .privateMessagesHeaders li a { text-decoration: none;}
                #privateMessagesMenu .privateMessagesHeaders li.last { margin-right: 0; }
		#privateMessagesMenu .privateMessagesHeaders li.active { background: #F5EFE1; border-bottom: 1px solid #F5EFE1}
		
		#privateMessages { background: #F5EFE1; margin: 0 0 0 5px; padding: 0 5px 10px; width: 461px; }
		* html #privateMessages { width: 471px; }
		#privateMessages .privateMessagesNavOptions { padding: 10px; }
		.privateMessagesNavOptions button { border: 0; background-color: #00C051; color: #FFF; cursor: pointer; font-weight: bold; height: 20px; line-height: 18px; margin-left: 7px; }
		.block.beige.verzonden, .block.beige.archief { display: none; }
		div.size2of4 div.block.beige.verzonden, div.size2of4 div.block.beige.ontvangen, div.size2of4 div.block.beige.archief { margin: 0; padding: 0; width: 445px; margin-left: 8px; border-bottom: 0; }

		div.events {}
		
			div.events h4 {
				padding-top:10px;
				font-size:11px;
				font-weight:normal;
				color: #B9B9B9;
				}
			#events_platf h4 { padding-top: 5px; }	
			
			div.events div.friends div.image {
				padding-top:4px;
				}
			div.events div.friends p.prefix_image {
				background:url(../images/and.gif) 0 10px no-repeat;
				padding-left:38px;
				}
			div.events div.link a.link,
			div.events div.link a.link:visited {
				font-size:16px;
				color:#aaa;
				}
		div.event {
			padding:4px 0 10px 60px;
			overflow:hidden; 
			_zoom:1;
			clear:both;
			position:relative;
			border-top: 1px dotted #000000;
			}
			div.event .image {
				float:left;
				margin-left:-60px; _display:inline;
				width:40px;
				overflow:hidden; _zoom:1;
				}
				.image img {
					display:block;
					float:left;
					}
				.memmessage .image img {
					margin-right: 7px;
				}
					
				.image span {
					display:block;
					float:left;
					clear:both;
					line-height:2em;
					font-size:1.2em;
					}
			div.event .info {
				display:block;
				color:#aaa;
				margin:0 0 4px 0;
				}
				div.event .info a {
					color:#666;
					font-weight:bold;
					}
					
				
			div.event p {
				margin:0;
				}
			div.event a.react {
				line-height:2em;
				}
			div.event a.more,
			div.event a.more:visited {
				font-size:11px;
				}
                        div.event a.remove,
			div.event a.remove:visited {
				background:url(../images/close.gif) left top no-repeat;
				width:11px;
				height:11px;
				display:block;
				text-indent: 15px;
                                cursor: pointer;
				top:5px;
				right:0;
				line-height:11px;
				}
			div.event a.remove:hover {
				background-position:left bottom;
				}
			div.event a.modify,
			div.event a.modify:visited {
				background:url(../images/modify.gif) left top no-repeat;
				height:11px;
				width:11px;
				display:block;
				text-indent:-9999px;
				position:absolute;
				top:5px;
				right:20px;
				line-height:11px;
				}
			div.event a.modify:hover {
				background-position:right top;
				}

		div.reaction {
			padding:6px 6px 6px 60px;
			margin:4px 0 0 0;
			overflow:hidden; _zoom:1;
			}
			div.reaction .image {
				margin-left:-54px;
				}
			div.reaction p {
				padding:0;
				}

		div.react {
			margin:0;
			padding:0 0 0 40px;
			border: none;
			}
			div.react li {
				margin:0;
				padding:0;
				background:none;
				background-image:none;
				}
			div.react label {
				display:none;
				}
			div.react form div.text {
				padding-left:23px;
				background:url(../images/react-arrow.png) 6px 10px no-repeat;
				}
				div.react textarea {
                                        border: none;
					background:#F4EFE0;
                                        padding:4px;
					width:100%;
					margin-left:-8px;
					height:66px;
					overflow:auto;
					}
                            div.react .image {
				float:left;
				margin-left:-40px; _display:inline;
				width:40px;
				overflow:hidden;
				}
			div.react div.submit {
				border:none;
				margin-top:10px;
				text-align:right;
				}
			div.react .error {
				margin-left:20px;
				}
		
		div.react_ajax {
			margin-top:10px;
			}
		div.react_ajax .loading_widget {
			display:none;
			}

	/*	div.incentive
		***********************************************************************************/

		div.incentive {
			height:290px;
			}
			div.incentive h1 {
				font-size:22px;
				text-transform:uppercase;
				font-weight:bold;
				line-height:1em;
				padding:10px 0 14px;
				margin:0;
				min-height:44px;
				border-bottom-width:1px;
				border-bottom-style:dotted;
				}
				div.incentive h1 span {
					display:block;
					font-size:14px;
					line-height:1em;
					}
			div.incentive p {
				border-bottom:none;
				font-size:12px;
				line-height:2em;
				}
			div.incentive .block-link {
				position:absolute;
				bottom:10px;
				left:10px;
				width:210px; /* assuming incentives are in a div.size1of4 */
				border-top-width:1px;
				border-top-style:dotted;
				margin-top:0;
				padding-top:4px;
				}
				
			div.incentive h1 {
				
				}
			div.millennium h1,
			div.new-project h1,
			div.current h1,
			div.private-invite h1,
			div.public-invite h1 {
				min-height:44px;
				text-indent:-9999px;
				background-position:0 10px;
				background-repeat:no-repeat;
				}	
			

			div.public-invite *,
			div.private-invite *,
			div.new-project * {
				display:none;
				}
			div.public-invite a.block-link,
			div.public-invite a.block-link:visited,
			div.private-invite a.block-link,
			div.private-invite a.block-link:visited,
			div.new-project a.block-link,
			div.new-project a.block-link:visited {
				display:block;
				height:100%;
				border:none;
				margin:0;
				padding:0;
				position:static;
				text-indent:-9999px;
				}

			div.goals {
				overflow:hidden;
				_zoom:1;
				padding-left:1px;
				}
			div.goals a {
				border:1px solid #fff;
				display:block;
				float:left;
				margin-left:1px;
				_display:inline;
				}
			div.goals img {
				display:block;
				}

			.goals .hover-block {
				position: absolute;
				width: 200px;
				top: 0px;
				left: -240px;
				background-color: #00C051;
				border: 5px solid #fff;
				padding: 10px;
				z-index: 10;
			}

			.goals .hover-block-left {
				position: absolute;
				width: 200px;
				top: 110px;
				right: 2px;
				background-color: #00C051;
				border: 3px solid #fff;
				padding: 10px;
				z-index: 10;
			}
                        #jtooltip img {
                            border: 1px solid white;
                        }
                        #jtooltip  {
                            -moz-box-shadow: 2px 2px 4px #444;
                            box-shadow: 2px 2px 4px #444;
                        }

			.goals .hover-button .hover-block,
            .goals .hover-button .hover-block-left {
				display: none;
			}

			.goals .hover-button:hover .hover-block,
            .goals .hover-button:hover .hover-block-left {
			}



	div.invite {
		background:#fff;
		margin-top:10px;
		padding:10px;
		overflow:hidden; _zoom:1;
		border-bottom:none;
		}
		div.invite div.image {
			float:left;
			margin:0 10px 0 0;
			}


	/*	div.photoalbum
		***********************************************************************************/

		div.photoalbum	{

			}
			div.photoalbum div.photos {
				overflow:hidden; _zoom:1;
				margin:10px -2px 0;
				border-bottom:none;
				}
			div.photoalbum div.photo {
				float:left;
				width:25%;
				overflow:hidden; _zoom:1;
				position:relative;
				}
div.photos	{
			text-align: center;
}

				div.photoalbum div.photo a {
					display:block;
					margin:2px;
					background:#e0d9c2;
					}
					div.photoalbum div.photo div.buttons {
						position:absolute;
						top:2px;
						left:2px;
						}
					div.photoalbum .split-link li a,
					div.photoalbum .split-link li a:visited {
						line-height:16px;
						display:block;
						float:left;
						}
					div.photoalbum .split-link li  a:hover {
							color:#000;
							text-decoration:underline;
							}
					div.photoalbum .split-link li.right a,
					div.photoalbum .split-link li.right a:visited {
						float:right;
						}
					div.block .add {
						background:url(/assets/skins/backoffice/images/icons/toolbar-add.png) 0 -1px no-repeat;
						padding-left:20px;
						}
					div.photoalbum h2 a {
						text-decoration: none;
						}
					div.photoalbum h2 a:hover {
						text-decoration: underline;
						}
					
					div.photoalbum h3 {
						
						}
					div.photoalbum h3 a.edit,
					div.photoalbum h3 a.delete,
					div.photoalbum h3 a.add {
						text-decoration:none;
						color:inherit;
						display:block;
						float:right;
						clear:both;
						position:static;
						margin-left:4px;
						font:bold 12px Arial, Helvetica, sans-serif;
						}
						div.photoalbum h3 a.edit:hover,
						div.photoalbum h3 a.delete:hover,
						div.photoalbum h3 a.add:hover {
							text-decoration:underline;
							}
					div.photoalbum a.add {
						height:16px;
						line-height:16px;
						}
					div.photoalbum div.photo .delete,
					div.block .delete {
						background:url(/assets/skins/backoffice/images/icons/toolbar-delete.png) 0 0 no-repeat;
						line-height:16px;
						height:16px;
						padding-left:20px;
						}
					div.photoalbum div.photo .edit,
					div.block .edit {
						background:url(/assets/skins/backoffice/images/icons/pencil.png) 0 0 no-repeat;
						line-height:16px;
						height:16px;
						padding-left:20px;
						}
						div.photoalbum div.photo .delete span,
						div.photoalbum div.photo .edit span {
							display:none;
							line-height:16px;
							text-decoration:underline;
							}
						div.photoalbum div.photo .delete:hover span,
						div.photoalbum div.photo .edit:hover span {
							display:block;
							
							}
                    div.block a.sort-up, div.block a.sort-up:visited  {
                            background: transparent url(/assets/skins/backoffice/images/icons/arrow_up.png) top left no-repeat;
                            line-height: 16px;
                            height: 16px;
                            padding-left: 20px;
                        }
                    div.block a.sort-down, div.block a.sort-down:visited {
                            background: transparent url(/assets/skins/backoffice/images/icons/arrow_down.png) top left no-repeat;
                            line-height: 16px;
                            height: 16px;
                            padding-left: 20px;
                        }
				div.photoalbum div.photo img {
					display:block;
					margin-bottom: 5px;
					}
			div.photoalbum div.photo div.description {
				height:3em;
				margin:0 2px 10px;
				}
				div.photoalbum div.photo div.description p {
					margin:0;
					padding:0;
					font-size:1em;
					}
			
			div.description p {
				margin: 0px;
				padding: 0 0 2px 0;
			}
		
		div.videos {
		
			}
			div.videos div.video h2 {
				margin-top:30px;
				}
				div.video h2 a {
					position:static;
					margin-left:4px;
					}





table.budget,
table.budget td,
table.budget th {
	border:none;
	vertical-align:top;
	padding:0 .5em .5em 0;
	}
	table.budget textarea {
		width:200px;
		height:3em;
		}
	table.budget select {
		width:100px;
		}
	table.budget input.text {
		width:80px;
		text-align:right;
		}
	table.budget .currency {
		text-align:right;
		}
		table.budget .currency span {
			padding:0 10px;
			}
	table.budget .total th {
		padding-top:1em;
		}
	table.budget .delete_btn {
			background: url('/assets/skins/backoffice/images/icons/disallow.png') 0 0 no-repeat;
			cursor: pointer;
			display:block;
			line-height:16px;
			padding:0 0 0 20px;
			margin-top:2px;
		}

	div#goals {
		overflow:hidden; _zoom:1;
		margin:5px 0;
		}
		div#goals .goal {
			cursor:pointer;
			float:left;
			padding: 10px 8px;
			margin:5px 0;
			}
		div#goals .hover {
			background:#e3decd;
			}
		div#goals .selected {
			background:#d2c9ad;
			}

	.tag {
		float:left;
		display:block;
		line-height:16px;
		padding:4px;
		font-size:1.2em;
		font-weight:bold;
		}
		.tag span {
			float:left;
			}
		.tag .delete {
			display:block;
			float:left;
			text-indent:-9999px;
			width:16px;
			height:16px;
			margin-left:2px;
			background:url(/assets/skins/backoffice/images/icons/disallow.png) 0 0 no-repeat;
			}
			
			
			
			

div.news-items {
    display: block;
    margin: 20px 0 0 0;
}

div.news-items div {
    margin: 25px 0 10px 0;
}

div.news-items div h4, div.news-items div h5 {
    margin: 0;
    padding: 0;
}

div.news-items div p {
    margin: 0px 0 5px 0;
    padding: 0;
}

div.news-item {
    display: block;
}

div.news-item a {
    float: right;
}

div.news-item h4 {
    margin: 20px 0 0 0;
    padding: 0;
}

div.news-item {
    margin: 0px 0 5px 0;
    padding: 0;
}



	/*	div.news
		***********************************************************************************/

		div.status,
		div.twitter,
		div.give-a-coupon {
			height:290px;
			overflow:hidden;
			}
			div.news h1,
			div.status h1,
			div.twitter h1,
			div.new-in-projects h1,
			div.give-a-coupon h1 {
				font-size:22px;
				text-transform:uppercase;
				font-weight:bold;
				line-height:1em;
				padding:10px 0 14px;
				margin:0;
				border-bottom-width:1px;
				border-bottom-style:dotted;
				border-bottom-color:#000;
				min-height:44px;
				}
			div.status h1,
			div.give-a-coupon h1 {
				border-bottom-color:#fff;
				}
				
			div.news h1,
			div.status h1,	
			div.twitter h1,
			div.new-in-projects h1 {
				text-indent:-9999px;
				background-position:0 10px;
				background-repeat:no-repeat;
				}
                        div.twitter a {
                            text-decoration: none;
                        }
                        div.twitter a:hover {
                            text-decoration: underline;
                        }
            div h4.news-overview, div h4.news-overview-detail {
                font-size: 12px;
                text-transform: uppercase;
            }
            div h4.news-overview-detail {
                border-bottom: #000 1px dotted;
                margin-bottom: 10px;
                padding-bottom: 2px;
            }

            div.news-select-date select#year {
                width: 60px;
            }

            div.news-select-date select#month {
                width: 140px;
            }



            div ul.news-items-list {
                list-style: none;
                background-image: none;
                padding-left: 0;
            }
            div ul.news-items-list a {
                text-decoration: none;
            }
            div ul.news-items-list a:hover, div ul.news-items-list a:visited:hover {
                text-decoration: underline;
            }
			div.news ul,
			div.status ul {
				border-bottom:none;
				line-height:2em;
				}
				div.news li,
				div.status li {
					background-position:0 10px;
					}
			div.twitter ul {
				border-bottom:none;
				line-height:1.4em;
				}
				div.twitter li {
					background-position:0 6px;
					margin-bottom:4px;
					}
					
			div.news li a,
			div.news li a:visited {
				text-decoration:none;
				}
			div.news li a:hover {
				text-decoration:underline;
				}
			div.news a.block-link:hover {
				color:#000;
				}
			div.news .alt,
			div.status .alt {
				font-weight:bold;
				}
			div.status span.count {
				padding-left:4px;
				}
			div.news a.block-link,
			div.news a.block-link:visited,
			div.status a.block-link,
			div.status a.block-link:visited,
			div.twitter a.block-link,
			div.twitter a.block-link:visited,
			div.give-a-coupon a.block-link,
			div.give-a-coupon a.block-link:visited {
				position:absolute;
				bottom:10px;
				left:10px;
				width:210px; /* assuming incentives are in a div.size1of4 */
				border-top-width:1px;
				border-top-style:dotted;
				margin-top:0;
				padding-top:4px;
				}
			div.how-does-it-work a.block-link,
			div.how-does-it-work a.block-link:visited,
			div.new-in-projects a.block-link,
			div.new-in-projects a.block-link:visited {
				position:absolute;
				bottom:10px;
				left:10px;
				width:450px; /* assuming this is in a div.size1of2 */
				border-top-width:1px;
				border-top-style:dotted;
				margin-top:0;
				padding-top:4px;
				}
            div.how-does-it-work a,
            div.how-does-it-work a:visited {
                text-decoration: none;
            }
			div.twitter .date {
				font-size:10px;
				}

		div.new-in-projects {
			
			}
			div.new-in-projects div.contentBlock {
				background:none;
				padding:0;
				margin:4px 0 0;
				}
			div.new-in-projects div.new-media {
				margin-right:5px;
				}
			div.new-in-projects div.new-blogs {
				margin-left:5px;
				}
				div.new-in-projects div.new-blogs a,
				div.new-in-projects div.new-blogs a:visited {
					text-decoration:none;
					}
				div.new-in-projects div.new-blogs a:hover {
					text-decoration:underline;
					}
			div.new-in-projects ul {
				line-height:2em;
				}
				div.new-in-projects li {
					background-position:0 10px;
					}
					div.new-in-projects li h2 {
						margin:0;
						font-size:12px;
						line-height:2em;
						border:none;
						}
			div.new-in-projects ul ul {
				margin-left:-10px;
				}
			div.new-in-projects div.photos,
			div.new-in-projects div.video {
				overflow:hidden; _zoom:1;
				}
				div.new-in-projects .thumb {
					display:block;
					float:left;
					margin:0 5px 5px 0;
					}
					div.new-in-projects .thumb img {
						display:block;
						}
						
				div.give-a-coupon h1,
				div.give-a-coupon h2 {
					display:none;
					}
				div.give-a-coupon a.block-link,
				div.give-a-coupon a.block-link:visited {
					text-indent:-9999px;
					display:block;
					width:210px;
					height:100%;
					border:none;
					position:static;
					margin:0;
					padding:0;
					}
				
			div.site-banner {
				padding:0;
				}
				div.site-banner div,
				div.site-banner p {
					padding:0;
					margin:0;
					}
                                div.site-banner div p img {
                                        float: left;
                                }

	/*	random donation
		***********************************************************************************/

		div.random-donation {
		
			}	
			div.random-donation div.contentBlock {
				background:none;
				margin:4px 0 0 0;
				padding:0;
				height:290px;
				}
			div.random-donation div.random-project {
				margin-right:5px;
				}

                div.random-donation li.name a {
                    color: #000;
										text-decoration: none;
                }
								div.random-donation li.name a:hover {
										text-decoration: underline;
                }
				div.random-project > ul > li,
				div.supported-by > ul > li {
					background:none;
					padding:5px 0;
					border-bottom-width:1px;
					border-bottom-style:dotted;
					}
				div.random-project li.image,
				div.supported-by li.image {
					overflow:hidden; _zoom:1;
					height:100px;
					}
				div.random-project li.sum,
				div.supported-by li.sum {
					border-bottom:none;
					}
				div.random-project li.name,
				div.supported-by li.name {
					min-height:32px;
					}
				div.supported-by li.info {
					border-bottom:none;
					}
				div.supported-by li a,
				div.supported-by li a:visited {
					text-decoration:none;
					}
				div.supported-by li a:hover {
					text-decoration:underline;
					}
			div.random-donation div.supported-by {
				margin-left:5px;
				}
			div.random-donation h2 {
				padding-bottom:4px;
				}
			div.random-donation h3 {
				margin:0;
				}
			div.random-donation a.block-link,
			div.random-donation a.block-link:visited {
				position:absolute;
				bottom:10px;
				width:220px; /* assuming incentives are in a div.size1of4 */
				border-top-width:1px;
				border-top-style:dotted;
				margin-top:0;
				padding-top:4px;
				}


	/*	div.bookmark
		***********************************************************************************/
	
		div.bookmark {
		
			}	
			div.bookmark a,
			div.bookmark a:visited {
				display:block;
				margin:10px 0 0;
				padding:0 0 10px;
				}
			div.bookmark img {
				display:block;
				}
		

	/*	div.import
		***********************************************************************************/
		
		div.import {
			
			}
			div.import h2 {
				padding-bottom:4px;
				}
			table.addressbook {
				width:100%;
				border:none;
				margin-top:10px;
				}
				table.addressbook th,
				table.addressbook td {
					border:none;
					}
				table.addressbook .even td {
					background:#e3decd; /* grey */
					}
				table.addressbook .options th {
					background:#d2c9ad; /* brown */
					border-bottom:1px dotted #000;
					}
					table.addressbook .options label {
						display:none;
						}



	/*	div.donations
		***********************************************************************************/
		
		div.donations {
			font-size: 0.9em;		
			}	
			div.donations table {
				margin-bottom:0;
				}
			div.donations table th,
			div.donations table td {
				border:none;
				}
			div.donations td.amount {
				text-align:right;
				width:120px;
				}
			div.donations .total td,
			div.donations .total th {
				border-top:2px solid #000;
				background:#d2c9ad; /* brown */
				}
			div.donations .odd td {
				background:#e3decd; /* grey */
				}
			div.donations .year {
				background:#d2c9ad; /* brown */
				border-bottom-width:1px;
				border-bottom-style:dotted;
				border-top-width:1px;
				border-top-style:dotted;
				}
			div.donations .header {
				background:#d2c9ad; /* brown */
				border-bottom-width:1px;
				border-bottom-style:dotted;
				border-top-width:1px;
				border-top-style:dotted;
				font-weight:bold;
				}
			div.donations div.pager ul {
				padding:10px 0;
				}
			div.donations div.pager li {
				margin:0 4px 0 0;
				}
			div.donations div.pager a,
			div.donations div.pager a:visited {
				background:#fff; /* white */
				color:#d2c9ad; /* brown */
				font-weight:bold;
				font-size:11px;
				text-decoration:none;
				padding:4px;
				}
			div.donations div.pager a:hover {
				color:#000;
				background:none;
				}
		
		
		#addprojectline .submit {
			margin-top:4px;
			}
		
		
	/*	
		***********************************************************************************/
div.location {

	}
	div.location .gmaps-container {
		border:1px solid #000;
		margin-top:10px;
		padding:0;
		}
		div.location .gmaps-container img {
			display:block;
			}
			
div.promote {

	}
	div.promote label {
		font-weight:bold;
		font-size: 1.0em;
		}
	div.promote textarea {
		border-top: 1px dotted #000000;
		border-bottom: 1px dotted #000000;

		width:193px;
		overflow-y: scroll;
		overflow-x: hidden;
		height: 50px;
		}
	div.promote .form {
		padding:0;
		border-bottom:none;
		}
		
	div.millennium {
		overflow:visible;
		}


	div.tags a,
	div.tags a:visited {
		text-decoration: none;
		}
	
	div.tags a:hover {
		text-decoration: underline;
		}


/*	div.searchResult
	**********************************************************************************************************************/

	div.searchResult {

		}
		div.searchResult h3 a,
		div.searchResult h3 a:visited {
			color:#000;
			}
		div.searchResult p {
			margin: 4px 0;
			}
		div.searchResult b {
			background:#fff;
			color:#000;
			}
		div.searchResult a,
		div.searchResult a:visited {
			color:#000;
			text-decoration:none;
			}
		div.searchResult a:hover {
			text-decoration:underline;
			}

p.help {
    font-style: italic;
    color: #777;
    float: right;
}



li.edit-profile-member-login span {
    display: block;
    float: left;
    line-height: 22px;
    margin: 0 0 0 -5px;
    padding: 0 8px;
    text-align: left;
    width: 124px;
}

/*	div.pager
	**********************************************************************************************************************/

	div.pager {
		clear:both;
		overflow:hidden; _zoom:1;
        }
		div.pager h4 {
			float:left;
			margin:4px 4px 4px 10px;
			padding:0;
			}
		div.pager ul {
			list-style:none;
			padding:0;
			margin:0;
			float:right;
			font-size:1.2em;
			}
		div.pager li {
			background:none;
			height:auto;
			width:auto;
			padding:0;
			margin:4px;
			float:left;
			display:block;
			}

	div.list div.pager {
		border-bottom:1px dotted;
		border-top:1px dotted;
		margin-left:10px;
		margin-right:10px;
		}
		div.list div.pager li {
			font-size:11px;
			}
		div.list div.pager a,
		div.list div.pager a:visited {
			text-decoration:underline;
			padding:4px;
			}
		div.list div.pager a:hover {
			text-decoration:none;
			}
		div.list div.pager .active {
			font-weight:bold;
			}

	div.block.beige h2.uppercase { border: none; }
			
	div.pager {
		border-bottom:none;
		border-top:1px dotted;
		margin-left:10px;
		margin-right:10px;
		}
		div.pager li {
			font-size:11px;
			}
		div.pager a,
		div.pager a:visited {
			text-decoration:none;
			padding:3px;
			}
		div.pager a:hover {
			text-decoration:underline;
			}
		div.pager .active {
			font-weight:bold;
			}

/*	div.coupons
	**********************************************************************************************************************/

	div.coupons {
		
		}
		div.coupons .image {
			display:block;
			overflow:hidden; _zoom:1;
			margin-top:10px;
			padding-bottom:10px;
			width:100%;
			}
		div.coupon-type {
			height: 150px;
			}
			div.coupon-type .block-link {
				position:absolute;
				bottom:10px;
				width:202px;
				border-top-style:dotted;
				border-top-width:1px;
				padding-top:4px;
				margin-top:0;
				}
			div.coupon-type p {
				border-bottom:none;
				}
		div.coupons input.submit {
			float:right;
			margin-right:0;
			}
		div.coupons form {
			position:static;
			}
					
		div.coupons #step1 { background-image: url(../images/step1.gif); background-position:center 220px; background-repeat: no-repeat; }
		div.coupons #step2 { background-image: url(../images/step2.gif); background-position:center 220px; background-repeat: no-repeat; }
		div.coupons #step3 { background-image: url(../images/step3.gif); background-position:center 220px; background-repeat: no-repeat; }
		div.coupons #step4 { background-image: url(../images/step4.gif); background-position:center 220px; background-repeat: no-repeat; }
		
		
		table.overview {
			width:100%;
			font-size:1.2em;
			margin-bottom:10px;
			}
			table.overview th,
			table.overview td {
				border:none;
				}
			table.overview th {
				line-height:1em;
				border-bottom-width:1px;
				border-bottom-style:dotted;
				}
				div.pink table.overview th {
					background:#ff639d; /* fuchsia */
					color:#fff;
					border-color:#000;
					}
			table.overview td {
				line-height:1em;
				border-bottom-width:1px;
				border-bottom-style:dotted;
				}
				div.pink table.overview td {
					background:#fed5e3; /* light pink */
					color:#000;
					border-color:#000;
					}
					
					
	/*p.event_message_content { overflow:auto; }*/
	
	.event_message_content form table { width: 100%; }
	.event_message_content form tr { background-color: #FBF8F1; border-bottom: 15px solid #F4EFE0; }
	.event_message_content form input.msg_subject { height: 20px; } 
	.event_message_content form input.msg_subject, .event_message_content form textarea { line-height: 18px !important; padding: 0 2px; width: 350px; }

/** Homepage custom blocks **/

	div.register-homepage {
	
		}
		div.register-homepage h2 {
			text-transform:uppercase;
			}
		div.register-homepage div.listBlock {
			overflow:visible;
			}
		div.register-homepage div.contentBlock {
			background:none;
			height:250px;
			margin:4px 0 0;
			padding:0;
			}
		div.register-homepage div.register-home-introduction {
			margin-right:5px;
			}
			div.register-home-introduction p {
				padding-right:10px;
				}
		div.register-homepage div.register-home-form {
			margin-left:5px;
			padding-left:10px;
			}
			div.register-homepage div.register-home-form li.checkbox {
				position:absolute;
				left:-240px;
				top:215px;
				width:450px;
				border-bottom-width:1px;
				border-bottom-style:dotted;
				}
				div.size2of4 div.register-home-form form li.checkbox span {
					display:block;
					float:left;
					}
				div.size2of4 div.register-home-form form li.checkbox input.checkbox {
					display:block;
					float:left;
					margin-bottom:12px;
					}
			div.register-home-form li.submit {
				position:absolute;
				right:0;
				}

	div.current {
	
		}
		div.current h1 {
			font-size:24px;
			text-transform:uppercase;
			font-weight:bold;
			line-height:1em;
			padding:2px 0 10px;
			margin:0;
			border:none;
			}
			div.current h1 .small {
				font-size:.6em;
				}
			.nocaps {
				text-transform:none;
				}
		div.current ul {
			margin:0;
			padding:0;
			}
			div.current li {
				background:none;
				padding-left:0;
				border-top-width:1px;
				border-top-style:dotted;
				font-size:1.2em;
				line-height:1.8em;
				text-indent:-22px;
				padding-left:22px;
				}
		div.current a,
		div.current a:visited {
			text-decoration:none;
			font-weight:bold;
			}
		div.current a:hover {
			text-decoration:underline;
			}














ul.weblogs {

}

ul.weblogs li {


}

ul.homepage-set-title {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
}

h2.homepage-set-title {
    font-size: 22px;
    text-transform: uppercase;
}

div.homepage-projects-link {
    width: 100%;
    height: 20px;
    display: block;
    padding: 5px 0 0 0;
    float: left;
    border-top: 1px dotted;
    font-weight: bold;
}





.no-border {
    border: 0!important;
    border-top: 0!important;
    border-bottom: 0!important;
}

.no-bullets li {
    list-style: none!important;
    background-image: none!important;
    padding-left: 0!important;
}

.social-bookmarks a {
    border: 0;
}

tr.messageline .title,.date,.user,.actions{
	border: 0;
	border : hidden;
}

tr.messageline td.title {
		
}

tr.messageline td.title div {
	width: 20em;
	white-space:nowrap;	
	overflow: hidden;
}

tr.messageline td.date {
	width: 7em;
}

tr.messageline td.user div {
	width: 7em;
	overflow: hidden;
}

tr.messageline td.actions {
	text-align:center;
	width: 5.5em;
}

.border-top {
    border-top: #000 1px dotted;
}

.border-bottom {
    border-bottom: #000 1px dotted;
}

/** NEWS SPECIFIC STYLES **/
.news-prev-next {
    height: 20px;
    padding-top: 4px;
}

.news-prev-next a {
    margin-top: 5px;
    text-decoration: none;
    font-weight: bold;
}

.news-prev-next a:hover, .news-prev-next a:hover:visited {
    color: #444;
}

.border-black {
    border-color: #000!important;
}

div.contact-image-block {
    width: 210px;
    overflow: hidden;
}



/*   table project top   */

table.project_top {
	border-collapse:collapse;
	border: none;
	margin: 0px;
	padding: 0px;
}

table.project_top tr td {
	border: none;
	vertical-align: top;
}

table.project_top tr {
	padding: 0;
	margin: 0;
}

table.project_top td {
	padding: 3px 0px;
	margin: 0px;
}

table.project_top tr td.white {
	color: #FFFFFF;
	font-weight: bold;
	width: 35%;
}

table.project-detailed-costs {
    width: 80%;
}

ul.tiny-project-menu li {
    width: auto!important;
}

ul.tiny-project-menu li.left {
    float: left;
}

ul.tiny-project-menu li.right {
    float: right;
}

/** REGISTER HOME BLOCK **/
.register-home {
    width: 450px!important;
    overflow: hidden;
}
.register-home ol,
.register-home li,
.register-home label,
.register-home input,
.register-home select {
    padding: 0!important;
    margin: 0!important;
    background-color: #00c051;
}

.register-home span {
	padding: 0 0 12px 0;
	margin: 0px;
}

.register-home input,
.register-home select,
.register-home label {
    background-color: #00c051;
    display: block;
    clear: both;
    width: 100%;
    color: #000;
}
.register-home input,
.register-home select {
	background-color: #FFF;
	height: 17px;
    border: 0;
}

.register-home input.checkbox {
    width: auto;
    display: inline;
	padding: 0px;
	margin: 5px;
	background: none;
}

.register-home label {
    width: 100%!important;
	line-height: 23px;
}

.register-home div {
    display: block!important;
    width: 49%!important;
}

.register-home div.register-block-left {
    float: left!important;
}

.register-home div.register-block-right {
    float: right!important;
}

.register-home ol li.submit {
	border: none;
	top: 40px;
	*top: 17px;
	position: relative;
}

.register-home input.submit {
    background-color: #FDAAC6;
    height: 20px;
    width: 75px;
    padding: 2px!important;
}

.register-home ol li.checkbox label {
    display: none;
}

.register-home ol li.checkbox {
	left: -230px;
	position: absolute;
	width: 450px;
	height: 20px;
	top: 246px;
	border-bottom: 1px dotted #000000;
	margin: 0px;
	padding: 0px;
}

.register-home ol li.checkbox span {
    color: #000!important;	
	margin: 0 0 5px 0;
	vertical-align: middle;
}

.register-home ol li.checkbox span a{
	color:#000000;
}

.register-home div {
    color: #000;
}

.register-home div p {
    color: #000;
}

/** END OF REGISTER HOME BLOCK **/

.no-padding {
    padding: 0!important;
}

.no-margin {
    margin: 0!important;
}

no-padding-left {
    padding-left: 0!important;
}

no-margin-left {
    margin-left: 0!important;
}

.noborder {
	border:0;
}
div.memmessage {
	padding:30px 0 10px 2px;
	overflow:hidden; _zoom:1;
	clear:both;
	position:relative;
	top: -17px;
}

div.memmessage .info {
	display:block;
	color:#aaa;
	margin:0 0 4px 50px;
}

div.memmessage .info a {
	color:#666;
	font-weight:bold;
}

div.memmessage .image {
	padding: 0;
	margin:0;
	padding-top:4px;
}

div.memmessage .title {
	text-decoration: underline;
	font-size: larger;
}

div.memmessage .content {
	padding-top:8px;
}

div.memlinks {
		height: 20px;
	padding:0px;	
}

div.memlinks a {
	line-height: 20px;	
	}

div.memmessage2 {
	padding:10px 0 10px 2px;
	overflow:hidden; _zoom:1;
	clear:both;
	position:relative;
	top: 0px;
	border: none;
	border-top: 1px dotted #000;
}

div.memmessage2 .info {
	display:block;
	color:#aaa;
	margin:0 0 4px 45px;
}

div.memmessage2 .info a {
	color:#666;
	font-weight:bold;
}

div.memmessage2 .image {
	padding: 0;
	margin:0;
	padding-top:4px;
}

div.memmessage2 .title {
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 8px;
}

div.memmessage2 .content {
	padding:8px 0 0 100px;
}

div.memmessage2 span.actions {
	float:right;
	margin:-20px 0 0 0;
	padding: 0px;
}

/**
 * added for inbox redesign request (jjvd)
 */
div.memmessage2 input, div.memmessage2 .image, div.memmessage2 .messageContent, div.memmessage2 .removeMessage, div.memmessage2 .fromSender { float: left; margin-right: 10px; }
div.memmessage2 .fromSender { font-weight: bold; color: #A4ABB1; overflow: hidden; width: 60px; }
div.memmessage2 .fromSender p { color: #000; margin: 0; padding: 0; }
div.memmessage2 .messageContent { width: 270px; }
div.memmessage2 .removeMessage { margin: 0; }
div.memmessage2 p.title { padding: 0; }
div.memmessage2 div.image { padding: 0; height: 50px; width: 42px; }

.hide {
    display: none;
}


/** EURO SIGN **/
.euro-sign {
    display: block;
    clear: left;
    margin: 3px 3px 0 0;
    float: left;
}

/** DONATIONS FORM **/
li.proj1line {
    margin-top: 5px!important;
    margin-bottom: 5px!important;
}

/*  table dotted borders (like testimonials page)   */

table.dotted {
	width: 100%;
	border-collapse:collapse;
}

table.dotted tr td {
	border:none;
	vertical-align: top;
}
table.dotted h2 {
	border-bottom:none;
	}
table.dotted p.date {
	font-style:italic;
	}

/*  voeg toe pop up  */

.popup form {
	border-bottom: none;
}

.popup #popup-message {
	border-bottom: none;
	text-align: center;
	margin-top: 100px;
}

.popup #popup-message p{
	border-bottom: none;
	font-size: 15px;
	font-weight: bold;
}

/*  invite friends  */

#MemberInviteForm input.text {
	height: 30px;
}

/*   organisation_form contactgegevens  */

.project_create ol li input.text,
.project_create ol li input.password,
.project_create ol li input.file,
.project_create ol li select,
.project_create ol li textarea,
.wide_input
{
	width: 445px;
	padding:3px 8px 3px 8px;
	border:1px solid #a5acb2;
	background:#fff;
	margin: 0px;
	float: left;
}

#organisation_form {
	border-bottom: none;
}

#organisation_form ol {
	*margin: 0 0 0 -10px;
}

#organisation_form ol li {
}

#organisation_form ol li.submit {
	width: 602px;

}

#organisation_form ol li span.error {
	color: #FF0000;
}

form a.toelichting span {
	color: #FFFFFF;
}


form a.toelichting {
	background:#00C051;
	color:#FFFFFF;
	display:inline-block;
	height:20px;
	margin:0 0 -2px 14px;
	padding:1px 1px 0;
	*padding: 2px 1px 0;
	text-align:center;
	width:20px;
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
	float: right;
}

form a.toelichting:hover  {
	text-decoration: none;
	color: #FFFFFF;
}



/*  GooglePopUp   */



a.googleMapLink {
	text-decoration:none;
	width: 215px;
	display:block;
}

a.googleMapLink strong {
	text-decoration: underline;
	display:block;
	padding-bottom:3px;
}
a.googleMapLink span {
	text-decoration:none;
	display:block;
	}

a.googleMapLink:hover span,
a.googleMapLink:hover strong {
	text-decoration: underline;
}

a.googleMapLink img {
	text-decoration: none;
	border:none;
}

p.partners-list a.image {
    display: block;
    width: 40%;
    height: 60px;
    padding-left: 30%!important;
    padding-right: 30%!important;
    padding-bottom: 20px!important;
}

p.partners-list a img {
    display: block;
}

.no-decoration {
    text-decoration: none!important;
}

p.alt a {
    color: #000;
    text-decoration: none;
}

.friend-request-status-window {
    height: 392px!important;
}

span.small-sub-text {
    font-size: 10px;
}


/** Some hacks to display the project search block in IE6 correctly **/
#searchProjectForm {
    overflow: hidden;
}

#searchProjectForm ol li {
}

#searchProjectForm label {
    clear: both;
    width: 100%;
}
#searchProjectFormSmall input[type=text],
#searchProjectForm select
{
    clear: both;
    width: 100%;
    padding: 0px 1px 0px 8px;
    margin: 0px;
    border: 1px solid #A5ACB2
}

#searchProjectFormSmall input[type=text],
#searchProjectForm input[type=text]
{
    padding: 2px 1px 2px 8px;
    clear: both;
    width: 198px !important;
    width: 208px;
    border: 1px solid #A5ACB2;
}

#searchProjectFormSmall li {
    margin: 4px 0px;
    padding: 4px;
}    
#searchProjectFormSmall li label {
    margin: 0px;
    line-height: 16px;
    padding: 0px;
    float: none;
}    




/* Quick styles. Please, do not delete this style declarations, since they are intensively used. */

.no-border-bottom {
    border-bottom: none!important;
}

.uppercase {
    text-transform: uppercase;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.color-black {
    color: #000;
}



/** News **/
#news-detail {
    width: 100%;
    overflow: hidden;
}

#news-detail p {
    border: 0;
}

#news-detail span.news-date {
    display: block;
    color: #555;
    margin-bottom: 10px;
    padding-left: 2px;
}

/** Project creation data save warning **/
div.data-save-warning {
    display: block;
    padding: 4px 5px 4px 5px;
    background-color: #d2c9ad;
    margin-bottom: 10px;
}

div.data-save-warning h5 {
}

div.data-save-warning span {
    text-decoration: underline;
}

/** Event reaction **/
div.events div.event em {
	color: #000;
	
}
.event-reaction {
    position: relative;
}
.event-reaction div.event {
    top: 0!important;
    border: none!important;
}


/** Tweak to hide link to the project on project page and have it visible on the member page **/
span.hide-from-project {
    color: #aaa;
}

.project-specific span.hide-from-project {
    display: none;
}


/** Top button shall look like simple link. It can't be just a link because IE does not allow form
    submittion if no submit button is present **/
input#login-link {
    background-color: #00c051;
    border: 0;
    color: #fff;
    text-transform: lowercase;
    font-weight: bold;
    float: left;
    margin: 0;
    padding: 0;
}

input#login-link:hover {
    text-decoration: underline;
    cursor: pointer;
}

div.fixed-height div.form-container {
	height:274px;
	}
	
#footer {
	clear:both;
	color: #00c051;
}

#footer a{
	color: white;
	line-height: 17px;
	font-size: 11px;
	border: 0px !important;
	text-decoration: none;
}

.taskBlock {
	overflow:hidden;
	width:124px;
	float:left;
	padding:12px;
}
.taskBlock .img {
	float:left;
	width:40px;
}
.taskBlock .title {
	margin-left:46px;
}
.taskBlock .details {
	margin-top:6px;
	clear:left;
}

#MemberIndexRegisterForm li.submit input.submit { color: #000 !important;}

div.email-providers-logos { position: relative; height: 30px; }
div.email-providers-logos a { border: none; }
div.email-providers-logos img { position: absolute; top: 10px; left: 0; }
div.email-providers-logos img.ym { left: 130px; }
div.email-providers-logos img.gm { left: 220px; }

div.orderResult { margin-bottom: 10px; }
div.orderResult p { margin: 0; padding: 0; }

div.activity ul li a,
div.activity ul li a:visited{
    clear: both;
    display: block;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
}

div.activity ul li a:hover{
	color: #00c051;
}

#reactivation_block p{
	margin-bottom: 0px;
}

.permission_error{
	margin:12px 0px;
	color:red;
}

.margin_div{
	margin:12px 0px;
}

.submissionNotice { font-size: 12px; color: red; }

#monthlyWarning { color: red; line-height: 17px; font-size: 11px; margin-bottom: 7px; }

.servicelogo{
	padding: 2px !important;
	border: 0px !important;
	cursor: pointer;
}

#stat_bar{
	font-size: 12px;
	font-weight: bold;
	border-bottom: 0px !important;
	padding-bottom: 6px !important;
    overflow: visible;
}

#stat_bar_fb_like{
    position:absolute;
    right:0px;
    top:0px;
}
.fb_share_wrapper a {
    display:inline-block !important;
    padding:0px !important;
    margin:0px !important;
}
.stat_label{
	color: #00c051;
}

.stat_value{
	color: #ff619a;
}

.smaller_header{
	font-size: 12px;
	font-weight: bold;
}

.how-it-works-intro{
	font-size: 18px;
	font-weight: normal;
}

.bighowto{
	height: 360px !important;
}

.bighowto a{
	color: white !important;
}

.full-width{
	width: 100% !important;
}

.static-position{
	position: static !important;	
}

.bot-marg{
	margin-bottom: 10px !important;
}

#how_badge{
	z-index: 100;
	text-align:right;
	position: absolute;
	right: 40px;
	top: 60px;
}

.twitter{
	height: 360px !important;
	color: white !important;
}

.twitter a{
	color: white !important;
}

.twitter ul li{
	display: block;
	background: none !important;
	padding: 5px 0px;
}

.twitter ul li a{
	font-weight: bolder;
}

.expertise-column{
	background-color: white;
}

img,a{ _behavior: url(/assets/skins/frontoffice/javascripts/iepngfix.htc); }

.referrals_desc{
	font-size: 12px;
}

#organisation_form h3{
	margin: 10px 0px !important;
}

#organisation_form li{
	margin: 10px 0px !important;
}

#organisation_form li.formerror,
li.formerror {
	background-color: #faa;
        border: 4px solid #faa;
}

.bartSpaceProjectContainer a{
	text-decoration: none;
}
.bartSpaceProjectContainer a:hover{
	text-decoration: underline;
}

/**
 * Earth Chapter projects
 */
.ecProjects div.listBlock { width: 25%; }
.ecProjects div.project h3,
.listBlock.ecProject h3,
.ecProjects div.progressbar div.bar .progress,
.listBlock.ecProject div.progressbar div.bar .progress { background-color: #436C9E; }
.ecProjects div.progressbar div.bar,
.listBlock.ecProject div.progressbar div.bar { background-color: #98B2D4; }
.ecProjects div.progressbar div.donated span,
.listBlock.ecProject div.progressbar div.donated span { border-left: 2px solid #436C9E; }
.ecProjects div.progressbar div.donated-right span, 
.listBlock.ecProject div.progressbar div.donated-right span { border-left: 0px; border-right: 2px solid #436C9E; }
div.block.ec_intro { background-color: #98B2D4; }
div.block .ec_intro_contents { border: none; color: #436C9E; margin: 30px; }
.ec_intro_contents a { color: #FFF; }
.ec_intro_contents img { float: left; }
.ec_intro_contents hr { height: 0px; background: none; border: none; border-top: 1px dotted #436C9E; clear: both; color: none; float: none; }
.ec_intro_contents p { font-size: 14px; }
div.block .ec_intro_contents h2 { border: none; font-size: 26px; line-height: 28px; padding-top: 35px; }

span.create-with-facebook { float: right !important; border-bottom-style: none; }

div.block hr { height: 0px; border: none; border-bottom: 2px solid gray; padding: 0; margin: 10px 0;}
div.block iframe { border: none; }

#stat_bar_fb_like { border: none; }

iframe.twittershare {
    width: 120px;
    height: 20px;
    border: 0px;
}

.eventbox {
    border-radius: 5px;
    border: 2px solid #00C051;
    background-color: white;
    margin-bottom: 10px;
    padding: 4px 0px 4px 4px;
    position: relative;
}

.eventbox div.event .image {
    position: absolute;
    top: 20px;
    left: 0px;
    margin-left: 0px;
}


.eventbox div.event .react {
    display: none;
}

/* Toolbox */

.big-tab-bar {
    background-color: #00C051;
    margin: 0 5px;
}


.big-tab {
    display: inline-block;
    padding: 2px 8px;
    background-color: #00C051;
    cursor: pointer;
}

.big-tab-on {
    background-color: #FF619A;
}

.big-tab img.big-tab-img-green {
    display: inline-block;
}

.big-tab-on img.big-tab-img-green,
.big-tab img.big-tab-img-fuchsia {
    display: none;
}

.big-tab-on img.big-tab-img-fuchsia {
    display: inline-block;
}

.tab-box {
    border-bottom: 1px solid white;
    padding: 10px 0;
}

.tab-box-title {
    cursor: pointer;
}

.tab-box-last {
    border-width: 0px;
}

.tab-box-content {
    display: none;
}

.tab-box-content-on {
    display: block;
}

.tab-box-content ol {
    margin-left: 50px;
}
.tab-box-content ol li {
    background: none;
    font-size: 14px;
}


.toolbox-page li {
    font-size: 14px;
    margin-left: 20px;
}

.toolbox-page #leden-box,
.toolbox-page #projecten-box
{
    color: #FAC;
    font-family : arial,helvetica,clean,sans-serif;
    
}

.toolbox-page li a {
    text-decoration: none;
    color: white;
}

.toolbox-page li a:hover {
    border-bottom: 1px dotted white;
}

#projecten-box {
    display: none;
}

.toolbox-page {
    font-family : Futura Std, arial,helvetica,clean,sans-serif;
    color: white;
    font-size: 16px;
}



/* ProjectBlocks */

.projectBlock,
div.block div.projectBlock {
    display: inline-block;
    margin: 8px;
    width: 220px;
    background-color: white;
    /*
    border: 1px solid #555;
    box-shadow: 3px 3px 3px rgba(0,0,0,.5);
    -moz-box-shadow: 3px 3px 3px rgba(0,0,0,.5);
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.5);
    */
    font-size: 10px;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}

div.block div.projectBlock {
    padding: 0px;
    margin: 8px 0px 14px 9px;
}

div.projectBlock.hidden
{
    display: none;
}

div.block .projectBlock.tiny,
.projectBlock.tiny {
    width: 170px;
    float: left;
    margin: 8px;
}

.support-summary .projectBlock.tiny {
    width: 220px;
}

.projectBlock.tiny.add {
    border: dashed 2px #00C051;
    background-color: transparent;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background: none;
    padding: 0px;
    cursor: pointer;
    height: 95px;
}


.projectBlock.tiny.add:hover {
    background-color: #00C051;
    border-color: white;
}

.projectBlock.add h4 {
    background: url(/assets/skins/frontoffice/images/icons/buttons25.png) 0px -50px no-repeat transparent;
    height: 19px !important;
    height: 25px;
    margin: 2px;
    padding: 0px 4px 6px 30px;
    color: #00C051;
}

.projectBlock.tiny.add:hover h4 {
    color: white;
    border-color: white;
}


.projectBlock h3 {
    background-color: #FF639D;
    color: #FFFFFF;
    margin: 0 0 0px;
    font-size: 12px;
    padding: 4px 8px;
    font-weight: bold;

}

.projectBlock h4 {
    background-color: #FF639D;
    color: #FFFFFF;
    margin: 0 0 0px;
    font-size: 12px;
    padding: 2px 4px;
    font-weight: bold;
}

.projectBlock.tiny h4.title {
    height: 28px; 
    line-height: 12px;
}

.projectBlock.tiny h4.action {
    background-color: #00C051;
    clear: both;
    text-align: right;
}

.projectBlock h3 .location{
    font-weight: normal;
}


.projectBlock.tiny .location,
.projectBlock img {
    margin: 4px;
}

.projectBlock a,
.projectBlock h3 a {
    color: #FFFFFF;
    text-decoration: none;
}

.projectBlock a:hover,
.projectBlock h3:hover a {
    text-decoration: underline;
}

.projectBlock .members,
.projectBlock .rating,
.projectBlock .image {
    border-bottom: 1px dotted black;
    padding: 4px 8px;
}
.projectBlock .image {
    text-align: center;

}

#resultsContainer {
    height: 350px;
    overflow: hidden;
}

#resultsPaging {
    margin: 0px auto;
    padding: 4px;
    text-align: center;
    line-height: 25px;
    
}

#resultsUp, #resultsDown {
    cursor: pointer;
    width: 25px;
    height: 25px;
    text-indent: -1000px;
    background: url(/assets/skins/frontoffice/images/icons/buttons25.png) 0px -100px no-repeat;
    display: inline-block;
    margin: 4px;
}

#resultsPage {
    display: inline-block;
    font-size: 14px;
    color: #00C051;
    font-weight: bold;
}

#resultsUp {
    background-position: 0px -150px;
}

#resultsUp.disabled {
    background-position: 0px -175px;
}
#resultsDown.disabled {
    background-position: 0px -125px;
}

#small-details h3 {
    margin: 0px -4px 4px -4px;
    padding: 4px;
    background-color: #FF619A;
    color: white;
}

.projectBlock .image img{
    float: none;
}

div.projectBlock .support {
    background-color: #00C051;
    color: white;
    padding: 4px 8px;
    font-weight: bold;
    text-align: center;
}

div.projectBlock .support table {
    margin: 0px;
}

div.projectBlock .support table td {
    margin: 0px;
    padding: 0px;
}

.projectBlock div.progressbar {
    padding: 4px 10px;
}

.projectBlock div.progressbar div.bar {
    background:#fdaac6;
    height:10px;
    line-height:0;
    overflow:hidden;
    clear: both;
}
.projectBlock div.progressbar div.bar .progress {
    display:block;
    float:none;
    background:#00c051;
    height:10px;
    text-indent:-9999px;
    line-height:0;
}
.projectBlock div.progressbar div.donated {
    position: relative;
    background-color: white;
}
.projectBlock div.progressbar div.donated span {
    position: relative;
    zoom: 1;
    display:block;
    padding:0 0 1px 4px;
    margin:0 0 1px -2px;
    border-left:1px solid #00c051;
    background-color: white;
}
.projectBlock div.progressbar div.donated-right {
    float: right;
    display:inline;
}
.projectBlock div.progressbar div.donated-right span {
    display:block;
    padding:0 4px 1px 0px;
    margin:0 0 1px 0;
    border-left:0px;
    border-right:1px solid #00c051;
}
.projectBlock div.progressbar div.required {
    text-align:right;
    padding-top:2px;
}
.projectBlock div.progressbar span span {
    display:none;
}

div.projectBlock .rating {
    height: auto;
    position:relative;
}

div.projectBlock .rating span {
    display:block;
    position:absolute;
    right:10px;
    top:3px;
    width:90px;
    height:16px;
    text-indent:-9999px;
    background:url(/assets/skins/frontoffice/images/rating-white.png) 0 0 repeat-x;
}
div.projectBlock .rating span span {
    background-position:0 -16px;
    position:static;
}

div.block .zend_form {
    padding: 0px 40px;
}

.zend_form label {
    margin: 0px;
    width: auto;
    float: none;
    padding: 0px;
    display: inline-block;
    width: 150px;
    font-size: 14px;
}

.zend_form label.required {
    background: url(/assets/skins/frontoffice/images/icons/required10.png) no-repeat center right;
}

.zend_form .formElement {
    margin: 8px;
}

.radio-option.checked {
    background-color: #d2c9ad;
}

.radio-option {
    padding: 4px;
}

.zend_form b {
    color: #00C051;
}

#loginBlock input[type=text], 
#loginBlock input[type=password],
.zend_form textarea,
.zend_form input[type=text],
.zend_form input[type=password]
{
    width: 200px;
    border: 1px solid #00c051;
    font-size: 12px;
    color: #322;
    padding: 2px 4px;
}

.zend_form textarea
{
    width: 400px;
    height: 100px;
}


.zend_form span.amount {
    font-size: 14px;
    color: #00C051;
    font-weight: bold;
}

.zend_form textarea,
.zend_form input[type=text],
.zend_form input[type=password],
.zend_form .checked input[type=text].amount 
{
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #999;
    color: #000;
    background-color: #fff;
    padding: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.zend_form input[type=text].amount
{
    width: 40px;
    text-align: center;
}

.zend_form input[type=text].amount 
{
    color: #999;
}

.zend_form .checked input[type=text].amount 
{
    color: #000;
}



#loginBlock input[type=text], 
#loginBlock input[type=password] {
    background: #FFEFF5;
    border: 1px solid #FF619A;
    color: #FF619A;
    height: 20px;
    width: 112px;
    margin: 0 3px 0 0px;
    padding: 4px;            
    font-weight: bold;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    /*
    text-shadow: 2px 2px 3px rgba(0,0,0,0.2);
    -moz-text-shadow: 2px 2px 3px rgba(0,0,0,0.2);
    -webkit-text-shadow: 2px 2px 3px rgba(0,0,0,0.2);
    */
}

/*
#loginBlock input[type=submit],
#loginBlock button,
*/
.zend_form input[type=submit],
.zend_form button
{
    font-size: 12px;
    padding: 3px 6px;
    text-transform: uppercase;
    background-color: #00c051;
    /*
    box-shadow: 2px 2px 5px #9a9;
    text-shadow: 0px 0px 3px #072;
    */
    color: white;
    border: 0px;
    font-weight: bold;
    cursor: pointer;
    padding: 4px;

}
div.block .support-login {
    padding: 8px 80px;
}

div.block .support-login form {
    margin: 0px;
}

.input-hint {
    color: #FF619A;
    display: inline-block;
    margin-left: -112px;
    width: 112px;
}


.zend_form input[type=radio],
.zend_form input[type=checkbox]
{
    opacity: 0;
}
.zend_form input[type=radio] + label,
.zend_form input[type=checkbox] + label

{
    background: url(/assets/skins/frontoffice/images/icons/buttons25.png) 0px -25px no-repeat;
    cursor: pointer;
    height: 25px;
    margin: 4px;
    padding-left: 30px;
    line-height: 25px;
    color: #555;
}

.zend_form label.inline
{
    width: auto;
}

.zend_form .description
{
    width: auto;
    margin-left: 18px;
    padding-left: 25px;
    color: #555;
    width: 300px;
}


.zend_form input[type=checkbox] + label
{
    background-position: 0px -224px;
}

.zend_form input[type=radio]:checked + label
{
    background-position: 0px 0px;
    color: #000;
}

.zend_form input[type=checkbox]:checked + label
{
    background-position: 0px -200px;
    color: #000;
}


.zend_form input[type=submit]
{                
    background-color: #FE6199;
    text-shadow: 0px 0px 3px #925;
    float: right;
}

.zend_form input[type=submit]:hover,
.zend_form button:hover
{
    text-shadow: 0px 0px 5px #fff;

}

.zend_form h3,
div.block .zend_form h3,
.zend_form legend {
    border-bottom: 1px dotted #aaa;
    border-top: 1px dotted #aaa;
    clear: both;
    font-weight: bold;
    text-decoration: none;
    font: bold 13px Arial,Helvetica,sans;
    margin: 10px 0px 4px 0px;
    padding: 4px 4px;
    width: 100%;
}


.zend_form fieldset {
    margin: 10px 0px 0px;
}

.zend_form dl {
    margin: 0px;
}

form .zend_form ul.errors {
    background-color: #FF619A;
    padding: 0px 4px;
    margin: 4px 0px 0px 165px;
}

form .zend_form ul.errors li {
    padding: 2px 2px 2px 16px;
    background: url(/assets/skins/frontoffice/images/icons/alert.png) left center no-repeat;
    background-color: #FF619A;
    color: white;
    font-weight: bold;
    margin: 2px 0px;
}


.error {
    padding: 2px 2px 2px 16px;
    background: url(/assets/skins/frontoffice/images/icons/alert.png) left center no-repeat;
    background-color: #FF619A;
    color: white;
    font-weight: bold;
    margin: 2px 0px;
}


ul.arrowsteps {
    height: 40px;

}

ul.arrowsteps li {
    background: url(/assets/skins/frontoffice/images/arrow_bars.png) right -45px;
    height: 18px !important;
    height: 30px;
    font-size: 14px;
    color: white;
    text-shadow: 0 0 4px #888;
    color: #eee;
    width: auto;
    padding: 6px 30px 6px 8px;
    float: left;
}
#loginBlock input[type=submit] {
    background: url(/assets/skins/frontoffice/images/arrow_bars.png) right -85px;
    height: 30px !important;
    height: 30px;
    font-size: 14px;
    color: white;
    text-shadow: 0 0 4px #888;
    color: #eee;
    width: auto;
    padding: 6px 30px 6px 8px;
    border: 0px;
    cursor: pointer;
    display: inline-block;
}


ul.arrowsteps li.done {
    color: #fff;
    background-position: right -5px;
    text-shadow: 0 0 4px #072;
}

ul.arrowsteps li.done:hover {
    color: #fff;
    background-position: right -5px;
    text-shadow: 0 0 4px #fff;
    cursor: pointer;
}

ul.arrowsteps li.active {
    color: #fff;
    font-weight: bold;
    background-position: right -85px;
    text-shadow: 0 0 4px #925;
}

iframe.paymentFrame {
    border: 0px;
    margin: 8px;
}

.support-summary {
    width: 236px;
}


.support-summary .what {
    font-size: 14px;
    font-weight: bold;
    margin: 8px;
}
.support-summary .loading {
    font-size: 12px;
    color: #777;
    font-style: italic;
    margin: 8px;
}



#hint {
    border: 1px solid white;
    padding: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #fff;
    background-color: #ff619A;
    display: none;
    position: absolute;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}

.moreinfo {
    background-color: white;
    border: 1px solid #FF619A;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    text-align: center;
    display: inline-block;
    color: #FF619A;
    font-weight: bold;
    font-size: 12px;
    margin-left: 4px;
}
div.head h2 {
    border-bottom: none;
    margin: 0px;
    padding: 0px;

}

div.head {
    padding: 6px;    
}

div.thanks {
    padding: 10px;
    font-size: 14px;
}