body { 
       color:#222222; 
       background-color:#cccccc;
       }

a:link    { color:#003399; text-decoration:none }
a:visited { color:#003399; text-decoration:none;border-bottom:1px dotted #003399 }
a:hover   { color:#BB3300; text-decoration:none;border-bottom:1px dotted #BB3300 }
a:active  { color:#BB3300; text-decoration:none;border-bottom:1px dotted #BB3300 }

.logo {
    padding: 10px;
    background-color:#ffffff;
}
.logo a:link { text-decoration:none; border:none}
.logo a:visited { text-decoration:none; border:none}
.logo a:hover { text-decoration:none; border:none}
.logo a:active { text-decoration:none; border:none}


code {
            font-family: Helvetica, Verdana, Serif; 
            font-weight: normal; 
            font-size:12px;
            color:#003366;
            background-color:#ffffff;
            }

pre {
    font-size:12px;
    border: 1px #8BA7BD solid;
    background: #D7E0E7;
    padding: 4px;
    margin: 10px 10px 10px 10px;
}

pre.error {
    font-size:12px;
    border: 1px #8BA7BD solid;
    background: #FFC0C7;
    padding: 4px;
    margin: 10px 10px 10px 10px;
}

hr.winperl {
    width: 80%; 
    border: none; 
    border-bottom: 1px solid #6666aa;
    text-align: left;
}

.menuborder {
              font-family:Arial,sans-serif;
              font-size:14px;
              color:#ffffff;
              background-color:#666666
              }

.menuhead {
            font-family:Arial, sans-serif;
            font-size:14px;
            color:#FFFFFF;
            background-color:#005780;
/*            background-image: url("images/headerbg.png");*/
            white-space: nowrap;
            width: 100%;
            }

.menuitem {
            font-family:Arial,sans-serif;
            font-size:12px;
            color:#222222;
            background-color:#ffffff;
            }

.title {
         font-family:Arial,sans-serif;
         font-weight: bold; 
         font-size:12px;
         color:#222222;
         background-color:#ffffff;
         }

.subtitle {
            font-family:Arial,sans-serif;
            font-weight: normal; 
            font-size:12px;
            font-style:italic;
            color:#222222;
            }

.perlcode {
            font-family: Helvetica, Verdana, Serif; 
            font-weight: normal; 
            font-size:12px;
            color:#003366;
            background-color:#ffffff;
            }

.redcode {
           font-family: Helvetica, Verdana, Serif; 
           font-weight: normal; 
           font-size:12px;
           color:#cc0000;
           background-color:#ffffff;
           }

.path {
        font-family: Helvetica, Verdana, Serif; 
        font-style:italic;
        font-weight: normal; 
        font-size:12px;
        color:#222222;
        background-color:#ffffff;
        }

.fieldhead {
             font-family: Arial, sans-serif; 
             font-weight: normal; 
             font-size:14px;
             color:#FFFFFF;
             background-color:#006699;
             text-align:right;
             }

.fielditem {
             font-family: Helvetica, Verdana, Serif; 
             font-weight: bold; 
             font-size:12px;
             color:#222222;
             background-color:#006699;
             text-align:left;
             }

.submititem { 
              color: #222222; 
              font-family: Verdana, Serif; 
              font-weight: bold; 
              font-size: 12px; 
              background-color:#ffcc66
              }

.evenrow { 
           font-family: Helvetica, Verdana, Serif; 
           font-weight: normal; 
           font-size:12px;
           text-align:left;
           color:#FFFFFF;
           background-color:#006699
           }

.oddrow { 
          font-family: Helvetica, Verdana, Serif; 
          font-size:12px;
          text-align:left;
          color:#FFFFFF;
          background-color:#003366
          }

.mailbody { 
            font-family: Helvetica, Verdana, Serif; 
            font-size:12px;
            font-weight: normal; 
            text-align:left;
            color:#003366;
            background-color:#ffffff;
            padding-top:2pt;
            padding-bottom:2pt;
            }

.headline {
            font-family:Verdana, Arial, Helvetica, Helv, sans-serif;
            font-size:16px;
            color:#336699;
            background-color:#ffffff;
            }

.small {
         font-family: Helvetica, Verdana, Arial, Helv, sans-serif;
         font-size:10px;
         color:#222222;
         background-color:#ffffff;
         }

a:link.tiny    { color:#ffffff; text-decoration:none; font-family: Helvetica, Verdana, Arial, Helv, sans-serif; font-size:8px; margin-right: 20px; }
a:visited.tiny { color:#ffffff; text-decoration:none; font-family: Helvetica, Verdana, Arial, Helv, sans-serif; font-size:8px; margin-right: 20px; }
a:hover.tiny   { color:#ffffff; text-decoration:underline; font-family: Helvetica, Verdana, Arial, Helv, sans-serif; font-size:8px; margin-right: 20px; }
a:active.tiny  { color:#ffffff; text-decoration:underline; font-family: Helvetica, Verdana, Arial, Helv, sans-serif; font-size:8px; margin-right: 20px; }

a:link.tiny2    { color:#003366; text-decoration:none; font-family: Helvetica, Verdana, Arial, Helv, sans-serif; font-size:8px; margin-right: 20px; }
a:visited.tiny2 { color:#003366; text-decoration:none; font-family: Helvetica, Verdana, Arial, Helv, sans-serif; font-size:8px; margin-right: 20px; }
a:hover.tiny2   { color:#003366; text-decoration:underline; font-family: Helvetica, Verdana, Arial, Helv, sans-serif; font-size:8px; margin-right: 20px; }
a:active.tiny2  { color:#003366; text-decoration:underline; font-family: Helvetica, Verdana, Arial, Helv, sans-serif; font-size:8px; margin-right: 20px; }

a:link.tinyblue    { text-decoration:none; font-family: Helvetica, Verdana, Arial, Helv, sans-serif; font-size:8px; margin-right: 20px; }
a:visited.tinyblue { text-decoration:none; font-family: Helvetica, Verdana, Arial, Helv, sans-serif; font-size:8px; margin-right: 20px; }
a:hover.tinyblue   { text-decoration:underline; font-family: Helvetica, Verdana, Arial, Helv, sans-serif; font-size:8px; margin-right: 20px; }
a:active.tinyblue  { text-decoration:underline; font-family: Helvetica, Verdana, Arial, Helv, sans-serif; font-size:8px; margin-right: 20px; }

a:link.tinyred    { color:#cc3300; text-decoration:none; font-family: Helvetica, Verdana, Arial, Helv, sans-serif; font-size:8px; margin-right: 20px; }
a:visited.tinyred { color:#cc3300; text-decoration:none; font-family: Helvetica, Verdana, Arial, Helv, sans-serif; font-size:8px; margin-right: 20px; }
a:hover.tinyred   { color:#cc3300; text-decoration:underline; font-family: Helvetica, Verdana, Arial, Helv, sans-serif; font-size:8px; margin-right: 20px; }
a:active.tinyred  { color:#cc3300; text-decoration:underline; font-family: Helvetica, Verdana, Arial, Helv, sans-serif; font-size:8px; margin-right: 20px; }

.tabletitle {
                font-family: Genova, Helvetica, Verdana, Arial, sans-serif;
                font-weight: normal; 
                vertical-align:top;
                color:#ffffff;
                background-color:#222222;
                }

.reversetitle {
                font-family: Genova, Helvetica, Verdana, Arial, sans-serif;
                font-weight: normal; 
                vertical-align:top;
                color:#ffffff;
                background-color:#003366;
                padding:2pt;
                }
.header {
          font-family:Verdana, Arial, Helvetica, Helv, sans-serif;
          font-size:16px;
          color:#6666cc;
          background-color:#ffffff;
          padding-bottom:4pt;
          }

.buttonlink {
              font-family:Arial, sans-serif;
              font-size:14px;
              color:#FFFFFF;
              background-color:#006699;
              text-decoration:none;
              font-weight: normal;
              }

h1 {
     font-family:Arial,sans-serif;
     font-size:16px;
     color:#222222;
     background-color:#ffffff;
     font-weight:bold;
     }

h2 {
     font-family:Arial,sans-serif;
     font-size:14px;
     color:#222222;
     background-color:#ffffff;
     font-weight:bold;
     }

h3 {
     font-family:Arial,sans-serif;
     font-size:12px;
     color:#222222;
     background-color:#ffffff;
     font-weight:bold;
     }

td {
     font-family:Arial,sans-serif;
     font-size:12px;
     }

.infoheader { 
              font-family: Helvetica, Verdana, Serif; 
              font-size:12px; 
              text-align:left; 
              color:#FFFFFF; 
              background-color:#003366 ; 
              vertical-align: top; 
              font-style: normal; 
              font-weight: bold; 
              white-space: nowrap; 
              padding-top: 6px; 
              padding-right: 6px; 
              padding-bottom: 6px; 
              padding-left: 6px; 
              height: 12px;
              }

.yourip {
          font-family: Helvetica, Verdana, Serif; 
          font-weight: normal; 
          font-size:36px;
          text-align:center; 
          white-space: nowrap;
          color:#003366;
          background-color:#ffffff;
          }
.youripnote {
          font-family: Helvetica, Verdana, Serif; 
          font-weight: normal; 
          font-size:10px;
          text-align:left; 
          color:#003366;
          background-color:#ffffff;
          }

.helloworldwithstyle {
          font-family: Helvetica, Verdana, Serif; 
          font-weight: normal; 
          font-size:36px;
          text-align:center;
          white-space: nowrap;
          color:#CC6633;
    border: 1px #8BA7BD solid;
    background: #D7E0E7;
    padding: 40px;
    margin: 40px;
position:absolute;
left:50%;
top:50%;
          }


/* Emacs htmlize-region generated styles */

.builtin {
     /* font-lock-builtin-face */
     color: #da70d6;
}
.comment {
  /* font-lock-comment-face */
  color: #b22222;
}
.constant {
  /* font-lock-constant-face */
  color: #5f9ea0;
}
.function-name {
  /* font-lock-function-name-face */
  color: #0000ff;
}
.keyword {
  /* font-lock-keyword-face */
  color: #a020f0;
}
.type {
  /* font-lock-type-face */
  color: #228b22;
}

.comment {
    /* font-lock-comment-face */
    color: #b22222;
}
.comment-delimiter {
    /* font-lock-comment-delimiter-face */
    color: #b22222;
}
.constant {
    /* font-lock-constant-face */
    color: #5f9ea0;
}
.cperl-array {
    /* cperl-array-face */
    color: #0000ff;
    font-weight: bold;
}
.cperl-hash {
    /* cperl-hash-face */
    color: #ff0000;
    font-weight: bold;
    font-style: italic;
}
.cperl-nonoverridable {
    /* cperl-nonoverridable-face */
    color: #66cd00;
}
.doc {
    /* font-lock-doc-face */
    color: #bc8f8f;
}
.function-name {
    /* font-lock-function-name-face */
    color: #0000ff;
}
.html-tag {
    /* html-tag-face */
    color: #1e90ff;
    font-weight: bold;
}
.keyword {
    /* font-lock-keyword-face */
    color: #a020f0;
}
.string {
    /* font-lock-string-face */
    color: #bc8f8f;
}
.type {
    /* font-lock-type-face */
    color: #228b22;
}
.variable-name {
    /* font-lock-variable-name-face */
    color: #b8860b;
}
.warning {
    /* font-lock-warning-face */
    color: #ff0000;
    font-weight: bold;
}
.preprocessor {
    /* font-lock-preprocessor-face */
    color: #da70d6;
}
.makefile-targets {
    /* makefile-targets */
    color: #0000ff;
}

/* Two columns - begin */
.twocolscontainer {width: 90%;margin: 0px auto;background-color:#fff;color:#333;border:none;line-height:130%;}
.twocolsleft {float:left;width:160px;margin:0;padding:0;text-align:left}
.twocolsright {margin-left: 140px;border-left:none;padding:0;max-width:36em;text-align:left}
.twocolsleft p { margin: 0 0 0 0; }
.twocolsright p { margin: 0 0 0 0.5em; }
/* Two columns - end */

/* Two columns - 2nd version - begin */
.twocolscontainer2 {max-width: 20em;margin-left:0px;margin-top:5px;margin-bottom:5px;line-height: 130%;}
.twocolsleft2 {float: left;width: 50px;margin: 0;padding: 0;}
.twocolsright2 {margin-left: 60px;padding: 0}
/* Two columns - 2nd version - end */