/* Planner
************************************************************ */

div.plannner
{
    margin: 0 12px 0 12px;
    padding: 0;
}

table.plannerTable
{
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border: 0;
}

td.plannerHead
{
    margin: 0 0 12px 0;
    padding: 0 0 4px 0;
    width: 146px;
    height: 40px;
    border: 0;
    border-bottom: solid 1px #b3b3b3;
    vertical-align: bottom;
    text-align: left;
    background-color: #353535;
}

    p.plannerDay
    {
        margin: 0 0 0 3px;
        padding: 0 0 0 0;
        color: #d7c24c;
        font-size: 1em;
        font-weight: bold;
        height: 1.2em;
        line-height: 1.2em;
    }
    
    p.plannerDate
    {
        margin: 0 0 0 3px;
        padding: 0 0 0 0;
        color: #FFFFFF;
        font-size: 0.8em;
        height: 1em;
        line-height: 1em;
    }
    
tr.plannerContent
{
    background-color: #000000;
}

table.plannerTableSub
{
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

td.plannerContent
{
    margin: 0;
    padding: 0;
    background-color: #656464;

    vertical-align: top;
    text-align: center;
}

td.plannerContentSub
{
    margin: 0;
    padding: 4px 0 0 0;
    background-color: #656464;
    width: 146px;
    
    vertical-align: top;
    text-align: center;
}

p.plannerMore
{
    margin: 0 3px 0 0;
    padding: 0 0 0 0;
    color: #d7c24c;
    font-size: 0.8em;
    height: 1em;
    line-height: 1em;
    float: right;
}

a.plannerMore, a.plannerMore:link, a.plannerMore:visited, a.plannerMore:hover
{
    color: #d7c24c;
}

a.plannerEvent, a.plannerEvent:link, a.plannerEvent:visited, a.plannerEvent:hover
{
    color: #000000;
}


div.plannerEvent
    {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        background-position: center top;
        background-repeat: no-repeat;
        width: 144px;
        height: 34px;

        text-align: left;
    }
    div.plannerEventBlue
    {
        background-image: url('../../images/event_blue.gif');
    }
    div.plannerEventPurple
    {
        background-image: url('../../images/event_purple.gif');
    }
    div.plannerEventYellow
    {
        background-image: url('../../images/event_yellow.gif');
    }
    div.plannerEventGreen
    {
        background-image: url('../../images/event_green.gif');
    }
    div.plannerEventRed
    {
        background-image: url('../../images/event_red.gif');
    }


div.plannerIconCon
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
    width: 28px;
    height: 34px;
}

img.plannerIcon
{
    margin: 10px 0 0 8px;
    padding: 0 0 0 0;
}

p.plannerTitle
{
    margin: 0 6px 0 28px;
    padding: 0 0 0 0;
    font-size: 0.8em;
    color: #222222;
    height: 15px;
    line-height: 15px;
    overflow: hidden;
}

p.plannerTime
{
    margin: 0 6px 0 28px;
    padding: 0 0 0 0;
    font-size: 0.8em;
    color: #FFFFFF;
    height: 15px;
    line-height: 15px;
    overflow: hidden;
}