table.pipeline {
    width: 100%;
    border-spacing: 10px;
    border-collapse: separate;
}

table.pipeline th {
    font-size: 1.8rem;
    font-weight: normal;
    color: #666
}

table.pipeline th u, th b {
    font-weight: bold;
    color: #000;
}

table.pipeline td, th {
    padding: 4px;
    width: 20%;
    vertical-align: top;
    border: 1px solid #666;
}

table.pipeline td.pipequoted, th.pipequoted {
    background: #CCE;
}

table.pipeline td.pipesales, th.pipesales {
    background: #CEE;
}

table.pipeline td.pipeopen, th.pipeopen {
    background: #EDC;
}

table.pipeline td.pipeclosed, th.pipeclosed {
    background: #CEC;
}

table.pipeline td.pipeprospects, th.pipeprospects {
    background: #ECE;
}

div.pipecell {
    width: 96%;
    background: rgba(255, 255, 255, 0.4);
    padding: 2%;
    margin-bottom: 4px;
    color: #333;
    font-size: 1.4rem;
    border-radius: 6px;
}

div.pipecell:hover {
    background: rgba(255, 255, 255, 0.7);
}

div.pipecell .title {
    text-decoration: underline;
    font-weight: bold;
    padding-bottom: 2px;
}

div.pipecell .info {
    color: #666;
    font-size: 1.2rem;
    padding-bottom: 10px;
}

div.pipecell .value {
    font-weight: bold;
    text-align: right;
}

div.pipecell .note {
    color: #999;
    margin-top: -12px;
    font-size: 1.2rem;
    text-align: left;
}

a.pipelink {
    text-decoration: none;
}