/******************************************************************************
 *  Filename	: default.css
 *  Description	: a cascading stylesheets to the web interface HuGut16S
 *  Author	: Clement Gauthey
 *  Date 	: 2007-09-12
 ******************************************************************************/



/*** GENERAL ***/

body {
    font-family: Arial, serif;
    font-size: 14px;
    margin: 0px;
    text-align: center;
}

h1, h2, h3, h4, h5, h6 {
    color: #6f0c06;
}

hmin {
    color: #6f0c06;
    padding: 0px 0px 40px 0px;
    font-size:16px;
}

h1 {
    margin: 0px;
    padding: 10px;
    /*padding-top:40px;*/
    vertical-align:middle;
}

img {
    border: 0;
}

a:link {
    color: #CD853F;
    text-decoration: none;
}

a:visited {
    color: #8B5A2B;
    text-decoration: none;
}

a.citation:link {
    color: black;
}

a:hover {
    color: #FFA54F;
    text-decoration: underline;
}

th {
   font-weight: normal;
   width: 35%;
   vertical-align: middle;
}
index {
    font-weight: lighter;
    font-size: smaller;
}


/*** CONTENT ***/

#dendro {
   float: left;
   width: 60%;
   height: 60%;
   vertical-align:middle;
   /*padding: 10px 15px 15px 15px;*/
}

#landscape {
   float: right;
   width: 38%;
   height: 38%;
   vertical-align:middle;
   /*margin: 10px 15px 15px 15px;*/   
}


#mol_pic {
   float: right;
   width: 140px;
   height: 200px;
   vertical-align:middle;
   margin: 5px 0px 10px 80px;
}

#mol_pic2 {
   float: left;
   width: 266px;
   height: 219px;
   vertical-align:middle;
   margin: 10px 15px 15px 15px;
}

#up_logo {
    margin-top:45px;
}

#left_logo {
  float: left;
   margin: 5px 5px 5px 5px;
   width: 140px;
   height: 40px;
}

#right_logo {
   float: right;
   margin: 5px 5px 5px 5px;
   width: 140px;
   height: 40px;
}


#le_up_logo {
    float: left;
    margin: 5px 5px 5px 5px;
    width: 112px;
    height: 30px;
}
#le_do_logo {
    float: left;
    margin: 117px 5px 5px 5px;
    width: 112px;
    height: 30px;
}



#header {
   background-color: #ECE8E5;
   border-bottom: 1px solid black;
   vertical-align: middle;
  /* padding-bottom:50px;*/
}

#main {
    margin: 0px auto;
    text-align: left;
    width: 95%;
}

h_dock {
    font-size : large;
    font-weight : bold;
  /*  vertical-align : middle;*/
}

h2.elem-header {
    background: url( '../img/migalette.gif' ) no-repeat 5px;
    border-bottom: 1px solid black;
    border-left: 3px solid black;
    margin-top: 30px;
    padding-left: 30px;
}

h3.elem-header_results {
    background: url( '../img/migalette.gif' ) no-repeat 5px;
    border-bottom: 1px solid black;
    border-left: 3px solid black;
    margin-top: 30px;
    padding-left: 30px;
    width: 90%;
    text-align:left;
}

h2.elem-header_results {
    /*background: url( '../img/rhodo.png' ) no-repeat 5px;*/
    border-bottom: 1px solid black;
    border-left: 3px solid black;
    margin-top: 30px;
    padding-left: 30px;
    width: 90%;
    text-align:left;
}


.option_type {
    font-style: italic;
}

div.elem-content {
    margin: 0px auto;
    width:  95%;  
}

div.docking {
    margin: 0px auto;
    width: 90%;
    padding-left: 0px;
    text-align: left;
}

p.legend {
    font-size:small;
    width: 60%;
    text-align:left;
}
table.form1 {
    width: 100%;
    text-align: center;
}
table.form2 {
    margin-top: 10px;
    width: 100%;
    text-align: left;
}

table.legends_help_fig {
    width:100%;
    text-align: center;
    padding-bottom:50px;
}

td.up {
    vertical-align:top;
}
/* Special section to generate a limited block to display sequences' name */
div.elem-content #sequences {
    display: block;
    height: 75px;
    margin-top: 0px;
    overflow: auto;
    padding-top: 0px;
}

div#form-special div {
    display: none;
}

input.grey {
    background-color: #EEEEEE;
    padding: 2px;
}


textarea {
    background-color: #EEEEEE;
    padding: 2px;
}

.bold {
    font-weight: bold;
}

.asterix_expo {
    vertical-align: text-top;
    font-weight: bold;
}


div.database {
    float: left;
    border-top: 1px solid black;
    width: 30%;

}

div.upload {
    float: right;
    border-top: 1px solid black;
    margin: 0px auto;
    width: 30%;
}

div.dock_struct_display {
    border:1px solid #ccc;
    vertical-align:middle;
   /* font-weight: bold;*/
    font-size: medium;
    color:black;
    /*padding: 10px;*/
}


/******** help **********/
table.help th {
    font-weight: bold;
    width: 40%;
    border: 1px solid black;
    padding-left: 5px;
    padding-right: 5px;
}

table.help td {
   text-align: center;
   border: 1px solid black;
   padding-left: 5px;
   padding-right: 5px;
}

table.help {
    width: 50%;
    border: 1px solid black;
    border-collapse:collapse
}

table.templates {
    width: 75%;
   /*
     border-bottom: 0px;
    border-top: 0px;
    */
    /*border: 1px solid black;*/
    border-collapse:collapse;
    text-align:center;
}
td.le_label {
    text-align:left;
    border-right: 1px solid black;
    padding: 5px 5px 5px 5px;
}

td.cell {
    text-align:center;
    padding: 5px 5px 5px 5px;
}

dt {
   margin-top: 5px;
   font-weight: bold;
}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

li {
   list-style-type: circle;
}

li.le {
   list-style-type: none;
}


/*** FOOTERS ***/

#footer {
    width:100%;
    background-color: #ECE8E5;
    border-top: 1px solid black;
    margin-top: 10px;
    padding: 2px;
    text-align: center;
}


#footer_docking {
    width:100%;
    background-color: #ECE8E5;
    border-top: 1px solid black;
    margin-top: 750px;
    padding: 2px;
    text-align: center;
}