@CHARSET "ISO-8859-1";
/*********************************/
/** @author Edi PRIFTI			**/ 
/** @author Corneliu HENEGAR 	**/
/** @version 1.0				**/ 
/*********************************/

/**************************/
/** BASIC */
/**************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: Black;
	background-color: #DDDDDD;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}
p {text-align: justify;}
p, ol, ul {	line-height: 160%;}
a {color: #319DE9;}
a:hover {
	text-decoration: none;
	color: #4617DC;
}
/**************************/
/** WRAPPER */
/**************************/
#wrapper {
	width: 760px;
	margin: 0px auto;
	background-color: white;
	padding: 0px 10px 0px 10px;
	border: 1px solid #797979;
}
/**************************/
/** HEADER */
/**************************/
#header {
	width: 250px;
	height: 75px;
	padding-top: 20px;
	text-align: center;
}
#header h1 {
	margin: 0px;
	font-size: 3.5em;
	color: #BBBBBB;
	letter-spacing: 5px;
}
#header h2 {
	margin: 0px;
	font-size: 1em;
}
/**************************/
/** MENU */
/**************************/
#menu {
	width: 725px;
	margin: 5px auto;
}
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: right;
}
#menu li {display: inline;}
#menu a{
	margin: 0px;
	background-color: #6389D8;
    padding: 2px 5px 3px 5px;
    font-weight: bold;
    text-decoration: none;
	text-transform: uppercase;
    color: #EBEBEB;
    color: white;
    font-size: 13px;
}
#menu a:hover {
	color: #000000;
	background-color: #B0D0FE;
}
/**************************/
/** CONTENT */
/**************************/
#content {
	width: 720px;
	margin: 0px auto;
	border-top: 2px solid #000000;
	padding-top: 10px;
}
#intro_paragraph {
	width: 700px;
	margin: 0 auto;
}
/**************************/
/** STAGE */
/**************************/
#stage_path {
	width:680px;
	height:40px;
	text-align:center;
	list-style: none;
	margin-top: 25px;
	margin-bottom: 25px;
}
.current_stage { 
	border-top:#000000 1px solid;
	border-left:#000000 1px solid;
	border-right:#000000 1px solid;
}
.non_current_stage {
	border:#000000 1px solid;
	background-color: #eeeff3;
}
#stage_path li {display: inline;}
#stage_path ul li { 
	float: left;
	height:25px;
	width:150px;
	display: inline;
	margin: 0 3px 0 3px;
}
#stage_path a {
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    color: #000000;
}
#stage_path a:hover {
	text-decoration: underline;
	color: #717171;
}
/**************************/
/** SUMARY ZONE */
/**************************/
#summary_zone {
	text-align: center;
	width: 400px;
	margin: 0px auto;
	font-size: small;
	color: black;
	padding: 20px;
}
#summary_title {font-size: medium;}
.form_summary {
	width:400px;
	margin: 0px auto;
	text-align: center;
}
.form_summary p { text-align: justify;}
.summary_table { margin-bottom: 10px;}
table {
	text-align: left;
	width: 400px;
}
.form_block {
	float:left;
	margin: 5px 0 10px 0;
	/*border:#c5d3d3 1px solid;*/
}
.left_block {
	width:300px;
	float:left;
	margin: 0 10px 0 10px;
}
.right_block {
	width: 360px;
	padding: 10px 15px 10px 5px;
	float:left;
	margin-top:1em;
	background-color:#f7feff;
	border:#c5d3d3 1px solid;
}
.right_block p, .right_block ol {
	color:black;
	text-align: justify;
	font-size: 13px;
	line-height: 130%;
	margin: 0 0 0 10px
}
.checkbox_gr {
	margin-left: 20px;
	text-align: right;
}
/**************************/
/** REFERENCES PAGE */
/**************************/
#content_wrapper {
	text-align: center;
	width: 600px;
	margin: 0px auto;
	font-size: small;
	color: #000000;
	padding: 20px;
}
#publication {
	height:170px;
	margin-bottom: 30px;
}
#image {
	text-align: left;
	float:left;
	margin-right:15px;
}
#reference {
	text-align: left;
	margin-top: 5px;
	text-align: justify;
}
#title_journal {
	background-color: #eeeff3;
	font-weight: bold;
	font-size: 14px;
	height: 20px;
	margin-left: 135px;
	color: #4F4F4F;
}
#title_journal a { 
	text-decoration: none;
	color: #4F4F4F;
}
#title_journal a:hover { 
	text-decoration: none;
	color: #6389D8;
}
#authors {margin-top: 10px;}
#links {margin-top: 10px;}
#title_article {
	font-weight: bold;
	color: #717171	
}
/**************************/
/** FOOTER */
/**************************/
#footer {
	clear: both;
	width: 500px;
	margin: 10px auto;
	border-top: 1px solid #CCCCCC;
	padding: 10px 0 5px 0;
}
#footer p {
	margin: 0px;
	text-align: center;
	font-size: smaller;
	color: #999999;
}
#footer a {
	text-decoration: none;
	color: #999999;
}
#footer a img {color: white;}
#footer a:hover {
	text-decoration: none;
	color: #999999;
}
#footer #logo_footer {
	text-align: center;
}
#update {
	color: #FFFFFF!important;
}
#update-ver {
	font-size:xx-small;
	text-align: center;
	color: #4F4F4F!important;
}
#update-ver a {
	color: #319DE9!important;
	text-decoration: underline!important;
}
#update-ver a:hover {
	text-decoration: none!important;
	color: #4617DC!important;
}
/**************************/
/* FORMULAIRE DESIGN */
/**************************/
#submit {
    width: 290px;
    text-align: center;
}
.form_block fieldset, .form_summary fieldset {
	border: 1px solid gray;
    padding: 15px 10px 10px 10px;
    margin: 0px 0px 15px 0px;
    background-color: white;
    color: black;
}
.form_block legend, .form_summary legend {
    border: 1px solid black;
    padding: 3px;
    background-color: #B0D0FE;
    font-weight: bold;
    color: #000000;
    font-size: 13px;
}
.form_block label, .form_summary label {
    display: block;
    margin: 10px 0px 10px 0px;
    text-align: left;
}
fieldset input {
	margin-top: 5px;
    text-align: left;
}
.text_input {text-align: left;}
/**************************/
/**FORMULAIRE 		***/
/**************************/
td.liste {text-align: left;}
#content_wrapper form {text-align: center;}
#up_regulated_genes {color: red;}
#down_regulated_genes {color: green;}
#list_of_genes {color: blue;}
#asterix{
	font-weight:bold;
	color:red; 
}
/**************************/
/**CONTACT 		***/
/**************************/
#intro_text {
	width:550px;
	padding-bottom: 30px;	
}
#table_info, #table_info2 {
	width:300px;
	margin: 0 auto;
}
#table_info_captcha{
	width:200px;
	margin:0 auto;
}
#table_message {
	width:300px;
	margin: 0px auto;
}
td.champ {
	text-align: right;
	padding-left:20px;
}
td {padding: 1px 1px;}
td.purpose {width:130px;}
td.liste {padding: 10px 0 5px 0;}
td.contenu {
	text-align: center;
	font-weight: bold;
	color:gray;
}
td.lesboutons {text-align: center;}


#intro_text_captcha{
	text-align: center;
}
#captcha_p{
	text-align: center;
}
#error_message{
	text-align:center;
	color:red;
}

/**************************/
/**TUTORIAL PAGE 		***/
/**************************/
#tutorial_menu{
	text-align: left;
	width: 250px;
	float: right;
	margin: 60px 0px 10px 20px;
	border-right: #999999 solid thin;
}
#tutorial_menu ul{
	list-style-type: square;
}
#tutorial_menu ul li{
	text-align: justify;	
}
#tutorial_title{
	text-align:center;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bolder;
	font-variant: small-caps;
}
#tutorial_subtitle{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	text-align: left;
	margin-top: 20px;
}
#tutorial_subtitle_2{
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	text-align: left;
	margin-top: 20px;
}
#tutorial_image_legend{
	margin: 25px 30px 10px 30px;
	font-weight: bold;
	font-size: 10px;
}
#content_wrapper ol{
	text-align:justify;
}
#note {
	font-size: 9px;
	color: #FF0000;
}
#note-txt {
	font-size: 10px;
	margin-left:50px;
	border-left:#666666 thin solid;
	padding-left:10px;
}
#tutorial-ref {
	font-size: 10px;
	margin-left:50px;
	border-left:#666666 thin solid;
	padding-left:10px;
}