/*
====================================================
Home page of NBTOPC
====================================================
*/
/* Général */
.black{color:black!important;}
.darkblue{color:#07008E!important;}
.red-color{color:red!important;}
.darkgray{color:#333333!important;}
.ui-border-blue{border:1px solid #2E97C4!important;}
.ui-blue{color:#2E97C4!important;}
.size-10px{font-size:10px!important;}
.size-12px{font-size:12px!important;}
.size-14px{font-size:14px!important;}
.size-15px{font-size:15px!important;}
.size-16px{font-size:16px!important;}
.size-17px{font-size:17px!important;}
.size-18px{font-size:18px!important;}
.size-19px{font-size:19px!important;}
.width-100{width:100px!important;};.width-200{width:200px!important;};.width-300{width:300px!important;};.width-400{width:400px!important;}
.width-500{width:500px!important;}
.height-100{height:100px!important;};.height-200{height:200px!important;};.height-300{height:300px!important;};.height-400{height:400px!important;}
.height-500{height:500px!important;}
.padding-top-5px{padding-top:5px;}
.padding-bottom-5px{padding-top:5px;}
.margin-top-5px{margin-top:5px;}
.margin-bottom-5px{margin-top:5px;}
.red_col{color: red!important; }
.normal-font:{font-style:normal!important;}
/*used to color dataset list in combo box */
.ncRNA{color:darkblue;}
.mRNA{}

.bold{font-weight:bold;}
.title{
	color:#3187eb;
	font-size:20px;	
	font-family:"Trebuchet MS", Verdana, 'Bitstream Vera Sans', Times, serif;
	text-decoration:none;
}

/* Partie présentation */
div#p_container{
	padding:10px;
	height:289px;
	overflow:hidden;
}

p.p_slide_content{
	font-style:italic;
	padding:15px 5px 5px 5px;
	line-height: 1.60em;
	width:485px;
}

img.p_img {
	float: left;
	width:400px;
	-moz-box-shadow: 0px 0px 10px #d0d9e3;
	-webkit-box-shadow: 0px 0px 10px #d0d9e3;
	box-shadow: 0px 0px 10px #d0d9e3;
	margin-top:43px;
}

div#p_slide{
	padding:20px 10px 0px 30px;
	margin:40px 0px 0px 0px;
	max-height:135px;
	text-align:justify;
	overflow:hidden;
}

a.p_slide_title{
	color:#5f5f5f;
	font-size:20px;
	font-family:"Trebuchet MS", Verdana, 'Bitstream Vera Sans', Times, serif;
	text-decoration:none;
	font-style:italic;
	font-weight: bold;
	margin-bottom:10px;
}

a.p_slide_title:hover{ text-decoration:none; }

div.p_left{ margin-left:500px;  }

div#p_more{ margin-right:80px; text-align:right; }

div#p_link{ margin-right:20px; padding:15px 5px; }

div.p_link_btn{
	float:left;
	text-align:left;
	margin-right:50px;
}

div.p_link_btn a{ display:block; height:52px; }
div.p_link_btn a:hover{ text-decoration:none; }

div.btn_ddl{ background:url('images/prez-ddl.png') 0% 0% no-repeat; }
div.btn_ddl:hover{ background-position: 0% 100%; }

div.btn_try{ background:url('images/prez-try.png') 0% 0% no-repeat; }
div.btn_try:hover{ background-position: 0% 100%; }

div.btn_ddl a{ width:189px; }
div.btn_try a{ width:141px; }

p.p_link_title{
	padding:12px 0px 0px 10px;
	color:#FFFFFF; 
	text-transform: uppercase;
	font-size:20px;
	margin-bottom: 0px;
	line-height: 1em;
}

p.p_link_com{
	padding-left:13px;
	text-transform: lowercase;
	font-size:11px;
	margin-bottom: 0px;
	line-height: 1em;
}

p.ddl_com{ color:#c4994d; }
p.try_com{ color:#b3aeae; }



/* Partie Dernières création (Thèmes+Forum) */

/* Class générales */
div#lc_container, div.lc_container{
	clear:both;
	padding:40px 20px;
	height:auto;
	overflow: hidden;
}

div.lc_title{
	border-bottom:2px solid #3187eb;
	margin:0px 5px 0px 48px;
	padding-top:10px;
}

div.lc_img{
	float:left;
	height:48px;
	width:48px;
}

div.lc{
	background:#FFFFFF;
	border:1px solid #bebebe;
	float:left;
	margin:5px;	
	overflow:hidden;
}
div.lc:hover{
	background:#f6f6f6;
}

div.lc p{ margin-bottom:0px; }

p.lc_title{
	color:#36689e;
	font-size:17px;	
	font-family:"Trebuchet MS", Verdana, 'Bitstream Vera Sans', Times, serif;
	text-decoration:none;
	padding:10px 10px 5px 10px;
	/*max-height: 20px;*/
	overflow: hidden;
}

p.lc_desc{ 
	color:#616161;
	text-align:justify;
	padding-right:10px;
	height:43px;
	overflow:hidden;
	font-size:10px;
}

p.lc_auteur{
	color:#212121;
	text-align:right;
	padding-right:20px;
	font-style:italic;
	font-size:10px;
}

p.lc_auteur span{
	color:#336397;
	font-style:normal;
	font-weight:bold;
	font-size: 11px;
}

div.lc a:hover{ text-decoration:none; }
div.lc_more{
	text-align:center;
	width:200px;
	margin:auto;	
}

div#lt_more{
	float:left;
	margin-left: 50px;
}

/* Class thèmes */
div.lt_title_img{ background:url('images/outils-48.png') no-repeat; }
div#lt_container{ float: left; }
div#lt_content{ clear:both; }

div.lt{
	border-bottom:2px solid #99b1cb;
	height:309px;
	width:220px;
	text-align:center;
	transition: all 0.8s ease-out;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
}
div.lt:hover {
	border-bottom:2px solid #6788ab;
	transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
}

a.lt_title_a{
	display:block;
	height:305px;	
}

p.lt_title{ margin:5px 10px; border-bottom:2px solid #336397; }

p.lt_img_container{
	height:165px;
	width: 200px;
	display: table-cell;
	vertical-align: middle;
}

img.lt_img{
	margin:25px 0px 20px 0px ;
	-moz-box-shadow: 0px 0px 10px #d0d9e3;
	-webkit-box-shadow: 0px 0px 10px #d0d9e3;
	box-shadow: 0px 0px 10px #d0d9e3;
	max-width:164px;
}

p.lt_desc{ padding:0px 10px; font-size:11px; height:60px;}
p.lt_auteur{ padding-top:15px; }


/* Class modules */
div#lm_container{ /*margin-left:650px;*/ }
div#lm_content{}
div.lm_title_img{ background:url('images/telecharger.png') no-repeat; }

p.lm_title{ padding-left:0px; }

div.lm{
	border-right:2px solid #99b1cb;
	height:200px;
	width:99%;
	transition: all 0.8s ease-out;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;	
}
div.lm:hover {
	border-right:2px solid #6788ab;
	transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
}

div.lm a{ display:block; height:95px; }

img.lm_img{
	margin:5px;
	max-width:64px;
}

p.lm_img_container{
	height:95px;
	width:64px;
	display: table-cell;
	vertical-align: middle;
}


/* Partie Dernières news du projet */
div#ln_container{
	clear:both;
	background:#e8edf3;
	border:1px solid #adbfd2;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow: 0px 0px 5px #d0d9e3;
	-webkit-box-shadow: 0px 0px 5px #d0d9e3;
	box-shadow: 0px 0px 5px #d0d9e3;
	/*max-height:325px;*/
	padding:20px;
	margin:0px 20px;
	overflow:hidden;
}

div#ln_right{
	float:right;
	width:200px;
	margin-top:40px;
	overflow:hidden;
}

div.ln_first{ 
	float:left;
	/*width:700px;*/
	width:650px;
	margin-right:10px;
}
div.ln_first_content{
	/*max-height:250px;*/
	overflow: hidden;
}

div.ln_first_readmore{
	text-align:right;
}

div.ln_list{
	float:left;
	height:268px;
	width:250px;
	border-left: 1px solid #dadfe5;
	overflow:hidden;
}

div#ln_list_title{
	padding:0px 5px 3px 5px;
	margin:0px 40px 15px 10px;
	font-size:13px;
	border-bottom: 1px solid #3187eb;
}
div.ln_list_content{
	width:230px;
	padding-left:20px;
}

div#ln_top{
	border-bottom:1px solid #3187eb;
	margin-right: 290px;
	padding-top:10px;
}

div#ln_top_img{
	background:url('images/news.png') no-repeat;
	float:right;
	margin-right:250px;
}
div#ln_top_img a{
	display:block;
	height:48px;
	width:48px;
}


a.ln_title{
	color:#25466C;
	font-size:12px;
	margin-bottom: 0px;
	transition: color 1s ease-out;
    -webkit-transition: color 1s ease-out;
    -moz-transition: color 1s ease-out;
    -o-transition: color 1s ease-out;	
}
a.ln_title:hover{
	color:#3187EB;
	text-decoration:none;
	transition: color 0.5s ease-out;
    -webkit-transition: color 0.5s ease-out;
    -moz-transition: color 0.5s ease-out;
    -o-transition: color 0.5s ease-out;	
}

p.ln_date{ color:#353535; font-size:10px; }

p.ln_content{ line-height: 1.60em; text-align:justify; }


/*****
AK
******/
.highlight_img{
		overflow:auto;
		background-color:white;
		background-color:#FFF;
		border-radius:3px;
		border:1px solid #CCC;
		box-shadow:2px 2px 12px -5px #999;
		margin:0 5px;
		padding:2px;
		text-align:center;
	}
	

/*
====================================================
gene Annotation
====================================================
*/
#gv_geneAnnotation{
	margin:5px;
}
.gv_navigationButtonContainer{
margin-top:10px;
float:right;
}

.annotationContent{
	font-size:0.9em;
	text-align:justify;
}
.clear{clear:both;}

/*
====================================================
Home
====================================================*/
/*data browsers */
.dataType{width:300px; float:left;}
#dataTypeMenu li{height:40px; font-size:20px;}
.filter div{float:left;}

.dbrowsers_content{
	clear:both;
	margin-top:10px;
	
}
.mi_spacer, .mi_spacer10{
	clear:both;
	margin-bottom:10px;
}
.mi_spacer20{
	clear:both;
	margin-bottom:20px;
}
.mi_spacer30{clear:both;margin-bottom:30px;}


div.mi_btn{margin-bottom:20px;}

#db_leftContainer, #db_rightContainer, .db_leftContainer,.db_rightContainer {
	float:left;
}
#db_leftContainer, .db_leftContainer{width:300px;}
#site_description{
	width:580px;
	margin-top:30px;
	padding:20px;
}
#datasetDescription{
	padding:10px;
}
.tabContent{
	padding-top:30px;
}
.tab_content{padding:10px;}
#page_title{
	margin-bottom:10px;
}


.mi_title1
{
	width:98%;
	margin:auto;
	color:#333333;
	font-size:17px;
	font-weight:bold;
	padding:0px 5px;
	border-bottom:2px solid #336397;
}
.mi_title2
{
	display:inline-block;
	color:#333333;
	font-size:16px;
	font-weight:bold;
	margin-left:45px;
	clear:both;
	font-weight:bold;
	background:#FFFFFF;	
	border-bottom:3px solid #336397;
	border-radius:8px;
}
.mi_title3
{
	text-indent:60px;
	font-size:16px;
	font-style:italic;
	text-decoration:underline;
}
.mi_title4
{
	text-indent:80px;
	font-size:14px;
	font-style:italic;
	text-decoration:underline;
}
.mi_title5
{
	text-indent:100px;
	font-size:12px;
	font-style:italic;
}

.small{
	font-size:0.9em;
}


/*
====================================================
Data analysis wizard
====================================================*/
a.inactiveBtn{
	cursor:default!important;
	
}
.hiddenBtn{
	display:none;
}

/*For sam fold change view*/
.blue{
	color: black;
	background-color: #0062B0;
}
.red{
	color: black;
	background-color: #E35341;
}