/*----NEW OWNER CARD -----*/

div#account_card {
    float:left;
    display:inline;

    margin-top:32px;
    width:247px;
    height:124px;
    background: url(css_images/new_account_card.gif) 0 0 no-repeat;

    color:#fff;
    font-size:16px;

}

div#account_card h3 {
    margin-top:42px;
    margin-left:100px;
    width:130px;
    height:1em;

    font-weight:normal;
}


div#account_card h4 {
    margin-top:8px;
    margin-left:100px;

    font-weight:normal;
}


/*-----------------------*/

div#refer_friend_intro {
    float:left;
    display:inline;
    position:relative;

    margin-top:32px;
    padding-bottom:79px;
    width:623px;

    background: url(css_images/wide_rounded_bottom.gif) 0 100% no-repeat;

    color:#4A403D !important;
}

div#refer_friend_intro.promo {
    padding-top:136px;
}


A.account_back {
    display:block;
    width:150px;
    height:33px;
    background: url(css_images/account_back.gif) 0 0 no-repeat;
    text-indent:-3333px;
}

A.account_back.promo {
    position:absolute;
    top:0;
    z-index:999;
}


div#refer_friend_intro h2 {
    width:100%;
    height:111px;
    background:#fff url(css_images/refer_intro_header.gif) 0 0 no-repeat;

    text-indent:-3333px;
}

div#refer_friend_intro h2.promo {
    position:absolute;
    top:0;
    width:120%;
    background:#fff url(css_images/refer_intro_header_promo.gif) 0 0 no-repeat;
}


div#refer_friend_intro P {
    margin:0 14px 15px 14px;
    font-size:12px;
    line-height:18px;
}

div#refer_friend_intro P strong {
    color:#CB9900;
}

div#refer_friend_intro P em {
    font-style:normal;
    font-weight:bold;
}

div#refer_friend_intro P.pitch {
    margin:0 14px 34px 14px;
    padding:15px 0;
    border:1px #B7B045 dotted;
    border-width:1px 0;

    text-align:center;
    font-size:14px;
}

div#refer_friend_intro P.pitch.promo {
    font-size:14px;
}


div#refer_friend_intro P.pitch span {
    display:block;
    margin-top:0.75em;
    font-size:18px;
}

div#refer_friend_intro div.buttons {
    position:absolute;
    bottom:30px;
    left:0;
}

div#refer_friend_intro div.buttons A, div#refer_friend_intro div.buttons input.refer {
    float:left;
    display:inline;

    height:19px;
    text-indent:-3333px;
}


 A.refer, input.refer {
    display:block;
    border:0px;
    width:232px;
    height:19px;
    background: url(css_images/refer_button.gif) 0 0 no-repeat;
    text-indent:-3333px;


    cursor:pointer;
}

div.buttons input.refer {
    line-height:200px;
}

 A.refer:hover {
    background: url(css_images/refer_button_hover.gif) 0 0 no-repeat;
}

div.buttons A.refer, div.buttons input.refer {
    margin-left:108px;
    margin-right:60px;
}



div.buttons A.cancel {
    width:115px;
    background: url(css_images/cancel_button.gif) 0 0 no-repeat;
}
div.buttons A.cancel:hover {
   background: url(css_images/cancel_button_hover.gif) 0 0 no-repeat;
}

/*--------------------------------------------------*/

div#refer_promo_banner.promo {
    float:left;
    margin-top:60px;
    width:231px;
    height:535px;
}

div#refer_promo_banner.promo span {
    display:block;
    position:relative;
    left:15px;
    width:100%;
    height:100%;
    background:url(css_images/refer_promo_banner.gif) 0 0 no-repeat;
    text-indent:-3333px;

}



div#refer_friend_status {
    float:left;
    display:inline;
    position:relative;

    margin-top:32px;
   /*width:738px;*/
}

div#refer_friend_form {
    float:left;
    display:inline;
    margin-top:17px;
    margin-left:17px;
    width:377px;
    background:#F2EFEE url(css_images/refer_friend_form_top.gif) 0 0 no-repeat;
}
/*
div#refer_friend_form h2 {
    height:54px;
    text-indent:-3333px;
}
*/
form#make_refer {
    float:left;
    width:100%;

    background:#F2EFEE url(css_images/refer_friend_form_bottom.gif) 0 100% no-repeat;
}

form#make_refer div.form_row {
    float:left;
    display:inline;
    width:331px;

    padding:0 23px 27px 23px;
}

form#make_refer div.form_row div.col1,form#make_refer div.form_row div.col2 {
    float:left;
    display:inline;
    width:165px;
}

form#make_refer div.form_row div.col2 {
    width:157px;
    padding-left:8px;
}

form#make_refer label {
    display:block;
    padding:0 0 3px 0;
    font-size:12px;
    color:#4B403E;
}

form#make_refer input.input_text {
    margin:0;
    width:150px;
}

form#make_refer p.success {
    float:left;
    margin:0 0 -5px 0;
    padding:0;
    color:#77BF4A;
    font-weight:bold;
}


form#make_refer ul.errors {
    float:left;
    display:inline;
    list-style-type:disc;
    list-style-position:inside;
    margin:0 0 -5px 0;
    padding:0;
    font-size:12px;
    color:#B44414;
}

form#make_refer ul.errors li {
    margin:0 0 3px 0;
}



form#make_refer div.form_row.controls A {
    padding-left:17px;
    color:#2F2927;
}

form#make_refer div.form_row.controls A.add {
    background: url(css_images/form_add.gif) 0 50% no-repeat;
}

form#make_refer div.form_row.controls A.remove {
   background: url(css_images/form_remove.gif) 0 50% no-repeat;
}


form#make_refer textarea {
    width:323px;
    height:71px;
}

form#make_refer div.form_row.submit_buttons A {
    float:left;
    display:inline;
    margin-right:15px;
    height:19px;

    text-indent:-3333px;
}

form#make_refer div.form_row.submit_buttons A.cancel_button {
  margin-right:0;
  padding-top:2px;
  height:16px;

  color:#4B403E;
  text-indent:0;
}
form#make_refer div.form_row.submit_buttons A.cancel_button:hover{
  border-bottom:1px #9E9796 solid;
  text-decoration:none;
}



form#make_refer div.form_row.submit_buttons A.preview_button {
    margin-left:20px;
    width:115px;
    background: url(css_images/preview_button.gif) 0 0 no-repeat;
}

form#make_refer div.form_row.submit_buttons A.preview_button:hover {
    width:115px;
    background:url(css_images/preview_button_hover.gif) 0 0 no-repeat;
}

form#make_refer div.form_row.submit_buttons A.send_button {
    width:115px;
    background: url(css_images/send_button.gif) 0 0 no-repeat;
}

form#make_refer div.form_row.submit_buttons A.send_button:hover {
    width:115px;
    background:url(css_images/send_button_hover.jpg) 0 0 no-repeat;
}



#minutes_earned {
    float:left;
    display:inline;
    position:relative;

    margin-top:17px;
    margin-left:67px;
    width:255px;
    text-align:center;
}

#minutes_earned P {
display:none;
}

#minutes_earned div.friend_no {
    display:block;
    position:relative;
    margin:0 auto;
    padding:140px 0 0 0;
    height:134px;
    background: url(css_images/friends_referred.jpg) 0 0 no-repeat;
}

#minutes_earned div.friend_no strong {
    display:block;

    color:#E6AD00;
    font-size:115px;
    font-weight:normal;
}

#minutes_earned div.friend_no span.total_invites {
    position:absolute;
    display:block;
    top:220px;
    left:0;
    width:100%;
    color:#fff;
    font-size:12px;
    text-transform:uppercase;
}

#minutes_earned div.friend_no span.total_invites em {
    color:#EFB607;
    font-style:normal;
    font-weight:bold;
}


#minutes_earned h3 {
    margin:5px 0 0 0;
    padding:0;

    color:#434343;
    font-size:18px;
    line-height:24px;
}

#minutes_earned h3 strong {
    color:#D5B03F;
    font-size:22px;
}
#minutes_earned h4 {
    margin:5px 0 0 0;
    padding:0 32px 0 0;
	text-align:right;

    color:#434343;
    font-size:14px;
    line-height:18px;
}

#minutes_earned h4 strong {
    color:#D5B03F;
    font-size:18px;
}


#invitations_sent {
    float:left;
    clear:both;
    display:inline;
    margin-left:17px;

    width:700px;
}

#invitations_sent h3 {
    display:block;
    width:700px;
    height:77px;
    background: url(css_images/invitations_sent.gif) 0 0 no-repeat;
    text-indent:-3333px;
}

#invites {
    border-collapse:collapse;
    width:700px;
    margin-bottom:15px;
    background:#ECE7E5;
}

#invites tr td {
    padding:8px 26px;
    border:1px #fff solid;
    vertical-align:top;

    font-size:12px;
    line-height:16px;
    color:#362F2D;
}


#invites tr.top td {
    background:#B44414;

    color:#fff;
    text-transform:uppercase;
    text-align:center;
    vertical-align:middle;
}

#invites tr.top td.top_left {
    background:#B44414 url(css_images/invites_tl.gif) 0 0 no-repeat;
}

#invites tr.top td.top_right {
    background:#B44414 url(css_images/invites_tr.gif) 100% 0 no-repeat;
}



p.terms_conditions {

    display:block;
    clear:both;
    padding:30px 20px 10px 17px;
    font-size:10px;
}


/*----REFER LANDING PAGE ADDITIONS ---*/

#refer_friend_landing h2 {
    clear:both;
    width:978px;
    height:119px;
    background: url(css_images/refer_landing_header_march09.jpg) 0 0 no-repeat;

    text-indent:-3333px;
}

#refer_friend_landing h2.promo {
    background: url(css_images/refer_landing_header_promo.jpg) 0 0 no-repeat;
}


#refer_landing_body {
    width:978px;
    height:311px;
    background: url(css_images/refer_landing_right.jpg) right 0 no-repeat;
}
#refer_landing_body.promo {
  width:978px;
  height:311px;
  background: url(css_images/having_fun_promo.jpg) right 0 no-repeat;
}


p#simple_explanation {
    margin-left:80px;
    width:555px;
    height:167px;
    background: url(css_images/simple_explanation.gif) 0 0 no-repeat;

    text-indent:-3333px;
}

p#simple_explanation.promo {
    height:190px;
    background: url(css_images/simple_explanation_promo.gif) 0 0 no-repeat;
}


ul#landing_points {
    list-style-type:none;
    margin-top:37px;
    margin-left:112px;
    width:395px;

    color:#1D1700;
    font-size:12px;
    line-height:18px;
}

ul#landing_points li {
    margin:0 0 15px 0;
    padding:0 0 0 23px;
    background:url(css_images/yellow_bullet.gif) 0 3px no-repeat;
}

h3#refer_landing_subheader {
    width:978px;
    height:79px;
    background: url(css_images/refer_landing_subheader.gif) 0 0 no-repeat;

    text-indent:-3333px;
}

#register_offer, #refer_start {
    float:left;
    display:inline;

    color:#1D1700;
    font-size:12px;
    text-align:center;
}

#register_offer A, #refer_start A {
    margin:8px auto;
}

#register_offer {
    margin-left:220px;
    width:220px;
}

#refer_start {
    margin-left:130px;
    width:240px;
}


A.new_sign_up_button {
    display:block;
    width:153px;
    height:19px;
    background: url(css_images/new_sign_up_button.gif) 0 0 no-repeat;

    text-indent:-3333px;
}

A.new_sign_up_button:hover {
  background: url(css_images/new_sign_up_button_hover.gif) 0 0 no-repeat;
}