/*### Content specific CSS ###
	used for:
	/digital-agenda/en/onlife-initiative (node/1027)
	/digital-agenda/onlife-original-outcome (node/39808)
	/digital-agenda/inaugural-event (node/46656)
*/


/* start of onlife Manifesto */

@media (min-width:768px){
	#onlifeManifesto{
		font-family:Verdana;
		font-size:11px;
		width:500px;
		height:720px;
		background:#fff url(../../images/content/onlife_manifesto/onlifeMenu.jpg) no-repeat 10px 0;
		position:relative;
		line-height:12px;
		margin:20px auto;
		clear:both;
		border-radius:5px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	}
	#onlifeManifesto ul{
		margin:0;
		padding:0;
	}
	#onlifeManifesto li{
		list-style:none;
		margin:0;
		padding:0;
		background:none;
		line-height:12px;
	}

	#onlifeManifesto a{
		text-decoration:none !important;
		color:#074a8b;
	}
	#onlifeManifesto a:hover{
		text-decoration:underline;
	}

	#onlifeManifesto .onlifeManifesto{
		font-weight:bold;
		text-align:center;
		position:absolute;
		top:276px;
		left:213px;
		width:75px;
	}

	#onlifeManifesto .category1{
		position:absolute;
		width:134px;
		text-align:center;
		top:24px;
		left:353px;
		color:#29990e;
	}
	#onlifeManifesto .category2{
		position:absolute;
		width:100px;
		text-align:center;
		top:535px;
		left:370px;
		color:#ca610a;
	}
	#onlifeManifesto .category3{
		position:absolute;
		width:123px;
		text-align:center;
		top:535px;
		left:16px;
		color:#a5498c;
	}
	#onlifeManifesto .category4{
		position:absolute;
		width:95px;
		text-align:center;
		top:14px;
		left:30px;
		color:#60798f;
	}

	#onlifeManifesto .feedback .phylactery{
		position:absolute;
		display:none;
		background:#fff;
		border:solid 2px #cdcdcd;
		border-radius:20px;
		padding:10px 15px 15px;
		width:200px;
		text-align:left;
		line-height:16px;
		box-shadow:0px 5px 5px rgba(0,0,0,0.5)
	}
	#onlifeManifesto .feedback .comment .phylactery{
		top:-30px;
		right:-240px;
	}
	#onlifeManifesto .feedback .chapter .phylactery{
		top:-20px;
		right:-230px;
	}
	#onlifeManifesto .feedback .bio .phylactery{
		top:0px;
		right:-230px;
	}
	#onlifeManifesto .feedback .phylactery .arrow{
		position:absolute;
		top:22px;
		left:-18px;
		background:url(../../images/content/onlife_manifesto/onlifeComment.png) no-repeat 0px 0px;
		width:18px;
		height:21px;
	}

	#onlifeManifesto .feedback .comment.phylLeft .phylactery{
		right:auto;
		left:-240px;
	}
	#onlifeManifesto .feedback .chapter.phylLeft .phylactery{
		right:auto;
		left:-230px;
	}
	#onlifeManifesto .feedback .bio.phylLeft .phylactery{
		right:auto;
		left:-230px;
	}
	#onlifeManifesto .feedback .phylLeft .phylactery .arrow{
		left:auto;
		right:-18px;
		background-position:-18px 0px;
	}

	#onlifeManifesto .feedback .chapter{
		position:absolute;
		width:75px;
		text-align:center;
		line-height:11px;
	}

	#onlifeManifesto .feedback .feedback1 .chapter{top:134px;left:285px;}
	#onlifeManifesto .feedback .feedback2 .chapter{top:192px;left:337px;}
	#onlifeManifesto .feedback .feedback3 .chapter{top:248px;left:355px;}
	#onlifeManifesto .feedback .feedback4 .chapter{top:323px;left:348px;}
	#onlifeManifesto .feedback .feedback5 .chapter{top:381px;left:313px;}
	#onlifeManifesto .feedback .feedback6 .chapter{top:402px;left:254px;width:63px;}
	#onlifeManifesto .feedback .feedback7 .chapter{top:396px;left:189px;width:63px;}
	#onlifeManifesto .feedback .feedback8 .chapter{top:385px;left:120px;width:70px;}
	#onlifeManifesto .feedback .feedback9 .chapter{top:318px;left:79px;}
	#onlifeManifesto .feedback .feedback10 .chapter{top:265px;left:70px;}
	#onlifeManifesto .feedback .feedback11 .chapter{top:196px;left:90px;}
	#onlifeManifesto .feedback .feedback12 .chapter{top:124px;left:148px;width:63px;}


	#onlifeManifesto .feedback .comment{
		position:absolute;
		width:16px;
		height:16px;
		background:url(../../images/content/onlife_manifesto/onlifeSprite.png) no-repeat 0px 0px;
	}
	#onlifeManifesto .feedback .comment:hover{
		background:url(../../images/content/onlife_manifesto/onlifeSprite.png) no-repeat 0px -20px;
	}
	#onlifeManifesto .feedback a:hover{
		z-index:10 !important;
		zoom:1.0;
	}
	#onlifeManifesto .feedback a{
		z-index:0 !important;
	}
	#onlifeManifesto .feedback .comment:hover .phylactery{
		z-index:10 !important;
	}
	#onlifeManifesto .feedback .comment:hover .phylactery strong{
		display:block;
		padding-bottom:4px;
	}
	#onlifeManifesto .feedback a:hover .phylactery{
		display:block;
		color:#444;
	}

	#onlifeManifesto .feedback .feedback1 .comment{top:227px;left:273px;}
	#onlifeManifesto .feedback .feedback2 .comment{top:248px;left:297px;}
	#onlifeManifesto .feedback .feedback3 .comment{top:278px;left:309px;}
	#onlifeManifesto .feedback .feedback4 .comment{top:310px;left:305px;}
	#onlifeManifesto .feedback .feedback5 .comment{top:337px;left:287px;}
	#onlifeManifesto .feedback .feedback6 .comment{top:352px;left:258px;}
	#onlifeManifesto .feedback .feedback7 .comment{top:352px;left:227px;}
	#onlifeManifesto .feedback .feedback8 .comment{top:337px;left:198px;}
	#onlifeManifesto .feedback .feedback9 .comment{top:311px;left:179px;}
	#onlifeManifesto .feedback .feedback10 .comment{top:279px;left:175px;}
	#onlifeManifesto .feedback .feedback11 .comment{top:249px;left:186px;}
	#onlifeManifesto .feedback .feedback12 .comment{top:227px;left:210px;}



	#onlifeManifesto .feedback .bio{
		position:absolute;
		width:80px;
		height:75px;	
	}
	#onlifeManifesto .feedback .bio:hover{
		background:url(../../images/content/onlife_manifesto/onlifeSprite.png) no-repeat 0px -125px;
	}
	#onlifeManifesto .feedback .bio  .phylactery{
		font-style:italic;
	}
	#onlifeManifesto .feedback .bio  .phylactery .author{
		font-style:normal;
		display:block;
		text-align:right;
		color:#777;
		padding:8px 0 0;
	}

	#onlifeManifesto .feedback .feedback1 .bio{top:68px;left:305px;}
	#onlifeManifesto .feedback .feedback2 .bio{top:135px;left:383px;}
	#onlifeManifesto .feedback .feedback3 .bio{top:228px;left:420px;}
	#onlifeManifesto .feedback .feedback4 .bio.bio1{top:305px;left:417px;}
	#onlifeManifesto .feedback .feedback4 .bio.bio2{top:356px;left:399px;}
	#onlifeManifesto .feedback .feedback5 .bio{top:417px;left:352px;}
	#onlifeManifesto .feedback .feedback6 .bio{top:466px;left:261px;}
	#onlifeManifesto .feedback .feedback7 .bio{top:466px;left:161px;}
	#onlifeManifesto .feedback .feedback8 .bio{top:420px;left:70px;}
	#onlifeManifesto .feedback .feedback9 .bio{top:337px;left:10px;}
	#onlifeManifesto .feedback .feedback10 .bio{top:235px;left:-4px;}
	#onlifeManifesto .feedback .feedback11 .bio{top:141px;left:31px;}
	#onlifeManifesto .feedback .feedback12 .bio{top:72px;left:106px;}



	#onlifeManifesto  .backgroundNote{
		position:absolute;
		width:70px;
		text-align:center;
		top:80px;
		left:215px;
	}

	#onlifeManifesto  .conclusion{
		position:absolute;
		width:70px;
		text-align:center;
		top:662px;
		left:216px;
	}

	.page-node-39808 .nav-box, .page-node-39808 .layout-left .block, .page-node-39808 .layout-content .block, .page-node-39808 .layout-right .block{
		overflow:visible !important;
	}
}


@media (max-width:767px){
	#onlifeManifesto>ul,
	#onlifeManifesto>ul>li>ul{
		margin:0;
		padding:0;
	}
	#onlifeManifesto>ul>li{
		margin:0 0 10px;
		padding:0;
		list-style:none;
	}
	#onlifeManifesto .feedbacks a{
		text-decoration:none;
	}
	#onlifeManifesto .phylactery{
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
		max-height:50px;
		max-width:100%;
		display:block;
		text-decoration:none;
		color:#777;
		font-style:italic;
		position:relative;
	}
	#onlifeManifesto .phylactery:after{
		content:" more...";
		position:absolute;
		bottom:3px;
		right:0px;
		background:#fff;
		padding-left:5px;
		color:#074a8a;
		text-decoration:underline;
	}
	#onlifeManifesto .bio .phylactery{
		max-height:800px;
	}
	#onlifeManifesto .bio .phylactery:after{
		display:none;
	}
	#onlifeManifesto .bio .phylactery .author{
		float:right;
		color:#074a8a;
		text-decoration:underline;
	}
	
	#onlifeManifesto .feedbacks .category{
		margin:0;
		padding-left:10px;
		list-style:none;
		font-size:130%;
	}
	#onlifeManifesto .feedbacks .category:nth-child(1){ border-left:solid 2px #73e458;} 
	#onlifeManifesto .feedbacks .category:nth-child(2){ border-left:solid 2px #ffad68;} 
	#onlifeManifesto .feedbacks .category:nth-child(3){ border-left:solid 2px #ff86de;} 
	#onlifeManifesto .feedbacks .category:nth-child(4){ border-left:solid 2px #9bb8d2;} 
	#onlifeManifesto .category1{	color:#29990e;}
	#onlifeManifesto .category2{	color:#ca610a;}
	#onlifeManifesto .category3{	color:#a5498c;}
	#onlifeManifesto .category4{	color:#60798f;}	
	
	
	#onlifeManifesto .feedback{
		padding:0;
		margin:0 0 20px;
		font-size:80%;
	}
	#onlifeManifesto .feedback>li{
		list-style:none;
		padding:5px 0 0 5px;
		margin:5px 0 25px;
		border-top:solid 1px #eee;
	}
	#onlifeManifesto .feedback>li>a{
		margin:5px 0 0;
		display:block;
	}

	#onlifeManifesto .feedback>li:before{
		width:60px;
		height:60px;
		background:url(../../images/content/onlife_manifesto/people.jpg) no-repeat;
		float:left;
		content:".";
		overflow:hidden;
		text-indent:-5000px;
		margin:0 5px 5px -10px;
	}
	
	#onlifeManifesto .feedback .feedback1:before{background-position:0px 0px;}
	#onlifeManifesto .feedback .feedback2:before{background-position:-65px 0px;}
	#onlifeManifesto .feedback .feedback3:before{background-position:-130px 0px;}
	#onlifeManifesto .feedback .feedback4:before{background-position:-197px 0px;width:120px;}
	#onlifeManifesto .feedback .feedback5:before{background-position:-326px 0px;}
	#onlifeManifesto .feedback .feedback6:before{background-position:-391px 0px;}
	#onlifeManifesto .feedback .feedback7:before{background-position:-454px 0px;}
	#onlifeManifesto .feedback .feedback8:before{background-position:-520px 0px;}
	#onlifeManifesto .feedback .feedback9:before{background-position:-585px 0px;}
	#onlifeManifesto .feedback .feedback10:before{background-position:-650px 0px;}
	#onlifeManifesto .feedback .feedback11:before{background-position:-715px 0px;}
	#onlifeManifesto .feedback .feedback12:before{background-position:-780px 0px;}
}



/* end of onlife Manifesto */


/* start of Onlife Initiative Homepage */
#onlifeInitiativeHP_customLinks{
	display:block;
	width:100%;
	font-family:Arial;
}
#onlifeInitiativeHP_customLinks a{
	float:left;
	min-width:95px;
	width:21%;
	margin:15px 2% 0;
	padding:0 0 10px;
	text-decoration:none;
	color:#222;
	border-bottom:solid 3px;
	text-align:center;
}
#onlifeInitiativeHP_customLinks a .miniTitle{
	font-size:100%;
	display:block;
}
#onlifeInitiativeHP_customLinks a .maxiTitle{
	font-size:160%;
	display:block;
	line-height:18px;
}
#onlifeInitiativeHP_customLinks a .dots{
	font-size:16px;
	display:block;
	margin:-7px 0 -4px;
}

#onlifeInitiativeHP_customLinks a.oicl_link1{border-color:#9ab9d5;}
#onlifeInitiativeHP_customLinks a.oicl_link2{border-color:#70e757;}
#onlifeInitiativeHP_customLinks a.oicl_link3{border-color:#ffa150;}
#onlifeInitiativeHP_customLinks a.oicl_link4{border-color:#ff86db;}

#onlifeInitiativeHP_customLinks a.oicl_link1:hover{color:#60798F;}
#onlifeInitiativeHP_customLinks a.oicl_link2:hover{color:#29990E;}
#onlifeInitiativeHP_customLinks a.oicl_link3:hover{color:#CA610A;}
#onlifeInitiativeHP_customLinks a.oicl_link4:hover{color:#A5498C;}

/* end of Onlife Initiative Homepage */





/* start of Onlife Inaugural Event */
#onlifeInauguralEventCnt{
}
#onlifeInauguralEventCnt .CB{clear:both;height:1px;}
#onlifeInauguralEventCnt .containerBox{
	border-top:solid 2px #73e458;
	padding-right:2px;
	margin-bottom:15px;
	background:url(../../images/content/onlife_manifesto/onlifeInauguralEventSprite.png) no-repeat 100% 100%;
	max-width:978px;
}
#onlifeInauguralEventCnt .containerBox.noGreenBorder{
	border-top:none;
	margin-top:-15px;
}
#onlifeInauguralEventCnt .containerBox .containerStretch{
	padding:15px 1px 15px 3px;
	background:url(../../images/content/onlife_manifesto/onlifeInauguralEventSprite.png) no-repeat -220px 100%;
}

#onlifeInauguralEventCnt a.inlineLink,
#onlifeInauguralEventCnt a.inlineLink:hover{
	text-decoration:none;
}
#onlifeInauguralEventCnt a.inlineLink:hover .linkLabel{text-decoration:underline;}

#onlifeInauguralEventCnt .ico{
	background:url(../../images/content/onlife_manifesto/onlifeInauguralEventSprite.png) no-repeat;
	padding:5px 8px 5px 8px;
}
#onlifeInauguralEventCnt .ico.vid{background-position:-10px -3px;}
#onlifeInauguralEventCnt .ico.ppt{background-position:-10px -36px;}
#onlifeInauguralEventCnt .ico.pdf{background-position:-40px -36px;}
#onlifeInauguralEventCnt .ico.lnk{background-position:-70px -36px;}

#onlifeInauguralEventCnt .peopleList{
	padding:0;
	margin:0;
}
#onlifeInauguralEventCnt .peopleList .person{
	font-family:Arial,Helvetica;
	font-size:12px;
	list-style:none;
	padding:0;
	margin:10px 3px 0 0;
	float:left;
	width:155px;
	height:39px;
	background:url(../../images/content/onlife_manifesto/onlifeInauguralEventSprite.png) no-repeat -10px -120px;
	position:relative;
	z-index:0;
}
#onlifeInauguralEventCnt .peopleList .person:hover{
	z-index:5;
	border:solid 0px;/*IE fix*/
}
#onlifeInauguralEventCnt .peopleList .person.intro{
	height:69px;
	background-position:-10px -190px;
}
#onlifeInauguralEventCnt .peopleList .person .bio{
	color:#222;
	float:left;
	padding:3px 8px;
}
#onlifeInauguralEventCnt .peopleList .person .bio strong{
	display:block;
	line-height:10px;
}
#onlifeInauguralEventCnt .peopleList .person a:hover.bio{
	text-decoration:none;
	color:#0073A8;
}
#onlifeInauguralEventCnt .peopleList .person a.bio strong{
	
}
#onlifeInauguralEventCnt .peopleList .person .intro1line{
	font-size:11px;
	position:absolute;
	bottom:7px;
	left:8px;
}
#onlifeInauguralEventCnt .peopleList .person .intro2lines{
	font-size:11px;
	position:absolute;
	bottom:5px;
	left:8px;
	line-height:10px;
}
#onlifeInauguralEventCnt .peopleList .person a{
	text-decoration:none;
}
#onlifeInauguralEventCnt .peopleList .person .linkPeople{
	position:absolute;
	bottom:-5px;
}
#onlifeInauguralEventCnt .peopleList .person .linkPeople.link1{
	left:130px;
}
#onlifeInauguralEventCnt .peopleList .person .linkPeople.link2{
	left:110px;
}
#onlifeInauguralEventCnt .peopleList .person .linkPeople .ico{
	position:relative;
	z-index:5;
}
#onlifeInauguralEventCnt .peopleList .person .linkPeople .linkLabel{
	white-space:nowrap;
	position:absolute;
	top:-3px;
	left:-3px;
	padding:3px 10px 3px 25px;
	border:solid 1px #cdcdcd;
	background:#fff;
	display:none;
}
#onlifeInauguralEventCnt .peopleList .person a:hover.linkPeople .linkLabel{
	display:block;
}
#onlifeInauguralEventCnt .peopleList .person a:hover.linkPeople{
	text-decoration:none;
	z-index:5;
}

#onlifeInauguralEventCnt .session{
	border-bottom:solid 1px #ddd;
	padding:0px 0 5px;
	margin:0 0 10px;
	font-weight:bold;
	font-style:italic;
}

#onlifeInauguralEventCnt .boxSession{
	float:left;
	width:158px;
}
#onlifeInauguralEventCnt .boxSession.w100{
	float:none;
	width:auto;
}

#onlifeInauguralEventCnt .boxSession .boxSessionLabel{
	color:#777;
	font-style:italic;
	margin:15px 0 -5px;
}

.page-node-46656 .nav-box, .page-node-46656 .layout-left .block, .page-node-46656 .layout-content .block, .page-node-46656 .layout-right .block{
	overflow:visible !important;
}
/* end of Onlife Inaugural Event */