/* === Layout === */
#TableSpotlight {
    width: 950px;
}

td.agency {
    width: 200px;
    vertical-align: top;
    text-align: left;
}

td.overview {
    width: 260px;
    vertical-align: top;
    text-align: left;
}

td.markets {
    width: 165px;
    vertical-align: top;
    text-align: left;
}

td.logo {
    width: 250px;
    vertical-align: top;
    text-align: right;
}

td.spacer {
    height: 21px;
    border-bottom: solid 3px #c03;
}

td.gutter {
    height: 21px;
    width: 132px;
    border-bottom: solid 3px #fff;
}

td.alley {
    height: 21px;
    width: 15px;
    border-bottom: solid 3px #fff;
}

/* === Portfolio === */
table.CreativeN {
    display: none;
}

table.CreativeY {
    display: block;
    background-color: #ededfc;
    margin-top: 8px;
    border: solid 1px #e6e6fa;
}

td.portfolio {
    vertical-align: top;
    text-align: center;
    width: 140px;
    background-color: #ededfc;
    padding-top: 8px;
    padding-bottom: 8px;
    border: none;
}

/* === Intra-cell styles === */

.label {
    font-weight: bold;
    color: #4f2d7f;
}

div.agencyName {
    color: #c03;
    font-size: 13pt;
    font-weight: bold;
    vertical-align: bottom;
    padding: 1px 0 1px 0;
}

div.location {
    padding: 0 0 10px 3px;
}

div.logo {
    vertical-align: middle;
    text-align: center;
}

img.logo {
    border: none 0 #fff;
}

div.profile {
    padding: 1px 0 0 3px;
    text-align: left;
}

img.gutter {
    height: 125px;
    width: 132px;
    border: none;
}