/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	*/
/* EUROPEAN COMMISSION - IPG															*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	*/

/* #################################################################### */
/* CORPORATE OVERWRITE													*/	
/* #################################################################### */

/* -------------------------------- */
/* BANNER							*/
/* -------------------------------- */

@media all
{ 
	.title-en {
		background-image: url("../images/title_en.gif");
	}
}

/* -------------------------------- */
/* TITLE							*/
/* -------------------------------- */

@media all
{
	h1 { color:#a00; border-bottom:2px solid #69C; padding-bottom:0 !important; font-size: 210%; }
	h4{font-weight:bold;font-size:130%;}
	
	.euGallery h3, 
	.euShortContent h3{border-bottom:1px dashed #69c;padding:1px 0;margin:0;font-weight:bold;font-size:150%;}
	
	.euGallery h4, 
	.euShortContent h4{color:#036;}
	h5{font-weight:bold;}
	.toggleViewMenu{display:none;} /* js disable -> hide */
.js .toggleViewMenu{display:block;}/* js enable -> show */

/* hide all except mandatory ( custom1 ) */
.mandatory .custom6,
.mandatory .custom2,
.mandatory .custom3,
.mandatory .custom4{background: url('/ipg/images/bullets/bullet_white.png') no-repeat; padding-left: 15px;}
.mandatory .custom1{background: url('/ipg/images/bullets/bullet_red.png') no-repeat; padding-left: 15px;}

/* hide all except advisable ( custom2 ) */
.advisable .custom6,
.advisable .custom1,
.advisable .custom3,
.advisable .custom4{background: url('/ipg/images/bullets/bullet_white.png') no-repeat; padding-left: 15px;}
.advisable .custom2{background: url('/ipg/images/bullets/bullet_green.png') no-repeat; padding-left: 15px;}

/* hide all except optional ( custom3 ) */
.optional .custom6,
.optional .custom1,
.optional .custom2,
.optional .custom4{background: url('/ipg/images/bullets/bullet_white.png') no-repeat; padding-left: 15px;}
.optional .custom3{background: url('/ipg/images/bullets/bullet_blue.png') no-repeat; padding-left: 15px;}

/* hide all except permitted ( custom4 ) */
.permitted .custom6,
.permitted .custom2,
.permitted .custom3,
.permitted .custom1{background: url('/ipg/images/bullets/bullet_white.png') no-repeat; padding-left: 15px;}
.permitted .custom4{background: url('/ipg/images/bullets/bullet_orange.png') no-repeat; padding-left: 15px;}

.all .custom6,
.all .custom4,
.all .custom2,
.all .custom3,
.all .custom1{background: url('/ipg/images/bullets/bullet_white.png') no-repeat; padding-left: 15px;}
#toggleArea ul li {background: none; padding-left: 0px;list-style: none;}
#toggleArea ul {background: none;list-style: none;padding-left: 15px;}
#toggleArea ul li span {display: block;}

.toggleViewMenu li.mandatory {background: url('/ipg/images/bullets/bullet_red.png') no-repeat; padding-left: 20px; background-position: left bottom;}
.toggleViewMenu li.advisable {background: url('/ipg/images/bullets/bullet_green.png') no-repeat; padding-left: 20px; background-position: left bottom;}
.toggleViewMenu li.optional {background: url('/ipg/images/bullets/bullet_blue.png') no-repeat; padding-left: 20px; background-position: left bottom;}
.toggleViewMenu li.permitted {background: url('/ipg/images/bullets/bullet_orange.png') no-repeat; padding-left: 20px; background-position: left bottom;}
.toggleViewMenu li.all {background: url('/ipg/images/bullets/bullet_white.png') no-repeat; padding-left: 20px; background-position: left bottom;}
.toggleViewMenu li,.toggleViewMenu ul  {list-style: none;}
.all .custom6 {
	background: url('/ipg/images/bullets/bullet_white.png') no-repeat; padding-left: 15px;
}
 

}

/* #################################################################### */
/* RESET																*/	
/* #################################################################### */

/* -------------------------------- */
/* LINKS							*/
/* -------------------------------- */

@media screen
{
	.layout-body a{color:#00f; text-decoration:none; border-bottom: 1px solid #00f; }
	.layout-body a:visited{ color:#9400D3; border-bottom: 1px solid #9400D3;}
	.layout-body a:hover,
	.layout-body a:focus,
	.layout-body a:active { color:#a00; border-bottom: 1px solid #336699; }
	
	#top .homePage div.layout-content a{text-decoration:none;}
	#top .homePage div.layout-content a.link-ico span{ text-decoration:none; border: none; }
	#top .homePage div.layout-content  a:hover.link-ico span{ text-decoration:none; border: none;  border-bottom: 1px solid #003366; }
	
}

/* -------------------------------- */
/* LINKS WITH ICO INSIDE			*/
/* -------------------------------- */

@media screen
{
/*	#top div.layout-content a.link-ico,
	#top div.layout-content a.link-ico:visited,
	#top div.layout-content a.link-ico:hover,
	#top div.layout-content a.link-ico:focus,
	#top div.layout-content a.link-ico:active { text-decoration:none; border: none; }
	#top div.layout-content a.link-ico:visited span { border-bottom-color: #9400D3; }
	#top div.layout-content a.link-ico span,
	#top div.layout-content a.link-ico:hover span,
	#top div.layout-content a.link-ico:focus span,
	#top div.layout-content a.link-ico:active span { text-decoration:none; border-bottom: 1px solid #336699; }
	#top div.layout-content a.link-ico span.link-size { border: none; }*/
	#top div.layout-content a.link-ico,
	#top div.layout-content a.link-ico:visited,
	#top div.layout-content a.link-ico:hover,
	#top div.layout-content a.link-ico:focus,
	#top div.layout-content a.link-ico:active { text-decoration:none; border: none; }
	
}
@media print
{
	#top div.layout-content a.link-ico span.link-fake{color:#00f;}
	#top div.layout-content a.link-ico:visited span.link-fake{color:#9400D3;}
	#top div.layout-content a.link-ico:hover span.link-fake,
	#top div.layout-content a.link-ico:focus span.link-fake,
	#top div.layout-content a.link-ico:active span.link-fake{color:#a00;}
}

/* -------------------------------- */
/* LIST								*/
/* -------------------------------- */

@media screen
{
	.layout-content ul li
	{
		margin:0;
		padding:2px 2px 1px 16px;
		list-style-type:none;background:url(../images/arrow_04.gif) transparent left 10px no-repeat;
	}
	ul.navPlayer li
	{background-image:none;margin:0;padding:0 2px;text-align:center;}
	.layout-content ol { padding-left: 55px; }
	
	/*ELBONNI: style box-date*/
	.layout-content ul.tabNavLeft li 
	{
		background: none;
		margin: 0 0 3px;
		padding: 0;
	}
	.layout-body .tabNavLeft a 
	{
		border-bottom: 1px solid #CCDDEE;
		color: #6699CC;
	}
	.layout-body .tabNav a:hover, 
	.layout-body .tabNav a:focus, 
	.layout-body .tabNav a:active 
	{
		background-color: #69c;
		border: 1px solid #369;
		color: #fff;
	}
	.layout-body .tabNav a.selected, 
	.layout-body .tabNav a.selected:visited, 
	.layout-body .tabNav a.selected:hover, 
	.layout-body .tabNav a.selected:focus, 
	.layout-body .tabNav a.selected:active 
	{
		background-color: #fff;
		border: 1px solid #369;
		color: #369;
		position: relative;
	}
	/*.layout-body a:hover, 
	.layout-body a:focus, 
	.layout-body a:active 
	{
		border: 0 none;
	}*/
	.slideText 
	{
		background: url("../images/body.png") repeat-x scroll center -275px #FFFFFF;
	}
	.slideText .euItem
	{
		min-height: 260px;
	}
	.slideText div.euItem a:hover, 
	.slideText div.euItem a:focus, 
	.slideText div.euItem a:active 
	{
		border-bottom: 1px solid #003366;
		color: #003366;
	}
	.slideText div.euItem a, 
	.slideText div.euItem a:visited, 
	.slideText div.euItem a.link-ico span, 
	.slideText div.euItem a.link-ico:visited span 
	{
		border-bottom: 1px solid #336699;
		color: #336699;
		text-decoration: none;
	}
	.slideText div.euItem h4 a:hover, 
	.slideText div.euItem h4 a:focus, 
	.slideText div.euItem h4 a:active 
	{
		border-bottom: 1px solid #003366;
		color: #003366;
	}
	.slideText div.euItem h4 a, 
	.slideText div.euItem h4 a:visited 
	{
		border: 0 none;
		color: #FFFFFF;
		text-decoration: none;
	}
	/*:ELBONNI*/
}

/* -------------------------------- */
/* RESET LIST						*/
/* -------------------------------- */

@media screen
{
	.reset-list ul li.euItem,
	.reset-list ul li.euItem div{background-color:transparent;background-image:none;border:0;padding:0;margin:0;}
	.reset-list ul li.euItem div{padding:3px;margin:0 2px;border-bottom:1px solid #cde;}
	.reset-list ul li.euItem div.euLast{border:0;}
}

/* #################################################################### */
/* LAYOUT																*/	
/* #################################################################### */

/* -------------------------------- */
/* LAYOUT							*/
/* -------------------------------- */

@media screen
{
	.layout{border-left:2px solid #369;border-right:2px solid #369;}
	.layout-left{width:200px;}
	.layout-wrapper{position:relative;left:0;}
	.layout-content-reset{}
	.layout-content hr{visibility:hidden;height:0;clear:both;}
	.layout-footer{color: #135;}
}

/* -------------------------------- */
/* LAYOUT (HOMEPAGE)				*/
/* -------------------------------- */

@media screen
{
	.homePage div.euGallery{height:1px;overflow:hidden;}
	.homePage div.layout-wrapper{margin:0;background:url(../images/gradiant_01.gif) #fff left 1px repeat-x;}
	.homePage div.layout-wrapper-reset{margin:0;padding:10px;}
	.homePage div.layout-left{float:left;display:none;}
	.homePage div.layout-content{margin:0;padding:10px;}
}

/* #################################################################### */
/* CONTENT																*/	
/* #################################################################### */

/* -------------------------------- */
/* ABSTRACT							*/
/* -------------------------------- */

@media screen
{
	.euAbstract
	{
		border:2px solid #E0EAF5;
		margin:0 0 15px 0;
		padding:10px;
		background-color:#f6f9fc;
	}
	.euAbstract img.euImg
	{
		float:left;
		margin:0 15px 0 0;
		border:1px solid #cde;
		background-color:#fff;
		padding:2px;
	}
	.euAbstract div.euIn,
	.euGallery div.euText div.euIn
	{
		overflow: visible;
	}
	.euAbstract div.euIn:after
	{
		clear:none;
	}
	*+ html div.euAbstract div.euIn
	{
		height:auto;
	}
}

/* -------------------------------- */
/* ABSTRACT	(HOMEPAGE)				*/
/* -------------------------------- */

@media screen
{
	.homePage div.euAbstract{margin:10px 10px 0 10px;float:left;border:2px solid #69c;padding:10px;background-color:#C5D7EB;}
	.homePage div.euAbstract p{padding:0;margin:0;}
	.homePage .tabItem .euAbstract{margin:0 55px 0 0;}
}

/* -------------------------------- */
/* NAVIGATION MENU					*/
/* -------------------------------- */

@media screen
{
	.euMenu { background: url("../images/gradiant_01.gif") repeat-x scroll left top transparent; }
	.euMenu li div.selected a, .euMenu li div.selected a:visited{ color:#a00; }
	.euMenu ul{border-left:1px dashed #69c;}
	.euMenu div.euSeqNr_1 a{font-size:160%;color:#369 !important;background-color:transparent;font-weight:bold;}
	.euMenu div.euSeqNr_1 a{color:#369 !important;background-color:transparent;}
	.euMenu div.euSeqNr_1 a:hover{color:#a00 !important;background-color:transparent !important;}
	.euMenu a{color:#036;}
	.layout-body .euMenu a { border: none; }
	.euMenu a:visited { color: #336699; }
	.euMenu a:hover,
	.euMenu a:focus,
	.euMenu a:active,
	.euMenu li div.selected a:hover,
	.euMenu li div.selected a:focus,
	.euMenu li div.selected a:active { color:#fff; }
	.euMenu li div a span { text-decoration: none; }
}
@media screen and (max-width: 768px) {
	.euMenu { background:none;}
	.euMenu,
	.euMenu ul,
	.euMenu li,
	.euMenu li div{padding:0;margin:0;border:0;list-style-type:none;}
	.euMenu{margin:0 0 15px 0;border-right:1px solid #cde;padding:10px 0;height:1%;}
	.euMenu li{position:relative;left:0;top:0;}
	.euMenu li div{border-bottom:1px solid #def;height:1%;position:relative;left:0;top:0;}
	.euMenu a{color:#036;display:block;width:189px;padding:5px 0 5px 10px;border:0;text-decoration:none;position:relative;}
	.euMenu ul li a,
	.euMenu ul li a:visited,
	.euMenu ul li a:hover{width:173px;}
	.euMenu ul li ul li a,
	.euMenu ul li ul li a:visited,
	.euMenu ul li ul li a:hover{width:157px;}
	.euMenu div.selected a,
	.euMenu div.selected a:visited{color:#036;font-weight:bold;background-color:transparent;}
	.euMenu a:visited{color:#036;}
	.euMenu a:hover,
	.euMenu a:focus,
	.euMenu a:active{color:#ffffff;background-color:#0065A2;border:0;}
	.euMenu li div.selected a:hover,
	.euMenu li div.selected a:focus,
	.euMenu li div.selected a:active{background-color:#369;color:#fff;}
	.euMenu ul {margin-left:15px;border-left:1px solid #69c;}
	.euMenu ul ul{border-left:1px dashed #b9bcd2;}
	.euMenu li div.euSeparator{font-weight:bold;color:#246;padding:5px 10px;}
	.euMenu div.isCurrent{font-weight:bold;}
	.euMenu div.euSeqNr_1 a{font-size:100%;color:#003366 !important;background-color:transparent;font-weight:bold;}
	.euMenu div.euSeqNr_1 a{color:#003366 !important;background-color:transparent}
	.euMenu div.euSeqNr_1 a:hover{color:#ffffff !important;background-color:#0065A2 !important;}
}
/* -------------------------------- */
/* CONTENT	(euGallery)				*/
/* -------------------------------- */

@media screen
{	
	.euGallery{clear:left;}
}

/* -------------------------------- */
/* CONTAIN : TOC 					*/
/* -------------------------------- */

@media screen
{	
	.euTocBox
	{
		width:275px;
	}
	.euTocTitle
	{
		padding: 0 0 0 10px;
	}
	.euTocBox .euTocList
	{
		border: none;
		padding: 10px 0;
	}
	.euTocBox .euTocList li
	{
		background: url("/wel/template-2010/images/content-layout/arrow_03.gif") no-repeat scroll 4px 9px transparent;
	}
	.euTocBox .euTocList li a {
		text-decoration: none;
		border: none;
	}
	.euTocBox .euTocList li a:hover,
	.euTocBox .euTocList li a:focus,
	.euTocBox .euTocList li a:active {
		border-bottom: 1px solid #336699;
	}
}

/* -------------------------------- */
/* SEARCH FORM						*/
/* -------------------------------- */

@media screen
{
	.search-title{margin:5px 0 0 0;padding:0;}
	.search-form{padding:0 2px;margin:0 0 10px 0;position:absolute;right:0;top:0;}
	.search-form input{border:1px solid #cde;padding:2px;margin:0 2px 0 0;width:120px;}
	.search-form input:hover,
	.search-form input:focus,
	.search-form input:active{border:1px solid #69c;}
	.search-form input.search-button{border:1px solid #69c;color:#002B55;padding:2px 5px;cursor:pointer;margin:0;width:auto;background:url(../images/gradiant_03.png) #cde left bottom repeat-x;font-size:10px;text-transform:uppercase;font-weight:bold;position:relative;top:-1px;}
}

/* -------------------------------- */
/* HOMEPAGE 						*/
/* -------------------------------- */
/* - TOP TAB						*/
/* -------------------------------- */

@media screen
{
	.box-intro .tabs{position:relative;overflow:hidden;}
	.box-intro ul.tabNav
	{
		clear:none;
		float:right;
		height:auto;
		overflow:hidden;
		padding-top:77px;
		position:absolute;
		right:0;
		top:-11px;
		width:175px;
	}
	* html .box-intro ul.tabNav
	{
		width:176px;
		right:-1px;
	}
	.box-intro div.catlist, 
	.box-3 div.catlist{width:auto;}
	
	.layout-noright div.layout-content .box-tabs ul.tabNav li,
	.layout-noright div.layout-content .box-intro ul.tabNav li,
	.box-intro ul.tabNav li
	{
		background: none;
		clear:none;
		display:block;
		float:none;
		padding:0;
	}
	
	.box-intro ul.tabNav li a,
	.box-intro ul.tabNav li a:visited,
	.box-intro ul.tabNav li a:hover,
	.box-intro ul.tabNav li a:focus,
	.box-intro ul.tabNav li a:active,
	.box-intro ul.tabNav li a.selected,
	.box-intro ul.tabNav li a.selected:hover,
	.box-intro ul.tabNav li a.selected:visited,
	.box-intro ul.tabNav li a.selected:focus,
	.box-intro ul.tabNav li a.selected:active
	{
		height:auto;
		float:none;
		clear:none;
		display:block;
		font-weight:bold;
		padding:15px 5px 15px 30px;
		width:175px;
		text-decoration:none;
		text-transform:none;
		font-size:100%;
		margin:0;
		border:0;
		color:#fff;/*#cde*//*#FF0000*/
		background:url(../images/menu-slide.png) transparent -10px -222px no-repeat;
		
		float:left;
		clear:both;
	}

	.box-intro ul.tabNav li a:hover,
	.box-intro ul.tabNav li a:focus,
	.box-intro ul.tabNav li a:active
	{
		color:#fff;/*#fff*//*#FF0000*/
		background:url(../images/menu-slide.png) transparent -10px -98px no-repeat;
	}

	.box-intro ul.tabNav li a:hover,
	.box-intro ul.tabNav li a.selected,
	.box-intro ul.tabNav li a.selected:hover,
	.box-intro ul.tabNav li a.selected:visited,
	.box-intro ul.tabNav li a.selected:focus,
	.box-intro ul.tabNav li a.selected:active
	{
		background-position:left -159px;
		background-color:transparent;
		color:#fff;/*#fff*//*#AA0000*/
	}
}

/* -------------------------------- */
/* HOMEPAGE 						*/
/* -------------------------------- */
/* - SEARCH FORM					*/
/* -------------------------------- */

@media screen
{
	.box-intro{position:relative;float:left;clear:both;width:100%;}
	
	.box-intro form
	{
		position:absolute;
		top:0;
		right:0;
		z-index:10;
		width:155px;
		padding:10px 0;
		text-align:center;
		border-left:1px solid #036;
		background-color:#6598CB;
	}
	* html .box-intro form
	{
		right:-1px;
	}
	.box-intro form input
	{
		float:left;
		clear:both;
		margin:0;
		width:130px;
	}
	.box-intro form input.inputSearch
	{
		margin:2px 10px;
		border:1px solid #4583C0;
		background-color:#F1F6FA;
	}
	*+ html .box-intro form input.inputSearch
	{
		margin:2px auto;
	}
	.box-intro form input.inputSearch:hover,
	.box-intro form input.inputSearch:focus,
	.box-intro form input.inputSearch:active
	{
		border:1px solid #369;
		background-color:#fff;
	}
	.box-intro form input.search-button
	{
		float:none;
		margin:0 auto;
		width:136px;
		background-image:none;
		border:1px solid #4583C0;
		background-color:#CCDDED;
		color:#022D5A;
		position:relative;
		left:1px;
	}
	.box-intro form input.search-button:hover,
	.box-intro form input.search-button:focus,
	.box-intro form input.search-button:active
	{
		background-color:#369;
		border:1px solid #036;
		color:#fff;
	}
}

/* -------------------------------- */
/* HOMEPAGE 						*/
/* -------------------------------- */
/* - TOP TAB-ITEMS					*/
/* -------------------------------- */

@media screen
{
	.box-intro-in
	{
		margin:15px 10px 0 10px;
		border:2px solid #AFCAE4;
		background:url(../images/gradiant_01.gif) #fff left 1px repeat-x;
		position:relative;
	}
	
	.box-intro .tabs
	{
		margin:0;
		padding:0;
		background:url(../images/back-menu.png) transparent right bottom no-repeat;
	}
	.box-intro div.tabItem
	{
		min-height:300px;
		margin:0;
		margin-right:100px;
		clear:both;
		border:0;
		background-color:transparent;
	}
}

/* -------------------------------- */
/* HOMEPAGE 						*/
/* -------------------------------- */
/* - Task for webmaster				*/
/* - Task for editor				*/
/* -------------------------------- */

@media screen
{
	.box-table h3
	{
		color:#a00;
		padding:0 0 5px 0;
		margin:0 0 5px 0;
		border:0;
	}
	.box-table hr
	{
		visibility:hidden;
		height:0;
		clear:both;
	}
	.box-table-in
	{
		margin-right:100px;
		padding-left:20px;
		height:240px;
		overflow:hidden;
	}
	.box-table-in div.euBox div.euItem
	{
		clear:both;
	}
	.box-table a
	{
		text-decoration:none;
	}
}

/* -------------------------------- */
/* HOMEPAGE 						*/
/* -------------------------------- */
/* - step by step					*/
/* - resources						*/
/* -------------------------------- */

@media screen
{
	/* -------------------------------- */
	/* HIDE TITLE IN ABSTRACT (HOMEPAGE)*/
	/* -------------------------------- */
	
	.exploreEntireIpg h4,
	.resources h4
	{
		display: none;
	}
	
	/* -------------------------------- */
	/* LIST OF LINKS					*/
	/* -------------------------------- */
	
	.catcomma
	{
		float:left;
		width:20%;
		border:0;
		padding:10px;
		margin:0;
		height:auto !important;
		height:170px;
		min-height:170px;
			border-right:1px solid #AFCAE4;
			border-bottom:1px solid #AFCAE4;
			border-left:2px solid #DFEAF4;
			border-top:2px solid #DFEAF4;
	}
	.catcomma a,
	.catcomma a:visited,
	.catcomma a.link-ico span,
	.catcomma a.link-ico:visited span
	{
		border:0;
		color:#036;
		text-decoration:none;
	}
	.catcomma a:hover,
	.catcomma a:focus,
	.catcomma a:active,
	.catcomma a.link-ico:hover span,
	.catcomma a.link-ico:focus span,
	.catcomma a.link-ico:active span,
	#top div.layout-content .catcomma a.link-ico:hover span,
	#top div.layout-content .catcomma a.link-ico:focus span,
	#top div.layout-content .catcomma a.link-ico:active span
	{
		text-decoration: none;
	  border-bottom:1px solid #369;
	  color:#a00;
	}
	
	.catcomma ul li.euItem
	{
		float:left;
		width:200px;
	}
	.catcomma h2
	{
		font-size:120%;
		font-weight:bold;
		color:#A00;
		margin:0;
		padding:0 0 10px 0;
	}
}

/* -------------------------------- */
/* HOMEPAGE 						*/
/* -------------------------------- */
/* ADJUST CAT LIST LINE DECORATION	*/
/* -------------------------------- */
/* - step by step					*/
/* - resources						*/
/* -------------------------------- */

@media screen
{
	.basics, .plan, .design, .content, .tools, .services, .library, .standards
	{
		border-top:0;
	}
	.build, .basics, .tools, .qualityassurance
	{
		border-left:0;
	}
	.design, .box-table  .mobile, .standards, .training
	{
		border-right:0;
	}
	.build, .golive, .maintain, .box-table .mobile, .training, .qualityassurance, .procedures
	{
		border-bottom:0;
		padding:10px; 
	}
	.services, .library, .tools, .basics, .plan, .content, .design, .standards
	{
		padding:10px; 
	}

	/* -------------------------------- */
	/* TAB "STEP BY STEP"				*/
	/* -------------------------------- */
	
	.basics, .plan, .content, .design
	{
		height:auto !important;
		height:195px;
		min-height:195px;
	}
	.build, .golive, .maintain, .box-table .mobile
	{
		height:auto !important;
		height:140px;
		min-height:140px;
	}

	/* -------------------------------- */
	/* TAB "RESOURCES" 					*/
	/* -------------------------------- */
	
	.height2 
	{
		height:auto !important;
		height:212px;
		min-height:230px;
	}
	.qualityassurance, .procedures, .training
	{
		height:auto !important;
		height:110px;
		min-height:110px;
	}

}

/* -------------------------------- */
/* HOMEPAGE 						*/
/* -------------------------------- */
/* - A TO Z							*/
/* -------------------------------- */

@media screen
{
	.atoz
	{
		float:left;
		clear:both;
		width:100%;
		overflow:hidden;
	}
	.atoz-content
	{
		border:1px solid #369;
		padding:9px 0 8px 0;
		margin:10px 10px 10px 10px;
		background:url(../images/gradiant_03.png) transparent left bottom repeat-x;
		overflow:hidden;
	}
	 .atoz-content a
	,.atoz-content a:visited
	{
		margin:0 2px;
		padding:3px 6px;
		font-size:80%;
		font-weight:bold;
		background-color:#369;
		color:#cde;
		border:1px solid #036;
		float:left;
		text-decoration:none;
	}
	 .atoz-content a:hover
	,.atoz-content a:focus
	,.atoz-content a:active
	{
		background-color:#fff;
		color:#369;
		border:1px solid #036;
		
	}
	.atoz-title
	{
		font-weight:bold;
		color:#fff;
		float:left;
		padding:0 5px;
	}
	.atoz-letter
	{
		float:left;
	}
}

/* -------------------------------- */
/* HOMEPAGE - BOX					*/
/* -------------------------------- */

@media screen
{
	.box
	{
		float:left;
		width:100%;
		clear:both;
		overflow:hidden;
	}
}

/* -------------------------------- */
/* HOMEPAGE (BOX 2)					*/
/* -------------------------------- */
/* - In the spotlight 				*/
/* - What's new on the IPG 			*/
/* - Most used 						*/
/* Most common tasks for webmasters */
/* Most common tasks for editors	*/
/* -------------------------------- */

@media screen
{
	.box-2
	{
		float:none;
		width:auto;
			background-color:#cde;
			padding:10px;
			margin:0 10px;
	}
	.box-2 div.box-in
	{
		border:2px solid #AFCAE4;
		background:url(../images/gradiant_01.gif) #fff left 1px repeat-x;
		overflow:hidden;
	}
	.catlist h2
	{
		margin:0;
		font-size:140%;
		color:#a00;
		padding:0 0 10px 0;
	}
	.catlist h2 a,
	.catlist h2 a:visited
	{
		color:#a00;
	}
	.catlist h2 a:hover,
	.catlist h2 a:focus,
	.catlist h2 a:active
	{
		color:#369;
	}
	.catlist div.euBoxFooter
	{
		text-align:right;
		padding-right:15px;
	}
	.catlist
	{
		padding:11px 5px 11px 15px;
		margin:0;
		width:29%;
		height:auto !important;
		height:150px;
		min-height:150px;
		float:left;
	}
	.catlist ul
	{
		margin:0 0 0 5px;
		padding:0;
	}
	.cat2
	{
		border-left:1px solid #AFCAE4;
		border-right:1px solid #AFCAE4;
		width: 64%;
	}
	.cat2 h4 
	{
		font-size: 110%;
		font-weight: normal;
		padding: 3px 0;
	}
	.cat2 .euItem 
	{
		background: url("../images/arrow_04.gif") no-repeat scroll 4px 10px transparent;
		padding: 0 0 0 16px;
	}
	.cat2 p
	{
		font-size: 90%;
		line-height: 1.5;
		padding: 0 0 7px;
	}
	.cat2 div.euBoxFooter
	{
		padding-top: 10px;
	}
	.cat2 .euItem a,
	.cat2 .euItem a:visited, 
	.cat2 .euBoxFooter a,
	.cat2 .euBoxFooter a:visited
	{
		border:0;
	/*	border-bottom: 1px solid #036; */
		color: #036;
		text-decoration: none;
		font-weight: bold;
	}
	.cat2 .euItem a:hover,
	.cat2 .euItem a:focus,
	.cat2 .euItem a:active,
	.cat2 .euBoxFooter a:hover,
	.cat2 .euBoxFooter a:focus,
	.cat2 .euBoxFooter a:active
	{
	  border-bottom:1px solid #369;
	  color:#a00;
	  text-decoration:none;
	}
	.catlist a,
	.catlist a:visited
	{
		border:0;
		color: #036;
		text-decoration: none;
	}
	.catlist a:hover,
	.catlist a:focus,
	.catlist a:active
	{
	  border-bottom:1px solid #369;
	  color:#a00;
	  text-decoration:none;
	}
	
	.catlist ul div,
	.catlist ul li
	{
		border:0 !important;
		background-position:4px 7px !important;
	}
	.catlist ul li div
	{
		padding:1px 0 1px 16px !important;
	}
}

/* -------------------------------- */
/* HOMEPAGE (BOX 3)					*/
/* -------------------------------- */
/* - Slideshow + tab in the bottom	*/		
/* -------------------------------- */

@media screen
{
	.box-3 div.box-in
	{
		background-color:#cde;
		padding:10px 10px 20px 10px;
		margin:0 10px;
		overflow:hidden;
	}
}

/* -------------------------------- */
/* HOMEPAGE (BOX 3)					*/
/* -------------------------------- */
/* - SLIDESHOW						*/		
/* -------------------------------- */

@media screen
{
	.box-slide
	{
		float:left;
		width:49%;
		position:relative;
		top:-10px;
	}
	.box-3 div.box-in div.box-slide div.box-in
	{
		padding:0;
		margin:0;
		background:url(../images/body.png) #fff center -200px repeat-x;
		border:0px solid #69c;
		color:#036;
	}
	.box-3 div.box-in div.box-slide div.box-in .slideText
	{
		margin:0;
	}
	.box-slide h2
	{ 
		font-size:160%;
		margin:0;
		color:#003366;/*002B55*/
		padding:10px 15px 0 15px;
	}
	.box-slide div.euItem
	{
		border:0;
		padding:10px 15px;
		background-color:transparent;
		min-height:260px;	
	}
	.box-slide div.euItem a,
	.box-slide div.euItem a:visited,
	.box-slide div.euItem a.link-ico span,
	.box-slide div.euItem a.link-ico:visited span
	{
		color:#369;
		border-bottom:1px solid #369;
		text-decoration:none;
	}
	 .box-slide div.euItem a:hover
	,.box-slide div.euItem a:focus
	,.box-slide div.euItem a:active
	{
		color:#036;
		border-bottom:1px solid #036;
	}
	.box-slide div.euItem a.link-ico span span,
	.box-slide div.euItem a.link-ico:hover span span,
	.box-slide div.euItem a.link-ico:focus span span,
	.box-slide div.euItem a.link-ico:active span span
	{
		border:0;
	}
	
	.box-slide div.euItem h4 a,
	.box-slide div.euItem h4 a:visited
	{
		color:#fff;
		border:0;
		text-decoration:none;
	}
	.box-slide div.euItem h4 a:hover,
	.box-slide div.euItem h4 a:focus,
	.box-slide div.euItem h4 a:active
	{
		color:#036;
		border-bottom:1px solid #036;
	}
	.box-slide img.euImg
	{
		max-width:160px;
	}
	.box-slide div.slidePagin
	{
		border:0;
		margin:0;
		padding:0;
		text-align:center;
	}
	.box-slide ul.mediaPagin
	{
		border:0;
		margin:0;
		padding:5px 0 4px;
		border-top:1px solid #cde;
		position:relative;
		top:5px;
		text-align:center;
		background:url(../images/gradiant_01.gif) #fff left 1px repeat-x;
	}
}

/* -------------------------------- */
/* HOMEPAGE (BOX 3)					*/
/* -------------------------------- */
/* - TABS 2 (bottom right)			*/		
/* -------------------------------- */

@media screen
{
	.box-tabs
	{
		float:right;
		width:49%;
		padding:0;
		position:relative;
		top:-10px;
	}
	.box-tabs div.tabs
	{
		margin:0;
	}
	.box-tabs ul.tabNav span
	{
		display:block;
	}
	.box-tabs ul.tabNav li
	{
		margin:0 2px 0 0;
		float:left !important;
		display:inline !important;
	}
	.box-tabs ul.tabNav li a
	{
		position:relative;
		top:8px;
		border-bottom:1px solid #69c;
			background-color:#69c;
			color:#fff;
			border:1px solid #369;
			border-bottom:1px solid #69c;
	}
	*+ html div.box-tabs ul.tabNav li a
	{
		top:9px;
	}
	.box-tabs ul.tabNav li a:hover,
	.box-tabs ul.tabNav li a:focus,
	.box-tabs ul.tabNav li a:active
	{
		background-color:#369;
	}
	.box-tabs ul.tabNav li a.selected,
	.box-tabs ul.tabNav li a.selected:visited
	{
		display:block;
		font-weight:bold;
		text-decoration:none;
		text-transform:none;
		text-align:center;
		font-size:100%;
		margin:0;
		padding-left:8px;
		padding-right:8px;
		color:#369;
		background:url(../images/gradiant_01.gif) transparent left 1px repeat-x;
		left:0;
		top:1px;
		border:1px solid #69c;
		border-bottom:0;
	}
	.box-tabs div.tabItem
	{
		border:1px solid #69c;
		background:url(../images/gradiant_02.gif) #fff left bottom repeat-x;
		padding:15px;
		min-height:276px;
	}
	.box-tabs div.euBox div.euItem
	{
		padding:0 15px;
	}
}


/* -------------------------------- */
/* FIRST MENU + SEARCH FORM			*/
/* -------------------------------- */
/* - First horizontal menu on top	*/
/* - Search form in this menu		*/
/* -------------------------------- */

@media screen
{
	.firstMenu
	{
		position:relative;
		left:0;
		top:0;
		float:left;
		width:100%;
		padding:10px 0 5px 0;
		margin-top: 0;
		border-bottom:1px solid #cde; /* ABC4DF */
		background:url(../images/gradiant_02.gif) #F5F8FC left bottom repeat-x;
	}
	.firstMenu form
	{
		position:absolute;
		right:5px;
		top:10px;
	}
	.firstMenu div.horizontal-menu-1 ul
	{
		padding-left:5px;
	}
	.firstMenu div.horizontal-menu-1 ul li
	{
		border:0;
		float:left;
		list-style: none;
	}
	.firstMenu div.horizontal-menu-1 ul li
	{
		border:0;
		border-right:1px solid #69c;
		padding:3px 7px;
	}

	.firstMenu div.horizontal-menu-1 a,
	.firstMenu div.horizontal-menu-1 a:visited
	{
		font-weight:bold;
		border:0;
		color:#369;
		text-decoration:none;
	}
	.firstMenu div.horizontal-menu-1 a:hover,
	.firstMenu div.horizontal-menu-1 a:active,
	.firstMenu div.horizontal-menu-1 a:focus
	{
		color:#a00;
		border:0;
	}
	.firstMenu div.horizontal-menu-1 p
	{
		font-weight:bold;
		text-transform:uppercase;
		color:#a00;
		float:left;
		padding:3px 0 0 10px;
	}
}

/* -------------------------------- */
/* HORIZONTAL MENU 2				*/
/* -------------------------------- */

@media screen
{
	.horizontal-menu p
	{
		font-weight:bold;
		text-transform:uppercase;
		color:#fff;
		float:left;
		background-color:#225C97;
		padding:9px 10px;
		height:19px;
		background:url(../images/bck_menu.gif) #369 left center repeat-x;
	}
	.horizontal-menu ul,
	.horizontal-menu ul li.euItem,
	.horizontal-menu ul li.euItem a
	{
		background-image:none;
		background-color:transparent;
		border:0;
		padding:0;
		margin:0;
		font-weight:bold;
	}
	.horizontal-menu
	{
		background:url(../images/menu-back.gif) #fff left center repeat-x;
		float:left;
		width:100%;
		clear:both;
		border-top:1px solid #cde;
		border-bottom:2px solid #BBD1E8;
	}
	.horizontal-menu ul
	{
		height:37px;
		background:url(../images/menu.gif) transparent -9px center no-repeat;
		/*clear:both;*/
		float:left;
		padding:0;
		margin:0;
	}
	.horizontal-menu ul li.euItem
	{
		float:left;
		list-style: none;
	}
	.horizontal-menu ul li.euItem a,
	.horizontal-menu ul li.euItem a:visited
	{
		padding:9px 0;
		display:block;
		float:left;
		text-align:center;
		color:#369;
		border:0;
		text-decoration:none;
		/*NICO:*/width:90px;/*min-width:90px;*/
	}
	.horizontal-menu ul li.euItem a:hover,
	.horizontal-menu ul li.euItem a:focus,
	.horizontal-menu ul li.euItem a:active
	{
		color:#a00;
		border:0;
		text-decoration:none;
	}
	.horizontal-menu ul li.euLast a,
	.horizontal-menu ul li.euLast a:visited
	{
		width: 100px;
	}
}

/* -------------------------------- */
/* RELATED LINKS					*/
/* -------------------------------- */

@media screen
{	
	.euRelatedLinks h3
	{
		margin:0;
	}
	
	.euGallery div.euItem,
	.euGallery div.euItem div.euIn
	{
		border:0;
	}
	
	.euGallery div.euItem
	{
		clear:left;
	}
	*+ html .euGallery div.euItem
	{
		clear:none;
		height:1%;
	}
}

/* -------------------------------- */
/* FIXE ALL LANGUAGE ICO			*/
/* -------------------------------- */

@media screen
{
	#top a.link-ws
	#top a.link-ws:visited,
	#top a.link-ws:hover,
	#top a.link-ws:focus,
	#top a.link-ws:active
	{
		border:0;
	}
}

/* -------------------------------- */
/* TABLE							*/
/* -------------------------------- */
/* APPLY THE SAME TO ALL TABLE 		*/
/* -------------------------------- */

@media screen
{
	table
	{
		border-collapse:collapse;
		margin-bottom:10px;
		border:4px solid #69c;
		background-color:#f6f9fc;
	}
	table caption
	{
		padding:5px;
		color:#999;
	}
	table thead
	{
		background-color:#E0EAF5;
		color:#369;
	}
	table thead tr th,
	table tbody tr th
	{
		padding:6px 10px 5px 10px;
		border-bottom:3px solid #cde;
		background-color:#E0EAF5;
		font-weight:bold;
	}
	table tbody tr
	{
		vertical-align:top;
	}
	table tbody tr td
	{
		padding:10px;
		border:1px solid #cde;
	}
	table tfoot
	{
		background-color:#f3f6f9;
	}
	table tfoot tr th
	{
		font-weight:normal;
		padding:5px 0;
		border-top:1px solid #cde;
		color:#69c;
	}
	/* important ! */
	.euModalWindow table, 
	.euModalWindow table tbody tr, 
	.euModalWindow table tbody tr td 
	{
		margin: 0;
		padding: 0;
		border: none;
	}
}

/* #################################################################### */
/* NO REFERENCE FOUND ???												*/	
/* #################################################################### */

@media screen
{
	/* --- Links with no lingustic page correspondance old template--- */
	
	.nolink	
	{
		color: #0000FF;
	}

	/* --- Size attribute for PDF files--- */
	
	.sizeFile
	{
		font-style: italic;
	}

	/* --- Form contact page--- */
	
	input.form_tools_ab
	{
		display:none;
	}
	input.border-black, textarea.border-black
	{
		display:block;
		border:2px solid #AFCAE4;
	}
	input.btnsubmit
	{
		background-color:#FFFFFF;
		border:2px solid #AFCAE4;
		cursor:pointer;
	}
	label
	{
		font-weight:bold;
	}
	/*link images*/
	a.lnk-img
	{
		border-bottom: none;
	}
	
	/* -------------------------------- */
	/* HOMEPAGE - RIGHT LIST ???		*/
	/* -------------------------------- */
	
	.right-list
	{
		margin:5px 5px 5px 0;
	}
	.right-list ul
	{
		padding:5px 0;
	}
	.right-list div.euBoxHeader
	{
		padding:5px;
		background:url(../images/gradiant_03.png) #369 left top repeat-x;
	}
	.right-list div.euBoxHeader h5
	{
		font-weight:bold;
		padding:0 5px;
		margin:0;
		color:#fff;
	}
	.right-list div.euBoxHeader h6
	{
		padding:0 5px;
		margin:0;
		color:#fff;
		font-size:80%;
	}
	.right-list div.euBoxFooter
	{
		text-align:right;
		padding:5px;
		border-top:1px solid #cde;
	}
	 .right-list a
	,.right-list a:visited
	{
		border:0;
	}
	 .right-list a:hover
	,.right-list a:focus
	,.right-list a:active
	{
		border-bottom:1px solid #036;
	}
}

/* #################################################################### */
/* PRINT VERSION (IPG)													*/	
/* #################################################################### */

/*NICO: media print added 24/02/2010, waiting for correction in centralized CSS*/
@media print
{
	body
	{
		font-size: 72.5%;
		/*overflow: visible !important;*/
	}
	.layout, 
	.layout * 
	{
		border:none;
	}
	.layout table, 
	.layout td 
	{
		border: 1px solid #000;
	}
	.layout td 
	{
		padding:0 10px;
	}
	.layout ul, 
	.layout ul li 
	{
		list-style-type: disc;
	}
	.layout ol, 
	.layout ol li 
	{
		list-style-type: decimal;
	}
	
	.euAbstract
	{
		clear:both;
	}
	
}
/*NICO: media print added 24/02/2010, waiting for correction in centralized CSS*/

/* CCB: only this layout */
@media print
{
	.atoz,
	.firstMenu,
	.horizontal-menu,
	.horizontal-menu-1,
	.side-bar, 
	.search-form
	{
		display:none;
	}
	.euBoxHeader,
	.noscript
	{
		font-weight:bold;
		padding:5px 0;
	}
	.catcomma
	{
		padding:5px 0 5px 20px;
	}
	.exploreEntireIpg h4,
	.resources h4,
	.box-slide h4
	{
		font-size:18px;
	}
	.layout-content *
	{
		height:auto;
		overflow:visible;
	}
}

/*ELBONNI: style box-date*/
.euBoxDate h4
{
	font-size: 120%;
	padding-top:4px;
}
.euBoxDate span.euDate
{
	/*color: #6699CC;*/
	color: #334c66;
	padding: 6px 0 14px 0;
}
.euBoxDate .euItem
{
	border-bottom: 1px solid #CCDDEE;
	padding: 5px;
}
.euBoxDate .euItem h4 a:hover,
 {
    border-bottom: 1px solid #336699;
    color: #AA0000;
}
.euBoxDate .euItem p, 
.euBoxDate .euItem ul, 
.euBoxDate h4 
{
	float: right;
	width: 85%;
}
/*:ELBONNI*/

/*
a.icoRss:link,
a.icoRss:visited, 
a.icoRss:hover,
a.icoRss:active,
a.icoRss_insidePage:link,
a.icoRss_insidePage:visited, 
a.icoRss_insidePage:hover,
a.icoRss_insidePage:active{	
	text-decoration:none;
	border-bottom:0px;
}
*/

a.icoRss:link, 
a.icoRss:visited, 
a.icoRss:hover, 
a.icoRss:active,
div.icoRss_insidePage a:link, 
div.icoRss_insidePage a:visited, 
div.icoRss_insidePage a:hover, 
div.icoRss_insidePage a:active{
	border-bottom:0 none;
	text-decoration:none;
	float:right;
}

a.icoRss{
	margin-left:15px;
}

.icoRss img{
	margin: 0 0 -3px 0;
}

div.icoRss_insidePage{
    position: absolute;
    right: 14px;
    top: 32px;
    z-index: 100;			
}

/*ELBONNI: Rss Icon*/
div.icoRss_insidePage 
{
	top: 27px;
}
/*:ELBONNI*/

.box-2 .box-in .cat2 .euBoxHeader a.link-ws,
div.icoRss_insidePage a.link-ws, 
div.icoRss_insidePage a.link-ws:visited, 
div.icoRss_insidePage a.link-ws:hover, 
div.icoRss_insidePage a.link-ws:focus, 
div.icoRss_insidePage a.link-ws:active {
	display:none;
}


/*
NICO: print IPG
*/
li.chapterTitle
{
	background: none;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}


/* IE6 */
* html .layout-content-reset {width: 98%;} 
* html .box-intro-in {position:absolute;} 
* html .box-intro div.tabItem {height:1%;} 
* html .atoz {margin-top:520px} 
* html .box-intro .tabs {background-position:700px 0px;} 
* html  body .atoz-content { height: 1%;}
* html .box-intro form {left:763px;}
/* euTabs db */
* html .box-tabs ul.tabNav li a.selected:visited, * html .box-tabs ul.tabNav li a.selected:focus {background:#FFF;}
* html .box-tabs ul.tabNav li a:visited, * html .box-tabs ul.tabNav li a:avtive {background-color:#6699CC;color:#FFF;}
/* END IE6 */


#whatsnew div span.euStartDate {
	top: 0px;
	left: 0px;
	background: #eee;
	color: #000000;
	padding: 2px;
}


.clear {
    display: none !important;
}

#top .homePage div.layout-content div.euItem p a {
	font-weight:normal;
    border-bottom: 1px solid;
}

	div.catcommatitle a.euSeqNr_1 {
		border: 0 none;
		color: #AA0000;
		font-size: 120%;
		font-weight: bold;
		padding: 0 0 0 10px;
	}
	
/* RESPONSIVE */

@media screen and (max-width: 920px) {
	.horizontal-menu-1  p {
		display: none;
	}
	.horizontal-menu  p {
		display: none;
	}
	.basics, .plan, .content, .design, .build, .golive, .maintain,.box-table .mobile, .services, .library, .tools, .basics, .plan, .content, .design, .standards, .qualityassurance, .procedures, .training {
		width: inherit;
		margin-right: 55px;
		padding: 5px 5px;
		min-height: inherit;
		border: none;
	}
	.euIn.box-in {
		padding: 10px;
	}
	.catlist {
		width: 100%;
		padding: 0px;
	}
	.cat2 {
		width: 100%;
		padding: 0px;
		border: none;
	}
	.box-tabs, .box-slide{
		width: 100%;
		padding-bottom: 10px;
	}
}
@media screen and (max-width: 850px) {
	.firstMenu .horizontal-menu-1 a{
		font-size: 10px;
	}
}
@media screen and (max-width: 768px) {
	.box-intro form {
		display: none;
	}
	.box-intro .tabNav {
		display: none;
	}
	.box-intro .tabs {
		background: none;
	}
	.box-intro div.tabItem{
		margin: 0px;
		display: none;
	}
	.homePage .tabItem .euAbstract, .catcomma {
		margin: 0px;
	}
	.box-intro .tabs {
		padding-bottom: 10px;
	}
	.layout {
		max-width: inherit;
	}
	/*.euMenu div.euSeqNr_1 a{font-size:120%;}*/ /*yal*/
	.js .layout-noright .layout-wrapper, .js .layout-noright .layout-content {padding: 0px;}
	.js .layout-content, .js .layout-noright .layout-content {width: 98%; padding: 0% 1%;}
}
@media screen and (max-width: 480px) {
	.box-intro form, .box-intro .tabNavTop {
		display: none;
	}
	.basics, .plan, .content, .design, .build, .golive, .maintain, .box-table .mobile, .services, .library, .tools, .standards, .qualityassurance, .procedures, .training {
		width: inherit;
		margin-right: 0px;
		padding: 5px 0px;
		min-height: inherit;
		border: none;
		margin: 0px;
	}
	.box-tabs ul.tabNav li a.selected, .box-tabs ul.tabNav li a.selected:visited,.box-3 .tabNav a.selected, .box-3 .tabNav a.selected:visited, .box-3 .tabNav li a{
		font-size: 8px;
		padding-bottom: 10px;
	}	
	.js .layout-content {
		width: 100%;
	}
	.js .tabItem {
		padding: 0px;
	}
	.homePage div.layout-wrapper-reset {
		padding: 0px;
	}
	.homePage div.layout-content {
		padding: 0px;
	}
	.homePage div.euAbstract{
		margin: 10px 0px;
	}
	.homePage .box-intro-in {
		margin: 15px 0px;
		border: none;
		background: none;
	}
	.homePage .box-2, .box-3 div.box-in {
		margin: 0px;
		padding: 0px;
		background: none;
	}
	.homePage .euGallery {
		display: none;
	}
	.box-tabs div.tabs {
		margin-top: 10px;
	}
	.euIn.box-in {
		padding: 5px;
	}
	.box-tabs div.tabItem {
		padding: 5px;
	}
	.slideText {
		padding: 0px;
	}
	h1 {
		border: none;
	}
}