#loading-div-background {
   display:none;
   position:fixed;
   top:0;
   left:0;
   background:black;
   width:100%;
   height:100%;
}

 #loading-div {
    width: 300px;
    height: 100px;
    background-color: #FFFFFF;
    text-align:center;
    position:absolute;
    left: 50%;
    top: 50%;
    margin-left:-150px;
    margin-top: -100px;
}

/* CSS Document */
/*-------------------------------3 columns layout--------------------------------------*/
/* icons */ 
#icons ul {
	padding-right:0px;
}

/*-----central column-----*/
#contentColumn{
	margin: 30px 0px 0 180px; /* Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#contentColumn{ /* for IE6+7 */
	margin-\top:0px;
}

/*-----left column-----*/
#leftColumn{
}
/*-----right column-----*/
#rightColumn{
	display: none;
}

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
}
.error {
color: #D8000C;
background-color: #FFBABA;
padding-left: 20px;
}

/************ Table */
h2 {
	background: none;
	padding:0;
}

h3 {
    font-family: Arial,Helvetica,sans-serif,"Trebuchet MS";
  font-size: 15px;
  background-color: #5c9ccc;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  padding-top: 10px;
  padding-right: 2px;
  padding-bottom: 6px;
  padding-left: 2px;
  color: #ffffff;
  font-weight: bold;
}

h3b {
	font-family: Arial,Helvetica,sans-serif,"Trebuchet MS";
  font-size: 15px;
  background-color: #5c9ccc;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  padding-top: 6px;
  padding-right: 550px;
  padding-bottom: 2px;
  padding-left: 2px;
  color: #ffffff;
  font-weight: bold;
}

e3 {
    font-family: Arial,Helvetica,sans-serif,"Trebuchet MS";
  font-size: 15px;
  background-color: #CC4433;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  padding-top: 10px;
  padding-right: 1110px;
  padding-bottom: 6px;
  padding-left: 2px;
  color: #000000;
  font-weight: bold;
}

r3 {
    font-family: Arial,Helvetica,sans-serif,"Trebuchet MS";
  font-size: 15px;
  background-color: #FFFFFF;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  padding-top: 10px;
  padding-right: 1110px;
  padding-bottom: 6px;
  padding-left: 2px;
  color:  #437C17;
  font-weight: bold;
}

table {
	/*width:99%;*/
	/*border-collapse:collapse;*/
}
table tr td{
	border: none;
	font-size:12px;
	border:1px solid #FCEBEF;
}
table th {
	border:1px solid #FCEBEF;
	color: #ffffff;
	text-align: left;
	font-weight: bold;
	font-size:11px;
	margin-bottom:20px;
}

.noBorder {
	border: none;
}
.noBorder td{
	border: none;
}
/*-------programmeLogo-------------*/
.eaceaLogo_en, .eaceaLogo_fr, .eaceaLogo_de {
	border-bottom:1px solid #003399;
	background-image: url(http://eacea.ec.europa.eu/img/logos/eacea_h6.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#programmeLogo {
	border-bottom:1px solid #003399;
	margin-top: 10px;

}
#programmeLogo a{
	padding:0 100px 30px 150px;
	text-decoration: none;
	background: none;
}
/*-------------------------------breadcrumb--------------------------------------*/
#path ul li.current, #path ul li a{
	color:#3060A8;
}
/*-------------------------------leftBox--------------------------------------*/
.menuBox {	
	/*background-color: none;*/
}
.menuBox p{
	color:#3060A8;
	border-bottom:1px solid #3060A8;
}
.menuBox ul{
	/*border:solid 1px #ef7b00;*/
	background-color:#FFFFFF;
}
.menuBox ul li a, .menuBox ul li  a:visited, .menuBox ul li a:active {
	text-decoration: none;
	color: #004080;
	display:block;
	padding:3px 0;
	border-bottom:1px dashed #eeeeee;
}
.menuBox ul li a:hover {
	color:#004080;
	text-decoration: none;
	background-color:#F7F9FD;
}

/*-------------------------------rightBox--------------------------------------*/
.rightBox h3 {
	color: #333;
}
.rightBox a:hover {
	color:#333;
}
/*-------------------------------footer--------------------------------------*/

#footer a:hover{
	text-decoration:underline;
	color: #333333;
}

/*###################################  HOMEPAGE ##########################*/
/*---------------------- homeMenuBox ------------------------*/
/*.firstRow .homeMenuBox ul{ /*apply the same height two the 2 boxes of the 1st row 
		height:14em;
}*/
hr {
	size:1px;
	background-color:#ffffff;
	border: none;
	border-bottom:1px solid #eeeeee;
	margin:15px 0 0 0;
}
hr.educationBar{
	border-color:#1686B8;
}
hr.mediaBar{
	border-color:#008F9E;
}
hr.cultureBar{
	border-color:#EF7F01;
}
hr.citizenshipBar{
	border-color:#EABA00;
}
hr.youthBar{
	border-color:#E6234B;
}


.homeMenuBox{
	/*background-color: none;*/
	width:99%;
	margin:0;
	margin-bottom:-15px;
	padding:0;
	border: none;
}
.homeMenuBox h2 {
	color:#3060A8;
}

/*.homeMenuBox a, .homeMenuBox a:visited, .homeMenuBox a:active {
	color: #3060A8;

.homeMenuBox a:hover {
	color:#3060A8;
}}*/
/*.homeMenuBox table a, .homeMenuBox table a:visited, .homeMenuBox table a:active {
	color: #3060A8;
	display:block;
	padding:8px 0;
	text-decoration: none;
}
.homeMenuBox table h2 ul li a:hover{
	text-decoration: none;
	background-color: #F8F8F8;
}*/
/* SECOND ROW */
.secondRow div.homeMenuBox{
	padding:10px;
	width: 97%;
}
/****** homeEducation *******/
.homeEducation ul li a:hover{
	background-color:#F9FCFF;
}
.homeEducation h2 a{
	text-decoration: none;
	color: #0080B2;
	/*border-bottom:1px solid #0080B2;*/
	display:block;
	padding:5px 0;
}
/****** homeCulture *******/
.homeCulture{
}
.homeCulture:hover{
	text-decoration: none;
	/*background-color: #FFFCFB;*/
}
.homeCulture h2 a{
	color:#ff6600;
	text-decoration: none;
	display:block;
	padding:5px 0;

}
/****** homeCitizenship *******/
.homeCitizenship:hover{
	text-decoration: none;
	/*background-color: #FFFFE6;*/
}
.homeCitizenship h2 a{
	color:#ECBA03;
	text-decoration: none;
	display:block;
	padding:0;
	margin:0;
}
/****** homeYouth *******/
/*.homeYouth{
	border:1px solid #D91E49;
}*/
.homeYouth:hover{
	text-decoration: none;
	/*background-color: #FEFAFB;*/
}
.homeYouth h2 a{
	color:#D91E49;
	text-decoration: none;
	display:block;
	padding:5px 0;
}

/****** homeMedia *******/
.homeMedia:hover{
	text-decoration: none;
	/*background-color: #EDF7F8;*/
}
.homeMedia h2 a{
	color:#008f9e;
	text-decoration: none;
	display:block;
	padding:5px 0;
}
/*---------------------- homeWhiteBox ------------------------*/
.homeWhiteBox a, .homeWhiteBox a:visited, .homeWhiteBox a:active {
	text-decoration: none;
	color:#666666;
	display:block;
	padding:5px 0;
}
.homeWhiteBox a:hover {
	color:#3060A8;
	text-decoration: none;
	background-color:#FBFBFB;
}
/*---------------------- homeRightBox ------------------------*/



.homeRightBox a, .homeRightBox a:visited, .homeRightBox a:active {
	text-decoration: none;
}
.homeRightBox a:hover {
	text-decoration: underline;
}

.tabs {
	color:#3060A8;
}
