/* body { 
    background-color: #ffffff; 
    color: #000000; 
    padding:0; margin:0;
    font-size: 12px;
    font-family:Arial,Helvetica,sans-serif; 
} */


body { 
    background-color:white; 
    color:black; 
    padding:0; margin:0;
    font-size:90%;
    font-family:Arial,Helvetica,sans-serif; 
}



*.red {
  color: red;
}
*.green {
  color: green;
}

*.blue {
  color: #10a9f5;
}

/* a:link { color: #FF8C00; } */
a { 
  text-decoration:none; 
  color: #D2691E;
}

a:visited { color: #D2691E;  }
          

#heading { font-size:30px; font-weight:bold; padding:20px}
#searchbox { font-size:15px; font-weight:bold; padding:20px; }

.table_caption { font-size:20px; font-weight:bold; padding:10px;}
.table { display:table; border-collapse:collapse; margin:10px; }
.tr_head { display:table-header-group; background-color: #CCCCCC; font-weight: bold; }
.tr { display:table-row; background-color: #ffffff; } 
.tr_done { display:table-row; background-color: #00FF00;}
.tr_todo { display:table-row; background-color: #ffffff; } 
.td { display:table-cell; border:thin solid red; padding:5px; }


optgroup {
  color: #555555;
  font-style: normal;
}


#annotationlist {
   position: absolute;
   padding: 10px;
   top: 10px;
   left: 50px;
   border: 1px solid #0020a0; 
   //border-style:     solid;  
   //border-color:     #0020a0;
   background-color: #eaecf2;        
   //width:            250px;
   width:            300px;
   height:           625px;
}

#annotation_box {
   position: absolute;
   overflow: scroll;
   top: 10px;
   left: 370px;
   padding: 10px;
   border: 1px solid #0020a0; 
   //border-style:    solid;
   //border-color:    #0020a0; 
   background-color: #eaecf2;
   width:           600px;
   height:          600px;
}

#link_back {
  position: absolute;
  top: 10px;
  left: 0px;
}

#annotation_start_box {
  position: absolute;
  top: 10px;
  left: 400px;

}


#kegg2sbml_textarea {
    border: 1px solid #0020a0;
    height: 300px;
    width: 400px;
}

#build_help {
  font-size: 10px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 500px;      
}

#sbmlfill_result
{
  margin-left: 400px;
  margin-top:  50px;
}



#files_uploaded {
    margin-left: 200px;
    /* margin-right: auto; */
    width: 400px;
}

#model_list_heading {
  font-size: 20px;
  margin-left: 205px;
}

#fileform {
  margin-left: 200px;
  margin-top: 50px;
  width:400px;
}

#fileform label {
}
#fileform input
{
  clear: both;
  margin-top: 10px;
}

#main_help
{
  width: 500px;
  font-size: 10px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}

#check_result {
  margin-left: 50px;
  border: 1px solid #0020a0; 
  background-color: #eaecf2;        
  overflow: scroll;
  margin-top: 50px;
  width: 800px;
  height: 600px;
}


form 
{
    margin-left: auto;
    margin-right: auto;
    width: 400px;      
}



.tab
{

   /* TODO: check the size of the iframe ....  */
   position: absolute;
   width: 100%;
   height: 697px;
   top: 50px;
}

#tabs
{
   width: 100%;
   height: 100%;
}
        
.tab iframe
{       
   width: 100%;
   height: 100%;
}


#header2 {
    border-style: none;
    border-top-style: solid;
    border-top-width: 1px;
    //left: 0px;
    //top: 0px;
    position: relative;
    width:auto; 
    background:#eaecf2;
    padding: 0 0 0 35 px;
    margin: 0;
    height:30px;
}


#header #logo {
    margin:0; padding:0;
    float:left;
}



#tabnav
{
   position:absolute;
   bottom:.5em; left: 50px; 
   width: 500px;
   margin:.5em 0 0 -1ex;
   padding:0 0 0 2ex;
   font-size:100%;
   
}


#tabnav ul, #tabnav ul li
{
   display: inline;
   list-style: none;
   margin: 0;
   padding: 0;     
}
        
#tabnav ul
{
   text-align: center;
}

#tabnav ul li
{
   display: inline;
   margin-right: .75em;
}

#tabnav ul li a
{
    padding:.125em 1ex;
    color:#0020a0;
}

#tabnav ul li a:hover
{
   background:white; 
   color:#0020a0; 
}

#tabnav ul li a:visited
{
   color: #0020a0;
}

#input_compartment
{
    position: absolute;
    top: 200px;
    left: 10px;
}

#start_screen
{
  border-style: none;
  width: 500px;
  margin: 50px;
}

#choose_priority
{
    margin-left: auto;
    margin-right: auto;
    
}


#anno_nav ul
{
  list-style: none;
}

#anno_nav li a
{
  float: left;
  background-color: #771177;
  border: thin solid black;
  margin: 1px;
  text-decoration: none;
}

.annobox_content 
{
  clear: both;
  display: none;
}

.annobox_content:target
{
  display: block;
}