/**Move this css into Assets with PaymentOptionsSchedule.js**/
/* This will serve as the file that will be read into the widgets import file */
@media screen
{
    .PaymentOptionsSchedule
    {
        position:relative;
        width:670px;
        margin:10px 0 10px 0;
        float:left;
        display:table;
    }

    #nss-wrapper-browser-ie6 .PaymentOptionsSchedule
    {
        height:230px;
    }

    .PaymentOptionsSchedule .PaymentOptionsScheduleHeader
    {
        padding:5px 5px 5px 15px;
        margin: 0 0 5px 0;
        background:#f0f0f0;
        width:640px;
        float:left;
    }

    .PaymentOptionsSchedule table
    {
        position:relative;
        width:32%;
        border:solid 1px #f0f0f0;
        margin:5px .5% 20px .5%;
        float:left;
    }

    .PaymentOptionsSchedule table thead th
    {
        background:#f0f0f0;
        text-align:left;
    }

    .PaymentOptionsSchedule table tfoot td
    {
        background:#f0f0f0;
    }

    .PaymentOptionsSchedule table th,
    .PaymentOptionsSchedule table td
    {
        font-size:.85em;
        text-align:left;
        padding:5px 0 5px 10px;
    }

    .PaymentOptionsSchedule tfoot td
    {
        font-weight:bold;
    }

    .PaymentOptionsSchedule table td+td
    {
        text-align:right;
        padding-right:10px;
    }

    #nss-wrapper-browser-ie6 .PaymentOptionsSchedule table td
    {
        text-align:left;
        padding:5px;
    }

    .PaymentOptionsSchedule table.selectable
    {
        cursor:pointer;
    }

    .PaymentOptionsSchedule table.selectable thead th
    {
        background:#f0f0f0 url(images/checkBox.png) no-repeat right;
    }

    .PaymentOptionsSchedule table.selectable tfoot td
    {
        background:#f0f0f0;
    }

    .PaymentOptionsSchedule table.selectable:hover
    {
        border:solid 1px #b9a7cf;
    }

    .PaymentOptionsSchedule table.selectable:hover thead th
    {
        background:#b9a7cf url(images/checkBox.png) no-repeat right;
    }

    .PaymentOptionsSchedule table.selectable:hover tfoot td
    {
        background:#b9a7cf;
    }

    .PaymentOptionsSchedule table.active
    {
        position:relative;
        float:left;
        border:solid 1px #f0f0f0;
        cursor:default;
    }

    .PaymentOptionsSchedule table.active thead th
    {
        background:#e0e0e0 url(images/checkBoxChecked.png) no-repeat right;
    }

    .PaymentOptionsSchedule table.active tbody td
    {
        font-weight:bold;
    }

    .PaymentOptionsSchedule table.active tfoot td
    {
        background:#e0e0e0;
    }

    .PaymentOptionsSchedule table.inActive
    {
        position:relative;
        float:left;
        cursor:pointer;
        opacity:.4;
        filter:alpha(opacity = 40);
    }

    .PaymentOptionsSchedule table.inActive thead th
    {
        background:#e0e0e0 url(images/checkBox.png) no-repeat right;
    }

    .PaymentOptionsSchedule table.inActive:hover thead th
    {
        background:#542989 url(images/checkBox.png) no-repeat right;
    }

    .PaymentOptionsSchedule table.inActive:hover tfoot td
    {
        background:#542989;
    }
}

@media print
{
    .PaymentOptionsSchedule div
    {
        border-bottom:dotted 2px #3f3f3f;
        width:640px;
    }
    
    .PaymentOptionsSchedule .PaymentOptionsScheduleHeader
    {
        padding:5px 5px 5px 15px;
        border-top:solid 3px #000;
        margin: 30px 0 5px 0;
        width:640px;
    }

    .PaymentOptionsSchedule table
    {
        border:solid 1px #000;
        margin:5px .3% 1px .3%;
    }

    .PaymentOptionsSchedule table thead th
    {
        text-align:left;
    }

    .PaymentOptionsSchedule table tfoot td
    {
        background:none;
    }

    .PaymentOptionsSchedule table th,
    .PaymentOptionsSchedule table td
    {
        font-size:.85em;
        text-align:left;
        padding:5px 0 5px 10px;
    }

    .PaymentOptionsSchedule tfoot td
    {
        font-weight:bold;
    }

    .PaymentOptionsSchedule table td+td
    {
        text-align:right;
        padding-right:10px;
    }

    #nss-wrapper-browser-ie6 .PaymentOptionsSchedule table td
    {
        text-align:left;
    }

    .PaymentOptionsSchedule table.active
    {
        border:solid 2px #000;
        cursor:default;
    }

    .PaymentOptionsSchedule table.active tbody td
    {
        font-weight:bold;
    }

}