/* Custom classes */

/* Global markup styles */
h1, h2, h3, h4, h5, h6 { font-family: 'Ubuntu', arial, serif; }

a { text-decoration:none; }

/* blueprint customization */
.info, .notice { 
                 text-align:justify; 
                 moz-border-radius: 5px;
                 border-radius: 5px;
                 }
.info a, .notice a { font-weight:bold; }
.info a:hover { color:#0099ff; }

/* SAMot Classes */
#header {
          background-image: url('/images/prot2_ter.png');
          background-repeat:no-repeat;
          background-position:top right;
          }

#title {  }

#subtitle {  }

#navig {  
         height:300px;
         background-image: url('/images/ZCDS_superpos2_bis.png');
         background-repeat:no-repeat;
         background-position:bottom center;
         text-transform:capitalize;
         margin-bottom:30px;
         }
#navig ul { list-style-type:none;}

#footer { font-size:8pt; }

#content .subform {  }

#content p { text-align:justify; }
#content h1, #content h2 { 
              text-align:right;
              border-bottom:1px solid #cccccc; 
              }
#content h3 { text-align:right; }
#content .center { text-align:center; }

#content #documentation { }

#content #example { }

#content #example img { 
                        float:right; 
                        background-color:#ffffff;
                        padding:10px;
                        margin:0px 0px 15px 15px;
                        border:1px solid #cccccc;
                        }

#content #example img.inline { 
                               border:none;
                               margin:0;
                               padding:0;
                               float:none;
                               display:inline;
                               }

#content #outline { }

#content #biblio { list-style-position:inside; }
#content #biblio li.even { background-color:#e5ecf9; }

#content #biblio .paper { 
                          padding:5px; 
                          font-size:11pt; 
                          margin-bottom:25px; 
                          text-align:justify;
                          }
#content #biblio .paper .title {  }
#content #biblio .paper .authors { font-weight:bold; }
#content #biblio .paper .journal { font-style:italic; }
#content #biblio .paper .pages {  }
#content #biblio .paper .date {  }

#content #contact {  }
#content #contact .name { font-size:11pt; font-weight:bold; text-align:right; }
#content #contact .email {  }
#content #contact .logo { text-align:center;  }

#results h1, #results h2, #results h3, #results h4, #results h5, #results h6 { text-align:left; }
#results h2 { padding-left:30px; }
#results .sequences {  }
#results .seqBlock { margin-bottom:20px; }
#results .counter { font-weight:bold; }
#results .wordsResume { }
#results a { color:#0066cc; }
#results .blindVal { display:none; font: 0.9em "Courier New",Monaco,Courier,monospace; }
#results #noob { }
#results .noobImg { }
#results .chainResTab { }
#results .chainResTab td { text-align:center; }
#results .chainResTab .words {  }
#results th { font-family: 'Ubuntu', arial, serif; }

#misc { position: relative;
        width: 170px; 
        }

#legend { font-family: 'Ubuntu', arial, serif; 
          position: absolute;
          top: 0;
          /* just used to show how to include the margin in the effect */
          margin-top: 20px;
          padding-top: 5px;
          width: 169px;
          z-index:10;
          }
#legend.fixed {
                position: fixed;
                top: 0;
                }
#legend a { color:#0066cc; }
#legend h5 { text-align:right; }
#legend div { margin:0; padding:0; font-size:10pt; }
#legend .notice { padding:5px; font-size:8pt; }
#legend p.remark { margin:5px; font-size:8pt; text-align:justify; }
#legend ul { padding-top:5px; list-style-type:none; list-style-position:outside; }
#legend .limits { margin-bottom:15px; }