#component-menu-tab_menu {
    height: 57px;
    font-family: Arial;
    overflow: hidden;
}

#component-menu-tab_menu ul li {
    float: left;
    height: 57px;
    display: block;
}

#component-menu-tab_menu ul li span {
    line-height: 23px;
    display: block;
}

#component-menu-tab_menu ul li span img {
    margin-right: 8px;
    vertical-align: middle;
}

#component-menu-tab_menu ul li .bg {
    background: transparent url('/resource/images/myaccount/interface_tab_bg.png') left bottom repeat-x;
}

#component-menu-tab_menu ul li .border-left {
    float: left;
    height: 39px;
    width: 5px;
    background: transparent url('/resource/images/myaccount/interface_tab_left.png') left top repeat-x;
    margin-top: 13px;
}

#component-menu-tab_menu ul li .border-right {
    float: left;
    height: 39px;
    width: 5px;
    background: transparent url('/resource/images/myaccount/interface_tab_right.png') left top no-repeat;
    margin-top: 13px;
}

#component-menu-tab_menu ul li a {
    text-decoration: none !important;
    color: #464646;
    display: block;
    padding: 7px 10px 0;
    float: left;
    background: transparent url('/resource/images/myaccount/interface_tab_bg.png') left top repeat-x;
    height: 32px;
    font-size: 14px;
    font-weight: normal !important;
    margin-top: 13px;
    text-shadow: 1px 1px 1px #fff;
}

#component-menu-tab_menu ul li.last .border-right {
    height: 39px;
    width: 9px;
    background: transparent url('/resource/images/myaccount/interface_tab_right_end.png') left top no-repeat;
    margin-top: 13px;
}

#component-menu-tab_menu ul li.first .border-left {
    height: 44px;
    width: 9px;
    background: transparent url('/resource/images/myaccount/interface_firsttab_left.png') left top no-repeat;
    margin-top: 8px;
}

#component-menu-tab_menu ul li.active.first .border-left { width: 5px; }

#component-menu-tab_menu ul li.first .border-right {
    height: 44px;
    width: 5px;
    background: transparent url('/resource/images/myaccount/interface_firsttab_right.png') left top no-repeat;
    margin-top: 8px;
}

#component-menu-tab_menu ul li.first a {
    background: transparent url('/resource/images/myaccount/interface_firsttab_bg.png') left top repeat-x;
    margin-top: 8px;
    height: 35px;
    font-size: 21px;
    padding-top: 9px;
}

#component-menu-tab_menu ul li.active a {
    padding: 20px 14px 0;
    margin-top: 0;
    height: 37px;
    background: transparent url('/resource/images/myaccount/interface_tabactive_bg.png') left bottom repeat-x;
    text-shadow: none;
}

#component-menu-tab_menu ul li.active .border-left {
    padding-top: 0;
    margin-top: 0;
    height: 57px;
    background: transparent url('/resource/images/myaccount/interface_tabactive_left.png') left bottom no-repeat;
}

#component-menu-tab_menu ul li.active .big {
    background: transparent url('/resource/images/myaccount/interface_tabactive_left_big.png') left bottom no-repeat;
}

#component-menu-tab_menu ul li.active .border-right {
    margin-top: 0;
    height: 57px;
    background: transparent url('/resource/images/myaccount/interface_tabactive_right.png') left bottom no-repeat;
}

#component-menu-tab_menu ul li.active.first .border-left {
    background: transparent url('/resource/images/myaccount/interface_tabactive_left_end.png') left bottom no-repeat;
}

#component-menu-tab_menu ul li.active.last .border-right {
    background: transparent url('/resource/images/myaccount/interface_tabactive_right_end.png') left bottom no-repeat;
}

#component-menu-tab_menu .main-tabs { float: left; }

/* reseller tab */
#component-menu-tab_menu .reseller-tab { float: right; }
#component-menu-tab_menu .reseller-tab ul li { float: right; }
#component-menu-tab_menu ul li.first.last a { font-size: 14px; }
#component-menu-tab_menu ul li.first.last.inactive .border-right { width: 9px; background: transparent url('/resource/images/myaccount/interface_firsttab_right_end.png') left top no-repeat; }
#component-menu-tab_menu ul li.first.last.inactive a span { margin-top: 3px; height: 100% !important; font-family: 'Arial' !important;}


/*  new styles myaccount 2.1 */

#main-ui .header, #main-ui .body { width: 826px; }
#main-ui .header { margin-top: 27px; }
/*#main-ui .header .left-pad { background: transparent url('/resource/images/myaccount2/tab_left_bg.gif') left bottom no-repeat; height: 54px; width: 3px; float: left; }
#main-ui .header .right-pad { background: transparent url('/resource/images/myaccount2/tab_right_bg.gif') left bottom no-repeat; height: 54px; width: 3px; float: left; }
*/
#main-ui .header .body { background: transparent url('/resource/images/myaccount2/tab_bg.gif') 0 2px repeat-x; height: 54px; /*width: 820px;*/ float: left; }

/*#main-ui .body .left-pad { background: transparent url('/resource/images/myaccount2/main_left_bg.gif') left bottom no-repeat; height: 182px; width: 3px; float: left; }
#main-ui .body .right-pad { background: transparent url('/resource/images/myaccount2/main_right_bg.gif') left bottom no-repeat; height: 182px; width: 3px; float: left; }
*/
#main-ui .body .body { /*width: 792px;*/ float: left; padding: 14px 1px; min-height: 200px; }

#main-ui .main-tabs { padding-left: 1px; padding-top: 1px; }
#main-ui .main-tabs li .border-left,
#main-ui .main-tabs li .border-right,
#main-ui .main-tabs li div {
    width: 5px !important; height: 38px !important; margin-top: 6px !important; background: transparent url('/resource/images/myaccount2/tab_item_bg.gif') left bottom repeat-x !important; float: left;
}

#main-ui .main-tabs li { margin-right: 1px; }
#main-ui .main-tabs li a { background: transparent url('/resource/images/myaccount2/tab_item_bg.gif') left bottom repeat-x !important; margin-top: 6px !important; height: 38px !important; padding: 0px !important; }
#main-ui .main-tabs li,
#main-ui .main-tabs li.first a { font-size: 14px !important; }
#main-ui .main-tabs li a span { text-align: right; padding-right: 4px; padding-top: 12px; line-height: 1.1em !important; height: 25px; }

#main-ui .main-tabs li.active { margin-right: 0; margin-left: -1px; }
#main-ui .main-tabs li.active .border-left { background: transparent url('/resource/images/myaccount2/tab_item_border_bg.gif') left bottom no-repeat !important; margin-top: 0 !important; height: 50px !important; width: 1px !important; }
#main-ui .main-tabs li.active.first .border-left { background: transparent url('/resource/images/myaccount2/tab_item_border_bg.gif') left bottom no-repeat !important; margin-top:  0 !important; height: 50px !important; width: 1px !important; }
#main-ui .main-tabs li.active .border-right { background: transparent url('/resource/images/myaccount2/tab_item_border_bg.gif') left bottom no-repeat !important; margin-top:  0 !important; height: 50px !important; width: 1px !important; }
#main-ui .main-tabs li.active.last .border-right { background: transparent url('/resource/images/myaccount2/tab_item_border_bg.gif') left bottom no-repeat !important; margin-top:  0 !important; height: 50px !important; }
#main-ui .main-tabs li.active a { background: transparent url('/resource/images/myaccount2/tab_item_active_bg.gif') left top repeat-x !important; display: block; height: 50px !important; margin-top:  0 !important; font-size: 18px !important; padding: 0 8px !important; }
#main-ui .main-tabs li.active a span { padding-top: 15px; }

#main-ui .main-tabs #menu_buy_credit2 a span { background: transparent url('/public/assets/images/cart_logo.png') 6px 9px no-repeat; padding-left: 38px; cursor: pointer; }
#main-ui .main-tabs #menu_buy_credit2.active a span { background-position: 6px 15px; }
#main-ui .main-tabs #menu_using_site a span { background: transparent url('/public/assets/images/web_call_sms_logo.png') 6px 9px no-repeat; padding-left: 30px; cursor: pointer; }
#main-ui .main-tabs #menu_using_site.active a span { background-position: 6px 15px; }
#main-ui .main-tabs #menu_your_history a span { background: transparent url('/public/assets/images/file_logo.png') 6px 9px no-repeat; padding-left: 35px; cursor: pointer; }
#main-ui .main-tabs #menu_your_history.active a span { background-position: 6px 15px; }
#main-ui .main-tabs #menu_your_settings a span { background: transparent url('/public/assets/images/settings_logo.png') 6px 9px no-repeat; padding-left: 34px; cursor: pointer; }
#main-ui .main-tabs #menu_your_settings.active a span { background-position: 6px 15px; }
#main-ui .main-tabs #menu_purchases a span { background: transparent url('/public/assets/images/file_logo.png') 6px 9px no-repeat; padding-left: 35px; cursor: pointer; }
#main-ui .main-tabs #menu_purchases.active a span { background-position: 6px 15px; }
#main-ui .main-tabs #menu_recent_calls a span { background: transparent url('/public/assets/images/call_details_logo.png') 6px 9px no-repeat; padding-left: 35px; cursor: pointer; }
#main-ui .main-tabs #menu_recent_calls.active a span { background-position: 6px 15px; }
#main-ui .main-tabs #menu_calls_list a span { background: transparent url('/public/assets/images/call_details_logo.png') 6px 9px no-repeat; padding-left: 35px; cursor: pointer; }
#main-ui .main-tabs #menu_calls_list.active a span { background-position: 6px 15px; }
/* reseller tab */
#main-ui .reseller-tab { float: right; margin-top: 1px; }
#main-ui .reseller-tab ul li { float: right; }
#main-ui ul li.first.last a { font-size: 14px; }
#main-ui .reseller-tab li { margin-right: 1px; }
#main-ui .reseller-tab li a { background: transparent url('/resource/images/myaccount2/tab_item_bg.gif') left bottom repeat-x !important; margin-top: 6px !important; height: 38px !important; padding: 0px !important; }
#main-ui .reseller-tab li,
#main-ui .reseller-tab li.first a { font-size: 14px !important; }
#main-ui .reseller-tab li a span { text-align: right; padding-right: 4px; padding-top: 12px; line-height: 1.1em !important; height: 25px; }

#main-ui .reseller-tab li .border-left,
#main-ui .reseller-tab li .border-right,
#main-ui .reseller-tab li div {
    width: 5px !important; height: 38px !important; margin-top: 6px !important; background: transparent url('/resource/images/myaccount2/tab_item_bg.gif') left bottom repeat-x !important; float: left;
}

#main-ui .reseller-tab li.active { margin-right: 0; margin-left: -1px; }
#main-ui .reseller-tab li.active .border-left { background: transparent url('/resource/images/myaccount2/tab_item_border_bg.gif') left bottom no-repeat !important; margin-top: 0 !important; height: 50px !important; width: 1px !important; }
#main-ui .reseller-tab li.active.first .border-left { background: transparent url('/resource/images/myaccount2/tab_item_border_bg.gif') left bottom no-repeat !important; margin-top:  0 !important; height: 50px !important; width: 1px !important; }
#main-ui .reseller-tab li.active .border-right { background: transparent url('/resource/images/myaccount2/tab_item_border_bg.gif') left bottom no-repeat !important; margin-top:  0 !important; height: 50px !important; width: 1px !important; }
#main-ui .reseller-tab li.active.last .border-right { background: transparent url('/resource/images/myaccount2/tab_item_border_bg.gif') left bottom no-repeat !important; margin-top:  0 !important; height: 50px !important; }
#main-ui .reseller-tab li.active a { background: transparent url('/resource/images/myaccount2/tab_item_active_bg.gif') left top repeat-x !important; display: block; height: 50px !important; margin-top:  0 !important; font-size: 18px !important; padding: 0 8px !important; }
#main-ui .reseller-tab li.active a span { padding-top: 15px; }
#main-ui .reseller-tab #menu_local_agents a span { background: transparent url('/public/assets/images/reseller_logo.png') 6px 7px no-repeat; padding-left: 30px; cursor: pointer; margin-top: 0; }
#main-ui .reseller-tab #menu_local_agents.active a span { background-position: 6px 12px; height: 100% !important;}
#main-ui .reseller-tab #menu_local_agents img {display: none; }