/**
	* @version				$Id: style.css$
	* @package				Open Conference Management Toolkit (OCMT)
	* @copyright			Copyright (C) 2008-... Ginhac Dominique 
	*						dginhac@le2i.cnrs.fr - http:/ginhac.com		
	*						LE2I UMR 6306 CNRS, Université de Bourgogne, Dijon, France
	* @license   			GNU/GPL, see LICENSE.php

	* Open Conference Management Toolkit is free software.
	* You can redistribute it and/or modify it under the terms of the 
	* GNU General Public License as published by the Free Software Foundation; 
	* This program is distributed in the hope that it will be useful, but 
	* WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or 
	* FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public License for 
	* more details.  You should have received a copy of the GNU General Public 
	* License along with this program; if not, write to the Free Software Foundation, Inc., 
	* 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA

	* Open Conference Management Toolkit derives from copyrighted works licensed
	* under the GNU General Public License. OCMT is partialy based on the
	* MyReview system for web-based conference management - Copyright (C) Philippe Rigaux
	 
	*/


/**
 * Reset
 */
 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0; 
	padding: 0;
}

fieldset, img { border: 0; }
a:focus { outline: none; }

html {
	height: 100%;
	margin-bottom: 1px;
}



/**
 * New standard values
 */
 
body {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 0.9em;	
	line-height: 1.25em;
	color: #666;
} 

p {	
	margin: 10px 0px 15px 0px; 
	text-align: justify;
}

a:link, a:visited { text-decoration: none; }
a:hover { 
	text-decoration: underline; 
	color: #08c;
}
a { color: #08c; }
a.more { 
	white-space: nowrap; 
	padding-right: 10px; 
	background: url(images/learnmore.gif) no-repeat 100% 50%; 
	zoom: 1; 
}
	
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #666;
	margin-bottom: 5px;
	margin-top:10px;
	line-height: 100%;
}

h5, h6 {
	font-weight: normal;
}

h1 { font-size: 2em; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.1em; }
h5 { font-size: 120%; }
h6 { font-size: 110%; }
 
table, tr, td, th {
	padding:0px;
	margin:0px;
	text-align:left;
}
	
/** 
 * Visibility 
 */
 	
.visible {
	visibility: visible;
	}
.hidden {
	visibility: hidden;
	width:0px; height:0px;
	margin:0px; padding:0px;
	}	

.nodisplay {
	display:none;
}	

/** 
 * Highlight texts 
 */
		
.selected {
	color: #444;
	font-weight:bold;
	}

.small {
	font-size:0.9em;
}	

.big {
	font-size:1.25em;}	
	

/**
 * Common for every page
 */	
	
#page {
	margin:auto;
}

#header .logo {
	float: left;
	width: 230px;
}

#header .logo h1 {
	float: left;
	width: 230px;
	height: 45px;
	text-indent: -9999px;
}

#header .logo h1 img {
	float: left;
}

#header .button {
	float: right;
	position: relative;
	margin-top: 20px;
	margin-right:10px;

}

#header .login_btn a {
	background: url("images/login_btn_01.png") no-repeat scroll 0 0 transparent;
	position: absolute;
	top: 0;
	right: 0;
	color: #2E2E2E;
	float: left;
	height: 29px;
	text-align: center;
	text-transform: uppercase;
	width: 73px;
	text-shadow: 1px 1px 1px #FFFFFF;
	font:12px/29px arial;
}


#header h1 span {
	position:absolute;
	text-indent: -9999px;
}

#header h2 span {
	position:absolute;
	text-indent: -9999px;
}






#maintopics {
	position:relative;
	width:980px;
	height:200px;
	margin:auto;
	margin-top:0px;
	background: url(images/maintopics.png) bottom left no-repeat;
	}


#maintopics ul {
	margin:auto;
	margin-left: 0px;
	}
	
#maintopics ul li {
	float:left;
	list-style-type: none;
	margin-top:10px;
	margin-left: 8px;
	margin-right: 7px;
	width: 230px;
	display: block;	
}


#maintopics ul li h3 {
	font-size:1.25em;
}

#maintopics ul li p{
position:relative;
z-index:101;
font-size:0.9em;
line-height: 125%;
			
}

#maintopics ul li img {
	position:absolute;
	bottom:0px;
	margin-left: -8px;
	margin-right: -7px;
	width: 244px;
	height:180px;	
	z-index:1;
	
}

#maintopics ul li a:hover {
	text-decoration: none;
	text-decoration: underline;
	}



#main {
	min-height:200px;
	padding-top:20px;
	text-align: justify;
	}

	
#main h1, #main h2, #main h3, #main h4  {
	padding: 20px 10px 10px 20px;
}

#main h2 {
	font-size: 2em;
	font-weight: bold;

	}

#main h1 span {
	color: #333;
	font-size:1.2em;
	
	}


#main div.right h1 {
	margin-right:165px;
	}	

#main div.left h1 {
	margin-left:165px;
	}		

#main form {
	margin:0px;
	
	
	}
	
#main p {
	margin:0px;
	padding: 10px 40px 0px 40px;
	
} 


#main div.right p {
	margin-right:165px;
	}	
#main div.left p {
	margin-left:165px;
	}	

#main div.left img{
	float:left;
	margin: 10px;
	padding-left:30px;
	
}
	
#main div.right img {
	float:right;
	margin: 10px;
	margin-right:30px;
	}
	

#main ul li,#main ol li {
	margin:5px 40px 0px 70px;
	line-height: 1.25em;
	}

#copyright {
	padding:20px;
	text-align:center;
	font-size:0.75em;
	margin-top:40px;
}
	



/* 
 * Specific class for mainpage
 */
 
.mainpage {
	background-color: #ddd;
	/*
	min-height:1200px;
	height:auto !important;
	height:1200px;
	 */
	height: 100%;
}	

.mainpage #page 
	{
	margin:auto;
	margin-top:20px;
	}

.mainpage #content {
	position:relative;
	top:0px;
	background: #FFF; 
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;	
	border-radius: 5px;
	
	-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
	-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
	-o-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
	-khtml-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
	box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
	
	}
.mainpage #main {
	background-color: #eee;	
	text-align: left;

}	

.mainpage #header {
	position:relative;


	height:315px;
	
	}
	
	
.mainpage #header .logo {
	margin-left: 30px;
	}
	
.mainpage #header #nav2 {
	list-style: none;
	position: absolute;
	top: 0px;
	right:50px;
}

.mainpage #header #nav2 li {
	float:right;
	list-style-type: none;
	
}

.mainpage #header #nav2 li a {
	display: block;
	line-height: 61px;
	border-top: 4px solid white;
	height: 61px;
	text-decoration: none;
	padding: 0px 15px;
}

.mainpage #header #nav2 li a:hover {
	border-color: #08c;
	text-decoration: none;
	}
	
	
	
	
#nav{
	margin-right:50px;
	height:65px;
}

#nav ul{
	list-style:none;
	}

#nav li{
	float:right;
	padding:0px;
	position:relative;
}

#nav li a{
	display:block;
	
	border-top: 4px solid white;
	/*
	height: 61px;
	line-height: 61px;
	*/
	text-decoration: none;
	padding: 35px 10px 20px 10px;
	
}

#nav li a:hover{
	border-color: #08c;
	text-decoration: none; 

}

/* Navigation Second Level */



#nav ul li a.submenu {
	
	white-space: nowrap; 
	background: url(images/blue-arrow.png) no-repeat 100% 65%; 
	zoom: 1;
	padding-right:20px;
	
}



#nav li ul{
	position:absolute;
	right:0;
	top:70px;
	background:#FFF;
	border: 1px solid #81c6ff;
	display:none;
	height:auto;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;	
	border-radius: 5px;

}

#nav li ul.normalsize {
	
	
	min-width: 300px;

}

#nav li ul.largesize {
	min-width: 350px;
}

#nav li ul.widesize {
	min-width: 500px;
}

#nav li ul.ultrawidesize {
	min-width: 650px;
}


#nav li:hover ul{
	display:inline;
}

#nav li li:hover {

	
}

#nav li li {
	
	float:none;
	padding:10px 10px 10px 40px;
	height:24px;
	line-height: 24px;	
}

#nav li ul a{
	text-align:left;	
	padding:0px 10px 0px 30px;
	border:0px;
}





#nav li.name {
	font-weight: bold;
	color: #444;
	background: url(images/icon-user.png) no-repeat 10px 50%;
}

#nav li.name:hover {
	background: #c6e5ff url(images/icon-user.png) no-repeat 10px 50%;
	}


#nav li.email {
	background: url(images/icon-email.png) no-repeat 10px 50%;
}
#nav li.email:hover {
	background: #c6e5ff url(images/icon-email.png) no-repeat 10px 50%;
	}

#nav li.passwd {
	background: url(images/icon-lock.png) no-repeat 10px 50%;
}
#nav li.passwd:hover {
	background: #c6e5ff url(images/icon-lock.png) no-repeat 10px 50%;
	}

#nav li.logout {
	background: url(images/icon-logout.png) no-repeat 10px 50%;
}
#nav li.logout:hover {
	background: #c6e5ff url(images/icon-logout.png) no-repeat 10px 50%;
	}

#nav li.logout2 {
	width:48px;
	background: url(images/icon-logout2b.png) no-repeat  50% bottom;
}

#nav li.submissions {
	background: url(images/icon-submissions.png) no-repeat 10px 50%;
}

#nav li.submissions:hover {
	background: #c6e5ff url(images/icon-submissions.png) no-repeat 10px 50%;
	}
	
#nav li.newsubmission {
	background: url(images/icon-newsubmission.png) no-repeat 10px 50%;
}

#nav li.newsubmission:hover {
	background: #c6e5ff url(images/icon-newsubmission.png) no-repeat 10px 50%;
	}

#nav li.resetloadbalancing {
	background: url(images/icon-newloadbalancing.png) no-repeat 10px 50%;
}

#nav li.resetloadbalancing:hover {
	background: #c6e5ff url(images/icon-newloadbalancing.png) no-repeat 10px 50%;
	}
	
#nav li.themesloadbalancing {
	background: url(images/icon-editloadbalancing.png) no-repeat 10px 50%;
}

#nav li.themesloadbalancing:hover {
	background: #c6e5ff url(images/icon-editloadbalancing.png) no-repeat 10px 50%;
	}

#nav li.subthemesloadbalancing {
	background: url(images/icon-editloadbalancing.png) no-repeat 10px 50%;
}

#nav li.subthemesloadbalancing:hover {
	background: #c6e5ff url(images/icon-editloadbalancing.png) no-repeat 10px 50%;
	}
	
#nav li.statisticssubmissions {
	background: url(images/icon-stats.png) no-repeat 10px 50%;
}

#nav li.statisticssubmissions:hover {
	background: #c6e5ff url(images/icon-stats.png) no-repeat 10px 50%;
	}

#nav li.assignpapers {
	background: url(images/icon-network.png) no-repeat 10px 50%;
}

#nav li.assignpapers:hover {
	background: #c6e5ff url(images/icon-network.png) no-repeat 10px 50%;
	}
	
#nav li.addreviewer {
	background: url(images/icon-add-reviewer.png) no-repeat 10px 50%;
}

#nav li.addreviewer:hover {
	background: #c6e5ff url(images/icon-add-reviewer.png) no-repeat 10px 50%;
	}
	
#nav li.writesynthesis {
	background: url(images/icon-newsubmission.png) no-repeat 10px 50%;
}

#nav li.writesynthesis:hover {
	background: #c6e5ff url(images/icon-newsubmission.png) no-repeat 10px 50%;
	}
	
#nav li.readsynthesis {
	background: url(images/icon-submissions.png) no-repeat 10px 50%;
}

#nav li.readsynthesis:hover {
	background: #c6e5ff url(images/icon-submissions.png) no-repeat 10px 50%;
	}

#nav li.acceptpapers {
	background: url(images/icon-submissions.png) no-repeat 10px 50%;
}

#nav li.acceptpapers:hover {
	background: #c6e5ff url(images/icon-submissions.png) no-repeat 10px 50%;
	}
	
#nav li.reviewpapers {
	background: url(images/icon-newsubmission.png) no-repeat 10px 50%;
}

#nav li.reviewpapers:hover {
	background: #c6e5ff url(images/icon-newsubmission.png) no-repeat 10px 50%;
	}

#nav li.adduser {
	background: url(images/icon-adduser.png) no-repeat 10px 50%;
}

#nav li.adduser:hover {
	background: #c6e5ff url(images/icon-adduser.png) no-repeat 10px 50%;
	}


#nav li.user {
	padding: 39px 10px 20px 10px;
	font-weight: bold;
}


#nav li a.logout {
	padding-left:0px;
}

#nav li li a {
	padding-left:0px;
	color:#666;
}

#nav li a span.edit {
	display:none;
	font-weight: normal;
	font-size: 0.5em;
	
	float: right;

	padding:0px;
	background: url(images/icon-edit.png) no-repeat 0% 50%; 
	padding-left: 20px;
		
}

#nav li a span.display {
	display:none;
	font-weight: normal;
	font-size: 0.5em;
	
	float: right;

	padding:0px;
	background: url(images/icon-info.png) no-repeat 0% 50%; 
	padding-left: 20px;
		
}

#nav li li:hover a span {
	display:block;
	}	



.chat-bubble-arrow-border {
	border-color: transparent transparent #a8d0ff transparent;
	border-style: solid;
	border-width: 9px;
	height: 0;
	width: 0;
	position: absolute;
	top: -19px;
	right: 30px;
}
	
.chat-bubble-arrow {
	border-color: transparent transparent #fff transparent;
	border-style: solid;
	border-width: 9px;
	height: 0;
	width: 0;
	position: absolute;
	top: -17px;
	right: 30px;
}
	
	
#breadcrumbs {
    height:250px;
    background:url(images/breadcrumbs6.jpg) no-repeat center 0;
    
    }
	
	
	
/* 
 * Specific class for login page
 */
 		
.login {
	background-color: #F2F2F2;
	float:left; 
	background:url(images/login-bg.jpg) no-repeat center 0; 
	width:100%; 
	min-height:1200px; 
	height:auto !important; 
	height:1200px;
	background-size: cover;
}	

.login #page 
	{
	/*width:500px;
	*/
	margin:auto;
	}


.login #content 
	{
	position:relative;
	top:0px;
	/*width:500px;
	*/
	}	



.login #header {
	position:relative;

	margin-top:20px;
	margin-bottom:20px;
	height:70px;
	}

.login #header .logo {
	margin-left: 50px;
	}
	
	
	
.login #main {
	background-color: #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;	
	border-radius: 5px;
	
	-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
	-o-box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
	-khtml-box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
	box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
	
	text-align: center;
	margin-top:40px;

}	

/* 
 * Formulaire 
 */

.loginForm, .updateForm {
	padding-top: 20px;
	padding-bottom: 20px;

}


.row {
	float: left;
	width: 100%;
}

.formElement.hasError {
	background: url('images/form_error.png') transparent no-repeat;
	background-position: 410px 6px;	
}
.formElement.hasError label{
	color: #c10000;
}

.formErrorMsg {
	color: #c10000;
	font-size:0.8em;
	text-align:left;
	margin-left:125px;
	margin-right:105px;
}

.mainForm .formErrorMsg {
	margin-left:220px;
}

.mainForm .formElement.hasError  {
	background: url('images/form_error.png') transparent no-repeat;
	background-position: 920px 50%;	
}



.formElement.hasError input, .formElement.hasError textarea, .formElement.hasError select {
	border: 1px solid #c82929 !important;
}

.formElement.isOK {
	background: url('images/form_success.png') transparent no-repeat;
	background-position: 410px 6px;	
}

.mainForm  .formElement.isOK {
	background: url('images/form_success.png') transparent no-repeat;
	background-position: 920px 50%;	
}


.formElement.isOK input, .formElement.isOK textarea, .formElement.isOK select {
	border: 1px solid #66e937 !important;
}


.formElement {
	/*
	clear:both;	
	float: left;
	*/
	width: 100%;	
	margin-bottom: 10px;
	padding:0px;
}

.formElement div {
	display:inline-block;
}

.formElement #add {
	margin-left:220px;
}

.formElement #add2 {
	margin-left:120px;
}

.formText {
	/*
	clear:both;	
	float: left;
	width: 100%;
	text-align: left;
	*/
	
		
	
	
	font-size:0.8em;
	
	font-style: italic;
	padding: 0px;
width: 100%;
	text-align:left;
	
	margin-bottom:10px;


	
	
}

.captchaIntro {
	margin-left:125px;
}

.fieldlabel {
	display: inline-block;
	width: 105px;
	padding: 3px 10px 5px 10px;
	text-align: right;
	vertical-align: top;
	font-size:0.9em;
}

.fieldlabel2 {
	display: inline-block;
	
	padding: 3px 10px 5px 0px;
	text-align: left;
	vertical-align: top;
}

.lower {
	padding-top:33px;
}

.formElement div .fieldlabel {
	text-align: right;
	display:block;
	font-size:0.8em;
	width:auto;
	font-style: italic;
	padding-right:20px;
	
}

.wide {
	width:200px;
}
.wideMargin {
	margin-left: 220px;
}

.bigwide {
	width:400px;

}

.ultrawide {
	width:500px;
}

.bigultrawide {
	width:1140px;
}
.short {
	width:100px;
}

input {
	font-size:0.9em;
}


input.textbox {
	width: 250px;
	height: 25px;
	margin: 0px 105px 0px 0px;
	background: #fff;
	border: 1px solid #c5c5c5;
	padding: 0px 9px;
	text-align: left;
	/*
	font-size: 14px;
	*/
}

input.widetextbox {
	width: 670px;
	height: 25px;
	margin: 0px;
	background: #fff;
	border: 1px solid #c5c5c5;
	padding: 0px 9px;
	text-align: left;
	/*
	font-size: 14px;
	*/
}

input.shorttextbox {
	width: 200px;
	height: 25px;
	margin: 0px 15px 0px 0px;
	background: #fff;
	border: 1px solid #c5c5c5;
	padding: 0px 9px;
	text-align: left;
	/*
	font-size: 14px;
	*/
}

textarea.widetextbox {
	width: 670px;
	height: 250px;
	margin: 0px;
	background: #fff;
	border: 1px solid #c5c5c5;
	padding: 0px 9px;
	text-align: left;

}

.mainForm {
	padding: 0px;
	margin:10px 20px 10px 20px;	
	}
	
	
	
.mainForm fieldset {
	padding : 10px;
	border: 1px solid #aaa;
	margin-bottom:20px;
	
}







.mainForm legend {
	font-weight:bold;
	color: #888;
	margin-bottom: 5px;
	margin-top:10px;
	line-height: 100%;
}

.mainForm .formLabel, .mainForm .formWideLabel, .mainForm .formMediumLabel, .mainForm .formShortLabel {
	text-align:right;
	padding-right:50px;
	display:block;
	float:left;

/* 	border:1px solid black; */

}
.mainForm .formLabel {
	width:300px;
	}
.mainForm .formWideLabel {
	width:500px;
	}
.mainForm .formMediumLabel {
	width:400px;
	}
.mainForm .formShortLabel {
	width:200px;
	}

.mainForm .radioLabel {
	padding:3px 10px 5px 20px;
	font-size:0.9em;
	vertical-align: top;
	
	display: inline-block;
	text-align: left;
	
}


.loginForm .captchaElement, .updateForm .captchaElement {
	
	text-align:left;
	width: 100%;		
	}


.loginForm #captchaimg, .updateForm #captchaimg {
	margin-bottom:5px;
	padding:0px;
	margin-left:125px;
	text-align:left;

	}

.loginForm .captchaElement a img, .updateForm .captchaElement a img {
	margin-bottom:5px;
	margin-left:10px;
	text-align:left;
}
	
.libelle {
	text-align: right;
	padding-right:30px;
	line-height: 1.25em;	
}

.champ {
	text-align: left;
	padding-left:30px;
	line-height: 1.25em;
	}

td {
	padding: 5px;
	}
	
.submit {
	margin-top:20px;
	margin-bottom:40px;
	text-align:center;	
	}
	
.submit2 {
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;	
	}

/*
 * Messages
 */
 
.message, .message2, .validation-advice {
	background-color: #fff9d7;
	border: 1px solid #e2c822;
	font-weight: bold;
	color:#333;
	padding:10px;
	
}
.message {
	margin:25px 50px 25px 50px;	
}

.message2 {
	margin:25px 250px 25px 50px;	
}

.message3 {
	padding: 0px 50px;
	color: #333;
}

.message4 {
	padding: 0px 50px;
	color: #be434c;
	font-weight: bold;
} 

#main div.right div.message p, #main div.right div.message2 p {
	padding:0px;
	margin:5px 10px 5px 10px;
	}

#main div.message p, #main  div.message2 p {
	padding:0px;
	margin:5px 10px 5px 10px;
	}
.validation-advice {
	margin: 10px 0px 10px 0px;
}



.fieldset {
	border: 1px dotted #666;
	margin-bottom: 1em;
	margin: 10px 25px; 
	padding : 10px;
}


/* warning boxes */

.success, .warning, .error, .info { 
	border: 1px solid; 
	margin: 25px; 
	padding:0px 0px 10px 10px; 
	background-repeat: no-repeat; 
	background-position: 10px center; 
	-webkit-border-radius:3px; 
	-moz-border-radius:3px; 
	border-radius:3px; 
	}
.success {
	color: #508a11;
	background-color: #DFF2BF;
	background-image: url('images/icon-success.png');
}

.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('images/icon-warning.png');
}

.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('images/icon-cross.png');
}

.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('images/icon-info.png');
}

.shortinfo {
	margin-right:230px;
}

.ultrashortinfo {
	margin-right:330px;
}








.line2 {
	margin-left:50px;
	list-style-type: none;

	
	
}

.line2 li {
		
		display:block;
		float:left;
		text-align:center;
}




.imgcenter {
	margin:20px 50px 20px 50px;	
	}







.details {
	font-style: italic;
	font-size: 0.8em;
	width:200px;
	display: block;
	float:right;
	}
	
.details2 {
	font-style: italic;
	font-size: 0.8em;
}

	
.pdf {
	background: url(images/icone-pdf.png) top right no-repeat;
	font-style: italic;
	font-size: 0.8em;
	width:200px;
	min-height:50px;
	display: block;
	float:right;
	padding-right:25px;
	}	

.assignementOk, .assignementNok {
	border: 1px solid #aaa;
	margin:20px;
	
}


.assignementOk {
	background: url(images/green-tick.png) 90% 20% no-repeat;
	
	}
.assignementNok {
	background: url(images/red-cross.png) 90% 20% no-repeat;	
	}
.assignementOk span, .assignementNok span {
	position:absolute;
	text-indent: -9999px;
}

/*


.mainForm input, .mainForm select, .mainForm textarea {
	
	margin: 10px;
	margin-left:50px;
}

 

*/



.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }




#progress {
	width:900px;
	height:200px;
	position:relative;
	margin:auto;
	}


#progress ul {
	margin: 0 auto;
	}
	
#progress ul li {
	float:left;
	list-style-type: none;
	margin-left: 0px;
	margin-right: 0px;
}

#progress ul li a {
	display: block;
	height: 182px;
	width:0px;
}

#progress ul li a#stage1 {
	width:200px;
	background: url(images/progress-link_01.png) no-repeat;
}

#progress ul li a#stage1:hover {
	background: url(images/progress-link-hover_01.png) no-repeat;
}

#progress ul li a#stage2 {
	width:250px;
	background: url(images/progress-link_02.png) no-repeat;
}

#progress ul li a#stage2:hover {
	background: url(images/progress-link-hover_02.png) no-repeat;
}

#progress ul li a#stage3 {
	width:270px;
	background: url(images/progress-link_03.png) no-repeat;
}

#progress ul li a#stage3:hover {
	background: url(images/progress-link-hover_03.png) no-repeat;
}

#progress ul li a#stage4 {
	width:180px;
	background: url(images/progress-link_04.png) no-repeat;
}

#progress ul li a#stage4:hover {
	background: url(images/progress-link-hover_04.png) no-repeat;
}

.url {
	
}

.todo {
	color:red;
}
.done {
	color:green;
	}

.frame {
	background-color:#FFF;
	padding:10px;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;	
	border-radius: 5px;
	
	-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
	-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
	-o-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
	-khtml-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
	box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
}

.imgright {
	float:right;
	margin: 10px;
	margin-right:30px;

}

.resume {
	text-align:left;
	margin-bottom:10px;
}

.resume3 {
	text-align:left;
	margin-bottom:30px;
}

.separator {
	height:2em;
	
}



.center {
	text-align:  center;
}

.righter {
	margin-left:300px;
}

.emailLink  {
	text-indent: -9999px;
	display: inline-block;
	width:24px;
	height:24px;
	background: url(images/icon-email5.png) top left no-repeat;
}

.paperInfo {
	border: 1px solid #DDD; 
	margin: 25px 70px 25px 70px;
	 
	padding: 10px 10px 20px 10px;
	background-repeat: no-repeat; 
	background-position: 10px center; 
	-webkit-border-radius:3px; 
	-moz-border-radius:3px; 
	border-radius:3px; 
	background-color: #fff;
	position:relative;
}


.loadbalancing {
	margin-top: 20px;
}





.paperInfo:hover {
	background-color: #c6e5ff;
}


.paperInfo a.left img {
	position:absolute;
	top:20px;
	left:10px;
	margin: 0px;
	padding:0px 30px 0px 0px;
}

.paperInfo p.right {
	float:right;
	font-weight: bold;
}


.themeInfo {
	border: 1px solid #DDD; 
	margin: 25px 70px 25px 70px;
	 
	padding: 10px;
	background-repeat: no-repeat; 
	background-position: 10px center; 
	-webkit-border-radius:3px; 
	-moz-border-radius:3px; 
	border-radius:3px; 
	background-color: #fff;
	position:relative;
	
}

.themeInfo:hover {
	background-color: #c6e5ff;
}

.themeInfo .themeNb {
	float:left;
	width:130px;
	height:70px;
	color: #08c;
	text-transform: uppercase;
	text-align: right;
	border:2px #08c solid;
	padding:10px;
	-webkit-border-radius:3px; 
	-moz-border-radius:3px; 
	border-radius:3px;
}

.themeInfo .themeNb.done {
	border:2px green solid;
	color: green;
}
.themeInfo .themeNb.todo {
	border:2px  red solid;
	color: red;
}

.themeInfo .themeNb span {
	font-size: 4em;
	line-height:1em;
}

.themeInfo  .themeDetails {
	margin-left: 160px;
	padding:  0px 10px 0px 10px;
	/*
	height:80px;
	*/
	}

.themeInfo .themeDetails h4 {
	padding:0px;
	margin:0px;
}

#main .themeInfo .themeDetails a {
	float:right;
}

#main .themeInfo .themeDetails p {
	padding-right:10px;
}

#main .themeInfo .themeDetails .editor {
	padding-left: 20px;
	padding-top: 0;
	font-style: italic;
}

#main .themeInfo .themeDetails .editor a {
	float: none;
}

.subthemeInfo {
	border: 1px solid #DDD; 
	margin: 25px 70px 25px 70px;
	 
	padding: 10px;
	background-repeat: no-repeat; 
	background-position: 10px center; 
	-webkit-border-radius:3px; 
	-moz-border-radius:3px; 
	border-radius:3px; 
	background-color: #fff;
	position:relative;
	
}

.subthemeInfo:hover {
	background-color: #c6e5ff;
}

.subthemeInfo .subthemeNb {
	float:left;
	width:130px;
	height:70px;
	text-transform: uppercase;
	text-align: right;
	color: #08c;
	border:2px #08c solid;
	padding:10px;
	-webkit-border-radius:3px; 
	-moz-border-radius:3px; 
	border-radius:3px;
}

.subthemeInfo .subthemeNb.done {
	border:2px green solid;
	color: green;
}
.subthemeInfo .subthemeNb.todo {
	border:2px  red solid;
	color: red;
}

.subthemeInfo .subthemeNb.waiting {
	border:2px  orange solid;
	color: orange;
}

.subthemeInfo .subthemeNb span {
	font-size: 4em;
	line-height:1em;
}

.subthemeInfo  .subthemeDetails {
	margin-left: 160px;
	padding:  0px 10px 0px 10px;
	/*
	height:80px;
	*/
	}

.subthemeInfo .subthemeDetails h4 {
	padding:0px;
	margin:0px;
}

#main .subthemeInfo .subthemeDetails a {
	float:right;
	}

#main .subthemeInfo .subthemeDetails p {
	padding-right:10px;
}

#main .subthemeInfo .subthemeDetails h4 {
	padding-bottom:5px;
}

#main .subthemeInfo .subthemeDetails .editor {
	padding-left: 20px;
	padding-top: 0;
	font-style: italic;
}

#main .subthemeInfo .subthemeDetails .editor a {
	float: none;
}





.paperInfo div {
	padding-left:100px;
}

.paperInfo div div {
	padding-left:0px;
}


.paperInfo .newTheme, .paperInfo .newSubtheme,
.themeInfo .assignOK, .subthemeInfo .assignOK,
.themeInfo .assignNOK, .subthemeInfo .assignNOK,
.themeInfo .invitationOK, .subthemeInfo .invitationOK,
.themeInfo .synthesisOK, .subthemeInfo .synthesisOK,
.themeInfo .synthesisNOK, .subthemeInfo .synthesisNOK,
.themeInfo .reviewedOK, .subthemeInfo .reviewedOK,
.paperInfo .waitingPaper, .paperInfo .acceptedPaper, .paperInfo .oralPaper, .paperInfo .posterPaper, .paperInfo .rejectedPaper, .paperInfo .rejectedPaper2,
.paperInfo .processedPaper, .paperInfo .nokPaper, .paperInfo .reviewedPaper {

	position:absolute;
	top:0px;
	right:0px;
	width:70px;
	height:70px;
}

.themeInfo .assignOK, .subthemeInfo .assignOK {
	background: url(images/assigned.png) top right no-repeat;
}

.themeInfo .invitationOK, .subthemeInfo .invitationOK {
	background: url(images/waiting.png) top right no-repeat;
}

.themeInfo .assignNOK, .subthemeInfo .assignNOK {
	background: url(images/nok.png) top right no-repeat;
}

.themeInfo .reviewedOK, .subthemeInfo .reviewedOK {
	background: url(images/reviewed.png) top right no-repeat;
}

.themeInfo .synthesisOK, .subthemeInfo .synthesisOK {
	background: url(images/processed.png) top right no-repeat;
}

.themeInfo .synthesisNOK, .subthemeInfo .synthesisNOK {
	background: url(images/waiting.png) top right no-repeat;
}

.paperInfo .waitingPaper {
	background: url(images/waiting.png) top right no-repeat;	
}

.paperInfo .oralPaper {
	background: url(images/oral.png) top right no-repeat;	
}

.paperInfo .posterPaper {
	background: url(images/poster.png) top right no-repeat;
}

.paperInfo .acceptedPaper {
	background: url(images/accepted.png) top right no-repeat;
}

.paperInfo .rejectedPaper {
	background: url(images/rejected.png) top right no-repeat;	
}

.paperInfo .rejectedPaper2 {
	background: url(images/rejected2.png) top right no-repeat;	
}

.paperInfo .processedPaper {
	background: url(images/processed.png) top right no-repeat;
}

.paperInfo .nokPaper {
	background: url(images/nok.png) top right no-repeat;
}

.paperInfo .reviewedPaper {
	background: url(images/reviewed.png) top right no-repeat;
}



#main .paperInfo p {
	padding: 0px 0px 5px 0px;
}

#main .paperInfo p.fieldset {
	border: 1px dotted #666;
	margin-bottom: 1em;
	margin: 10px 25px; 
	padding : 10px;
}

.paperEdit {
	display:inline;
	text-align:right;
	position:absolute;
	bottom:0px;
	right:0px;
	margin-top:10px;
}

#main .paperEdit a {
	margin-right:20px;
}

.stats {
	padding:0px;
	margin:25px;
}

.updateThemeForm {
	margin-top:25px;
}

#main p.first {
	margin-top:20px;
}
.declined, .noreviewer {
	color: red;
}

.waiting, .notreviewed {
	color: orange;
}

#main .reviewstate {
	margin-top:25px;
}

#main .synthesisstate {
	margin-top:25px;
}

.accepted, .reviewed, .decided  {
	color: green;
}

.assigned {
	color: steelblue;
}


.registered {
	color: green;
}

#main p.status a {
	float:right;
}

.declined .date, .notreviewed .date, .accepted .date, .waiting .date, .reviewed .date, .assigned .date {
	font-style: italic;
	font-size: smaller;
	color: #666;
}

.txt_en_avant {
	font-weight: bold;
}


.position {
	float:left;
	width:70px;
	height:60px;
	background-color: #DFF2BF;
	text-transform: uppercase;
	text-align: right;
	border:1px #DDD solid;
	padding:10px;
	-webkit-border-radius:3px; 
	-moz-border-radius:3px; 
	border-radius:3px;
	font-size: 3em;
	line-height:1em;
}

.details {
	margin-left: 110px;
	padding:  0px 10px 0px 10px;
	/*
	height:80px;
	*/
	}

/* Disabled form elements */
select:disabled, input:disabled, textarea:disabled {
	background-color: #f5f5f5;
	color: #999;
	cursor: not-allowed;
	opacity: 0.6;
}