@charset "UTF-8";

/* STRUCTURE */
body{margin:10px; font-family:Helvetica, Arial, sans-serif; font-size:75%;}
#page{width:750px; border:0px solid red;}
#main_nav{width:145px; margin-right:19px; float:left;}
#content{width:427px;  margin:0 10px 40px 0; float:left;}
#sidebar{width:147px; float:left; overflow:hidden;}
#footer{clear:both; margin-left:165px; border-top:1px solid #008bd0; color:#777;}
.col {float:left;}
.c2 {width:203px; margin:0 10px 0 0;}

/* NAVIGATION */
#globalnav span.new {position:absolute; top:-13px; right:5px; display:block; padding:.5em .4em .2em; background-color:#F96111; font-size:70%; font-weight:bold; line-height:1em;}
#secondnav .members-portal{color:#fff; margin-left:20px;}

#main_nav {border-top:none;}
#main_nav ul.level1 li.shortcuts {margin-top:2px;}
#main_nav ul.level1 li.shortcuts, #main_nav ul.level1 li.shortcuts li{background-color:#195893;}
#main_nav ul.level1 li.shortcuts > a {background:url(../../Images/Common/arrow_nav_white.gif) 130px 50% no-repeat}
#main_nav a.reach_bt{display:block; width:145px; height:42px; margin:0; padding:0; border-bottom:1px solid #fff; background:url(../../Images/ceflogos/cefic_reach_logo.gif) 0 0 no-repeat; text-indent:-3000px; overflow:hidden;}
#main_nav a.reach_bt:hover{background:url(../../Images/ceflogos/cefic_reach_logo.gif) 0 -42px no-repeat;}

/* CONTENT */ 
#content h2{margin:0 0 1em; color:#0d5794;}
#content h3{margin:0 0 .5em; color:#0d5794; font-size:110%;}
#content a:hover{text-decoration:underline;}
#content a.more {padding-left:10px; background:url(../../Images/cefic_arrow_orange.gif) no-repeat scroll 0 55%;}
h1 a, h2 a, h3 a, h4 a, h5 a {color:#0099cc;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {color:#F96111;}
#content.col2 { background: url(../../Images/Home/home_col_line.gif) 212px 0 repeat-y;}

/* HOMEPAGE */
#content .news h2 {font-size:120%;}
#content .news h3 {font-size:18px; font-weight:normal;}
#content .news p {margin-bottom:20px;}
#content .news p a.more {line-height:2.5em;}
#content .news p, #content .hl p {font-size:13px; color:#333; line-height:1.4em;}
#content .hl h3 {position:relative; margin:0; padding:6px 6px 4px 13px; background:#f0f0f0; font-size:12px;}
#content .hl h3 span.new {position:absolute; top:5px; right:5px; padding:2px 2px 1px; background-color:#F96111; color:#fff; font-size:85%;}
#content .hl .mod p {margin:0; padding:0; border-bottom:1px solid #d5d5d5;}
#content .hl .mod p a {display:block; padding:12px 0 12px 12px; color:#333;}
#content .hl .mod p a:hover { background:#f8f8f8; text-decoration:none; color:#F96111;}
#content .hl .mod p a img {border:1px solid #0d5794;}
#content .hl .mod p a:hover img {border:1px solid #F96111;}
#content .hl .mod p strong {display:block; font-weight:bold;}
#content .hl .mod p img {float:left; margin:0 13px 13px 0;}
#content .hl .mod p.last {margin-bottom:10px; border:none;}
#content .hl .mod p.last a {margin-left:13px;  color:#0000CC;}
#content .hl .mod p.last a:hover {background:#fff url(../../Images/cefic_arrow_orange.gif) no-repeat scroll 0 55%; color:#F96111;}

/* SIDEBAR */
#sidebar h3 {margin:0; padding:6px 4px 4px; background:#f0f0f0; font-size:10px; color:#0d5794; text-align:center;}
#sidebar div.banner{background:#195893; color:#fff; text-align:center;}
#sidebar div.banner h3{margin:0; padding:.5em; background-color:transparent; color:#fff; font-size:12px;}
#sidebar div.banner h3 a {color:#fff;}
#sidebar div.banner p{margin:0; padding:.4em;}
#sidebar div.programs a img{display:block; border:1px solid #d5d5d5; line-height:0;}
#sidebar div.programs a:hover img{border:1px solid #0d5794;}
#sidebar div.advertising, #sidebar div.banner, #sidebar div.programs {margin:0 0 20px;}


/* FOOTER */
#footer {position:relative;}
#footer ul{margin:20px 0 40px; padding:0; list-style:none;}
#footer li {display: inline; margin: 0 10px 0 0;}
#footer li a {color:#008bd0;}
#footer li a:hover{ text-decoration:underline;}
#footer a.banner{position:absolute; right:30px; top:20px; border:none;}
#footer a.banner img{border:none;}
#footer #karakas a{color:#777;}
#footer #karakas a:hover{color:#000;}

/* PUBLICATIONS */
#publicationsearch div {position:relative; width:236px; height:21px; margin:0 0 2em;}
#content .searchquery {position:absolute; width:216px; height:21px; background: url(../../Images/header/cefic_search_left.jpg) 0 0 no-repeat; border:none; line-height:1em; font-size:12px; color:#666; padding: 4px;}
#content .searchbutton {position:absolute; right:0;}

#content ul.tag_list{margin:0 0 1.5em -.3em; padding:0; list-style:none;}
#content ul.tag_list li {display:inline; padding:0 .3em; border-right:1px solid #666;}
#content ul.tag_list li a {line-height:1.5em; white-space:nowrap;}

#content ul.pagination {margin:0 0 1.5em -.5em; padding:0; list-style:none; clear:both;}
#content ul.pagination li {display:inline; padding:0;}
#content ul.pagination li a {padding:.5em; line-height:1.5em; white-space:nowrap;}
#content ul.pagination li.next a{padding-right:10px; background:url(../../Images/cefic_arrow_orange.gif) 100% 55% no-repeat;}
#content ul.pagination li.prev a{padding-left:10px; background:url(../../Images/cefic_arrow_orange_left.gif) 0 55% no-repeat;}

ul.publications_list {margin:-1em 0 1em; padding:0; list-style:none; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
ul.publications_list li {padding:1em 0; border-top:1px dotted #ccc;}
ul.publications_list li:first-child {border:none;}
ul.publications_list h4 {margin: .5em 0 .2em; font-size:14px; color:#333; font-weight:bold
;}
ul.publications_list h4 a {color:#333;}
ul.publications_list p{float:left; line-height:1.6em;}
ul.publications_list p.desc{width:355px;}
ul.publications_list img.cover {margin:0 10px 20px 0; border:1px solid #0d5794;}
ul.publications_list img.icon {margin:0 10px 20px 0; border:none;}
ul.publications_list a:hover img.cover {border:1px solid #f96111;}

a.pdf{padding:.6em 0 .5em 23px; background:url(../../Images/icons/icon_pdf.gif) 0 50% no-repeat; line-height:1.4em;}
a.doc{padding:.6em 0 .5em 23px; background:url(../../Images/icons/icon_doc.gif) 0 50% no-repeat; line-height:1.4em;}
a.ppt{padding:.6em 0 .5em 23px; background:url(../../Images/icons/icon_ppt.gif) 0 50% no-repeat; line-height:1.4em;}
a.txt{padding:.6em 0 .5em 23px; background:url(../../Images/icons/icon_blank.gif) 0 50% no-repeat; line-height:1.4em;}
a.xls{padding:.6em 0 .5em 23px; background:url(../../Images/icons/icon_xls.gif) 0 50% no-repeat; line-height:1.4em;}
a.zip{padding:.6em 0 .6em 23px; background:url(../../Images/icons/icon_zip.gif) 0 20% no-repeat; line-height:1.4em;}
a.jpeg{padding:.6em 0 .5em 23px; background:url(../../Images/icons/icon_jpeg.gif) 0 50% no-repeat; line-height:1.4em;}
a.blank{padding:.6em 0 .5em 23px; background:url(../../Images/icons/icon_blank.gif) 0 50% no-repeat; line-height:1.4em;}


/* UTILS */
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}