/* ================================================================================= */
/* TaalTaal.nl widgets base CSS file v. 0.1                                          */
/* ================================================================================= */

.widget
{
    position: relative;
}

.pager_widget
{
}

.pager_widget .index
{
    font-weight: normal;
    margin-right: 12px;
}

.pager_widget .compact
{
    margin-right: 5px;
}

.pager_widget .buttons a
{
    border: 1px solid #e0dace;
    text-decoration: none;
    padding: 1px 3px 1px 3px;
    margin-right: 2px;
}

.pager_widget .buttons a:hover
{
    color: #cc6633;
}

.pager_widget .buttons .current
{
    font-weight: bold;
    padding: 2px;
    margin-right: 2px;
}

.pager_widget .buttons .ellipsis
{
    padding: 2px;
    margin-right: 2px;
}

.pager_widget .buttons .compact
{
    padding: 1px;
    margin-right: 1px;
}

.pager_simple_widget
{
}

.pager_simple_widget .buttons a
{
    text-decoration: none;
    padding: 2px;
    margin-right: 2px;
}

.pager_simple_widget .buttons a:hover
{
    text-decoration: underline;
    color: #cc6633;
}

.pager_simple_widget .buttons .current
{
    font-weight: bold;
    padding: 2px;
    margin-right: 2px;
}

.pager_simple_widget .buttons .ellipsis
{
    padding: 2px;
    margin-right: 2px;
}

.pager_simple_widget .buttons .compact
{
    padding: 1px;
    margin-right: 1px;
}

.login_widget
{
    width: 163px;
}

.login_widget .submit
{
    margin-left: 10px;
}

.student_edit_widget
{
}

    .student_edit_widget input[type=text]
    {
        border: 1px solid #8a5488;
        width: 100%;
    }

    .student_edit_widget textarea
    {
        border: 1px solid #8a5488;
        width: 100%;
        height: 6.5em;
    }

.students_widget
{
}

    .students_widget .entry
    {
        border: 1px solid #ffcccc;
        padding: 5px;
        margin-bottom: 5px;
        width: 450px;
    }

    .students_widget .toolbar
    {
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .students_widget .toolbar a
        {
            margin-right: 10px;
        }

.student_widget
{
}
    .student_widget h2
    {
        margin-bottom: 10px;
    }

    .student_widget .student
    {
        border: 1px solid #bbbb99;
        background-color: #f0f0f0;
        padding: 13px;
        margin-bottom: 5px;
        width: 505px;
        -moz-border-radius: 5px;
    }

    .student_widget .button1
    {
        border: 1px solid #6699bb;
        background-image:url(http://a.glig.net/gen/gradient?height=200&v=0,5px,25px&c=8ce,61a2c5,369);
    }

    .student_widget .button2
    {
        border: 1px solid #66bb99;
        background-image:url(http://a.glig.net/gen/gradient?height=200&v=0,5px,25px&c=8eb,6b6,393);
    }

    .student_widget .student .data
    {
        border: 1px solid #666633;
        background-color: white;
    }

    .student_widget .events
    {
        margin-top: 20px;
        width: 500px;
    }

        .student_widget .events .entry
        {
            -moz-border-radius: 5px;
            border: 1px solid #dddddd;
            padding: 2px 2px 2px 8px;
            background-image:url(http://a.glig.net/gen/gradient?height=100&v=0,1&c=f9fbff,e3e9ef);
            margin-bottom: 5px;
        }

        .student_widget .events .entry .extra
        {
        }

    .student_widget .courses
    {
        margin-top: 20px;
    }

    .student_widget .products
    {
        margin-top: 20px;
    }

    .invoices .edit
    {
        background-color: gold;
        color: white;
        padding: 2px;
        -moz-border-radius: 3px;
    }

    .student_widget .invoices
    {
        width: 500px;
        margin-top: 20px;
    }

        .student_widget .invoices h2
        {
            margin-bottom: 0;
        }

        .student_widget .invoices .invoices
        {
            margin: 0;
            padding: 0;
        }

    .student_widget .add_course_form
    {
        margin-top: 20px;
    }

    .student_widget .add_product_form
    {
        margin-top: 20px;
    }

    .student_widget .add_invoice_form
    {
        margin-top: 20px;
    }

.signup_widget
{
}

    .signup_widget .signup
    {
        margin-top: 30px;
        margin-bottom: 30px;
        width: 595px;
    }

    .signup_widget .signup input[type=text]
    {
        width: 340px;
        border: 1px solid #ffcccc;
    }

    .signup_widget .signup textarea
    {
        width: 340px;
        height: 6.5em;
        border: 1px solid #ffcccc;
    }

.tasks_widget
{
}

    .tasks_widget .header
    {
        font-size: 15px;
        font-weight: bold;
        background-color: #cfa773;
        color: white;
        padding: 5px;
    }

    .tasks_widget .letters
    {
        border-left: 2px solid #cfa773;
        padding-left: 8px;
        margin-bottom: 15px;
    }

.calendar_widget
{ }

.calendar_month_widget
{
    /* width: 180px; */
    float: left;
    margin-right: 20px;
}

    .calendar_month_widget .header
    {
        text-align: right;
        font-weight: bold;
        font-size: 12px;
        color: #333366;
        margin-bottom: 5px;
    }

    .calendar_month_widget .details
    {
    }

        .calendar_month_widget .details .day_names
        {
            /* background-color: #d9e2e1; */
            background-color: #dfeaea;
            border-top: 1px solid #a2adbc;
            border-left: 1px solid #a2adbc;
        }

            .calendar_month_widget .details .day_names .name
            {
                text-align: right;
                width: 18px;
                padding: 2px 3px 2px 2px;
                float: left;
                border-right: 1px solid #a2adbc;
                border-bottom: 1px solid #a2adbc;
            }

        .calendar_month_widget .grid
        {
        }

            .calendar_month_widget .details .grid .day
            {
                text-align: right;
                width: 18px;
                height: 17px;
                padding: 2px 3px 2px 2px;
                background-color: #f6f7f7;
                float: left;
                border-right: 1px solid #a2adbc;
                border-bottom: 1px solid #a2adbc;
            }

            .calendar_month_widget .details .grid .first
            {
                border-left: 1px solid #a2adbc;
            }

            .calendar_month_widget .details .grid .weekend
            {
                background-color: #f0f0f0;
            }

            .calendar_month_widget .details .grid .empty_begin
            {
                width: 24px;
                height: 21px;
                float: left;
                border-bottom: 1px solid #a2adbc;
            }

            .calendar_month_widget .details .grid .empty_end
            {
                width: 24px;
                height: 21px;
                float: left;
            }

        .calendar_month_widget .details .grid .day:hover
        {
            background-color: #c3d3f3;
        }

.agenda_widget
{
/*
    padding: 10px;
    background-color: #f6f6f8;
*/
}

    .agenda_widget .line
    {
        text-align: right;
        position: absolute;
        border-top: 1px solid #dddddd;
        width: 100%;
    }

    .agenda_widget .line2
    {
        text-align: right;
        position: absolute;
        border-top: 1px dashed #e5e5f1;
        width: 100%;
    }

    .agenda_widget .time_scale
    {
        width: 50px;
        /* height: 500px; */
        float: left;
        /* background-color: #f0f0ff; */
        position: relative;
        margin-top: 25px;
        margin-right: 5px;
    }

    .agenda_widget .flows
    {
        position: relative;
        float: left;
    }

        .agenda_widget .flows #glig_popin_panel
        {
            position: absolute;
            left: 60px;
            top: 60px;
            width: 401px;
            height: 182px;
            background: url(/images/agenda/shaded_box.png);
            border: 0;
        }

            .agenda_widget .flows #glig_popin_panel .inner
            {
                overflow: auto;
                height: 100%;
            }

        .agenda_widget .flows .glig_popin_panel_defaults
        {
            padding: 15px 25px 25px 35px;
        }

                .agenda_widget .flows img.icon_person
                {
                    display: inline;
                    margin-right: 5px;
                }

    .agenda_widget .flow
    {
        width: 130px;
        margin-left: 5px;
        float: left;
    }

        .agenda_widget .toolbox
        {
            font-size: 14px;
            margin-bottom: 15px;
        }

        .agenda_widget .flow .header
        {
            height: 20px;
            text-align: center;
            font-size: 12px;
            font-weight: bold;
            background-color: #dfeaea;
            padding-top: 5px;
        }

        .agenda_widget .flow .content
        {
            position: relative;
            border: 1px solid #909990;
            border-top: 0;
            /* height: 500px; */
            background-color: white;
        }

            .agenda_widget .flow .content .item_cell
            {
                position: absolute;
                width: 100%;
            }

            .agenda_widget .flow .content .item_box
            {
                margin-left: 5px;
                margin-right: 5px;
                height: 100%;
            }

            .agenda_widget .flow .content .item_header
            {
                padding: 2px;
                font-weight: bold;
                text-align: center;
                color: white;
            }

            .agenda_widget .flow .content .item_content
            {
                padding: 2px 2px 0 4px;
                color: white;
            }

.invoice_payments_widget
{ }

    .invoice_payments_widget h1
    {
        color: #df509d;
        margin-bottom: 2px;
    }

    .invoice_payments_widget .payment_method
    {
        margin-bottom: 12px;
    }

        .invoice_payments_widget .payment_method img
        {
            display: block;
            padding: 2px 1px 0 5px;
            float: left;
            height: 100px;
            border: 1px solid white;
            margin-right: 5px;
        }

        .invoice_payments_widget .payment_method img.active
        {
            background-color: #f3f3ff;
            border: 1px dashed #61a3c6;
        }

        .invoice_payments_widget .payment_method .explanation
        {
            margin-left: 10px;
            float: left;
            width: 400px;
            height: 20px;
        }

            .invoice_payments_widget .payment_method .explanation ul
            {
                margin-top: 5px;
                padding-left: 15px;
            }

            .invoice_payments_widget .payment_method .explanation ul li
            {
                padding-bottom: 3px;
            }

            .invoice_payments_widget .payment_method .explanation h2
            {
                margin-bottom: 5px;
            }

            .invoice_payments_widget .payment_method .explanation p
            {
                margin-top: 5px;
            }

    .invoice_payments_widget .form
    {
        float: left;
    }

        .invoice_payments_widget input[name=studentID]
        {
            width: 45px;
            margin-right: 6px;
        }

        .invoice_payments_widget input[name=student_name]
        {
            width: 221px;
            margin-right: 6px;
        }

        .invoice_payments_widget input[name=invoice_label]
        {
            width: 72px;
        }

        .invoice_payments_widget input[name=detail]
        {
            margin-top: 6px;
            width: 362px;
        }

    .invoice_payments_widget .line
    {
        border: 1px solid #61a3c6;
    }

    .invoice_payments_widget .payments .icon
    {
        text-align: right;
        padding-right: 10px;
    }

    .invoice_payments_widget .payments .amount
    {
        text-align: right;
        padding-right: 20px;
    }

    .invoice_payments_widget .payments .name
    {
        padding-right: 20px;
    }

    .invoice_payments_widget .payments .comment
    {
    }

.student_checkin_widget
{
}

    .student_checkin_widget input[type=radio]
    {
        float: left;
        margin-right: 10px;
    }

    .student_checkin_widget .student_block
    {
        float: left;
    }

.product_edit_widget table
{
    -moz-border-radius: 15px;
    background-color: #e0e9f3;
    padding: 10px;
    border-bottom: 1px solid #d0d6ee;
    border-right: 1px solid #d0d6ee;
}

.product_edit_widget td:first-child
{
    font-weight: bold;
    text-align: right;
    padding-right: 6px;
}

.products_widget .product_row:nth-child(even)
{
    background-color: #f0f0f0;
}

.product_edit_widget input[type=text], .product_edit_widget textarea
{
    width: 350px;
    border: 1px solid #9999cc;
    -moz-border-radius: 3px;
}

.product_edit_widget input[type=text][name=price]
{
    width: 50px;
    margin-right: 10px;
}

.product_edit_widget textarea
{
    height: 7.7em;
}