/* Legacy CSS - deprecate ASAP */


body {background: #142F97; font-size: 100%; margin-top:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1em; padding-top:0px;}

h1, h2, h3, h4 {letter-spacing: 0.1em; font-weight:normal; font-family: arial;}
h1 {font-size:180%; margin-bottom:0px; padding-bottom:0px; }
h2 {font-size:150%; padding-top:0px; margin-top:0px}
h3 {font-size:120%; clear:both}
h4 {font-size:90%; margin-bottom: 0;}
h5 {font-size:75%; font-weight:normal; padding-top:3px; line-height:normal}
p {font-size: 0.75em; line-height:1.4; }
p.byline {color: #333; font-style: italic;}
li {font-size: 0.75em;}
a {color:#3861aa; text-decoration:underline}
ul.plain, ul.plain li, ul.inline, ul.inline li {list-style-type: none; margin-left: 0; padding-left: 0;}
ul.inline li {display: inline; margin-right: 1em;}
ul.inline.nowrap li {white-space:nowrap;}
.note {font-style: italic;}
.note.important {color: #C80E43; margin: 1em 0;}
.right {text-align: right;}
.snug.top {margin-top: 0;}
.table th {color:#3861aa; font-weight:normal; line-height:normal; text-align:left; padding:3px 1px 6px 1px}
.table td {font-size:90%; line-height:normal; border-bottom:1px solid #999999;}

#container {width:800px; margin-left:auto; margin-right:auto; padding:0; background-color: #fff; border: 1px solid #132c8d; border-width: 0 1px 1px 1px;}

#top {padding-left:0px; padding-right:0px; width:800px; margin-bottom:0px; background-color:#FFFFFF}
#topbanner {display:block; /*background:url(img/twopointsline.gif) bottom left repeat-x;*/ padding-bottom:12px; height:90px; position:relative}
a#CERN_logo {display: block; width: 56px; height: 55px; background: url(http://press.web.cern.ch/press/Objects/Common/CERNLogo.gif) -10px -10px no-repeat; position: absolute; left: 12px; bottom: 30px;}
a#CERN_logo span, #site_title span, #section_title span {display: none;}
#site_title, #section_title {margin: 0; padding: 0;}
.lang-en #site_title a {display: block; width: 220px; height: 39px; background: url(http://press.web.cern.ch/press/Objects/Common/CERNLogo.gif) -82px -28px no-repeat; position: absolute; left: 86px; bottom: 30px;}
#section_title a {display: block; width: 800px; height: 52px; margin: 1em 0; background: url(img/banner.png) 0px 0px no-repeat;}
#services {font-size:9px; padding:10px; text-align:right; width: 300px; position: absolute; right: 0; top: 20px;}
#services a {color:#222; text-decoration:none}
#services form {margin-top: 20px;}

#breadcrumbs {font-size: 0.65em; color: #999; padding-left: 30px; margin: 2em 0;}
#breadcrumbs a {text-decoration: none;}
#breadcrumbs a:hover {text-decoration: underline;}

#lang_switch {font-size: 9px; color: #222; text-decoration: none; position: absolute; right: 10px; bottom: 0px;}




#middle {width:800px;height:100%;clear: both;/*background:url(img/bg_content.gif) top left repeat-y;*/margin:0; padding: 20px 0 0 0;}

.homemiddle {background:  url(img/BackMiddle.gif) top left #FFFFFF repeat-y}
.hometext {width:512px; clear:left; float:left; background: transparent; margin-top:0px; margin-bottom:12px;padding-left:12px; padding-right:36px;padding-bottom:12px;}



#content {width:560px; float:left; margin:0 0 0 20px; padding: 0; /* background: url(img/degradepointshorizontalrtl.gif) bottom right no-repeat;*/}
.sidebars #content {width: 340px;}
.sidebars #sidebar-right {width: 200px; float: left; margin-left: 20px; padding-top: 0;}
.sidebars #sidebar-right h3 {color: #333; font-size: 0.9em; text-transform: uppercase;}
#latest li {font-size: 0.7em; color: #666; margin-bottom: 1.2em;}
#latest .date {color: #999;}

#menuleft {width:180px; float:left; background-color: #fff; font-weight:normal; margin: 0 0 0 20px; padding: 0 0 0 0;}
#menuleft h2 {color: #444; font-size: 12px; text-transform: uppercase; letter-spacing: 1px;}
#menuleft ul, #menuleft ul li { list-style-type: none; padding: 0 0 0 0; margin: 0 0 0 0;}
#menuleft ul li {font-size: 12px;}
#menuleft li.active a {color: #000;}
#menuleft li a, #menuleft li.active li a {color: #999; text-decoration: none;}
#menuleft li a {display: block; margin-bottom: 5px; padding: 0 0 5px 12px; border-bottom: 1px dotted #999; background: url(img/menu_square.gif) 0px 2px no-repeat;}
#menuleft li a:hover, #menuleft li.active a:hover {color: #ff690a;}
#menuleft li li a {padding-left: 20px; background-image: none;}	

#mainphoto {background:url(img/linetwopoints.gif) bottom left repeat-x;  padding: 30px 0;  margin-bottom:0px; /*border-top:1px solid #999999;padding-top:3px; */ height:100px; overflow: hidden; position: relative;}
#mainphoto img {margin: 0; padding: 0; border: none;}



#menuright {float:right; width:216px; padding-left:12px; padding-right:12px}
.rmenuitem {border-bottom:1px dotted #999999; height:40px; padding-bottom:4px; padding-left:58px; position:relative}
.rmenutext {color:#3861aa; font-size:0.9em;	font-weight:normal;	display:inline;	margin-bottom:0px;	padding-bottom:0px;	position:absolute; bottom:0px; left: 60px; width: 156px;}
#menuright a {color:#555555; text-decoration:none}


.ritem {padding-left:56px; padding-bottom:4px; padding-left:0px; padding-top:6px }
.rmenulist {list-style:none outside; padding-left:0px; margin-left:0px;  list-style-image:none; color:#666666; font-size:0.8em; line-height:1.2em; margin-right:0px;}
.rmenulist li {border-bottom:1px dotted #999999; padding-left:6px}

#footer {background:url(img/twopoints.gif) top left repeat-x #ffffff; padding:12px; margin-bottom:0px;  text-align:right; color:#666666;}
#footer p, #footer li, #footer h3 {font-size: 0.6em; margin: 0.5em 0;}
#footer h3 {margin-top: 18px; letter-spacing: 0.3em;}
#bottom {width:800px; padding-left:0px; padding-right:0px; margin-top:0px; margin-bottom:0px; padding-top:0px;  height:12px;}


.feature_box {background-color: #f0f0f0; padding: 20px; border: 1px solid #e6e6e6; margin: 20px 0;}
.feature_box h4 {margin-top: 0;}

#feature_list {padding-left: 0;}
#feature_list li {font-style: italic; list-style-type: none; color: #999; font-size: 0.7em; margin-bottom: 0.7em; padding-left: 0;}


/*.active {background-color:#E0E0E0; padding-bottom:0px; padding-left:0px; padding-right:0px;  color:#000000} */

.more {text-align: right;}
.box {border: 1px dotted #999; padding: 0.5em; color: #555;}

#accreditation_download {text-align: right; margin: 2em 0 4em 0;}
#accreditation_download a {background-color: #3861aa; color: #fff; padding: 0.5em; text-decoration: none; padding-right: 20px; background: #3861aa url(img/arrow_blue.png) center right no-repeat;}
#accreditation_download a:hover {text-decoration: underline;}


p.address span {display: block;}



#twitter_block {padding: 0 10px 10px 10px; border: 1px dotted #e1e1e1; margin: 20px 0;}
#twitter_block h2 {font-size: 1.2em; letter-spacing: 0.1em;}
#twitter_block h3 {font-size: 1em; font-weight: normal;}
.tweet {font-size: 0.95em;}
.tweet .date {display: block; color: #888; white-space: nowrap; font-size: 0.9em;}
#twitter_rss a {display: block; padding-left: 20px; background: url(http://framework.web.cern.ch/framework/img/icon/icon_rss.png) center left no-repeat;}
#twitter_toggler {color: #3861aa;}
#twitter_toggler:hover {cursor: pointer; text-decoration: underline;}




/* FLOAT CLEARING */
.clear-block:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear-block {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */