/* --- Stylesheet for customizable elements for new corporate banner --- */

@media print {
    .noprint {
	display: none;
	}

    .doprint {
	display: block;
	}
	
	#HPimg {
	display:none;
	}
	#top { border: none; }
	.container { background-color: #fff; }
}

@media screen,projection {
	.doprint {
	display: none;
	}

#HPimg {
	display:block;
	border-top: 5px solid white;
}
#HPimg a#praguetext {display:block; width:600px; height:90px; text-decoration:none; z-index:20;} 	
	
}

p {font-size:100%} /* This corrects the general font size reduction of the central Commission stylesheets */




/* Standard Research Left and Right Banner Images */

#title-en {background-image: url(/research/images/banner/title_en.png);}
#title-bg {background-image: url(/research/images/banner/title_bg.png);}
#title-cs {background-image: url(/research/images/banner/title_cs.png);}
#title-da {background-image: url(/research/images/banner/title_da.png);}
#title-de {background-image: url(/research/images/banner/title_de.png);}
#title-el {background-image: url(/research/images/banner/title_el.png);}
#title-es {background-image: url(/research/images/banner/title_es.png);}
#title-et {background-image: url(/research/images/banner/title_et.png);}
#title-fi {background-image: url(/research/images/banner/title_fi.png);}
#title-ga {background-image: url(/research/images/banner/title_ga.png);}
#title-hu {background-image: url(/research/images/banner/title_hu.png);}
#title-it {background-image: url(/research/images/banner/title_it.png);}
#title-lt {background-image: url(/research/images/banner/title_lt.png);}
#title-lv {background-image: url(/research/images/banner/title_lv.png);}
#title-mt {background-image: url(/research/images/banner/title_mt.png);}
#title-nl {background-image: url(/research/images/banner/title_nl.png);}
#title-pl {background-image: url(/research/images/banner/title_pl.png);}
#title-pt {background-image: url(/research/images/banner/title_pt.png);}
#title-ro {background-image: url(/research/images/banner/title_ro.png);}
#title-sk {background-image: url(/research/images/banner/title_sk.png);}
#title-sl {background-image: url(/research/images/banner/title_sl.png);}
#title-sv {background-image: url(/research/images/banner/title_sv.png);}
#title-fr {background-image: url(/research/images/banner/title_fr.png);}

#imageBanner {
	position: absolute;
	z-index: 1;
	top: 0;
	height: 88px;
	right: 0;
	width: 272px;
	background: transparent url(/research/images/banner/banner-right.png) no-repeat top right;
}

/* --- Add width to #top and change width from 1000 in #linkBoxTools for a fixed-width, centered site --- */

#top {
	position: relative;
	margin: 0 auto;
	padding: 0 0 10px; 
	border: 1px solid #072c6f;
	width: 770px;
	/*width: 984px;*/
	background:#fff;

}
#linkBoxTools {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 65%;
	height: 14px;
	padding: 3px 10px 0 120px;
	margin: 0 5px 0 0;
	width: 770px;
	/*width: 984px;*/
	z-index: 3;
	background: transparent url(/wel/template_2007/images/bg_links-tools.png) no-repeat scroll 75px 0;
}

/*#linkBoxTools ul li  {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 100%;
	height: 14px;

/* Content */

/* --- Change top margin to zero to avoid 25px band of background colour; add padding as desired --- */


#container {
	margin: 0 0;
	padding: 5px 5px 5px 5px;
	position: relative;
	font-size: 80%;
}

#leftColumn {
	width: 135px;
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	border-top: 5px solid #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	float:left;
	padding 0 0; 
	
}

/* changed LC1 to fixed fonts so that the page design is not ruined when the font size is increased in the browser !! */


#LC1{
	font-size: 13px;
	text-align:center;
	font-weight: 600;
	color: #FFFFFF;
	background:#005159;
	padding: 10px 5px 10px 5px;
}

#LC2{
	color: #FFFFFF;
	background:#c1d82d;
	padding: 10px 0px 10px 5px;
}

#LC3{
	color: #FFFFFF;
	background:#79c558;padding: 10px 5px 10px 5px;
}

#LC4{
	color: #FFFFFF;
	background:#ff901E;padding: 10px 5px 10px 5px;
}

#LC5{
	color: #FFFFFF;
	background:#ca004a;
	padding: 10px 5px 10px 5px;
}

#LC6{
	color: #FFFFFF;
	background:#330578;
	padding: 10px 5px 10px 5px;
}

.ML3{ padding-left:12px;padding-top:5px;padding-bottom:2px}  /* --- This style is used for the title banner within a top-level page, e.g. who.cfm, which needs a 3px left margin in IE6 but not in other browsers.  --- */

.ML3flash{ height:21px; padding-left:12px;padding-top:25px;padding-bottom:5px;}  /* --- This style is used for the title banner within a top-level page, e.g. who.cfm, which needs a 3px left margin in IE6 but not in other browsers. This version is used on the success page where there is a flash animation above the title which somehow alters the requirements in Firefox --- */

.ML4{ padding-left:12px;padding-top:5px;padding-bottom:2px; margin-top:15px}  /* --- This style is used for the title banner within a top-level page, e.g. who.cfm, which needs a 3px left margin in IE6 but not in other browsers.  --- */

#rightColumn {

position: absolute;
right:0px;
top:268px;
	width: 130px;
	
	border-right: 5px solid white;
	border-top: 5px solid white;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding 0 0;
}

/* changed RC1 to fixed fonts so that the page design is not ruined when the font size is increased in the browser !! */

#RCfacebook{
	color: #FFFFFF;
	font-size: 13px;
	background:#FFFFFF; padding-bottom:5px;
}
#RC1{
	color: #FFFFFF;
	font-size: 13px;
	background:#3399CD;
	padding: 12px 12px 12px 12px;
}

#RC2{
	color: #FFFFFF;
	background:#b2217e;
	padding: 12px 12px 12px 12px;
}


/* --- These settings good for Firefox etc. --- */

#HPmain {
	width: 620px;
	/*width: 834px;*/
	float:left;
	background:#ffffff;
	min-height: 700px;
	border-right: 5px solid white;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0;
}

/*#HPimg {
	display:block;
	border-top: 5px solid white;

}*/

#HPcontent {
	display:block; 	background:#ffffff;
}

#FAQ {
	width: 620px;
}

#introfaq {width: 435px; float:left;
	margin-left:5px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #005159;
	font-weight:normal;

}

#lfaq {
width: 150px;
display:block; 
position:absolute; 
right:10px;
top:350px;
}

.nextfaqdiv {
	width:95%;
	margin-left:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#005159; 
	float:left; }

.nextdiv {width: 100%; float:left; }
.nextdivrelative {width: 100%; position:relative; }

#tealbanner {
height:21px;
background:#19bbcf;
border-right: 5px solid white; 
	
}

#whitebannercontent {
	position: relative;
	left:5px;
}

.bannerwhite{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align:left;
	color: #FFFFFF;
}

#bannermessage{
width:620px; height:45px; 
background:#000080; position: absolute; left: 145px; top:247px;
}

/* Language Selector - adds 21000 to each z-index so language drop-down displays over UDM menu and not underneath
					 - also adds font family top current language and drop-down menu */

#langsSelector	{
	position: absolute;
	top: 101px;
	margin: 0;
	padding: 0; 
	z-index: 21006;
	font-size: 70%;
	right: 220px;
	}

#linkBoxLanguage {
	position: absolute;
	top: 0;
	right: 5px;
	height: 14px;
	padding: 1px 3px 0px 1px;
	width: 111px;
	background-color: #0F508F;
	border: 1px solid #fff;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; /* this gives style to the current language displayed at top right*/
	font-size: 70%;
	text-decoration: none;
	z-index: 21005;
	display: none;
}

#linkBoxLanguage img {
	position: absolute;
	top: 4px;
	right: 5px;
	z-index: 21008;
}

#languageArrow	{
	position: absolute;
	top: 3px;
	right: 8px;
	z-index: 21008;
	cursor: pointer;
}

#langsFormContainer	{
	position: absolute;
	right: 0;
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif; /*this is the one to give style to the drop-down*/
	z-index: 21006;
}
	
#langsSelector ul li a.lang { 
	padding: 0 2px;
	text-decoration: none;
	color: #074a8b;
}
#langsContent {
	z-index: 21007;
	right: 4px;
	width: 116px;
	border: 1px solid #fff;
}

/* divs for women in science page */

#wis {margin-left:0px; padding:5px; padding-top:25px; font-size:70%; background-color:#000000; line-height:150%;}
#wisbottom {position:absolute;background-color:#000000; width:760px; left:5px; top:1350px;height:20px}

/* div for syndicated news page - additional style */

.syndicated {padding-left:5px; padding-bottom:3px;}
.syndicated img { max-height:100px; clip:rect(auto, auto, auto, auto)}