/***************** styles that override epfl defaults *********************** /

/* changes the disposition of the 2nd level links in the dropdown menu */

#main-navigation .dropdown .menu ul 
{
	margin-bottom:2px;	/* to remove big white space */
}

#main-navigation .dropdown .menu ul a 
{
	padding-left:15px;	/* to add indentation */
}

/* removes tree view (list of pages) on the right column */
.tree {
	display:none;
}

/* changes the display of the people table on the right column */

.right-col .bottin  li, .right-col .bottin .photo_box{
	height: 280px;
}
ul.bottin div.picture {
margin-right:10px;
}

/* changes tool bar position and remove top border of content */

#tools {
position:absolute;
right:0;
top:55px;
}

#main-content {
position:relative;
}

.content {
border-top:0px solid #000000 !important;
}

.content h2{
margin-right:35px;
}

/* adds some space below the navigation bar (now that there is no 'share' icon) */
.navigation-bar
{
margin-bottom:15px;
}

/* decreases the bottom margin of boxes of right column */
.right-col .box {
    margin-bottom: 20px;
}

/* increases the top margin of titles of .fullbox boxes */
.fullbox h3 {
    margin-top: 20px;
}
/*
#footer {
margin-top: 100px;
}

#banners {
float: left;
margin: -120px 0px 20px 0px;
width: 100%;
border-top: 1px solid black;
padding-top: 10px;
}
*/
/************************** styles that override lib defaults *********************/

/* so that it goes above the navigation menu */
#jquery-overlay {
z-index:3500;
}
#jquery-lightbox {
z-index:4000;
}
.ui-widget-overlay{
z-index:3500 !important;
}
.ui-widget{
z-index:4000 !important;
}
/* so that there isn't the dashed underline of the links for the navigation buttons*/
#jquery-lightbox  a, .ui-widget a{
background:none;
}

/* Publications styling */

.infoscience_title
{
	font-weight:bold;
	color:black;
}
.infoscience_header1 
{
padding-top:5px;
}

/* people page styling, which is not included in any stylesheet anymore  (copy pasted from official people trombines)*/
.pers_bloc {
    float: left;
    height: 150px;
    margin-bottom: 5px;
    margin-left: 0;
    width: 320px;
}
.picture {
    float: left;
    margin-left: 5px;
    width: 110px;
}
.mail_bloc {
    float: left;
    height: 150px;
    margin-left: 4px;
    margin-top: 0;
    width: 28px;
}
.txt_bloc {
    float: left;
    height: 150px;
    margin-left: 0;
    padding-top: 0;
    width: 150px;
}
#trombines img {
    margin-top: 0;
}

/* news on the right styling */

ul.news-list-right {
float: left;
margin:0;
padding: 0;
width: 324px;
}
.news-list-right li {
	position:relative;
	list-style-image: none;
	list-style-type: none;
	margin: 0 4px 4px 0;
	padding: 0;
}
.news-list-right img.news-img {
	float: left;
	margin: 0 5px 1px 0;
	width: 160px;
}
.news-list-right li.heading-news h2 {
	font-family: "Arial black",Arial,Helvetica,sans-serif;
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 20px;
	padding-bottom: 2px;
}
.news-list-right li.heading-news .news-img {
	height: 184px;
	width: 324px;
}
.news-list-right .news-text{
    display: inline;
    float: none;
    line-height: 18px;
    margin-left: 0px;
    width: auto;
}

.news-list-right .news-text a {
background: url("http://www.epfl.ch/img/underline.gif") repeat-x scroll 0 14px transparent;
}
.news-list-right .news-text h2 a, .news-list-right .news-text .read-more {
background: none repeat scroll 0 0 transparent;
}
.news-list-right .news-text .read-more {
white-space: nowrap;
}
.news-list-right .news-text .read-more  img{
    margin: 0 0 0 5px;
    vertical-align: middle;
}
/* Project links styling */

p.research_list{
	margin:0;
	padding:0;
	margin-right:-25px;
}

p.research_list a {
	background-image:none;
	border:0 none;
	display:block;
	float:left;
	height:240px;
	width:200px;
	margin:8px 20px 8px 0;
	padding:0;
	text-align:center;
	text-decoration:none;
}

p.research_list a:hover {
	/*background-color:#8972D5;
	color:white;*/
	font-weight:bold;
}

p.research_list a img{
	padding:0;
	margin:0;
	border:0;
}

/* Project pages styling */

.project_subtitle{
	color:#999999;
	font-size:14px;
	text-align:center;
}

.emphasize{
font-size:1.1em;
font-style:normal;
border:1px solid #8972D5;
padding:10px;
text-align: center;

}

/* img and video links */

.img_link
{
background-image:none;
}
.img_link:hover
{
background-image:none;
}

.video img, .img_link img{
border:0;
margin-bottom:8px;
}


/* Media box styling */
.highlight {
padding:20px 15px 15px 10px;
background-color:#e6e6e6;
margin:0 20px;
}

.highlight ul{
	padding:0;
	margin:0;
}

ul.hl-right {
float:right;
margin-bottom:10px;
margin-left:15px;
}

ul.hl-middle {
margin:5px auto;
width:390px;
}


.highlight .img_link, .highlight .video  {
display:block;
float:left;
margin-left:11px;
width:180px;
}
.highlight .img_link:hover   > div, .highlight .video:hover   > div  {
	border:1px solid black;
}

.highlight .img_link img, .highlight .video  img{
	width:100%;
	margin:auto 0;
}
.highlight .img_link > div, .highlight .video  > div{
	/*height:130px;*/
	overflow:hidden;
	margin-bottom:5px;
	border:1px solid transparent;
}

.highlight .img_link span, .highlight .video  span 
{
	/* styling of legend */
}

ul.highlight{

}

.highlight li{
margin:0;
padding:0;
list-style-type:none;
list-style-image:none;
display:inline;
}


.spacer_hr{
	clear:both;
	visibility:hidden;
	margin:0;
	padding:0;
	height:0;
}

/* styles specific to gallery module in project pages */
.gallery-items {
    overflow-x: scroll;
    overflow-y: hidden;    
	height: 275px;
    white-space: nowrap;
}
.gallery-items .gallery-thumb
{
	display:inline;    
	vertical-align: top;
}

.gallery-items .gallery-thumb a
{
	background:transparent;
}

/* styles specific to gallery module in main 'Pictures' page (album list) */

.gallery-albums{
	margin-right:-25px;
}
.gallery-album {
	background-image:none;
	border:0 none;
	display:block;
	float:left;
	height:280px;
	width:200px;
	margin:8px 20px 8px 0;
	padding:0;
	padding-top:20px;
	text-align:center;
	text-decoration:none;
	border:1px solid #444444;
	overflow:hidden;
}

.gallery-album:hover {
	text-decoration:none;
	background-image:none;
	background-color:#EEEEEE;
}

.gallery-album  .meta{
font-size:.8em;
color:#444444;
}