/*
 * Inherit from the top level workshop style sheet.
 */
@import url(../workshop.css);

body {
    background-color: white;
}

/*
 * I'd like to make the logos about 150px wide, but shrink to
 * no more than 40% of the browser window width if the window is narrow.
 * I have so far been unable to make this work.  Help?
 */

table.sponsor-table {
    width: 100%;
    padding: 0 1ex; /* a little space at left and right of the page */
}
table.sponsor-table td {
    padding: 10px; /* space between cells */
}
tr.sponsor-group {
    font-size: 150%;
    text-align: left;
}
td.sponsor-logo {
    text-align: right;
    width: 180px;
    max-width: 40% !important;
}
td.sponsor-logo a {
    /* in case there is no logo, make links look like plain text */
    color: inherit;
    background: inherit;
    text-decoration: inherit;
}
td.sponsor-info {
    text-align: left;
}
td.sponsor-logo img {
    /* several of the logos have transparent parts,
     * so we provide a white background for them, and
     * make any alt text appear in black. */
    color: black;
    background-color: white;
    /* some browsers add an ugly border, so we suppress it. */
    border: 0px;
    /* shrink huge logos */
    max-width: 180px;
}