/* CSS Document */
html {						/*Firefox Scrollbar Hack*/
	margin-bottom:1px;
	height:100% !important;
	height:auto;
}
body{
	margin:0;
	padding:0;
	font-size:100%;
	line-height:1.125em; /* 16×1.125=18 */
	font-family:"Trebuchet MS", Arial, "Times New Roman";
	width:100%;
}
#page {
	position: relative;	
	display:block;
	margin:0 20px;
	padding: 0px;
	max-width:1240px;
	font-size:13px; /* 16x0.8125=13px */
}
h1 {
	margin-top:20px; /*for firefox*/
	margin-\top:0px;/* for IE6+7 */
	font-size:1.375em; 
	color: #003871; 
	font-size:22px; 
	font-weight: bold;
	line-height:1.375em; 
}
h2 {
	font-size:1.2em; /* 16x1=16px */
	margin-top:40px;
	color:black!important;
	line-height:17px;
	font-weight:bold!important;
}

h2.first { margin-top:15px; }

h3 {
	font-size:1.1em!important; /* 16x.875=14px */
	text-decoration:underline;
	color: #000!important;
	font-weight:bold!important;
}
h4 {
	font-size:1em!important; /* 16x0.8125=13px */
	font-style: italic;
	color: #000!important;
}

p, span, li {
   /*font-size:0.8125em;  16x0.8125=13px  PUT In #PAGE to avoid cumulation! */
}
a {
	color: #004080;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
a:active, a:focus {	/*seleted link without dotted outline on firefox*/
	outline: 0;
} 
img {
	border:0px;
}
/*special bullet definition for Opera and IE6 -> applicable to all other browsers */
ul li{ 
	list-style: none;
	list-style-image: none;
	list-style-position: outside;
}




#contentColumn ul li {
	background: url(http://eacea.ec.europa.eu/img/icons/bullet_grey.gif) top left no-repeat;
	padding-left:10px;
}

.arrabic #contentColumn ul li {
	background: url(http://eacea.ec.europa.eu/img/icons/bullet_grey_rev.gif) top right no-repeat;
	padding-right:10px;
}

#contentColumn .contentBox ul li {
	background: url(http://eacea.ec.europa.eu/img/icons/bullet_grey.gif) top left no-repeat;
	padding-left:10px;
	padding-bottom:5px;
}

#contentColumn .e-m-how-to-column-blue ul li, #contentColumn .e-m-how-to-column-yellow ul li {
	background: url(http://eacea.ec.europa.eu/img/erasmus_mundus/bullet_saturated.png) top left no-repeat;
	padding-left:10px;
	margin-right:10px;
	padding-bottom:5px;
}
#contentColumn p, #contentColumn span, #contentColumn li {
	line-height:1.5em;
}


hr {
	size:1px;
	background-color:#ffffff;
	border: none;
	border-bottom:1px solid #eeeeee;
}
/*-------------------------------europaBanner--------------------------------------*/
#europaBanner {
	left:0px;
	top:0px;
	padding: 0px;
	
}
/* for each language */
#europaBanner {
	background:url(http://eacea.ec.europa.eu/ECid/wel/template-2012/images/banner_bg.gif);
}

/* bannerMenu */

#ban_page {
	max-width: 1260px;
}



#europaBanner .bannerMenu {
	float:right;
	width: auto;
	float: right;
	margin-right: 10px;

}
#europaBanner .bannerMenu ul {
	padding:0; 
	margin:0;
	display:inline;
	color:#ffffff;
}
#europaBanner .bannerMenu ul li{
	/*float:left;*/
	list-style: none;
	display:inline;
}
#europaBanner .bannerMenu a{
	color:#FFFFFF;
	text-decoration: none;
	font-size:11px;
	line-height:11px;
}
/* europaBreadcrumb */
#europaBreadcrumb {
	border-top:#ffcc00 1px solid;
	background-color: #055497;
	color: #E4E4E4;
	font-size:12px;
	font-weight:bold;
	padding:0 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#europaBreadcrumb a{
	text-decoration: none;
	color:#E4E4E4;
}
#europaBreadcrumb a:hover{
	text-decoration:underline;
}

/*----------------------EACEAMenu-------------------------*/

#EACEAMenu.homepage {
	margin: 0px 0 10px 0;
	height:60px;}

#EACEAMenu {
	position:relative; 
	clear:both;
	margin:0px;
}

#EACEAMenu ul {
	margin:10px 0 0 0;
	padding:0;
	height:60px;
	width:391px;
	float:right;
}

#EACEAMenu.homepage ul {
	float:left;
}


#EACEAMenu ul li {
	float:left;
	list-style: none;
	display:block;
	height:50px;
}


#EACEAMenu ul li a, #EACEAMenu.homepage ul li a {
	text-decoration: none;

}
#EACEAMenu ul li a{
	color:#FFFFFF;
	display:block;
}
#EACEAMenu.homepage ul li a{
	display:block;
}


 * html #EACEAMenu ul, * html #EACEAMenu.homepage ul {	/*for IE6 */
	margin-top:15px; 
}


/*-------list programmes logo-------------*/

#submenu {height:60px;margin-bottom:15px;}
#programmeLogo {height:73px;display:block;background-position:0px 9px;}

#programmeTitle {float:left;margin-top:25px;}
#programmeTitle a {text-decoration:none;}
#programmeTitle.education a,
#programmeTitle.llp a,
#programmeTitle.erasmus_mundus a,
#programmeTitle.tempus a,
#programmeTitle.bilateral_cooperation a,
#programmeTitle.intra_acp_mobility a
{color:#0088B9;}
#programmeTitle.youth a{color:#DA1E48;}
#programmeTitle.media a{color:#00BBCE;background:none;}
#programmeTitle.culture a{color:#EF6F23;}
#programmeTitle.citizenship a{color:#ECBA03;}

#programmeTitle.education a:hover {color:#0088B9;}
#programmeTitle.youth a:hover {color:#DA1E48;}
#programmeTitle.media a:hover {color:#00BBCE;}
#programmeTitle.culture a:hover {color:#ECBA03;}
#programmeTitle.citizenship a:hover {color:#ECBA03;}


#EACEAMenu ul li.button {padding:5px 5px 10px 0px;margin-right:2px;}
#EACEAMenu ul li.button a, .button { 
font-family:Arial, Helvetica, sans-serif;font-size:11px; font-weight:bold;
color:#333; line-height:14px;text-align:center;padding-top:18px;padding-bottom:5px; }

#EACEAMenu ul li.education_button a {width:70px; border-bottom:4px solid #0088B9;padding-top:4px;}
#EACEAMenu ul li.youth_button a {width:69px; border-bottom:4px solid #DA1E48; }
#EACEAMenu ul li.culture_button a {width:69px; border-bottom:4px solid #ECBA03; }
#EACEAMenu ul li.citizenship_button a {width:72px; border-bottom:4px solid #fbe742;}
#EACEAMenu ul li.media_button a {width:68px; border-bottom:4px solid #00BBCE;}

#EACEAMenu ul li.education_button a:hover { background:#e5f3f8; /*border-bottom:4px solid #0088B9;*/ }
#EACEAMenu ul li.youth_button a:hover {background:#fbe8ec; /*border-bottom:4px solid #DA1E48; */ }
#EACEAMenu ul li.culture_button a:hover { background:#fdf0e9;/*border-bottom:4px solid #EF6F23;*/ }
#EACEAMenu ul li.citizenship_button a:hover { background:#fefad9; /*border-bottom:4px solid #	; */ }
#EACEAMenu ul li.media_button a:hover { background:#e5f8fa; /*border-bottom:4px solid #00BBCE;*/ }

#EACEAMenu ul li.education_button a.education_training { background:#e5f3f8; /*border-bottom:4px solid #0088B9;*/ }
#EACEAMenu ul li.youth_button a.youth {background:#fbe8ec; /*border-bottom:4px solid #DA1E48; */ }
#EACEAMenu ul li.culture_button a.culture { background:#fdf0e9;/*border-bottom:4px solid #EF6F23;*/ }
#EACEAMenu ul li.citizenship_button a.citizenship { background:#fefad9; /*border-bottom:4px solid #	; */ }
#EACEAMenu ul li.media_button a.media { background: #e5f8fa; padding-left: 0; /*border-bottom:4px solid #00BBCE;*/ }


/*----education and training-----*/

#EACEAMenu .education a{
	padding:0 45px 45px 45px;
	background-image: url(http://eacea.ec.europa.eu/img/logos/edtr_ovr2.jpg);
	background-position:-4px 3px;
	background-repeat:no-repeat;
}
#EACEAMenu .education a:hover{
	background-image: url(http://eacea.ec.europa.eu/img/logos/eductrai2.jpg);
}

/*----youth-----*/
#EACEAMenu .youth a {
	padding:0 36px 45px 36px;
	background-image: url(http://eacea.ec.europa.eu/img/logos/yout_ovr2.jpg);	
	background-position:10px 2px;
	background-repeat:no-repeat;
}
#EACEAMenu .youth a:hover{
	background-image: url(http://eacea.ec.europa.eu/img/logos/youth2.jpg);
}

/*----culture-----*/
#EACEAMenu .culture a{
	padding:0 26px 45px 26px;
	background-image: url(http://eacea.ec.europa.eu/img/logos/cult_ovr2.jpg);
	background-position:10px 2px;
	background-repeat:no-repeat;
}
#EACEAMenu .culture a:hover{
	background-image: url(http://eacea.ec.europa.eu/img/logos/culture2.jpg); 
}

/*----citizenship-----*/
#EACEAMenu .citizenship a{
	padding:0 37px 45px 37px;
	background-image: url(http://eacea.ec.europa.eu/img/logos/citi_ovr2.jpg); 
	background-position:-4px 2px;
	background-repeat:no-repeat;
	
}
#EACEAMenu .citizenship a:hover{
	background-image:url(http://eacea.ec.europa.eu/img/logos/citizens2.jpg);
}

/*----media-----*/
#EACEAMenu .media a{
	padding:0px 38px 45px 35px;
	background-image: url(http://eacea.ec.europa.eu/img/logos/medi_ovr2.jpg);	
	background-position:0px 3px;
	background-repeat:no-repeat;
	
}
#EACEAMenu .media a:hover{
	background-image: url(http://eacea.ec.europa.eu/img/logos/media2.jpg);
}


/*------------------------------- path (breadcrumb) -------------------------------------*/

/*--------------------------------------icons-------------------------------------*/
#icons {
	text-align:right;
	margin:0 0 4px 0;
	display:block;
	position:relative;
}
#icons ul {
	display:block;
	margin:0;
	list-style-image: none;
	position:relative;
}
#icons ul li{
	list-style: none;
	display:inline !important;
	list-style-image: none;
	background: none; /* to cancel #contentColumn ul li */
	padding-left:0;	/* to cancel #contentColumn ul li */
	position:relative;
}


#icons ul li #share-tool{
	display:inline !important;
	float:right;
	padding-left:10px;
	position:relative;
}
/*----rss-----
#icons a.rss {
	background: url(http://eacea.ec.europa.eu/images/icons/rss.gif) top left no-repeat;
	display: none;
}*/
/*----print-----*/
a.print {
	background: url(http://eacea.ec.europa.eu/img/icons/print.gif) top left no-repeat;
	padding:0 0 18px 18px;
	text-decoration: none;
	margin:3px;
}
/*----smaller-----
a.smaller {
	background: url(http://eacea.ec.europa.eu/img/icons/smaller.jpg) top left no-repeat;
	padding:0 0 16px 16px;
	text-decoration: none;
	margin:3px;
}*/
/*----bigger-----
a.bigger {
	background: url(http://eacea.ec.europa.eu/img/icons/bigger.jpg) top left no-repeat;
	padding:0 0 16px 16px;
	text-decoration: none;
	margin:3px;
}*/
/*-------------------------------3 columns layout--------------------------------------*/
/*-----central column-----*/
#contentColumn{
	margin: 30px 146px 0 185px; /* Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	padding:10px;
	background-color:#ffffff;
}
body.call-tender #contentColumn {margin-left : 0 ;}
#contentColumn{ /* for IE6+7 to compensate 30px margin-top of firefox */
	margin-\top:0px;
}
/*-----left column-----*/
#leftColumn{
	float: left;
	width: 170px;
	margin-top:12px;
	padding:0;
}
/*-----right column-----*/
#rightColumn{
	float: right;
	width: 130px;
	position:relative;
}
/*------------------------------- titleBox --------------------------------------*/
#titleBox {
	padding:5px 15px 11px 15px; 
	border:1px solid #eeeeee; 
	background-color: #FdFdFd;
}
/*------------------------------- contentBox --------------------------------------*/
#contentBox {
	padding:5px 15px; 
	margin:0; 
	border:1px solid #eeeeee;
	border-top: none;
	min-height:500px;
}
/** html #contentBox { For IE6	but causes width bug ??? 
	height:500px;  
}*/
/*------------------------------- menuBox (left Column) ----------------------------*/
.menuBox {
	width:100%;
	margin-bottom:25px;
}
.menuBox p {
	display:block;
	font-size:13px;
	font-weight:bold;
	margin:0px;
	margin-left:3px;
	padding:3px 0;
	line-height:12px;
}
.menuBox ul {
	margin:0px;
	padding:5px;
	/*background-color:#FFF9FA;*/
	/*border:solid 1px #ccc;*/
}
.menuBox ul li{
	list-style: none;
}
.menuBox ul li a, .menuBox ul li a:visited, .menuBox ul li a:active {
	text-decoration: none;
	color: #004080;
	font-size:11px;
}
.menuBox ul li a:hover {
	color:#004080;
	text-decoration: underline;
}
/*-------------------------------rightBox--------------------------------------*/
.rightBox {
	width:100%;
	margin:10px 0px;
}
.rightBox p {
	margin:0px;
	padding:0;
	text-decoration:underline;
	color: #333;
	font-weight: bold;
}
.rightBox ul {
	margin:0px;
	padding:5px 0 5px 0;
}
.rightBox ul li{
	margin:12px 0;
	list-style: none;
}
.rightBox a {
	text-decoration: none;
	color:#666666;
	border-bottom:1px dashed #cccccc;
	display:block;
	padding-bottom:5px;
}
.rightBox a:hover {
	color:#666666;
	text-decoration: underline;
}
/*------------ tools ---------------*/
a.contacts, a.faq, a.glossary, a.infokits, a.links, a.events, a.partners, a.goodPractices, a.media {
	padding:5px 0 10px 25px;
}
a.videos{
	padding:5px 0 10px 30px;
}
/* ------------------------------ backTop ----------------------------- */
#backTop {
	width:99.8%;
	/*margin-top:20px;right:1%; left:1%;*/ 
	padding:0px;
	/*clear:both;*/
	display:block;
	border:solid #eeeeee 1px;
	border-top: none;
	/*border-bottom: none;*/
	background: #F9F9F9;
	font-size:14px;
}
* html #backTop {
	position:absolute;
}
#backTopSitemap {
	width:100%;
	/*margin-top:20px;right:1%; left:1%;*/ 
	padding:0px;
	/*clear:both;*/
	display:block;
	border:solid #eeeeee 1px;
	border-top: none;
	/*border-bottom: none;*/
	background: #F9F9F9;
	font-size:14px;
}
#backTop p{
	margin:0;
}
#backTop a{
	text-decoration: none;
	color:#666666;
}
/*-------------------------------footer--------------------------------------*/
#footer{
	clear:both;
	color: #0055AA;
	margin:40px 0 10px 0;
	padding:10px 0;
	display:block;
	width:100%;
	border:1px solid #eeeeee;
	border-right: none;
	border-left: none;
	background: #FBFDFF;
}
#footer table.noBorder td ul {
	padding:0;
	margin:0;
	margin-left:auto;
	margin-right:auto;
}
#footer table.noBorder td ul li{
	padding-bottom:5px;
	font-size:12px;
}
#footer table.noBorder td a{
	padding:5px 0;
	text-decoration: none;
}
#footer table.noBorder td a:hover{
	text-decoration:underline;
}