/*Divisions*/
body {
    width:100%;
    max-width:1400px;
    margin: auto;
    color: #000;
    /*font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif;   */ 
    font-family:arial, sans-serif;
    /*font-size: 90%;*/
    bottom:0;
} 

#connexion {
  text-align : center;
}

.courriel {
    vertical-align: middle;
}

textarea {
    font-family:arial, sans-serif;
}

/*Clear*/
div.clear{
    clear:both;
}

/* HEADER */
div#header {
    position:relative;
/*      height:100px;*/
    padding:30px 30px 30px 60px;
    font-weight:bold;
    text-align: center;
    font-size: 4em;
    background-color: #FFF;
/*      cursor:pointer; */
    display:block;
}

a img{
    border:none;
    border:0;
}

img{
    border:none;
    border:0;
    margin:.5em;
}

em{
    color:#1F5677;
    font-style: normal;
    font-weight: 700;
}

pre{
    background-color: black;
    color:white;
    padding: .5em;
    font-size:1.1em;
    width:30%
}

/*_________________________________________________________________*/
/*Titles */
h1, h2, h3, h4, h5, h6
{
    text-align:center;
    color:#1F5677;

/*      margin-right:14%;*/
} 

h1.user_guide{ font-size: 1.8em}
h2.user_guide{ font-size: 1.5em}
h3.user_guide{ font-size: 1.3em}
h4.user_guide{ font-size: 1.1em}

h1{ font-size: 1.2em}
h2{ font-size: 1.1em}
h3{ font-size: 1.0em}
h4{ font-size: .9em}

img.minim_image{
    width: 15px;
    vertical-align:middle;
    cursor:pointer; 
}

div#header img{
    margin:0 5px 0 5px}

div#header a:hover{text-decoration:none}

div#header span#logo_plain{
    margin-left:60px;
    font-size:.35em;
}                    

/* END HEADER */
div#page {
    background:url("../images/border-right.jpg") repeat-y;
/*
    height:100%;  
    min-height:900px;
*/
}

div#page-bis {
    background:url("../images/border-left.jpg") repeat-y top right;
/*
    height:100%;  
    min-height:900px;
*/
}
div#content {
    margin:0px 18px;
    position : relative;
/*
    height:100%;  
    min-height:900px;
*/
  /*padding-bottom: 10px;*/
}
div#body {
/*      float: right;*/
/*
    height:100%;  
    min-height:900px;
*/
    position : relative;  
    top:50px;
    text-align: left;
    margin: auto;
/*      padding-left:5px;*/
    width:90%;
    font-size: .9em;
    color: #000;
}

div#quicksearch{
    width:35%;
    margin:auto; 
    margin-top:2em;
    text-align:center;
}

div#quicksearch h1{
    margin-bottom: 1.5em;
}
div#quicksearch table{
    margin:auto;
    width:80%
}

div#quicksearch table td{
    width:30%;
}

div.access_denied, div#login_form{ 
    margin:auto;
    position:relative;
    top:50px;
    padding:3% 1% 3% 1%;
    text-align:center;
    border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(../theme/images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlDefault}*/ 100%/*{bgDefaultXPos}*/ 100%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcDefault}*/;  
     -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;
}

div#login_form table{
    margin:auto;
}

div#login_form table td{
    width:0%;
}
div.access_denied img{  
    vertical-align:middle;
/*      margin:0 10% 0 -10%;*/
}

#load{
    position: relative; 
    z-index:100; 
    background-color:white; 
    top:50%; 
    width:80%;
    margin:auto; 
    text-align:center;
    height:800px;
}
#load img{
    margin:auto
}


a.logoTIBS{
    font-size:40px;
    text-decoration:none;
    color:black;
    font-weight:bold;
}


textarea.form {
}  

.formfield * {
    vertical-align: middle;
}

div#help{
    border:solid 1px; 
    background-color:#E2F4FF; 
    width:70%; 
    margin:auto;
    padding:10px;
}

/*the array links totally covers the cells*/
table.data td a {
    display: block;
    height: 100%;
/*  color:#000;
  background-color : #FF994F;/*F7FBFF;*/
}

/*array tooltip description*/
a.tooltip{
    position:relative; 
    z-index:24;
    color:#005F95;
    text-decoration:none;
    background-color:#F7FBFF;
}

a.tooltip:hover{
    z-index:25; 
    background-color:#FFF9F2;
}

a.tooltip span{display: none}

a.tooltip:hover span{ 
    display:block;
    /*position:center;*/
    position:absolute;
    /*border:1px solid #FF9900;*/
    background-color:#ffffff; color:#006BC9;
    text-align: center;
    padding:1px;
}



div.form_caryotypeQS{
    text-align:center; 
    width:50%;
    margin:auto;
    margin-top:2em;
    margin-bottom: 1.5em;
}

div.form_caryotypeQS h1{
    margin-bottom: 1.5em;
}

div.form_caryotypeQS table{
    margin:auto;
}

div.form_caryotypeQS table td{
    width:50%;
}  

/* END TABLES */

#available td {
    cursor: pointer;
} 

p.title, span.title{
    font-size:1.1em;
    text-align:left;
/*      font-weight:bold; */
    border-style:none;
} 

.input_text{
    font-style:italic;
    color:#6E6E6E;
}

/*----- Gene View -----*/
/*Gene graph : buttons*/

div#divButtons{
    margin:2em 0 2em 0;
}
#buttonRefSeq, #buttonOtherVariants, #rsButton, #EVAButton{
    background-color:#ECECEC;
    padding:5px; 
    width:50px;
    min-height:70px; 
    border: 1px solid #d3d3d3/*{borderColorDefault}*/; 
    background: #e6e6e6/*{bgColorDefault}*/ url(../theme/images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; 
    font-weight: normal/*{fwDefault}*/; 
    color: #555555/*{fcDefault}*/;
    cursor:pointer;
    -moz-border-radius: 4px/*{cornerRadius}*/; 
    -webkit-border-radius: 4px/*{cornerRadius}*/; 
    border-radius: 4px/*{cornerRadius}*/; 
    -moz-border-radius: 4px/*{cornerRadius}*/; 
    -webkit-border-radius: 4px/*{cornerRadius}*/; 
    border-radius: 4px/*{cornerRadius}*/; 
}

#rsButton{
        margin-left:5px;
}
#buttonRefSeq:hover, #buttonOtherVariants:hover,#buttonRefSeq.unselected:hover, #buttonOtherVariants.unselected:hover, #buttonRefSeq.selected, #buttonOtherVariants.selected, #EVAButton:hover, #rsButton.unselected:hover,#EVAButton.unselected:hover, #rsButton:hover, #EVAButton.selected, #rsButton.selected{
    border: 1px solid #aaaaaa/*{borderColorActive}*/; 
    opacity:1;
    /*filter:alpha(opacity=100); /* For IE8 and earlier */
    background: #dadada/*{bgColorHover}*/ url(../theme/images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/;
    text-decoration:none; 
}

#EVAButton.unselected, #rsButton.unselected, #buttonRefSeq.unselected, #buttonOtherVariants.unselected{
    border: 1px solid #aaaaaa/*{borderColorActive}*/;
    opacity:0.45;
    /*filter:alpha(opacity=45); /* For IE8 and earlier */
    background: #dadada/*{bgColorHover}*/ url(../theme/images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/;
    text-decoration:none;   
} 

#detailVar{
    position:relative;
    top:120px;
}

.overflow, #graphcontainer, #img_scale, #otherTranscripts{
    margin:auto; 
    overflow-y:hidden;
}        

#detailExon { 
    max-height:500px;
    position: relative;
    padding: 0;
}
#detailExon img {
    position: absolute;
    top: 0px;
    left: 0;
}
#canvas {
    position: absolute;
    top: 0px;
    left: 0;

}

#detailVar{
    min-height:300px;
/*      text-align:center;*/
    max-width:500px;        
}

#loc{
    float:right;
}              

#pos{
    float:left;
}

#carac{
    position:absolute;
    float:left;
    top:80px;
}

#nbind{
    position:absolute;
    float:left;
    top:120px;
}
 
div#caption{
    margin:0;
}

/*----- END Gene View -----*/

/* Gene Summary */
.summary{
        margin:auto;
/*      width:90%; */
/*      height:300px; */
}

.summary_2{
    float:left;
    width:25%;
    padding: 4em 2em 4em 2em;
    margin: 0 2% 0 2%;
    height:100%;
    border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #EDEDED/*{bgColorDefault}*/ ;color: #212121/*{fcDefault}*/;      
    -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;
        
}
.summary_1{
    width:43%;
    float: left;
    padding: 0 2em 0 2em;
    border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #EDEDED/*{bgColorDefault}*/ ;color: #212121/*{fcDefault}*/;      
    -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;
}

.summary_3{
    float:left;
    width:14%;
    padding: 2.3em 2em 2.35em 2em;
    border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #EDEDED/*{bgColorDefault}*/ ;color: #212121/*{fcDefault}*/;      
    -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;
}
/* END Gene Summary */
/* ----- Doc -----*/

h2.user_guide, h3.user_guide, h4.user_guide{
    text-align:left;
    color:#1F5677;
}

.pad30{
    padding-left:30px;
}

.pad30 img{
    vertical-align:middle;
}

#caryo img{
    width: 50%;
}

#qsform img{
    width:30%
}

.pad30 .center{
    text-align: left;
    float:right;
    width:48%;      
}
#caryo .center{
    width:44%;
}

#qsform .center{
    width:65%;
}

#caryo .genic_img{
    width:70%;
    margin:2em;
}
div.cclogo{
    text-align:center;
    margin-top:20px;
}

div.cclogo img{
    margin-top:10px;
}

.contact{ 
/*      position:absolute;*/
    width:60%;
    margin:auto;
    margin-top:2em;
    text-align:center;
    padding:1em;
    border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6; 
    -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;
}
.contact table, .contact .button{
    width:70%;
    margin:auto;
}

.contact_input .required{
    width:100%;
    text-align: left;
}               

.contact_input{
    width:88%;
    text-align: left;
}

.contact_field{
    width:12%;
}

.contact table td{
    border:0;
}

.contact table tr{
    line-height: 2em;
}
.contact .button{
    text-align:right;
}               

#recaptcha_widget_div{
    float:right;
    padding:1em;
/*      margin-right: 20% */
}
.coordonnates{
/*      position:relative;*/
/*      width:200px;*/
    padding-left:100px;
}

#toc{
    margin:1em;
    padding:2em;
/*      width:50%;*/
    font-size:1.2em;
    border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6; 
    -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;
    
}
#tutorial h1{
    text-align:left;
    margin:1em;
}


div.credits_logos a img{
    height:80px; 
    padding:1em;
    bottom:0;
    margin-bottom:0;
}  

div.credits_logos{
/*      height:500px; */
    position:absolute;
    bottom:10px;
/*      margin:15em 0 0 0;*/
}

ul.credits li {
    margin:1em 0 0 0;
} 

/* HOME PAGE */
div#manage_frame, #find_frame{ 
    position:relative; 
    margin:auto;
    width:600px; 
    min-height:50px;
    text-align:left;
    font-size:1.5em;
    font-weight:bold; 
    color:#1F5677;
    padding:.5em;
    top:1.5em;
    border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6; 
    -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;
    
}                  

.center{ 
    position:relative; 
    text-align:center;
    margin:auto;
    padding:.6em 0 0 0;
    width:500px;
    height:50px; 
    float:left;
}
div#manage_frame img, #find_frame img{          
    vertical-align:middle;
/*      padding:0 4em 0 0;  */
    width:50px; 
    float:left;
    
} 

#find_frame{
    margin-bottom:3em;
}

#arrow{
    margin:auto;
    width:80px;
} 

#home{  
    position:relative;
    margin:auto;
    text-align:center;
}

#homeTopLeft, #homeTopRight, #homeBottomLeft, #homeBottomRight{
    width:28%; 
    text-align:center;
    margin:1em;
/*      height:39em; */
    border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6; 
    -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;
    
} 

#homeTopLeft ul, #homeTopRight ul, #homeBottomLeft ul, #homeBottomRight ul{
    text-align:left;
}

#homeTopLeft img, #homeTopRight img, #homeBottomLeft img, #homeBottomRight img{
    width:90%;
    height:200px;
    margin:1em;
}
#homeTopLeft, #homeBottomLeft{
    float:left;
    margin-left: 10em;

}

#homeTopRight, #homeBottomRight{
    float:right;
    margin-right: 10em;
}

#main_frame{
    text-align:left;
}

p.welcome{
    font-size: 1.5em;
    color:#f28518;
    font-weight: 600;
}
/*END HOME PAGE*/
/* Variations statistics */

/*_________________________________________________________________*/
/*Clear*/
div.clear{
    clear:both;
}
 
.bold{
    font-weight:bold
}
/*Export file link  */
a.export{
    margin:0;    
    padding-left:30px; 
}       

a.export img{
    width:30px;
}

.link{  
    line-height:33px;
    text-align:right;  
    margin-right:5%; 
    vertical-align:top;  
}

/*_________________________________________________________________*/
/* FORMS */

div.form{
    margin:1.5em;
}

p.field, p#insert_ind{
    margin:0 0 0 18em;
}

#chromosomes input, #regions input, #indels input{
    margin:0 .2em 0 .8em;
}

.input_gene{
    margin:0 0 0 34em;
}

.align_right{
    float:right;
}

.error{
    width:800px;
    text-align:center;
    margin:1em; 
    color:#D04213;  
}

.error ul{
    text-align:left;
}

p.genes_buttons{
    margin:-.1em 0 -.1em 33.5em;
} 

/* END FORMS*/
/*_________________________________________________________________*/
/*Tooltips */

.title img, img.info
{
    width:25px;
    padding-right:5px;  
    vertical-align:middle;
}

div#tooltip{
    visibility: hidden;
    position: absolute;
    padding:.5em;
/*      background-color:#F9F9F9;*/
    color:#1F5677;
    font-size:.9em;
    margin:0 0 0 -20em;
    text-align: justify;
    max-width:30%;
    border: 1px solid #E0E0E0/*{borderColorDefault}*/; background: #EDEDED; 
    -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;
    -moz-box-shadow: 5px 5px 3px #BFBEBE;
    -webkit-box-shadow: 5px 5px 3px #BFBEBE;
    box-shadow: 5px 5px 3px #BFBEBE;        
    
} 

/*_________________________________________________________________*/
/*Results pages*/
.sortableTable table
{
    margin:auto;
    text-align:center;
    border-collapse:collapse;
    color: #000;
    width: 80%;
    font-size:.9em;
}

.sortableTable thead tr th, .sortableTable tfoot tr th {
    border: 1px solid #BEBDBD;
    cursor: pointer;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    background: -linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
table.data thead tr .header, .sortableTable thead tr {
    background-image: url(../images/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    background: -linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.sortableTable tbody td {
    background-color: #EFEFEF;
    border: 1px solid #BEBDBD;
    padding:1px;
    text-align:center;
}
.sortableTable tbody tr.odd td {
    background-color:#FFF;
    border: 1px solid #BEBDBD;
/*      padding:1.5mm;*/
    text-align:center;
}
.sortableTable thead tr .headerSortUp, table.data thead tr .headerSortUp {
    background-image: url(../images/asc.gif);
}
.sortableTable thead tr .headerSortDown, table.data thead tr .headerSortDown {
    background-image: url(../images/desc.gif);
                                                        
}
.sortableTable thead tr .headerSortDown, .sortableTable thead tr .headerSortUp, table.data thead tr .headerSortUp,table.data thead tr .headerSortDown {
    background: #d6d6d6; /* Old browsers */
    background: -moz-linear-gradient(top, #d6d6d6 0%, #d8d8d8 12%, #e5e5e5 49%, #d8d8d8 88%, #d6d6d6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(12%,#d8d8d8), color-stop(49%,#e5e5e5), color-stop(88%,#d8d8d8), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d6d6d6 0%,#d8d8d8 12%,#e5e5e5 49%,#d8d8d8 88%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d6d6d6 0%,#d8d8d8 12%,#e5e5e5 49%,#d8d8d8 88%,#d6d6d6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d6d6d6 0%,#d8d8d8 12%,#e5e5e5 49%,#d8d8d8 88%,#d6d6d6 100%); /* IE10+ */
    background: -linear-gradient(top, #d6d6d6 0%,#d8d8d8 12%,#e5e5e5 49%,#d8d8d8 88%,#d6d6d6 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
}

/*Pager*/
div.pager, div.pager_gene 
{ 
        position:relative!important;
        top:0px!important;
        text-align: center;
        width:300px; 
        margin-top:3px;
} 
div.pager img, div.pager_gene img{
        vertical-align:middle;
}

div.pager table td{
        border-style:none;
}

div.pager .pagedisplay
{
/*      width:60px;*/
        text-align:center;
        margin:auto;
}  

div.pager span {
        padding: 0 5px 0 5px;
}
div.pager input.prev {
        width: auto; 
        margin-right: 10px;
}
div.pager input.next {
        width: auto;
        margin-left: 10px;
}
div.pager input {
        font-size: 8px;
        width: 50px;
        border: 1px solid #330000;
        text-align: center;
} 

p.results{ 
        width:10%;
        float:right;
        margin-right:0px;
}

p.nomatch
{
        text-align:center;
        margin:5%;
}

/*-------------------------------------------------------------------------------------*/ 
/*SNV*/
/* div statement */
div.Nucl
{
  margin:auto;
  text-align:center; 
  width:400px;
} 
div.AA
{
  margin:auto;
  text-align:center; 
}

/* table statement*/
table.Nucl, table.Category, table.Tr, table.AA, table.AA_GL
{
        margin:auto;
        padding:4px;
        text-align:center;
        border:1px solid #BEBDBD;
        border-collapse:collapse;
}

table.AA, table.AA_GL
{
        width:90%;
/*      font-size:;*/
}

.slashbox{
        background:url("Images/DMT/title.png");
}

.tableauAA
{
        margin:auto;
}

table.Nucl td, table.AA td 
{
  border:1px dotted #BEBDBD;
  padding:3px;
  vertical-align:middle;
}

table.Category td
{
  width:100px;
}

table.Tr td, table.Category td
{
  border:1px solid #BEBDBD;
  padding:8px;
  vertical-align:middle;
}

table.Tr tr th, table.Category tr th, table.Nucl tr th, table.AA_GL tr th 
{
  padding:8px;
}

table.tableAA tr th{
        padding:3px;
}


.Trcol{
    border:1px solid #BEBDBD;
}

/* table title statement */

table.AA th, table.Nucl th, table.Category th, table.Tr th 
{
  border:1px solid #BEBDBD;
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
  background: -linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

th.colNucl
{
  width: 40px;
  height: 30px;
  vertical-align:middle;
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
  background: -linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
th.lineNucl
{
  width: 30px;
  height: 40px;
  vertical-align:middle;
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
  background: -linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
        
th.colAA, th.lineAA, th.Category
{
  padding:3px;
  vertical-align:middle;
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
  background: -linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

table.Tr th
{
  padding:5px;
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
  background: -linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

/*color td statment*/

td.echmax
{
  background-color:#c724fd;
}
td.echfive
{
  background-color:red;
}
td.echfour
{
  background-color:orange;
}
td.echthree
{
  background-color:yellow;
}
td.echtwo
{
  background-color:#70f84b;
}
td.echone
{
  background-color:#81dcdb;
}
td.echless
{
  background-color:#d4cfcf;
}

td.cons{
        background-color: #42E963;
}

td.modcons{
        background-color:#49B4C8;
}                             

td.modrad{
        background-color:#EBC751;
} 

td.rad{
        background-color:#CC333F;
}                            

td.synonym{
        background-color:#EBEAEC;
}

td.stop{
        background-color:#B7CACA;
}

/*caption_matrix span statement*/
.caption_matrix span
{
  color:black;
}    

li.echmax
{
list-style-image: url(../Images/Puces/echmax.gif);
}
li.echfive
{
list-style-image: url(../Images/Puces/echfive.gif);
}
li.echfour
{
list-style-image: url(../Images/Puces/echfour.gif);
}
li.echthree
{
list-style-image: url(../Images/Puces/echthree.gif);
}
li.echtwo
{
list-style-image: url(../Images/Puces/echtwo.gif);
}
li.echone
{
list-style-image: url(../Images/Puces/echone.gif);
}
li.echless
{
list-style-image: url(../Images/Puces/echless.gif);
}  

div.caption_matrix{
        margin:auto;
        width:617px; 
        text-align:center;
        font-size:small;
}

div.caption_grantham{
        margin:auto;
        width:800px; 
        text-align:center;
        font-size:small;
}   

div.caption_matrix ul li, div.caption_grantham ul li{
        margin-right:30px;
        float:left;
/*      list-style-type:square; */
/*      list-style-image:none; */

}

div.caption_matrix ul li span, div.caption_grantham ul li span{
        display:block;
        color:#000;
} 


/*End Variations Statistics*/
/* Home form */
/* form {
  margin-left: auto;
  margin-right: auto;
  width: 500px; 
}*/

.form_col {
  display: block;
  width: 600px;
}

fieldset {
  margin : auto;
  width: 700px;
}

fieldset.allvar {
  margin : auto;
  width: 90%;
}

textarea {
  padding: 2px;
  border: 1px solid #CCC;
  width: 600px;
  height: 200px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  outline: none;
}

textarea:focus {
  border-color: rgba(82, 168, 236, 0.75);
  -moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
}

input {
  padding: 2px;
  border: 1px solid #CCC;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  outline: none; /* Retire la bordure orange appliquée par certains navigateurs (Chrome notamment) lors du focus des éléments <input> */
}

input:focus {
  border-color: rgba(82, 168, 236, 0.75);
  -moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
}

.correct {
  border-color: rgba(68, 191, 68, 0.75);
}

.correct:focus {
  border-color: rgba(68, 191, 68, 0.75);
  -moz-box-shadow: 0 0 8px rgba(68, 191, 68, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(68, 191, 68, 0.5);
  box-shadow: 0 0 8px rgba(68, 191, 68, 0.5);
}

.incorrect {
  border-color: rgba(191, 68, 68, 0.75);
}

.incorrect:focus {
  border-color: rgba(191, 68, 68, 0.75);
  -moz-box-shadow: 0 0 8px rgba(191, 68, 68, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(191, 68, 68, 0.5);
  box-shadow: 0 0 8px rgba(191, 68, 68, 0.5);
}

.tooltip {
  display: inline-block;
  margin-left: 20px;
  padding: 2px 4px;
  border: 1px solid #555;
  background-color: #CCC;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}