/* @group General */

/* @group Reset */

/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* :focus { outline : 0; } */

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	/*border-collapse: collapse;
	border-spacing: 0;*/
}

/* @end */


/* @group Scroll hack */

html {
	overflow-y: scroll;
}

/* @end */

/* @group Headings */

h1#logo {
	background: url(../pics/logo.png) no-repeat left top;
	width: 400px;
	height: 128px;
	position: relative;
}

h1#logo a {
	display: block;
	width: 141px;
	height: 128px;
	text-indent: -100em;
	overflow: hidden;
}

#daystoconference {
	position: absolute;
	left: 156px;
	top: 15px;
	font-size: 11px;
	font-weight: normal;
}

#daystogo {
	float: left;
	clear: left;
	background: url(../pics/ui/bg_daystoconference.png) no-repeat left top;
	width: 143px;
	height: 14px;
	display: block;
	text-indent: -100em;
	overflow: hidden;
	margin: 8px 0 0;
}

#daystoconference b {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	color: #ff0a85;
	font-weight: normal;
	padding: 0 3px;
	float: left;
	margin: 5px 0 0 10px;
}

h1#logo .dtstart {
	float: left;
}

h1#logo .dtend {
	
}

h2 {
	color: #ee0a85;
	font-size: 18px;
	font-weight: normal;
	background-color: #ecf5f6;
	padding: 1px 10px;
	position: relative;
	margin-bottom: 5px;
}

h2.my {
	background-image:url("../pics/icon-my.png");
	background-repeat: no-repeat;
	background-position: 0 50%;
	margin-left:0;
	padding-left:50px;
	position: relative;
}

a.icon-myprogram,
a.icon-myplaces,
a.icon-mypeople {
	background-image:url("../pics/ui/btn_my_sections.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	
}

a.icon-myplaces {
	background-position: 0 -24px;
}


a.icon-mypeople {
	background-position: 0 -48px;
}

h2 a.icon-myprogram,
h2 a.icon-myplaces,
h2 a.icon-mypeople {
	position: absolute;
	display: block;
	width: 136px;
	height: 24px;
	top: 0;
	right: 0;
	text-indent: -9000em;
}

.pagination {
	position: absolute;
	top: 0;
	left: 0;
	width: 626px;
	font-size: 11px;
	display: block;
	text-align: center;
	padding: 5px 0;
}

.pagination a {
	text-decoration: none;
	color: #3d3d3d;
	padding: 3px 5px;
	margin: 0 -3px 0 0;
}

.pagination a:hover {
	color: #ee0a85;
}

.pagination a.active {
	background: #fff;
}

#mypeople {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 108px;
	height: 24px;
	background: #fff url(../pics/ui/btn_mypeople.png) no-repeat left top;
	border-left: 3px solid #d9eaeb;
	text-indent: -100em;
	overflow: hidden;
}

.content-sub h3 {
	font-size: 14px;
	font-weight: normal;
	border-bottom: 3px solid #fff;
	padding: 0 12px 6px 12px;
}

.content-sub h3 em {
	color: #ee0a85;
	font-style: normal;
}

/* @end */

/* @group Paragraphs */

p {
	margin: 0 0 1em;
}

p.ingress {
	font-size: 11px;
	margin-left: 0;
}

/* @end */

/* @group List items */

/* @end */

/* @group Tables */

/* @end */

/* @group Links */

a {
	color: #3d3d3d;
	text-decoration: none;
}

a:hover {
	color: #ee0a85;
}

/* @end */

/* @group Forms */
fieldset legend {
	margin-left: 10px;
}

textarea {
	font-family: Tahoma,sans-serif;
	font-size: 12px;
}
/* @end */

/* @group Other styling */

/* @end */

/* @end */

/* @group Helpers */

/* @group Tag cloud */
ol.tag-cloud {
	border-top: 2px solid #ff2291;
	border-bottom: 2px solid #ff2291;
	padding-bottom: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	
}

ol.tag-cloud a {
	color: #646464;	
}

ol.tag-cloud a:link,
ol.tag-cloud a:hover,
ol.tag-cloud a:visited,
ol.tag-cloud a:active {
	text-decoration:none	
}
ol.tag-cloud li {
	float: left;
	display: block;
	margin-right: 10px;
}
ol.tag-cloud li.tag-xs {
	font-size: 12px;
}
ol.tag-cloud li.tag-s {
	font-size: 14px;
}
ol.tag-cloud li.tag-m {
	font-size: 18px;
}
ol.tag-cloud li.tag-l {
	font-size: 24px;
}
ol.tag-cloud li.tag-xl {
	font-size: 30px;
}

ol.tag-cloud li.lightblue a{
	color:#53d0de;	
}

ol.tag-cloud li.pink a{
	color:#ec1589;	
}

ol.tag-cloud li.purple a{
	color:#81248e;	
}

/* @end */

/* @group Graph */
div.graph { margin:6px 0 0 31px; border-bottom: 3px solid #fff;height: 20px;}
div.graph strong.bar {display: block; color: #333; height: 20px; line-height: 20px; border-bottom: 3px solid #ff2291;font-weight: normal;}
div.graph strong.bar span.graph-number {font-size:11px;}


/* @end */

/* @group Misc */
.rss {
	background-image: url("../pics/icon-rss.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 22px;
}

.rss a {
	text-decoration: none;
}

a.add {
	margin: 2px 0 0 2px;
	width:49px;
	height:20px;
	 position:absolute;
	/*top:12px;
	right:8px;*/
	background-image:url("../pics/ui/btn_add.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9000em;
	display: block;
}

a.remove {
	margin: 2px 0 0 2px;
	width: 68px;
	height: 20px;
	display: block;
	position: absolute;
	/*bottom: 0;
	right:8px;*/
	text-indent: -9000em;
	background-image:url("../pics/ui/btn_remove.png");
	background-position: 0 100%;
	background-repeat: no-repeat;
}

span.error {
	color: #ae1266;
	font-weight: bold;
}



.hide {
	display: none;
}

/* @end */

/* @group Filter nav */
.nav-tabs {
	background: #e9f2f4;
	font-size: 11px;
	height: 24px;
	margin: 0 0 5px;
}

.nav-tabs ul {
	float: left;
}

.nav-tabs li {
	float: left;
}

.nav-tabs span {
	display: block;
	padding: 3px 8px;
}

.nav-tabs a {
	display: block;
	float: left;
	padding: 3px 8px;
	color: #3d3d3d;
	text-decoration: none;
}

.nav-tabs a.active {
	background: #fff;
}

.nav-pref {
	width: 297px;
	position: absolute;
	bottom: -3px;
}


/* @end */

/* @group Clearfix (hack for clearing) */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	zoom: 1;
	display: block;
}
/* @end */


/* @end */




/* @group Page Structure */

body {
	background: url(../pics/bg/bg_body.jpg) no-repeat center top;
	font: 12px/1.3 Tahoma, sans-serif;
	color: #3d3d3d;
}

#container {
	width: 942px;
	margin: 0 auto;
	position: relative;
	min-height: 500px;
	padding-bottom: 48px;
/* to make room for #siteinfo */
}

/* branding */

#branding {
	height: 170px;
	position: relative;
	margin: 0 0 5px 0;
}

/* 139px without nav */

#nav-main {
	position: absolute;
	bottom: 0;
	left: 0;
}

#nav-main li {
	float: left;
	display: inline;
	height: 1%;
}

#nav-main li a {
	display: inline;
	float: left;
	height: 27px;
	border-bottom: 3px solid #fff;
	margin-right: 6px;
	text-indent: -100em;
	overflow: hidden;
	background-image: url(../pics/navi/bg_mainnav.png);
	background-repeat: no-repeat;
}

#nav-main a.last {
	margin-right: 0;
}

#nav-registration a {
	width: 192px;
	background-position:0 0;
}

#nav-registration a:hover {
	background-position:0 -27px;
}

#nav-registration a.active {
	background-position:0 -54px;
}

#nav-program a {
	width: 116px;
	background-position: -198px 0;
}

#nav-program a:hover {
	background-position: -198px -27px;
}

#nav-program a.active {
	background-position: -198px -54px;
}

#nav-people a {
	width: 99px;
	background-position: -320px 0;
}

#nav-people a:hover {
	background-position: -320px -27px;
}

#nav-people a.active {
	background-position: -320px -54px;
}

#nav-places a {
	width: 99px;
	background-position: -425px 0;
}

#nav-places a:hover {
	background-position: -425px -27px;
}

#nav-places a.active {
	background-position: -425px -27px;
}

#nav-blogsforum a {
	width: 95px;
	background-position: -530px 0;
}

#nav-blogsforum a:hover {
	background-position: -530px -27px;
}

#nav-blogsforum a.active {
	background-position: -530px -54px;
}

#nav-supp {
	position: absolute;
	top: 12px;
	right: 0;
}

#nav-supp li {
	float: left;
}

#nav-supp li a {
	float: left;
	display: block;
	padding: 3px 12px;
	border-bottom: 3px solid #fff;
	margin: 0 0 0 6px;
	color: #3d3d3d;
	text-decoration: none;
}

#nav-user {
	position: absolute;
	right: 0;
	top:137px;
	width: 296px;
}

#nav-user li a {
	float: left;
	text-indent: -100em;
	overflow: hidden;
}

#nav-user li#login {
	
}

#nav-user li#login.active a {
	position: relative;
	left: 0;
	top: -46px;
}

#nav-user form {
	position: absolute;
	left: 0;
	top: 0;
}

#nav-user li#login.active form {
	top:-16px;
	border-bottom:3px solid #fff;
}

#nav-user form p {
	margin-bottom: 5px;
}

#nav-user form input {
	padding: 2px 0;

}

#nav-user form input.text {
	background:#FFFFFF none repeat scroll 0 0;
	border:medium none;
	color:#ccc;
	width: 132px;
	margin: 0;
}

#nav-user form input#password {
	width: 112px;
}

#nav-user form input#login {
	position: absolute;
	left: 112px;
	top: 21px;
	display: block;
	text-indent: -1000em;
	/*background: url("../pics/ui/btn_search_submit.png") no-repeat left top;*/
	border: none;
	width: 20px;
	height: 18px;
	cursor: pointer;
	
}

#nav-profile a {
	background: url(../pics/view_your_profile.png) no-repeat top left;
	width: 158px;
	height: 38px;
	margin: -2px 0 0 6px;
}

#login a {
	background: url(../pics/navi/btn_login.png) no-repeat 0px -2px;
	width: 132px;
	height: 21px;
	margin-top: 1px;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
}

#logout a {
	width: 132px;
	height: 27px;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	background: url(../pics/navi/btn_logout.png) no-repeat top left;
}

#nav-sub,.nav-subsub {
	background: #e9f2f4;
	width: 626px;
	height: 24px;
	display: block;
	margin: 0 0 15px;
}

#nav-sub li, .nav-subsub li {
	float: left;
	font: 11px/1 Tahoma, sans-serif;
}

#nav-sub li a, .nav-subsub li a {
	display: block;
	float: left;
	padding: 6px 14px;
	text-align: center;
	text-decoration: none;
	color: #3d3d3d;
}

#nav-sub li a:hover, .nav-subsub li a:hover {
	color: #ee0a85;
}

#nav-sub li a.active, .nav-subsub li a.active {
	background: #fff;
	color: #ee0a85;
}

#search {
	position: absolute;
	top: 45px;
	right: 0;
	background: #fff;
}

#search fieldset {
	float: left;
}

#search label {
	display: block;
	text-indent: -100em;
	overflow: hidden;
	background: url(../pics/ui/label_search.png) no-repeat left top;
	width: 62px;
	height: 19px;
	float: left;
}

#search input {
	background: #fff;
	border: none;
	font: 11px/1 Tahoma, sans-serif;
	padding: 2px;
	float: left;
	color: #3d3d3d;
	width: 210px;
}

#search input.btn {
	display: block;
	text-indent: -100em;
	float: left;
	background: url(../pics/ui/btn_search_submit.png) no-repeat left top;
	border: none;
	width: 20px;
	height: 18px;
	cursor: pointer;
}

/* end branding */

.content {
	position: relative;
	/*overflow: hidden;*/
}

.content-main {
	width: 626px;
	float: left;
	position: relative;
}
.content-main p {
	margin-left: 10px;	
}
.content-main .ingress p {
	margin-left: 0;	
}

.content-wide {
	width: 942px;
}

.content-sub {
	width: 297px;
	float: right;
}

#siteinfo {
	font-size: 11px;
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 942px;
}

#siteinfo p {
	float: left;
	padding: 0 10px 0 0;
}

#siteinfo li {
	float: left;
}

#siteinfo li a {
	float: left;
	display: block;
	color: #3d3d3d;
	border-left: 1px solid #ee0a85;
	text-decoration: none;
	padding: 0 10px;
}

#siteinfo li a:hover {
	text-decoration: underline;
}



/* @end */

/* @group Page Elements */

/* @group Contact */

div.contact {
	padding-top: 10px;
	background-color: #fff;
}


/* @end */

/* @group Home */

div#call-action {
	position: relative;
	background: white url('../pics/mcpc_2009_october_47_2009_helsinki.png') no-repeat;
	width: 625px;
	height: 346px;
	margin: 11px 0 19px 0;
}

div#call-action h2, 
div#co-create h2 {
	background-color: transparent;
	text-indent:-9999em;
}

div#call-action p span {
	display: block;
	margin: 10px 0;
	padding: 0;
}
div#call-action p span a {
	color: #893396;
}

div#call-action p {
	margin: 0;
	padding: 20px 11px 0 22px;
	width: 240px;
	float: left;
}

div.carousel {
	float: left;
	width: 318px;
	padding: 25px 20px 0 14px;
}

div#call-action div.carousel p {
	margin: 10px 0 0 0;
	padding: 0;
	width: auto;
}

div#call-action a.button {
	display: block;
	position: absolute;
	top: 56px;
	right: 13px;
	width: 185px;
	height: 26px;
	background: transparent url('../pics/btn_call_papers.png') no-repeat top left;
	text-indent: -999em;
}

div#call-action .right-links {
        position: absolute;
        top: 56px;
        right: 10px;
	width: 17.1em;
}

div#call-action .right-links a {
	display: block;
	padding: 0.5em;
	margin: 0 0 1em 0;
	background: white;
}
div#call-action .right-links a span {
	color: #EE0A85;
	float: right;
}

ul#conference-status {
	display: block;
	margin-top: 18px;
	margin-bottom: 18px;
}

ul#conference-status li, ul#conference-status li * {
	display: none;
}

ul#conference-status li.active {
	width: 625px;
	height: 127px;
	display: block;
	background: transparent url('../pics/phases.png') no-repeat top left;
}

ul#conference-status #phase-3 {
	background-position: 0 -127px;
}

ul#conference-status #phase-4 {
	background-position: 0 -254px;
}

ul#conference-status #phase-5 {
	background-position: 0 -381px;
}

div#co-create {
	position: relative;
	display: block;
	background-color: #fff;
	width: 625px;
}

div#default {
	background-image: url("../pics/bg/bg_your_conference.jpg");
	background-position: 0 0; 
	background-repeat: no-repeat;
	height: 251px;	
}


div#what {
	background-image: url("../pics/bg/bg_your_conference.jpg");
	background-position: 0 -251px; 
	background-repeat: no-repeat;

}

div#why {
	background-image: url("../pics/bg/bg_your_conference.jpg");
	background-position: 0 -502px; 
	background-repeat: no-repeat;

}

div#how {
	background-image: url("../pics/bg/bg_your_conference.jpg");
	background-position: 0 -753px;
	background-repeat: no-repeat;

}
	
div#what.active, div#why.active, div#how.active {
	height: 251px;
}

div#co-create h2 {
	width: 332px;
	height: 33px;
	background: url("../pics/bg/h2-cocreate.png") 0 0 no-repeat;
	position: relative;
	top: 24px;
	left: 18px;
	
}

div#co-create p {
	margin-top: 10px;
	margin-left: 20px;
	width: 200px;
}

div#co-create p.start a {
	width: 208px;
	height: 30px;
	display: block;
	background-image: url("../pics/read_more.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999em;	
}

div#co-create p.intro {
	margin-top: 60px;
}

div#co-create h3 {
	margin-top: 30px;
	margin-left: 20px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	margin-bottom: 0;
}

ul.nav-info {
	position: absolute;
	top: 220px;
	left: 0;
	
}
ul.nav-info li {
	
	height: 27px;
	float: left;
	background-image: url("../pics/ui/btn_why.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999em;
	
}

#nav-what,
#nav-how {
	margin-left: 5px;
}

ul.nav-info li a {
	
	height: 27px;
	display: block;
}

ul.nav-info li#nav-what {
	width: 213px;
	background-position: -205px 0;	
}

ul.nav-info li#nav-what a {
	width: 213px;
}

ul.nav-info li#nav-what.active {
	background-position: -205px -27px;	
}
	
ul.nav-info li#nav-how {
	width: 202px;
	background-position: -423px 0;
	margin-right: 0;
} 

ul.nav-info li#nav-how a {
	width: 202px;
}

/*div#co-create div#how h3:hover,*/
ul.nav-info li#nav-how.active {
	background-position: -423px -27px;	
}

/*div#co-create div#why h3:hover,*/
ul.nav-info li#nav-why {
	width: 200px;
	background-position: 0 0;
}

ul.nav-info li#nav-why a {
	width: 200px;
}

/*div#co-create div#what h3:hover,*/
ul.nav-info li#nav-why.active {
	background-position: 0 -27px;
}



div.topic h2 {
	width: 277px;
	height: 28px;
	text-indent: -9999em;
	background-image: url("../pics/bg/h2-topics.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-top: 7px;
	margin-bottom: 0;
}
div.topic ul {
	background:#fff;
	padding-bottom: 5px;
}

div.topic ul a {
	
	text-decoration: none;
}



div.topic ul li {
	margin:0 10px;
	padding: 5px 0;
}

div#conference h2 {
	margin-top: 0;
}

div#business h2 {
	background-position: 0 -35px;
}

div#labs h2 {
	background-position: 0 -70px;
}

#my-programme {
	margin-top: 15px;
}

#my-programme h2 {
	background:  url("../pics/bg/h2-cocreated.png") left top no-repeat;
	width: 625px;
	height: 37px;
	text-indent: -9999em;
}

div.people-program-places,
div.blogs-forums {
	float: left;
	background-color: #fff;
}

div.people-program-places {
	width: 363px;
}

div.blogs-forums {
	width: 254px;
	margin-left: 8px;
}

div.people-program-places img.photo {
	width: 46px;
	height: 46px;
	position: absolute;
	left: 5px;
	top: 8px;
}

div.recommendations h4.suggest {
	font-family: Tahoma,Arial,sans-serif;
	font-size: 14px;
	color:#3d3d3d;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 15px;
}

div.recommendations h4.suggest span {
	color:#f7128d;
}

div.latest ul li,
div.recommendations ul li {
	position: relative;
	background-color: #f5f5f5;
	border-bottom: 3px solid #fff;
	margin: 3px;
	min-height:62px;
}

.pic-module h4,
.pic-module p {
	margin-left:5px;
	margin-top: 5px;
}

.text h4,
.text p {
	margin-left:15px;
	margin-top: 5px;
}

div.recommendations ul li {
	border:1px solid #f7128d;
		
}

div#my-people ul li p,
div#my-people ul li h4 {
	position: relative;
	margin-left: 62px;
	margin-top: 5px;
}
div#my-people ul li h4 {
	padding-top:6px;
}

div#my-places ul li {
	position: relative;
	min-height: 60px;
}

div#my-places ul li img {
	position: absolute;
	left: 5px;
	top: 5px;
	width: 46px;
	height: 46px;
}

div#my-places ul li p,
div#my-places ul li h4 {
	margin-left: 62px;
}

div#my-places ul li h4 {
	margin-top: 10px;
}


div.wrapper {
	overflow: hidden;
}

div.blogs-forums div h4,
div.blogs-forums div p {
	margin-left: 15px;
}

div.blogs-forums div h4 {
	margin-top:5px;
}

div.blogs-forums div {
	margin-bottom: 10px;
}
div.blogs-forums div p {
	margin-bottom: 0;
}

div.blogs-forums div p.rss {
	margin-top: 5px;	
}

div#my-blogs li {
	margin-top: 5px;
	margin-left: 15px;
	margin-right: 15px;
}

ul.nav-tab {
	margin: 0;

	overflow:hidden;
}

ul.nav-tab li {
	float: left;
	cursor: pointer;
	background-image: url("../pics/bg/bg-navtab.png");
	background-position:0 0;
	background-repeat: no-repeat;
	width: 119px;
	height: 20px;
	margin-right: 3px;
	font-size: 14px;
	text-indent: -9999em;
}

ul.nav-tab li#navtab-people {
	background-position: 0 0;
}

ul.nav-tab li#navtab-people.active {
	background-position:0 -20px;
	color: #fff;
}

ul.nav-tab li#navtab-program {
	background-position: -123px 0;
	
}
ul.nav-tab li#navtab-program.active {
	background-position: -123px -20px;
	
}

ul.nav-tab li#navtab-places {
	background-position: -244px 0;
	margin-right: 0;
}

ul.nav-tab li#navtab-places.active {
	background-position: -244px -20px;
}

ul.nav-tab li#navtab-blog {
	background-position: -370px 0;
	width: 85px;
}

ul.nav-tab li#navtab-blog.active {
	background-position: -370px -20px;
}

ul.nav-tab li#navtab-blogs {
	background-position: -459px 0;
	width: 166px;
	margin-right: 0;
}

ul.nav-tab li#navtab-blogs.active {
	background-position: -459px -20px;
}

#labs ul li {
	margin: 0;
	padding: 0;
}

#labs ul li p {
        margin-left: 15px;
        margin-right: 15px;
        font-size: 11px;
}
#labs ul li img {
	margin-left: 10px;
}

#labs ul li h3 {
	background-image: url("../pics/bg/bg_labs.png");
	background-repeat: no-repeat;
        font-size: 12px;
        padding-left:0;
        padding-bottom: 0;
        text-indent: -9000em;
        width: 297px;
        height: 20px;
        margin-left: 0;
        padding-right: 0;
        cursor: pointer;
}

#conference ul li {
	margin-left: 0;
	margin-right: 0;
}
#conference ul li h3 {
	background-image: url("../pics/bg/bg_customization.png");
	background-repeat: no-repeat;
	font-size: 12px;
	padding-left:0;
	padding-bottom: 0;
	text-indent: -9000em;
	width: 297px;
	height: 20px;
	margin-left: 0;
	padding-right: 0;
	cursor: pointer;
}

#conference ul li p {
	margin-left: 15px;
	margin-right: 15px;
	font-size: 11px;
}

#conference ul li#tab-customization,
#conference ul li#tab-creativity,
#conference ul li#tab-configuration {
	margin: 0;
	padding: 0;
}

#conference ul li#tab-customization h3 {
	background-position: 0 0;
}

#conference ul li#tab-customization h3.active {
	background-position: 0 -20px;
}

#conference ul li#tab-creativity h3 {
	background-position: -297px 0;
}

#conference ul li#tab-creativity h3.active {
	background-position: -297px -20px;
}

#conference ul li#tab-configuration h3 {
	background-position: -594px 0;
}

#conference ul li#tab-configuration h3.active {
	background-position: -594px -20px;
}

#labs ul li#lab-tab-fashion h3 {
	background-position: 0 0;
}
#labs ul li#lab-tab-city h3 {
	background-position: -297px 0;
}
#labs ul li#lab-tab-taivas h3 {
	background-position: -594px 0;
}
#labs ul li#lab-tab-fashion h3.active {
	background-position: 0 -20px;
}
#labs ul li#lab-tab-city h3.active {
        background-position: -297px -20px;
}
#labs ul li#lab-tab-taivas h3.active {
        background-position: -594px -20px;
}


/* @end */

/* @group Blogs */
.blogentry .content-listing  li div.item-info {
	float: left;
	position: relative;
	width: 625px;
	/*background-color: transparent;*/
	padding-top:0;
}



.blogentry .content-listing li div.item-info h3,
.blogentry .content-listing li div.item-info p {
	width: 431px;
	margin-left: 10px;
}

.blogentry .content-listing  li div.item-info p.date {
	font-size: 11px;
	color: #9e9e9e;
}

.blogentry .content-listing  li div.item-info p.comment a {
	font-size: 11px;
	color: #9e9e9e;
	background: url("../pics/icon-comment.png") 0 4px no-repeat;
	padding-left: 22px;
}

.blogentry .content-listing div.item-info p,.blogentry .content-listing div.item-info p a {
	font-size: 12px;
	margin: 0;
	margin-bottom: 5px;
	color: #3d3d3d;
	text-decoration: none;
}

.blogentry .content-listing div.item-info p a:hover {
	color: #3d3d3d;
}

.blogentry .content-listing li div.preference h4 {
	top: 10px;
}

.blogentry div.graph {
	margin-top: 44px;
}

.comments {
	
	background-color: #fff;
}
.comments h3 {
	font-size:12px;
	font-weight:normal;
	margin-top: 5px;
	padding:5px 10px 5px 34px;
	position:relative;
	border-top:3px solid #dcebee;
	background:#ecf5f6 url("../pics/icon-comment.png") 10px 8px no-repeat;
}

#commentform h3 {
	background:#ECF5F5 url(../pics/icon-comment.png) no-repeat scroll 105px 8px;
	font-weight:normal;
	padding:5px 26px 5px 10px;
	padding-right:26px;
}

div.comment {
	margin-top: 10px;
}

#commentform form {
	padding-top: 10px;
	background-color: #fff;
}
#commentform p.send {
	padding-bottom:5px;	
}

/* @end */

/* @group Events */
.events {
	background-color: #fff;	
}
.events h3 {
	font-size: 12px;
	font-family: Tahoma, Arial, sans-serif;
	font-weight: normal;
	background-color: none;
	margin-left:10px;
}

.events table.event-schedule h3 {
	margin-left: 0;
}

.events h3.eventdate {
	background-color:#ECF5F6;
	color:#EE0A85;
	font-size:18px;
	font-weight:normal;
	margin-bottom:5px;
	margin-left:0;
	padding:1px 10px;
	position:relative;
}

.events p.rooms {
	text-align: center;
	font-style: italic;
	margin-top: 10px;
}

table.event-schedule {
	width: 625px;
	
}


table.event-schedule tr {
	width: 625px;
}

table.event-schedule th {
	background-color: #f5f5f5;
	font-size: 11px;
}

table.event-schedule td.time {
	padding-left:5px;
	width:90px;
	font-weight:bold;
	text-align: left;
}

table.event-schedule td.time span {
}

.event-schedule h3 a {
	display: block;
	padding: 23px 3px 20px;
}

table.event-schedule td {
	position: relative;
	margin-right: 5px;
	padding-top: 0px;
	font-size: 11px;
	/* height: 60px; */
	background-color: #f5f5f5;	
	text-align: center;
}

/*
table.event-schedule td a.add,
table.event-schedule td a.remove {
	position: relative;
	left:10px; 
	top: 14px;
}
*/

table.event-schedule td:hover {
	background-color: #e4e4e4;
}

table.event-schedule td.active {
	background-color: #f61990;
}
table.event-schedule td.active a {color: #fff;}

table.event-schedule td.recommended {border:2px solid #f61990;}

table.event-schedule td a.add,
table.event-schedule td a.remove {
	background-position: 50% 100%;
	
}

div#added-events {
	margin-top: -30px;
}

div.added-event h4 {
	background-image:url("../pics/bg/bg_added_event.png");
	background-repeat:repeat-x;
	background-position: 0 0;
	padding:0 5px 5px 10px;
}

div.added-event li {
	position: relative;
	padding-bottom: 15px;
}

div.added-event p {
	padding-left: 10px;
	margin-bottom: 10px;
}
div.added-event p.date {
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 0;
}

div.added-event a.add, 
div.added-event a.remove {
	bottom: 0;
	right: 0;
}

/* @end */

/* @group Content listing */
.content-listing {
	background: url("../pics/ui/bg/bg_search_results.png") left top repeat-y;
}

.content-item {
	background: #fff;
	padding: 10px;
	position: relative;
}

.content-item h3 {
	margin-bottom: 10px;
	width: 510px;
	font-size: 14px;
}

.content-entry a {
	color: #8c2197;
}

.content-entry a:hover {
	color: #ee0a85;	
}

.content-item p {
	width: 510px;
	margin-left: 0;
}
.content-item a.add {
	position: absolute;
	top: 10px;
	right: 5px;	
}

.content-listing li {
	/*background: #fff;*/
	background:transparent;
	padding: 11px 0 150px 11px 0;
	/*position: relative;*/
	display: block;
	clear: both;
	overflow: hidden;
	/*TODO:Need to test this through the site */
	/*width: 385px;*/
	margin-bottom: 2px;
}


.content-listing li div.item-info,
.content-listing li div.item-info-my {
	float: left;
	position: relative;
	width: 625px;
	padding-top: 11px;
	padding-bottom: 11px;
	min-height: 81px;
	border-bottom: 2px solid #dfedee;
	background-color: #fff;
}

.content-listing li div.item-info-my {
	width: 468px;
	border-bottom: 2px solid #fff;
	background-color: #f5f5f5;
}

div.item-info-my h3 {
        font-weight: bold;
        margin: 0;
}

div.item-info a.add,
div.item-info a.remove,
div.content-item a.add, 
div.content-item a.remove,
div.content-entry a.add, 
div.content-entry a.remove {
	top: 10px;
	right: 5px;	
}

div.item-info-my p {
	margin: 0;
}
div.item-info-my a.add,
div.item-info-my a.remove {
	
	top: 12px;
	right: 0;
	/*bottom:0;
	left:45%;
	width:100%;*/
}

.col-my {
	float: left;
	width: 468px;
	margin-right: 5px;
	background-color: #fff;
}

.col-my h3 {
	font-size: 14px;
	font-family: Tahoma,Arial,sans-serif;
	padding: 10px;
}

.col-my p.empty {
	margin-left: 10px;
}

.content-listing li div.item-info h3,
.content-listing li div.item-info p,
.content-listing li div.item-info-my h3, 
.content-listing li div.item-info-my p {
	margin-left: 101px;
	width: 330px;
	padding-left: 0;
}

.content-listing li div.item-info h3 p {
        margin-left: 0;
}



.content-listing li div.preference {
	float: left;
	width: 317px;
}

.content-listing li div.preference h4 {
	position: absolute;
	left: 645px;
	top: -30px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 4px solid #fff;
	line-height:1.8;
	width: 300px;
	padding-left: 12px;
}

div.preference h4 span {
	color: #ff2291;
	
}

.content-listing h3 {
	font-weight: normal;
	font-size: 12px;
}

.content-listing .item-info h3 {
        font-weight: bold;
}

.content-listing h3 a {

	text-decoration: none;
}

.content-listing div.item-info p, .content-listing div.item-info p a {
	font-size: 11px;
	margin: 0;
	color: #9e9e9e;
	text-decoration: none;
}

.content-listing div.item-info p a:hover {
	color: #666;
}


.content-listing div.item-info img,
.content-listing div.item-info-my img {
	position: absolute;
	left: 11px;
	top: 11px;
	width: 80px;
	height: 80px;
}

.sponsor-results {
        margin: 1em;
}

.sponsor-results span {
        font-weight: bold;
}


.content-listing .match {
	display: block;
	width: 273px;
	margin-right: -316px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 8px 12px;
}

.content-listing .meter {
	height: 3px;
	display: block;
	background: #eef5f6;
}

.content-listing .meter b {
	background: #ee0a85;
	display: block;
	width: 0;
	height: 3px;
	overflow: hidden;
}

.content-entry {
	background: #fff;
	padding: 10px;
	position: relative;
}

.content-entry p{ 
	margin-left: 0;
}

.content-entry h3{ 
	font-size:14px;
	margin-top: 3px;
	margin-bottom: 10px;
}

.content-entry ul {
	list-style-type: disc;
	margin: 1em 0;
	padding-left: 1.5em;
}



/* @end */

/* @group Benefits */
#benefits p {
	font-size:12px;
}

#benefits ul {
	margin-bottom: 10px;
}

#benefits em {
	color: #3d3d3d;
	font-style: normal;
}

#benefits li {
	list-style: disc;
	list-style-position: inside;
	color: #9e9e9e;
	
}


/* @end */

/* @group Forms */

form#frm-profilesave p,
form#frm-profileoutlines p {
	clear: both;
	padding-bottom: 15px;
	
}

form#frm-profilesave span.label,
form#frm-profileadditions span.label,
form#frm-profileoutlines span.label {
	float: left;
	width: 110px;
}

form#frm-profilesave span.errorlabel,
form#frm-profileadditions span.errorlabel,
form#frm-profileoutlines span.errorlabel {
	color: #ae1266;
}

form#frm-profilesave input.text, 
form#frm-profileadditions input.text,
form#frm-profileoutlines input.text {
	float: left;
	width: 160px;
}

form#frm-profileoutlines textarea.textarea {
	float: left;
	width: 250px;
	height: 140px;
}


form#frm-profilesave span.error,
form#frm-profileadditions span.error,
form#frm-profileoutlines span.error, {
	float: left;
	width: 250px;
	margin-left: 10px;
}

form#frm-profilesave span.errorimage {
	display: block;	
	margin-top: 5px;
	margin-left: 110px;
	float: none;
	width: auto;
}

p.controls {
	margin-top: 15px;
	margin-left: 120px;
}

form#frm-login p {
	clear: both;
	padding-bottom: 15px;
}

form#frm-login p.controls {
	margin-left: 120px;
}

form#frm-login span {
	float: left;
	width: 110px;
}

form#frm-login input.text {
	float: left;
	width: 160px;
}



form#frm-profileadditions fieldset#fldset-additional-info input.text {
	width: 366px;
	float: none;
	display:block;
}

form#frm-profileadditions fieldset#fldset-additional-info textarea {
	width: 370px;
	height: 150px;
	display: block;
}

form#frm-profileadditions p.controls {
	margin-left: 0;
}


form#frm-profilesavecancel {
	float: left;
}

form#frm-profilesavecancel {
	float: left;
	margin-left: 0;
}

/* @end */

/* @group Ingress */

div.ingress {
	padding: 0 15px 3px 10px;
}

div.ingress a {
	color: #8c2197;
}

div.ingress a:hover {
	color: #ee0a85;
}

div.ingress h3 {
	margin-bottom: 10px;
}


/* @end */



/* @group Related */

div.related-program,
div.related-people,
div.related-blogs,
div.related-forum {
	margin-bottom: 20px;
}

div.related-program span,
div.related-people span,
div.related-blogs span,
div.related-forum span {
	position: absolute;
	left: 0;
	top: 2px;
}

div.related-program h4,
div.related-people h4,
div.related-blogs h4,
div.related-forum h4 {
	width: 297px;
	height: 20px;
	margin-left: 0;
	text-indent: -9999em;
	background-image: url("../pics/bg/h2-related.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	
}

div.related-people h4 {
	background-position: 0 -20px;
}

div.related-blogs h4 {
	background-position: 0 -40px;	
}

div.related-forum h4 {
	background-position: 0 -60px;	
}

div.related-program ul,
div.related-blogs ul,
div.related-people ul {
	margin-left: 15px;
	margin-bottom: 10px;
} 

div.related-program ul li,
div.related-people ul li,
div.related-blogs ul li,
div.related-people ul li {
	position: relative;
	margin-bottom: 5px
}

div.related-people ul li p.pic {
	position:absolute;
	left: 12px;
	top: 0;
}

div.related-people ul li img {
	width: 38px;
	height: 38px;
	position: absolute;
	left: -65px;
	top: 0;
}

div.related-program ul li h5,
div.related-program ul li p,
div.related-blogs ul li h5,
div.related-blogs ul li p {
	margin-left: 15px;
}

div.related-program ul li h5,
div.related-people ul li h5,
div.related-blogs ul li h5 {
	padding-top: 2px;
	font-weight: normal;
}

div.related-people ul li h5,
div.related-people ul li p {
	margin-left: 46px;
}

div.related-program ul li.sponsor-lab,
div.related-people ul li.sponsor-lab,
div.related-blogs ul li.sponsor-lab,
div.related-people ul li.sponsor-lab {
	border:3px solid #fff;
	margin-left:-10px;
	padding:2px 0 5px 10px;
}

/* @end */

/* @group Search */

#search-results {
	clear: both;
	overflow: hidden;
	background: #fff url("../pics/bg/bg_search_results.png") left top repeat-y;
}

div.results-total {
	overflow: hidden;
	float: left;
	
}

div.results-total p {
	float: left;
}

div.results-total p span {
	font-weight: bold;
}

div.results-total p.results {
	width: 390px;
	margin-left: 10px;
}

div.results-total p.total {
	width: 205px;
	margin-right: 10px;
	text-align: right;
}

div.searchfilters {
	background-color: #ecf5f6;
	clear: both;
}

div.searchfilters h2 {font-size: 12px;color: #3d3d3d;float: left; width: 90px; background-color: #ecf5f6;padding: 5px 5px 5px 10px;}

div.searchfilters ul {
	float: left;
	width: 520px;
	background-color: #ecf5f6;
}

div.searchfilters li {
	float: left;
	padding: 5px;
	
}

div.searchfilters li:hover {background-color: #fff;}

div.searchfilters li a,
div.searchfilters li a:link {text-decoration: none;color: #3d3d3d;} 

div.searchfilters li a:hover {text-decoration: underline;}

div.searchfilters li a:visited {} 

div.searchfilters li a:active {} 

div#search-results li {
	clear:both;
	display:block;
	margin-bottom:0;
	overflow:hidden;
}


div#search-results div.result {
	float: left;
	width: 625px;
	background-color: #fff;
	border-bottom:2px solid #dfedee;
	padding-bottom:11px;
	padding-top:11px;
	
}

div#search-results ol h3,
div#search-results ol p {
	margin-left: 10px;
	margin-right: 10px;
}
div#search-results ol p {
	color: #9e9e9e;	
}

div#search-results ol h3 {
	margin-bottom: 6px;
}

div#search-results div.preference {
	float: right;
	width: 317px;
	padding-bottom:11px;
	padding-top:11px;
}

div#search-results div.preference h4 {
	position: absolute;
	left: 645px;
	top: 60px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 4px solid #fff;
	line-height:1.8;
	width: 300px;
	padding-left: 12px;
}

div#search-results div.preference h4 span {
	color: #ff2291;
	
}



/* @end */



/* @group Profile */

#profile {
	background-color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
}

#profile p,
#profile ol {
	margin-left: 12px;
	margin-right: 12px;
}

#profile a.save {
	width: 106px;
	height: 23px;
	display: block;
	text-indent: -9999em;
	background: url("../pics/ui/btn_save.png") left top no-repeat;
}

#profile.active {
	width: 298px;
	min-height: 300px;
	background: #fff url("../pics/bg/bg_profile.png") 246px 0 no-repeat; 
	position: absolute;
	top: 166px;
	right: 0;
	z-index: 10;
	padding-top: 20px;
}

#profile.active #profile p,
#profile.active #profile ol {
	margin-left: 12px;
	margin-right: 12px;
}

#profile.active  a.close {
	position: absolute;
	top:-31px;
	left: 0;
	width: 143px;
	height: 31px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	display: block;
	background: url("../pics/ui/btn_close.png") left top no-repeat;
	text-indent: -9000em;
}

p.editprofile a {
	text-indent: -9000em;
	background: url("../pics/ui/btn_editprofile.png") left top no-repeat;
	width: 131px;
	height: 21px;
	display: block;
}

div.save-profile {
	background-color: #fff;
	margin-bottom: 10px;
}

div.activation-ok {
	background-color: none;
	
}

div.activation-ok p,
div.activation-ok h3 {
	font-size: 12px;	
}

/* @end */


/* @end */
/*

@group Overrides */

h2.morespace {
	margin-bottom:10px	
}

.last {
	margin-left: 0;
	margin-right: ;
}

.bottom {
	position: absolute;
	bottom: 0;
}

.right {
	position: absolute;
	right: 0;
}

.nopad {
	padding: 0;
}

.nomar {
	margin: 0;
}

/* @end */