/*
THIS STYLE SHEET CONTAINS EUROCONTROL STYLES AND RELEVANT TEMPLATE STYLES.
IT IS USED IN THE TEMPLATE AS WELL AS FOR THE WYSIWYG EDITOR.
*/

/*
#############################################################################
#############################################################################
###### MAMBO CMS STYLES
COMPONENT HEADING: e.g. section or category title; like Eurocontrol <h1>
CONTENT HEADING: e.g. item titles; like Eurocontrol <h2>
CONTENT PANE: e.g. item content
GENERAL TABLE: no cellpadding or cellspacing used
GENERAL LINK: allow for links according Eurocontrol style without assigning class
READ MORE LINK: if main text for content item is used
BACK BUTTON: if enabled to navigate back to last page (not used on Eurocontrol sites)
GENERAL DATE: matches Eurocontrol "homepageabstractdate" ... creation date may be needed

!!! language file changes
Read more... -> more> 
date format ... dd/mm/yyyy
!!!
*/

table
{
  padding: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
  font-size: 12px; 
}
a
{
  color: #00539F;
  text-decoration: none; 
}
a:hover
{
  text-decoration: underline;
}

.componentheading 
{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #00539F;  
  font-size: 20px; 
  font-weight:normal; 
  margin-top: 0px; 
  margin-bottom: 0px
}
.contentheading,
.moduletable th
{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #00539F;  
  font-size: 14px; 
  font-weight: bold; 
  margin-top : 0px; 
  margin-bottom : 0px;
  padding-top: 10px;
}
.contentpaneopen
{
  color: #333333;  
  font-size: 12px; 
  text-align: left-justify;
}
a.readon
{
  text-align:right;
}
.pagenav_next,
.pagenav_prev,
.back_button
{
  font-size: 11px;
  font-weight:normal;
}
td.createdate,
td.modifydate		
{
  color: #666666;  
  font-size: 11px; 
  font-weight:bold;
}
td.valigntop
{
  vertical-align: top;
}
div.blog_more
{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  padding-top: 10px;
}
ul 
{
  margin-top: 0px;
  margin-bottom: 0px;
}
table.ectable
{
  background-color: #FFFFFF;
  border-spacing: 1px;
  border-collapse: separate;
}
td.ecth
{
  /*padding: 2px 2px 5px 2px;*/
  /*border-width: 2px 2px 2px 2px;
  border-color: #FFFFFF;*/
  background-color: #A5C9ED;
  color: #00539F;
  font-size: 12px;
  font-weight: bold;
}
td.ecth1
{
  background: #A5C9ED url(../resources/gallery/spacer/pixel_A5C9ED.gif) repeat-x;
  color: #00539F;
  font-size: 12px;
  font-weight: bold;
  filter:progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#A5C9ED,endcolorstr=#C5DAED);
  border: solid 1px #A5C9ED;
  padding: 2px;
}
td.ecth2
{
  background-color: #C5DAED;
  color: #00539F;
  font-size: 11px;
  font-weight: bold;
  filter:progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#C5DAED,endcolorstr=#DDEBF7);
  border: solid 1px #C5DAED;
  padding: 2px;
}
td.ecth3
{
  background-color: #DDEBF7;
  color: #333333;
  font-size: 10px;
  text-align: left;
  border: solid 1px #DDEBF7;
  padding: 2px;
}
td.ectd, tr.ectd
{
  background-color: #F3F6F8;
  color: #333333;
  font-size: 11px;
  text-align: left;
  border: solid 1px #F3F6F8;
}

td.ectd2
{
  background-color: #E0EEF7;
  color: #333333;
  font-size: 11px;
  text-align: left;
  border: solid 1px #D8E6EF;
}

td.ectd3
{
  background-color: #C9D8E7;
  color: #333333;
  font-size: 11px;
  text-align: left;
  border: solid 1px #C1D0DF;
}

td.ectdsmall
{
  background-color: #F3F6F8;
  color: #333333;
  font-size: 10px;
  text-align: right;
  vertical-align: bottom;
  border: solid 1px #F3F6F8;
  border-right: solid 1px #E0E0E9;
}
td.ecfooter 
{
  background-color: #6699CC;
  font-size: 1px;
  height: 2px;
  padding:0px;
}
/*
#############################################################################
#############################################################################
###### ADDITIONAL EDITOR STYLES ... MUST BE OVERWRITTEN IN TEMPLATE
GENERAL BACKGROUND: uses white background
GENERAL FONT: uses the contentbody style of Eurocontrol
*/

body
{
  color: #333333;  
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px; 
  text-align: left-justify;
}

/*
#############################################################################
#############################################################################
###### EUROCONTOL STYLES
changes by Rainer Podlas:
) use relative URLs for local images: /gallery/design/content -> ../resources/gallery/design/content
) body background removed, because the editor shall use a white background (#B3C1D1 -> template, #FFFFFF -> editor)
) content body: use left text-alignment (opera problem?)
) mainnav:hover: removed this because it results in unpolite underlines in header (opera & firefox)
*/

/* spec style */
.titlepage					{color: #00539F;  font-size: 20px;}
.chaptertitlelevel1			{color: #00539F;  font-size: 14px; font-weight:bold;}
.chaptertitlelevel2			{color: #00539F;  font-size: 12px; font-weight:bold;}
.titlerub					{color: #00539F;  font-size: 12px; font-weight:bold;}
.contentintro				{color: #333333;  font-size: 12px; text-align: justify;}

.titlebody					{color: #00539F;  font-size: 12px; font-weight:bold;}
/*.contentbody				{color: #333333;  font-size: 12px; text-align: left-justify;}*/
.contentbody				{color: #333333;  font-size: 12px; text-align: left;}

.tabletitle					{color: #FFFFFF;  font-size: 12px; font-weight:bold;} 
.tablelabel					{color: #333333;  font-size: 11px; font-weight:bold;}
.tablecontent				{color: #333333;  font-size: 11px; text-align: justify;}

.date						{color: #666666;  font-size: 12px; font-weight:bold;}
.location					{color: #666666;  font-size: 12px; font-weight:bold;}

.joblabel					{color: #00539F;  font-size: 11px; font-weight:bold;}
.jobcontent					{color: #333333;  font-size: 11px;}

.pressreleaselabel			{color: #00539F;  font-size: 11px; font-weight:bold;}
.pressreleasecontent		{color: #333333;  font-size: 11px;}

.contactname				{color: #333333;  font-size: 11px; font-weight:bold;}
.contactlabel				{color: #333333;  font-size: 11px; font-weight:bold;}
.contactcontent				{color: #333333;  font-size: 11px;}
.contactfunction			{color: #333333;  font-size: 11px; text-align: justify;}
.contactdescription			{color: #333333;  font-size: 11px; text-align: justify;}

.filedescription			{color: #333333;  font-size: 11px; text-align: justify;}
.filesize					{color: #333333;  font-size: 11px;}

.picturesource 				{color: #333333;	font-size: 10px;	text-align: center;}
.picturecaption 			{color: #000000;  font-size: 10px; text-align: center; font-style: italic;}

.homepageabstracttitle		{color: #00539F;  font-size: 11px; font-weight:bold;}
.homepageabstractdate		{color: #666666;  font-size: 11px; font-weight:bold;}
.homepageabstractlocation	{color: #666666;  font-size: 11px;}
.homepageabstractcontent	{color: #333333;  font-size: 11px; text-align: justify;}

.corporatehomepagetitle		{color: #00539F;  font-size: 12px; font-weight:bold;}
.corporatehomepagedate		{color: #666666;  font-size: 12px; font-weight:bold;}
.corporatehomepagelocation	{color: #666666;  font-size: 12px;}
.corporatehomepageabstract	{color: #333333;  font-size: 11px; text-align: justify;}

/* links */
.linkreturnto, a.linkreturnto:active, a.linkreturnto:link, a.linkreturnto:visited	{text-decoration: none; color: #000000;  font-size: 12px; font-weight:bold;}
a.linkreturnto:hover			{text-decoration: underline;}
.linkcontent, a.linkcontent:active, a.linkcontent:link, a.linkcontent:visited	{text-decoration: none; color: #00539F;  font-size: 12px;}
a.linkcontent:hover			{text-decoration: underline;}
.linkfile, a.linkfile:active, a.linkfile:link, a.linkfile:visited	{text-decoration: none; color: #00539F;  font-size: 11px;test-align: left-justify;}
a.linkfile:hover			{text-decoration: underline;}
.linkmail, a.linkmail:active, a.linkmail:link, a.linkmail:visited	{text-decoration: none; color: #00539F;  font-size: 11px;text-align: justify;}
a.linkmail:hover			{text-decoration: underline;}
.linkmore, a.linkmore:active, a.linkmore:link, a.linkmore:visited	{text-decoration: none; color: #00539F;  font-size: 11px;}
a.linkmore:hover			{text-decoration: underline;}
.linkarchive, a.linkarchive:active, a.linkarchive:link, a.linkarchive:visited	{text-decoration: none; color: #00539F;  font-size: 11px;}
a.linkarchive:hover			{text-decoration: underline;}
.linkjob, a.linkjob:active, a.linkjob:link, a.linkjob:visited	{text-decoration: none; color: #00539F;  font-size: 11px;}
a.linkjob:hover			{text-decoration: underline;}
.linkpressrelease, a.linkpressrelease:active, a.linkpressrelease:link, a.linkpressrelease:visited	{text-decoration: none; color: #00539F;  font-size: 11px;}
a.linkpressrelease:hover			{text-decoration: underline;}

/* body {background: #B3C1D1;} */
body.module {background: #FFFFFF;}
body, td, th, table, a {font-family: Arial, Verdana, Helvetica, sans-serif;}

H1 {font-family: Arial, Verdana, Helvetica, sans-serif; color: #00539F;  font-size: 20px; font-weight:normal; margin-top : 0px; margin-bottom : 0px}
H2 {font-family: Arial, Verdana, Helvetica, sans-serif; color: #00539F;  font-size: 14px; font-weight:bold; margin-top : 0px; margin-bottom : 0px}
H3 {font-family: Arial, Verdana, Helvetica, sans-serif; color: #00539F;  font-size: 12px; font-weight:bold; margin-top : 0px; margin-bottom : 0px}
H4 {font-family: Arial, Verdana, Helvetica, sans-serif; color: #666666;  font-size: 12px; font-weight:bold; margin-top : 0px; margin-bottom : 0px}

/* sais pas si utilise */
.dadcol01  {color: #00539F;  font-size: 11px; }
.dadcol02  {color: #003366;  font-size: 11px; font-weight : bold;}
.dadcol03  {color: #305A82;  font-size: 12px; }
.breadcrumbs {font-size: 11px; color: #333333; text-align: right; background-color: #F1F1F1; }
.border01 { border: 1px solid #CACACA; background-color : #F9F9F9;}
.border02 { border: 1px solid #B2CCE5; background-color : #FAFDFF;}
.border03 { border: 1px solid #CACACA; background-color : #FFFFFF;}

/* backgrounds colors */
.dadbg00 { background-color: #FFFFFF; }
.dadbg01 { background-color: #C0C0C0; }
.dadbg02 { background-color: #F1F1F1; }
.dadbg03 { background-color: #FFFFFF;  background-image:  url(../resources/gallery/design/content/strcut_sep01.gif);  background-repeat: repeat-y;    }
.dadbg04 { background-color: #CCCCCC; }
.dadbg05 { background-color: #F3F6F8; }
.dadbg06 { background-color: #A5C9ED;  font-size: 11px;  color: #FFFFFF;  font-weight: bold;}
.dadbg07 { background-color: #6699CC; }
.dadbg08 { background-color: #F1F1F1;  background-image:  url(../resources/gallery/design/content/nav_sep.gif);  background-repeat: repeat-x; }
.dadbg09 { background-color: #00539F;  font-size: 11px;  color: #FFFFFF;  font-weight: bold;}
.dadbg10 { background-color: #FFFFFF;  background-image:  url(../resources/gallery/design/content/td_sep.gif);  background-repeat: repeat-x; }
.dadbg11 { background-color: #FFFFFF;  background-image:  url(../resources/gallery/design/content/inner_sep01.gif);  background-repeat: repeat-x; }
.dadbg12 { background-color: #F4F7F9; }
.dadbg13 { background-color: #DCE4EB; }
.dadbg14 { background-color: #A5C9ED;  font-size: 11px;  color: #00539F;  font-weight: bold;}
.dadbg15 { background-color: #E0EBF5;}
.dadbg16 { background-color: #A5C9ED;}
.dadbg17 { background-color: #FFFFFF;  background-image:  url(../resources/gallery/design/content/single_line.gif);  background-repeat: repeat-x; }
.dadbg18 { background-color: #FFFFFF;  background-image:  url(../resources/gallery/design/content/single_linegrey.gif);  background-repeat: repeat-x; }
.dadbg19 { background-color: #FFFFFF;  background-image:  url(../resources/gallery/design/content/single_linegrey02.gif);  background-repeat: repeat-x; }
.dadbg20 { background-color: #6699CC; line-height :1px}
.dadbg21 { background-color: #FFFFFF;  background-image:  url(../resources/gallery/design/content/horzdotted.gif);  background-repeat: repeat-y; }
	
/* navigation */
.dadnav01, a.dadnav01:active, a.dadnav01:link, a.dadnav01:visited	{text-decoration: none; color: #00539F;  font-size: 12px;}
a.dadnav01:hover			{text-decoration: underline;}
.dadnav02, a.dadnav02:active, a.dadnav02:link, a.dadnav02:visited	{text-decoration: none; color: #00539F;  font-size: 11px; font-weight : normal;}
a.dadnav02:hover			{text-decoration: underline;}
.dadnav03, a.dadnav03:active, a.dadnav03:link, a.dadnav03:visited	{text-decoration: none; color: #00539F;  font-size: 10px; font-weight : normal;}
a.dadnav03:hover			{text-decoration: underline;}
.dadnav04, a.dadnav04:active, a.dadnav04:link, a.dadnav04:visited	{text-decoration: none; color: #666666;  font-size: 9px; font-weight : normal;}
a.dadnav04:hover			{text-decoration: underline;}
.dadnav05, a.dadnav05:active, a.dadnav05:link, a.dadnav05:visited	{text-decoration: none; color: #00539F;  font-size: 8px; font-weight : normal;}
a.dadnav05:hover			{text-decoration: underline;}
.dadnav06, a.dadnav06:active, a.dadnav06:link, a.dadnav06:visited	{text-decoration: none; color: #ffffff;  font-size: 7px; font-weight : normal;}
a.dadnav06:hover			{text-decoration: underline;}

/* images padding */
.imgpad { margin-right:7px;margin-bottom:7px;float: left; }

/* Added old css */
.mainnav {font-size: 8pt; color: #336699; text-decoration: none} 
/*mainnav:hover {font-size: 8pt; color: #336699; text-decoration: underline} */

.activitynav {font-size: 8pt; color: #ffffff; text-decoration: none} 
.activitynav:hover {font-size: 8pt; color: #ffffff; text-decoration: underline} 
.activitynav_on {font-size: 8pt; color: #336699; text-decoration: none} 
.activitynav_on:hover {font-size: 8pt; color: #336699; text-decoration: underline}
.small {font-size: 8pt; color: #333333}

.footer {font-size: 8pt; color: #333333; text-align: center} 
.link_footer {font-size: 8pt; color: #336699}

.whiteText{color:#ffffff}

div#html_table td {
 padding: 2px 2px 5px 2px;
 border-width: 2px 2px 2px 2px;
 border-color: #FFFFFF;
 background-color: #F3F6F8;
 color: #333333;
 font-size: 11px;
}

div#html_table td.customcolor {
 padding: 2px 2px 5px 2px;
 border-width: 2px 2px 2px 2px;
 border-color: #FFFFFF;
 color: #333333;
 font-size: 11px;
}

div#html_table th.title {
 padding: 2px 2px 5px 2px;
 border-width: 2px 2px 2px 2px;
 border-color: #FFFFFF;
 background-color: #FFFFFF;
 color: #00539F;
 font-size: 18px;
 font-weight: bold;
}

div#html_table th {
 padding: 2px 2px 5px 2px;
 border-width: 2px 2px 2px 2px;
 border-color: #FFFFFF;
 background-color: #A5C9ED;
 color: #00539F;
 font-size: 12px;
 font-weight: bold;
}

div#html_table p {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 color: #333333;
 font-size: 12px;
}

div#library_item td {
 background-color: #F3F6F8;
 color: #333333;
 font-size: 11px;
 text-align: left;
}

div#library_item td.footer {
 background-color: #6699CC;
}
 
div#library_item th {
 background-color: #A5C9ED;
 color: #00539F;
 font-size: 12px;
 width: 563px;
 height: 20px;
 font-size: 12px;
 font-weight: bold;
 text-align: left;
}

div#library_item a {
 text-decoration: none;
 color: #00539F;
 font-size: 11px;
}

div#library_item a:hover {
 text-decoration: underline;
}

TD#noscreen {display: none;}

span.black {
	font-size: 11px;
	color: #333333;
}

span.purple {
	font-size: 11px;
	color: #9F539F;
}

span.blue {
	font-size: 11px;
	color: #00539F;
}

span.grey {
	font-size: 11px;
	color: #778C9F;
}

span.blue2 {
	background-color: #E0EEF7;
	border: solid 1px #D8E6EF;
}

span.blue3 {
	background-color: #C9D8E7;
	border: solid 1px #C1D0DF;
}

hr {
 color: #FFFFFF;
 line-height: 0;
 border: none;
 border-top: 1px dashed #CCCCCC;
}