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

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

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

.AccountLeftNav
{
    margin-bottom:20px;
}

.AccountLeftNav .MainTitle
{
    background-image:url(/layout_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(/layout_images/account/left_icon.jpg);
    background-repeat:no-repeat;
    background-position: left center;
    text-indent:10px;
}

.AccountLeftNav .Body
{
    background-image:url(/layout_images/leftnav_tab_center.png);
    background-repeat:repeat-y;
    padding:10px;
}
.AccountLeftNav .Bottom
{
    background-image:url(/layout_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;
}

/************* 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;
}

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

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

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

#divPageArea .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;
}
#divPageArea .Block .item
{
    margin-top:20px;
}

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

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



/************* forgot password **********************/
.MyAccount .Title
{
text-decoration:underline;
}

.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(/layout_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;
    margin-bottom:10px;
    margin-top:5px;    
}
#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:35px;
    }
    
    #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
{
    background-image:url(/layout_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
{
   background-image:url(/layout_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
{
    background-image:url(/layout_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(/layout_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(/layout_images/tab_whitebg_center.gif);
    background-repeat:repeat-y;
    width:759px;
    display:table;
}


#divMyDownload .tab_form_bottom
{
    background-image:url(/layout_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(/layout_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(/layout_images/tab_whitebg_center.gif);
    background-repeat:repeat-y;
    width:759px;
    display:table;
}


#OrderHistory #divCreditHistory .tab_form_bottom
{
    background-image:url(/layout_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
{
    height:10px;
    width:760px;
    line-height:1px;
    font-size:1px;
    background-image:url(/layout_images/account/bg_title.gif);
}

#AfTopUpMain .AFTopUp_bottom,#AFHistory .AFTopUp_bottom
{
    height:10px;
    width:760px;
    line-height:1px;
    font-size:1px;
    background-image:url(/layout_images/account/bg_title.gif); 
    background-position:bottom;
}
#AfTopUpMain .AFTopUp_center,#AFHistory .AFTopUp_center
{
    background-image:url(/layout_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
{   
    background-image:url(/layout_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
{
    background-image:url(/layout_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
{
    background-image:url(/layout_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
{
    color:#FFFFFF;
}


#AfTopUpMain .tab_form_middle table
{
    
}

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

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


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



/********************* Error Info  ******************************/
.ErrorInfo
{
    background-image:url(/layout_images/icon_exclaim.gif);
    background-position:left center;
    background-repeat:no-repeat;
    text-align:left;
    padding-left:30px;
    color:#CC0200;
}

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

.WhiteFrameTop740
{
    background-image:url(/layout_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(/layout_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(/layout_images/account/tab_blue_bg.gif);
    height:27px;            
    line-height:28px;
    width:740px
}