/* Featured Section */
/* Div */
/* Featured Members Table */
/*
    You need to set table-layout: fixed; for the table and specify a width
    for the table.
    This will limit the width of each cell to the width
    of the first cell (top-left) of the table
    Then you can specify overflow: hidden; for the cells
    you want cropped.
*/
#ftrd {
    /*
    border: outset 10pt;
    border-spacing: 25pt
    */
    /*layout:fixed  will respect
    cell widths which may 'ave
    been specified*/
    table-layout: auto; /* default */
    /*maintain space between table border and cell border*/
    border-collapse: separate;
    border-collapse: separate;
   /* border-spacing works like padding - it places space between
       the table border and the cell borders */
    border-spacing: 2px ;
    border-top: 0px solid #bbb;
    border-right: 0px solid #bbb;
    border-bottom: 0px solid #bbb;
    border-left: 0px solid #bbb;
    margin: 0px 0px 0px 0px;
    /* padding creates space within the four sides of the table object;
       for spacing between the actual table cells, use border-spacing! */
    padding: 0px 0px 0px 0px;
    // background-color: transparent;
    // background-color: pink;

}

#ftrd td {
    /* border-style:solid;
    border-width:medium;
    -or-
    border-width:1px;
    Note: The "border-width" property does not
    work if it is used alone. Use the
    "border-style" property to set the
    borders first.
    */
    margin: 0px 0px 0px 0px;
    border: 01px solid #bbb;
    padding: 0px 0px 0px 0px;
    background-color: #FFF ;
    /* height will adjust to accomodate member photo */
    height: 0px;
    /*use width attribute to set cell width. note that the
      overall row width (and hence, the max. widht of 0ach
      cell) is limited by the width of the container div*/
 
   /* comment next 3 lines to prevent photos from overlapping
    in ff
    width: 0px;
    max-width: 0px;
    max-height: 0px;
   */
 
   /* vertical alignment of member pictures is to be handled
       by a class directly applied to each cell of the first
       row (i.e. cells within the first row of the table which
       hold the member photos) */
    /* vertical-align: center; */
       vertical-align: middle;
    /* center photos within each cell */
    /* center the pictures horizontally */
    text-align: center;
}

#ftrd td {
    background-color: transparent;
    border: 0px solid #bbb;
    }

#ftrd .td-image-row {
    padding-top: 0px ;
    padding-bottom: 0px ;
}

#ftrd img {
    border: 0px solid #bbbbbb ;
    /* padding-top adds space within the
    images' borders */
    padding: 4px;
    width: 70px;
    /* max-height useless here try it for a div */
    /* set limit as to the max. image height. nb: will shrink
       ( not crop ) any images beyond this height */
    max-height: 70px ;
}

#ftrd .td-username-row {
    padding-top: 2px;
    padding-bottom: 4px;
}

#ftrd a {
    text-decoration: none;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #747474;
}

#ftrd a:link, a:visited, a:activen {}
#ftrd a:hover {color: #F99F3E;}