/********************************************/
/* Caracteristiques principales du document */
/********************************************/
body {
	text-align:left;
	background-color: white !important;
	font-family: Arial;
}

.example-target{
	padding:4px 10px 4px 35px;
	background:#0F67A1;
	color:white;
}

.nav li li a .checkboxtext {
	vertical-align: 5px;
}

.nav li li a .checkboxtextsmall {
	vertical-align: 5px;
	font-size: 12px;
}

.click {cursor:hand; cursor:pointer}


.shaded {color: #AAA}

.txtsmall {font-size: 12px !important}
.txtcentered {text-align: center}
.txtindent {padding-left: 15px}
.txtsearchitem {
	font-family: Arial;
	font-size:15px !important
}
.txtright {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: right;
}

.chromtext {
    font-size:10px;
    stroke:none;
    font-weight:bold;
    fill:black;
}

.bgred {background-color:#FEE}
.bgredanc {background-color:#EBB}
.bgblue {background-color:#EEF}
.bggreen {background-color:#EFE}
.bggreenanc {background-color:#BEB}
.borderred {border:1px solid #FBB}
.borderblue {border:1px solid #BBF}
.bordergreen {border:1px solid #BFB}

.txtdna {
	font-family: monospace;
	font-size: 10px !important;
	text-align: left;
}

.menuinfo {
	font-size: 10px;
	font-style: italic;
	text-align: center;
	display: block;
}

.menutext {
	width: 508px;
}

#menuiteminfo {
	float: right;
}

.inline {
	display: inline
}


/* Table generique d'affichage d'infos */

table.dump {
	text-align: center;
}

table.dump th, table.rootgenechoice th, table.refgenechoice th {
	font-weight: bold;
	color: black;
	background-color: #dee;
	border:1px solid #FC3;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

table.dump td {
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
}

/* La table de choix d'ancetre */
table.rootgenechoice {
	width: 100%;
	vertical-align: center;
	text-align: center;
}




/* Liens hypertextes */
a {text-decoration:none}
a img {border:0px}


/* Tailles d'images */
.miniicon {height:16px;width:16px}
.mediumicon {height:24px;width:24px}
.largeicon {height:32px;width:32px}
.hugeicon {height:48px;width:48px}

/* Button style */

.btn{
	padding: 9px 14px;
	font-size:15px;
	color:#ffffff;
	font-family: Helvetica;
	text-shadow:0 -1px 0 rgb(0,0,0,0.25);
	background-color:#5bc0de;
	background-image:-moz-linear-gradient(top, #8a8bd9, #6465cd);
	background-image:-ms-linear-gradient(top, #8a8bd9, #6465cd);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#8a8bd9), to(#6465cd));
    background-image:-webkit-linear-gradient(top, #8a8bd9, #6465cd);
    background-image:-o-linear-gradient(top, #8a8bd9, #6465cd);
    background-image:linear-gradient(top, #8a8bd9, #6465cd);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a8bd9', endColorstr='#6465cd', GradientType=0);
    border-color:#6465cd #6465cd #3e3fc0;
    border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter:progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    *margin-left:.3em;
}

.btn:hover{
	background-color:#6465cd;
	background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear; !important
}

.btn.disabled, .btn[disabled]{
	background-image:none;
	background-color:#9f8bdb;
	opacity:0.65;
	filter:alpha(opacity=65);
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.btn-small {
	width: 50px;
	padding: 5px 5px;
	font-size: 11px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.btn-moyen{
	padding: 3px 8px;
	font-size: 14px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.btn-block{
	display: block;
	width: 100%;
}

/* Les liens externes */
.externallink {font-style:italic; color:#039 !important; margin-left:5px; margin-right:5px}
.externallink:hover {color:#c00 !important; background-color:#FFC}


/* Le lien avec icone en surimpression */
.mixedimglinks {position: relative}
.mixedimglinks img.icon {z-index:0}
.mixedimglinks img.overlay {position:absolute; right:0px; top: 0px; z-index:10; visibility:hidden}
.mixedimglinks:hover img.overlay {visibility:visible}



/*************/
/* search.pl */
/*************/

div#tips .error, noscript {color: red}
div#tips .tips {color: green}
div#tips .tips a {color: inherit; font-weight: bold; padding-left: 3px}

/* Plusieurs choix pour un nom de gene */
table.refgenechoice {
	width: 100%;
	border: none;
	/*-moz-border-radius:10px;*/
	border-radius:10px;
	margin: 10px;
	padding: 5px;
}

table.refgenechoice th {
	font-style: italic;
	padding: 10px;
}


ul.leftmenu {
	font-weight: bold;
	text-align: left;
	margin-left: 40px;
	list-style-type: disc
}


/**********************/
/* La boite gris-bleu */
/**********************/
div.mybox {
	/*-moz-border-radius: 10px;*/
	border-radius: 10px;
	color: gray;
	background-color: #eef;
	border: 1px solid #FC3;
	padding: 30px;
	padding-top: 0px;
	padding-bottom: 0px;
}

div.mybox b {color: black}
div.mybox h2 {color: #035; font-size: 22px;}

/**********************/
/* La boite grise */
/**********************/
div.myboxGenomicus {
	/*-moz-border-radius: 5px;*/
	border-radius: 5px;
	color: gray;
	background-color: GhostWhite;
	border: 1px solid Bisque ;
	padding: 30px;
	padding-top: 0px;
	padding-bottom: 0px;
}

div.myboxGenomicus b {color: black}
div.myboxGenomicus h2 {color: #035; font-size: 22px;}

div.topPanel{
    position: fixed;
    top:3px;
    left: 720px;
    width:100%;
    z-index: 1000;
}

div.topPanelbox{
    height:120px;
    border-radius:5px;
    background-color:white;
    border-top:2px solid #ebebeb;
    border-left:2px solid #ebebeb;
    box-shadow:2px 2px 4px grey;
    padding:10px;
}
a.panelTxt{
    font-family: arial;
    font-size: 14px;
    color: black;
}

div.myboxCitations {
	/*-moz-border-radius: 5px;*/
	border-radius: 5px;
	color: gray;
	background-color: GhostWhite;
	border: 1px solid Bisque ;
	padding: 30px;
	padding-top: 0px;
	padding-bottom: 0px;font-size: 12px;
}

div.myboxCitations b {color: black}
div.myboxCitations h2 {color: #035; font-size: 12px;}

table#introstats {width: 400px}
table#introstats th {font-weight: normal}
table#introstats td {text-align: right}

.blastbox{
	width:100%;
	height:250px;
	border-color:#dfd2ff;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;
	-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
}

.blastbox:focus{border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);outline:0;outline:thin dotted \9;}

.blast_optionbox{
    float:none;
    width:70%;
    outline:0;
    border: 1px solid #dfd2ff;
    margin-left:0;
    font-size:13px;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
}

.blast_optionbox:focus{border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);outline:0;outline:thin dotted \9;}

pre.opt{
    border-radius:4px;
    padding: 8px;
    background-color:#d5d5ff;
    border:1px solid #ffdf80;
    font-family:courier;
    font-size:13px;
    line-height:18px;
    white-space:pre-wrap;
}


.confirmbox{
    z-index:999;
    position:absolute;
    top:20%;
    left:30%;
    border: 1px solid #FC3;
    background-color:#eef;
    border-radius:5px;
    padding:10px;
    display:none;
    box-shadow: 6px 6px 3px grey;
}

/*****************************/
/* Positionnement des boites */
/*****************************/

/* Alignee en haut a droite */
div.upright {
	font-size: 75%;
	font-weight: bold;
	position: absolute;
	right: 8px;
	top: 3px;
}


/* Informations d'intro: *view.pl et show_*.pl */
div#introbox {
	left: 5px;
	/*width: 50%;*/
}
/* Scale for phyloview_size */
div#scalebox{
    position: fixed !important;
    top:160px;
    margin-left:720px;
    z-index:2000;
}

/* Image SVG */
div#svgbox {
	margin-top: 190px;
	text-align: center;
	margin-left: 100px;
}

div#svgboxKaryo {
	margin-top: 70px;
	text-align: left;
}

/* pour verticalPanels */
div#leftpanel {
	position: absolute;
	left: 10px;
	width: 325px;
	text-align: center;
}

div#leftpanelphylo {
	position: absolute;
	top: 170px;
	left: 10px;
	width: 0px;
}
div#leftpanelphylohide {
	position: fixed;
	top: 170px;
	left: 70px;
}

div#rightpanel {
	margin-left: 355px;
	top: 10px;
	text-align: justify;
	max-width: 900px;
}

div#rightpanelmatrix {
	margin-left: 355px;
	top: 10px;
	text-align: justify;
}

div#rightpanel p {
	text-indent: 10px;
}

div#rightpanel .mybox {
	/*width: 50%;*/
}

div#footer {
	text-align: center;
	font-size: 10px;
	margin-top: 20px;
}

div.wrapper1 {
	position: fixed;
	top: 0px;
}

#outofdate {
	background-color: #eee;
	text-align: center;
}

div#context_menu {  
	background: rgba(0,0,0,0.2); color:#fff;
	padding:3px; border:none; cursor:pointer;
	-moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999
	font-family:'lucida sans unicode',sans-serif; font-size:1em;
	min-width:150px;  
} 
 

div#context_menu ul { 
	
	margin:0; padding:10px; list-style:none;
	background:#fff; color:#333;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	-moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999
	 
    cursor:pointer;  
} 
 
div#context_menu ul li {  
	text-align:left;  
    padding:3px 10px 3px 5px;  
    margin:0;  
    cursor:pointer;  
    font-family:"Lucida Grande",Verdana;  
    text-decoration:none;  
    color:#000;  
    font-size:12px;  
  
    border-top:1px solid #fff;  
    border-left:1px solid #fff;  
    border-bottom:1px solid #ccc;  
} 
 
div#context_menu ul li.selected, 
div#context_menu ul li:hover {  
    background:#EC6603; color:#fff;
    
    cursor:pointer;  
} 

div#context_menu ul li.selected:hover {  
    color:#333;  
    background-color:#eee;  
    cursor:pointer;  
} 

div#context_menu ul li:last-child {
	border:none;
}

div#context_menu ul li.disabled, 
div#context_menu ul li:hover.disabled {  
    background-color: #eee;  
    color:#999;  
    cursor:pointer;  
}  

div.hide{
	display: none;	
}
div.rsaticusbox{
	border-radius: 10px;
	background-color: white;
	border: 1px solid #FC3;
	padding: 30px;
	padding-top:10px;
	display: inline-block;
}
div.rsaticusbox h3{
	text-transform: uppercase;
}
table.rsaticusRes 
{
  /* 	margin: 10px 20px 20px; */
  color: #333333;
  border-left: 1px solid #cbcbb4;
  border-top: 1px solid #cbcbb4;
  border-spacing: 0px;
  }

table.rsaticusRes td,table.rsaticusRes th 
{
  font-family: courier;
  font-size: 70%;
  border-right: 1px solid #cbcbb4;
  border-bottom: 1px solid #cbcbb4;
  padding: 2px 10px;
  background-color: #D6EEFA;
  page-break-inside: avoid;
  }

table.rsaticusRes th 
{
  background-color: #0D73A7;
  color: #D6EEFA;
  }

iframe {
	width: 670px;
	height: 60px;
	border: 0;
}
.ui-widget{
	font-size:12px !important;
}
.ui-dialog,.ui-dialog-content{
	padding: 0px !important;
}

tr.hover{color: red;}
table.phyldiaginfo {font-size: 13px; text-align: center; color: darkslateblue}
table.phyldiaginfo th, tr, td {padding: 3px;}
table.phyldiaginfo tr:nth-child(odd) {background: #FFFBC1;}
table.phyldiaginfo tr:nth-child(even) {background: #FFF;}
table.phyldiaginfo td:first-child, table.phyldiaginfo tr:first-child {font-weight: bold; color: darkgreen;}
table.phyldiaginfo tr:not(:first-child):hover{ background: blanchedalmond;}
/*input[type=radio]{
	-moz-appearance:none;
}*/
.vertical-menu {
    width: 200px;
    margin-left: 50px;
    border: 1px solid white;
    box-shadow: 2px 2px 1px #888888;
    border-radius: 10px;
}

.vertical-menu a {    
    color: black;
    display: block;
    padding: 12px 12px 0 12px;
    text-decoration: none;
}

.vertical-menu a:hover {
    background-color: lightgray;
    border: 1px solid white;
    border-radius: 10px;
}

.vertical-menu a.active {
    background-color: lightblue;
    color: white;
    border: 1px solid white;
    border-radius: 10px;
}
.vertical-menu a::after{
    content: "";
    display: block;
    height: 1px;
    margin-top: 12px;
    background: lightblue;
}