@charset "UTF-8";
/*************************************************************************
*************************                    *****************************
*************************  CSS - EUROPLANET  *****************************
*************************                    *****************************
*************************************************************************/


HTML { min-height: 100.1%; }


/************************  body  ****************************************/

body { 
       margin:25px 0 0 0;
       background-color:#37477a;   /* in case so much text page is longer than backgd body (image vertical) */
       background-image:url(../images/background_body.gif);
       background-repeat:repeat-x;
       font-family: Arial, Helvetica, sans-serif;
       color:#333333;  /* font color: not white because background is white */
       font-size: 75.5%;
}

#main {
	padding-left: 0px;
	/*width: 985px; */
	margin: 0 auto;
        background-color:#FFFFFF;
        width:1000px;
        height:auto
}

/********* body end *************************************************/

/********* Banner Begin O****************/

#banner_top {
width:1000px;
background-image:url(../images/banner_top.gif);
background-repeat:no-repeat;
height:16px;
border: none;
}

#banner_head {
width:1000px;
background-image:url(../images/banner_head.gif);
background-repeat:repeat-y;
height:60px;
}

#banner_head_inside {
padding:0 15px 0 15px;
}

#logo {
        float:left;
	width: 980px;
	height: 130px;
	padding: 0px 0 0px 0;
}

#banner_inside {
padding:15px!important;
padding:10px;
float:left;
float:right!important;
}

#banner_inside img {
float:right;
clear:both;
padding:0 0 6px 0;
}

/********* Banner end O****************/


/************************  header  ****************************************/

#header {
	width: 980px;
	height: 130px;
	margin-left: 7px;
	padding: 30px 0 5px 0	;
	background: url(../images/banner.jpg) left center no-repeat;
}


/************************  main body  ************************************/

#loading {
	height: 32px;
	background: url(../images/loading.gif) 1% 120% no-repeat;
}

#main2 {
        float: left;
	margin: 0px;
	background-color:#FFFFFF;
       /* min-height: 1900px; */
}

#main_body {
	float: left;
	/* width: 720px; */ 
        width: 770px; /* oli */
        background-color:#FFFFFF;
        padding-left: 10px;
	padding-right: 10px;
}

#main2 .article_seperator {
	display: none;
	margin-top: -1px;
}


/************************  left body  ************************************/


#left {
	float: left;
	/* width: 725px; */
        width: 747px; /* to align with the 3 modules below it (was 735px)*/
	min-height: 165px;
	height: auto;
	/* margin: 0 5px 20px 0; */
	margin: 0 5px 10px 0; /* by Oli */
	/* padding: 10px 10px 15px 10px; */
	padding: 10px 10px 5px 10px; /* by Oli */
	background: url(../images/left_bg.jpg) left bottom repeat;
	border-bottom: 2px solid #C2E1EF;
}


/************************  left body - 3 cols ****************************/

#left2 {
	float: left;
        background-color:#FFFFFF;
/*        margin: 0px 20px 20px 0px; */
        padding-left: 10px ;

}

.moduletablespatialyear, .moduletablecountries, .moduletableeuroplanetnews {
/*	width: 243px; 6 mars 2011*/
	width: 238px; /* by Oli */
	height: auto;
	min-height: 190px;
	margin: 0px 0px 15px 3px;
	padding: 10px 5px 0px 10px;
	background: url(../images/left2_bg.jpg) left top repeat-x;
	border-top: 2px solid #C2E1EF;
	text-align: left;
}


/************************  right body  ***********************************/

#right {
	float: right;
	width: 210px;
	height: auto;
/*	min-height: 400px; */
	margin: 3px 0px 0px 0px;
	background: #FCFDFF url(../images/right_bg.jpg) left top repeat-x;
	border-bottom: 2px solid #C8E1F0;
}

#right .inputbox {
	width: 170px;
	height: 20px;
	padding: 10px 20px 0 20px;
	color: #77A5BF;
	font: bold 12px Arial;
	border: 0px;
	border-bottom: 2px solid #C2E1EF;
	background: #F4FAFA;
}

#right .inputbox:hover {
	color: #3679AF;
	border-bottom: 2px solid #8EBBCF;
	background: none;
}

#right .inputbox:focus {
	color: #0F5D7F;
	background-color: #E0E5EF;
	border-bottom: 2px solid #3679AF;
}

#right .moduletablecalendar {
	margin: 30px 0px 15px 0px;
}

#right .moduletablesyndicate {
	margin-left: 3px;
}

#right .moduletablenewslinks {
	margin: 15px 20px 10px 20px;
	width: 172px;
}

#right .newslinks a {
	display: block;
	padding: 6px 5px 3px 2px;
	color: #3679AF;
	font: bold 16px Arial;
	text-decoration: none;
	text-align: left;
	background-color: #EBF6FA;
	border-right: 5px solid #8EB3CF;
}

#right .newslinks a:hover {
	display: block;
	padding: 6px 0px 2px 5px;
	color: #3E6D8F;
	background-color: #D1EDEF;
	border-right: 15px solid #74B3CF;
	border-bottom: 1px solid #A7C7DF;
}

#right .newslinks a:active {
	display: block;
	padding: 6px 15px 2px 5px;
	color: #FFF;
	background-color: #77A0BF;
}

#right .moduletablesyndicate {
	margin: 15px 0px 25px 55px;
}

#right .syndicate a {
	padding-left: 0;
	width: 100px; height: 15px;
	opacity: .50;
	-moz-opacity: 0.5;
}

#right .syndicate a:hover {
	padding-left: 3px;
	opacity: 1;
	-moz-opacity: 1;

}

#fireboard {

}


/************************  footer  *************************************/

#footer {
	width: 1000px;
	margin: 0px auto 0px auto;
	padding-top: 5px;
	height: 90px;
	background: url(../images/footer.gif) top left repeat-x;
	color: #116B8F;
	font: 11px Arial;
	text-align: center;
}

#footer br {
	line-height: 5px;
}

#footer a {
	color: #81B7CF;
	font: bold 11px Arial;
	text-decoration: none;
	padding: 1px 5px 1px 5px;
	border-bottom: 3px solid #D1E6EF;
}

#footer a:hover {
	color: #fff;
	padding: 1px 5px 1px 5px;
	background-color: #77A0BF;
	border-top: 1px solid #fff;
	border-bottom: 3px solid #2F547F;
}

#footer a:active {
	color: #fff;
	padding: 1px 5px 1px 5px;
	background-color: #1F627F;
	border-top: 1px solid #fff;
	border-bottom: 3px solid #8BC5DF;
}


/************************  misc  ***************************************/

#clr {
	clear: both;
}


/************************  main menu  *************************************/

#topmenu { 
        float:left;
        width: 994px;
        height: 25px;
        padding: 10px 0 5px 6px    ;
        background-color:#FFFFFF;
        text-align:center;
	margin-top: 0px;
}

#topmenu .moduletablemainmenu {
	width: 980px;
}

#topmenu .moduletablemainmenu a {
	margin: 0px 6px 0px 0px;
	padding: 11px 6px 4px 7px; 
	color: #0F5D7F;
        /*color: #FFFFFF;*/
	font: bold 12px Arial;
	letter-spacing: 0.05em;
	text-decoration: none;
	border-bottom: 4px solid #C2E1EF;
	background: url(../images/link_bg.png) center bottom repeat-x;
}

#topmenu .moduletablemainmenuoli {
        width: 980px;
}

#topmenu .moduletablemainmenuoli a {
        margin: 0px 2px 0px 0px;
        padding: 11px 0px 4px 0px;
	color: #0F5D7F;
	font: bold 12px Arial;	
        text-decoration: none;
	border-bottom: 4px solid #C2E1EF;
        background: url(../images/link_bg.png) center bottom repeat-x;
}

#topmenu .moduletablemainmenu a:hover {
	color: #0F5D7F;
	border-bottom: 60px solid #8BC5DF;
	background: url(../images/link_bg_a.png) center bottom repeat-x;
}

#topmenu .moduletablemainmenu a:active, #topmenu #active_menu.mainlevel {
	/* color: #fff; change due to flags included */
	color: #0F5D7F;
	font: bold 12px Arial;
	/*border-bottom: 6px solid #0867A9; change due to flags included */
        border-bottom: 4px solid #C2E1EF;
	/*background: url(../images/link_bg_a.png) center bottom repeat-x; change due to flags included */
        background: url(../images/link_bg.png) center bottom repeat-x;
}

#topmenu .moduletablemainmenuoli a:hover {
        color: #0F5D7F;
        border-bottom: 6px solid #8BC5DF;
        background: url(../images/link_bg_.png) center bottom repeat-x;
}

#topmenu .moduletablemainmenuoli a:active {
/*      color: #fff; 
        border-bottom: 6px solid #0867A9;
        background: url(../images/link_bg_a.png) center bottom repeat-x;
*/
        color: #0F5D7F; 
        border-bottom: 4px solid #C2E1EF; 
        background: url(../images/link_bg.png) center bottom repeat-x;
        font: bold 12px Arial;

}


/************************  image - link  ******************************/

.img, .img a {
	float: left;
	position: absolute;
	/* border: 3px solid #C2E1EF; <- light color */
	/*border: 4px solid #8BC5DF; <- avant */
        border: 1px solid #8BC5DF;
	background: #8BC5DF;
}

.imgtop { border: 10px solid #8BC5DF; } 

/* .imgtop { border: 4px solid #8BC5DF; <- avant */


/************************  links - left  *******************************/

.title { 
	margin: 0 0 10px 250px; 
	font: bold 16px Arial; 
	color: #8BC5DF; 
}

.title2 { 
	margin: 0 0 10px 0; 
	font: bold 16px Arial; 
	color: #8BC5DF; 
}

.title a, .title2 a { 
	margin: 0 0 10px 0px; 
	font: bold 16px Arial; 
	text-decoration: none; 
	color: #8BC5DF; 
}

.title a:hover, .title2 a:hover { 
	padding-bottom: 2px; 
	color: #74B3CF; 
	border-bottom: 3px solid #D1E6EF; 
}

.title a:active, .title2 a:active { 
	padding-bottom: 2px; 
	color: #1A6B8F; 
	border-bottom: 3px solid #5FA1BF; 
}

.moduletable th { 
	margin: 0 0 17px 0; 
	font: bold 16px Arial; 
	color: #8BC5DF; 
}


/************************  news categories  *******************************/

#news_categories { 
	float: left;
	width: 725px;
	height: 40px;
	margin: 0 5px 20px 0;
	padding: 10px 10px 10px 10px;
	background: url(../images/left_bg.jpg) left bottom repeat-x;
	border-bottom: 2px solid #C2E1EF; 
}

#news_categories .img { 
	float: left;
	position: absolute;
	/* border: 3px solid #C2E1EF; <- light color */
	border: 4px solid #8BC5DF;
	background: #8BC5DF;
}

#news_categories .title { 
	margin: 10px 0px 10px 250px; 
	font: bold 16px Arial; 
	color: #8BC5DF; 
}

#newsarticle { margin-left: 15px; width: 708px; }

.moduletable th a { margin: 0 0 17px 0px; font: bold 16px Arial; text-decoration: none; color: #8BC5DF; }
.moduletable th a:hover { padding-bottom: 2px; color: #74B3CF; border-bottom: 3px solid #D1E6EF; }
.moduletable th a:active { padding-bottom: 2px; color: #1A6B8F; border-bottom: 3px solid #5FA1BF; }

.text { 
	float: left;
	margin: 0 5px 0 250px; 
	color: #1A658F; 
	font: normal 12px Arial; 
	line-height: 150%; 
	text-align: left;
}

.text2, .text_ajax { 
	color: #1A658F; 
	font: normal 12px Arial; 
	text-align: left;
	line-height: 150%; 
}

.text_title, .title_ajax {
	margin: 15px 35px 10px 0px;
	font: bold 14px Arial; 
	color: #8BC5DF;
	text-align: left;
}

.text a, .text2 a, .text_ajax a, .allnewslist a { 
	padding: 1px 2px 1px 3px;
	color: #13649F; 
	font: bold 12px Arial; 
	text-decoration: none;
	border-bottom: 1px dashed #3679AF;
}

.text a:hover, .text2 a:hover, .text_ajax a:hover, .allnewslist a:hover { 
	color: #fff;
	font: bold 12px Arial; 
	background-color: #3679AF;
}

.text a:active, .text2 a:active, .text_ajax a:active { 
	padding: 1px 1px 0px 4px;
	color: #276C9F; 
	background-color: #fff;
	border-bottom: 2px solid #3679AF;
}

.allnewslist a { display: block; margin: 6px 0px; padding-top: 6px; text-align: left; }


/************************  links - Flags  *******************************/

.flags, .flagswhere, .activeflag { float: left; }

.flagswhere { margin: 10px 0px 10px 11px; text-align: left; }

.flags a, .flagswhere a {
	line-height: 30px;
	display: block; float: left;
	margin: 0 14px 10px 0;
	padding: 5px 0 0 0;
	border: none;
}

.flags2 { }

.flags2 a {
	line-height: 30px;
	display: block; float: left;
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
	border: none;
}

.flags a:hover, .flags2 a:hover, .flagswhere a:hover, .activeflag {
	padding: 0 0 1px 0;
	border-bottom: 4px solid #74B3CF;
	background: #E7F2F6;
}

.flags a:active, .flags2 a:active, .flagswhere a:active {

	background: #0867A9;
}

.flagswhere a, .activeflag { margin-right: 6px; }


/************************  EXTRAS  *******************************/

.tooltip {
	position: absolute;
	display: none;
	-moz-opacity: 0.85;
	opacity: 0.85;
}

#tooltip1 {	
	width: auto;
  	padding: 5px;
	font: bold 11px Arial;
	color: #0867A9;
	background: #FFF;
	border: 2px solid #C2E1EF;
}