/**************************/
/*** Common HTML layout ***/

body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; margin:0; padding:0; height:100%; background: #9a002e url(../Images/Background.jpg) top left repeat-x }

a.authenticated {background: #fff url('http://cdsweb.cern.ch/img/restricted-icon-12x12.jpg') 0 2px no-repeat; padding: 0 0 0 11px;}
ul.nopad {padding-left: 20px; margin-left: 0;}
ul.nopad li {padding-left: 3px; margin-left: 0;}

 #websiteLogo	{float:left;} 
h1 	{display:none}
h2 	{font-size:150%; font-weight:normal; color:#274A88; padding-top:0.5em;}
h3 	{font-size:120%; font-weight:normal; color:#274A88;}
h4 	{font-size:95%;  font-weight:normal; color:#274A88; line-height:normal;}
h5 	{font-size:90%;  font-weight:bold;	 color:#000000;}

a:link 		{color:#274A88; text-decoration:underline;}
a:visited 	{color:#274A88; text-decoration:underline;}
a:hover 	{color:#274A88; text-decoration:none;}
a:active  	{color:#274A88; text-decoration:underline;}

p 		{font-size:90%; line-height:120%;}
li 		{font-size:90%; line-height:120%; margin-top:6px}
ul li 	{font-size:90%; line-height:120%; margin-top:6px}
ul li ul li	{font-size:inherit; margin-top:6px}
ol li ul li	{font-size:inherit; margin-top:6px}
ol li ol li {font-size:inherit; margin-top:6px; list-style-type:lower-alpha; }
ul li ul li ul li	{font-size:inherit; margin-top:6px}
ol li ul li ul li	{font-size:inherit; margin-top:6px}
ol li ol li ol li 	{font-size:inherit; margin-top:6px; list-style-type:lower-roman}



table  		{border:none;}
table *		{font-size:100%;}
th 			{font-size:110%; font-weight:normal; color:#274A88; background-color:#E2E2E2}
td 			{font-size:90%;}
td.heading 	{background-color:#CCCCCC; color:#000000; border-bottom:none; text-align:center; font-weight:bold;}

img		{border:0;}

.photo		{border:1px solid #999999; background-color:#FFFFFF; margin:12px 0 12px 2px;}
.photoRight	{float:right; border:1px solid #999999; background-color:#FFFFFF; margin:6px 0px 6px 12px; padding:2px;}
.photoLeft	{float:left;border:1px solid #999999; background-color:#FFFFFF; margin: 6px 12px 6px 0px; padding:2px; }

.info{
	float:right;
	font-size:70%
}
.infoLeft{
	float:left;
	font-size:70%
}

.nowrap {white-space: nowrap;}
.ph {
border:1px solid #999999;
background-color:#FFFFFF; 
margin-top:12px; 
margin-bottom:12px; 
padding:2px;}

.phl {
float:left;
border:1px solid #999999; 
background-color:#FFFFFF; 
padding:2px;
margin-right:18px;
margin-bottom:12px;
clear:left}

.phwithcaption  {
border:1px solid #999999;
background-color:#FFFFFF; 
padding:2px;
margin-bottom:12px;
margin-top:12px;
margin-left:18px;
margin-right: 18px; 
clear:both;
font-size:80%; 
color:#555555}

.phlwithcaption  {
max-width:354px;
float:left;
border:1px solid #999999;
background-color:#FFFFFF; 
padding:2px;
margin-right:18px;
margin-bottom:12px;
margin-top:12px;
clear:left; 
font-size:80%; 
color:#555555}

.phrwithcaption  {
max-width:354px;
float:right;
border:1px solid #999999;
background-color:#FFFFFF; 
padding:2px;
margin-left:18px;
margin-bottom:12px;
margin-top:12px;
clear:left; 
font-size:80%; 
color:#555555}


.hide.screen {display: none;}
.clear		{clear:both}
.clearLeft	{clear:left}
.clearRight	{clear:right}

.small		{font-size:70%;}

.important{
	color: #990000;
	font-weight: bold;
}
/*** Divs, as nested in the html pages ***/
#container {
	width:100%; 
	min-width:800px; 
	max-width:800px; 
	height: auto; 
	margin: 0 auto 0 auto; 
	background-color:#FFFFFF
}


/* topbanner with mainphoto */
#topbanner 		{display:block; padding-bottom:12px; height:76px; position:relative}
#servicelinks 	{color:#000000; font-size:0.7em; padding:6px; text-align:right; float:right; background-color:#F2F2F2;}


#servicelinks a:link 	{color:#555555; text-decoration:none}
#servicelinks a:visited {color:#555555; text-decoration:none}
#servicelinks a:hover 	{color:#000000; text-decoration:underline}
#servicelinks a:active 	{color:#000000; text-decoration:underline}

#servicelinks #languageBar	{float:left;}

#mainMenuSeparator {
	clear:both; 
	margin:0px; 
	height:11px; 
	background:url(../Images/twopointsline.gif) top left repeat-x; 
	}

#mainmenu {
	color:#666666; 
	clear:both; 
	text-align:left; 
	font-size:0.8em; 
	padding: 0px 0 0px 1%; 
	margin:0
	}
#mainmenu .chapter 	{float: left; margin: 1px 24px 1px 0; padding: 4px 4px 4px 14px; white-space:nowrap; text-indent:-10px;} /* nowrap prevents image and title to be split in two lines */
#mainmenu a:link 	{color:#555555; text-decoration:none}
#mainmenu a:visited	{color:#555555; text-decoration:none}
#mainmenu a:hover 	{color:#000000; text-decoration:underline}
#mainmenu a:active 	{color:#666666; text-decoration:none}

#mainmenu .activechapter 	{float: left; margin: 1px 24px 1px 0; padding: 4px 4px 4px 14px; white-space:nowrap; text-indent:-10px; color:#000000; background-color:#E0E0E0;} /* nowrap prevents image and title to be split in two lines */
#mainmenu .activechapter a:link 	{color:#000000; text-decoration:none}
#mainmenu .activechapter a:visited	{color:#000000; text-decoration:none}
#mainmenu .activechapter a:hover 	{color:#000000; text-decoration:underline}
#mainmenu .activechapter a:active 	{color:#000000; text-decoration:none}

#mainphoto { /* only with fixed-width 800px website */
	clear:both;
	margin-bottom:0px; 
	padding-top:0px; 
	height:150px;
/*	border-top:1px solid #999999; */
	background:url(../Images/linetwopoints.gif) bottom left repeat-x #FFFFff;  
	}

/* content */
#contentSeparator {
	clear:both; 
	margin:0; 
	padding:0;  
	height:11px; 
	background:url(../Images/linetwopoints.gif) top left repeat-x; 
	}
#content {
	display:block;
	float:none; 
	clear:both; 
	margin:0; 
	padding: 0 1% 0 1%;
	width:98%; 
	}

/* right menu, for homepage only */ 
#menuright {
	float:right; 
	margin:0;
	padding: 0 6px 0 6px; 
	width:230px;  /* modify this value to change menu width */ 
	font-size:0.8em; 
	}
#menuright a:link 		{color:#555555; text-decoration:none;}
#menuright a:visited	{color:#555555; text-decoration:none;}
#menuright a:hover 		{color:#000000; text-decoration:underline;}
#menuright a:active 	{color:#000000; text-decoration:underline;}

#menuright .ritem		{border-bottom:1px dotted #999999; padding:6px 0 4px 0;}
#menuright .rhead 		{color:#274A88; font-size:1.2em; line-height:100%;}
#menuright .rmenutext 	{display:inline; bottom:0px; color:#555555; font-size:0.9em; font-weight:normal; margin-bottom:0px; padding-bottom:0px;}
#menuright .rmenulist 	{list-style:none inside; list-style-image:none; color:#555555; font-size:0.8em; line-height:1.2em; margin: 0 12px 0 18px; padding:0px;}
#menuright .rmenulist li{border-bottom:1px dotted #999999; padding-left:3px;}


/* left menu, for all pages except the homepage */
#menuleft {
	float:left; 
	width:168px; 
	margin:0; 
	padding: 11px 12px 12px 6px;
	background-color:#FFFFFF; 
	font-size:0.8em; 
	}
#menuleft a:link 	{color:#555555; text-decoration:none}
#menuleft a:visited	{color:#555555; text-decoration:none}
#menuleft a:hover 	{color:#000000; text-decoration:underline}
#menuleft a:active 	{color:#666666; text-decoration:none}

#menuleft .item 		{display:block; padding:4px 4px 4px 10px; color:#999999; border-bottom:1px dotted #999999; background: url(../Images/Listicon.gif) left top no-repeat;}
#menuleft .activeItem	{display:block; padding:4px 4px 4px 10px; color:#000000; border-bottom:1px dotted #999999; background: url(../Images/Listicon.gif) left top no-repeat #E0E0E0;}
#menuleft .activeItem a:link 	{color:#000000; text-decoration:none}
#menuleft .activeItem a:visited	{color:#000000; text-decoration:none}
#menuleft .activeItem a:hover 	{color:#000000; text-decoration:underline}
#menuleft .activeItem a:active 	{color:#000000; text-decoration:none}

#menuleft .subItem 		{display:block; margin: 0 0 0 10px; padding:4px 0px 4px 0px; border-bottom:1px dotted #999999;}
#menuleft .activeSubItem{display:block; margin: 0 0 0 10px; padding:4px 0px 4px 0px; border-bottom:1px dotted #999999; background-color:#E0E0E0; color:#000000;}
#menuleft .activeSubItem a:link 	{color:#000000; text-decoration:none}
#menuleft .activeSubItem a:visited	{color:#000000; text-decoration:none}
#menuleft .activeSubItem a:hover 	{color:#000000; text-decoration:underline}
#menuleft .activeSubItem a:active 	{color:#000000; text-decoration:none}


/* Sections with content (with right menu for homepage and services), left menu for chapters, nomenu) */
#sectionLeft 	{
	float:none; margin: 0 240px 0 0; padding: 0 24px 0 0; border:1px solid #FFFFFF; 
	background:url(../Images/BackMiddle.gif) top right repeat-y;}
#sectionRight 	{
	border:1px solid #FFFFFF; float:none; clear:none; margin: 0 0 0 186px; padding:0px 0px 0 24px; 
	background:url(../Images/degradepointshorizontal.gif) top left repeat-y;}
#sectionFull 	{
	float:left; width:98%; margin: 0 -1% 0 0; padding: 0 2% 0 1%; 
	background:url(../Images/BackMiddle.gif) top right repeat-y;}

#sectionLeft a:link	{color:#274A88; text-decoration:underline}
#sectionRight a:link{color:#274A88; text-decoration:underline}
#sectionFull a:link	{color:#274A88; text-decoration:underline}

/* for dividing the content of a section into two columns */
.columnLeft		{float:left; width:49%;}
.columnRight	{float:right; width:49%;}
.footage		{vertical-align:top; padding:3px; 	background:url(../Images/separatorltr.gif) bottom left no-repeat;}


/* subsections in the sections */
#sectionLeft .subsection {
	float:none; clear:none; margin: 0 0 0 -1%; padding: 12px 0 6px 1%; 
	background:url(../Images/separatorltr.gif) top left no-repeat;}
#sectionRight .subsection { 
	float:none; clear:right; width:100%;  margin: 0 0 0 0; padding: 6px 1% 6px 0; 
	background:url(../Images/separator.gif) top right no-repeat;}
#sectionFull .subsection {
	float:none; clear:both; width:100%;  margin: 6px 0 6px -2%; padding: 6px 0 6px 2%; 
	background:url(../Images/separatorltr.gif) top left no-repeat;}

.subsection a:link {color:#274A88; text-decoration:underline}

/* subsection that overflows the width of the section */
.subSectionFull { 
	margin:0 -1% 0 -180px; padding: 12px 1% 6px 0; background:url(../Images/separator.gif) top right no-repeat #FFFFFF;}

/* front page stuff */

ul#interview_list, ul#interview_list li {list-style-type:none; padding-left: 0;}
ul#interview_list .name {font-weight: bold;}
ul#interview_list .lang {font-style: italic;}
ul#interview_list .lang:before {content: " - "}
ul#interview_list .resources {padding-left: 0}
ul#interview_list ul li {display: inline; margin-right: 10px; whitespace:nowrap;}
ul#interview_list ul li a {white-space:nowrap;}


/* footer */
#footer {
	width:100%;
	clear:both; 
	text-align:center; 
	color:#555555; 
	background:url(../Images/twopoints.gif) top left repeat-x #ffffff; 
	font-size:x-small; 
	margin: 0; 
	padding: 12px 0 12px 0
	}
	
/* empty div for the shading at the bottom of the page */
#bottom { 
	background:url(../Images/shadow_bottom.gif) top left repeat-x; 
	margin: 0px;
	padding: 0;
	height:12px;
	}