/*Copyright notice: (c) 2004, EMBL, Sameer Velanker,Mohamed Tagari,*/
/*Avi Naim,John Tate,Jawahar Swaminathan,Richard Newman*/
/*This software is supplied as-is, under the terms and conditions*/
/*of the licence agreement included with this distribution.*/

/* $Id: ad.css,v 1.14 2004/10/04 13:44:51 jtate Exp $ */

/* CSS for the automatically generated AutoDep4 pages */
/* JT 20040209 EBI */

/* ========== basic tags ========== */

body { font-family: Arial, Helvetica, sans-serif;
       font-size: 10pt;
       background-color: #FFF;
       padding: 0px;
       margin: 2px; }

table { border-style: none;
        border-width: 0px;
        width: 100%;
        border-spacing: 0px;
        border-collapse: collapse; }  
/* NB The border-spacing and border-collapse values are the key to getting
   rid of that bloody single pixel border, along with cellspacing="0" in 
   the HTML unfortunately... */

td { padding: 0px;
     margin: 0px; 
     vertical-align: middle; }

img { border-style: none;
      border-width: 0px; }

a:link    { color: #33A; }
a:visited { color: #33A; }
a:hover   { color: #A33; }
a:focus   { color: #A33; }
a:active  { color: #A33; }

/* ========== the header ========== */

/* mailto link */
.mailto { font-size: small; }

/* ========== location bar table cells ========== */

.locationBar { font-weight: bold;
               font-style: italic;
               text-decoration: none;
               color: #FFF;
               background-color: #366; }

#locationCorner { width: 20px;
                  height: 20px;
                  vertical-align: top; }

#locationPresent { color: #FC3; }

#locationTitle { font-size: large;
                 font-style: normal;
                 text-align: center; }

#locationHelp { font-style: normal;
                text-align: right;
                width: 30%; }

.locationBar a:link    { color: #FFF;
                         text-decoration: none; }
.locationBar a:visited { color: #FFF;
                         text-decoration: none; }
.locationBar a:hover   { color: #CFC;
                         text-decoration: underline; }
.locationBar a:focus   { color: #CFC;
                         text-decoration: underline; }
.locationBar a:active  { color: #FFC;
                         text-decoration: none; }

/* ========== main page look and feel ========== */

/* used in building the main page table */

#strip { background-color: #CCC;
         height: 4px; }

#topRow { background-color: #CCC;
          width: 240px; }

#topRowEmpty { background-color: #CCC;
               width: 20px; }


.corner { width: 20px;
          height: 20px;
          margin: 0px;
          padding: 0px;
          float: right;
          vertical-align: top; }

#sidebar { vertical-align: top; }

#verticalStrip { width: 20px;
                 background-color: #FFF; }

#content { vertical-align: top;
           margin: 1px;
           padding: 4px; }

.example { color: #333;
           padding: 0px 5px 0px 0px; }

.urlLink a:link { padding: 0px 5px 0px 10px;
                  color: #33A;
                  font-size: larger;
                  font-weight: normal; }
.urlLink a:visited { padding: 0px 5px 0px 10px;
                     color: #33A;
                     font-size: larger;
                     font-weight: normal; }
.urlLink a:hover { padding: 0px 5px 0px 10px;
                   color: #33A;
                   font-size: larger;
                   font-weight: normal; }
.urlLink a:focus { padding: 0px 5px 0px 10px;
                   color: #33A;
                   font-size: larger;
                   font-weight: normal; }
.urlLink a:active { padding: 0px 5px 0px 10px;
                    color: #33A;
                    font-size: larger;
                    font-weight: normal; }

/* sidebar classes */

#sidebarContent .entryID { font-size: xx-large; 
                           font-weight: bold; 
                           text-align: center;
                           color: #131;
                           padding: 10px 0px; }

#sidebarContent .siteLogo { padding: 10px;
                            text-align: center;
                            border: none; }

#sidebarContent .spacer { height: 10px;
                          padding: 5px 0px 0px 0px; }

#sidebarContent { background-color: #CCC; }

#sidebarContent img { vertical-align: middle; }

#sidebarContent td { text-align: left;
                     vertical-align: middle;
                     padding: 2px; }

#sidebarContent td.currentSectionStatus { background-color: #EEE;}

#sidebarContent .currentSection { font-weight: bold;
                                  color: #060; }

#sidebarContent .inactiveSection { font-weight: bold;
                                   color: #777; }

#sidebarContent a { font-weight: bold;
                    text-decoration: underline; }

#sidebarContent a:link    { color: #131; }
#sidebarContent a:visited { color: #131; }
#sidebarContent a:hover   { color: #575; }
#sidebarContent a:focus   { color: #575; }
#sidebarContent a:active  { color: #575; }

#sidebarContent .closeSession { font-size: x-large;
                                font-weight: bold;
                                padding: 5px 0px;
                                text-align: center; 
                                background-color: #8A8;}

#sidebarContent .closeSession a:link { color: #131; }
#sidebarContent .closeSession a:visited { color: #131; }
#sidebarContent .closeSession a:hover { color: #A33; } /* 33A is nice */
#sidebarContent .closeSession a:focus { color: #A33; }
#sidebarContent .closeSession a:active { color: #811; }

#footerCell { background-color: #CCC;
              width: 100%; }

#emptySidebarPadding { background-color: #CCC; }

#emptySidebarPadding img { height: 200px;
                           width: 20px; }

/* various pieces of the content panel */

.save { font-weight: bold;
        color: blue; }

/* the "replicate buttons" */

input.duplicate { font-weight: bold; }

td.duplicate { padding: 10px 0px; }

div.duplicate { background: #EFE;
                padding: 5px;
                border: 1px;
                border-style: solid;
                border-color: #151; }

/* headings */

h2 { margin: 4px 0px; }

/* this is a bit of a hack, but we'll add some font-sizing for the 
   automatically generated nested headings... */

h2.level1 { font-size: 2.0em; }
h2.level2 { font-size: 1.6em; }
h2.level3 { font-size: 1.2em; }

h3, h4, h5, h6 { margin: 4px 0px 10px 0px;
                 font-weight: normal; }

/* definitions used within the HTML fragments in "messages" */

.htmlFragment h1 { font-size: 1.6em; 
                   font-weight: bold; }
.htmlFragment h2 { font-size: 1.4em; 
                   font-weight: bold; }
.htmlFragment h3 { font-size: 1.2em;  
                   font-weight: bold; }
.htmlFragment h4 { font-size: 1em;  
                   font-weight: bold;
                   font-style: italic; }
.htmlFragment h5 { font-size: 1em;  
                   font-weight: bold;
                   font-style: italic;
                   text-decoration: underline; }

.htmlFragment a:link    { color: #33A;
                          font-weight: normal; }
.htmlFragment a:visited { color: #33A;
                          font-weight: normal; }
.htmlFragment a:hover   { color: #A33;
                          font-weight: normal; }
.htmlFragment a:focus   { color: #A33;
                          font-weight: normal; }
.htmlFragment a:active  { color: #A33;
                          font-weight: normal; }
 
/* rows (elements) and cells (widgets) of the content panel */

.widget { padding: 4px; }

/*
   tr.header { background: green; }
*/

.elementOdd { background-color: #EEF; }

.elementEven { background-color: #dfdfff; }

table.noDecoration { width: 100%; }

td.saveButton, td.naButton { text-align: left;
                             padding: 10px;
                             width: 5%; }

/* different lengths of horizontal rule */
td.rule { padding: 8px 0px; }

/* report page contents */
.reportTitle { text-align: right; 
               padding: 3px 8px 3px 0px; 
               font-weight: bold;
               vertical-align: middle;}
.reportValue { text-align: left;
               padding: 3px 8px 3px 0px; 
               vertical-align: middle;}
.reportLink  { text-align: center;
               padding: 3px 8px 3px 0px; 
               vertical-align: middle; }

.reportRowTitle { vertical-align: middle; }
.reportRowTitle h3 { font-weight: bold; 
                     text-align: center; }

/* created specifically for the het dictionary display */
img.hetImage { margin: 10px; 
               float: left;
               border: 1px solid #000;}

.hetDesc       { clear: both;
                 font-size: small;
                 font-family: Courier, sans-serif;
                 white-space: pre; }

td.hetTable table { margin: 10px;
                    vertical-align: middle; }

.bonds { margin: 10px;
         width: 40%; 
         border: 1px solid #000; }

.bonds th,
.bonds td { text-align: center;
            padding: 2px;}

.bonds th { background-color: #CCC;
            border-bottom: 1px solid #000; }

/* used in graphical install.html */
td.imagepad { padding: 0px 4px; }

hr.top { border: 0;
         height: 3px;
         background: black; }

hr { border: 0;
     height: 2px;
     background: #CCC; }

hr.shortRule { width: 60%; }

img.star { width: 26px;
           height: 26px; }

td.star {  width: 26px; }

/* dictionary-defined tables */

td.inventory { padding: 2px 2px 2px 2px;
               border-style: solid;
               border-width: 2px;
               border-color: #555; }

table.inventoryTable { width: 100%; }

.inventoryTable td { background: #EEE; 
                     padding: 5px; 
                     border-style: solid;
                     border-width: 1px;
                     border-color: #555;
                     text-align: center; }

.tableHeader td { padding: 5px;
                  border-style: solid;
                  border-width: 1px 1px 2px 1px;
                  border-color: #555;
                  background: #dfdfff;
                  text-align: center; }

/* ========== warning messages ========== */

div.error { background: #FDD;
            color: red;
            border: 1px;
            border-style: solid;
            border-color: red;
            padding: 2px;
            margin: 4px 4px 6px 0px; }

.errorTitle { font-weight: bold; }

div.pageError { background: #FDD;
                color: red;
                font-size: large;
                border: 2px;
                border-style: solid;
                border-color: red;
                padding: 4px;
                margin: 6px 0px 8px 0px; }

.pageErrorTitle { font-weight: bold; 
                  font-size: larger; }

.warning { color: #B00; }

/* ========== text styles ========== */

.message { padding: 20px 0px 20px 0px; }

.printStringLarge   { font-size: x-large;
                      font-weight: bold; 
                      padding: 5px 0px; }
.printStringNotice  { color: #000; 
                      padding: 5px 0px; }
.printStringWarning { color: #FDD; 
                      padding: 5px 0px; }
.printStringError   { font-weight: bold; 
                      color: #FFF; 
                      padding: 5px 0px; }

/* ========== help text styles ========== */

/* hide the help text at the bottom of the AutoDep page */

div.helpBlock { display: none; }

/* used in the main page */

td.help { text-align: right; 
          width: 30%; }

.help a:link { font-weight: bold;
               color: black; 
               text-decoration: underline; }
.help a:visited { font-weight: bold;
                  color: black; 
                  text-decoration: underline; }
.help a:hover { font-weight: bold;
                color: black; 
                text-decoration: underline; }
.help a:focus { font-weight: bold;
                color: black; 
                text-decoration: underline; }
.help a:active  { font-weight: bold;
                  color: black; 
                  text-decoration: underline; }

/* ========== styles for the static pages ========== */

.index img { padding: 20px; }
.index a { text-decoration: underline; }

.index ul { padding: 12px; }

.indexHeader { text-align: center; }
.indexHeader a { font-size: larger; }

.index a.optionLink { font-size: larger; }

.index .inactiveOptionLink { font-size: larger; 
                        color: #CCC; }

.sf a { text-decoration: underline; }

.smaller { font-size:smaller; }

.statement { font-style: italic; 
             margin: 0px 5% 10px 5%; }

.paraTitle { font-weight: bold;
             font-size: 1.2em; }

.shout { color: #B00; }

.sf pre { margin: 0px 5% 10px 5%; }

.authorList { font-size: smaller;
              color: #339; } /* #264E75 */

.authorList dd { margin-left: 0px }

img.valid { padding: 5px;
            float: right; }

/* ==================== */