/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	*/
/* EUROPEAN COMMISSION - ELSA	 							*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	*/

/* #################################################################### */
/* 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%; }
	h3,h4,h5,h6{font-weight:bold;}
	h6{font-style:italic; margin:0; padding:2px 0;}
/*	.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;}*/

	.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:#036; text-decoration:none; }
	.layout-body a:hover,
	.layout-body a:focus,
	.layout-body a:active { color:#a00; }

	#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;}

}

/* -------------------------------- */
/* 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
	{
		list-style-image:url(../images/arrow_04.gif);
	}
	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.isCurrent,
	.layout-body .tabNav a.isCurrent:visited,
	.layout-body .tabNav a.isCurrent:hover,
	.layout-body .tabNav a.isCurrent:focus,
	.layout-body .tabNav a.isCurrent: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;}
}
/* -------------------------------- */
/* TEXT REPEATING CONTENT          */
/* -------------------------------- */
@media screen
{
	.layout-content .euText{padding:10px 0;}
}

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

@media screen
{
	.euMenu { background: url("../images/gradiant_01.gif") repeat-x scroll left top transparent; }
	.euMenu li div.isCurrent a, .euMenu li div.isCurrent a:visited{  color:#a00; }
	.euMenu ul{border-left:1px dashed #69c;}
	transparent !important;}
	.euMenu a{color:#369; font-weight:bold;}
	.layout-body .euMenu a { border: none; }
	.euMenu a:visited { color: #369; }
	.euMenu a:hover,
	.euMenu a:focus,
	.euMenu a:active,
	.euMenu li div.isCurrent a:hover,
	.euMenu li div.isCurrent a:focus,
	.euMenu li div.isCurrent a:active { color:#fff; }
	.euMenu li div a span { text-decoration: none; }

	.euMenu div.selected a, .euMenu div.selected a:visited {
	color: #036;
}
@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.isCurrent a,
	.euMenu div.isCurrent 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.isCurrent a:hover,
	.euMenu li div.isCurrent a:focus,
	.euMenu li div.isCurrent 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;
		min-height: 80px;
	}
	.euTocTitle
	{
		padding: 0 0 0 10px;
	}
	.euTocBox .euTocList
	{
		border: none;
		padding: 10px 0;
	}
	.euTocBox .euTocList li
	{
		list-style-image: url("../images/arrow_03.gif");
		margin: 0 20px;
	}
	.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;}

	div.button {margin:25px 0 10px 0;}
}



/* -------------------------------- */
/* 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 ul
	{
		padding-left:5px;
	}
	.firstMenu div.horizontal-menu ul li
	{
		border:0;
		float:left;
		list-style: none;
	}
	.firstMenu div.horizontal-menu ul li
	{
		border:0;
		border-right:1px solid #69c;
		padding:3px 7px;
	}

	.firstMenu div.horizontal-menu ul li:last-child{
		border-right:none;
	}

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

	.firstMenu div.horizontal-menu span {
		text-transform: none;
	}
}


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

@media screen
{
	table
	{
		border-collapse:collapse;
		margin-bottom:10px;
		border:1px solid #cde;
		background-color:#f6f9fc;
		width:100%;
	}
	table caption
	{
		padding:5px;
		color:#999;
	}
	table thead
	{
		background-color:#E0EAF5;
		color:#369;
		border:1px solid #cde;
	}
	table thead tr th
	{
		padding: 3px;
		border:1px solid #cde;
		background-color:#E0EAF5;
		font-weight:bold;
		text-align:center;
	}

	table tbody tr th {font-weight:bold; text-align:right}

	table tbody tr th,
	td	{
		padding: 3px;
		border: 1px solid #cde;
	}

	table tbody tr
	{

		vertical-align:middle;
	}


	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;
	}

	/* **********************************************************************/
	/*  Login Form page
	/* **********************************************************************/
	#LOGINform {padding:20px 10px 15px; border:2px solid #69c; background-color: #f6f9fc;}
		#LOGINform input[type="text"],
		#LOGINform input[type="password"] {width:90%; padding:3px}
		#LOGINform input[type="submit"],
		#LOGINform input[type="reset"],
		#LOGINform input[type="button"]	{ width:auto; }
		#LOGINform th {background-color:inherit; text-align:right;border:none;}
		#LOGINform table,
		#LOGINform td {border:none;}
		#LOGINform label {margin:0; padding:3px;}

	/***********************************************************************/
	/* Form 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
	{
		display: inline-block;
		font-weight: bold;
		margin: 10px 10px 3px 0;
	}

	select {margin:0;}

	fieldset {
		padding:10px;
		margin:10px 0 3px 0;
	}

	legend{ font-weight: bold;}

	select,
	fieldset,
	textarea,
	input {
		border:1px solid #cde;
	}

	select {color:grey;}

	input[type="file"] {
		border:none;
	}

	input[type="text"]  {
		padding: 2px 3px;
		width: 98%;
	}

	textarea{width:98%;}

	input[type="button"], button, input[type="reset"], input[type="submit"] {
		background: linear-gradient(135deg,#fff, #E6EDF6) repeat scroll 0 0 rgba(0, 0, 0, 0);
		border: 2px outset buttonface;
		border-image: none;
		border-radius: 4px;
		border-style: solid;
		border-width: 1px;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
		color: #333333;
		cursor: pointer;
		display: inline-block;
		margin-bottom: 0;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		vertical-align: middle;
	}
	/*link images*/
	a.lnk-img
	{
		border-bottom: none;
	}

	form div.left input,
	form div.right input{ width:95%; }

	/* -------------------------------- */
	/* 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;
	}

}
/* CCB: only this layout */
@media print
{
	.firstMenu,
	.horizontal-menu,
	.search-form
	{
		display:none;
	}

	.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.isCurrent:visited, * html .box-tabs ul.tabNav li a.isCurrent: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;
}

#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  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 a{
		font-size: 10px;
	}
}
@media screen and (max-width: 768px) {

	.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.isCurrent, .box-tabs ul.tabNav li a.isCurrent:visited,.box-3 .tabNav a.isCurrent, .box-3 .tabNav a.isCurrent: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;
	}
}
/* ADDITIONAL CLASSES */
.DBalert { width: auto; height: auto;  background-color:yellow; padding: 10px; border: 1px solid;}

.outlined {
	background: linear-gradient(#fff, #E6EDF6) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #def;
}
.info,
.alert {
	background: linear-gradient(135deg,#fff, #E6EDF6) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #def;
    padding: 5px 10px 10px  10px;
	margin:10px 0;
	color:white;
    /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
}
	.alert p{color: #a00; text-align: center; font-weight:bold;}

.info  * {font-size:90%;}
.info p { margin-bottom:0; padding-bottom:0;}


.right {float: right;}
.left {float: left;}
.half{width:50%}

.centered { text-align: center }
.listitem { text-align:left; }

.red {color:red;}



/* --- alerts ------ */
/* added 20160729 by SI */

.error {
  background-color: #EFAEAE;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#EFAEAE));
  background-image: -moz-linear-gradient(top, #ee5f5b, #EFAEAE);
  background-image: -ms-linear-gradient(top, #ee5f5b, #EFAEAE);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #EFAEAE));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #EFAEAE);
  background-image: -o-linear-gradient(top, #ee5f5b, #EFAEAE);
  background-image: linear-gradient(top, #ee5f5b, #EFAEAE);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#EFAEAE', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #EFAEAE #EFAEAE #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: white; /*#B20707;*/
  font-size:larger;
  display: inline-block;
   padding: 0 1em;
}

.success {
  background-color: #57a957;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #57a957 #57a957 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.info {
  background-color: #339bb9;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(top, #5bc0de, #339bb9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #339bb9 #339bb9 #22697d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}


/* **********************************************/
/* Hacks and Trickss
/* **********************************************/

.clear {
	clear: both;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}