/* - - - - - - - - - - -         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;}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address, table {
	margin:1em 5% 1em 5%;
	font-size:1em;
}

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, Helvetica, 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.2;
}

dd {
	margin-top:0.2em;
	margin-bottom:0.6em;
}

li {
	margin-top:0.6em;
}

li li {
	margin-top:0.2em;
}

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: 220%;
	font-style: normal;
	font-weight :bold;
	margin-left: 1%;
	margin-top:0.1em;
	color: #3C4E96;
	/*color: #693;*/

}

h2 {
	font-size: 150%;
	font-weight: bold;
	text-align:center;
	color: #3C4E96;
	/*color: #693;*/
	margin-top:2em;
}

h3 {
	font-size: 120%;
	font-weight: bold;
	margin-top:2.5em;
	/*color: #693;*/
}

.thide, .lshow {
	display:none;
}

.gshow {
	display:block;
}

/* - - - - - - - - - - - - - - - - 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:24px;
	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;
	height: 16px;
	font-size:90%;
	text-align: right;
	z-index:200;
/*
	color: #000;
	border-bottom:1px solid #D4D4D4;
	border-left:1px solid #D4D4D4;
*/
}

#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:100}

#nav, #nav ul {
	padding: 5px 0;
	margin: 20px 0 0 0;
	list-style: none;
	line-height: 1.2;
}

#nav a { /*, #nav span*/
	color:#fff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding:1px 5px;
}

#regulatory #nav a.regulatory,
#otheractions #nav a.otheractions,
#taskforce #nav a.taskforce,
#mediaprogramme #nav a.mediaprogramme,
#medialiteracy #nav a.medialiteracy,
#externalpolicy #nav a.externalpolicy,
#infocentre #nav a.infocentre {
	/*background-color:#d9eef2;
	color:#66b9cc;*/
	color:#336;
}

* html #nav a { /*, * html #nav span*/
	/*width:75px;*/
}

#nav li {
	display:inline;
	padding:0 5px;
	margin:0;
}

#nav a:hover, #nav span:hover, #nav span.sfhover {
	text-decoration:underline;
}

#navcontainer {
	background-color:#66b9cc;
	border-bottom:3px solid #d9eef2;
	margin-bottom:20px;
}

/* - - - - - - - - - - - - - - - - - hide - - - - - - */

.hide {
	display: none;
}




/* - - - - - - - - - - - - - - - - - - - - CONTENT AND MENU, based on Ryan Brill's negative margin layout - - - */

#contentandmenu {
	width:100%;
	margin-right:-200px;
	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;
	border-bottom:1px solid #d9eef2;
	border-bottom:1px solid #CCE5B3;
	font-weight:bold;
}

.pretitle a, .pretitle a:visited, .pretitle a:hover {
	text-decoration: none;
	/*color: #398A7B;
	color: #C6104A;
	color: #360;*/
}

.intropara {
	font-weight:bold;
	margin-right:5%;
}

.pretitle a:hover {
	color:#CC6601;
	text-decoration:underline;
}

.quotebox {
	margin-left:0.5em;
	margin-right:5%;
	float:right;
	width:20%;
	padding-top:0px;
	padding-bottom:1em;
	font-size:110%;
	text-align:center;
	color:#693;
	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 {
	float: left;
	width: 135px;
	clear:both;
	margin:0 0 6px 0;
	padding:0;
	color:#844;
	color:#000;
	font-weight:bold;
	background-color: #9FBFBF;
}

#localnav ul, #localnav li {
	margin:0;
	padding:0;
	list-style:none;
}

#localnav li {
	padding: 3px 0px 3px 5px;
	background-color: #9c6;
	background-color: #66b9cc;
	background-color: #99CC66;
}

#localnav li li {
	margin: 3px 3px 0 5px;
	border-right:1px solid #D4D4D4;
	border-bottom:1px solid #D4D4D4;
	background-color: #e5f2d9;
	background-color: #83C6D6;
	background-color: #B2D98C;
}

#localnav li li li {
	background-color: #f1f7d4;
	background-color: #A0D4DF;
	background-color: #CCE5B3;
}

#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:#fff;
	background-color:#D9EEF2;
	background-color:#E5F2D9;
	border: 1px solid #9FBFBF;
}

#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:175px;
	float:right;
	margin: 0 1px 6px 0;
	padding: 1px 0;
	border:1px solid #d9eef2;
	border:1px solid #CCE5B3;
	overflow:hidden;
}

#context div {
	margin:2px;
	border:1px solid #d9eef2;
	border:1px solid #CCE5B3;
}

#context h2 {
	font-size:110%;
	background-color:#CCE5B3;
	color:#fff;
	color:#66b9cc;
	color:#360;
	color:#693;
	margin:0;
	padding:3px;
	text-align:left;
}

#context ul {
	list-style-image: url('/avpolicy/_bin/images/navigation/arrow2.gif');
	vertical-align:bottom;
	margin-left:6px;
	margin-top:3px;
	margin-bottom:3px;
	padding-left:5px;
}

#context li {
	margin-top:5px;
	margin-left:6px;
	margin-right:4px;
	color: #626262;
}

#context li li {
	margin-top:0px;
}

#context p {
	text-align:right;
}

#context a:link, #context a:visited {
	font-weight:normal;
	text-decoration:none;
	color:#336799;
}

#context a:hover, #context a:active {
	color:#CC6601;
	text-decoration:underline;
}

/* - - - - - - - - Content - - - - - - - */

#content {
	position:relative;
	border:none;
	margin:0 183px 6px 142px;
	padding:0px;
}

.nomenu #content {
	margin-left:5px;
}


.noright #content {
	margin-right:5px;
	max-width:75em;
}

* 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:#9FBFBF;
	color:#398A7B;
	color:#CC6601;
	color:#cc0033;
	text-decoration:none;
	/*text-decoration:underline;*/
}

.unavailablelanguage a:visited {
	color:#9FBFBF;
	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:#9FBFBF}
.pulltitle {background-color:#9FBFBF}

.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 #9FBFBF;border-bottom:1px solid #9FBFBF;}
#content dl.highbox dt {background-color:#9FBFBF;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;
}
