/* $Id: site.css 935 2010-10-01 10:53:48Z sdd$ */

/*------------------------------------------------------------------------------
 *	SITE.CSS | CSS FRAMEWORK
 * 	Standards compliant rules for screen media for ENRD website
 *
 *	author:  SDD

--------------------------------------------------------------------------------
=GLOBAL RESET: https://meyerweb.com/eric/tools/css/reset/
------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size:100%;background: transparent;}
/*body {line-height: 1;}*/
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
ins {text-decoration: none;}/*remember to highlight inserts somehow!*/
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}/*tables still need 'cellspacing="0"' in the markup*/
/*default content text color*/
#wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6, #wrapper li, #wrapper dl, #wrapper p, #wrapper table  {color:#666;}
/*Focus styles*/
a {outline:none;}
a:focus {outline:thin dotted;}
a:hover, a:active {outline:none;}

/*
--------------------------------------------------------------------------------
=LAYOUT
NOTE: No top or bottom margins or borders here; if set, vertical scrollbar
appears - use padding here instead.
------------------------------------------------------------------------------*/
/*Layout (generic rules)*/
.colgroup {
    overflow: hidden;
    width: auto;
	
}


#top {border:none;}
#title-en {background:transparent url('../images/banners/header_title_en.png') no-repeat 36px 7px;}
.lang_en #bannerBackground{height:144px;background:transparent url(https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/title/title_en.gif) no-repeat 0 0;}
.lang_fr #bannerBackground{height:144px;background:transparent url(https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/title/title_fr.gif) no-repeat 0 0;}
.lang_de #bannerBackground{height:144px;background:transparent url(https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/title/title_de.gif) no-repeat 0 0;}
.lang_gr #bannerBackground{height:144px;background:transparent url(https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/title/title_el.gif) no-repeat 0 0;}
.lang_it #bannerBackground{height:144px;background:transparent url(https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/title/title_it.gif) no-repeat 0 0;}
.lang_pl #bannerBackground{height:144px;background:transparent url(https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/title/title_pl.gif) no-repeat 0 0;}
.lang_es #bannerBackground{height:144px;background:transparent url(https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/title/title_es.gif) no-repeat 0 0;}
.lang_ro #bannerBackground{height:144px;background:transparent url(https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/title/title_ro.gif) no-repeat 0 0;}
.lang_pt #bannerBackground{height:144px;background:transparent url(https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/title/title_pt.gif) no-repeat 0 0;}
.lang_nl #bannerBackground{height:144px;background:transparent url(https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/title/title_nl.gif) no-repeat 0 0;}
.lang_hu #bannerBackground{height:144px;background:transparent url(https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/title/title_hu.gif) no-repeat 0 0;}
.lang_fi #bannerBackground{height:144px;background:transparent url(https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/title/title_fi.gif) no-repeat 0 0;}
#top {border:none;position:relative;}
#path{font-size:90%;background-color:#074A8B;min-height:18px;color:#fff;padding:0;overflow:hidden;line-height:1.2em;}
	#path ul{position:relative;z-index:7;padding-left:10px;}
	#path li{white-space:nowrap;display:inline;padding:0 0 0 12px;float:left;}
	#path li.first{background-image:none;padding-left:0;padding-right:0;}
	#path a,
	#path a:visited{color:#fff;text-decoration:none;border:0;}
	#path a:hover,
	#path a:focus,
	#path a:active{text-decoration:underline;color:#fff;border:0;}
#logo_enrd  {text-align:left;display:block;width:296px;height:106px;background-image:url(../images/banners/logo_enrd.png);float:left;}
#logo_enrd a {display:block;width:296px;height:106px;}
.lang_en div#imageBanner {background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/logo/logo_en.gif') no-repeat;}
.lang_fr div#imageBanner {background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/logo/logo_fr.gif') no-repeat;}
.lang_de div#imageBanner {background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/logo/logo_de.gif') no-repeat;}
.lang_gr div#imageBanner {background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/logo/logo_el.gif') no-repeat;}
.lang_it div#imageBanner {background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/logo/logo_it.gif') no-repeat;}
.lang_pl div#imageBanner {background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/logo/logo_pl.gif') no-repeat;}
.lang_es div#imageBanner {background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/logo/logo_fr.gif') no-repeat;}
.lang_ro div#imageBanner {background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/logo/logo_ro.gif') no-repeat;}
.lang_pt div#imageBanner {background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/logo/logo_pt.gif') no-repeat;}
.lang_nl div#imageBanner {background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/logo/logo_nl.gif') no-repeat;}
.lang_hu div#imageBanner {background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/logo/logo_hu.gif') no-repeat;}
.lang_fi div#imageBanner {background:transparent url('https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/logo/logo_fi.gif') no-repeat;}
#imageBanner{top:15px;height:119px;left:40px;width:172px;z-index:0;}
.lang_gr #imageBanner{position:absolute;top:0px;height:124px;right:0px;width:230px;z-index:300;}

#top {border:none;position:relative;}
#path div ul li.first-child { background-image:none;padding-left:0; }
#linkBox{position:absolute;top:0px;right:0px;z-index:2;overflow:visible;white-space:nowrap;}
#linkBoxTools{font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;font-size:70%;height:14px;padding:3px 10px 0 120px;margin:0 5px 0 0;width:1000px;z-index:3;background:transparent;}
#linkBoxTools ul{margin:0 1px 0 0;}
#linkBoxTools li{display:inline;margin:0;list-style-type:none;}
#linkBoxTools ul li a{padding:0 2px 0 5px;background:url(https://enrd.ec.europa.eu/enrd-static/////app_templates/enrd_assets/wel/template-2012/images/services-separator.gif) repeat-y;color:#396EA2;text-decoration:none;font-weight:normal;}
#linkBoxTools ul li:first-child a, #linkBoxTools ul li.first a{background:none;}
#linkBoxTools a:focus, #linkBoxTools li:first-child a:focus{color:#10559A;background-color:#fff;}
#container {margin:0;padding:0;float:left;width:100%;line-height:1;min-height:800px;/*default leading*/}
#wrapper {position:relative;/*positioning context for top nav*/line-height:1.2;/*generic leading for content*/margin:0;float:left;width:77%;}

/*Min-width*/
html, body, #top {min-width:984px;/*A bit less than 1024*/}
#nav, #content-main, #aside {padding-bottom:10px;}
body {background-color:#fff;}/*#aside background (faux columns)*/

#content-main {margin:0 0 0 245px;}
body.public #content-main {padding-top:120px;border:solid 0px red;}

/*nav-main bg*/
#top {padding:0;width:100%;background-image:url('../images/bckg_myENRD.gif');background-repeat:repeat-x;}


/*
--------------------------------------------------------------------------------
=GENERIC ELEMENTS
------------------------------------------------------------------------------*/
/*Headings*/
/*=h1 (subpages)*/
#content-main h1 {font-size:1.6em;margin-bottom:1em; margin-top:14px;}
#content-main h1.TNC_overview {color:#d2937a;}
/*h1 (Glossary; 'see all' link absolutely positioned inside the h1 heading)*/
#glossary h1 {position:relative;}
#glossary h1 a.all {position:absolute;left:1.1em;top:3.15em;font-weight:normal;font-size:.8em;}
/*=h1 (Error message)*/
#wrapper .errorMsg h1 {border-bottom:1px solid #FF0D0D;}
/*=h1 (User manager; right hand side frame*/
.umanagerData h1 {font-family:arial,sans-serif;font-size:1.1em;}

/*=h2 (generic)*/
#content-main h2 {font-size:1.3em;font-weight:bold;color:#577615;padding-top:0;margin:0.5em 0 ;}
/*=h2 (homepage)*/
#home #content-main h2, #events #content-main h2 {color:#333;font-size:1.4em;border-bottom:1px solid #423e3c;padding-top:0 !important;}
#home #content-main h2 span {text-transform:uppercase;display:block;font-weight:normal;font-size:1em;}
#home #content-main h2 span.bar {border-bottom:4px solid #423E3C;width:47%;height:4px;}
#home #content-main .col h2 {border-bottom:5px solid #423e3c;text-transform:uppercase;font-weight:normal;margin-bottom:10px;}
#home  #content-main .col h2 span {display:inline;position:static;font-size:1em;font-weight:bold;}
/*=h2 (news)*/
#news #content-main h2 {color:#555;font-size:1.3em;border-bottom:1px solid #423e3c;}
#news #content-main h2 span {text-transform:uppercase;display:block;font-weight:normal;font-size:1em;}
#news #content-main h2 span.bar {border-bottom:4px solid #423E3C;width:47%;height:4px;}
#news #content-main .col h2 {border-bottom:5px solid #423e3c;text-transform:uppercase;font-weight:normal;margin-bottom:10px;}
#news #content-main .col h2 span {display:inline;position:static;font-size:1em;font-weight:bold;}

/*=h3*/
#content-main h3 {font-size:1.1em;margin:1.4em 0 0.7em 0;font-weight:bold;color:#698B22;}
body#home #content-main h3 {font-weight:bold;}

/*=h3 (aside)*/
#aside h3 {color:#000;font-size:1.3em;padding:0 0 10px 10px;margin-top:60px;font-weight:normal;}

/*=h4*/
#content-main .col h4, #wrapper h4 {color:#000;font-style:normal;margin:1em 0;}
#aside #recent-updates h4 {}
/*h4 (Subscription tool)*/
#subcription_edit h4 {padding:1em 10px;}
#subcription_edit #col_language h4, #subcription_edit #col_language_periodical h4 {background:#becba9;color:#fff;}

/*=h5*/
#content-main h5 {margin:1em 0;}

/*=h6*/
#content-main h6 {margin:1em 0;}

/*=anchors (generic)*/
#wrapper #content-main a {color:#698B22;text-decoration:underline;}
/*new anchor styles, to be finished
#wrapper #content-main a {color:#8FA965;border-bottom:1px dotted #8FA965;text-decoration:none;}
#wrapper #content-main a:hover {border-bottom:1px solid #8FA965;}
#wrapper #content-main h1 a {color:#000;}
*/

/*Seminars image gallery*/
/*#wrapper #content-main #seminars {float:left;margin-bottom:1em;width:100%;}
#wrapper #content-main #seminars a {float:left;}*/

/*=p (generic)*/
#content-main p {color:#666;margin-top:1.4em;line-height:1.4;}
/*Remove paragraph top margin when comes immediately after a heading*/
#content-main h1+p,
#content-main h2+p,
#content-main h3+p,
#content-main h4+p,
#content-main h5+p,
#content-main h6+p {margin-top:0;}

#wrapper .col p {margin-top:2px;}


/*ul, ol (generic)*/
#RDPguide #content-main ul{list-style-type:disc;margin:1em 0 20px 40px;}
#RDPguide #content-main ul li{line-height:1.4em;margin:3px;}
#content-main ol {list-style-type:decimal;margin:1em 0 1em 25px;}
#aside ul {list-style-type:disc;margin:0 0 10px 25px;}
#aside ul li{margin:6px;line-height:1.2em;text-align:left;}
#aside ol {list-style-type:decimal;margin:0 0 10px 30px;}

/*keywords in the text*/
/* <a class="key" title="EN RD" href="#key_enrd">EN RD</a> */
.key {border-bottom:1px dotted #999;text-decoration:none;}

/*=Anchors*/
#content-main a {color:#698B22;/* !important;*/}
/*readmore*/
#wrapper  a.more {color:#537A03;}


#linkBox {z-index:500;}
.bannerRight .title {z-index:301;}
/*Breadcrumb*/
/*div#path a {color:#fff;font-size:.9em;text-decoration:none;font-weight:normal;text-transform:none;}
div#path a:hover{text-decoration:underline;}*/
#path div ul li span {background:transparent url(https://enrd.ec.europa.eu/enrd-static/////wel/template_2007/images/breadcrumb_separator.gif) no-repeat scroll 4px 50%;}
/*Language selector*/
#langsSelector {z-index:400;}
#linkBoxLanguage {z-index:500;}
#languageArrow {z-index:501;}
#langsFormContainer {z-index:501;}
#langsFormContainer #langsContainer {top:0;}


/*5
--------------------------------------------------------------------------------
=NAV-top : Banner
------------------------------------------------------------------------------*/
/*=NAV-TOP (generic rules, to be reused/revised for MyENRD navigation boxes)*/

#nav-top {width:100%;position:absolute;top:0;left:0;height:79px;padding:19px 180px 0 0;z-index:100;text-align:right;}
.lang_en #nav-top {background:#fff url('../images/RDPguide/banner-REG_en.png') repeat-x 0% 100%;}
.lang_de #nav-top {background:#fff url('../images/RDPguide/banner-REG_de.png') repeat-x 0% 100%;}
.lang_fr #nav-top {background:#fff url('../images/RDPguide/banner-REG_fr.png') repeat-x 0% 100%;}
.lang_it #nav-top {background:#fff url('../images/RDPguide/banner-REG_it.png') repeat-x 0% 100%;}
.lang_pl #nav-top {background:#fff url('../images/RDPguide/banner-REG_pl.png') repeat-x 0% 100%;}
.lang_es #nav-top {background:#fff url('../images/RDPguide/banner-REG_es.png') repeat-x 0% 100%;}

#nav-top img.glossaryButton{margin-right:22%;padding-left:14px;}

/*
--------------------------------------------------------------------------------
=NAV : Navigation Left
------------------------------------------------------------------------------*/
#RDPguide #container #wrapper  #navigation {
    float: left;
    width: 200px;
}

#RDPguide #container #wrapper  #navigation {
    margin: 120px 35px 0 10px;
    padding-bottom: 200px;
}


	
#RDPguide #container #wrapper #navigation ul {padding: 0; margin: 0; list-style: none; width:210px;}
#RDPguide #container #wrapper #navigation ul {background-color: transparent; margin-top: 4px;}

#RDPguide #container #wrapper #navigation li .hitarea {background-image: url(../images/tnc_guide/arrow_menu_down.png);background-position:left 0px;background-repeat:no-repeat;margin-left:-20px; height: 19px;width: 22px;float: left;cursor: pointer;}

#RDPguide #container #wrapper #navigation li li .hitarea{height:19px; width: 19px;}

#RDPguide #container #wrapper #navigation li.style01 .hitarea {background-image: url(../images/tnc_guide/arrow_menu_pink_down.png);}
#RDPguide #container #wrapper #navigation li.style02 .hitarea {background-image: url(../images/tnc_guide/arrow_menu_blue_down.png);}
#RDPguide #container #wrapper #navigation li.style03 .hitarea {background-image: url(../images/tnc_guide/arrow_menu_green_down.png);}
#RDPguide #container #wrapper #navigation li.style04 .hitarea {background-image: url(../images/tnc_guide/arrow_menu_brown_down.png);}
#RDPguide #container #wrapper #navigation li.style01 li .hitarea,#RDPguide #container #wrapper #navigation li.style02 li .hitarea,#RDPguide #container #wrapper #navigation li.style03 li .hitarea,#RDPguide #container #wrapper #navigation li.style04 li .hitarea {background-image: url(../images/tnc_guide/arrow_menu_down.png);}

/* fix for IE6 */
* html .hitarea {display: inline; float:none;}

#RDPguide #container #wrapper #navigation li {margin: 0px 0;padding:16px 0pt 16px 20px;border-bottom:solid 1px #666;}
#RDPguide #container #wrapper #navigation li li {border:none; padding:4px 8px;}

#RDPguide #container #wrapper #navigation li a { text-transform:uppercase; text-decoration:none; font-size:11px;font-weight:bold; color:#333;}
#RDPguide #container #wrapper #navigation li ul li a {border:none;padding:0px 0 0px 0px; text-transform: none; border:none;}

#RDPguide #container #wrapper #navigation a.selected { font-weight:bold;}

/*#treecontrol { margin: 1em 0; display: none; }*/

#RDPguide #container #wrapper #navigation .hover {color: #2a657d; cursor: pointer;}
#RDPguide #container #wrapper #navigation li {background-image: none;}
/*#navigation li.title01 { background-image:url(../images/arrow_contents_pink.png);}*/
#RDPguide #container #wrapper #navigation li.collapsable,#RDPguide #container #wrapper #navigation li.expandable {background-position: 0 -176px;}
#RDPguide #container #wrapper #navigation li.styleHome {background-image: url(../images/tnc_guide/icon_home.png);background-position:left 17px;background-repeat:no-repeat;margin-left:0px;}

#RDPguide #container #wrapper #navigation li .expandable-hitarea {background-position:left 0px;background-repeat:no-repeat;margin-left:-20px;}
#RDPguide #container #wrapper #navigation li.style01 .expandable-hitarea {background-image: url(../images/tnc_guide/arrow_menu_pink.png);}
#RDPguide #container #wrapper #navigation li.style01 {background-image: url(../images/tnc_guide/arrow_menu_pink.png);background-position:left 15px;background-repeat:no-repeat;margin-left:0px;}
#RDPguide #container #wrapper #navigation li.style02 .expandable-hitarea {background-image: url(../images/tnc_guide/arrow_menu_blue.png);}
#RDPguide #container #wrapper #navigation li.style02 {background-image: url(../images/tnc_guide/arrow_menu_blue.png);background-position:left 15px;background-repeat:no-repeat;margin-left:0px;}
#RDPguide #container #wrapper #navigation li.style03 .expandable-hitarea {background-image: url(../images/tnc_guide/arrow_menu_green.png);}
#RDPguide #container #wrapper #navigation li.style03 {background-image: url(../images/tnc_guide/arrow_menu_green.png);background-position:left 15px;background-repeat:no-repeat;margin-left:0px;}
#RDPguide #container #wrapper #navigation li.style04 .expandable-hitarea {background-image: url(../images/tnc_guide/arrow_menu_brown.png);}
#RDPguide #container #wrapper #navigation li.style04 {background-image: url(../images/tnc_guide/arrow_menu_brown.png);background-position:left 15px;background-repeat:no-repeat;margin-left:0px;}
#RDPguide #container #wrapper #navigation li.style05{background-color:#abdac8;}
#RDPguide #container #wrapper #navigation li.style05 a{color:#25586d;} 


#RDPguide #container #wrapper #navigation li.style01 li .expandable-hitarea, #RDPguide #container #wrapper #navigation li.style02 li .expandable-hitarea,#RDPguide #container #wrapper #navigation li.style03 li .expandable-hitarea,#RDPguide #container #wrapper #navigation li.style04 li .expandable-hitarea {
background-image: url(../images/tnc_guide/arrow_menu.png);background-position:left 3px;background-repeat:no-repeat;margin-left:-20px;}

#RDPguide #container #wrapper #navigation div.lastCollapsable-hitarea, #RDPguide #container #wrapper #navigation div.lastExpandable-hitarea { background-position: 0; }


#RDPguide #container #wrapper #navigation li.banner01, #RDPguide #container #wrapper #navigation li.banner02  {
  border-bottom: medium none;
  margin: 20px 0 0 -14px;
  padding:0;
  text-align:center;}
  
#RDPguide #container #wrapper #navigation li.banner02 {margin-top:0;}
  /*

/*7
--------------------------------------------------------------------------------
=FOOTER ('sticky footer' https://www.cssstickyfooter.com)
Don't change these rules; they force the footer to stay at the bottom of the window
------------------------------------------------------------------------------*/
html, body, #top {height:100%;}
body > #top {height:auto;min-height:100%;}
#container {padding-bottom:33px;/*must be same height as the footer*/
overflow:hidden;/*fixes problems caused by any floated elements inside the container*/background:transparent;}
#date {position:relative;margin-top:-33px;/*negative value of footer height*/height:33px;clear:both;}
/*Fix for having the footer always stay at the bottom of the page, and having full-height faux columns.*/
#top {float:left;padding:0;width:100%;}

/*FOOTER (generic presentation rules)*/
div.date {background:#ded8c7 url('../images/footer_bg.png') repeat-x top left;float:left;width:100%;margin:0;padding:0;}
div.date p {color:#fff;margin:0;text-transform:uppercase;width:205px;padding:10px 0 10px 5px;font-size:0.8em;float:left;background:url('../images/bg_date.png') repeat-x top left;letter-spacing:-0.1em;}
div.date p a {color:#fff !important;text-decoration:none;}
div.date p a:hover {color:#fff !important;text-decoration:underline;}
div.date #statement {}
div.date #statement p {background:transparent;color:#000 !important;padding:19px 0 10px 30px;text-transform:capitalize;width:auto;font-size:0.9em;letter-spacing:0;line-height:36px;}
div.date #statement p a {color:#000 !important;text-decoration:underline;padding:10px 5px;}
div.date #statement p a:hover {text-decoration:underline;}






/*=ASIDE*/

.lang_en #aside {background-image:url('../images/RDPguide/bckg_aside.png');}
.lang_fr #aside {background-image:url('../images/RDPguide/bckg_aside_fr.png');}
.lang_de #aside {background-image:url('../images/RDPguide/bckg_aside_de.png');}
.lang_it #aside {background-image:url('../images/RDPguide/bckg_aside_it.png');}
.lang_pl #aside {background-image:url('../images/RDPguide/bckg_aside_pl.png');}
.lang_es #aside {background-image:url('../images/RDPguide/bckg_aside_es.png');}

body.public #aside {padding-top:110px;margin-top:0;}
body.public #aside {float:right;width:20%;margin-top:0px;background-color:transparent;z-index:150;
/*background-image:url('../images/RDPguide/bckg_aside.png');*/
background-repeat:no-repeat;
background-position:top left;
height:800px;
position:relative;
}



body.public #aside {padding-top:28px;margin:0 0 0 0;}
body.public #aside .Logos {margin-left:8px; background-color:#fff;}
#fontSize {
    position: absolute;
    right: 10px;
    top: 27px;
    z-index: 200;
}
div#share_box {z-index:1000;}
body.public #aside #ContentAside {margin-left:9px;margin-top:20px; text-align:center;color:#666;}
body.public #aside #ContentAside a {text-decoration:none;color:#8FA965;}
/*HOMEPAGE*/
body.public #aside #ContentAside .videoAside {margin-top:0px;width:200px; margin-left:auto; margin-right:auto;}
body.public #aside #ContentAside .videoAside p{text-align:left;}
body.public #aside #ContentAside .videoAside .video2 {margin-top:30px;}
body.public #aside #ContentAside .banner {margin-top:20px;}

/*PAGE*/
body.public #aside #ContentAside .pageContent {margin-top:150px; width:240px; margin-left:auto; margin-right:auto; text-align:center;border:solid 0px red;}
body.public #aside #ContentAside .pageContent p.picture {margin:16px auto;text-align:center;}
body.public #aside #ContentAside .pageContent p {text-align:left;margin: 10px 4px;font-size:12px;}
body.public #aside #ContentAside .pageContent .infoBox {display:block; width:auto; background-image:url(../images/tnc_guide/bt_aside_info.png); background-repeat:no-repeat; background-position:left top;margin:0; padding:36px 10px 0 24px;text-align:left;}
body.public #aside #ContentAside .pageContent .infoBox ul li {margin:6px 0;line-height:1.4em;font-size:12px;}

body.public #aside #ContentAside .pageContent .exBox {display:block; width:auto; margin:0px; padding:26px 10px 6px 24px;text-align:left;}

.lang_en .exBox {background-image:url(../images/tnc_guide/bt_aside_ex.png); background-repeat:no-repeat; background-position:left top;}
.lang_fr .exBox {background-image:url(../images/tnc_guide/bt_aside_ex_fr.png); background-repeat:no-repeat; background-position:left top;}
.lang_de .exBox {background-image:url(../images/tnc_guide/bt_aside_ex_de.png); background-repeat:no-repeat; background-position:left top;}
.lang_it .exBox {background-image:url(../images/tnc_guide/bt_aside_ex_it.png); background-repeat:no-repeat; background-position:left top;}
.lang_pl .exBox {background-image:url(../images/tnc_guide/bt_aside_ex_pl.png); background-repeat:no-repeat; background-position:left top;}
.lang_es .exBox {background-image:url(../images/tnc_guide/bt_aside_ex_es.png); background-repeat:no-repeat; background-position:left top;}

body.public #aside #ContentAside .pageContent .exampleBpx {display:block; width:auto; background-image:url(../images/tnc_guide/icon_example.png); background-repeat:no-repeat; background-position:left top;margin:0px; padding:36px 10px 0 24px;text-align:left;}

body.public #aside #ContentAside .pageContent .tools {display:block; width:auto; height:51px; background-image:url(../images/tnc_guide/bg_ul_aside.png); background-repeat:repeat-x; background-position:left top;margin:0px; padding:0px;text-align:left;}
body.public #aside #ContentAside .pageContent .tools p{padding:5px 30px;margin:0 auto;}
body.public #aside #ContentAside .pageContent .tools a{color:#FFFFFF;font-size:11px;}

#RDPguide #content-main .colgroup table.tnc {width:auto;border:solid 1px #ccc;margin:20px 20px;}
#RDPguide #content-main .colgroup table.tnc td,#RDPguide table th {border:solid 1px #ccc;padding:6px;text-align:left;}

#RDPguide #content-main .colgroup table.tnc th {color:#fff;background-color:#698B22;}

p.next{float:right;}
p.next a{font-weight:bold;text-decoration:none;}

  /*
--------------------------------------------------------------------------------
=HOME PAGE
------------------------------------------------------------------------------*/
#RDPguide  #content-main  .welcome{width:100%;overflow:hidden;}
#RDPguide  #content-main  .welcome .left{width:80%;border:solid 0px red;float:left;}
#RDPguide  #content-main  .welcome .right{width:19%;border:solid 0px blue;float:left;}
#RDPguide  #content-main  .welcome .right img{margin-top:1.4em; margin-left:1em;border:0;}
.titleHome {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:24px;color:#999; text-transform: uppercase;}

/* ////////////// Box and Captions ////////////// */
.tncGuideBox {margin:0 auto; text-align:center; max-width:660px; margin-top:0px; overflow:auto; margin-top:0px;}

.tncGuideBoxHome{width: 312px; height: 220px; padding:0px; margin:8px; float:left; overflow: hidden; position: relative; text-align:left; border:solid 0px red;}
.tncGuideBoxHome p {margin:0 14px;}
.tncGuideBoxHome #tncOverview p {color:#d2937a;font-size:13px;font-weight:bold;}
.tncGuideBoxHome #tncPlanning p {color:#2a657d;font-size:13px;font-weight:bold;}
.tncGuideBoxHome #tncImplementation p {color:#7e6f53;font-size:13px;font-weight:bold;}
.tncGuideBoxHome #tncFollowUp p {color:#43691c;font-size:13px;font-weight:bold;}

.tncGuideBoxHome #tncOverview1 p {color:#d2937a;font-size:13px;font-weight:bold;}
.tncGuideBoxHome #tncPlanning1 p {color:#2a657d;font-size:13px;font-weight:bold;}
.tncGuideBoxHome #tncImplementation1 p {color:#7e6f53;font-size:13px;font-weight:bold;}
.tncGuideBoxHome #tncFollowUp1 p {color:#43691c;font-size:13px;font-weight:bold;}

.tncGuideBoxHome #tncOverview2 p {color:#d2937a;font-size:13px;font-weight:bold;}
.tncGuideBoxHome #tncPlanning2 p {color:#2a657d;font-size:13px;font-weight:bold;}
.tncGuideBoxHome #tncImplementation2 p {color:#7e6f53;font-size:13px;font-weight:bold;}
.tncGuideBoxHome #tncFollowUp2 p {color:#43691c;font-size:13px;font-weight:bold;}

#content-main .tncGuideBoxHome  p.titleTNCHome { margin:0; padding-top:30px;padding-left:10px;color:#fff; font-weight:bold; font-size:13px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
#content-main .tncGuideBoxHome ul {margin:20px 0 0 30px;}

.tncGuideBoxHome #tncOverview{background-image: url(../images/RDPguide/quickview_bg_pink.png); background-position:bottom; background-repeat:no-repeat; width:312px;height:220px;}
.tncGuideBoxHome #tncOverview1{background-image: url(../images/RDPguide/quickview_bg_pink_middle.png); background-position:bottom; background-repeat:no-repeat; width:312px;height:220px;}
.tncGuideBoxHome #tncOverview2{background-image: url(../images/RDPguide/quickview_bg_pink_big.png); background-position:bottom; background-repeat:no-repeat; width:312px;height:220px;}
#content-main .tncGuideBoxHome #tncOverview ul li {list-style-type:none;list-style-image:url(../images/tnc_guide/arrow_contents_pink.png); margin:4px 4px 4px 20px;}
#content-main .tncGuideBoxHome #tncOverview1 ul li {list-style-type:none;list-style-image:url(../images/tnc_guide/arrow_contents_pink.png); margin:4px 4px 4px 20px;}

.tncGuideBoxHome #tncPlanning{background-image: url(../images/RDPguide/quickview_bg_blue.png); background-position:bottom; background-repeat:no-repeat; width:312px;height:220px;}
.tncGuideBoxHome #tncPlanning1{background-image: url(../images/RDPguide/quickview_bg_blue_middle.png); background-position:bottom; background-repeat:no-repeat; width:312px;height:220px;}
.tncGuideBoxHome #tncPlanning2{background-image: url(../images/RDPguide/quickview_bg_blue_big.png); background-position:bottom; background-repeat:no-repeat; width:312px;height:220px;}
#content-main .tncGuideBoxHome #tncPlanning ul li {list-style-type:none;list-style-image: url(../images/tnc_guide/arrow_contents_blue.png); margin:4px 4px 4px 20px;}
#content-main .tncGuideBoxHome #tncPlanning1 ul li {list-style-type:none;list-style-image: url(../images/tnc_guide/arrow_contents_blue.png); margin:4px 4px 4px 20px;}

.tncGuideBoxHome #tncImplementation{background-image: url(../images/RDPguide/quickview_bg_brown.png);  background-position:bottom; background-repeat:no-repeat; width:312px;height:220px;}
.tncGuideBoxHome #tncImplementation1{background-image: url(../images/RDPguide/quickview_bg_brown_middle.png);  background-position:bottom; background-repeat:no-repeat; width:312px;height:220px;}
.tncGuideBoxHome #tncImplementation2{background-image: url(../images/RDPguide/quickview_bg_brown_big.png);  background-position:bottom; background-repeat:no-repeat; width:312px;height:220px;}
#content-main .tncGuideBoxHome #tncImplementation ul li {list-style-type:none;list-style-image: url(../images/tnc_guide/arrow_contents_brown.png); margin:4px 4px 4px 20px;}
#content-main .tncGuideBoxHome #tncImplementation1 ul li {list-style-type:none;list-style-image: url(../images/tnc_guide/arrow_contents_brown.png); margin:4px 4px 4px 20px;}

.tncGuideBoxHome #tncFollowUp{background-image: url(../images/RDPguide/quickview_bg_green.png);  background-position:bottom; background-repeat:no-repeat; width:312px;height:220px;}
.tncGuideBoxHome #tncFollowUp1{background-image: url(../images/RDPguide/quickview_bg_green_middle.png);  background-position:bottom; background-repeat:no-repeat; width:312px;height:220px;}
.tncGuideBoxHome #tncFollowUp2{background-image: url(../images/RDPguide/quickview_bg_green_big.png);  background-position:bottom; background-repeat:no-repeat; width:312px;height:220px;}
#content-main .tncGuideBoxHome #tncFollowUp ul li {list-style-type:none;list-style-image: url(../images/tnc_guide/arrow_contents_green.png); margin:4px 4px 4px 20px;}
#content-main .tncGuideBoxHome #tncFollowUp ul li {list-style-type:none;list-style-image: url(../images/tnc_guide/arrow_contents_green.png); margin:4px 4px 4px 20px;}
 
.tncGuideBoxHome p span a{position:absolute;right:10px;bottom:10px;display:block;width:50px;height:20px;font-weight:bold;border:solid 0px red; text-decoration:none;}
.tncGuideBoxHome .boxcaptionEvents{float: left; position: absolute; background: #fff; height: 240px; width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
#events .EventsPage .captionfullEvents .boxcaptionEvents {top: 260px; left: 7px;}
.EventsPage img {float:left; padding:6px;}

#wrapper #content-main #tncOverview a {
  color: #698B22;
  text-decoration: underline;
}

/* //////////////  //EVENTS PAGE Sliding Box and Captions ////////////// */

/* /////////////////////// TRIGGER //////////////////////////////////////////////*/
html {
	overflow-Y: scroll;
}


*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
	border:solid 0px red;
}


#wrapper #content-main .colgroup .containerTest {
	width: 630px;
	margin: 20px auto;
}


#wrapper #content-main .colgroup .containerTest h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(../images/tnc_guide/h2_trigger_a.png) no-repeat;
	height: 30px;
	line-height:30px;
	width: 630px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
#wrapper #content-main .colgroup .containerTest h2.trigger a {
	color:#666;
	text-decoration: none;
	display: block;
	width: 574px;
	font-size:14px;
	font-weight:bold;
}
#wrapper #content-main .colgroup .containerTest h2.trigger a:hover {
	color: #ccc;
}
#wrapper #content-main .colgroup .containerTest h2.active {background-position: left bottom;}
#wrapper #content-main .colgroup .containerTest .toggle_container {
	margin: 0 0 5px;
	padding: 0;
	/*background: #f0f0f0 url(../images/tnc_guide/toggle_block_stretch.gif) repeat-y left top;*/
	overflow: hidden;
	font-size: 1em;
	width: 630px;
	clear: both;
}
#wrapper #content-main .colgroup .containerTest .toggle_container .block {
	padding: 20px;
}
#wrapper #content-main .colgroup .containerTest .toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
#wrapper #content-main .colgroup .containerTest .toggle_container h3 {
	font: 2.5em normal;
	font-family:Georgia,"Times New Roman",Times,serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
#wrapper #content-main .colgroup .containerTest .toggle_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}

/*/////////////////// END TRIGGER ////////////////////////////*/

/*/////////////////// GLOSSARY ////////////////////////////*/
.colgroup dt {color:#999;text-transform:uppercase;float:left;width:20%;margin:2em 2% 0 0;background-color:transparent;display:block;}
.colgroup dd {margin:2em 0 0;min-height:4em;padding:0;float:left;width:66%;display:block;}
.colgroup dl {margin:0 5px 0 10px;color:#555;font-size:0.9em;overflow:hidden;}
.colgroup dd p, .colgroup dd ul li {margin:0;padding:0;}
#glossary  a.all {
    font-size: 0.8em;
    font-weight: normal;
    left: 1.1em;
   /* position: absolute;
    top: 3.15em;
	display:block;*/
}

#RDPguide #content-main ul#nav-glossary {background:#efefef;margin:0 0 0 0px;padding:4px;}
#RDPguide #content-main ul#nav-glossary li {display:inline;line-height:2;padding:2px; margin-left:0;}
.colgroup #nav-glossary li a {font-weight:bold;}
.colgroup #nav-glossary li a.selected {background:#ccc;}
.colgroup a.glossary {cursor:help;}/*for keyword links in the text*/

/*/////////////////// END OF GLOSSARY ////////////////////////////*/

/*Change URL GR in EL in the top of the banner*/
.lang_en #linkBoxTools ul .LinkEL, .lang_fr #linkBoxTools ul .LinkEL, .lang_de #linkBoxTools ul .LinkEL, .lang_it #linkBoxTools ul .LinkEL, .lang_pl #linkBoxTools ul .LinkEL, .lang_es #linkBoxTools ul .LinkEL, .lang_ro #linkBoxTools ul .LinkEL  {display:none;}
.lang_en #path ul .LinkEL, .lang_fr #path ul .LinkEL, .lang_de #path ul .LinkEL, .lang_it #path ul .LinkEL, .lang_pl #path ul .LinkEL, .lang_es #path ul .LinkEL, .lang_ro #path ul .LinkEL  {display:none;}
.lang_gr #linkBoxTools ul .LinkOthers {display:none;}
.lang_gr #path ul .LinkOthers {display:none;}