/* - - - - - - - - - - -         DEFAULT        Standard - - - - - - - - */

/* - - - - - - - - - - - - - - - - BASIC - - - - - - - - - - - - - - - */

/* control over default css */

* {
	padding:0;
	margin:0;
}

/* while waiting for another fix for the IE problem with italics */
* html #content i {font-style:normal;}
* html #content em {font-style:normal;}



td p, td ul {margin:1em 0 1em 0}

li, dd {
	margin-left:5%;
}

fieldset {
	padding: .5em;
}

blockquote {
	margin: 2em 5% 2em 10%;
}

img {border:none}
/* infso */

body {
	font-family: Verdana, Arial, sans-serif;
	font-size:70%;
}

/* html table {font-size:100%} */

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
	line-height:1.4;
}

dd {
	margin-top:0.2em;
	margin-bottom:0.6em;
}

li {
	margin-top:0.6em;
}

li li {
	margin-top:0.2em;
}

p, ul, ol, dl, h1, h2, h3, h4, h5, h6 {max-width:55em;}
p.pretitle, p#pretitle, ul#nav {max-width:none;}

hr {display:none;}
#content hr {display:block}

a:link, a:visited, a:hover, a:active {
	text-decoration:none;
	font-weight:bold;
	color: #000080;
}

a:hover, a:active {
	text-decoration:underline;
	color:#CC6601;
}

h1 {
	font-size: 180%;
	font-style: normal;
	font-weight :bold;
	margin-left: 1%;
	margin-top:0.1em;
	color: #3C4E96;
}

h2 {
	font-size: 130%;
	font-weight: bold;
	text-align:left;
	color: #3C4E96;
	margin-top:2em;
}

h3 {
	font-size: 120%;
	font-weight: bold;
	margin-top:2.5em;
}

code {
	font-size:130%;
}

.thide, .lshow {
	display:none;
}

.gshow {
	display:block;
}

.clearer {
	clear:both;
}

/* - - - - - - - - - - - - - - - - HEADER - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - europa banner - - - - - - - - - - - - - - */


#ipgeuropa {
	width: 100%;
	min-width: 689px;
	height: 74px;
	/*background: #3399cc url('/information_society/_bin/images/navigation/menu/banner_en.jpg') no-repeat;*/
	font-size:12px !important;
}


#sitename {
	display:none;
}

#legalnotice {
	/*position:absolute;*/
	/*width:188px;*/
	float:right;
	right:0;
	cursor:pointer;
	/*text-align:right;*/
}

.replace{
	position:relative;
	margin:0px; padding:0px;
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow: hidden;
	/* */
	font-size:9px;
}
.replace span {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	cursor:pointer;
	z-index:1; /*for Opera 5 and 6*/
}


#irlegalnotice, #irlegalnotice span {
	height:14px;
	color:#fff;
	/*
	width:189px;
	background-image: url('/comm/images/notice_en.gif');
	*/
}


#ipgseparator {
	position:absolute;
	top:52px;
	width:100%;
	height:4px;
	background-color:#ff0;
}

#ipgpath {
	position:absolute;
	top:56px;
	width:100%;
	height: 18px;
	color: #fff;
	background-color: #309;
	font-size: 120%;
}

#ipgpath a, #ipgpath a:visited, #ipgpath a:hover {
	font-weight: bold;
	font-size: 80%;
	text-decoration: none;
	color: #fff;
	background-color: #309;
}

#ipgpath a:hover {
	text-decoration:underline;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - language navigation - - - - - - - - - - - */

#langmenu {
	position:absolute;
	top:27px;
	right:2%;
	font-weight:bold;
	text-align:right;
	color: #fff;
	z-index:2;
}

#langmenu a:link, #langmenu a:visited, #langmenu a:hover, #langmenu a:active {
	text-decoration:underline;
	color:#fff;
}

#langmenu a:hover, #langmenu a:active {
	color: #c03;
	text-decoration:underline;
}

#langmenu a.nolink:link, #langmenu a.nolink:visited, #langmenu a.nolink:hover, #langmenu a.nolink:active {
	text-decoration:none;
	color:#fff;
}

#langmenu a.nolink:hover {
	cursor:default;
}
 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - skip navigation link - - - - - - - -*/

#skipnavigation {
	position: absolute;
	top:58px;
	right:2%;
	height:13px;
	color:#fff;
	text-align:right;
	font-size:90%;
	z-index:20;
}

#skipnavigation a:link, #skipnavigation a:visited {
	color:#fff;
	text-decoration:none;
}

#skipnavigation a:hover, #skipnavigation a:active {
	color:#fff;
	text-decoration:underline;
}



/* - - - - - - - - - - - - - - - - - - - - - - alternate presentations - - - - - - - - */

#presicons {
	float:right;
	width:72px;
	background-color:white;
	padding-left:0.4em;
	padding-right:0;
	position:relative; /* documented as introduced for IE 5.5, but
	need to investigate further, as this is a common hack to make the an element
	positioned. However, an element can't be positioned and floated at the same time (can it? call Eric to the rescue)
	so a check is definitely needed here.*/
	/*display:none;*/
	z-index:300;
}

#defaultstylelink {
	display:none;
}

#printstylelink {
}

#printlink {
}



/* - - - - - - - - - - - - - - - - - - - - - - - top service line - - - - - - - - - - - - */

#service {
	position: absolute;
	right: 0px;
	margin: 0 1px 0 22px;
	padding: 3px 5px 0 25px;
	border-bottom:1px solid #D4D4D4;
	border-left:1px solid #D4D4D4;
	height: 16px;
	font-size:90%;
	text-align: right;
	color: #000;
	z-index:200;
}

#service a:link, #service a:visited, #service a:hover, #service a:active {
	color:#000;
	font-weight:normal;
	text-decoration:none;
}

#service a:hover, #service a:active {
	color:#c03;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - bottom service line - - - - - - */


#bottom {
	clear:both;
	margin:6px 0;
	width:100%;
	border-top:1px solid #D4D4D4;
}

#bottom a:link, #bottom a:visited, #bottom a:hover, #bottom a:active {
	color:#000;
	font-weight:normal;
	background-color:#FFFFFF;
	text-decoration:none;
}

#bottom a:hover, #bottom a:active {
	color:#c03;
}

#bottom div {
	position:relative;
	top:-1px;
	padding:3px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #D4D4D4;
	border-right:1px solid #D4D4D4;
	margin-right:50%;
}



/* - - - - - - - - - - - - - - - - - - - - - - global navigation - top menu style - - - - - */

#nav, #nav * {z-index:1000}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.2;
}

#nav a { /*, #nav span*/
	display: block;
	width: 76px;
	padding:2px;
	margin: 24px 2px 1px 2px;
	color:#52968C;
	text-decoration:none;
	font-size:11px;
	border:none;
	height:30px;
}

* html #nav a { /*, * html #nav span*/
	width:75px;
}

#nav li li a { /*, #nav li li span*/
	display: block;
	width: 80px;
	padding:2px;
	margin: 1px 2px 1px 2px;
	border: 1px solid #E7A242;
	color:#52968C;
	text-decoration:none;
	height:auto;
	font-size:9px;
	background-color:#fff;
}

#nav li {
	float: left;
	width: 83px;
	margin:0;
	line-height: 1.2;
	background:transparent;
}

#nav li li {
	background:#fff;
	z-index:50;
}

#nav li ul {
	position: absolute;
	width: 83px;
	left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav a:hover, #nav span:hover, #nav span.sfhover {
	background:transparent;
	color:#CC6601;
	text-decoration:none;
}

#nav li li a:hover, #nav li li span:hover, #nav li li span.sfhover {
	background:#52968C;
	color:#fff;
	text-decoration:none;
}

/* multilevel (up to 4 levels included jere, but you can add more if you like... and if you're mad!)*/

#nav li ul ul {
	margin: -1.4em 0 0 78px;
}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul {
	left: auto;
}

#navcontainer {
	background-image: url('/information_society/_bin/standard/images/menu2004e.gif');
	background-repeat:no-repeat;
	width:800px;
	height:110px
}

/* the first two top menu items are different from the others... */
/* cascading ok in FF but not in IE */
#nav>li>a#menupol, #nav>li>a#menuact {
	font-size:12px;
	margin-top:30px;
	/*margin-left:10px;*/
	text-align:center;
}

#nav>li>a#menupol {
	color:#C6104A;
}

#nav>li>a#menuact {
	color:#3C4E96
}

#nav>li>a#menupol:hover, #nav>li>a#menuact:hover {
	color:#CC6601;
}

/* cascading ok in IE but not in FF */
li a#menupol, li a#menuact {
	font-size:12px;
	margin-top:30px;
	/*margin-left:10px;*/
	text-align:center;
}

li a#menupol {
	color:#C6104A;
}

li a#menuact {
	color:#3C4E96
}

li a#menupol:hover, li a#menuact:hover {
	color:#CC6601;
}

/*
* html #nav li li a {
	width: 80px;
	w\idth: 80px;
}
*/

/* - - - - - - - - - - - - - - - - - hide - - - - - - */

.hide {
	display: none;
}




/* - - - - - - - - - - - - - - - - - - - - CONTENT AND MENU, based on Ryan Brill's negative margin layout - - - */

#contentandmenu {
	width:100%;
	margin-right:-300px;
	float:left
}

.noright #contentandmenu {
	margin-right:5px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - CONTENT - - - - - - - - */

p.pretitle, .nomenu p.pretitle {
	margin-left:0.2em;
	margin-right:1em;
	margin-top:0px;
	font-size:100%;
	border-bottom:1px solid #D4D4D4;
	font-weight:bold;
	line-height:1.2;
}

.pretitle a, .pretitle a:visited, .pretitle a:hover {
	text-decoration: none;
	color: #398A7B;
	color: #C6104A;
}

.intropara {
	font-weight:bold;
	margin-bottom:5%;
	font-size:103%;
	line-height:1.3;
}

.pretitle a:hover {
	color:#CC6601;
	text-decoration:underline;
}

p.nocontent {
	margin-top:4em;
	margin-bottom:5em;
}

.quotebox {
	margin-left:0.5em;
	margin-right:5%;
	float:right;
	width:40%;
	padding-top:0px;
	padding-bottom:1em;
	font-size:110%;
	text-align:center;
	color: #3C4E96;
	margin-top:0px;
	margin-bottom:0px;
	position:relative; /* IE 5.5 - don't know about the others */
}

* html .quotebox {
	margin-right:2.5%;
}

q {font-style:italic;}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Local Menu - - - - - - */

.nomenu #localnav {display:none;}

#localnav {
	
	width: 99%;
	clear:both;
	margin:0 0 6px 0;
	padding:0;
	color:#844;
	color:#000;
	font-weight:bold;
	background-color: #EAEAEA;
}

#localnav ul, #localnav li {
	margin:0;
	padding:0;
	list-style:none;
}

#localnav li {
	padding: 3px 0px 3px 5px;
	background-color: #B4C0D4;
}

#localnav li li {
	margin: 3px 3px 0 5px;
	background-color: #B3CCCC;
	border-right:1px solid #D4D4D4;
	border-bottom:1px solid #D4D4D4;
}

#localnav li li li {
	background-color: #E0E6EF;
}

#localnav a:link, #localnav a:visited {
	text-decoration:none;
	color: #000;
}

#localnav a:hover, #localnav a:active {
	text-decoration:none;
	color: #c03;
}

#localnav li.sel {
	background-color:#ECF2F2;
	border: 1px solid #B4C0D4;
}

#localnav li.sel a, #localnav li.sel a:visited {
	text-decoration:none;
}

#localnav li.sel a:hover {
	color: #c03;
	text-decoration:none;
}


/* - - - - - - - - - - - - - - - Context info - - - - - - - - - - - - */

#context {
	width:270px;
	float:right;
	margin: 0 1px 6px 0;
	padding: 11px 0;
	border:1px solid #D4D4D4;
	overflow:hidden;
}

.noright #context {
	display:none;
}

.rightlabel {
	background-image:url('/information_society/_bin/images/navigation/label161orange.jpg');
	background-repeat: no-repeat;
	padding: 12px 0 2px 0;
	margin:0 0 0 6px;
	font-size:123%;
	font-weight:bold;
	text-align:center;
}

.rightbox {
	border-right:0px solid #D4D4D4;
	border-left:0px solid #D4D4D4;
	border-bottom:0px solid #D4D4D4;
	padding: 1px 1px 11px 1px;
	margin: 0 8px 3px 6px;
	font-size:95%;
	line-height:1.2;
	background:#FFFFFF none repeat scroll 0 0;
}

.rightbox2 ul{
	list-style-image: url('/information_society/_bin/images/navigation/arrow2.gif');
	vertical-align:bottom;
	margin-left:6px;
	margin-top:3px;
	margin-bottom:8px;
	padding-left:5px;
}

.rightbox li {
	margin-top:5px;
	margin-left:6px;
	margin-right:4px;
	color: #626262;
}

.rightbox li li {
	margin-top:0px;
}

.rightbox a:link, .rightbox a:visited, .rightbox a:hover, .rightbox a:active {
	font-weight:bold;
	text-decoration:none;
	color:#336799;
}

.rightbox a:hover, rightbox a:active {
	color:#CC6601;
	text-decoration:underline;
}

.more { text-align:right; }
div.rightbox div.more a {margin-left: 1em;}
div.right_side_content div#rbgen div.section p.morelink {
	text-align:center;
	width: 80%;
	margin: 0 auto;
}

/* - - - - - - - - Content - - - - - - - */

#content {
	position:relative;
	border:none;
	margin:0 280px 6px 142px;
	padding:0px;
}

.nomenu #content {
	margin-left:5px;
}


.noright #content {
	margin-right:5px;
	max-width:95em;
}

* html .nomenu #content {width:auto}
* html .noright #content {width:587px}

body.wide #contentandmenu, body.wide #content {width:auto !important;max-width:none !important;margin-right:10px !important;}

.eservice #content {
	max-width:none;
}

* html #content {
	height:1px;
}


/* - - - - search box - - - - */

#qsearch #quicksearch {font-weight:bold; font-size: 90%;}
#qsearch #searchsubmit {height:18px;font-size:90%;width:24px}
#qsearch #searchnews {margin-top:5px;text-align:center;}


/* - - - - unavailable language - - - - */

.languagewrap {
	position:relative;
	
}

.unavailablelanguage {
	position:absolute;
	top:-2em;
	text-align:center;
	width:100%;
}

.unavailablelanguage a:link {
	color:#B4C0D4;
	color:#398A7B;
	color:#CC6601;
	color:#cc0033;
	text-decoration:none;
	/*text-decoration:underline;*/
}

.unavailablelanguage a:visited {
	color:#B4C0D4;
	text-decoration:none;
}

.unavailablelanguage a:hover {
	text-decoration:underline;
	color:#CC6601;
}

/* - - - - styles for the editors - - - - */


.bordered {
	border:1px solid #D4D4D4;
}

.pulllist, .toc {
	float:right;
	width:20em;
	border-left:1px solid #778F8F;
	border-bottom:1px solid #778F8F;
	padding:0;
	margin:0 0em 0.3em 1em;
}

.pulltitle, .toctitle {
	background-color:#778F8F;
	color:#FFFFFF;
	margin:0;
	font-size:90%;
	padding:3px;
	font-weight:bold;
	text-align:center;
}

.pulllist {border-color:#B4C0D4}
.pulltitle {background-color:#B4C0D4}

.pulllist ul, .toc ul, .highbox ul {
	margin:0 0 3px 0;
	padding:0 0 0 15px;
}

#content p.highboxtitle {
	width:auto;
	font-weight:bold;
	font-size:120%;
	text-align:center;
	margin:1em 10% 0 10%;
	border-top:3px double #778F8F;
	border-bottom:1px solid #778F8F;
	padding:0.3em 2em;
}

#content p.highboxpara {
	width:auto;
	margin:0 10% 1em 10%;
	border-bottom:1px dashed #778F8F;
	padding:0.3em 2em;
}

#content dl.highbox {margin:1.5em 10%;border-left:1px solid #B4C0D4;border-bottom:1px solid #B4C0D4;}
#content dl.highbox dt {background-color:#B4C0D4;color:#fff;font-weight:bold;text-align:center;padding:0.5em;}
#content dl.highbox dd {}
#content dl.highbox p {margin:0;}

.stopsign {
	border-left:1px solid #778F8F;
	padding:0 0 0.5em 0;
	margin:2.5em 0.5em 2.5em 15%;
}

.stopsigntitle {
	background-color:#fff;
	color:#778F8F;
	/*border-bottom:1px solid #778F8F;*/
	margin:0;
	padding:0.3em 0.3em 0.3em 0.5em;
	font-size:90%;
	font-weight:bold;
}

.stopsign ul {
	margin: 0 0 0 3em;
	padding: 0;
	list-style:none;
	font-weight:bold;
}

.stopsign ul ul {
	margin:0 0 3px 0;
	padding:0 0 0 15px;
	list-style:disc;
	font-weight:normal;
	/*border-bottom:1px solid #778F8F;*/
}

.stopsign ul ul ul {
	list-style:square;
	/*border-bottom:none;*/
}


.bluebox {
	border:1px solid #CBD5E1;
	background-color: #E3EDF9;
	text-align:center;
	padding:2px;
}

.whitebox {
	border-bottom:1px solid #CBD5E1;
	border-left:1px solid #CBD5E1;
	border-right:1px solid #CBD5E1;
	text-align:center;
	padding:2px;
}

.blueboxtop {
	border:1px solid #CBD5E1;
	background-color: #E3EDF9;
	text-align:center;
	padding:2px;
}

.boxseparator {
	width:100%;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #CBD5E1;
}

/* grid tables */
table.grid, table.darkgrid {
	border-collapse:collapse;
}

table.grid td {
	border: 1px solid #CBD5E1;
}

table.darkgrid td, table.darkgrid th {
	padding:5px;
	border: 1px solid #3B4F96;
}

table.darkgrid th {
	color:#000080;
	background-color: #E3EDF9;
	font-weight: normal;
}

table.darkgrid thead td {
	color:#000080;
	background-color: #E3EDF9;
}

table.darkgrid thead th {
	color:#000080;
	background-color: #E3EDF9;
	font-weight: bold;
}

/* consultation tables */
table.openconsultation, table.closedconsultation {
	margin-top:15px;
	width:90%;
	margin-bottom:35px;
	border-collapse:collapse;
}

table.openconsultation th, table.closedconsultation th {
	padding:3px;
	border: 1px solid #3B4F96;
	color:#000080;
	color:#000000;
	background-color: #E3EDF9;
	font-weight: bold;
	font-weight: normal;
	text-align:left;
}

table.closedconsultation th {
	color:#000000;
	font-weight: normal;
}

table.openconsultation td, table.closedconsultation td {
	padding:3px;
	border: 1px solid #3B4F96;
	text-align:left;
}

td.oconstitle {
	color:#000080;
	color:#000000;
	/*background-color: #E3EDF9;*/
	font-weight: bold;
	width:70%;
}

th.oconsdate {
	width:15%;
}

td.oconsdate {
	width:15%;
}

th.oconsbrief {
	vertical-align:top;
	width:15%;
}

td.oconsbrief {
	width:85%;
}

th.oconspolicy {
	width:15%;
}

td.oconspolicy {
	width:55%;
}

th.oconstarget {
	width:15%;
}

td.oconstarget {
	width:15%;
}

th.cconstitle {
	/*font-weight:normal;*/
	vertical-align:top;
	width:15%;
}

td.cconstitle {
	width:40%;
	vertical-align:top;
}

th.cconshead, td.cconshead {
	/*font-weight:normal;*/
	vertical-align:top;
	width:15%;
}

th.cconsrow {
	/*font-weight:normal;*/
	vertical-align:top;
	width:15%;
}

td.cconsrow {
	vertical-align:top;
	width:85%;
}

a.grid {
	color: #000080;
	text-decoration: none;
}

.programme table {width:90%}
.programme td a:link, .programme td a:visited, .programme td a:hover, .programme td a:active {text-decoration:none}
.programme td a:hover, .programme td a:active {text-decoration:underline}
.programme .time {width:90px;}
.programme .room {width:70px;}

.programme table td, .programme table th {
	border-bottom:1px solid #669;
	border-left:1px solid #669;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:2px;
	padding:4px;
}

.programme table th {
	background-color:#ccf;
	background-color:#EBEBEB;
	text-align:center;
}

.programme table th.session {
	text-align:left;
}

table td, table th {padding:0.3em; margin:0}
table th {background-color:#EAECF0;}
table.bordered {border-collapse:collapse}
table.bordered td, table.bordered th {border:1px solid #D4D4D4; padding:0.3em; margin:0}
table.rollover tbody tr:hover {background-color:#F0F1F5;}

/*Needed for IE6. Must be stated explicitly to force the thead and tfoot to print on every page*/
thead { display: table-header-group;}
tfoot {display: table-footer-group;}

td.DateCell, td.IntegerCell {text-align:center}

.emptylistmessage {
	font-weight:bold;
	text-align:center;
	padding:0.3em;
	margin-top:2em;
	background-color:#EAECF0;
	border:1px solid #D4D4D4;
}

.userinfo, .foradmin {
	color:#f63;
}


#rs_player {
	/*position:absolute;top:-60px;right:-173px;*/
	margin:0;
	padding:0;

	position:absolute;top:-60px;right:0px;

	/*
	width:180px;height:50px;
	background-color:#EAECF0;
	border:1px solid #D4D4D4;
	*/
}
/*
#topstory img, .story img {float:left;margin-right:1.5em;margin-bottom:0.5em;max-width:50%;}
.story img {max-width:60%}
.story {clear:both;border-bottom:1px solid #bbb;padding-bottom:0.5em;margin-bottom:0.5em}
*/
#topstory img, .story img {float:left;margin-right:1.5em;margin-bottom:1.5em;max-width:50%;}
.story img {max-width:60%}
.story {clear:both;border-top:1px solid #bbb;padding-bottom:0.5em;margin-bottom:0.5em;margin-top:2m;padding-top:0.5em}
.story h3 {margin-top:1.5em}