body {
   font-family: Times, serif;
   font-size: 16px;   
   text-align: center;
   background-color: white;
}

#linklist {
   width: 100%; 
   text-align: left;
   position: fixed;
   top: 0;
   padding-bottom: 2.5em;
   padding-top: .5em;
   background-color: white;
}

#linklist ul {
   margin-left: 0; padding-left: 0; white-space: nowrap;
}

#linklist li {
   display: inline;
   list-style-type: none;
}

#linklist a {
   color: #999999;
   text-decoration: none;
   font-size: 18px;
   padding-left: .5em; padding-right: .5em;
   padding-top: .2em; padding-bottom: .2em;
}

#linklist a:hover {
   color: #696969;
   background-color: #e5e5e5;  
}

a.intext {
   color: #5e5e5e;
   text-decoration: none;
}

a.intext:hover {
   color: #696969;
   background-color: #e5e5e5;  
}
   

/* to get some links on the left and some on the right */
span.left {
   /*position: absolute;*/
   float: left;
   left: 0;
   background-color: white;
}
span.right {
   /*position: absolute;*/
   float: right;
   margin-right: 1.3em;
   right: 0;
   background-color: white;
}
div.line {
   position: relative;
   text-align: center;
   width: 100%;
   background-color: white;
}


/* Main content */
#container {
   margin: 0 auto;
   width: 65%;
   text-align: left;
   padding: 20px; 
   padding-top: 2px; padding-bottom: 40px;
   margin-top: 80px;
   background-color: white;
   border-left: solid .4px #e5e5e5; border-right: solid .4px #e5e5e5;
}

#main_footer {
   margin: 0 auto;
   margin-top: 2em;
   font-family: Times, serif;
   font-size: 14px;
   color: #999999;
}

/* *** LINK for mouse over *** */
a.info{
   color:black;
}

#backwards {
   margin-top: 4em;
   text-align: center;
}

a.backwards {
   color: #696969;
   background-color: #e5e5e5;  
   padding: 0.3em;
   text-decoration: none;
}


/* *** TABLE styles *** */
table {
   text-align: center;
   border-collapse:collapse;
}

table,th,td
{
   border: 4px solid white;
   padding: 6px;
}

th.ranges, td.ranges {
   width: 30em;
}

th.pdb {
   width: 4em;
}

th {
   font-family: Times, serif;
   font-size: 16px;  
   background-color: #696969;  
   color: #FFFFFF;  
}

tr {
   background-color: #e5e5e5;
}


/* *** FORM styles *** */
#form_container {
   margin: 0 auto;
   margin-top: 40px;
   width: 440px;
   padding: .6em; padding-bottom: .2em;/* padding-right: 0.5em; padding-left: .5em;*/
   background-color: #e5e5e5;
   position: relative;
}

#file_field {
   padding-bottom: 10px;
}

#param_field {
   padding-bottom: 3px;
}

label, input, select { /* Alle Labels UND Formularelemente auswählen */
   display: block;
   float: left;
   width: 11em; /* Breite.*/
}

input {
   font-family: Helvetica, sans-serif;
   font-size: 13px;
   margin-bottom: 3px;
}

label {
   text-align: right; 
   padding-right: 1em; 
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
   clear: left; /* das floating der labels und inputs aufheben */
}


form#input_data {  
   /*font-family: Helvetica, sans-serif;  */
   font-family: Monaco, sans-serif;  
   font-size: 13px;  
   text-align: right;  
   margin:0;
   padding:.5em;
}

#container_form_buttons {
   /*padding-left: 80px; padding-right: 30px; padding-top: 10px; padding-bottom: 0px;*/
   padding-left: 80px; padding-right: 30px; padding-bottom: 10px;
   margin-top: 10px;
   width: 300px;
   height: 20px;
   position: relative;
}

#input_data .button_r, .button_s {
   position: absolute;
   bottom: 0px;
}

#input_data .button_s {  
   font-family: Monaco, sans-serif;  
   font-size: 13px;  
   background-color: #333333;  
   color: #FFFFFF;  
   margin-right: 6px;  
   right: 30px;
}

#input_data .button_r {
   left: 50px;
}

#input_data .button_r, .button_toggle {  
   font-family: Monaco, sans-serif;  
   font-size: 13px;  
   background-color: #696969;  
   color: #FFFFFF;  
   margin-right: 6px;  
}

#container_toggle {
   position: relative;
   margin-bottom: 10px;
   height: 30px;
   width: 430px;
   right: 5px;
}

#input_data .button_toggle {
   background-color: #D1D1D1;
   color: black;
   margin-left: 100px;
   margin-bottom: 15px;
   width: 250px;
   position: absolute;
   top: 5px;
   right: 80px;
}

#footnote {
   font-family: Times, serif;  
   font-size: 13px;
   text-align: center;
}

#input_errors {
   font-family: Times, serif;
   font-size: 20px;
   font: bold;
   text-align: left;
   color: #800000;
}

p.note {
   color: #800000;
}

p.code {
   font-family: Courier;
   font-size: 14 px;
   text-align: center;
   color: #707070;
}

p.code_left {
   font-family: Courier;
   font-size: 14 px;
   text-align: left;
   color: #707070;
}

#select_container {
   margin: 0 auto;
   width: 19em;
   margin-top: 1em;
   margin-bottom: 2em;
   background-color: #e5e5e5;
}

#select_container .version {
   font-family: Monaco, sans-serif;  
   width: 13em;
   text-align: center;
}

#select_container .button_d {  
   width: 8em;
   margin-left: 1em;
   margin-right: 0;
   font-family: Monaco, sans-serif;  
   font-size: 13px;  
}

/* For the advanced parameters */
#advanced_parameters {
   padding-top: 20px; padding-bottom: 0px;
}