/* MES STYLES DE BASES */

/*HTML elements*/
body,td,th { background-attachment:fixed; font-size:10pt; font-family:sans-serif,Helvetica,Arial}
body       { margin-left:0px; margin:0px; color:#000000; background-color:#F8F8FF}
table      { table-layout:auto; border-collapse:collapse; border-spacing:0px; empty-cells:show; margin:0px; padding:0px}
td         { vertical-align:middle }
h1         { font-size:20pt; font-weight:normal; color:#333399; padding:10px;        margin:0px; text-transform:Capitalize }
h2         { font-size:12pt; font-weight:bold;   color:#333399; padding-bottom:10px; margin:0px; }
h3         { font-size:10pt; font-weight:bold;   color:#D2691E; padding-bottom:5px;  margin:0px; }
li         { padding-bottom:5px; margin-bottom:0px }
img        { border-style:none; vertical-align:bottom }
p          { text-align:justify; text-indent:10px }

/*links*/
a:link    { text-decoration:none; color:#333333; }
a:visited { text-decoration:none; color:#555555; }
a:hover   { text-decoration:underline; color:#FF0000; }
a:active  { text-decoration:underline; color:#6666FF; }

/*Title*/
.title1 { font-size:20pt; font-weight:normal; color:#333399; padding:10px;        margin:0px; text-transform:Capitalize }
.title2 { font-size:12pt; font-weight:bold;   color:#333399; padding-bottom:10px; margin:0px; }
.title3 { font-size:10pt; font-weight:bold;   color:#D2691E; padding-bottom:5px;  margin:0px; }
.about1 { font-size:10pt; color:#888888; font-weight:normal }
.about2 { font-size:7pt ; color:#999999; font-weight:normal }

/*colors*/
.black     { color:#000000 }
.blue      { color:#0033CC }
.brown     { color:#8B4513 }
.choco     { color:#D2691E }
.darkblue  { color:#333399 }
.ghostgrey { color:#F8F8FF }
.green     { color:#32CD32 }
.grey      { color:#888888 }
.lightgrey { color:#CCCCCC }
.orange    { color:#ef413b }
.red       { color:#FF0000 }
.tonic     { color:#D2691E }

/*Text enlightment*/
.em      { font-style:italic }
.bold    { font-weight:bold }
.normal  { font-weight:normal; color:#000000 }
.caps    { font-variant:small-caps; }
.bgghost { background-color:#F8F8FF }
.bgblue  { background-color:#333399; color:#F8F8FF}
.bgwhite { background-color:#FFFFFF; vertical-align:top; margin:10px; padding:10px; border-left: 1px solid #333399; border-top: 1px solid #333399; }
.bgtonic { background-color:#D2691E; color:#F8F8FF}
.ublue   { border-bottom:1px solid #333399; padding-bottom:0px; margin-bottom:0px;}
.utonic  { border-bottom:1px solid #D2691E; padding-bottom:0px; margin-bottom:0px;}

/*Text alignment*/
.justify  { text-align:justify; }
.center   { text-align:center; }
.right    { text-align:right; }
.left     { text-align:left; }
.talign   { vertical-align:top; }
.malign   { vertical-align:middle; text-align:center; padding-top:0px; margin-top:10px}
.balign   { vertical-align:bottom }
.nanchor  { text-align:center; vertical-align:top; margin-left:15px; padding-left:15px}
.nwanchor { text-align:left;   vertical-align:top }
.neanchor { text-align:right;  vertical-align:top }
.anchor   { text-align:center; vertical-align:middle; }
.rpadding { padding-right:5px;  margin-bottom:0px }
.lpadding { padding-left:5px;   margin-bottom:0px }
.tpadding { padding-top:5px;    margin-bottom:0px }
.bpadding { padding-bottom:5px; margin-bottom:0px }

/*list*/
.basiclist { list-style-type:none;   list-style-position:outside; padding-bottom:5px;  margin:0px; list-style-image:none }
.list1     { list-style-type:disc;   list-style-position:outside; padding-bottom:5px;  margin:0px; list-style-image:none }
.list2     { list-style-type:circle; list-style-position:outside; padding-bottom:5px;  margin:0px; list-style-image:none }
.list3     { list-style-type:square; list-style-position:outside; padding-bottom:5px;  margin:0px; list-style-image:none; font-weight:bold }
.list4     { list-style-type:none;   list-style-position:outside; padding-bottom:5px;  margin:0px; list-style-image:none; font-weight:normal; color:#000000 }
.menulistv { list-style-type:square; list-style-position:outside; border-top:1px solid #333399; padding-top:5px; margin-top:0px; color:#D2691E }
.menulisth { list-style-type:square; list-style-position:outside; padding:10px; margin:10px; color:#FFFFFF; display:inline }
.mainlist  { list-style-type:square; list-style-position:outside; list-style-image:url("./img/Nuvola_apps_noatun_10x10.png"); padding-top:5px; margin-top:0px }

/*border*/
.rbblue { border-right: 1px solid #333399; padding-top:5px; margin-top:0px }
.lbblue { border-left:  1px solid #333399; padding-top:5px; margin-top:0px }
.tbblue { border-top:   1px solid #333399; padding-top:5px; margin-top:0px }
.bbblue { border-bottom:1px solid #333399; padding-top:5px; margin-top:0px }

/*protein sequence*/
.seq  { font-family:courier;font-weight:bold;font-size:10pt;color:#000000 }
.Hpho { font-family:courier;font-weight:bold;font-size:10pt;color:#999999 }
.Hphi { font-family:courier;font-weight:bold;font-size:10pt;color:#009900 }
.plus { font-family:courier;font-weight:bold;font-size:10pt;font-weight:bold;color:#0000ff }
.extra{ font-family:courier;font-weight:bold;font-size:10pt;font-weight:bold;color:#FF0000 }
.intra{ font-family:courier;font-weight:bold;font-size:10pt;font-weight:bold;color:#0033CC }