/* BODY  */
body {
       font-family: Verdana, Helvetica, Arial, sans-serif;
       font-size: 11px;
       margin-top: 2px;
       margin-left: 20px;
       margin-right: 10px;
       text-align: left;
       background: #FFFFFF;
       max-width: 900px;
       }

/* Links  */

A:link,A:visited {
                   color: #0D73A7;
                   background: transparent;
                   text-decoration: none;
                   }

A:active {
           color: #ff0000;
           background: transparent;
           text-decoration: none
           }

A:hover {
          text-decoration: underline;
          color: #cc6600;
          }

/* Text  */

h1 {
     font-size:20px;
/*     color: #002266;*/
     text-align: center;
     color: #DDEEFF;
     background-color: #115588;
     margin-left: 0px;
     margin-right: 0px;
     padding-top: 10px;
     padding-bottom: 10px;
     }

h2 {
     /* 	text-align: center; */
     font-size: 16px;
     color: #002266;
     text-align: left;
     margin-left: 0px;
     padding-left: 0px;
     }

h3 {
     /* 	text-align: center; */
     font-size: 13px;
     color: #002266;
     font-weight: bold;
     text-align: left;
     margin-left: 0px;
     }

h4 {
     /* 	text-align: center; */
     font-size: 11px;
     color: #002266;
     font-weight: bold;
     text-align: left;
     margin-left: 0px;
     }

hr {
     border: 0px dotted #2D282E;
     color: #115588;
     background-color: #115588;
     height: 2px;
     }

hr.solid {
           border: 0px dotted #2D282E;
           color: #115588;
           background-color: #115588;
           height: 5px;
           }

pre,tt {
         font-size: 12px;
         background-color: #EEEEEE;
         }

quote { 
        font-style:italic;
/*         margin-top: 10px; */
        margin-left: 30px;
        margin-right: 20px;
/*         margin-bottom: 10px; */
        }

/* Address */
address
{ 
  font-style: italic;
  text-align: center;
  font-size: 10px;
  }

.tips {
       padding-top: 5px;
       padding-bottom: 5px;
       padding-left: 5px;
       padding-right: 5px;
       border: 1px dashed #2f6fab;
       #color: Black;
       background-color: #EEFFEE;
       #color: #330066;
       #margin-right: 20%
}

.code {
    font-family: Courier;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px dashed #2f6fab;
    background-color: #EEEEEE;
    color: #0000BB;
    #margin-right: 20%
}

.solution {
            margin-top: 5px;
            margin-bottom: 5px;
            padding-top: 5px;
            padding-bottom: 5px;
            padding-left: 5px;
            padding-right: 5px;
            border: 1px dashed #FFFFFF;
            background-color: #EEEEFF;
            color: #0000BB;
            font-size: 11px;
            #margin-right: 20%
}


.exo {
       margin-top: 5px;
       margin-bottom: 5px;
       #font-style:italic;
       padding-top: 5px;
       padding-bottom: 5px;
       padding-left: 5px;
       padding-right: 5px;
       #border: 1px solid #9999ff;
       #color: Black;
       background-color: #FFEEFF;
       color: rgb(51, 51,153);
       #margin-right: 30%
}


.tut {
       #font-style:italic;
       padding-top: 5px;
       padding-bottom: 5px;
       padding-left: 20px;
       #border: 1px solid #9999ff;
       #color: Black;
       background-color: #BBDDFF;
       color: rgb(51, 51,153);
       #margin-right: 30%
}


.answer {
       #font-style:italic;
       padding-top: 5px;
       padding-bottom: 5px;
       padding-left: 20px;
       #border: 1px solid #9999ff;
       #color: Black;
       background-color: #DDFFDD;
       color: rgb(51, 51,153);
       #margin-right: 30%
}


.attention {
    color: #6B0909;
/*    font-size: 13px;*/
    padding:5px;
    background-color: #FFEEEE;
    border: 2px solid #B40404;
    margin-right: 5%;
    margin-left: 5%;
}  

/*p.attention
{
  font-size: 12px;
  border: 2px solid #B40404;
}
*/

  /* from RSAT course.css */
p.attention
{
  padding:10px;
  background-color: #FFEEEE;
  border: 2px solid #B40404;
  margin-right: 5%;
  margin-left: 5%;
}


.tbw 
{
  font-style:italic;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  border: 1px solid #9999ff;
  color: Red;
  background-color: #FFFFBB;
  }

.protocol 
{
  font-style:plain;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  #border: 1px solid #9999ff;
  color: #000055;
  background-color: #D8E8FF;
  }

/* Concept definitions */
.concept 
{ 
  color: darkgreen;
  font-style: italic;
  font-weight: bold;
  }

/* Figure legend */
.legend
{ 
  text-align: center;
  font-style: italic;
  }

/* English terms */
.en
{ 
  font-style: italic;
  }


/* software tool, program */
.organism
{ 
  font-style: italic;
}

/* software tool, program */
.program
{ 
  font-style: italic;
  font-weight: bold;
}


/* software tool, program */
.command
{ 
  font-weight: bold;
  color: brown;
  }

/* option for a program */
.option
{ 
  font-style: italic;
  color: brown;
  }

/* variable name */
.variable
{ 
  font-style: italic;
  color: darkviolet;
  }

/* file/directory name */
.file
{ 
    font-family: Courier;
    color: darkviolet;
}


/* Page header line */
.header
{ 
  font-style: italic;
  color: #888888;
  text-align: center;
  font-size: 10px;
  }


/* Mathematical formula */
.formula
{ 
  font-style: italic;
  color: darkviolet;
  text-align: center;
  /*  background-color: #EBEBEB;*/
  }

/* TABLE */

table {
        margin: 0px 0px 0px;
        color: #000000;
        border-left: 1px solid #cbcbb4;
        border-top: 1px solid #cbcbb4;
        border-spacing: 0px;
        }

table th 
{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 11px;
  border-right: 1px solid #cbcbb4;
  border-bottom: 1px solid #cbcbb4;
  padding: 2px 10px;
  color: #DDEEFF;
  background-color: #115588;
  }

table td 
{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 11px;
  border-right: 1px solid #cbcbb4;
  border-bottom: 1px solid #cbcbb4;
  padding: 2px 10px;
  background-color: #DDEFFF;
  }

/* A simple table */
table.simple {
	margin: 10px 20px 20px;
	color: #000000;
}

table.simple td,table.list th {
	font-size: 70%;
	padding: 2px 10px;
	background-color: #FFFFFF;
}

table.simple th {
                  font-size: 70%;
                  color: #DDEEFF;
}

.kindofpre {position:relative; font-size:11px;  margin-left:0px; margin-right:0px; background-color:#D8D8D8; padding:10px;}
/* Source: http://snipplr.com/view/10979/css-cross-browser-word-wrap */
.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}