/* BPD Website Style Sheet */
/*
27/1/03 Float stijls removed
        Navbar levels change from 1-4 to 0-3
30/1/03 Added .stijl TABLE TD nesting level to table styles
18/2/03 Added more Form styles : H1, H2 and modified TD so that don't need class attribute if within a formContainer table
*/

/* Body Styles --------------------------------*/
BODY, TABLE, TD { font-family : Verdana, Arial, Helvetica, Sans-serif;
                  font-size : 11px;
                  color : #000000;
                  background-color : #FFFFFF;
                  text-align : left;
                  margin : 0px;
                }
/*
                  line-height : 1.2; 
*/
BODY.popup TABLE TD { font-family : Verdana, Arial, Helvetica, Sans-serif;
                      font-size : 11px;
                      color : #000000;
                      background-color : #FFFFFF;
                      text-align : left;
                      margin : 0px;
                    }

P { padding : 0;
    border : none;
    margin : 1.0em 0em;
    text-align : left;
  }

A:link { text-decoration : underline; color : #3333CC; font-weight : bold; }
A:visited { text-decoration : underline; color : ##996699; font-weight : bold; }
A:hover { color : #CC6666; }
A:active { color : #FF0000; }
B, STRONG {font-weight : bold; }

P.indent {padding-left : 3em; }
P.indentMore  {padding-left : 6em; }

/* following apply to P also but may generally useful (eg in centering a div section) hence no selector */

.alignCenter { text-align : center; }
.alignLeft { text-align : left; }
.alignRight { text-align : right; }


HR {  border-top : #333333 solid 1px;
      margin : 1em 0;
      padding : 0;
      text-align : center;
   }

I, EM {font-style : italic }
I I {font-style : normal }
EM EM {font-style : normal }

UL {list-style : disc; padding : 0 0 0 3em; border : 0; margin : 1em;}
OL {list-style : decimal; padding : 0 0 0 3em; border : 0; margin : 1em;}
LI {padding : 0.3em; margin : 0em; border 0;}

IMG { border : none;
      margin : 0;
      padding : 0; }

IMG.left { border : none;
           margin : 0.5em 1em;
           float : left; 
           vertical-align : text-top;}
IMG.right { border : none;
            margin : 0.5em 1em;
            float : right;
            vertical-align : text-top;}
IMG.center {  border : none;
              margin : 0.5em 1em;
              text-align : center; }

IMG.leftBdr { border : 1px solid #333333;
           margin : 0.5em 1em;
           float : left; 
           vertical-align : text-top;}
IMG.rightBdr { border : 1px solid #333333;
            margin : 0.5em 1em;
            float : right;
            vertical-align : text-top;}
IMG.centerBdr {  border : 1px solid #333333;
              margin : 0.5em 1em;
              text-align : center; }

SUB {vertical-align : sub;
     font-size : 10px;}

SUP { vertical-align : super;
      font-size : 10px;}

.header {color : #333333;
         background : #FFFFFF;
         text-align : left;
border : #333366 2px solid;
}

/*
         border-top : #FFFFFF 0px solid; 
         border-bottom : none;
         border-left : #FFFFFF 0px solid; 
         border-right : #FFFFFF 0px solid; }
*/
.headerContainer { color : #333333;
                   background : #FFFFFF;
                   border : #333366 2px solid; 
                   margin : 0;
                   padding : 0;}
.headerUnderBar {background : #666699; font-size : 10px;
                }
.noSpace { border : 0;
           margin : 0;
           padding : 0; }

.footer { text-align : center;
          font-size : 80%;
          color : #333333;
          margin : 6em 0 4em 0;
        }
.topp { font-size : 120%;
        text-align : center;
        font-weight : bold; }

.highlight {font-weight : bold; }

.sizeXS {font-weight : normal;
             font-size : 60%; }
.sizeS {font-weight : normal;
             font-size : 80%; }
.sizeL {font-weight : normal;
             font-size : 125%; }
.sizeXL {font-weight : normal;
              font-size : 150%; }

.caption { font-weight : normal;
           font-size : 80%; 
           color : #333333; 
           padding : 0 0 0.5em 0}
         
/* NAV BAR ------------------------------------*/
.navbarTd {   text-align : center;
             color : #FFFFFF;
             background : url("/uiimages/watery_tile.jpg");
             padding : 0;
             border-left : 8px solid #FFFFFF;
             border-right : 4px solid #FFFFFF;
             border-bottom : 0px solid #FFFFFF;
             border-top : 4px solid #FFFFFF;
             margin : 0em #FFFFFF;

          }
.navbar  {   text-align : center;
             color : #FFFFFF;
             background : #333366;
             padding : 0;
             border-left : 2px solid #333366;
             border-right : 2px solid #333366;
             border-top : 2px solid #333366;
             border-bottom : 2px solid #333366;
             margin : 6px;
          }
.navbar TD {font-weight : bold;
            background : #DDDDEE;}
.navbar TD.level0, .navbar TD.level0Select { 
          background : #9999CC;
          font-size : 11px;
          padding : 0.3em 0.2em;
          margin : 0;
          border-top : 2px solid #CCCCFF;
          border-right : 2px solid #666699;
          border-bottom : 2px solid #666699;
          border-left : 2px solid #CCCCFF;
                 }
.navbar TD.level0Select {color : #FFFFFF;
                         background : #333366;
                         border : 2px solid #333366;}
.navbar TD.level1, .navbar TD.level1Select
                 { padding : 0.3em 0.2em 0.3em 1em;
                   border : 0;
                   margin : 0;
          font-size : 9px;
}
.navbar TD.level1Select { color : #FFFFFF;
                          background : #333366;}

.navbar TD.level2, .navbar TD.level2Select
                 { padding : 0.3em 0.2em 0.3em 2em;
                   border : 0;
                   margin : 0;
          font-size : 9px;
}
.navbar TD.level2Select { color : #FFFFFF;
                          background : #333366;}

.navbar TD.level3, .navbar TD.level3Select
                 { padding : 0.3em 0.2em 0.3em 3em;
                   border : 0;
                   margin : 0;
          font-size : 9px;
}
.navbar TD.level3Select { color : #FFFFFF;
                          background : #333366;}


.navbar A:link { text-decoration : none; color : #003333; }
.navbar A:visited { text-decoration : none; color : #003333; }
.navbar A:hover { color : #FF3333; }
.navbar A:active { color : #FF0000; }



/* Content Block  Stijls  ------------------------------------*/
.normal    {   font-family : Verdana, Arial, Helvetica, Sans-serif;
               font-weight : normal;
               text-align : left;
               padding : 0em;
               border : none;
               margin : 0.5em;
           }

.samba  {   font-family : Verdana, Arial, Helvetica, Sans-serif;
            font-weight : normal;
            text-align : left;
            color : #FFFFFF;
            background : #3399CC;
            padding : 0em;
            border : 0.2em solid #333366;
            margin : 0.5em;
         }
.samba TABLE, .samba TD, .samba TABLE TD
        {   font-family : Verdana, Arial, Helvetica, Sans-serif;
            font-weight : normal;
            text-align : left;
            color : #FFFFFF;
            background : #3399CC;
            padding : 0.25em;
            border : 0em;
            margin : 0em;
         }

.samba P { padding : 0.5em;
           border : 0;
           margin : 0;
         }
.samba P.indent {padding-left : 3em; }
.samba P.indentMore  {padding-left : 6em; }
.samba H1  { text-align : center;
             font-size : 160%;
             color : #FFFFFF;
             background : #333366;
             padding : 0.4em ;
             margin : 0;
           }
.samba H2  { text-align : center;
             font-size : 125%;
             color : #FFFFFF;
             background : #333366;
             padding : 0.4em ;
             margin : 0;
           }
.samba H3  { text-align : center;
             font-size : 115%;
             color : #FFFFFF;
             background : #333366;
             padding : 0.4em ;
             margin : 0;
           }

.samba A:link { text-decoration : underline; color : #FFFFFF; font-weight : bold; }
.samba A:visited { text-decoration : underline; color : #EEEEEE; font-weight : bold; }
.samba A:hover { color : #CC6666; }
.samba A:active { color : #FF0000; }

.montuno  { font-family : Verdana, Arial, Helvetica, Sans-serif;
            font-weight : normal;
            text-align : left;
            color : #000000;
            background : #FFFFFF;
            padding : 0em;
            border : 0.2em solid #CCCCCC;
            margin : 0.5em;
         }
.montuno TABLE, .montuno TD, .montuno TABLE TD
{ font-family : Verdana, Arial, Helvetica, Sans-serif;
            font-weight : normal;
            text-align : left;
            color : #000000;
            background : #FFFFFF;
            padding : 0.5em;
            border : none;
            margin : 0em;
         }
.montuno P { padding : 0.5em;
           border : 0;
           margin : 0;
         }
.montuno P.indent {padding-left : 3em; }
.montuno P.indentMore  {padding-left : 6em; }
.montuno H1  { text-align : center;
             font-size : 160%;
             color : #333333;
             background : #CCCCCC;
             padding : 0.4em ;
             margin : 0;
           }
.montuno H2  { text-align : center;
             font-size : 125%;
             color : #333333;
             background : #CCCCCC;
             padding : 0.4em ;
             margin : 0;
           }
.montuno A:link { text-decoration : underline; color : #3333CC; font-weight : bold; }
.montuno A:visited { text-decoration : underline; color : #996699; font-weight : bold; }
.montuno A:hover { color : #CC6666; }
.montuno A:active { color : #FF0000; }

.bolero  { font-family : Verdana, Arial, Helvetica, Sans-serif;
            font-weight : normal;
            text-align : left;
            color : #000000;
            background : #9999CC;
            padding : 0em;
            border : 0.2em solid #9999CC;
            margin : 0.5em;
         }
.bolero TABLE, .bolero TD, .bolero TABLE TD
{ font-family : Verdana, Arial, Helvetica, Sans-serif;
            font-weight : normal;
            text-align : left;
            color : #000000;
            background : #9999CC;
            padding : 0.5em;
            border : none;
            margin : 0em;
         }

.bolero P { padding : 0.5em;
           border : 0;
           margin : 0;
         }
.bolero P.indent {padding-left : 3em; }
.bolero P.indentMore  {padding-left : 6em; }
.bolero H1  { text-align : center;
             font-size : 160%;
             color : #000000;
             background : #666699;
             padding : 0.4em ;
             margin : 0;
           }
.bolero H2  { text-align : center;
             font-size : 125%;
             color : #000000;
             background : #666699;
             padding : 0.4em ;
             margin : 0;
           }
.bolero A:link { text-decoration : underline; color : #3333CC; font-weight : bold; }
.bolero A:visited { text-decoration : underline; color : #996699; font-weight : bold; }
.bolero A:hover { color : #CC6666; }
.bolero A:active { color : #FF0000; }

.timba  { font-family : Verdana, Arial, Helvetica, Sans-serif;
            font-weight : normal;
            text-align : left;
            color : #000000;
            background : #FFFFFF;
            padding : 0em;
            border : 0.2em solid #333366;
            margin : 0.5em;
         }
.timba TABLE, .timba TD, .timba TABLE TD
        { font-family : Verdana, Arial, Helvetica, Sans-serif;
            font-weight : normal;
            text-align : left;
            color : #000000;
            background : #FFFFFF;
            padding : 0.5em;
            border : none;
            margin : 0em;
         }

.timba P { padding : 0.5em;
           border : 0;
           margin : 0;
         }
.timba P.indent {padding-left : 3em; }
.timba P.indentMore  {padding-left : 6em; }
.timba H1  { text-align : center;
             font-size : 160%;
             color : #FFFFFF;
             background : #333366;
             padding : 0.4em ;
             margin : 0;
           }
.timba H2  { text-align : center;
             font-size : 125%;
             color : #FFFFFF;
             background : #333366;
             padding : 0.4em ;
             margin : 0;
           }
.timba A:link { text-decoration : underline; color : #3333CC; font-weight : bold; }
.timba A:visited { text-decoration : underline; color : #996699; font-weight : bold; }
.timba A:hover { color : #CC6666; }
.timba A:active { color : #FF0000; }

/* Headings ------------------------------------*/
H1 {font-size : 160%;
    font-weight : bold;
    font-style : normal;
    text-align : center;
   }
H2 {font-size : 125%; 
    font-weight : bold;
    font-style : italic;
    text-align : left;
    padding-left : 0.5em;
   }
H3 {font-size : 115%; 
    font-weight : normal;
    font-style : italic;
    text-align : left;
    padding-left : 0.5em;
   }
H4 {font-size : 110%;  
    font-weight : bold;
    font-style : italic;
    text-align : left;
    padding-left : 0.5em;
   }
H5 {font-size : 100%; 
    font-weight : bold;
    font-style : italic;
    text-align : left;
    padding-left : 1em;
   }
H6 {font-size : 100%; 
    font-weight : bold;
    font-style : italic;
    text-align : left;
    padding-left : 0.5em;
   }

/* Heading Effects ------------------------------------*/
H1.cuica,H2.cuica,H3.cuica,H4.cuica,H5.cuica,H6.cuica
        { color : #FFFFFF;
          background : #333366;
          padding : 0.1em 0.1em 0.1em 0.5em;
          margin : 1em 0;
           }
H1.clave,H2.clave,H3.clave,H4.clave,H5.clave,H6.clave
          { color : #000000;
            background : #CCCCCC;
            padding : 0.1em 0.1em 0.1em 0.5em;
            margin : 1em 0;
            border-bottom : 0.1em solid #000000; 
          }
H1.guiro,H2.guiro,H3.guiro,H4.guiro,H5.guiro,H6.guiro
        { color : #FFFFFF;
          background : #666699;
          padding : 0.1em 0.1em 0.1em 0.5em;
          margin : 1em 0;
          border-bottom : 0.1em solid #000000; 
          }

/* Location Bar -------------------------------*/
P.locationBar { font-size : 80%;
                font-weight : bold;
                color : #333333;
                background : #EEEEEE;
                padding : 0.2em; 
                border-bottom : 0.1em solid #000000; 
                margin : 0; }
                
/* Forms --------------------------------------*/

INPUT.searchBox {color : #000000;
                 background : #DDDDDD;
                 border-style : ridge;
                 width : 80px;
                }
.searchButton {background : #666699; 
               border : #333366 solid 2px;
               font-family : Verdana, Arial, Helvetica, sans-serif;
               font-size : 11px;
               font-weight : 800;
               color : #ffffff;
               cursor : hand;}

INPUT { font-family : Verdana, Arial, Helvetica, sans-serif; 
        font-size : 100%; 
      }
INPUT.submitReset {color : #000000;
                   background : #CCCCCC;                   
                   font-weight : normal; 
                   border-style : outset; 
                  }
INPUT.button {     color : #000000;
                   background : #cccccc;                   
                   font-weight : normal; 
                   border-style : outset; 
                  }
BUTTON  {          font-family : Verdana, Arial, Helvetica, sans-serif; 
                   font-size : 100%; 
                   color : #000000;
                   background : #cccccc;                   
                   font-weight : normal; 
                   border-style : outset; 
                  }
INPUT.text {color : #000000;
            background : #EEEEEE;
            border-style : ridge;
           }
INPUT.radio {color : #000000;
             background : #DDDDEE;
            }
INPUT.checkbox {color : #000000;
                background : #DDDDEE;
               }

SELECT {  font-family : Verdana, Arial, Helvetica, sans-serif; 
          font-size : 100%; 
          color : #000000;
          background : #EEEEEE;
          border-style : inset;
           }

TEXTAREA {  font-family : Verdana, Arial, Helvetica, sans-serif; 
            font-size : 100%; 
            color : #000000;
            background : #EEEEEE;
            border-style : ridge;
           }

TABLE.formContainer { background : #DDDDEE;
                      border-top : #EEEEEE 2px solid;
                      border-right : #CCCCCC 2px solid;
                      border-bottom : #CCCCCC 2px solid;
                      border-left : #EEEEEE 2px solid;}
TABLE.formContainer TD { background : #DDDDEE;
                         text-align : left;
                         vertical-align : top;
                         border-style : none;
                         padding : 0.5em;
                       }
.form {text-align : center}

.form H1 {font-size : 160%;
          font-weight : bold;
          font-style : normal;
          text-align : center;
         }
.form H2 {font-size : 125%; 
          font-weight : bold;
          font-style : normal;
          text-align : left;
          color : #FFFFFF;
          background : #333366;
          padding : 0.1em 0.1em 0.1em 0.5em;
          margin : 1em 0;
         }

TD.toolbar {background : #D7E5EF;
            padding : 2px;
            margin : 0;
            border : 0;
           }

BUTTON.inlineTool  {   border :  1px #DDDDEE solid;
                    background : #DDDDEE;                   
                    color : #000000;
                    font-weight : bold; 
                    padding : none;
                    margin : none;
                }
BUTTON.inlineToolHot  { border : 1px #666666 solid;
                        background : #FFCCCC;                   
                        color : #000000;
                        font-weight : bold; 
                        padding : none;
                        margin : 0px;
                        cursor : hand;
                      }

BUTTON.toolbar  {   border :  1px solid #D7E5EF; 
                    background : #D7E5EF;                   
                    color : #000000;
                    font-weight : bold; 
                    padding : 1px;
                    margin : 0px;
                }
BUTTON.toolbarHot  { border-top : #FFDDDD 1px solid;
                      border-right : #666666 1px solid;
                      border-bottom : #666666 1px solid;
                      border-left : #FFDDDD 1px solid;
                background : #FFCCCC;                   
                color : #000000;
                font-weight : bold; 
                padding : 1px;
                margin : 0px;
                cursor : hand;
            }
BUTTON.toolbarOn  {
                      border-top : #666666 1px solid;
                      border-right : #FFFFFF 1px solid;
                      border-bottom : #FFFFFF 1px solid;
                      border-left : #666666 1px solid;
                      background : #CCCCFF;                   
                      color : #000000;
                      font-weight : bold; 
                      padding : 1px;
                      margin : 0px;
                  }


/* Database Output ----------------------------*/

.displayItem  {color : #333333;
               background : :#EEEEEE;
               font-weight : bold;
              }
TABLE.dbContainer { background : #DDDDDD;
                    border-top : #EEEEEE 2px solid;
                    border-right : #CCCCCC 2px solid;
                    border-bottom : #CCCCCC 2px solid;
                    border-left : #EEEEEE 2px solid; }


TD.dbHead {font-family : Verdana, Arial, Helvetica, Sans-serif;
         font-weight : bold;
         color : #333333;
         background : #6699CC;
         text-align : center;
         padding : 4px;
         border-top : solid #99CCFF 2px;
         border-right : solid #336699 2px;
         border-bottom : solid #336699 2px;
         border-left : solid #99CCFF 2px;

        }


TD.dbRowOdd { font-family : Verdana, Arial, Helvetica, Sans-serif;
            font-weight : normal;
            color : #333333;
            background : #FFFFFF;
            text-align : left;
            border : none;
            padding : 4px; }

TD.dbRowEven { font-family : Verdana, Arial, Helvetica, Sans-serif;
             font-weight : normal;
             color : #333333;
             background : #EEEEEE;
             text-align : left;
             border : none;
             padding : 4px; }

TD.dbRowHot { font-family : Verdana, Arial, Helvetica, Sans-serif;
              font-weight : normal;
              color : #333333;
              background : #FFCCCC;
              text-align : left;
              border : none;
              padding : 4px;
              cursor : hand; }

TABLE.dbContainer TD.dbRowOdd INPUT.checkbox { color : #000000;
                                               background : #FFFFFF; }
TABLE.dbContainer TD.dbRowEven INPUT.checkbox { color : #000000;
                                                background : #EEEEEE; }
TABLE.dbContainer TD.dbRowHot INPUT.checkbox { color : #000000;
                                                background : #FFCCCC; }