/************* My Account Master Page [begin] ****************/

.AccountLeftNav
{
    width:186px;
    float:left;
}

#AccountMain
{
    float:left;
    width:760px;        
    margin-left:5px;        
}

.AccountLeftNav
{
    margin-bottom:20px;
}

.AccountLeftNav .MainTitle
{
    background-image:url(/images/leftnav_tab_top.png);
    height:29px;
    line-height:29px;
    color:#FEFDFF;
    text-align:center;
    font-weight:bold;
    font-size:12px;
}

.AccountLeftNav .Section
{
    font-weight:bold;
    font-size:11px;
    color:#515572;
    background-image:url(/images/sml_arrow.gif);
    background-repeat:no-repeat;
    background-position: left center;
    text-indent:10px;
}

.AccountLeftNav .Body .Section a
{
    margin-left:12px;
    font-weight:normal;
    font-size:11px;    
    text-indent:0px;
    line-height:2;
}

.AccountLeftNav .Body
{
    background-image:url(/images/leftnav_tab_center.png);
    background-repeat:repeat-y;
    padding:10px;
}
.AccountLeftNav .Bottom
{
    background-image:url(/images/leftnav_tab_bottom.png);
    height:20px;
}

.AccountLeftNav .Body a
{    
    font-size:11px;
    color:#1783C3;
    text-decoration:none;
}
.AccountLeftNav .Body a:hover
{
    text-decoration: underline;
}

.AccountLeftNav .Body ul
{    
    clear:both;
    margin:0px;
    padding:0px;
    list-style:none;
    margin-bottom:10px;
}

.AccountLeftNav .Body ul li
{
    display:block;
    margin-left:10px;
    margin-top:5px;
    margin-bottom:5px;
}

.AccountLeftNav .SelectA a
{
   color:#666666; 
}

input.text
{
    border-right: #aabac7 1px solid;
    border-top: #aabac7 1px solid;
    border-left: #aabac7 1px solid;
    border-bottom: #aabac7 1px solid;
    padding:3px;
}

textarea.text
{
    border-right: #aabac7 1px solid;
    border-top: #aabac7 1px solid;
    border-left: #aabac7 1px solid;
    border-bottom: #aabac7 1px solid;
    padding:3px;
}

textarea.textActive
{
   border-right: #FF9900 1px dashed;
    border-top: #FF9900 1px dashed;
    border-left: #FF9900 1px dashed;
    border-bottom: #FF9900 1px dashed;
    background-color: #FFE7B8;
    padding:3px;
}

select.text
{
    border-right: #aabac7 1px solid;
    border-top: #aabac7 1px solid;
    border-left: #aabac7 1px solid;
    border-bottom: #aabac7 1px solid;
    padding:2px;
    margin-top:5px;
}

/************* Personal Info Page [end] ****************/



/************* My Account Page ************************/
span.line
{
    padding:3px;
}

input.ValidateFailed, select.ValidateFailed, span.ValidateFailed
{
    border-right: #FF9900 1px dashed;
    border-top: #FF9900 1px dashed;
    border-left: #FF9900 1px dashed;
    border-bottom: #FF9900 1px dashed;
    background-color: #FFE7B8;
}

#AccountMain .Title
{
    width:760px;
    height:44px;
    background-image:url(/images/account/bg_title.gif); 
    color:#495667;
    font-size:16px;
    font-weight:bold;
    line-height:44px;
    text-indent:15px;
    margin-bottom:20px;
}

#AccountMain .Block
{
    width:240px;    
    float:left;
}

#AccountMain .VSplitTop
{
    height:200px;
    width:1px;    
    float:left;
}
#AccountMain .VSplitMiddle
{
    height:200px;
    width:1px;    
    float:left;
}
#AccountMain .VSplitBottom
{
    height:200px;
    width:1px;
    float:left;
}
#AccountMain .HSplitLeft
{
    height:1px;
    width:365px;    
    float:left;
    line-height:1px;
    overflow:hidden;
}
#AccountMain .HSplitRight
{
    height:1px;
    width:365px;    
    float:left;
    line-height:1px;
    overflow:hidden;
}

#AccountMain .Block .Icon
{
    height:130px;
    width:80px;
    background-repeat:no-repeat;
    background-position:center top;
    float:left;
    margin-right:10px;
    margin-left:10px;
    margin-top:20px;
}
#AccountMain .Block .item
{
    margin-top:20px;
}

#AccountMain .Block .item h2
{
    color:#4E5571;
    font-size:14px;
    font-weight:normal;
    margin-bottom:10px;
}

#AccountMain .Block .item a
{
    font-size:11px;
    text-decoration:none;
}
#AccountMain .Block .item ul
{
    margin-left:115px;
}
#AccountMain .Block .item li
{    
    list-style-image: url(/images/sml_arrow.gif);
    padding-bottom:5px;
}
#AccountMain .Block .item a:hover
{
    text-decoration:underline;
}



/************* forgot password **********************/
.MyAccount
{

}

.MyAccount .Icon
{
    width:80px;
    height:500px;
    float:left;
}

.MyAccount h2
{
    font-size:14px;
    color:#4A5364;
}

.MyAccount .line
{
    height:1px;
    line-height:1px;
    overflow:hidden;
    background-color:#DBDCE0;
    margin-bottom:30px;
    margin-top:5px;
}

.MyAccount .main
{
    text-align:center;
}

#ForgotPass .button
{
    display:table;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
}

/******************  Change Password ***************************/
#ChangePass
{
}

#ChangePass table
{
    clear:both;
}

#ChangePass table .des
{
    width:200px;
    text-align:right;
}

#ChangePass table .field
{
    text-align:left;
    width:150px;
}

.PasswordStrengthDes
{
    font-size:9px; 
    width:100px;
}

#PasswordStrengthValue
{
    background-image:url(/images/PasswordStrength.gif); 
    background-repeat:no-repeat; 
    width:10px; 
    height:8px; 
    font-size:8px;
    margin:0px;
    padding:0px;
}

.PasswordStrengthLevel0
{
    background-position:0px 0px;
}
.PasswordStrengthLevel1
{
    background-position:0px -8px;
}
.PasswordStrengthLevel2
{
    background-position:0px -16px;
}
.PasswordStrengthLevel3
{
    background-position:0px -24px;
}
.PasswordStrengthLevel4
{
    background-position:0px -32px;
}

/******************  Update Profile ***************************/
#UpdateprofileMain ul,#ChangePassWordMain ul
{
    text-align:left;
    margin:0px;
    padding:0px;
    list-style:none;
}
#UpdateprofileMain ul li,#ChangePassWordMain ul li
{
    height:35px;
    line-height:35px;    
}

#UpdateprofileMain .desc,#ChangePassWordMain .desc
{
    float:left;
    width:250px;
    height:35px;
    text-align:right;
    line-height:30px;
}
    
#UpdateprofileMain .input,#ChangePassWordMain .input
{
    float:left;
    height:35px;
    text-align:left;
    line-height:35px;
    margin-left:5px;

    }
    
    #ChangePassWordMain .tip
    {
        float:left;
        line-height:35px;
        height:35px;
        margin-left:15px;
        
    }



    

/******************  Delivery Info -  Update Address ***************************/
#DeliveryInfo
{
}

#DeliveryInfo table
{
    text-align:left;
}

#DeliveryInfo table .des
{
    width:200px;
    text-align:right;
}

#DeliveryInfo table .field
{
    text-align:left;
    width:150px;
}

#DeliveryInfo table .input
{
    text-align:left;
    width:150px;
}


#formShippingAddress
{
    
}

#DeliveryInfo #formShippingAddress
{
    width:373px;
    margin-right:auto;
}

#DeliveryInfo #formEditAddressOptions
{
    margin-right:auto;
    margin-left:300px;
}


#DeliveryInfo #formSelectAddress
{
    width:300px;
    margin-left:auto;
    margin-right:auto;
}
#DeliveryInfo #formSelectAddressOptions
{
    width:300px;
    margin-left:auto;
    margin-right:auto;
}


/******************  AF History ***************************/
#AFHistory
{
}

#AFHistory .Icon
{
    height:100px;
}
#AFHistory .line
{
    height:1px;
    line-height:1px;
    overflow:hidden;
    background-color:#DBDCE0;
    margin-bottom:10px;
    margin-top:5px;
}

#AFHistory .main
{
    text-align:left;
}

#AFHistory .Summary
{
    text-align:left;
}
#AFHistory .Summary .Success
{
    color:#CC3333;
    font-size:14px;
    font-weight:bold;
}
#AFHistory .Summary .SuccessInfo
{
    color:#CC3333;
}

#AFHistory .Summary .SummaryText 
{
    margin-top:18px;
    height:100px;
    line-height:30px;    
    padding-left:80px;
}
#AFHistory .PageListSpanA a,.PageListSpanA a
{
    text-decoration:none
}

#AFHistory .Summary .des
{
    width:100px;
    text-align:right;
}

#AFHistory .Summary .field
{
    text-align:left;
    width:150px;
    font-weight:bold;    
}

#AFHistory .Summary .ButtonTopUp
{
    height:30px;
    line-height:30px;
    margin-left:15px;
}


#AFHistory .tab_form_top,#divReferralAccount .tab_form_top
{
    background-image:url(/images/account/tab_top_740.gif);
    width:740px;
    height:29px;
    line-height:29px;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    text-indent:10px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;   
    
}

#AFHistory .tab_form_middle,#divReferralAccount .tab_form_middle
{
   background-image:url(/images/account/tab_whitebg_center_740.gif);
    background-repeat:repeat-y;
    width:740px;
    display:table;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

#AFHistory .tab_form_bottom,#divReferralAccount .tab_form_bottom
{
    background-image:url(/images/account/tab_whitebg_bottom_740.gif);
    width:740px;
    height:10px;
    margin-bottom:10px;
    margin-left:auto;
    margin-right:auto;
}
#AFHistory .tab_form_top table,#AFHistory .tab_form_middle table
{
     text-align:center;
     margin-left:auto;
     margin-right:auto;
}

#AFHistory .tab_form_top table td,#divMyDownload .tab_form_top table td
{
    color:#FFFFFF;
}


#AFHistory .tab_form_middle table,#divMyDownload .tab_form_middle table
{
    
}

#AFHistory .tab_form_middle table tr,#divMyDownload .tab_form_middle table tr
{
    height:30px;
    line-height:30px;
}

/*******************************My Download*******************/

#divMyDownload .TableTitle
{
    font-weight:bold;
    border-bottom-style:dashed;
    border-bottom-width:1px;
    border-bottom-color:#CCCCCC;
    text-align:center;
}

#divMyDownload .tab_form_top
{
    background-image:url(/images/tab_top.gif);
    width:759px;
    height:29px;
    line-height:29px;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    text-indent:10px;
    
    
}
#divMyDownload .tab_form_top table a
{
    color:#FFFFFF;
    line-height:29px;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
}

#divMyDownload .tab_form_middle
{
    background-image:url(/images/tab_whitebg_center.gif);
    background-repeat:repeat-y;
    width:759px;
    display:table;
}


#divMyDownload .tab_form_bottom
{
    background-image:url(/images/tab_whitebg_bottom.gif);
    width:759px;
    height:10px;
    margin-bottom:10px;
}

/******************  Order History ***************************/
#OrderHistory
{
}

#OrderHistory .Icon
{
    height:90px;
}

#OrderHistory .main
{
    text-align:left;
}

#OrderHistory table.Summary
{
    text-align:left;
}

#OrderHistory table.Summary .des
{
    width:100px;
    text-align:right;
}

#OrderHistory table.Summary .field
{
    text-align:left;
    width:150px;
    font-weight:bold;
}

#OrderHistory #divCreditHistory .tab_form_top
{
    background-image:url(/images/tab_top.gif);
    width:759px;
    height:29px;
    line-height:29px;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    text-indent:10px;
}

#OrderHistory #divCreditHistory .tab_form_middle
{
    background-image:url(/images/tab_whitebg_center.gif);
    background-repeat:repeat-y;
    width:759px;
    display:table;
}


#OrderHistory #divCreditHistory .tab_form_bottom
{
    background-image:url(/images/tab_whitebg_bottom.gif);
    width:759px;
    height:10px;
    margin-bottom:10px;
}

#OrderHistory #divCreditHistory .tab_form_top table td
{
    color:#FFFFFF;
}


#OrderHistory #divCreditHistory .tab_form_middle table
{
    
}

#OrderHistory #divCreditHistory .tab_form_middle table tr
{
    height:30px;
    line-height:30px;
}

/***********************AF Top Up****************************************/
#AfTopUp .line
{
    height:1px;
    line-height:1px;
    overflow:hidden;
    background-color:#DBDCE0;
    margin-bottom:10px;
    margin-top:5px;
}

#AfTopUpMain .AFTopUp_top,#AFHistory .AFTopUp_top,#PaymentFormMain .AFTopUp_top
{
    height:10px;
    width:760px;
    line-height:1px;
    font-size:1px;
    background-image:url(/images/account/bg_title.gif);
}

#AfTopUpMain .AFTopUp_bottom,#AFHistory .AFTopUp_bottom,#PaymentFormMain .AFTopUp_bottom
{
    height:10px;
    width:760px;
    line-height:1px;
    font-size:1px;
    background-image:url(/images/account/bg_title.gif); 
    background-position:bottom;
}
#AfTopUpMain .AFTopUp_center,#AFHistory .AFTopUp_center,#PaymentFormMain .AFTopUp_center
{
    background-image:url(/images/account/bg_center.gif); 
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    position: relative;
}

#AfTopUpMain .AFTopUp_Mask
{
    position:absolute; 
    height:370px; 
    width:740px; 
    top:0px; 
    left:10px; 
    background-color:#FFFFFF; 
    -moz-opacity:0.4; 
    opacity:0.4; 
    filter:alpha(opacity=40);
}

#AfTopUpMain .tab_form_top,#PaymentFormMain .tab_form_top
{   
    background-image:url(/images/account/tab_top_740.gif);
    width:740px;
    height:29px;
    line-height:29px;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    text-indent:10px;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
}

#AfTopUpMain .tab_form_middle,#PaymentFormMain .tab_form_middle
{
    background-image:url(/images/account/tab_whitebg_center_740.gif);
    background-repeat:repeat-y;
    width:740px;
    display:table;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}


#AfTopUpMain .tab_form_bottom,#PaymentFormMain .tab_form_bottom
{
    background-image:url(/images/account/tab_whitebg_bottom_740.gif);
    width:740px;
    height:10px;
    margin-bottom:10px;
    margin-left:auto;
    margin-right:auto;
}

#AfTopUpMain .tab_form_top table td,#PaymentFormMain .tab_form_top table td
{
    color:#FFFFFF;
}


#AfTopUpMain .tab_form_middle table,#PaymentFormMain .tab_form_middle table
{
    
}

#AfTopUpMain .tab_form_middle table tr,#PaymentFormMain  .tab_form_middle table tr
{
    height:30px;
    line-height:30px;
}

#AfTopUpMain .CreditCard,#PaymentFormMain .CreditCard
{
    float:left; 
    width:360px; 
    height:265px;
    line-height:20px;
    text-align:center;    
}
#AfTopUpMain .CreditCard p,#PaymentFormMain .CreditCard p
{
    text-align:left;
    line-height:25px;
    margin-bottom:8px;
    margin-left:20px;
}
#AfTopUpMain .CreditCard table,#PaymentFormMain .CreditCard table
{
    border:0;
    margin:0;
    border-collapse:collapse;
    margin-left:20px;
}
#AfTopUpMain .CreditCard table td,#PaymentFormMain .CreditCard table td
{
    padding:0;
}


#AfTopUpMain .CreditCardSelect,#PaymentFormMain .CreditCardSelect
{
    float:left; 
    width:360px; 
    height:265px;
    line-height:20px;
    text-align:center;
}
#AfTopUpMain .CreditCardSelect p,#PaymentFormMain .CreditCardSelect p
{
    line-height:25px;
    text-align:left;
    margin-left:35px;
}
#AfTopUpMain .CreditCard table,#PaymentFormMain .CreditCard table
{
    
}
#AfTopUpMain .CreditCard table tr td,#PaymentFormMain  .CreditCard table tr td
{
    text-align:left;
}
#AfTopUpMain .BillingAddress,#PaymentFormMain  .BillingAddress
{
    float:left; width:360px; height:295px;
}
#AfTopUpMain .BillingAddressSelect,#PaymentFormMain .BillingAddressSelect
{
    float:left; width:360px; height:265px;
}
#AfTopUpMain .BillingAddressSelect p,#PaymentFormMain .BillingAddressSelect p
{
    line-height:25px;
    text-align:left;
    margin-left:35px;
}
#AfTopUpMain .BillingAddress ul,#PaymentFormMain .BillingAddress ul
{
    list-style:none;
    margin:0px;
    padding:0px;
    }
    #AfTopUpMain .BillingAddress ul li,#PaymentFormMain .BillingAddress ul li
{
    height:28px;
    line-height:28px;
}
#AfTopUpMain .BillingAddress ul li .des,#PaymentFormMain .BillingAddress ul li .des
{
     float:left;
     width:150px;
     text-align:right;
    }
    #AfTopUpMain .BillingAddress ul li .input,#PaymentFormMain .BillingAddress ul li .input
    {
        float:left;
        width:200px;
        text-align:left;
        
        }


/*********************  Order Detail Info  ****************************/
#OrderHistory
{
}

#OrderHistory #areaOrderDetailInfo table.summary
{
    
}

#OrderHistory #areaOrderDetailInfo table.summary.header
{
    background-image: url(/images/tab_top.gif);
    background-repeat: no-repeat;
    width: 759px;
}

#OrderHistory #areaOrderDetailInfo table.summary thead
{
    
}
#OrderHistory #areaOrderDetailInfo table.summary thead tr
{    
    height:29px;
    font-weight:bold;
    width: 759px;
}
#OrderHistory #areaOrderDetailInfo table.summary tr td
{
    color: #FFFFFF;
}
#OrderHistory #areaOrderDetailInfo table.summary tbody tr td
{
    font-size:12px;
    color: #676767;
}
#OrderHistory #areaOrderDetailInfo table.summary tr td.date
{
    text-indent:17px;
    width:105px;
}
#OrderHistory #areaOrderDetailInfo table.summary tr td.orderid
{
    width:164px;
}
#OrderHistory #areaOrderDetailInfo table.summary tr td.status
{
    width:115px;
}
#OrderHistory #areaOrderDetailInfo table.summary tr td.subtotal
{
    width:90px;
}
#OrderHistory #areaOrderDetailInfo table.summary tr td.shipping
{
    width:85px;
}
#OrderHistory #areaOrderDetailInfo table.summary tr td.total
{
    width:70px;
}
#OrderHistory #areaOrderDetailInfo table.summary tr td.paymentmode
{
    width:130px;
}

#OrderHistory #areaOrderDetailInfo table.summary.body
{
    background-image:url(/images/tab_whitebg_center.gif);
    background-repeat:repeat-y;
}
#OrderHistory #areaOrderDetailInfo table.summary tbody
{
    
}

#OrderHistory #areaOrderDetailInfo table.summary tfoot
{
    background-image:url(/images/tab_whitebg_bottom.gif);
    background-repeat:no-repeat;
    height:10px;
    line-height:10px;
    font-size:1px;
    overflow:hidden;
}

#OrderHistory #areaOrderDetailInfo table.summary tfoot tr td
{
    background-image:url(/images/tab_whitebg_bottom.gif);
    background-repeat:no-repeat;
    height:10px;
    line-height:10px;
    font-size:1px;
    overflow:hidden;
}

#OrderHistory #areaOrderDetailInfo div.dashLine
{
    height:1px;
    line-height:1px;
    overflow:hidden;
    border-top: #d9dada 1px dashed;
    
}

#OrderHistory #areaOrderDetailInfo table.summary tbody tr td
{
    padding-top:4px;
    font-size:11px;
    height:25px;    
}

#OrderHistory #areaOrderDetailInfo table.summary tbody td.row
{
    padding-left:17px;
}

#OrderHistory #areaOrderDetailInfo table.summary tbody td.GroupTitle
{
    color:#505050;
    font-size:11px;
    text-decoration:underline;
    font-weight:bold;
}

#OrderHistory #areaOrderDetailInfo table.summary tbody #divShippingAddressDes
{
    width:130px;
    height:100px;
    float:left;
    font-weight:bold;
    margin-left:17px;
    line-height:15px;
}
#OrderHistory #areaOrderDetailInfo table.summary tbody #divBillingAddressDes
{
    width:130px;
    height:100px;
    float:left;
    font-weight:bold;
    line-height:15px;
}
#OrderHistory #areaOrderDetailInfo table.summary tbody #divShippingAddress
{
    width:210px;
    height:100px;
    float:left;
    line-height:15px;
}
#OrderHistory #areaOrderDetailInfo table.summary tbody #divBillingAddress
{
    width:210px;
    height:100px;
    float:left;
    line-height:15px;
}

#OrderHistory #areaOrderDetailInfo table.summary tbody td.TotalSummary
{
}

#OrderHistory #areaOrderDetailInfo table.summary tbody td.TotalSummary table
{
    width:350px;
    float:right;
}
#OrderHistory #areaOrderDetailInfo table.summary tbody td.TotalSummary table thead
{
    background-image:none;
}
#OrderHistory #areaOrderDetailInfo table.summary tbody td.TotalSummary table tbody
{
    background-image:none;
}
#OrderHistory #areaOrderDetailInfo table.summary tbody td.TotalSummary table tfoot
{
    background-image:none;
}
#OrderHistory #areaOrderDetailInfo table.summary tbody td.TotalSummary table td
{
    height:25px;
    line-height:25px;
}
#OrderHistory #areaOrderDetailInfo table.summary tbody td.TotalSummary table td.des
{
    text-align:right;
    width:170px;
}
#OrderHistory #areaOrderDetailInfo table.summary tbody td.TotalSummary table td.value
{
    width:150px;
}


#OrderHistory #areaOrderDetailInfo table.summary tbody td.TotalSummary table td.des.Amount
{
    font-weight:bold;
    color:#000000;
}
#OrderHistory #areaOrderDetailInfo table.summary tbody td.TotalSummary table td.value.Amount
{
    font-weight:bold;
    color:#2B506D;
}
#OrderHistory #areaOrderDetailInfo table.summary tbody td.TotalSummary table td.value.payable
{
    font-weight:bold;
}


#OrderHistory #areaOrderDetailInfo table.summary tbody td.Items table
{
    margin-left:1px;
    margin-right:1px;
}

#OrderHistory #areaOrderDetailInfo table.summary tbody td.Items table thead
{
    background-image:url(/images/shoppingcart_tab_top2.gif);
    background-repeat:repeat-x;
    width:957px;
    height:29px;
}
#OrderHistory #areaOrderDetailInfo table.summary tbody td.Items table thead td.item,#OrderHistory #areaOrderDetailInfo table.summary tbody td.Items table thead td.unitPrice,#OrderHistory #areaOrderDetailInfo table.summary tbody td.Items table thead td.qty,#OrderHistory #areaOrderDetailInfo table.summary tbody td.Items table thead td.tax,#OrderHistory #areaOrderDetailInfo table.summary tbody td.Items table thead td.lineTotal
{
    background-image:url(/images/shoppingcart_tab_top2.gif);
    background-repeat:repeat-x;
}
#OrderHistory #areaOrderDetailInfo table.summary tbody td.Items table thead td.item
{
    text-indent:17px;
    width:210px;
    color:#FFFFFF;
    line-height:1;
}
#OrderHistory #areaOrderDetailInfo table.summary tbody td.Items table thead td.unitPrice
{
    width:100px;
    color:#FFFFFF;
}
#OrderHistory #areaOrderDetailInfo table.summary tbody td.Items table thead td.qty
{
    width:70px;
    color:#FFFFFF;
}
#OrderHistory #areaOrderDetailInfo table.summary tbody td.Items table thead td.tax
{
    width:100px;
    color:#FFFFFF;
}
#OrderHistory #areaOrderDetailInfo table.summary tbody td.Items table thead td.lineTotal
{
    width:157px;
    color:#FFFFFF;
}
#OrderHistory #areaOrderDetailInfo table.summary tbody td.Items table tbody
{
    background-image:none;
}



#OrderHistory #InvoiceInfo
{
}

#OrderHistory #InvoiceInfo table td
{
    color:#333333
}
#OrderHistory #InvoiceInfo table .space,
#OrderHistory #ShippingInfo table .space
{
    width:32px;
}
#OrderHistory #InvoiceInfo table .date
{
    width:145px;
}
#OrderHistory #InvoiceInfo table .invoiceNo
{
    width:180px;
}
#OrderHistory #InvoiceInfo table .status
{
    width:145px;
}
#OrderHistory #InvoiceInfo table .OtherInfo
{
    
}
#OrderHistory #InvoiceInfo table .invoiceDate
{
    width:145px;
}
#OrderHistory #ShippingInfo table .ShippingTrackingNumber
{
    width:242px;
}
#OrderHistory #ShippingInfo table .ProductName
{
    width:242px;
}
#OrderHistory #ShippingInfo table .SerialNumber
{
    width:243px;
}
#OrderHistory #InvoiceInfo table.head,
#OrderHistory #ShippingInfo table.head
{
    background-image:url(/images/tab_top.gif);
    background-repeat:no-repeat;
    width:759px;
    height:29px;
    line-height:29px;
    font-weight:bold;
}
#OrderHistory #InvoiceInfo table.body,
#OrderHistory #ShippingInfo table.body
{
    background-image:url(/images/tab_whitebg_center.gif);
    background-repeat:repeat-y;
    width:759px;
}
#OrderHistory #InvoiceInfo table.body td,
#OrderHistory #ShippingInfo table.body td
{
    height:25px;
    line-height:25px;
}
#OrderHistory #InvoiceInfo table.foot,
#OrderHistory #ShippingInfo table.foot
{
    background-image:url(/images/tab_whitebg_bottom.gif);
    background-repeat:no-repeat;
    font-size:1px;
    width:759px;
    height:10px;
    line-height:10px;
    overflow:hidden;
    margin-bottom:10px;
    
}

#OrderHistory #InvoiceInfo table.head td,
#OrderHistory #ShippingInfo table.head td
{
    color:#FFFFFF;
}


/******************* Referral Account   ******************************************/
#ReferralAccount
{
}

#ReferralAccount .line
{
    height:1px;
    line-height:1px;
    overflow:hidden;
    background-color:#DBDCE0;
    margin-bottom:10px;
    margin-top:5px;
}

#ReferralAccount .Icon
{
    height:90px;
}

#ReferralAccount .main
{
    text-align:left;
    
}

#ReferralAccount .main *
{
    color:#646464;
}

#ReferralAccount .main span
{
    width:80px;
    display:block;
    float:left;
    text-align:right;
    margin-right:10px;
}

#ReferralAccount .header
{
    background-image:url(/images/account/curve_bg_top.gif);
    background-repeat:no-repeat;
    height:10px;
    line-height:10px;
    font-size:10px;
    width:760px;
}
#ReferralAccount .headerLeft {float:left; background-image:url(/images/account/curve_bg_top.gif);background-repeat:no-repeat; width:100px;}
#ReferralAccount .headerRight {float:right; background-image:url(/images/account/curve_bg_top.gif);background-repeat:no-repeat; background-position:right; width:100px;}
#ReferralAccount .middle
{
    background-image:url(/images/account/curve_bg_center.gif);
    background-repeat:repeat-y;
    width:760px;   
    color:#ffffff;
    line-height:20px;
    height:80px;
}
#ReferralAccount .middleBlank 
{
    float:left; width:20px; height:80px;
}
#ReferralAccount .middleText{float:left;color:#ffffff;line-height:20px; width: 700px;}
#ReferralAccount .middleRight{float:right; height:80px; width:10px;background-image:url(/images/account/curve_bg_center.gif);background-position:right;}



#ReferralAccount .footer
{
    background-image:url(/images/account/curve_bg_bottom.gif);
    background-repeat:no-repeat;
    height:10px;
    line-height:10px;
    font-size:10px;
    width:760px;
}
#ReferralAccount .footerLeft {float:left;background-image:url(/images/account/curve_bg_bottom.gif);background-repeat:no-repeat; width:100px;}

#ReferralAccount .footerRight {float:right; background-image:url(/images/account/curve_bg_bottom.gif);background-repeat:no-repeat; background-position:right; width:100px;}


/******************* Referral Invite friend   ******************************************/
#ReferralInvite
{
}

#ReferralInvite .Icon
{
    height:90px;
}
#ReferralInvite .line
{
    height:1px;
    line-height:1px;
    overflow:hidden;
    background-color:#DBDCE0;
    margin-bottom:10px;
    margin-top:5px;
}

#ReferralInvite .main
{
    text-align:left;
    
}

#ReferralInvite .main *
{
    color:#646464;
}

#ReferralInvite .main span
{
    width:80px;
    display:block;
    float:left;
    text-align:right;
    margin-right:10px;
}

#ReferralInvite .body
{
    width:600px;
    line-height:20px;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
}

#ReferralInvite .body textarea
{
    width:600px;
    
}

#ReferralInvite .body .button
{
    margin-left:500px;
}


/******************* Referral Sales Report   ******************************************/
#SalesReport
{
}

#SalesReport .Icon
{
    height:90px;
}
#SalesReport .line
{
    height:1px;
    line-height:1px;
    overflow:hidden;
    background-color:#DBDCE0;
    margin-bottom:10px;
    margin-top:5px;
}

#SalesReport .main
{
    text-align:left;
    
}

#SalesReport .main *
{
    color:#646464;
}




#SalesReport table.Summary
{
    text-align:left;
}

#SalesReport table.Summary .des
{
    width:100px;
    text-align:right;
}

#SalesReport table.Summary .field
{
    text-align:left;
    width:150px;
    font-weight:bold;
}

#SalesReport .tab_form_top
{
    background-image:url(/images/tab_top.gif);
    width:759px;
    height:29px;
    display:table;
    line-height:29px;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    text-indent:10px;
}

#SalesReport .tab_form_middle
{
    background-image:url(/images/tab_whitebg_center.gif);
    background-repeat:repeat-y;
    width:759px;
    display:table;
}


#SalesReport .tab_form_bottom
{
    background-image:url(/images/tab_whitebg_bottom.gif);
    width:759px;
    height:10px;
}

#SalesReport .tab_form_top table td
{
    color:#FFFFFF;
}


#SalesReport .tab_form_middle table
{
    
}

#SalesReport .tab_form_middle table tr
{
    height:30px;
    line-height:30px;
}



/******************* Referral Payment History   ******************************************/
#ReferralPaymentHistory
{
}

#ReferralPaymentHistory .main
{
    text-align:left;
    
}



#ReferralPaymentHistory table.Summary
{
    text-align:left;
}

#ReferralPaymentHistory table.Summary .des
{
    width:100px;
    text-align:right;
}

#ReferralPaymentHistory table.Summary .field
{
    text-align:left;
    width:150px;
    font-weight:bold;
}

#ReferralPaymentHistory .tab_form_top
{
    background-image:url(/images/signin_tab_top.gif);
    width:463px;
    height:29px;
    line-height:29px;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    text-indent:10px;
}

#ReferralPaymentHistory .tab_form_middle
{
    background-image:url(/images/signin_tab_center.gif);
    background-repeat:repeat-y;
    width:463px;
    display:table;
}


#ReferralPaymentHistory .tab_form_bottom
{
    background-image:url(/images/signin_tab_bottom.gif);
    width:463px;
    font-size:10px;
    height:10px;
}

#ReferralPaymentHistory .tab_form_top table td
{
    color:#FFFFFF;
}


#ReferralPaymentHistory .tab_form_middle table
{
    
}

#ReferralPaymentHistory .tab_form_middle table tr
{
    height:30px;
    line-height:30px;
}



/********************* Error Info  ******************************/
.ErrorInfo,.ErrorDetail
{
    background-image:url(/images/icon_exclaim.gif);
    background-position:left center;
    background-repeat:no-repeat;
    text-align:left;
    padding-left:30px;
    color:#CC0200;
}
.TipInfo
{
    background-image:url(/images/icon_tip.gif);
    background-position:left center;
    background-repeat:no-repeat;
    text-align:left;
    padding-left:30px;
    color:#39A420;
}

/******************** PLAN UPGRADE ***************************/

.GrayFrame760
{
    background-image:url(/images/account/760grayframe_center.gif);
    padding-left:10px
}

.WhiteFrameTop740
{
    background-image:url(/images/account/tab_top_740.gif);
    height:28px;
    line-height:28px;
    width:740px;
}

.WhiteFrameTop740 div,.MiddleDivider div
{
    float:left;
    margin-left:10px;            
    color:white;
    font-weight:bold;
    font-size:11px;
}

.GrayFrameBody740 div 
{
    width:700px;
    float:left;
    margin-left:10px;            
    font-size:11px;
    text-align:right;
    overflow:auto;
}

.upgradelinks
{
    font-size:11px;
    text-decoration:none;
}

.upgradelinks:hover
{
    text-decoration:underline;
}

.WhiteFrameBody740
{
    background-image:url(/images/account/tab_whitebg_center_740.gif);
    width:740px;
    overflow:auto;
    padding-bottom:10px;
}

.GrayFrameBody740
{
    background-color:#f0f0f0;
    width:740px;
    overflow:auto;
    padding-top:5px;
    padding-bottom:5px;
}


.WhiteFrameBody740 div
{
    margin-top:10px;
    float:left;
    margin-left:10px;            
    font-size:11px;
}

.MiddleDivider 
{
    background-image:url(/images/account/tab_blue_bg.gif);
    height:27px;            
    line-height:28px;
    width:740px
}

#UpgradePlan #divPackagePlan .tab_form_middle table tr
{
    height:30px;
    line-height:30px;
   
}
#UpgradePlan #divPackagePlan .planTitle
{
    font-size:13px;
    font-weight:bold;
    text-align:center;
    margin-top:10px;
}
#UpgradePlan #divPackagePlan .planImg
{
	margin-top:10px;
    text-align:center;
}
#UpgradePlan #divPackagePlan #spPlan .planDesc
{
	margin-top:10px;
    text-align:left;
    margin-left:5px;
}
#UpgradePlan #divPackagePlan #divPlan .planDesc ul
{
    margin-left:5px;
    margin-right:15px;
}
#UpgradePlan #divPackagePlan .planOpt
{
	margin-top:10px;
    font-size:10px;
    text-align:center;
}

#UpgradePlan #divPackagePlan .ulOpt
{
    display:inline; 
}
#UpgradePlan #divPackagePlan .ulOpt li
{
	margin-right:1.5px;
	margin-top:5px;
	padding-left:3px;
	padding-right:3px;
    display:inline;
    float:left;
}
.tab_form_top
{
    background-image:url(/images/tab_top.gif);
    width:759px;
    height:29px;
    line-height:29px;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    text-indent:10px;
}

.tab_form_middle
{
    background-image:url(/images/tab_whitebg_center.gif);
    background-repeat:repeat-y;
    width:759px;
    display:table;
}

.tab_form_bottom
{
    background-image:url(/images/tab_whitebg_bottom.gif);
    width:759px;
    height:10px;
    margin-bottom:10px;
}

.tab_form_top table td
{
    color:#FFFFFF;
}
.tab_form_top ul
{
    margin-left:30px;
}
.tab_form_top ul li
{
    color:#FFFFFF;
    list-style: none outside;
    display: inline;
}
#divCartSummary .tab_form_middle ul
{
    margin-left:40px;
}
#divCartSummary .tab_form_middle ul li
{
    list-style: none outside;
    display: inline;
    position:absolute;
}