/* 
    Document   : bj_referafriend
    Created on : Feb 16, 2009, 9:32:56 AM
    Author     : mforbes@bocajava.local
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


 /** refer a friend **/


        .p_referafriend h1.img
    {
        height:0px;
        overflow:hidden;
        margin:0;
        padding:64px 0px 0px 0px;
        background:url(/images/2009/header_sprite.gif) 0px -50px no-repeat;
    }

    .p_referafriend ul.features li
    {
        border:0px;
    }

    .p_referafriend ul.features li
    {
        background:url(/images/2009/bullets_star_red.gif) 0px 0px no-repeat;
        padding-bottom:0px;
        padding-left:30px;
    }

    .p_referafriend ul.features li h3
    {
        color:#793310;
    }

    .p_referafriend .howitworks
    {
        margin:10px 0px 10px 0px;
        padding:10px 0px 10px 0px;
        border-top:1px dashed #666;
        border-bottom:1px dashed #666;
    }

    .p_referafriend div.message
    {
        padding:5px;
        background:#edead9;
    }

    .p_referafriend .addfriend
    {
        padding-left:25px;
        color:#793310;
        display:block;
        margin-top:10px;
    }




    .topreferrers
    {
        padding:1px;
    }

    .topreferrers h2
    {
        font-size:144%;
        text-align:center;
    }

    .topreferrers table
    {
        width:100%;
        border:1px solid #b5b095;
        border-collapse:collapse;
    }



    .topreferrers th, .topreferrers td
    {
        border:1px solid #b5b095;
        border-collapse:collapse;
        padding:3px;
        font-size:93%;
    }

    .topreferrers th
    {
        font-weight:bold;
        background:#edead9;
        border-left:0px;
        border-right:0px;
        padding-top:20px;
    }

    .topreferrers tr.even td
    {
        background:#edead9;
    }

    .topreferrers tr.you td
    {
        background:#faf9ac;
    }

    .topreferrers td span
    {
        padding-left:5px;
        font-size:84%;
        float:right;
        width:25px;
        text-align:right;
    }

    .topreferrers td span.up
    {
        background:url(/images/2009/am_sprite.gif) 0px -900px no-repeat;
    }

     .topreferrers td span.down
    {
        background:url(/images/2009/am_sprite.gif) -30px -900px no-repeat;
    }

    .topreferrers td.winner
    {
        text-align:center;
        padding:10px 3px 10px 3px;
    }

    .topreferrers td.winner p
    {
        font-size:132%;
        color:#473c33;
    }

    .topreferrers p.details{text-align:center;font-size:84%;color:#473c33;}

    .topreferrers p.details a
    {
        display:block;
    }

.loadcontacts h3
        {
            text-align:center;
            margin-bottom:0px;
            padding-bototm:0px;
        }

.loadcontacts .sub_msg
        {
            text-align:center;
        }

.loadcontacts
        {
            border:1px solid #b5b095;
            padding:5px;
            overflow:auto;
            zoom:1;
        }


.loadcontacts .radio ul
        {
            border-right:1px dashed #666;
        }

.loadcontacts .radio li
        {
            padding-right:90px;
            height:25px;
            margin:5px 0px 5px 0px;
        }

        #r_hotmail
        {
            background:url(/images/2009/email_logo_sprite.gif) 15px -5px no-repeat;
        }

         #r_gmail
        {
            background:url(/images/2009/email_logo_sprite.gif) 15px -50px no-repeat;
        }

         #r_yahoo
        {
            background:url(/images/2009/email_logo_sprite.gif) 15px -102px no-repeat;
        }

         #r_aol
        {
            background:url(/images/2009/email_logo_sprite.gif) 15px -154px no-repeat;
        }



    /* refer a friend forms */


    .p_referafriend #friendsList  ul.fi.label_over, #friendsList  ul.fi.label_over li
    {
        margin-top:0px;
        padding-top:0px;
        height:auto;
    }

    .p_referafriend #friendsList  ul.fi.label_over
    {
        border-bottom:1px dashed #666;
    }

    .p_referafriend #friendsList  ul.fi.label_over label
    {
        top:8px;
    }

    .p_referafriend #friendsList  ul.fi.label_over li
    {
        padding-top:10px;
    }

    .p_referafriend #friendsList  ul.fi.label_over li.num
    {
        font-weight:bold;
        font-size:116%;
        padding-top:14px;
        width:25px;
    }

    .p_referafriend #friendsList .login  ul.fi.label_over
    {
        border:0px;
    }

    .p_referafriend .login ul.fi.label_over label
    {
        top:8px;
        left:8px;
    }

    .p_referafriend .login  ul.fi.label_over li
    {
        padding-top:10px;
    }

    .p_referafriend .login  ul.fi.label_over li input
    {
        width:95%;
        margin-left:5px;
    }


    /** account management styles **/

    #raf_history table
{
    width:100%;
    border-collapse:collapse;
}

#raf_history th, #raf_history td
{
    padding:4px;
    border-collapse:collapse;
}

#raf_history th
{
    border-bottom:1px solid #000;
    font-weight:bold;
    font-size:108%;
    background:#eeead8;
}

#raf_history th.last, #raf_history td.last
{
    border-right:0px;
}


#f_message
{
    width:300px;height:75px;background:#fff;
}

.instruct
{
    margin-top:1em;text-align:center;
}

.instruct span{font-size:132%;display:block;}

#modal_content table, #modal_content tr, #modal_content td{
    border:0;margin:0;padding:0;
}