/* this gives me the whole index block as a link */

#index a {

    display:       table-cell;

    xfloat:        left;

    width:         90px;

    height:        40px;

    vertical-align: middle;

    outline:        none;

}



#idxTable {

    text-align:     left;

    width:          100%;

    /*

        border-style:   solid;

    border-width:   1px;

    */

    border-spacing:     0px;    /* css equivalent to HTML cellspacing */

    /* padding:         15px;   /* css equivalent to HTML cellpadding */

}



#idxTable td {

    vertical-align:     middle;

    height:             50px;

    font-weight:        bold;

    font-size:          10pt;

    background-repeat:  no-repeat;

    padding-left:       5px;

}



#idxTable a:link {

    color:           #0000FF;

}



#idxTable a:visited {

    color:           #0000C0;

}



#idxTable a:hover {

    color:           #0E871C;   /* grey-green */

}



#idxTable a:active {

    color:           #C00000;

}



#txtTable {

    border-spacing:     0px;    /* css equivalent to HTML cellspacing */

}

#txtTable td {

    vertical-align:     top;

}



.idxBtn {

    background-image:    url(../images/button1.png);

}



.idxBtn:hover {

    background-image:    url(../images/button1_hover.png);

}



.idxBtnSel {

    background-image:   url(../images/button1_sel.png);

    background-repeat:  no-repeat;

}



.idxBtnSel:hover {

    background-image:   url(../images/button1_sel_hover.png);

    background-repeat:  no-repeat;

}



.idxBtnGrey {

    background-image:   url(../images/button-grey.png);

    color:              #707070

}



.icoMine {

    background-image:   url(../images/logo-mine.png);

    background-repeat:  no-repeat;

}



.icoMineGrey {

    background-image:   url(../images/logo-mine-grey.png);

    background-repeat:  no-repeat;

}



.icoFamily {

    background-image:   url(../images/logo-fam.png);

    background-repeat:  no-repeat;

}



.icoFamilyGrey {

    background-image:   url(../images/logo-fam-grey.png);

    background-repeat:  no-repeat;

}



.icoDesign {

    background-image:   url(../images/logo-design.png);

    background-repeat:  no-repeat;

}



.icoDesignGrey {

    background-image:   url(../images/logo-design-grey.png);

    background-repeat:  no-repeat;

}



.icoWork {

    background-image:   url(../images/logo-professional.png);

    background-repeat:  no-repeat;

}



.icoPix {

    background-image:   url(../images/logo-pix.png);

    background-repeat:  no-repeat;

}



.icoPixGrey {

    background-image:   url(../images/logo-pix-grey.png);

    background-repeat:  no-repeat;

}



.icoMisc {

    background-image:   url(../images/logo-misc.png);

    background-repeat:  no-repeat;

}



.icoMiscGrey {

    background-image:   url(../images/logo-misc-grey.png);

    background-repeat:  no-repeat;

}



.icoNina {

    background-image:   url(../images/logo-nina.png);

    background-repeat:  no-repeat;

}



.icoNinaGrn {

    background-image:   url(../images/logo-nina-grn.png);

    background-repeat:  no-repeat;

}



.icoNinaGrey {

    background-image:   url(../images/logo-nina-grey.png);

    background-repeat:  no-repeat;

}



.icoWritten {

    background-image:   url(../images/logo-written.png);

    background-repeat:  no-repeat;

}



.icoPoss {

    background-image:   url(../images/logo-poss.png);

    background-repeat:  no-repeat;

}



.icoIsaac {

    background-image:   url(../images/logo-isaac.png);

    background-repeat:  no-repeat;

}



.icoXavier {

    background-image:   url(../images/logo-xavier.png);

    background-repeat:  no-repeat;

}



.icoEli {

    background-image:   url(../images/logo-eli.png);

    background-repeat:  no-repeat;

}