/*
################################################################################# Copyright INRA 2005
# Contributors : I. Bourgait, C. Caron, A. Gendrault, L. Legrand, H. Chiapello
# Contacts : helene.chiapello@jouy.inra.fr, annie.gendrault@jouy.inra.fr
# Mathematics, Informatics & Genome, INRA, 78352 Jouy-en-Josas, France
#
# MOSAIC is a relational database and web interface developed to compare closely related bacterial genomes.
# The application includes :
# (1) SQL and Perl scripts devoted to the creation of the database and the parsing 
#  of the different types of data,
# (2) Perl script and libraries for the Web interface.
# The Mosaic application can be accessed at the URL : "http://genome.jouy.inra.fr/mosaic".
#
# This software is governed by the CeCILL-B license under French law and
# abiding by the rules of distribution of free software.  You can  use,
# modify and/ or redistribute the software under the terms of the CeCILL-B
# license as circulated by CEA, CNRS and INRIA at the following URL
# "http://www.cecill.info".
#
# As a counterpart to the access to the source code and  rights to copy,
# modify and redistribute granted by the license, users are provided only
# with a limited warranty  and the software's author,  the holder of the
# economic rights,  and the successive licensors  have only  limited
# liability.
#
# In this respect, the user's attention is drawn to the risks associated
# with loading,  using,  modifying and/or developing or reproducing the
# software by the user in light of its specific status of free software,
# that may mean  that it is complicated to manipulate,  and  that  also
# therefore means  that it is reserved for developers  and  experienced
# professionals having in-depth computer knowledge. Users are therefore
# encouraged to load and test the software's suitability as regards their
# requirements in conditions enabling the security of their systems and/or
# data to be ensured and,  more generally, to use and operate it in the
# same conditions as regards security.
#
# The fact that you are presently reading this means that you have had
# knowledge of the CeCILL-B license and that you accept its terms.
###########################################################
*/

.test {
 background-color:#11ff00;
}



body {
  margin: 0;
  font-family: verdana, arial, sans-serif; 
  font-size: 12px; 
}

.head1 {
	margin:auto;
        text-align: center;
	color : #002299;
	font-size: 170%;
        font-weight:bold;
}

.head2 {
	margin:auto;
        text-align: center;
	color : #115500;
        font-size:130%;
        font-weight:bold;
} 

.head3 {
	margin:auto;
        text-align: center;
	color : #550000;
	font-size: 110%;
}

.head4 {
	margin:auto;
        text-align: center;
	color : #111111;
	font-size: 100%;
        font-weight:bold;
}

.head5 {
	margin:auto;
        text-align: center;
	font-size: 100%;
}


.navigationToolbar {
    border: 2px solid #060C6F;
    width: 930px;
    margin-top: 0px;
    margin-bottom: 5px;
    padding-top: 2px;	
    background-color:#AABBEE;
    height: 133px;	
}

.navigationLeft {
  position: absolute;
  margin-left: 320px; /* on place le bloc de l image a droite */
  width: 200px;
  height: 98px;
  border: 1px solid #060C6F;
}

.navigationRight {
    position: float;
    margin-left: 540px; /* on place le bloc de l image a droite */
    width: 100px;
    padding-top: 30px;	
    height: 68px;
    border: 1px solid #060C6F;
}

.milieu {
    margin:auto;
    padding-top: 10px;
}

.variable_segmentcolor {
  font-size: 125%;
  background-color:#21D114;
}

.backbonecolor {
  font-size: 125%;
  background-color:#CEE2EE;
}



.circularMain {
	margin:auto;
        text-align: center;
    width: 800px;
    padding-top: 10px;	
    height: 100px;
    border: 1px solid #060C6F;
	background-color : #eeeeee;
}


.legendConteneur {
 background-color:#000033;
 position : relative;
}

.legendLeft {
    position: absolute;
    left: 50px;
    width: 212px;
    padding-top: 0px;	
    height: 100px;
    border: 1px solid #060C6F;
}

.legendCenter {
    position: absolute;
    left: 350px;
    width: 212px;
    padding-top: 0px;	
    height: 100px;
    border: 1px solid #060C6F;
}

.legendRight {
    position: absolute;
    left: 650px;
    width: 212px;
    padding-top: 0px;	
    height: 100px;
    border: 1px solid #060C6F;
}


.bottomCenter {
    margin:auto;
    text-align: center;
    width: 400px;
    padding-top: 10px;	
    height: 25px;
    border: 1px solid #060C6F;
    background-color : #eeeeee;
}




ul {
      list-style-type: none; 
      margin: 0;
      padding: 0 0 0 0;
}

.mugenMap {
    position: absolute;
    margin-left: 131px; 
    width: 586px;
}

/***************************************************************************/
/********************** LEVEL LINEAR MAP**********************************/
/***************************************************************************/

.strainLinearMap { 
  position: float;
      padding-bottom: 4px;
      width: 130px;
      height: 158px;
      border: 1px solid #060C6F;
      font-family: verdana, arial;
      font-size: 110%;
      text-align: left;
  background-color:#eeeeee;
}



/***************************************************************************/
/********************** LEVEL GLOBAL ***************************************/
/***************************************************************************/
.strainGlobalLeftLegendMGA { 
      position: float;
      padding-bottom: 4px;
      width: 130px;
      height: 133px;
      border: 1px solid #060C6F;
      font-family: verdana, arial;
      font-size: 110%;
      text-align: left;
}

.strainGlobalLeftLegend { 
      position: float;
      padding-bottom: 4px;
      width: 130px;
      height: 182px;
      border: 1px solid #060C6F;
      font-family: verdana, arial;
      font-size: 110%;
      text-align: left;
}


.strainGlobalLeftLegendLast { 
      position: float;
      padding-bottom: 4px;
      width: 130px;
      height: 182px;
      border: 1px solid #060C6F;
      font-family: verdana, arial;
      font-size: 110%;
      text-align: left;
}

.strainGlobalInvertedLeftLegend { 
  position: float;
      padding-bottom: 4px;
      width: 130px;
      height: 227px;
      border: 1px solid #060C6F;
      font-family: verdana, arial;
      font-size: 110%;
      text-align: left;
}


.strainGlobalInvertedLeftLegendLast { 
  position: float;
      padding-bottom: 4px;
      width: 130px;
      height: 184px;
      border: 1px solid #060C6F;
      font-family: verdana, arial;
      font-size: 110%;
      text-align: left;
}



.strainGlobalLeftLegendMGA li{ 
      padding-bottom: 22px;
      font-family: verdana, arial;
      font-size: 80%;
      font-weight:bolder;
      text-align: left;
}

.strainGlobalLeftLegend li{ 
      padding-bottom: 22px;
      font-family: verdana, arial;
      font-size: 80%;
      font-weight:bolder;
      text-align: left;
}

.strainGlobalLeftLegendLast li{ 
      padding-bottom: 22px;
      font-family: verdana, arial;
      font-size: 80%;
      font-weight:bolder;
      text-align: left;
}

.strainGlobalInvertedLeftLegend li{ 
      padding-bottom: 22px;
      font-family: verdana, arial;
      font-size: 80%;
      font-weight:bolder;
      text-align: left;
}

.strainGlobalInvertedLeftLegendLast li{ 
      padding-bottom: 22px;
      font-family: verdana, arial;
      font-size: 80%;
      font-weight:bolder;
      text-align: left;
}



.mugenGlobalLeftLegend {
	   width: 90%;
	   text-align: left;
	   padding-left: 15px;
	   padding-bottom: 40px; /*Intervalle entre les annotations*/
	   font-size : 80%;
}

/***************************************************************************/
/********************** LEVEL GENOME ***************************************/
/***************************************************************************/

.strainGenomeLeftLegend { 
  position: float;
      width: 130px;
      height: 290px; 
      border: 1px solid #060C6F;
      font-family: verdana, arial;
      font-size: 110%;
      text-align: left;
}

.strainGenomeLeftLegend100000 { 
  position: float;
      width: 130px;
      height: 267px; 
      border: 1px solid #060C6F;
      font-family: verdana, arial;
      font-size: 110%;
      text-align: left;
}

.strainGenomeLeftLegendLast { 
      position: float;
      width: 130px;
      height: 158px;
      border: 1px solid #060C6F;
      font-family: verdana, arial;
      font-size: 110%;
      text-align: left;
}

.strainGenomeLeftLegendLast100000 { 
      position: float;
      width: 130px;
      height: 136px;
      border: 1px solid #060C6F;

      font-family: verdana, arial;
      font-size: 110%;
      text-align: left;
}


.strainGenomeLeftLegend li{ 
      padding-bottom: 22px;
      font-family: verdana, arial;
      font-size: 80%;
      font-weight:bolder;
      text-align: left;
}

.strainGenomeLeftLegend100000 li{ 
      padding-bottom: 22px;
      font-family: verdana, arial;
      font-size: 80%;
      font-weight:bolder;
      text-align: left;
}

.strainGenomeLeftLegendLast li{ 
      padding-bottom: 22px;
      font-family: verdana, arial;
      font-size: 80%;
      font-weight:bolder;
      text-align: left;
}

.strainGenomeLeftLegendLast100000 li{ 
      padding-bottom: 22px;
      font-family: verdana, arial;
      font-size: 80%;
      font-weight:bolder;
      text-align: left;
}


.mugenGenomeLeftLegend {
	   text-align: left;
	   padding-left: 15px;
	   padding-bottom: 57px; 
	   font-size : 80%;
}
.mugenGenomeLeftLegend100000 {
	   text-align: left;
	   padding-left: 15px;
	   padding-bottom: 40px; 
	   font-size : 80%;
}


div.row {
    clear: both;
    padding-top: 5px;
}

div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
}

div.row span.formw {
  float: right;
  width: 235px;
  text-align: left;
}


a:link {
	acolor : #37B7ED
}

a:visited {
	color : #002299;
}
table.main {	
	width : 85%;
	background-color : #eeeeee;	
	font-family: arial;
	color : #009090;
	border-style : outset;
	border-color : #0000FF;
	border-width : 2px;
}

table.comparison {
	font-size : 15;
}



td.nopadding {
	padding : 0px;
}
td.stats {
	border-style : outset;
	border-color : #0000FF;
	border-width : 1px;
	text-align : left;
	color : black
}

td.comparison {
	padding : 1px;
}

td.header {
	background-color : white;
	font-weight : bold;
	color : #0054FF

}

th {
	background-color : white;
	font-weight : bold;
	text-align : left;
	white-space : nowrap;
	padding : 5px;
	color : #0054FF
}