/*#################################################################################################
##  |\   ======   /|  ##                 www.MasarLabs.com                 ##  |\   ======   /|  ##
##  |__\========/__|  ##                MasarLabs  Web Site                ##  |__\========/__|  ##
##  |\            /|  ##  ===============================================  ##  |\            /|  ##
##  |  \        /  |  ##           Maurizio Sartori (c) 2000-2008          ##  |  \        /  |  ##
##  |    \    /    |  ##  ===============================================  ##  |    \    /    |  ##
##  |    /=\/=\    |  ##                    Written  by                    ##  |    /=\/=\    |  ##
##  |  /========\  |  ##              Maurizio Sartori 'masar'             ##  |  /========\  |  ##
##  |/   ======   \|  ##            e-mail:  masar@MasarLabs.com           ##  |/   ======   \|  ##
###################################################################################################
## $Id: masarlabs.css 1590 2008-07-23 10:22:35Z masar@masar $ 2.0.0
#################################################################################################*/

/* ********************************************************** */
/*  Tag display mode                                          */
/* ********************************************************** */
html, body, div, p, center, hr, h1, h2, h3, h4, h5, h6,
address, blockquote, pre, ol, ul, dl, dt, dd, dir, menu,
form, fieldset, frame, frameset, noframes, iframe
                { display: block }
li              { display: list-item }
head, script    { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }

img             { display: inline }
img.block       { display: block }

/* ********************************************************** */
/*  Masarlabs customizations                                  */
/* ********************************************************** */

body {
   color: #FFFFFF;
   background-color: #330099;
   font-family: Verdana, "Lucida Sans", Arial, Geneva,
                Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
   }

h1, h2, h3, h4, h5, h6 {
   font-family: "Trebuchet MS", Verdana, "Lucida Sans",
                Arial, Geneva, Helvetica, Helv,
                "Myriad Web", Syntax, sans-serif;
   }

h1, h2, h3 {
   border: solid #CCCCCC;
   border-width: 0px 0px 1px 0px;
   padding-bottom: 0px;
   }

h1 { font-size: 160%; font-weight: bold; }
h2 { font-size: 130%; font-weight: normal; }
h3 { font-size: 100%; font-weight: bold; }

p  { font-size: 100%; font-weight: normal; text-align: justify; }

a         { color: #FF9900; font-weight: bold; text-decoration: none; }
a:link    { color: #FF9900; font-weight: bold; text-decoration: none; }
a:visited { color: #FF9900; font-weight: bold; text-decoration: none; }
a:active  { color: #FF9900; font-weight: bold; text-decoration: none; }
a:hover   { color: #CC3333; font-weight: bold; text-decoration: underline; }

img     { border: none; }
table   { border-collapse: separate; }
td      { vertical-align: top; }
th      { vertical-align: top; text-align: center;
          color: #FFFFFF; background-color: #9999CC; }

.center { text-align: center; }
.right  { text-align: right;  }
.indent { text-align: left;   margin: 0em 0em 0em 1em; }

.page-border    { border:       none;
                  width:        90%;
                  margin-left:  auto;
                  margin-right: auto;
                  text-align:   left; }
.page-left      { width: 10em; }
.page-right     { }

.title-border   { border: solid 1px #FFFFFF;
                  text-align: center;
                  background-color: #9999CC;
                  padding: 0;
                  margin: 0;
                  width: 100%; }

.data-border    { border: solid 1px #FFFFFF; width: 100%; }
.data-text      { padding: 0.5em 1em 1em 1em; }

.menu-border    { border: solid 1px #FFFFFF; width: 100%; }
.menu-title     { color: #FFFFFF; background-color: #9999CC;
                  text-align: center; }
.menu-text      { text-align: left; padding: 0.5em; }

.copyright      { text-align: center; font-size: 60%; }

.dl             { border-collapse: collapse; }
.dl-0           { background-color: #330099; }
.dl-1           { background-color: #333399; }
.dl-l-0         { text-align: left;  padding: 0em 1em; }
.dl-r-0         { text-align: right; padding: 0em 1em; }
.dl-l-1         { text-align: left;  padding: 0em 1em; }
.dl-r-1         { text-align: right; padding: 0em 1em; }