/*MAIN AREA*/

@media screen and (min-width: 1200px) {
    .page { width:   1140px; }
    .footer-container { width: 1140px; }
    #main-menu{width: 1140px; }
    #frm-tel-numbers.top_callme_block{ margin: 0 0 20px; }
    #forward{ margin: 20px 0px; }
    .right-sidebar { float: right; width: 220px; border: 1px solid #e8e8e8; padding: 15px 15px 5px;}
    #phones .budgetphonebtn{ margin: 20px 0 0 114px; }
    #header-wrapper .user-menu li{ display: inline; margin-left: 26px; }
    .sidebar-pbx .avatar{ max-width: 100px;}
        #frm-tel-numbers,#extras{ width: 785px; }

}
@media (min-width: 1200px){
    .span9 { width: 852px;}
    .c_calls .span9 { width: auto;}
}
@media screen and (max-width: 1200px) and (min-width: 960px) {
    .page { width:   960px; }
    #main-menu{width: 960px; }
    .footer-container { width: 960px; }
    .page ul{ margin-right: 16px; }
    .page ul li{ margin-left: 16px !important; }
    #links-footer{ margin-left: 16px; }
    #header-logo{ margin-left: 16px; }
    #header-wrapper .user-menu li{ display: inline; margin-left: 26px; }
    #main-menu h2{ margin-left: 16px !important; font-size: 14px !important; }
    ul#logged-menu li a{ font-size: 12px !important; }
/* settings */
    #frm-tel-numbers,#extras{ width: 785px; }
    .c_settings .btn-bp-link{ width: 355px !important;}

    .c_settings #layout-content { width: auto; margin-left: 74px; }
    .span9{ width: auto; }
/* callme */
    #frm-tel-numbers, #frm_setting_save, #frm-account-banking,#forward, #ringtime_form{ margin: 16px auto; }
    #frm_setting_save, #frm-account-banking,#forward, #ringtime_form{ width: 810px; }
/* directories */
    #ajax-container{ width: 820px; margin: auto;}
/* calls */
    #frm-settings-holder{ margin-left: 74px; }
/* calls statistic */
    .c_calls .statb{ width: 96.5%; }
    .c_calls .statb .graph h3{ font-size: 12px; }
/* invoices */
    .c_invoices #layout-content{ width: 810px; margin-left: 74px; }
/* pbx */
    #settings-container.pbx #ajax-container{ width: auto; margin: auto;}
    .right-sidebar{ float: left; width: 820px; margin-left: 74px; margin-top: 32px; padding: 0; }
    .right-sidebar #phones{ text-align: center; }
    .right-sidebar #phones li{ border-color: #CCC; float: left; padding: 4px; margin-left: 6px;  margin-bottom: 6px; }
    .right-sidebar #1layout { line-height: 18px; }
    .right-sidebar .statusimg_right_panel{ padding: 13px; }
    .right-sidebar span.bold_right_panel{     vertical-align: sub; }
    #phones .budgetphonebtn{ margin: 4px 0 0 108px; padding: 2.5px 13px; }
    .sidebar-pbx .avatar{ max-width: 90px; max-height: 90px; }
    .c_pbx #layout-content{ width: 852px; margin-left: 74px; }
}



@media screen and (max-width: 959px) {
    legend{ font-size: 26px !important; margin-right: 32px; }
    .QTPopupCntnr .btn-bp-link, .btn-bp-link_save, #listenMusicButton{ width: 150px !important; font-size: 13px; margin: 0 9px; }
    #linediv .statb{ width: 96.5% !important; }
}

@media screen and (max-width: 959px) and (min-width: 800px) {
    .page { width:   770px; }
    #main-menu{width: 770px; }
    .footer-container { width: 770px; }
    .page ul{ margin-right: 0; right: 0 !important; }
    #links-footer{ margin-left: 16px; }
    #header-logo{ margin-left: 16px; }
    #main-menu h2{ margin-left: 16px !important; font-size: 14px !important; }
    ul#logged-menu li{ margin-left: 1px !important; }
    ul#logged-menu li a{ font-size: 11px !important; }
    #header-wrapper .user-menu li{ margin-left: 0; font-size: 16px; }
    #header-wrapper .user-menu li a{ padding: 8px  !important; }
    .btn-bp-link, .btn-bp-link_save, #listenMusicButton{ width: 315px !important; }
    #frm-tel-numbers, #extras{ width: 712px; }

/* settings */
    .c_settings .span9{width: auto;}
    .c_settings #layout-content { width: auto; }
    .c_settings #save_bank {width: 278px; min-height: 623px; }
/* callme */
    #frm-tel-numbers, #frm_setting_save, #frm-account-banking,#forward, #ringtime_form{ margin: 8px auto; }
    .c_callme .span9{width: auto;}

    #frm-tel-numbers.top_callme_block { width: 710px !important; }
/* invoices */
    .c_invoices .span9{width: 760px;}

/* invoices */
    .c_directories .span8{ margin-left: 8px; width: 700px; }


/* calls statistic */
    .c_calls .span9{width: auto;}
    .c_calls .missedcalls21{clear: left;}

    .c_calls .statb{ width: 96.5%; }
    .c_calls .statb .graph h3{ font-size: 12px; }
/* pbx */
    #settings-container.pbx #ajax-container{ width: auto; margin: auto;}
    .right-sidebar{ float: left; width: 770px; margin-left: 4px; margin-top: 32px; padding: 0; }
    .right-sidebar #phones{ text-align: center; }
    .right-sidebar #phones li{ border-color: #CCC; float: left; padding: 4px; margin-left: 46px;  margin-bottom: 6px; }
    .right-sidebar #1layout { line-height: 18px; }
    .right-sidebar .statusimg_right_panel{ padding: 13px; }
    .right-sidebar span.bold_right_panel{     vertical-align: sub; }
    #phones .budgetphonebtn{ margin: 4px 0 0 108px; padding: 2.5px 13px; }
    .sidebar-pbx .avatar{ max-width: 90px; max-height: 90px; }
    .c_pbx #layout-content{ width: 770px; margin-left: 4px;}
    .c_pbx .steps{ width: 770px !important; }
    .c_pbx .row_card_info{ width: 770px !important; }
    .pbx-menu .non-active, .pbx-menu .currentmenu{ width: 171px !important; }
    .pbx-menu .currentmenu a, .pbx-menu .non-active a{ font-size: 12px !important; }
    .c_pbx .steps .pbx_steps{ width: 172px; text-transform: lowercase; }
    .c_pbx .telephone_number_pbx{ padding: 4px 8px; width: 127px; margin-left: 8px; }
    .c_pbx .num_messages{ width: 147px; font-size: 12px;}
    .c_pbx .pbx_name_status{ width: 160px;}
    .c_pbx .pbx_menu{ width: 145px;}
    .c_pbx .arrow_pbx_longest{ width: 445px;}
    .c_pbx .arrow_pnx_short{width: 43px !important;}
    .pbx-menu .currentmenu, .pbx-menu .non-active a{font-size: 13px !important;}
    .QTPopupCntnr{ left:200px !important; }

    .c_pbx .lunch_number.b_arrow:after{width: 245px !important; right: -245px !important;}
    .c_pbx .lunch_number+.empty{    margin-left: 425px !important; }
    .c_pbx .wm img{ margin-left: -4px !important; }
    .c_pbx div.num_messages.wm{ width: 154px !important; }
    .c_pbx div.num_messages.forward{ width: 117px !important; }
    .c_pbx .skip_wm{ margin-left: 423px; }
    
    .QTPopupCntnr{ left:100px !important; }

}
@media screen and (max-width: 799px){
    .c_calls .graph{ clear: both; float: none !important; }
    .c_calls .circle>div{     margin: 10px 0 80px 10px !important; width: 300px; }
    .c_calls .circle .manual { margin-bottom: 20px !important; }
    .statb.statbwide>div.circle{ margin: 0 0 40px !important; }
    .c_calls .circle .manual h3{ margin-left: 70px; }
    .c_calls .statb.statbwide>div{ margin-left: 4px; }
    .c_calls .statb>div{ width: auto !important; }
    .c_calls .statb .graph h3{ white-space: inherit !important; }
    .c_calls .statb .view{ margin-left: 28px; }
    .c_calls .statb .budgetphonebtn{ width: 80% !important; margin-left:4% !important; }
}
@media screen and (max-width: 799px) and (min-width: 600px) {
    .page { width:   582px; }
    #main-menu{ width: 582px; }
    #main-container{ width: 582px; }
    .footer-container { width: 582px; }
    .container .span9{ width: 582px; margin: 0; }
    #header-logo{ margin-left: 8px; }
    .container{ margin: 0 auto !important; }
    #header-wrapper .user-menu{ width: 300px; text-align: center; margin-top: -16px !important; }
    #header-wrapper .user-menu li{ line-height: 40px; }
    #main-menu ul{ right: 0px !important; margin: 1px 0px !important; }
    ul#logged-menu li{ margin-left: 2px !important; padding: 0px 1px !important; }
    ul#logged-menu li a{ font-size: 10px !important; }
    #main-menu h2{ margin-left: 8px !important; margin-top: -30px !important; font-size: 16px !important; }
    .offset3 { margin-left: 120px; }
    .table th, .table td{ padding: 4px !important; }
/* settings */
    .c_settings #save_acc,.c_settings #save_bank { width: 400px !important; margin-left: 80px !important; }
    .c_settings #save_bank { min-height:  auto !important; margin-bottom: 16px !important; }
    .c_settings #layout-content { width: auto;  }
    .c_settings #save_bank {width: 307px; min-height: 623px; }
    #frm-tel-numbers,#extras{ width: 564px !important; margin-left: 0px; }
    .btn-bp-link, .btn-bp-link_save, #listenMusicButton{ width: 193px !important; }
/* calls statistic */
    .c_calls .missedcalls21{clear: left;}
    .c_calls .statb{ width: 96.5%; }
    .c_calls .statb .graph h3{ font-size: 12px; }
/* directories */
    #shortcode span, #shortcode-info span, #mobile_cost_header td { padding: 7.5px 5px !important; width: 18%  !important; }
    .c_directories .span8{ width: 544px;  }
/* seemynumber */
    .c_seemynumber .offset2{ margin-left: 74px; }
/* callme */
    .c_callme fieldset legend .budgetphoneright{ position: absolute; right: 23px; margin-top: -17px; }
    .c_callme .control-group{ margin-left: 0 !important;  }
    .c_callme .control-group label.control-label, .c_callme .control-group >label{ width: 161px; }
/* invoices */
    .form-wrapper{ padding: 8px !important; }
/* pbx */
    #settings-container.pbx #ajax-container{ width: auto; margin: auto;}
    .right-sidebar{ float: left; width: 570px; margin-left: 4px; margin-top: 32px; padding: 0; }
    .right-sidebar #phones{ text-align: center; }
    .right-sidebar #phones li{ border-color: #CCC; float: left; padding: 4px; margin-left: 46px;  margin-bottom: 6px; }
    .right-sidebar #1layout { line-height: 18px; }
    .right-sidebar .statusimg_right_panel{ padding: 13px; }
    .right-sidebar span.bold_right_panel{     vertical-align: sub; }
    #phones .budgetphonebtn{ margin: 4px 0 0 108px; padding: 2.5px 13px; }
    .sidebar-pbx .avatar{ max-width: 90px; max-height: 90px; }
    .c_pbx #layout-content{ width: 570px; margin-left: 4px;}
    .c_pbx .steps{ width: 570px !important; }
    .c_pbx .row_card_info{ width: 570px !important; }
    .pbx-menu .non-active, .pbx-menu .currentmenu{ width: 121px !important; height: 18px; line-height: 18px; }
    .pbx-menu .currentmenu a, .pbx-menu .non-active a{ font-size: 10px !important; }
    .c_pbx .steps .pbx_steps{ width: 122px; font-size: 14px; }
    .c_pbx .telephone_number_pbx{ padding: 4px 8px; width: 94px; margin-left: 4px; border-radius: 4px; }
    .c_pbx .num_messages{ width: 125px; text-align: center; font-size: 12px; line-height: 7px; height: 17px;}
    .c_pbx .pbx_menu{ width: 115px;}
    .c_pbx .arrow_pbx_longest{ width: 288px;}
    .c_pbx .pbx-menu{ height: 45px !important; }
    .c_pbx .img-cont img{width: 167px;}
    .c_pbx .telephone_number_pbx a{font-size: 13px !important;}
    .c_pbx .telephone_number_pbx img{display: none;}
    .c_pbx .arrow_pbx_mes, .c_pbx .arrow_pnx_short{width: 8px !important;}
    .c_pbx .arrow_pbx_middle{width: 137px !important;}
    .c_pbx .pbx_menu .small_menu_cell{padding: 0 4px; font-size: 12px;}
    .c_pbx .pbx_name_user, .pbx_menu .small_menu_header{font-size: 13px !important;}
    .QTPopupCntnr{ left:20px !important; }
.pbx-menu .currentmenu, .pbx-menu .non-active a { font-size: 13px !important; }

    .c_pbx .row_card_info .lunch_number{ background-image: none !important; margin: 0 0 0 4px; padding: 4px 8px; width: 94px; border-radius:4px;  font-size: 13px !important; }
    .c_pbx .lunch_number.b_arrow:after{ width: 215px; right: -215px; }
    .c_pbx .lunch_number.s_arrow:after{ width: 15px; right: -15px; }
    .c_pbx div.num_messages.forward{width: 80px; }
    .c_pbx div.num_messages.forward:after{width: 15px; right: -15px; }
    .c_pbx div.num_messages.direction{width: 131px;     margin-left: 16px; }
    .c_pbx .skip_wm{ margin-left: 330px; }
    .c_pbx .lunch_number+.wm{ margin-left: 132px !important; width: 160px; }
    .c_pbx .lunch_number+.empty{ margin-left: 330px !important; }    


    
}

@media only screen and (min-width: 600px) {
    #menuButton{display: none;}
}
@media only screen and (max-width: 599px) {
    form{ margin: 0 !important;  }
    .form-wrapper{ border-width: 1px 0 !important; }
    .main-header{ padding: 20px 0 15px !important; }

    .page { width:   100%; }
    #main-menu{ width: 100%; }
    #main-menu h2{ margin-left: 8px !important; margin-top: -30px !important; font-size: 16px !important; }
    #main-menu ul{ right: 0px !important; margin: 1px 0px !important; display: none; }
    #main-menu #logged-menu{  width: 100%; background:#FFF; }
    #main-menu #logged-menu li{ display: block; clear: both; border-bottom: 1px #ccc solid; width: 100%;}
    ul#logged-menu li{ margin: 0 !important; padding: 0px !important; }
    ul#logged-menu li a{ font-size: 22px !important; padding: 4px 32px; }
    ul#logged-menu li img::after{ content: "logout"; }
    #menuButton{ width: 28px; height: 21px; position: absolute;margin-top:-48px; right: 38px; border: none; background-color: #FFF; font-weight: bold; color: red; font-size: 18px; }
    #menuButton.showmenu{ background: url('img/menu.png') no-repeat; }

    #main-container{ width: 100%; }
    .footer-container { width: 100%; }
    .container .span9{ width: 100%; margin: 0; }
    #header-logo{ margin-left: 8px; }
    .container{ margin: 0 auto !important; }
    #header-wrapper .user-menu{ width: 100%; position: absolute; top:-10px; padding: 0; margin: 0; font-size: 12px !important; }
    #header-wrapper .user-menu li{ line-height: 40px; }
    .offset3 { margin-left: 120px; }

    legend { font-size: 22px !important;}
/* settings */
    .form-wrapper{ padding: 1% !important; }
    .c_settings #save_acc,.c_settings #save_bank { width: 98% !important; }
    .c_settings #save_bank { min-height:  auto !important; margin-bottom: 16px !important; margin-left: 0 !important; }
    .c_settings #layout-content { width: auto;  }
    .c_settings #save_bank {width: 307px; min-height: 623px; }
    #frm-tel-numbers,#extras{ width: 100% !important; }
    .btn-bp-link, .btn-bp-link_save, #listenMusicButton{ font-size: 12px !important; width: 193px !important; margin-bottom: 8px; clear: both;}
    .c_settings .topup-btn{width: 50px !important; padding: 7.5px 8px !important; font-size: 12px;} 
    .c_settings .span-change-button{ width: 50px; padding:0; font-size: 12px; }
    .c_settings .span-change-button .change-btn{ padding: 7.5px !important; font-size: 12px !important; }
    .c_settings span{ margin-left: 0 !important; }
/* calls statistic */
    .c_calls .missedcalls21{clear: left;}
    .c_calls .statb{ width: 96.5%; }
    .c_calls .statb .graph h3{ font-size: 12px; }
/* directories */
    #shortcode span, #shortcode-info span, #mobile_cost_header td { padding: 7.5px 5px !important; width: 18%  !important; }
    .c_directories .span8{ width: 98%; margin-left: 0; padding: 1%; }
/* seemynumber */
    .c_seemynumber .offset2{ margin-left: 74px; }
/* callme */
    .c_callme /*fieldset legend*/ .budgetphoneright{ position: absolute; right: 23px; margin-top: -17px; }
    .c_callme .control-group{ margin-left: 0 !important;  }
    .c_callme .control-group label.control-label, .c_callme .control-group >label{ width: 161px; }
/* invoices */
/* pbx */
    #settings-container.pbx #ajax-container{ width: auto; margin: auto;}
    .right-sidebar{ float: left; width: 570px; margin-left: 4px; margin-top: 32px; padding: 0; }
    .right-sidebar #phones{ text-align: center; }
    .right-sidebar #phones li{ border-color: #CCC; float: left; padding: 4px; margin-left: 46px;  margin-bottom: 6px; }
    .right-sidebar #1layout { line-height: 18px; }
    .right-sidebar .statusimg_right_panel{ padding: 13px; }
    .right-sidebar span.bold_right_panel{     vertical-align: sub; }
    #phones .budgetphonebtn{ margin: 4px 0 0 108px; padding: 2.5px 13px; }
    .sidebar-pbx .avatar{ max-width: 90px; max-height: 90px; }
    .c_pbx #layout-content{ width: 570px; margin-left: 4px;}
    .c_pbx .steps{ width: 570px !important; }
    .c_pbx .row_card_info{ width: 570px !important; }
    .pbx-menu .non-active, .pbx-menu .currentmenu{ width: 121px !important; height: 18px; line-height: 18px; }
    .pbx-menu .currentmenu a, .pbx-menu .non-active a{ font-size: 10px !important; }

.pbx-menu .currentmenu, .pbx-menu .non-active a { font-size: 13px !important; }
    .c_pbx .steps .pbx_steps{ width: 122px; font-size: 14px; }
    .c_pbx .telephone_number_pbx{ padding: 4px 8px; width: 94px; margin-left: 4px; border-radius: 4px; }
    .c_pbx .num_messages{ width: 125px; text-align: center; font-size: 12px; line-height: 7px; height: 17px;}
    .c_pbx .pbx_name_status{ width: 156px;}
    .c_pbx .pbx_menu{ width: 115px;}
    .c_pbx .arrow_pbx_longest{ width: 288px;}
    .c_pbx .pbx-menu{ height: 45px !important; }
    .c_pbx .img-cont img{width: 167px;}
    .c_pbx .telephone_number_pbx a{font-size: 13px !important;}
    .c_pbx .telephone_number_pbx img{display: none;}
    .c_pbx .arrow_pbx_mes, .c_pbx .arrow_pnx_short{width: 8px !important;}
    .c_pbx .arrow_pbx_middle{width: 137px !important;}
    .c_pbx .pbx_menu .small_menu_cell{padding: 0 4px; font-size: 12px;}
    .c_pbx .pbx_name_user, .pbx_menu .small_menu_header{font-size: 13px !important;}

    .c_pbx .row_card_info .lunch_number{ background-image: none !important; margin: 0 0 0 4px; padding: 4px 8px; width: 94px; border-radius:4px;  font-size: 13px !important; }
    .c_pbx .lunch_number.b_arrow:after{ width: 215px; right: -215px; }
    .c_pbx .lunch_number.s_arrow:after{ width: 15px; right: -15px; }
    .c_pbx div.num_messages.forward{width: 80px; }
    .c_pbx div.num_messages.forward:after{width: 15px; right: -15px; }
    .c_pbx div.num_messages.direction{width: 131px;     margin-left: 16px; }
    .c_pbx .skip_wm{ margin-left: 330px; }
    .c_pbx .lunch_number+.wm{ margin-left: 132px !important; width: 160px; }
    .c_pbx .lunch_number+.wm+.wm{ margin-left: 132px !important; width: 160px; }
    .c_pbx .lunch_number+.empty{ margin-left: 330px !important; }

    .QTPopupCntnr{ left:20px !important; }
    .c_changesubscr legend{ white-space: nowrap; margin-top: 50px; }
    .c_changesubscr #number-select{ position: absolute; right: 0; z-index: 2; }
    .c_changesubscr #number-select+span{ position: absolute; right: 0; }
    .c_changesubscr .budgetphonebtn.submit.no-shadow{ left: 245px; }

    #frm-settings-holder{ min-width: auto !important; }
}

@media only screen and (min-width: 376px) {
    /*.wide{ display: block !important; }*/
    .slim{ display: none !important; }
}

@media only screen and (max-width: 375px) {
    *{box-shadow: none !important; }
    #main-container { min-height: 412px !important; overflow: hidden; }
    .c_settings #layout-content{ max-width: 360px; }
    .form-wrapper{ border-width: 1px 0 1px 0 !important; }
    #footer-wrapper #links-footer{ display: none; }
    #footer .disclaimer{ margin-left: 8px !important; }
    #contact .miniinput, .control-group .miniinput.fm{ width: 336px !important; }
    .table th, .table td{ padding: 4px; font-size: 12px; }

    legend{ font-size: 19px !important; }

    /* settings */
    .c_settings .extra-button-link span{ display: block; margin-left: 20px; }
    .btn-bp-link, .btn-bp-link_save, #listenMusicButton{ font-size: 16px !important; width: 330px !important; }
    .c_settings .width100{ width: 90%; }
    .c_settings #save_acc .control-group .miniinput{ width: 220px !important; }
    .c_settings .control-group div{ float: none !important; width: auto !important; margin: 0  !important; }

    .c_calls .statb{ margin-left: 0 !important; width: 100%; border-width: 1px 0 !important; }    

    .c_callme fieldset legend .budgetphoneright{ right: 8px; }    
    .c_callme .right_checkbox { width: 191px;}    
    .c_callme .control-group label.control-label, .c_callme .control-group >label { font-size: 11px !important;  width: 125px;  }
    .c_callme .left_label { width: 118px;  }
    .c_callme #frm-forvarding-save button { width: 114px;  }
    .c_callme #frm-tel-numbers th { font-size: 11px; }
    .c_callme .table tbody td{ font-size: 10px; }
    .c_callme #frm-account-banking{ margin-top: 20px; }
    .c_callme #forward .budgetphoneright+.control-group{ margin-top: 30px !important; }
    .c_callme .budgetphoneright{ right: 8px; }

    .c_seemynumber .offset2 { margin-left: 0; }
    .c_seemynumber #frm-seemynumber { margin-left: 0; width: 98%; }
    .c_seemynumber .control-group label.checkbox { width: 350px !important; }

    .c_directories .column40 { float: none !important; width: 100% !important; }
    .c_directories .span8{ width: 98%; }
    .c_directories #frm_save_dir .btn-bp-link{ margin-left: 10px; }
    .c_directories #new_block_button .submit.budgetphonebtn{ width: 113px; }
    .c_directories .blocklist{ margin-left: 0; }
    .c_directories #shortcode span, .c_directories #shortcode-info span, .c_directories #mobile_cost_header td{ padding: 4.5px 3px !important; font-size: 9px; }
    .c_directories .offset3{ margin-left: 10px; }
    .c_directories .left_label { width: 110px;  }

    .c_invoices .form_left{ float: none; }
    .c_invoices table#invoices tr td{ padding: 6px 6px; }
    .c_invoices table#invoices th, .c_invoices table#invoices td{ font-size: 10px; }

    .all_autgoing span, #header_invoice th{ padding: 4px !important; }

    .pbx-menu .non-active, .pbx-menu .currentmenu{ padding:4px 0px !important;   text-transform: lowercase;   margin-right: 0px !important;}
    .wide{ display: none !important; }
    .slim{ display: auto  !important; }

    .c_pbx #layout-content { margin:0; width: 100%; overflow: hidden; }
    .c_pbx .pbx { border-width: 0; width: 100%; }
    .c_pbx .img-cont{ margin: 0 4px !important; }
    .c_pbx .img-cont img{ width: 138px; }
    .c_pbx .change_time legend{ margin-bottom: 0; }
    .c_pbx .verychange{ margin: 0; }
    .c_pbx .steps .pbx_steps{ width: 102px; }
    .c_pbx .num_messages{ width: 87px; font-size: 11px; line-height: 9px; }
    .c_pbx .num_messages.slim{  font-size: 13px; font-weight: bold; /*line-height: 18px;*/ }
    .c_pbx .num_messages.wm.slim{  width: 94px;  }
    .c_pbx .pbx_menu .small_menu_header { text-align: center ; }
    .c_pbx .small_menu_header .queue_point { display: none; }
    .c_pbx .num_messages img{ display: none;  }
    .c_pbx .small_menu_header img{ display: none;  }
    .c_pbx .pbx-menu { height: 30px !important; }
    .c_pbx .pbx-menu span div{ width: 25% !important; }
/*    .c_pbx .pbx-menu span:nth-child(1) div{ width: 20% !important; }
    .c_pbx .pbx-menu span:nth-child(2) div{ width: 10% !important; }
    .c_pbx .pbx-menu span:nth-child(3) div{ width: 30% !important; }
    .c_pbx .pbx-menu span:nth-child(4) div{ width: 40% !important; }*/
    .pbx-menu .currentmenu, .pbx-menu .non-active a { font-size: 10px !important; }
    .right-sidebar #phones li{ width: 220px; margin-left: 70px; }
    .c_pbx .direct-arrow+.arrow_pnx_short{display: none;}
    .c_pbx .direct-arrow+.arrow_pnx_short+.arrow_img{display: none;}
    .c_pbx .direct-arrow+.arrow_pnx_short+.arrow_img+.images_info{display: none;}
    .c_pbx .content_popup{padding: 4px !important; border-width: 1px 0;}
    .c_pbx .content_popup label{ font-size: 12px; }
    .c_pbx .content_popup input{ width: 144px; }
    .c_pbx .popup_desc{font-size: 10px; }
    .c_pbx #musicBlock .musicSelect {margin-left: 0; }
    .c_pbx .link_popup_div >*{float:left !important; margin-left: 25px;}
    .c_pbx .btn-bp-link{width: 330px;} 

    .c_pbx.setting .down-arrow.no-shadow{display: none;}
    .c_pbx.setting .steps{display: none;}
    .c_pbx .avatar_profile{ position: absolute; left: 250px; width: 93px; margin-top: -50px; }
    .c_pbx .QTPopupCntnr { width: 360px !important; left: 0px !important; }
    .c_pbx .QTPopupCntnr .popup_desc{font-size: 14px; }
    .c_pbx .QTPopupCntnr .link_popup_div >*{     margin-left: 10%; width: 80% !important; margin-bottom: 4px; }
    .c_pbx #prev_btn_popup, #next_btn_popup{ width: 45% !important; }
    .c_pbx .gpBdrRight{ min-height: 330px !important; }
    .c_pbx .nav_popup{ margin-top:90px !important; }
    .c_pbx .width-100-true{ width: 100%; }
    .c_pbx #content_popup_step2 >table{ margin:0 !important; }
    .c_pbx table.extension{ margin-top: 55px; }
    .c_pbx table.extension td:first-child label{ width: 75px; }
    .c_pbx table.change-content .small_menu_header{ height:55px; }
    .c_pbx table.change-content .small_menu_header legend{ position: absolute; width: 225px; }

    .c_pbx .lunch_number.b_arrow:after { width: 145px; right: -145px;}
    .c_pbx .skip_wm { margin-left: 262px;}
    .c_pbx .lunch_number+.empty { margin-left: 262px !important; }
    .c_pbx .lunch_number+.wm { width: 94px; }

    .c_pbx.lunch-setting .content_popup { padding: 0 !important; overflow: hidden;}
    .c_pbx.lunch-setting  form{ width: 360px; }
    .c_pbx.lunch-setting .content_popup input{ width: auto !important; }
    .c_pbx.lunch-setting .content_popup>table {  }
    .c_pbx.lunch-setting .red_radio_menu { width: 100%; }
    
    .c_pbx.setting .content_popup { padding: 0 !important; overflow: hidden;}
    .c_pbx.setting  form{ width: 360px; }
    .c_pbx.setting .content_popup input{ width: auto !important; }
    .c_pbx.setting .content_popup>table {  }
    .c_pbx.setting .red_radio_menu { width: 100%; }
    .c_pbx.setting #saveMenuMessageForm input[type="submit"] { margin-right: 20px; }
    .c_pbx.lunch-setting #nav_step2, .c_pbx.setting #nav_step2 { width: auto; }

    #Select2Selectdiv { width: auto !important; }

    .c_index #frm-login{width: auto; padding: 1% 8% !important;}
    
}

.page {
    margin:  0px auto;
    padding: 0px;
}

body {
    font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif; /*position: relative;*/
    background-color: #f8f8f8;
    font-size: 75.5%; 
}
#main-container{
    min-height: 729px;
}
.main-header{
    background: none repeat scroll 0 0 white;
    border-bottom: 1px solid #D7D7D7;
    /*box-shadow: 0 -5px 0 #FAFAFA inset, 0 0 5px #D7D7D7;*/
    margin-bottom: 3em;
    /*padding: 20px 0 45px;*/
    padding: 20px 0 50px;
    /*padding: 20px 0 30px;*/
}

#lang-panel a{
    background: #ff0000;
    color: #ffffff;
    padding: 8px 30px;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;
}
#lang-panel a:hover{
    background: #CC0000;
    text-decoration: none;
}
.right_border{
    border-right: 1px solid #D7D7D7;
}
#header-wrapper{
    padding-top: 7px;
}
#header-logo, #footer-logo{
    display: inline-block;
    background-image: url("../../images/footer_logo.png");
    width: 143px;
    height: 28px;
    /*margin-left: 10px;*/
}
#header-logo{
    background-image: url("../../images/logo.png");
    width: 234px;
    height: 42px;
}
.footer-area{
    background: none repeat scroll 0 0 white;
    border-top: 1px solid #D7D7D7;
    box-shadow: 0 5px 0 #FAFAFA inset, 0 0 5px #D7D7D7;
    margin-top: 3em;
    padding: 3em 0;
}

#login-btn{
    width: 70px;
    height: 34px;
    font-size:18px;
    behavior: url(/public/pie/PIE.htc);
}
#frm-login .controls .btn-bp-red{
    text-transform: lowercase;
}
#frm-login .inp-text{
    width: 286px;
    /*width: 248px;*/
}
#layout-content{
    min-height: 400px;
}
#footer #footer-wrapper a{ color: #000;font: 14px/18px 'Trebuchet MS', Arial, sans-serif; }
#footer .disclaimer{ position: absolute; top: 24px; margin-left: 170px; }
#footer{/*position: absolute; bottom: 0; width: 100%;*/ position: relative;
    padding-top: 1.5em;
    margin-top: 3em;
    background: none repeat scroll 0 0 white;
    border-top: 1px solid #D7D7D7;
    box-shadow:
    inset 0px 10px 8px -10px #CCC,
    inset 0px -9px 8px -12px #CCC;
    font-size: 12px;
}
.footer-container {
    height: 45px;
    margin: 0 auto;
}
.social-icons{
    float: right;
}
.social-icons li{
    float: left;
    margin:0px 5px;
}
.red_desc{
    clear: both;
    color: red;
    text-align: center;
}
/*MENU*/
#main-menu{
    padding: 0px 0px;
}

.loggedin li {
    /*background-color: #FF0000 !important;*/
}
ul#logged-menu li {
    list-style: none;
    font-family: Helvetica, Arial, sans-serif;
    float: left; 
    padding: 0px 4px;
    margin-left: 6px;
/*    padding: 0px 10px;
    margin-left: 8px;*/
}

.loggedin li a {
    color: #FF0000 !important;
}
.loggedin li img{
    width: 24px;
}

.loggedin li:first-child a{
    padding-bottom: 0px !important;
    padding-top: 3px !important;
}
ul#logged-menu li a {
    padding-bottom: 7px;
    padding-top: 7px;
    display: block;
    text-decoration: none;
    font-size: 15px;
    color: #CCC;
    font-weight: bold;
}

.loggedin li:hover a, .loggedin li.active a{
    color: #FFF !important;
}

.loggedin li:hover, .loggedin li.active{
    background-color: red !important;
 /*   -moz-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
    -ms-transform: scale(1.01);
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
        M11=1.1, M12=-0, M21=0, M22=1.1);
*/
}

#logged-menu .first{
    border:0;
}
#logged-menu a {
        text-transform: lowercase;
}

.right-sidebar ul{
    margin: 0;
}
#phones li{
    border: 1px solid #989898;
    padding: 10px;
    margin-bottom: 10px;
    color: #000000;
    font-size: 13px;
}
.bold_right_panel{
    font-weight: bold;
}
.sidebar-pbx .avatar{
    border: 1px solid #989898;
    float: left;
    margin-right: 10px;
}
.avatar_profile{
    float: right;
    border: 1px solid #989898;
}
#status .wtc{
    background: #8CCB30;
}
#status .dnd, #status .om{
    background: #bd0000;
}
#status .status-inactive{
    background: #989898;
    padding: 5px;
    width: 80px;
    text-align: center;
    margin-bottom: 1px;
}
#status .wtc, #status .dnd, #status .om{
    padding: 5px;
    width: 80px;
    text-align: center;
    margin-bottom: 1px;
}
#status a, #status a:hover{
    color: #ffffff;
    text-decoration: none;

}
.status_right_panel{

}
.statusimg_right_panel{
    background: url('/public/images/mobile_icon.png') no-repeat center center #8ccb30;
    padding: 16px;
    float: right;
}
.status-dnd .statusimg_right_panel{
    background: url('/public/images/dnd.png') no-repeat center center #bd0000;;
}
.status-wtc .statusimg_right_panel{
    background: url('/public/images/telephone.png') no-repeat center center #8ccb30;
}
#phones .budgetphonebtn{
    width: 55px;
}
#phones .budgetphonebtn a{
   color: #ffffff;
}
#phones .budgetphonebtn a:hover{
   color: #ffffff;
   text-decoration: none;
}
/*FORMS*/
legend{
    border: 0;
    color: red;
    font-size: 30px;
    font-weight: bold;
    text-transform: lowercase;
}
.change_time, .change-content .small_menu_header{
    color: red;
    font-size: 30px;
    font-weight: bold;
    text-transform: lowercase;
    line-height: 32px;
}
#save_acc {
    width: 371px;
}
#save_acc form {
    margin: 0 !important;
}
#save_acc_action .submit-button,#save_bank_action .submit-button{
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    text-transform: lowercase;
    margin-top: 5px;
}
.form-wrapper{
    border: 1px solid #D7D7D7;
    box-shadow: 0 0 5px #D7D7D7;
    padding: 20px;
    margin-bottom: 20px;
}

#frm-tel-numbers td.actions{
    padding:15px 0px;
}
#save_bank{
    min-height: 548px;
    width: 350px;
    padding: 20px;
    float:left;
    margin-left: 20px;
    margin-bottom: 0;
}
#save_bank_action input{
    width:96%;
}
.span-change-button{
    margin-right: 2px;
    width: 90px;
    height: 35px;
}
.span-number-button,.span-telephone-number-button{
/*    width: 381px;
    height: 33px;
    margin-left: 0px;*/
}
.club-card >input{
    width: 100%;
}
#new-number-button{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#telephone-number-button{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
button, .budgetphonebtn, .pbx-menu .menu-item{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#frm_save_dir{

}
#frm-login{
    width: 300px;
    margin-top: 20px;
}
#frm-tel-numbers.top_callme_block{
    width: 810px;
}
#frm_setting_save label{
    text-transform: lowercase;
}
#frm-seemynumber{
    width: 420px;
    padding: 20px;
    margin-top: 20px;
    position: relative;
}
.column40{
    width: 50%;
    float:left;
}
#save_acc legend + .control-group, #save_bank legend + .control-group{
    margin: 0;
}
#save_acc label, #save_bank label{
    margin: 10px 0;
    text-transform: lowercase;
}
#save_acc .control-group{
    margin-bottom: 0px;
}
#save_acc .control-group .miniinput{
    margin-top: -2px !important;
}
.label_contact_miniinput{
    float: left;
    margin-bottom: 10px;
}
.contect_label, .contect_label_mf{
    font-size: 15px;
    font-weight: bold;
    margin: 9px 0 10px 0;
}
.contect_label_mf{
    margin: 10px 0;
    /*margin: 5px 0;*/
}
.contect_label_mf .initial{
    width: 135px;
    display: inline-block;
}
.contect_label_mf .sex{
    width: 107px;
    display: inline-block;
}
.contect_label_mf .surname{
    margin-top: 10px;
    display: inline-block;
}

.label_contact_miniinput .initial{
    display: block;
    float: left;
    width: 135px;
}
/*BUTTONS*/
.btn-bp-red {
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 7px;
    text-align: center;
    text-decoration: none !important;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FF0000), to(#E50000));
    background: -moz-linear-gradient(top, #FF0000, #E50000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FF0000, endColorStr=#E50000);
    border: 1px red solid;
    height: 35px;
    /* display:inline-block; /* IE is so silly */
}
.btn-bp-red:hover {
    background: none repeat scroll 0 0 #F5F5F5;
    color: #F70A29;
}
.btn-bp-red:active {
    background: none repeat scroll 0 0 #1B435E;
}

.header-button{
    margin-top: 10px;
}
#frm-settings-holder{
    min-width: 810px;
}
.table tr{
    height: 50px;
}
#frm-tel-numbers table tr {
  border-bottom: 1px solid #dfdfdf;
}
.topup-btn,.change-btn{
    font-size: 15px;
    font-weight: bold;
    color:white;
    background-color: red;
    padding: 7.5px 30px;
    text-decoration: none  !important ;
    float: left;
    text-transform: lowercase;
}
.topup-btn:hover,.change-btn:hover{
    color:white;
    background-color: #ae0000;
}
.topup_content{
    padding: 6px;
    font-size: 15px;
    font-weight: bold;
}
.btn-bp-link, .btn-bp-link_save, #listenMusicButton{
    background-color: red;
    color: white;
    float: left;
    font-size: 15px;
    font-weight: bold;
    padding: 7.5px 10px;
    text-align: center;
    text-decoration: none !important;
    width: 356px;
    text-transform: lowercase;
}
.btn-bp-link_save{
    float: right;
}
.left_label{
    float: left;
    margin-right: 15px;
    text-align: right;
    width: 235px;
}

#form_change_card_number .column{
    float: left;
    padding: 0 5px;
}
#form_change_card_number .column.action{
    float: right;
    padding-left: 40px;
    width: 130px;
}
.btn-bp-link:hover, .btn-bp-link_save:hover, #listenMusicButton:hover{
    color:white;
    background-color: #ae0000;
}
#listenMusicButton{
    float: right;
    margin-top: -35px;
    width: 118px;
}
#frm-tel-numbers  th{
    font-size: 15px;
}
.extra-button-link {
    width: 100%;
    margin: 0px 0px;
}
.club-card{
    float: left;
    width: 49%;
}

#extras{
    /*height: 100px;*/
}
#ringtime_form .control-label, #new_alias_form .control-label{
    margin-right: 15px;
}
#ringtime_form .submit, #new_alias_form .submit{
    margin-left: 9px;
    width: 128px;
}
#seemynumber-form{ position: absolute; right: 16px; margin-top: -4px; }
#frm-seemynumber-save{
}
.button {
   background-image: -webkit-linear-gradient(top, rgba(245,245,245,1) 100%,rgba(235,235,235,1) 100%);
   background-image:    -moz-linear-gradient(top, rgba(245,245,245,1) 100%,rgba(235,235,235,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(245,245,245,1) 100%,rgba(235,235,235,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(245,245,245,1) 100%,rgba(235,235,235,1) 100%);
   background-image:         linear-gradient(top, rgba(245,245,245,1) 100%,rgba(235,235,235,1) 100%);
   -webkit-box-shadow: 0px 0px 4px 0px rgba(153,130,153,1)inset;
      -moz-box-shadow: 0px 0px 4px 0px rgba(153,130,153,1)inset;
           box-shadow: 0px 0px 4px 0px rgba(153,130,153,1)inset;
   -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
           border-radius: 5px;
   padding: 0px 24px 0px 24px;
   display: inline-block;
   font-size: 18px;
   font-weight: bold;
   line-height: 34px;
   text-align: center;
   color: rgba(240,45,45,1);
   font-weight: bold;
   text-transform: lowercase;
    text-decoration: none  !important ;
}
.button:hover {
   background-image: -webkit-linear-gradient(top, rgba(245,27,63,1) 4%,rgba(245,39,67,1) 50%);
   background-image:    -moz-linear-gradient(top, rgba(245,27,63,1) 4%,rgba(245,39,67,1) 50%);
   background-image:     -ms-linear-gradient(top, rgba(245,27,63,1) 4%,rgba(245,39,67,1) 50%);
   background-image:      -o-linear-gradient(top, rgba(245,27,63,1) 4%,rgba(245,39,67,1) 50%);
   background-image:         linear-gradient(top, rgba(245,27,63,1) 4%,rgba(245,39,67,1) 50%);
   -webkit-box-shadow: 0px 0px 2px 3px rgba(170,176,179,1);
      -moz-box-shadow: 0px 0px 2px 3px rgba(170,176,179,1);
           box-shadow: 0px 0px 2px 3px rgba(170,176,179,1);
   -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
           border-radius: 3px;
   -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
           transition: all 0.3s ease-in-out;
   color: rgba(247,239,240,1);
}
.button:active {
   background-image: -webkit-linear-gradient(top, rgba(240,240,240,1) 1%,rgba(234,239,242,1) 70%);
   background-image:    -moz-linear-gradient(top, rgba(240,240,240,1) 1%,rgba(234,239,242,1) 70%);
   background-image:     -ms-linear-gradient(top, rgba(240,240,240,1) 1%,rgba(234,239,242,1) 70%);
   background-image:      -o-linear-gradient(top, rgba(240,240,240,1) 1%,rgba(234,239,242,1) 70%);
   background-image:         linear-gradient(top, rgba(240,240,240,1) 1%,rgba(234,239,242,1) 70%);
   -webkit-box-shadow: 0px 0px 2px 4px rgba(125,120,121,1);
      -moz-box-shadow: 0px 0px 2px 4px rgba(125,120,121,1);
           box-shadow: 0px 0px 2px 4px rgba(125,120,121,1);
   color: rgba(230,28,62,1);
}
/*helper classes START*/
.show{
    display: block;
}
.hide{
    display: none;
}
.width100{
    width: 96%;
    margin-right: 3px;
}
/* helper classes END*/

/*FOOTER START*/
.linked-logo,.twitter-logo,.facebok-logo{
    display: inline-block;
    width: 24px;
    height: 24px;
}
.linked-logo{
    display: inline-block;
    background-image: url("../../images/linked.png");
}
.twitter-logo{
    background-image: url("../../images/twitter.png");
}
.facebok-logo{
    background-image: url("../../images/facebook.png");
}
/* FOOTER END*/
/*popup*/
.popup_desc{
    font-size: 15px;
    color: #363636;
    margin: 10px 0;
}
.popup_desc_bold{
    color: #363636;
    font-weight: bold;
    font-size: 15px;
}
.red_radio_menu label{
    color: #ffffff;
}
.label_bold{
    color: #363636;
    font-weight: bold;
    font-size: 15px;
    margin: 5px 15px 0 0;
    float: left;
}
#prev_btn_popup, #next_btn_popup{
    height: 35px;
    text-align: center;
    float: left;
    width: 242px
}
#prev_btn_popup a, #next_btn_popup a{
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    height: 20px;
    text-align: center;
    display: block;
    padding: 8px;
    text-decoration: none;
    text-transform: lowercase;
}

#prev_btn_popup,#next_btn_popup{background-color: #FF0000; position: relative;}
#prev_btn_popup:before,#next_btn_popup:before{ content: ''; background-color: #FFF; position: absolute; width: 0; height: 0; border: solid rgba(248, 248, 248, 0); border-width: 17.5px; }
#prev_btn_popup:before{border-right-color: red; left:4px;}
#next_btn_popup:before{border-left-color: red; right:4px; }
#prev_btn_popup:hover,#next_btn_popup:hover{background-color: #CC0000;}
#prev_btn_popup:hover:before{border-right-color: #CC0000;}
#next_btn_popup:hover:before{border-left-color: #CC0000;}

.c_changesubscr #prev_btn_popup:before{left:0px; background-color: #f8f8f8; }
.c_pbx #prev_btn_popup:before{ left:-16px; }
.c_pbx #next_btn_popup:before{ right:-16px; }

#prev_btn_popup{
    margin-right: 20px;
}
.content_popup{
    border: 1px solid #D7D7D7;
    box-shadow: 0 0 5px #D7D7D7;
    padding: 20px;
    text-align: left;
}
.link_popup_div{
    height: 40px;
    /*width: 500px;*/
}
.link_popup_div #save{
    height: 35px;
    float: right;
}
.link_popup_div .btn-bp-link, .link_popup_div .btn-bp-link_save{
    padding: 7.5px 0px;
    width: 138px;
    text-align: center;
}
#status_blok{
    margin: 10px 0;
}
#deleteMessage{
    padding: 7.5px 0px;
    width: 224px;
    text-align: center;
}
.content_popup a{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
td .nav_popup{
    height: 30px;
    margin: 10px 0;
}
.red_radio_menu{
    background: #db0000;
    padding: 10px;
    color: #ffffff;
    font-size: 15px;
    font-weight: bolder;
    text-align: left;
    margin: 10px 0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    width: 520px;
}
#nav_step2 #prev_btn_popup, #nav_step2 #next_btn_popup{
    width: 261px;
}
#nav_step2{
    width: 542px;
}
#content_popup_step2{

}
td b{
    font-weight: bold;
}
/*pbx*/
.pbx{
    border: 1px solid #D7D7D7;
    box-shadow: 0 0 5px #D7D7D7;
    padding: 0 0 20px;
    float: left;
}
.row_card_info{
    float: left;
    margin-bottom: 15px;
    width: 850px;
}
.pbx-menu{
    height: 80px;
}
.pbx-menu .non-active a{
    color: #ffffff;
}
.pbx-menu .currentmenu, .pbx-menu .non-active a{
    font-size: 15px;
    font-weight: bold;
}
.pbx-menu .non-active:hover{
    background-color: #ae0000;
}
.pbx-menu .non-active a:hover{
    text-decoration: none;
}
.pbx-menu .non-active{
    position: relative;
    height: 21px;
}
.pbx-menu .non-active a{
    text-transform: lowercase;
    position: absolute;
    height: 21px; width: 100%;
    top:0; left: 0;
    padding: 10px 0;
}

.pbx-menu .non-active, .pbx-menu .currentmenu{
    background: #ff0000;
    padding: 10px;
    text-align: center;
    margin-right: 2px;
    /*width: 262px;*/
    width: 191px;
    white-space: nowrap;
    float: left;
}
.pbx-menu span:last-child .currentmenu, .pbx-menu span:last-child .non-active{
    margin-right: 0;
}

.pbx-menu .currentmenu{
    background: #ffffff;
    color: #020202;
    text-transform: lowercase;
}
.steps .pbx_steps{
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    float: left;
    padding: 10px;
    text-align: center;
    width: 192px;
     text-transform: lowercase;
}
.steps{
    height: 70px;
    width: 850px;
}
.telephone_number_pbx{
    padding: 6.5px 15px;
    background: #FF0000;
    width: 130px;
    margin-left: 15px;
    position: relative;
}
.telephone_number_pbx:hover{background-color: #ae0000; }
.telephone_number_pbx:hover:after{ border-left-color: #ae0000; }
.telephone_number_pbx:after{
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    top: 0px;
    right: -33px;
    border: solid 16px #ff0000;
    border-right: 17.5px solid transparent;
    border-top: 17.5px solid transparent;
    border-bottom: 17.5px solid transparent;
}
.telephone_number_pbx a{
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
}
.telephone_number_pbx a:hover{
    text-decoration: none;
}
.pbx_menu{
    border: 1px solid #989898;
    color: #000000;
    width: 170px;
}
.pbx_menu .small_menu_header{
    border-bottom: 1px solid #989898;
    padding: 6px;
    font-weight: bold;
    text-align: right;
    font-size: 15px;
}
.pbx_menu .small_menu_cell{
    padding: 5px;
    font-size: 14px;
}
.pbx_menu .small_menu_cell .select_item{
    margin: 0;
}
.images_info{
    display: block;
    float: left;
    width: auto;
}
.img-cont{
    margin: 0 15px;
    float: left;
}
.center_image{
    float:none;;
}
.change_time{
    float: left;
}
.verychange{
    margin-top: 15px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.verychange #saveLunchTimeButton, .verychange #saveTimeButton{
    float: right;
}
#currentTime span, #saveTime span, #saveLunchTime span{
    font-weight: bold;
    color: #363636;
    font-size: 15px;
    margin-right: 10px;
}
#saveTime input, #saveLunchTime input{
    margin-right: 10px;
    width: 60px;
}
.arrow_pnx_long, .arrow_pnx_short, .arrow_pbx_longest, .arrow_pbx_mes, .arrow_pbx_middle{
    border-top:solid 1px #989898;
    width: 255px;
    margin: 17px 0;
    float: left;
}
.arrow_pnx_short{
   width: 32px;
}
.arrow_pbx_middle{
   width: 230px;
}
.arrow_pbx_longest{
  width: 463px;
}
.arrow_pbx_mes{
    width: 40px;
}
.num_messages{
    border: 1px solid #989898;
    padding: 6px 5px;
    font-weight: bold;
    font-size: 15px;
    width: 177px;
}
.extensionInfo+.extensionInfo .pbx_name_status{ border-top: none; }
.pbx_name_status{
    border: 1px solid #989898;
    float: left;
    width: 190px;
    position: relative;
}
.row_card_info .pbx_status_image{
    float: right;
}
.pbx_status_image{
    background: url('/public/images/mobile_icon.png') no-repeat center center #8ccb30;
    padding: 16px;
    position: absolute;
    top: 0;
    right: 0;    
    height: 1px;
    z-index: -1;
}
.status-dnd .pbx_status_image{
    background: url('/public/images/dnd.png') no-repeat center center #bd0000;;
}
.status-wtc .pbx_status_image{
    background: url('/public/images/telephone.png') no-repeat center center #8ccb30;
}
.pbx_name_user{
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    padding: 6px;
}
.queue_point{
    color: #000000;
    font-size: 15px;
    float: left;
}
#Select2Selectdiv{
    width: 515px;
}
#saveMenu #externalNumber{
    margin-left: 278px;
    margin-top: 8px;
    padding: 0 7px;
}
.welcoming_legend{
    color: red;
    font-size: 30px;
    font-weight: bold;
    text-transform: lowercase;
    line-height: 40px;
    margin-bottom: 10px;
}
/*pages*/
.row_card_info span{
    float: left;
}
.row_card_info .numcell{
}
.arrow_img{
    float: left;
    margin: 13px 0;
}
#contact .miniinput, .control-group .miniinput#firstletters{
    margin: 0;
    width: 251px;
}
#contact .miniinput, .control-group .miniinput.fm{
    margin: 0;
    width: 356px;
}
#contact .miniinput, .control-group .miniinput{
    margin: 0;
    width: 115px;
}
#frm-forvarding-save input[type="text"], #frm-settings-holder input[type="text"], #changepassform input[type="password"]{
    margin: 0 15px;
}
#changepassform input[type="password"]{
    margin: 5px 15px;
}
#fixed_select form{
    margin: 10px 0;
}
#fixed_select_mynumber{
    left: 52.5%;
    position: absolute;
    top: 115px;
}
#fixed_select_calls{
  /*  left: 52.5%;
    position: absolute;
    top: 130px;*/
  float: right;
}
#waiting{
    display:none;
    background: none repeat scroll 0 0 #000000;
    height: 8000px;
    margin: 0;
    opacity: 0.6;
    position: fixed;
    top: 0px;
    left:0px;
    width: 100%;
    z-index: 9999;
}
#waiting-text{
    position: relative;
    left: 50%;
    top:300px;
    }

#calls-to-fixed {
    clear:both;
    width:100%;
    margin-top: 20px;
}
#calls-to-fixed td {
    padding: 0 20px;
    text-align: left;
}

#shortcode span, #shortcode-info span, #mobile_cost_header td {
    background: #FF0000;
    color: white;
    float: left;
    margin-top: 20px;
    padding: 7.5px 20px;
    width: 14%;
}
#mobile_cost_header td {
    float: none;
}

#mobile_cost_header td {
    width: 95px;
    line-height: 10px;
    height: 20px;
}
#mobile_cost_header td.country {
    width: auto;
}
#button-calls {
    margin-top: 20px;
    overflow: hidden;
}
#button-calls .btn-bp-link{
    width: 178px !important;
    border: 0;
    margin-right: 1px;
}
#button-calls .pstn{
    width: 273px !important;
     margin-right: 0px;
}
#total_cost td {
    padding: 10px 20px 0px 20px;
}
.all_autgoing span, #header_invoice th{
    background: #FF0000;
    color: white;
    padding: 4px 20px;
    width: 228px;
}
table#invoices tr td { 
    text-align: center;
    padding: 10px 20px;
}
#header_invoice span, .row_info_invoice span{
    width: 95px;
}
.row_info_invoice span{
    float: left;
    padding: 4px 20px;
}
.form_left{
    float: left;
}
.invoices-block .controls {
	float: right;
}
.invoices_btn{
    float: right;
    margin-bottom: 4px;
    width: 100%;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#want{
    float: right;
}
.euro{
    color: #bd0000;
}
.change-subsr-middle{
    padding: 0 10px;
}
.row_info_alias{
    height: 50px;
}
.aliase_name{
    font-size: 15px;
    font-weight: bold;
    width: 150px;
    float: left;
}
.ajax_messages{
    color: #bd0000;
    font-size: 15px;
}
/*---popup styles starts here ----- */
	.popupGrayBg {
		position:fixed;
		width:100%;
		height:100%;
		background:black;
		z-index:1001;
		left:0;
		top:0;
		opacity:.5;
		filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
		}
	.QTPopupCntnr {
		width:550px;
		position:fixed;
		z-index:1200;
		background:gray;
		left:32%;
		top:22%;
		}
        #QTPopupCntnr_top{
                top: 8%;
                width: 580px;
                position: absolute;
                }
	.gpBdrRight {
		background:#fff;
		min-height:200px;
		position:relative;
	}
/*popup end*/
/*forwarding*/
#settings-menu{
    margin: 10px 0 30px;
}
#settings-menu li{
    float: left;
    margin-left: 20px;
    font-weight: bold;
    font-size: 15px;
}
#settings-menu .first_li a,
#settings-menu li a{
    color: #000000;
}
#settings-menu .first_li{
    margin-left: 0px;
}
/*changes*/
.history_info{
    font-size: 15px;
}
.date_history{
    color: #000000;
    font-weight: bold;
    float:left;
    width: 100px;
}
.wrapper_history_name{
    /*float: left;*/
    width: auto;
}
.calls_body .calls-list {
    padding: 0 20px;
    width: 230px;
}
.calls_body .calls-list.country {
    width:auto;
}
span.calls-list {
    float: left;
    width: 230px;
}
#contacs_container .column, #shortcode_container .column{
    float: left;
    width: 17%;
}
#shortcode_container .column{
    width: 150px;
}
#contacs_container .column.action, #shortcode_container .column.action{
    float: right;
    padding: 0 15px;
    width: 14%;
}
.error_message{
    color: #FF0000;
    margin-right: 15px;
    text-align: right;
}
.notice_message, .notice_message_error{
    border: 4px solid #FF0000;
    color: #363636;
    font-size: 15px;
    padding: 5px;
    display: none;
    margin-bottom: 20px;
}
.txt-error{
    color: #FF0000;
}
.error_direct{
    color: #FF0000;
    font-size: 15px;
}
.row_shortcode{
    margin-left: 10px;
}
.row_shortcode{
    margin-left: 4px;
}
.form_change_card_number, .frm_change_shortcode{
    margin: 0px;
}
#frm-settings-holder  .frm_change_shortcode input[type="text"], #frm-settings-holder .form_change_card_number input[type="text"]{
    margin: 0;
    width: 145px;
}
#forgotpass{
    border: 1px solid #D7D7D7;
    box-shadow: 0 0 5px #D7D7D7;
    margin-top: 20px;
    padding: 0 20px;
    width: 420px;
    margin-left: 204px;
}
#my_letters table{ 
    width:100%;
    font-size: 15px;
}
#my_letters table td{
    padding: 6px 4px;
}
#my_letters table thead{ 
    border-bottom: 2px solid #DDDDDD;
}
#my_letters table tbody tr td:first-child{ 
    font-weight: bold;
}

input.bad { background-color: #FF9999; }

#last-control-group { margin-top: -10px; }



#main-menu{ position: absolute; top:90px; margin: 0 auto; }
.main-header:after{content: ''; position: absolute; height: 1px; width: 100%; left: 0; top:90px; background-color: #CCC; }
#main-menu ul{ position: absolute; right: -12px; margin-top: 1px; background-color: #FFF; }
ul#logged-menu li a{ font-size: 14px; }
.loggedin ul#logged-menu li:first-child:hover a{ background-color: #FFF; }
ul#logged-menu li:hover{ background-color: red; }
ul#logged-menu li:hover a{ color:#FFF; }
#main-menu h2{position: absolute; color: red; font-size: 22px; margin-left: 10px; margin-top: -2px; font-weight: normal; font-family: Helvetica, Arial, sans-serif; font-weight: bold; }
/*#main-menu h2.small{font-size: 24px;}*/
#main-menu h2 a{ font-size: 22px; color: red; padding-left: 3px;}

#header-wrapper .pull-right{position: absolute; top: 20px; right: 80px;}
#header-wrapper #lang-panel{position: absolute; top: 37px; right: 220px;}
#header-wrapper #login-admin-btn{position: absolute;  right: 255px; width:200px;}
input[type="text"], input[type="email"], input[type="search"], input[type="password"]{height:33px; padding-top: 0; padding-bottom: 0;}

#header-wrapper .user-menu{ margin-top: 10px; float: right; font: 17px 'Trebuchet MS', Arial, sans-serif; }
#header-wrapper .user-menu li{ display: inline; }
#header-wrapper .user-menu li:last-child a{ padding: 12px 0; text-transform: lowercase; }
#header-wrapper .user-menu li:last-child a:hover{ box-shadow:none; -webkit-box-shadow:none;}
#header-wrapper .user-menu li a{ color: red; padding: 8px 12px; font-weight: bold;}
#header-wrapper .user-menu li a:hover{box-shadow: 0 0 3px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); text-decoration: none;}
.hintspan:hover { cursor: help; }



.dbutton{
    font-size: 15px;
    border: none;
    font-weight: bold;
    color:white;
    background-color: red;
    padding: 7.5px 30px;
    text-decoration: none  !important ;
    text-transform: lowercase;
}
.dbutton:hover{
    color:white;
    background-color: #ae0000;
}


/*pbx-step2*/
    .hiddenoption{ display: none; }
    .change-content { width:99%; }

    .ShowHide { cursor: pointer; }
    .ShowHide:after { content:'-'; position: absolute; right: 16px; }
    .ShowHide.minus:after { content:'+'; }
    .change-queue form .link_popup_div { width:auto; }

    .change-queue form { border:1px solid #CCC; width: 100%; padding: 3px; position: relative; }
    .change-queue form >* { margin:0 16px; }
    .change-queue form h2 { color:red; font-size: 18px; }
    .change-queue form dl, p { font-size: 15px; font-weight: bold; }
    .change-queue form p { margin: 0 23px; }
    .change-queue form dl.back.small { margin: 0 0 36px 16px; }
    .change-queue form .forward dt { margin-right: 8px; }
    .change-queue form .f_right { float: right; }
    .change-queue form dt { float:left; clear: left; line-height: 32px; }
    .change-queue form dd{ line-height: 36px; padding-left: 14px; }  
    .change-queue form input[type=button], form input[type=submit], form input[type=reset]{ background: red; height:36px; border: none; color:#FFF; font-weight: bold; margin-top: -11px; width.change-queue :128px; }
    .change-queue form select.time{ width: 176px; margin: 0 0 0 8px;  }
    .change-queue form select { height:35px /*!important*/; cursor: pointer; }
    .change-queue form select[name='previosly_records'] { width: 355px; } 
    .change-queue form select[name='previosly_records']+.customStyleSelectBox .customStyleSelectBoxInner { width: 333px; }
    .change-queue form input[type=button] { margin-left:-8px; margin-top: -10px; }
    .change-queue form input[type=submit], input[type=reset] { width: 138px; }
    .change-queue form input[type=text], select { padding: 0 8px; height:33px;}
    .change-queue form dd input[type=text], select, span.customStyleSelectBox { /*margin-left: 8px;*/ font-size: 15px; }
    .change-queue form input[type=checkbox]+span  { position: absolute; width: 13px; height: 13px; margin-top:12px; background: url(/public/images/checkbox.png) left center no-repeat; }
    .change-queue form input[type=checkbox]:checked+span { background-image: url(/public/images/checkbox_active.png); }
    .change-queue form input[type=checkbox] { opacity: 0; position: absolute; margin-top:12px; z-index: 1; margin-left: 0;}
    .change-queue form input[name='extensions[]'] { margin:5px 0 0 16px; }
    .change-queue form p input { margin: 16px; }
    .change-queue .f_left, .change-queue .f_right  { margin: 16px 16px 4px 16px; }
    .change-queue .f_left:hover, .change-queue .f_right:hover  { background-color: #ae0000; }
    .pbx_first_choice .budgetphoneradio + label{ clear:left; }

/*pbx-step2*/

    .pbx_number{ position:relative; float: left; width: 111px; margin: 0 0 0 15px; padding: 7px 12px 8px 35px; background:url('/public/images/telephone.png') no-repeat; background-position: 14px 8px; ;background-color: red; color:#FFF; font-size: 15px; font-weight: bold; }
    .pbx_number:hover{ color:#FFF; text-decoration: none;  background-color: #ae0000; }
    .pbx_number:hover:before{border-left-color: #ae0000; }
    .pbx_number:before{ content: ''; height: 0; width: 0; position: absolute; z-index: 1; top: 0px; right: -34px; border: solid 17.5px #ff0000; border-right: 17.5px solid transparent; border-top: 17.5px solid transparent; border-bottom: 17.5px solid transparent;}
    .pbx_number:after{ display:none; content:''; position: absolute; height: 1px; background: #989898; top:17px; }
    .pbx_number.b_arrow:after{ width: 40px; right:-50px; }

    .lunch_number{ position:absolute; width: 111px; margin: 0 83px 0 16px; padding: 7px 12px 8px 35px; background:url('/public/images/telephone.png') no-repeat; background-position: 14px 8px; ;background-color: red; color:#FFF; font-size: 15px; font-weight: bold; }
    .lunch_number:before{ content: ''; height: 0; width: 0; position: absolute; z-index: 1; top: 0px; right: -34px;    border: solid 17.5px #ff0000; border-right: 17.5px solid transparent;    border-top: 17.5px solid transparent;    border-bottom: 17.5px solid transparent; }
    .lunch_number.s_arrow:after{ width: 58px; right:-58px; }
    .lunch_number.b_arrow:after{ width: 275px; right:-280px; }
    .lunch_number+.empty{margin-left: 455px !important;}
    .lunch_number+.wm{margin-left: 235px !important;}
    .lunch_number:hover{ color:#FFF; text-decoration: none;  background-color: #ae0000; }
    .lunch_number:after,.wm:after,.forward:after{ content:''; position: absolute; height: 1px; background: #989898; top:17px; }

/***outside-index-ajax***/
    .row_card_info.empt{ margin: 0 0 29px 0; height: 19px; }
    .lunch_number:hover:before{border-left-color: #ae0000; }
    div.num_messages:before{ content: ''; position: absolute; height: 0px; width: 0px; border: solid rgba(248, 248, 248, 0); top: 12.5px; left: -5px; border-width: 4px; border-left-color: #989898; }
    div.empty{ display: inline-block; margin-left: 35px; position: relative; }
    .skip_wm{ margin-left:217px; }
    .wm img{ margin-right: 5px; }
    div.num_messages.direction{ margin-left:34px; padding-top:7px; padding-bottom:6px; padding-left:5px; width: 177px; text-align: left; }
/***outside-index-ajax***/


/**CALENDAR***/
#main-container div.calendar .budgetphoneselect { -webkit-appearance:none; -moz-appearance:none; appearance:none; }
#main-container div.calendar .budgetphoneselect:hover { cursor: pointer; }
#main-container .calendar{ clear:both; margin: 230px 16px 16px 16px; }
#main-container .calendar label{ margin-right: 16px; }
#main-container div.calendar input[type="checkbox"]{ float: left; }
#main-container .calendar nav button{ background: #FF0000; border:none; color:#FFF; padding:7px 20px 6px; margin-top: 1px; font-weight: bold; }
#main-container .calendar nav button:hover{ background: #ae0000; }

/*#main-container*/ div.calendar table.tcalendar{ clear: both;  /*border-bottom:1px solid #CCC;*/ background-color: #FFF; margin-top: 16px; }
/*#main-container*/ div.calendar table.tcalendar tr{ height: 15px; }
/*#main-container*/ div.calendar table.tcalendar tbody tr:last-child { height: 2px; }
/*#main-container*/ div.calendar table.tcalendar tbody tr:last-child td.rowspanned{ border-left: 0px; border-bottom: 0px; font-size:0;  line-height: 2px;}
/*#main-container*/ div.calendar table.tcalendar th, table.tcalendar td{ padding: 0px 4px; width: 80px; }
/*#main-container*/ div.calendar table.tcalendar th{ border-bottom: 1px solid #CCC; font-weight: bold; /*font-size: 15px; line-height: 21px;*/}
/*#main-container*/ div.calendar table.tcalendar th span{ font-size: 15px; position: relative; }
/*#main-container*/ div.calendar table.tcalendar th span:hover:after{ position: absolute; top: 22px; left: -23px; z-index: 2; padding: 0px 8px; font-weight:normal; font-size: 14px; background-color: #FFF; content: attr(class);  box-shadow: 0 0 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); }
/*#main-container*/ div.calendar table.tcalendar th a{ color:red; font-size: 16px; }
/*#main-container*/ div.calendar table.tcalendar th a:hover{ text-decoration: none; }
/*#main-container*/ div.calendar table.tcalendar tbody tr{ text-align: right; font-weight: bold; }
/*#main-container*/ div.calendar table.tcalendar tr td:first-child, table.tcalendar tr th:first-child{ width: 40px; }
/*#main-container*/ div.calendar table.tcalendar tr td.rowspanned{ font-size: 14px; line-height: 18px; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; }
/*#main-container*/ div.calendar table.tcalendar td{ border-right: 1px solid #CCC; }
/*#main-container*/ div.calendar table.tcalendar td.busy{ background-color: #FF0000; }
/*#main-container*/ div.calendar table.tcalendar td.busy.opacity{ background-color: rgba(255, 0, 0, 0.5); }
/*#main-container*/ div.calendar table.tcalendar th.time{ color: #CCC; font-size: 9px; }
/*#main-container*/ div.calendar table.tcalendar a.reset{ position: absolute; color: #FFF; margin-left: -8px; margin-top: -2px; font-size: 16px; }
/*#main-container*/ div.calendar table.tcalendar a.reset:hover{ text-decoration: none; }
/*#main-container*/ div.calendar tr[class*=".5"] td.free, tr[class*=".5"] td.freelunch, tr[class*=".5"] td.busylunch { border-top:1px solid #e5e5e5; border-bottom:1px solid #cccccc; }
/*#main-container*/ div.calendar table.tcalendar tr td.busy{ border-top: none !important; border-bottom: none !important; } 
/*#main-container*/ div.calendar .draggable        { background-color: /*black*/#FF0000; cursor:n-resize; height: 5px/*6px*/; margin: 0 -4px 0 -3px; }
/*#main-container*/ div.calendar .draggable.start  { margin-top: -4px; }
/*#main-container*/ div.calendar .draggable.end    { margin-top: 9px; }
/*#main-container*/ div.calendar .draggable.lstart { margin-top: -50px; }
/*#main-container*/ div.calendar .draggable.lend   { margin-top: 11px; }

@-moz-document url-prefix() {
    .draggable {
        left: -1px;
    }
    .draggable.lend {
        margin-top: 10px;
    }
}

div.calendar .hover.start:after, .hover.lend:after  { margin-top: -4px; }
div.calendar .hover.end:after, .hover.lstart:after  { margin-top: -12px; }

div.calendar nav select{ background: url(/public/images/pulldown.png) no-repeat right #fff; -webkit-appearance: none; line-height:normal; }

div.calendar div.holidayList{ display:none; position: absolute; z-index:2; margin-top: 40px; margin-left: 51px; width: 250px; background-color: #FFF; padding: 4px 8px; box-shadow: 0 0 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); }
div.calendar div.holidayList h3{ font-size: 16px; color: red; margin: 0 0 8px 0; line-height: inherit; }
div.calendar div.holidayList dl{ margin: 0; }
div.calendar div.holidayList dt{ float: left; }
div.calendar div.holidayList dd{ padding-left: 90px; }
/**CALENDAR***/


/**LUNCH**/
    div.num_messages{ position: relative; display: inline-block; width: 90px; text-align: center; padding: 7px 0 6px 0; }
    div.empty:before{ content: ''; position: absolute; height: 0px; width: 0px; border: solid rgba(248, 248, 248, 0); top: -9px; left: -4px; border-width: 4px; border-left-color: #989898; }
    a+div.empty:before{ top: -0.5px; }
    a.lunch_number+div.empty{ margin-left: 219px; }
    .wm:after{ width: 35px; right: -36px; }
    div.num_messages.wm{ width: 182px; padding-top:7px; padding-bottom:6px; }
    .wm:after{ content:''; position: absolute; height: 1px; background: #989898; top:17px; }
    .skip_wm.no_skip_wm{ margin-left:217px; }
    .skip_wm{ margin-left:453px; }
    .no_skip_wm{ margin-left:34px; }
    div.num_messages.forward{ width: 170px; }
    div.num_messages.forward:after{ width: 35px; right: -35px; }
    div.num_messages.forward:before{ top: 13px; }
    div.num_messages.direction{ margin-left:34px; padding-top:7px; padding-bottom:6px; padding-left:5px; width: 177px; text-align: left; }
    div.num_messages.direction:before{ top:13px; }
/**LUNCH**/

dl.forward label {
    height: 16px;
}

/** CALLS STATISTIC **/
.statb{ width: 47%; padding: 8px 8px 16px 8px; margin: 0 0.5%; float: left; background-color: #FFF; border:1px solid #CCC; margin-bottom: 12px; }
.statb.statbwide{ width: 96.5%; position: relative; }
.statb>div{ float: left; width:50%; margin-top: 80px; min-height: 200px; }
.statb.statbwide>div{ width: auto; margin-left: 80px; }
.statb.statbwide>div.circle{ clear: both; width: 100%; margin: 20px; text-align: center; }
.circle>div{ width: 280px; float: left; margin-top: 20px; margin: 10px 0 80px 50px; }
.circle>div p{ text-transform: lowercase; margin-top: 170px; /*font-weight: 14px;*/ text-align: center; }
.circle>div h3{ border: 7px solid #afafaf; margin-left: 50px; font-weight: 100; border-radius: 115px; height: 93px; width: 148px; padding-top: 53px; margin-top: 0; }
.statb .view{ margin-left: 16px; }
.statb h2{ margin-left: 16px; color:#FF0000; }
.statb .graph{ position: relative; }
.graph.incalls21,.graph.incalls31,.graph.incalls41,/*.graph.incalls51,*/.graph.outcalls21,.graph.outcalls31/*,.graph.missedcalls21*/{ clear: left; }
.statb .graph h3{ position: absolute; margin-top: -48px; font-size: 15px; margin-left: 16px; line-height: initial; text-transform: lowercase; white-space: nowrap; }
.statb p{ position: absolute; margin-top: -18px; clear: both; font-weight: normal; font-size: 12px; margin-left: 16px; text-transform: lowercase; }
.statb ul{ margin-left: 32px; margin-bottom: 64px; }
.statb li{ list-style-type: disc; }
.statb .budgetphonebtn{ position: absolute; width: 70%; text-align: center; margin-left: 10%; margin-top: -42px; }

.c_changesubscr input{ margin-top:0 !important; }

.c_settings.roaming h2{ color: red; }
.c_settings .topup-btn{ white-space: nowrap;  width: 90px; padding: 7.5px 14px; text-align: center; }
.c_settings .topup-btn.roaming { white-space: nowrap; font-size: 13px; width: 90px; padding: 7.5px 14px; text-align: center; }
.c_settings.roaming #settings-container a{ line-height: 100px; }
.c_settings.roaming #settings-container p{ font-weight: 100; font-size: 12px; }
.c_settings.roaming form input[type=submit]{ margin-top:0px; height: 33px; line-height: 18px; }

.c_changesubscr #roaming { position: relative;  }
.c_changesubscr #roaming p{ font-weight: normal; margin-bottom: 16px; font-size: 12px;  }
.c_changesubscr #roaming form input[type=submit]{ margin-top:8px; }

table.change-subscr {width: 100%;}
#roaming .number-select{ right: 22px; }
#musicBlock {width: 340px;} 
#musicBlock .customStyleSelectBoxInner{ width: 191px; }
#musicBlock #listenMusicBtn{ margin-left: 7px;  padding: 8px 15px 7px; }
#circle-table{ margin: auto; }
input#customlabel{ width: 222px; }

#linediv .statb { width: 47%; float: left; min-height: 190px;}
#linediv .statb p{ position: relative; margin-top: 8px; }
#linediv .statb p a{ color:red; text-decoration: underline; font-style: italic; }
#linediv .statb .budgetphonecheckbox{ margin-left: 20px; }
#linediv .statb .budgetphonecheckbox+label{ margin-left: 16px; padding-bottom: 0; }
.multiplequeues {margin-top: 12px;}

#changepassformsub .pad{ line-height: 80px; }


.c_changesubscr .budgetphoneright{ margin-top: -56px; }
.c_changesubscr .red_desc{ font-size: 12px; font-weight:100; }
.c_changesubscr .submit { display: block; margin: auto; }
#changesubscrbutton{ margin-top: 16px !important; }
.c_callme #forward .budgetphoneright+.control-group{ margin-top: 60px; }
.c_callme #forward{ position: relative; }
.c_callme #forward div.budgetphoneright{ position: absolute; top:30px; right:20px; }

.c_pbx .outside dt, .c_pbx .outside dd { height: 25px; }
.c_pbx dl.back .customStyleSelectBoxInner{ width: 180px; }
.c_pbx dl.back+dl.forward { clear:both; }
.c_pbx #secondVarse{ margin-bottom: 16px; }
.c_pbx /*#secondVarse select { margin-left: 0 !important; }*/
.c_pbx #saveQueue .link_popup_div{ margin-top: 16px; }
.c_pbx #saveQueue .pbx_first_choice label{ line-height: 23px; }
.c_pbx #announcement+label{ font-style: italic; }
.c_pbx form.queues p{ margin-left: 16px; }
.c_pbx .separator{margin-top: 16px;}
.c_pbx dt.text{ margin-left: 23px; }
.c_pbx .link_popup_div{ margin-top: 20px; }
.tiny{ width: 35px; height: 20px !important; font-size: 10px; padding: 0; }
.c_pbx .tiny{ clear: left; float: left;margin-right: 8px; position: relative; z-index: 1; background-color: transparent;-webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 21px; padding-left: 3px; }
.c_pbx .tiny+label{line-height: 26px;  }
.c_pbx .tiny+label:before{ content:""; position: absolute; width: 19px; height: 20px; background-color: red; left: 34px; z-index: 0;}
.c_pbx .tiny+label:after{ content: ''; position: absolute; border: 3px solid transparent; border-top: 5px solid #FFF; margin-top: 8px; left: 40px; z-index: 0;}