/*
* Footer, navigation & help
*/
#footer { margin-top: 20px; clear: both; }
#tools { height: 29px; border-bottom: 1px solid #000; padding-bottom: 2px; }
#help { margin-right: 0; float: right; }
ul.topnav, ul.topnav * { z-index: auto; }
td.grab { cursor: move; padding: 0 8px 0 0; }
.borderless { border: none; }

/*
* Tool-tip
*/

.tip p { color: #FFF; margin: 0; }
.tip {
    color: #FFF;
    background: #1D1D1D;
    display: none; /*--Hides by default--*/
    padding: 8px;
    position: absolute;
    z-index: 1000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 400px;
}
/*
* Preview a news in a tip
*/
.tip.preview-news .title { color: #fff; margin-bottom: 8px; font: bold 15px Arial,Helvetica,sans-serif; display: block;}
.tip.preview-news img { float: left; margin-right: 8px; }


/*
.tip p { color: #FFF; margin: 0; }
.tip {
    color: #FFF;
    background: #1D1D1D;
    display: none; 
    padding: 8px;
    position: absolute;
    z-index: 1000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 400px;
}

.tip.preview-news .title { 
	color: #fff; 
	margin-bottom: 8px; 
	font: bold 15px Arial,Helvetica,sans-serif; 
	display: block; 
}

.tip.preview-news img {
	float: left;
	margin-right: 8px; 
}
*/

/* Base styles for the element that has a tooltip */

span.tip_trigger {
  position: relative;
  cursor: help;
}
span.tip_trigger span.tip_trigger_tip {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	z-index: 1000;
	bottom: 100%;
	left: 50%;
	padding: 8px;
	background-color: hsla(0, 0%, 20%, 0.9);
	font: normal 13px Arial,Helvetica,sans-serif; 
	color: #FFF;
	-webkit-transition: 
	    opacity 0.2s ease-in-out,
	    visibility 0.2s ease-in-out,
	    -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-moz-transition:    
	    opacity 0.2s ease-in-out,
	    visibility 0.2s ease-in-out,
	    -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	transition:         
	    opacity 0.2s ease-in-out,
	    visibility 0.2s ease-in-out,
	    transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform:    translate3d(0, 0, 0);
	transform:         translate3d(0, 0, 0);

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 5px 5px 8px #CCC;
    max-width: 700px;
    min-width: 150px;
}
span.tip_trigger span.tip_trigger_tip strong { 
	font: bold 13px Arial,Helvetica,sans-serif;  
	color: #FFF;
}
span.tip_trigger:hover span.tip_trigger_tip {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(-12px);
	-moz-transform:    translateY(-12px);
	transform:         translateY(-12px); 
}

#news #text img { 
	margin-right: 10px;
}

/*
* User messages
*/
#message {
    background-color: #F8F8F8;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    list-style-type: none;
    margin: 20px 0;
}
#message li {
    background: url("../img/icon_success.gif") no-repeat scroll 0 center;
    padding-left: 20px;
}

#message li.error {
    background: url("../img/icon_error.gif") no-repeat scroll 0 center;
    padding-left: 20px;
	color: red;
}


.warning {
    background: url("../img/icon_alert.gif") no-repeat scroll 0 center;
    padding-left: 20px;
}
/*
* fileuploader
*/
.qq-uploader { position: relative; width: 100%;}
.qq-upload-button {
    display: block; /* or inline-block */
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.qq-upload-button-focus {outline: 1px dotted black;}
.qq-upload-drop-area {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 70px; z-index: 2;
    background: #FF9797; text-align: center;
}
.qq-upload-drop-area span { display: block; position: absolute; top: 50%; width: 100%; margin-top: -8px; font-size: 16px; }
.qq-upload-drop-area-active {background: #FF7171;}
.qq-upload-list {margin: 15px 35px; padding: 0; list-style: disc;}
.qq-upload-list li { margin: 0; padding: 0; line-height: 15px; font-size: 12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text { margin-right: 7px; }
.qq-upload-spinner {display: inline-block; background: url("../img/loading.gif"); width: 15px; height: 15px; vertical-align: text-bottom;}
.qq-upload-size, .qq-upload-cancel {font-size: 11px;}
.qq-upload-failed-text {display: none;}
.qq-upload-fail .qq-upload-failed-text {display: inline;}
/*
* jcrop
*/
.jcrop-holder { text-align: left; }
.jcrop-vline, .jcrop-hline { font-size: 0; position: absolute; background: white url('../img/Jcrop.gif') top left repeat; }
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
    font-size: 1px;
    width: 7px !important;
    height: 7px !important;
    border: 1px #eee solid;
    background-color: #333;
    *width: 9px;
    *height: 9px;
}
.jcrop-tracker { width: 100%; height: 100%; }
.custom .jcrop-vline, .custom .jcrop-hline { background: yellow; }
.custom .jcrop-handle { border-color: #000; background-color: #C7BB00; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/*
* search
*/
#search-content {
    border: none;
    float: left;
    margin-bottom: 20px;
    margin-right: 4px;
    min-height: 400px;
    overflow: hidden;
    padding-top: 0;
    width: 652px;
}
    #search-content .results-count { color: #000; font-size: 12px; font-weight: bold; margin-top: 11px; padding-top: 7px; }
    #search-content .pagination-position { margin-right: 35px; }
    #search-content .results { margin-top: 0; }
    #search-content .results ul { margin: 0; padding-top: 8px; }
    #search-content .results li { width: 616px; border-bottom: 1px dotted #000; padding-bottom: 4px; }
    #search-content .results .news-text { border-bottom: none; width: 450px; font-size: 13px; line-height: 18px; }
    #search-content .results .news-text h4 { font-size: 14px; margin-top: 0; }
    #search-content .results .news-text span.date { margin: 0 5px 0 0; }
    #search-content .results .news-text .heading { color: inherit; font-size: 100%; }
    #search-content .results .news-list a.copy-news { right: 0; position: absolute; background: #AE0010; color: #FFF; padding: 0 4px; font-weight: bold; }
    #search-content .results .news-list li:hover a.copy-news { display: inline; }
    #search-content .results .news-list li a.copy-news:hover { background: #000; border-color: #000; color: #FFF; }
    #search-content .results.with-import .news-list .news-text { width: 380px; }

    #search-content ul { list-style-type:none; }
	#search-content li.nav-item { float:left; /*pour IE*/ }
	#search-content ul li.nav-item a {
         display:block;
		 margin-right:5px;
		 margin-left:5px;
    }
        
    .image-title-webservice-template-7 { padding-left: 10px; padding-top: 10px; position: absolute; }   
    .image-title-webservice-template-7 h3 { color: white; }    
    li.news-double-text { height: 184px; position: relative; padding-top: 10px; }
    .news-double-text h4 { font-size: 14px; margin-top: 0; padding-left: 5px; }
    .news-double-text p { padding-left: 5px; }
    .news-double-text span.date { font-weight: bold; font-style: italic; margin: 0 5px 0 0; } 
    .news-double-text .heading { color: inherit; font-size: 100%; font-weight:normal; }
    .news-double-text .toolbar { height: 30px; position:absolute; bottom:0; right: 10px; }
    .news-double-text .toolbar-webservice-template-7 { position:absolute; bottom: 20px ; padding-left: 5px; }    
    ul.list-layout-webservice-template-7 { padding-top: 2px; border-top: none; }

#actu-searchform { padding-top: 5px; margin-bottom: 0; }
    #actu-searchform #id_keywords { font-size: 12px; height: 22px; width: 277px; }
    #actu-searchform .search-button {
        background: url("https://www.epfl.ch/img/search.png") no-repeat scroll left top transparent;
        border: 1px #B8B8B8;
        border-style: solid solid solid none;
        cursor: pointer;
        height: 24px;
        text-indent: -9999em;
        vertical-align: bottom;
        width: 24px;
    }
    #actu-searchform .toggler {    margin: 15px 0;    }
    #actu-searchform label { font-size: 11px; }
    #actu-searchform .two-cols { margin-bottom: 20px; display: inline-block; }

#manage-channel {
}
    #manage-channel #search-form {
        padding: 5px 0;
        display: inline-block;
        width: 100%;
        margin: 20px 0;
    }
    #manage-channel #search-form input {
        margin: 0;
        vertical-align: middle;
    }
    #manage-channel #search-form fieldset {
        border: none;
        margin: 0;
        padding: 0;
        float: left;
    }
    #manage-channel #search-form fieldset legend {
        border: none;
        border-bottom: 1px solid black;
        display: block;
        padding: 0;
        width: 100%;
        position: static;
        margin-bottom: 4px;
    }
    #manage-channel #search-form fieldset li { display: inline; list-style: none; }
    #manage-channel #search-form fieldset ul { padding-right: 28px; }
    #manage-channel #search-form fieldset + fieldset { margin-left: 4px; }
    #manage-channel #search-form fieldset + fieldset + fieldset { padding-right: 0; }
    #manage-channel #search-form button.filter {
        background: url("https://www.epfl.ch/img/search.png") no-repeat scroll left top transparent;
        border: 1px solid #B8B8B8;
        cursor: pointer;
        height: 24px;
        text-indent: -9999em;
        vertical-align: bottom;
        width: 24px;
        margin-left: 0;
    }
    #manage-channel #search-form #id_keywords {
        border-color: #B8B8B8;
        border-width: 1px 0 1px 1px;
        font: 12px/22px Arial,Helvetica,sans-serif;
        height: 22px;
    }

#news {
        padding-top: 5px;
        margin: 0 30px 30px 0;
        width: 600px;
        float: left;
    }
    #news h2 { font-size: 32px; margin-bottom: 15px; margin-top: 5px; }
    #news img { margin: 0; }
    #news .image-box { float: left; margin-bottom: 8px; position: relative; }
    #news .image-box .news-legend {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
        bottom: 0;
        left: 0;
        color: #FFFFFF;
        font: 12px/14px Arial,Helvetica,sans-serif;
        overflow: hidden;
        padding: 2px 8px;
        position: absolute;
        width: 308px;
    }
    #news .bottom { clear: both; font: italic 11px "Georgia","Times New Roman",Times,serif; letter-spacing: 1px; margin: 30px 0 20px; padding-left: 8px; }
    #news .bottom li { display: inline; margin: 0 20px 0 0; padding: 0; }
    #news .bottom li.label { font-weight: bold; color: #FFF; margin-right: 0; cursor: auto; }
    #news .publish_date { font: italic bold 12px "Georgia","Times New Roman",Times,serif; }

	/**
     * Hide fields for specifics channels
     */
	#archives { display:none; }
	#email-autour-actu { display:none; }
	#date-time { display:none; }
	#speaker { display:none; }
	#links { display:block; }

#news-annexe {
}
    #news-annexe .box { margin-bottom: 20px; }
    #news-annexe .nav-actu li { margin-bottom: 8px; clear: both; }
    #news-annexe .image-list img { cursor: pointer; }
    #news-annexe .image-overlay { display: none; padding: 4px; background-color: #FFF; border: 1px solid #CACACA; }
    #news-annexe .image-overlay img { max-width: 580px; }
    #news-annexe .image-overlay .image-legend { padding: 4px; }
    
#image-annexe {
}
	#image-annexe li { margin: 0 7px 0 0; padding: 0; line-height: 8px; list-style-type: none; }
	#image-annexe .image-list { margin: 5px 0 0 0; }
    #image-annexe .image-list img { cursor: pointer; }
    #image-annexe .image-overlay { display: none; padding: 4px; background-color: #FFF; border: 1px solid #CACACA; }
    
    

.webservice-badge {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.7em;
	text-transform: uppercase;
	color: black;
	letter-spacing: .07em;
}


#warning { margin-bottom: 40px; }

#configuration #id_default_url { width: 292px; }

/*
 * Edit news
 */
.not-empty .show-when-empty { display:none; }
.empty .hide-when-empty { display:none; }
.image-toolbox { display: inline-block; vertical-align: top; }
.url input { width: 300px; }

#id_newsletter_sender { width: 315px;}


#main-content #main-navigation li.nav-item-active {
    background-color: black;
    position: relative;
    border-color: #fff;
    z-index: 1;
}