body{ font-family: 'Arial', 'Helvetica'; color: #333333; margin: 10px 0px 0px 30px; font-size: 14px; background: url(i/world_ip.jpg) no-repeat;}
a{ color: #4c9cd9; text-decoration: none; border-bottom: 1px solid;}
a:hover{ color: red;}

.link_dashed{ color: #4c9cd9; text-decoration: none; border-bottom: 1px dashed;}
.link_dashed:hover{ color: red; text-decoration: none;}

.link_gr{ color: #50ab47; text-decoration: none; border-bottom: 1px solid;}
.link_gr:hover{ color: red; text-decoration: none; }

.link_gr_dashed{ color: #50ab47; text-decoration: none; border-bottom: 1px dashed;}
.link_gr_dashed:hover{ color: red; text-decoration: none;}
.link_gr_dashed_bordered{ background: #fe6c43; color: #ffffff; text-decoration: none; bborder: 1px solid #ffb095; border-radius: 6px; padding: 2px 6px 3px 6px;}
.link_gr_dashed_bordered:hover{ background: #fe6c43; color: #ffffff; text-decoration: none; bborder: 1px solid #ffb095; border-radius: 6px; padding: 2px 6px 3px 6px;}

.link_2{ font-size: 18px; text-decoration: none; border-bottom: 1px dotted;}
.link_dashed_black{ text-decoration: none; border-bottom: 1px dashed; color: #000;}

.link_mini_dashed{ text-decoration: none; border-bottom: 1px dashed;}
.link_mini_dashed_i{ font-size: 11px; font-style: italic; text-decoration: none; border-bottom: 1px dashed;}

#get_web_did_info{ width: 240px;}
.predicted_7{ float:left;}
#get_web_did_info_progressbar{ position: relative; left: -35px; top: 3px; float:right;}

.noanswer{ color: red; }
.busy{ color: yellow; }

#login{          position: absolute; top: 25%; left: 40%; width: 210px; lline-height: 40px; text-align: center;}
.netwepbx_title{ font-size: 40px; font-weight: normal; color: #50ab47;}
.netwepbx_title_min{ position: absolute; font-size: 14px; font-weight: normal; color: #aaabbb; margin-top: -10px; margin-left: 0px;}
.login_name{     width: 200px; height: 30px; border: 1px solid #ccc; border-radius: 4px; color: #aaa; font-style: italic; font-size: 12px; background-color: #ffffff; padding-left: 8px; margin-top: 8px;}
.login_password{ width: 200px; height: 30px; border: 1px solid #ccc; border-radius: 4px; color: #aaa; font-style: italic; font-size: 12px; background-color: #ffffff; padding-left: 8px; margin-top: 8px;}
.login_enter{    width: 100px; height: 26px; border: 0px solid #ccc; border-radius: 4px; color: #fff; font-style: normal; font-size: 12px; background-color: #50ab47; margin-top: 8px;}
.login_focus{    width: 200px; height: 30px; border: 1px solid #50ab47; border-radius: 4px; color: #000; font-style: normal; font-size: 12px; background-color: #ffffff; padding-left: 8px; margin-top: 8px;}


#login_ny{          position: absolute; top: 20%; left: 51%; width: 210px; lline-height: 40px; text-align: center;}
.netwepbx_title_ny{ font-size: 40px; font-weight: normal; color: #50ab47;}
.netwepbx_title_min_ny{ position: absolute; font-size: 14px; font-weight: normal; color: #ffffff; margin-top: -10px; margin-left: 0px;}
.login_name_ny{     width: 200px; height: 30px; border: 0px solid #ccc; border-radius: 4px; color: #aaa; font-style: italic; font-size: 12px; background-color: #ffffff; padding-left: 8px; margin-top: 8px;}
.login_password_ny{ width: 200px; height: 30px; border: 0px solid #ccc; border-radius: 4px; color: #aaa; font-style: italic; font-size: 12px; background-color: #ffffff; padding-left: 8px; margin-top: 8px;}
.login_enter_ny{    width: 100px; height: 26px; border: 0px solid #ccc; border-radius: 4px; color: #fff; font-style: normal; font-size: 12px; background-color: #50ab47; margin-top: 8px;}
.login_focus_ny{    width: 200px; height: 30px; border: 0px solid #50ab47; border-radius: 4px; color: #000; font-style: normal; font-size: 12px; background-color: #ffffff; padding-left: 8px; margin-top: 8px;}



.date{      position: relative; float: left; width: 78px;}
.user_menu{ position: relative; float: left; left: 970px;}

.month{   background: #50ab47; color: #ffffff;   text-align: center; font-size: 10px; height: 12px; border: 1px solid #50ab47; border-radius: 4px 4px 0px 0px; padding: 1px;}
.day{     background: #ffffff; color: #555; #50ab47; border-left: 1px solid #50ab47; border-right: 1px solid #50ab47; text-align: center; font-size: 20px; padding: 2px 0px 2px 0px; height: 18px;}
.dayname{ background: #ffffff; color: #555; #50ab47; border-left: 1px solid #50ab47; border-right: 1px solid #50ab47; border-bottom: 1px solid #50ab47;   text-align: center; font-size: 10px; padding-bottom: 2px; border-radius: 0px 0px 4px 4px;}
.clock{   background: #ffffff; text-align: center; margin-top: 2px; font-size: 12px;}

.menu_left{ position: absolute; left: 30px; top: 100px; font-size: 16px; line-height: 30px;}
.menu_left_settings{ margin-left: 8px; font-size: 12px; line-height: 24px;}

.event_warning{ font-weight: bolder; color: red;}

.content{ position: absolute; left: 250px; top: 70px; padding-bottom: 30px;}
.queue_member_table{ padding: 10px; background: #fff; border-radius: 6px; font-size: 14px; border: 1px dotted #50ab47; margin: 0px 10px 10px 0px;}
.queue_member_table table { font-size: 14px;}
.queue_member_table table td { padding-right: 14px;}
.queue_member_table table tr { line-height: 20px;}
.queue_member_table .queue_members td { padding-left: 4px;}

.users_table{ padding: 10px; background: #fff; border-radius: 6px; font-size: 14px; border: 1px dotted #50ab47; margin: 0px 10px 10px 0px;}
.users_table table { font-size: 14px;}
.users_table table td { padding-right: 14px;}
.users_table table tr { line-height: 20px;}

.droute_table { padding: 10px; background: #fff; border-radius: 6px; font-size: 14px; border: 1px dotted #50ab47; margin: 0px 10px 10px 0px;}
.droute_table table { font-size: 14px;}
.droute table table td { padding-right: 14px;}
.droute_table table tr { line-height: 20px;}

#web_get_droute_search{ position: absolute; top: 30px; left: 550px; width: 500px; border: 0px solid #000;}
#droute_search_result { margin-top: 16px;}
#droute_search_result .result { width: 400px; padding: 10px; background: #fff; border-radius: 6px; font-size: 14px; border: 1px solid #50ab47; margin: 0px 10px 10px 0px;}
#droute_Search_result .comment { font-size: 10px; font-style: italic;}
.edit_droute{ position: relative; top: 10px; line-height: 24px; width: 380px; padding: 10px; background: #fff; border-radius: 6px; border: 1px solid #50ab47; margin: 0px 10px 10px 0px;}


#reports{ position: absolute; left: 210px; top: 70px;}
#monitoring{ position: absolute; left: 580px; top: 70px;}

#report_main{ padding: 5px; background: #fff; border-radius: 6px; font-size: 14px; border: 1px dotted #50ab47; margin: 0px 10px 10px 0px;}
#report_main table{ width: 330px; font-size: 14px;}

#report_dids_title{}
#report_dids{ display: none; padding: 5px; background: #fff; border-radius: 6px; font-size: 14px; border: 1px dotted #50ab47; margin: 0px 10px 10px 0px;}
#report_dids table{ width: 330px; font-size: 14px;}

#monitoring_phones{ float: left; padding: 5px; background: #fff; border-radius: 6px; font-size: 14px; border: 1px dotted #50ab47; margin: 0px 10px 10px 0px;}
#monitoring_phones table { font-size: 14px;}
#monitoring_phones tr {}
#monitoring_phones td {padding-right: 4px;}

#monitoring_trunks{ float: left; padding: 5px; background: #fff; border-radius: 6px; font-size: 14px; border: 1px dotted #50ab47; margin: 0px 10px 10px 0px;}
#monitoring_trunks table {font-size: 14px;}
#monitoring_trunks td {padding-right: 4px;}

#monitoring_system{ float: left; padding: 5px; background: #fff; border-radius: 6px; font-size: 14px; border: 1px dotted #50ab47; margin: 0px 10px 10px 0px;}
#monitoring_system table {font-size: 14px;}
#monitoring_system td {padding-right: 10px;}

#managers_rating{ float: left; padding: 5px; background: #fff; border-radius: 6px; font-size: 14px; border: 1px dotted #50ab47; margin: 0px 10px 10px 0px;}
#managers_rating table {width: 330px; font-size: 14px;}
#managers_rating td {padding-right: 10px;}

.icons_edit{ position: relative; float: right; }
.user_menu{         border: 1px solid #dddddd; border-radius: 4px; padding: 6px 8px 6px 8px;}

.button_exit{       color: #50ab47;}
.button_exit:hover{ color: red;}

.button_ok{       height: 20px; padding: 0px 15px 0px 15px; font-size: 12px; color: #ffffff; background: #50ab47; border: 0px; border-radius: 2px; cursor: pointer;}
.button_ok_hover{ height: 20px; padding: 0px 15px 0px 15px; font-size: 12px; color: #ffffff; background: #fe6c43; border: 0px; border-radius: 2px; cursor: pointer;}

.button_ok_small{     width: 24px; height: 18px; font-size: 10px; color: #fff; background: #50ab47; border: 0px; ppadding: 0px; border-radius: 6px;}
.button_cancel{ height: 18px; font-size: 12px; color: #fff; background: red;     border: 0px; border-radius: 2px;}
.button_cancel_small{ width: 24px; height: 18px; font-size: 10px; color: #fff; background: red;     border: 0px; ppadding: 0px; border-radius: 6px;}
.button_inactive{ height: 18px; font-size: 12px; color: #fff; background: #ccc; border: 0px; border-radius: 2px; }

.event{ color: #50ab47; font-weight: bolder;}
.error{ color: red;}

.title1{ font-size: 14px; color: #50ab47;}
.title2{ font-size: 16px; color: #50ab47;}
.title3{ font-size: 20px; color: #50ab47;}
.title4{ font-size: 22px; color: #50ab47;}

.lamp_green{  font-weight: normal; text-align: center; width: 50px; padding: 1px 1px 1px 1px; border-radius: 2px; background: #000; font-size: 11px; color: #00ff2a;}
.lamp_red{    font-weight: bold;   text-align: center; width: 50px; padding: 1px 1px 1px 1px; border-radius: 2px; background: #000; font-size: 11px; color: red;}
.lamp_yellow{ font-weight: bold;   text-align: center; width: 50px; padding: 1px 1px 1px 1px; border-radius: 2px; background: #000; font-size: 11px; color: yellow;}
.lamp_white{  font-weight: normal; text-align: center; width: 50px; padding: 1px 1px 1px 1px; border-radius: 2px; background: #000; font-size: 12px; color: #cccccc;}


#dform{ position: absolute; left: 200px; top: 70px;}
.statdetail{ position: absolute; left: 200px; top: 210px; background: #fff; padding: 8px; border-radius: 6px; border: 1px solid #dddddd; #50ab47; margin-bottom: 50px; padding-bottom: 10px; padding-right: 50px;}
.statdetail table{ font-size: 12px; font-family: Arial, Helvetica;}
.report_total{ position: absolute; left: 200px; top: 190px; font-size: 12px; color: #555;}
.report_string{       height: 22px; bbackground: #ffffff; cursor: pointer; }
.report_string_hover{ height: 22px; background: #dedede; cursor: pointer; }

.statdetail_queue_log{ padding-left: 35px; margin-top: 10px; margin-bottom: 20px;}
.statdetail_queue_log table{ background: #ebf4e8; border-radius: 6px 6px 6px 0px; border: 1px solid #cccccc; }
.statdetail_queue_log tr{ line-height: 18px;}
.statdetail_queue_log td{ padding-right: 6px; padding-left: 6px; padding-top: 2px; padding-bottom: 2px; font-size: 12px;}
.statdetail_queue_log .button_close{ height: 20px; padding: 0px 15px 0px 15px; font-size: 12px; color: #ffffff; background: #50ab47; border: 0px; border-radius: 0px 0px 2px 2px; cursor: pointer;}
.statdetail_queue_log .button_close_hover{ height: 20px; padding: 0px 15px 0px 15px; font-size: 12px; color: #ffffff; background: #fe6c43; border: 0px; border-radius: 0px 0px 2px 2px; cursor: pointer;}

.button_subshow{ bbackground: #ffffff; color: #50ab47; border: 1px solid #fff; border-radius: 4px; width: 14px; height: 14px; font-size: 12px; text-align: center; cursor: pointer;}
.button_subshow_hover{ background: #50ab47; color: #ffffff; border: 1px solid #50ab47; border-radius: 3px; width: 14px; height: 14px; font-size: 12px; text-align: center; cursor: pointer;}

.audioplayer{ margin-left: -10px; margin-top: 0px; margin-bottom: 20px; }

.input_text{ border: 1px solid #ccc; border-radius: 4px; padding: 1px; padding-left: 2px;}
.focus_on  { border: 1px solid #50ab47; padding: 1px;}
.note{ font-size: 12px;}

.tables{ font-size: 14px; padding: 10px; background: #fff; border-radius: 6px; border: 1px dotted #50ab47; margin: 0px 10px 10px 0px;}
.table_settings{ font-size: 14px;}
.table_settings input_text{ font-size: 14px;}
.table_settings tr{ height: 22px;}

.queues_config_table td{ padding-left: 4px;}

.settings_menu{ line-height: 30px;}
#settings_body{ display: none; margin-top: 30px; border: 1px solid #eee; width: 800px; padding: 10px; border-radius: 6px;}
#result{}
#edit_droute_result{ display: none; position: absolute; top: 200px; left: 500px; line-height: 40px; border: 1px solid #999; padding: 10px; border-radius: 6px;}
#add_droute_result{ display: none; width: 200px; line-height: 40px; border: 1px solid #999; padding: 10px; border-radius: 6px;}

h2{
    font-size: 16px;
    color: #008B00;
    margin-top: 4px;
    margin-bottom: 8px;
}

p{
    margin-bottom: 6px;
}

#time{
    position: absolute;
    top: 10px;
}

.leftbox{
    background: #008B00;
    width: 2px;
    height: 14px;
    margin-right: 6px;
    margin-bottom: 2px;
}

#dstring{
    background-color: #fff;
}

#editextname{    z-index:1; position:absolute; width:280px; height:40px; left:330px; background-color:#fff}

#formedittext{
    width: 180px;
    height: 18px;
    border: 1px solid #008B00;
    font-size: 12px;
    text-decoration: none;
}
#formeditok{
    height: 18px;
    width: 32px;
    border: 0px solid;
    background-color: #008B00;
    color: #fff;
    font-size: 12px;
}

#formeditcancel{
    height: 18px;
    width: 32px;
    border: 0px solid;
    background-color: #008B00;
    color: #fff;
    font-size: 12px;
}


#dcall{          font-size:12px; padding-top:10px;}
.callfromnumber{ height:15px; width:80px; border:1px solid #6f9e1d; font-size:11px; margin-top:-30px;}
.callfromok{     height:15px; width:24px; border:0px solid; background-color: #008B00; color:#fff; font-size:11px; font-weight:bold; margin-top:-30px;}
.callfromcancel{ height:15px; width:24px; border:0px solid; background-color: #008B00; color:#fff; font-size:11px; font-weight:bold; margin-top:-30px;}

.dnumbers{}
.icon_new{ width:24px; text-align:center; font-size:9px; color:#fff; background:red; padding:1px 3px 1px 3px; border-radius:3px;}
.icon_new:hover{ color:red; background:#fff; border: 1px solid red;}
#droute{ position: absolute; width: 362px; height: 112px; background: #008B00; color: #fff; padding: 6px 2px 2px 8px; border-radius: 4px;}
#droute h2{ font-size: 16px; color: #fff; margin-top: 4px; margin-bottom: 8px;}

#droute #formeditok{
    width: 32px;
    height: 15px;
    font-size: 12px;
    background: #fff;
    color: #000;
    margin-top: 1px;
    margin-left: 1px;
}

#droute #formeditcancel{
    width: 32px;
    height: 15px;
    font-size: 12px;
    background: #fff;
    color: #000;
}

.droute_names{
    position: relative;
    width: 150px;
    hheight: 60px;    
    line-height: 20px;
    font-size: 12px;
}

.droute_forms{
    position: absolute;
    width: 180px;
    hheight: 80px;
    left: 170px;
    top: 30px;}

.reports_sl_header{ position: absolute; top: 70px; left: 210px; font-size: 15px; color: #555555;}

.period{ float: left; width: 600px; margin-bottom: 30px;}
.period_current_active{ border-radius: 6px; border: 1px solid #ffb095; padding: 8px;}
.period_current_title{ float: left; width: 170px; font-size: 14px;}
.period_custom_title{  float: left; width: 170px; font-size: 14px;}
.period_current_menu{  word-spacing: 8px; font-style: italic;}
.period_custom_menu{}
.or{ width: 140px; text-align: center; margin-top: 10px; margin-bottom: 10px; font-size: 14px;}
.period_arr{ margin-left: 3px; height: 26px; color: #bbbbbb;}
.period_date{ height: 30px; border-radius: 6px; border: 1px solid #dddddd; padding: 8px;}
.period_date_start_span_active{ height: 30px; border-radius: 6px; padding: 8px;}
.period_date_end_span_active{   height: 30px; border-radius: 6px; padding: 8px;}
.period_date_start_active{ color: #fe6c43; border-bottom: 1px dashed;}
.period_date_end_active{   color: #fe6c43; border-bottom: 1px dashed;}
.bg_separator_gray{ z-index: -1; position: absolute; top: -20px; left: 570px;}

.type{ float: left; width: 390px; font-size: 13px;}
.type_active{ border-radius: 6px; border: 1px solid #dddddd; padding: 6px;}

.group_by_title{ float: left; width: 130px; margin-top: 0px;}
.queues_title{   float: left; width: 130px; margin-top: 8px;}
.members_title{  float: left; width: 130px; margin-top: 8px;}
.did_title{      float: left; width: 130px; margin-top: 8px;}

.group_by_menu{  word-spacing: 8px; font-style: italic; margin-top: 0px;}
.queues_menu{    word-spacing: 8px; font-style: italic; margin-top: 8px;}
.members_menu{   word-spacing: 8px; font-style: italic; margin-top: 8px;}
.did_menu{       word-spacing: 8px; font-style: italic; margin-top: 8px;}



.buttons{ ffloat: left; margin-top: 20px; wwidth: 160px; height: 100px; bborder: 1px solid #000; font-size: 15px;}
.buttons .button_search {  mmargin-top: 90px; width: 80px; text-align: center; color: #ffffff; background: #50ab47; padding: 2px; border-radius: 4px; cursor: pointer;}
.buttons .button_search:hover { background: #f36c43;}
.buttons .button_search_processing {mmargin-top: 90px; width: 80px; text-align: center; color: #ffffff; background: #cccccc; padding: 2px; border-radius: 4px;}

.start_date{ position: absolute; z-index: 1; left: 140px; top: 85px;}
.end_date{   position: absolute; z-index: 1; left: 362px; top: 85px;}

.input_select_time{ height: 20px; border: 1px solid #cccccc; border-radius: 3; padding: 0px; -webkit-appearance: none; apperance: none; text-indent: 0.01px; text-overflow: '';}
.period_time{ font-weight: bolder;}

.calendar{width: 210px; height: 230px; padding: 0px; margin: 0px; border: 1px solid #dddddd; border-radius: 4px; font-size: 13px; background: #ffffff; box-shadow: 1px 1px 3px;}
.calendar_button_close{        position: relative; left: 200px; top: 1px; width: 1px; height: 1px; font-size: 11px; color: #e13c3f; text-decoration: none; padding: 0px; margin: 0px; cursor: pointer;}
.calendar_button_close_active{ position: relative; left: 200px; top: 1px; width: 1px; height: 1px; font-size: 11px; color: #e13c3f; text-decoration: none; padding: 0px; margin: 0px; cursor: pointer; font-weight: bold;}
.calendar_header{ height: 20px; padding: 0px 2px 2px 0px; margin: 10px 0px 2px 20px; font-size: 14px; }
.arr_left{  float: left; width: 20px; height: 20px; cursor: pointer; }
.icon_prev{ float: left; margin-top: 5px;}
.month_ru{  float: left; width: 130px; height: 20px; margin: 0px 0px 0px 0px; text-align: center;}
.arr_right{ float: left; width: 20px; height: 20px; cursor: pointer;}
.icon_next{ float: right; margin-top: 5px;}
.calendar_days_names{ height: 18px; padding: 2px; margin: 14px 2px -6px 7px; text-align: center;}
.day_name{ float: left; width: 27px; color: #4c9cd9; font-size: 11px; font-weight: bolder;}
.day_name_weekend{ float: left; width: 27px; color: #e13c3f; font-size: 11px; font-weight: bolder;}
.calendar_days{ width: 195px; height: 132px; padding: 2px; margin: 2px 2px 2px 7px; text-align: center;}
.calendar_day_box{        float: left; height: 27px; width: 27px; cursor: pointer;}
.calendar_day_box_empty{        float: left; height: 27px; width: 27px;}
.calendar_day_box_active{ float: left; height: 27px; width: 27px; cursor: pointer; border-radius: 4px; background: #50ab47; color: #ffffff;}
.calendar_day_box_today{  float: left; height: 27px; width: 27px; cursor: pointer; border-radius: 4px; background: #ffffff; color: #f36c43; font-weight: bold;}
.calendar_day_box_picked{ float: left; height: 27px; width: 27px; cursor: pointer; border-radius: 4px; background: #f36c43; color: #ffffff;}
.calendar_day{ padding: 6px 0px 0px 0px; font-size: 12px; }
.calendar_day_empty{ padding: 6px 0px 0px 0px; font-size: 12px; }
.calendar_button_today{ width: 21px; padding: 6px 3px 6px 3px; margin-left: 5px; font-size: 12px; ffloat: left;}


.reports_sl_body{ position: absolute; z-index: 0; left: 200px; top: 200px; font-size: 14px; color: #555555;}
.reports_sl_body .info_name{ color: #50ab47;}
.reports_sl_body .info_count{ margin-left: 20px; font-style: italic;}
.reports_sl_body table{ padding: 5px; background: #fff; border-radius: 6px; font-size: 12px; border: 1px solid #dddddd; margin: 4px 10px 40px 0px;}
.reports_sl_body .title{ font-style: ialic; font-weight: bolder;}
.reports_sl_body tr{}
.reports_sl_body td{ padding-right: 20px; padding-left: 5px; color: #555555;}
.common_queue_log_agents{}



.page_div_test{
    width: 200px;
    hheight: 230px;
    padding: 10px;
}

.widget_sms_box{
}

.widget_sms_did_box{
    height: 22px;
}
.widget_sms_did_text{
    float: left;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    vertical-align: middle;
}

.widget_sms_did{
    border: 1px solid #252525;
    border-radius: 4px;
    width: 158px;
    height: 15px;
    font-family: Verdana;
    background: #fff;
    color: #252525;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    float: right;
    outline: none;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;

    overflow: hidden;
    white-space: nowrap;
    z-index: 10;
}

.widget_sms_did_flag{
    position: relative;
    top: 2px;
    left: 3px;
    width: 16px;
    height: 11px;
    border: 0px;
    padding-right: 6px;
    outline: none;
}

.widget_sms_did_arrow{
    float: right;
    position: relative;
    top: -1px;
    left: -1px;
}


.widget_sms_didlist{
    display: none;
    position: relative;
    width: 147px;
    top: 0px;
    left: -5px;
    background-color: #fff;

    border-radius: 0px 0px 4px 4px;
    border-bottom: 1px solid #252525;
    border-left:   1px solid #252525;
    border-right:  1px solid #252525;
    font-family: Verdana;
    color: #252525;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    padding-top: 2px;
    float: right;
    outline: none;
    box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.5);
    margin-bottom: -50px;
}

.select_list_option{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 0px;
}

.select_list_option_onmouse{
    background-color: #eee;
    border-radius: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 0px;
    cursor: pointer;
}

.select_list_option_icon{
    position: relative;
    top: 1px;
    left: 0px;
    width: 16px;
    height: 11px;
    border: 0px;
    padding-right: 3px;
}

}
.widget_sms_to_box{
    height: 22px;
}
.widget_sms_to_title{
    float: left;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    vertical-align: middle;
    outline: none;
}
.widget_sms_to_input{

    border: 1px solid #252525;
    border-radius: 4px;
    width: 160px;
    font-family: Verdana;
    color: #252525;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    padding-left: 4px;
    margin: 0 0 4px 0px ;
    float: right;
    outline: none;
}

.widget_sms_to_notice{
    display: none;
    float: right;
    mmargin-top: 3px;
}

.notice_div{
    float: left;
    height: 16px;
    line-height: 16px;
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 4px;
    border-radius: 3px;
    border: 1px solid #bbb;
    background-color: #fffcc9;
    color: #252525;
    outline: none;
    font-size: 11px;
}


.widget_sms_button_close{
    float: right;
    position: relative;
    z-index: 0;
    top: 4px;
    left: 1px;
    border: 0;
}

.error_div{
    float: left;
    height: 16px;
    line-height: 16px;
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 4px;
    border-radius: 3px;
    background-color: #ff3a3f;
    color: #fff;
    outline: none;
    font-size: 11px;
}


.widget_sms_text_box{

}
.widget_sms_text_input{
    border: 1px solid #252525;
    border-radius: 4px;
    width: 100%;
    font-family: Verdana;
    color: #252525;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    padding: 0px 2px 2px 4px;
    line-height: 1.6em;
    vertical-align: top;
    outline: none;
    resize: none;
}

.widget_sms_send_box{}

.widget_sms_send_submit{
    text-decoration: none;
    border: none !important;
    background: #50ab47;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 11px;
    font-weight: bold;
    width: 80px;
    height: 20px;
    border-radius: 4px !important;
    margin: 4px 0 0 0 !important;
    outline: none;
}

.widget_sms_send_submit_inactive{
    text-decoration: none;
    border: none !important;
    background: #ccc;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 11px;
    font-weight: bold;
    width: 80px;
    height: 20px;
    border-radius: 4px !important;
    margin: 4px 0 0 0 !important;
    outline: none;
    cursor: default;
}

.widget_sms_send_submit_progress{
    text-decoration: none;
    border: none !important;
    background: #50ab47;
    background: url('i/progress_bar_ball.gif') no-repeat;
    background-position: center center;
    background-size: 300px;
    color: #fff;
    cursor: default;
    float: right;
    font-size: 11px;
    font-weight: bold;
    width: 80px;
    height: 20px;
    border-radius: 4px !important;
    margin: 4px 0 0 0 !important;
    outline: none;
}

.widget_sms_menu_micro{
    float: left;
    width: 110px;
    margin-top: 4px;
}

.widget_sms_menu_micro_icon{
    border-radius: 4px;
    border: 1px solid #eee;
    padding: 1px;
    cursor: pointer;
    outline: none;
}

.widget_sms_menu_micro_icon_hover{
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 1px;
    cursor: pointer;
    outline: none;
}

.link_micro_dashed{
    font-size: 9px;
    font-family: 'Verdana';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px solid;
    cursor: pointer;
}

#widget_sms_status{
    display: none;
}

.widget_sms_status{
    float: right;
    width: 46px;
    height: 16px;
    line-height: 16px;
    padding-left: 4px;
    padding-right: 4px;
    margin-top: 1px;
    margin-bottom: 0px;
    border-radius: 3px;
    border: 1px solid #bbb;
    background-color: #fffcc9;
    color: #252525;
    outline: none;
    font-size: 11px;
}

.widget_sms_status_error{
    position: relative;
    top: 1px;
    float: right;
    width: 46px;
    height: 18px;
    line-height: 16px;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 3px;
    border: 1px solid #bbb;
    background-color: #fffcc9;
    color: red;
    outline: none;
    font-size: 11px;
    font-weight: bolder;
}

.error_text{
    position: relative;
    top: -3px;
}
.error_icon{
    position: relative;
    top: 1px;
    border: 0;
}

.widget_sms_status_delivered{
    float: right;
    width: 46px;
    height: 16px;
    line-height: 16px;
    padding-left: 4px;
    padding-right: 4px;
    margin-top: 1px;
    margin-bottom: 0px;
    border-radius: 3px;
    border: 1px solid #50ab47;
    background-color: #50ab47;
    color: #fff;
    outline: none;
    font-size: 11px;
}


.widget_sms_footer_box{
        padding-top: 30px;
}

.widget_sms_footer_text{
    line-height: 1.6em;
    font-size: 11px;
    color: #aba4ab;
    font-family: 'Verdana';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

.ac_results{
    font-family: 'Verdana';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 11px;
    margin-top: 0px;
    margin-left: 2px; 
    padding: 0px; 
    border-left:   1px solid #252525;
    border-right:  1px solid #252525;
    border-bottom: 1px solid #252525;
    border-top:    0px solid #252525;
    border-radius: 0px 0px 4px 4px;
    background-color: window; #fafafa;
    overflow: hidden;
}

.ac_results iframe{ position: absolute; top: 0; left: 0; z-index: -1; filter: mask(); width: 3000px; height: 3000px;}
.ac_results ul{ list-style-position: outside; list-style: none; padding: 0; margin: 0;}
.ac_results li{ margin: 0px; padding: 2px 5px; cursor: pointer; display: block; width: 100%; overflow: hidden;}
.ac_loading{}
.ac_over{ background-color: Highlight; color: HighlightText;}