/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	*/
/* EUROPEAN COMMISSION OFFICIAL CSS 													*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	*/
/* This file contain some mandatory css rules for all components used in PST or XSL		*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	*/

/* ------------------------------------	*/
/* GENERIC ::: LINK BUTTON 				*/
/* ------------------------------------	*/

@media screen
{
	.link-button,
	.link-button:visited,
	.link-button:hover,
	.link-button:active,
	.link-button:focus
	{
		text-decoration:none;
		border:0;
		padding:0;
		margin:0;
		cursor:pointer;
		font-size:12px;
		display:inline-block;
		position:relative;
	}
	.link-button span.s,
	.link-button:visited span.s,
	.link-button:hover span.s,
	.link-button:active span.s,
	.link-button:focus span.s
	{
		width:16px;
		height:16px;
		overflow:hidden;
		position:absolute;
		left:0;
	}
}

/* ------------------------------------	*/
/* GENERIC ::: PLAYER					*/
/* ------------------------------------	*/

@media screen
{
	.navPlayer
	{
		clear:both;
		text-align:center;
		overflow:hidden;
	}
	.navPlayer,
	.navPlayer li
	{
		list-style-type:none;
		padding:0;
		margin:0;
	}
	.navPlayer li
	{
		padding:0 2px;
		display:inline;
	}
		.navPlayer li a
		{
			top:2px;
		}
		.navPlayer li.navInfo
		{
			border:1px solid #cde;
			padding:2px 5px;
			font-size:10px;
			color:#369;
			position:relative;
			top:-2px;
			background-color:#fff;
		}
			.navPlayer li.navInfo i
			{
				padding:0 2px;
				text-transform:none;
				color:#69c;
			}

	/* sprite */
	.navPlayer li a span.s
	{
		background:url(../images/components/player/sprite.png) transparent left top no-repeat;
	}
	.navPlayer li a.first span.s,
	.navPlayer li a.first:visited span.s
	{
		background-position:0 0;
	}
		.navPlayer li a.first:hover span.s,
		.navPlayer li a.first:focus span.s,
		.navPlayer li a.first:active span.s,
		.navPlayer li.disabled a.first:focus span.s,
		.navPlayer li.disabled a.first:active span.s
		{
			background-position:0 -16px;
		}
		.navPlayer li.disabled a.first span.s,
		.navPlayer li.disabled a.first:visited span.s,
		.navPlayer li.disabled a.first:hover span.s
		{
			background-position:0 -32px;
			cursor:default;
		}
	.navPlayer li a.previous span.s,
	.navPlayer li a.previous:visited span.s
	{
		background-position:-16px 0;
	}
		.navPlayer li a.previous:hover span.s,
		.navPlayer li a.previous:focus span.s,
		.navPlayer li a.previous:active span.s,
		.navPlayer li.disabled a.previous:focus span.s,
		.navPlayer li.disabled a.previous:active span.s
		{
			background-position:-16px -16px;
		}
		.navPlayer li.disabled a.previous span.s,
		.navPlayer li.disabled a.previous:visited span.s,
		.navPlayer li.disabled a.previous:hover span.s
		{
			background-position:-16px -32px;
			cursor:default;
		}
	.navPlayer li a.next span.s,
	.navPlayer li a.next:visited span.s
	{
		background-position:-80px 0;
	}
		.navPlayer li a.next:hover span.s,
		.navPlayer li a.next:focus span.s,
		.navPlayer li a.next:active span.s,
		.navPlayer li.disabled a.next:focus span.s,
		.navPlayer li.disabled a.next:active span.s
		{
			background-position:-80px -16px;
		}
		.navPlayer li.disabled a.next span.s,
		.navPlayer li.disabled a.next:visited span.s,
		.navPlayer li.disabled a.next:hover span.s
		{
			background-position:-80px -32px;
			cursor:default;
		}
	.navPlayer li a.end span.s,
	.navPlayer li a.end:visited span.s
	{
		background-position:-96px 0;
	}
		.navPlayer li a.end:hover span.s,
		.navPlayer li a.end:focus span.s,
		.navPlayer li a.end:active span.s,
		.navPlayer li.disabled a.end:focus span.s,
		.navPlayer li.disabled a.end:active span.s
		{
			background-position:-96px -16px;
		}
		.navPlayer li.disabled a.end span.s,
		.navPlayer li.disabled a.end:visited span.s,
		.navPlayer li.disabled a.end:hover span.s
		{
			background-position:-96px -32px;
			cursor:default;
		}

	.navPlayer li a.stop span.s,
	.navPlayer li a.stop:visited span.s
	{
		background-position:-32px 0;
	}
		.navPlayer li a.stop:hover span.s,
		.navPlayer li a.stop:focus span.s,
		.navPlayer li a.stop:active span.s,
		.navPlayer li.disabled a.stop:focus span.s,
		.navPlayer li.disabled a.stop:active span.s
		{
			background-position:-32px -16px;
		}
		.navPlayer li.disabled a.stop span.s,
		.navPlayer li.disabled a.stop:visited span.s,
		.navPlayer li.disabled a.stop:hover span.s
		{
			background-position:-32px -32px;
			cursor:default;
		}

	.navPlayer li a.play span.s,
	.navPlayer li a.play:visited span.s
	{
		background-position:-49px 0;
	}
		.navPlayer li a.play:hover span.s,
		.navPlayer li a.play:focus span.s,
		.navPlayer li a.play:active span.s,
		.navPlayer li.disabled a.play:focus span.s,
		.navPlayer li.disabled a.play:active span.s
		{
			background-position:-49px -16px;
		}
		.navPlayer li.disabled a.play span.s,
		.navPlayer li.disabled a.play:visited span.s,
		.navPlayer li.disabled a.play:hover span.s
		{
			background-position:-49px -32px;
			cursor:default;
		}
}

/* ------------------------------------	*/
/* COMPONENTS ::: MODAL WINDOW			*/
/* ------------------------------------	*/

@media screen
{
	.euModalWindow
	{
		position:absolute;
		left:0;
		top:0;
		z-index:999;
		overflow:hidden;
		padding:0;
	}
	.euModalWindow div.euModalContent
	{
		border:1px solid #369;
		background-color:#fff;
	}
}

/* ------------------------------------	*/
/* COMPONENTS ::: SLIDESHOW				*/
/* ------------------------------------	*/

@media screen
{
	.slideShow
	{
		text-align:center;
		margin:0 0 10px 0;
	}
	.slideFrame
	{
		border:1px solid #69c;
		margin:0 auto;
		padding:10px;
	}
	.slideImage
	{
		position:relative;
		left:0;
		top:0;
		overflow:hidden;
	}
		.slideImage td
		{
			text-align:center;
			vertical-align:middle;
		}
		.slideImage a,
		.slideImage a:hover,
		.slideImage a:visited,
		.slideImage a:focus,
		.slideImage a:active
		{
			margin:0;
			border:0;
			padding:0;
			text-decoration:none;
		}
	.slideNav
	{
		padding:1px 0;
		margin:3px 0;
	}
	.slideTitle
	{
		text-align:left;
		font-weight:bold;
		padding:3px 0;
	}
	.slideAbstract
	{
		text-align:left;
	}
}

/* ------------------------------------	*/
/* COMPONENTS ::: MEDIAGALLERY			*/
/* ------------------------------------	*/

@media screen
{
	.mediaGallery
	{
		text-align:center;
	}
	.mediaFrame
	{
		margin:0 auto;
		text-align:left;
		border:1px solid #369;
		padding:3px;
	}
	.mediaPlayer
	{
		overflow:hidden;
		text-align:center;
		vertical-align:middle;
		background-color:#000;
	}
	.mediaNoPreview
	{
		background:url(../images/components/player/no-preview.png) #fff center center no-repeat;
		width:48px;
		height:48px;
	}
	.mediaImageLoad
	{
		background:url(../images/components/player/loading.gif) transparent center center no-repeat;
	}
		.mediaImageLoad img
		{
			position:relative;
			z-index:-1;
		}
	.mediaImage,
	.mediaNoPlugins
	{
		background-color:transparent;
	}
	.mediaNoPlugins b
	{
		color:#a00;
	}
		.mediaPlayer embed
		{
			width:100%;
		}
		.mediaPlayer td
		{
			vertical-align:middle;
			text-align:center;
		}
		.mediaPlayer img
		{
			clear:both;
		}
	.mediaDownload
	{
		text-align:center;
	}
	.mediaNav
	{
		padding:1px 0;
		margin:3px 0;
	}
	.mediaTitle
	{
		font-weight:bold;
		padding:3px 5px 0 5px;
	}
	.mediaText
	{
		padding:0 5px;
	}
}

/* ------------------------------------	*/
/* COMPONENTS ::: DYNAMIC PANEL			*/
/* ------------------------------------	*/

@media all
{
	.euDynamicPanelNoScript,
	.euDynamicPanelNoScript b
	{
		display:none;
	}
}

/* ------------------------------------	*/
/* COMPONENTS ::: TABS					*/
/* ------------------------------------	*/

@media screen /* COMMON TAB */
{
	.euTabs
	{
		margin:10px 0;
		position:relative;
	}
	* html .euTabs
	{
		float:left;
		width:100%;
	}
	.euTabs div.euTabItem
	{
		padding:20px;
		border:0;
		border:1px solid #369;
		background-color:#fff;
		height:auto !important;
		height:150px;
		min-height:150px;
	}
}
@media screen /* COMMON NAV LINK */
{
	.tabNav li a,
	.tabNav li a:visited
	{
		float:left;
		font-weight:bold;
		padding:3px 7px;
		margin:0;
		background-color:#f3f6f9;
		border:1px solid #cde;
		font-size:80%;
		color:#69c;
		text-decoration:none;
		text-transform:uppercase;
		position:relative;
	}
	.tabNav li a:hover,
	.tabNav li a:focus,
	.tabNav li a:active
	{
		background-color:#69c;
		border:1px solid #369;
		color:#fff;
	}
	.tabNav li a.selected,
	.tabNav li a.selected:visited,
	.tabNav li a.selected:hover,
	.tabNav li a.selected:focus,
	.tabNav li a.selected:active
	{
		background-color:#fff;
		border:1px solid #369;
		color:#369;
		position:relative;
	}
}
@media screen /* COMMON NAV */
{
	.tabNav
	{
		list-style-type:none;
		padding:0 0 1px 0;
		margin:0;
		overflow:hidden;
		height:1%;
		position:relative;
	}
	.tabNav li
	{
		float:left;
		display:inline;
		margin:0 3px 0 0;
		padding:0;
	}
}
@media screen /* NAV TOP (default) */
{
	.tabTop ul.tabNavTop
	{
		top:2px;
	}
	.tabTop ul.tabNavTop li a,
	.tabTop ul.tabNavTop li a:visited,
	.tabTop ul.tabNavTop li a:hover,
	.tabTop ul.tabNavTop li a:focus,
	.tabTop ul.tabNavTop li a:active
	{
		border-bottom:0;
	}
	.tabTop ul.tabNavTop li a.selected,
	.tabTop ul.tabNavTop li a.selected:visited,
	.tabTop ul.tabNavTop li a.selected:hover,
	.tabTop ul.tabNavTop li a.selected:focus,
	.tabTop ul.tabNavTop li a.selected:active
	{
		padding-bottom:4px;
	}
}
@media screen /* NAV BOTTOM */
{
	.tabBottom ul.tabNavBottom
	{
		top:-1px;
	}
	.tabBottom ul.tabNavBottom li a,
	.tabBottom ul.tabNavBottom li a:visited,
	.tabBottom ul.tabNavBottom li a:hover,
	.tabBottom ul.tabNavBottom li a:focus,
	.tabBottom ul.tabNavBottom li a:active
	{
		border-top:0;
		top:1px;
	}
	.tabBottom ul.tabNavBottom li a.selected,
	.tabBottom ul.tabNavBottom li a.selected:visited,
	.tabBottom ul.tabNavBottom li a.selected:hover,
	.tabBottom ul.tabNavBottom li a.selected:focus,
	.tabBottom ul.tabNavBottom li a.selected:active
	{
		padding-top:6px;
		top:-2px;
	}
}
@media screen /* NAV COMMON LEFT/RIGHT */
{
	.tabLeft ul.tabNavLeft,
	.tabRight ul.tabNavRight
	{
		top:0;
		width:151px;
		float:right;
		display:inline;
		position:relative !important;
		position:absolute;
		right:0;
	}
}
@media screen /* NAV LEFT */
{
	.tabLeft ul.tabNavLeft
	{
		float:left;
		left:auto;
	}
	* html div.tabLeft ul.tabNavLeft,
	*+ html div.tabLeft ul.tabNavLeft
	{
		left:1px;
	}
	.tabLeft div.euTabItemLeft
	{
		margin:0 0 0 150px;
	}
	.tabLeft ul.tabNavLeft li
	{
		clear:both;
		margin:0 0 3px 0;
	}
	.tabLeft ul.tabNavLeft li a,
	.tabLeft ul.tabNavLeft li a:visited,
	.tabLeft ul.tabNavLeft li a:hover,
	.tabLeft ul.tabNavLeft li a:focus,
	.tabLeft ul.tabNavLeft li a:active
	{
		width:139px;
		border-right:0;
		margin:0;
		padding:3px 5px;
	}
	.tabLeft ul.tabNavLeft li a.selected,
	.tabLeft ul.tabNavLeft li a.selected:visited,
	.tabLeft ul.tabNavLeft li a.selected:hover,
	.tabLeft ul.tabNavLeft li a.selected:active,
	.tabLeft ul.tabNavLeft li a.selected:focus
	{
		width:140px;
		border-right:0;
	}
}
@media screen /* NAV RIGHT */
{
	.tabRight ul.tabNavRight
	{
		float:right;
		right:0;
	}
	* html div.tabRight ul.tabNavRight,
	*+ html div.tabRight ul.tabNavRight
	{
		right:1px;
	}
	.tabRight div.euTabItemRight
	{
		margin:0 150px 0 0;
	}
	.tabRight ul.tabNavRight li
	{
		margin:0 0 3px 0;
	}
	.tabRight ul.tabNavRight li a,
	.tabRight ul.tabNavRight li a:visited,
	.tabRight ul.tabNavRight li a:hover,
	.tabRight ul.tabNavRight li a:focus,
	.tabRight ul.tabNavRight li a:active
	{
		float:left;
		width:139px;
		border-left:0;
		top:0;
		left:1px;
		margin:0;
		padding:3px 5px;
	}
	.tabRight ul.tabNavRight li a.selected,
	.tabRight ul.tabNavRight li a.selected:visited,
	.tabRight ul.tabNavRight li a.selected:hover,
	.tabRight ul.tabNavRight li a.selected:active,
	.tabRight ul.tabNavRight li a.selected:focus
	{
		width:139px;
		border-left:0;
		top:0;
		left:-1px;
		padding:3px 5px 3px 7px;
	}
}

/* ------------------------------------	*/
/* COMPONENTS ::: MULTIPAGE				*/
/* ------------------------------------	*/

@media screen
{
	.multiPage
	{
		clear:both;
	}
	.multiPage ul.navPlayer
	{
		padding:0 0 2px 0;
	}
	.multiPage li
	{
		padding:2px;
	}
	.multiPage li a
	{
		font-size:10px;
		text-decoration:none;
		position:relative;
		top:-1px;
	}
	.multiPage li a.link-button
	{
		position:relative;
		top:3px;
	}
}
@media screen /* NUMBER LINK */
{
	li.navLinks a,
	li.navLinks a:visited
	{
		padding:2px 7px;
		margin:0;
		font-weight:bold;
		background-color:#fff;
		color:#9BBCDD;
		border:1px solid #cde;
		text-decoration:none;
	}
	li.navLinks a:hover,
	li.navLinks a:focus,
	li.navLinks a:active,

	li.navLinks a.selected,
	li.navLinks a.selected:visited
	{
		background-color:#6EB0F4;
		color:#fff;
		border:1px solid #69c;
		text-decoration:none;
	}
	li.navLinks a.selected:hover,
	li.navLinks a.selected:focus,
	li.navLinks a.selected:active
	{
		border:1px solid #369;
	}
}
@media screen /* MENU */
{
	.multiPage li.multiPageMenu a,
	.multiPage li.multiPageMenu a:visited
	{
		padding:2px 19px 2px 7px;
		margin:0;
		text-decoration:none;
		border:1px solid #69c;
		font-weight:bold;
		color:#fff;
		background:url(../images/components/multipage/arrows-down.png) #6EB0F4 right center no-repeat;
	}
	.multiPage li.multiPageMenu a:hover,
	.multiPage li.multiPageMenu a:focus,
	.multiPage li.multiPageMenu a:active
	{
		background:url(../images/components/multipage/arrows-down-over.png) #69c right center no-repeat;
		border:1px solid #369;
	}
	* html .multiPage li.multiPageMenu a,
	* html .multiPage li.multiPageMenu a:visited,
	* html .multiPage li.multiPageMenu a:hover,
	* html .multiPage li.multiPageMenu a:focus,
	* html .multiPage li.multiPageMenu a:active
	{
		background-position:right 6px;
	}
}
@media screen /* POPUP */
{
	.multiPagePopup
	{
		position:absolute;
		left:0;
		top:0;
		z-index:888;
		width:30px;
		border:0;
		padding:0;
		margin:0;
	}
	.multiPagePopup div.euModalContent
	{
		background-image:none;
		background-color:#cde;
		border:1px solid #69c;
		padding:3px;
		margin:0;
		color:#036;
		float:left;
		width:30px;
	}
	.multiPagePopup ul
	{
		list-style-type:none;
		padding:0;
		margin:0;
		width:30px;
	}
	.multiPagePopup li
	{
		width:100%;
		padding:0;
		margin:0;
	}
	 .multiPagePopup li a
	,.multiPagePopup li a:visited
	{
		float:none;
		background-color:#f0f0f0;
		color:#69c;
		font:bold 10px Verdana,Arial;
		text-align:center;
		display:block;
		width:100%;
		padding:0;
		margin:1px 0;
		border:0;
		text-decoration:none;
	}
	 .multiPagePopup li a:hover
	,.multiPagePopup li a:active
	,.multiPagePopup li a:focus
	{
		background-color:#69c;
		color:#fff;
		border:0;
	}
	.multiPagePopup li a div
	{
		padding:2px 5px;
		margin:0;
		cursor:pointer;
	}
}

/* ------------------------------------	*/
/* COMPONENTS ::: CALENDAR 				*/
/* ------------------------------------	*/

@media screen
{
	.calendar-skin
	{
		display:none;
	}

	.calendar table,
	.calendar td
	{
		border:1px solid #ccc;
		text-align:center;
		padding:2px;
	}
	.calendar-popup span.calendar-event-date
	{
		position:absolute;
		left:-9999px;
		top:-9999px;
	}
}
@media screen /* NAV */
{
	.calendar-nav
	{
		position:relative;
	}
	.calendar-nav a span.s,
	.calendar-popup a span.s
	{
		background:url(../images/components/calendar/sprite.png) transparent left -32px no-repeat;
	}
	.calendar-nav a
	{
		display:block;
		width:16px;
	}
	.calendar-nav a.prev
	{
		float:left;
		position:absolute;
		left:5px;
	}
	.calendar-nav a.next
	{
		float:right;
		position:absolute;
		right:5px;
	}
	.calendar-nav a.prev:hover span.s,
	.calendar-nav a.prev:focus span.s,
	.calendar-nav a.prev:active span.s
	{
		background-position:0 0;
	}

	.calendar-nav a.next span.s,
	.calendar-nav a.next:visited span.s
	{
		background-position:-16px -32px;
	}
	.calendar-nav a.next:hover span.s,
	.calendar-nav a.next:focus span.s,
	.calendar-nav a.next:active span.s
	{
		background-position:-16px 0;
	}
}
@media screen /* POPUP */
{
	.calendar-popup div.euModalContent,
	.calendar-popup div.euModalContent table
	{
		width:300px;
	}
	.calendar-popup div.popup-header
	{
		text-align:right;
		padding:5px 10px;
	}
	.calendar-popup div.popup-body
	{
		height:auto !important;
		height:150px;
		max-height:300px;
		min-height:100px;
		overflow:auto;
		padding:0 10px 0 0;
		margin:5px;
		font-size:120%;
	}
	.calendar-popup a.close span.s
	{
		top:-3px;
		left:-2px;
	}
	.calendar-popup a.close span.s,
	.calendar-popup a.close:visited span.s
	{
		font-weight:bold;
		background-position:-32px 0;
	}
	.calendar-popup a.close:hover span.s,
	.calendar-popup a.close:focus span.s,
	.calendar-popup a.close:active span.s
	{
		background-position:-32px -32px;
	}
}
/* ------------------------------------	*/
/* COMPONENTS - FUSION CHARTS			*/
/* ------------------------------------	*/

@media screen
{
	.fusionCharts ul{display:none;}
}

/* ------------------------------------	*/
/* COMPONENTS - E-VOTING I				*/
/* ------------------------------------	*/

@media screen
{
	.euVoting
	{
		padding:2px;
	}
	.euVoting table
	{
		background:url(../images/components/evoting/background.gif) #fff left top repeat-x;
		border-collapse:collapse;
		border:1px solid #69c;
		padding:0;
		margin:0;
		width:99.9%;
	}
	.euVoting table table
	{
		border:0;
		background-image:none;
		background-color:transparent;
		margin:0 5px;
		width:auto;
	}
	.euLeft div.euVoting, .euRight div.euVoting
	{
		margin:5px;
	}
	#question_td
	{
		font-weight:bold;
		padding:5px 5px 5px 5px;
		border:0;
		line-height:160%;
	}
	#results_td
	{
		padding:10px 2px 10px 5px;
	}
	#button_td input
	{
		border:1px solid #369;
		padding:1px 10px;
		background-color:#69c;
		font-size:10px;
		text-transform:uppercase;
		color:#fff;
		font-weight:bold;
		cursor:pointer;
	}
	#disclaimer_td
	{
		border-top:7px solid #fff;
		padding:0 0 5px 5px;
	}
	#poll_disclaimer
	{
		position:relative;
		top:0;
		left:0;
	}
	#poll_disclaimer_body
	{
		line-height:140%;
		cursor:pointer;
	}
	#poll_table1 td
	{
		vertical-align:top;
	}
	#poll_table1 td#question_td
	{
		padding-bottom:15px;
		color:#369;
	}
	.vote_td
	{
		border-left:1px solid #cde;
		width:100px;
	}
	.vote_td, #poll_table1 td.answers_td
	{
		border-top:1px solid #cde;
		color:#369;
		padding:4px;
		padding:7px 4px;
	}
	.vote_td span.bar
	{
		display:block;
		height:12px;
		margin:1px;
		background-color:#cde;
		border:1px solid #B5CDE6;
	}
	.vote_td span.bar_label
	{
		display:block;
		text-align:left;
		color:#999;
		font-size:10px;
		margin-top:2px;
		padding:2px 0;
	}
	#total_td
	{
		padding:7px 7px 10px 7px;
		font-weight:bold;
		color:#369;
		text-align:right;
	}
	#alert_td
	{
		padding:0 0 5px 5px;
		color:#c00;
	}
}

/* ------------------------------------	*/
/* TOGGLE CLASS FOR PRINT VERSION		*/
/* ------------------------------------	*/

@media screen
{
	._show_
	{
		display:block;
	}
	._hide_
	{
		display:none;
	}
	
	.show
	{
		display:block;
	}
	.hide
	{
		display:none;
	}
}

/* ------------------------------------	*/
/* GENERAL ::: PRINT					*/
/* ------------------------------------	*/

@media print
{
	._show_, ._hide_
	{
		display:block;
	}
	
	.show,.hide
	{
		display:block;
	}
	
	#euDebug,
	#additional-tools,
	#banner-menu,
	.mediaPagin,
	.tabNav,
	.multiPage,
	.calendar-skin,
	.euVoting,
	.slideShow,
	.accessibility-title,
	.mediaGallery,
	.mediaFrame 
	{
		display:none;
	}
	.print-title
	{
		display:block;
		font-weight:bold;
		color:#369;
		font-size:140%;
		display:block;
		border-bottom:1px solid #666 !important;
		margin:15px 0 10px 0;
	}
}

/* ------------------------------------	*/
/* COMMON ::: DEBUG						*/
/* ------------------------------------	*/

@media screen 
{
	* html .debugPanel{display:none;}
	.debugPanel{position:fixed;bottom:0;left:0;right:0;z-index:9999;height:30px;text-align:left;background:url(../images/components/debug/gradiant_10.gif) #69c left bottom repeat-x;border-top:1px solid #369;}
	.debugPanel div.debugBorder,.debugPanel:hover h1 i{display:none;}
	.debugPanel:hover div.debugBorder{display:block;}
	.debugPanel div.debugBorder{position:absolute;left:30px;top:-350px;right:30px;bottom:30px;border:1px solid #369;border-bottom:0;background-color:#cde;padding:1px 1px 10px 1px;}
	.debugPanel div.debugBorder h2{padding:10px 0 5px 0;margin:0;line-height:0.75;border:0;color:#369;font-size:24px;font-weight:normal;}
	.debugPanel pre#euDebug{font-family:Verdana,Arial;position:absolute;left:1px;right:1px;top:1px;bottom:1px;overflow:auto;background-color:#f6f9fc;border:1px solid #fff;border-left:10px solid #DFEAF4;border-bottom:0;padding:15px;font-size:12px;color:#036;background:url(../images/components/debug/gradiant_01.gif) #fff left top repeat-x;line-height:1.8;}
	.debugPanel pre#euDebug strong{color:#060;font-size:14px;}
	.debugPanel pre#euDebug i{color:#036;font-style:normal;font-weight:bold;}
	.debugPanel pre#euDebug b{color:#a00;}
	.debugPanel pre#euDebug em{color:#369;font-style:normal;}
	.debugPanel pre#euDebug u{color:#D26900;text-decoration:none;}
	.debugPanel pre#euDebug s{color:#D26900;text-decoration:none;}
	.debugPanel div.debugPanel-title{border-top:1px solid #cde;padding:4px 15px;}
	.debugPanel div.debugPanel-title h1{border:0;padding:0;margin:0;color:#cde;font-weight:bold;font-size:12px;text-transform:uppercase;}
	.debugPanel div.debugPanel-title h1 span{color:#fff;}
	.debugPanel div.debugPanel-title h1 i{position:absolute;left:45%;color:#abc;font-size:10px;font-style:normal;font-weight:bold;}
}

@media print
{
	.debugPanel{display:none;}		
}