/**
* GENERAL
*/
html, body {
    margin: 0;
    padding: 0;
    text-align: center;
    height: 100%;
}
#__FORM {
    width: 100%;
    height: 100%;
}

#wrapper {
    width: 95%;
    margin: 0 auto;
    text-align: left;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    background: url('../images/left_menu_background.png') repeat-y;
}

#wrapper_no_background 
{
    width: 960px;
    margin: 0 auto;
    text-align: left;
}

.invisible {
    display: none;
}
.center {
	text-align: center;
}

.centered {
	text-align: center;
}

.error_list
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	font-family: tahoma,helvetica,arial;
	font-size: 11px;
}

table tr td .error_list
{
	clear: both;
}

#body
{
	position: relative;
}

img
{
	border: none;
}

a
{
	letter-spacing: 1px;
	font-family: tahoma,helvetica,arial;
	font-size: 11px;
	text-decoration: none;
	color: black;
	cursor: pointer;
}

#space_left {
	font-size: 12px;
	font-family: arial;
	font-weight: normal;
	padding: 5px;
}

td
{
	overflow: hidden;
}

th
{
	overflow: hidden;
}

/**
* TOP
*/
#banner {
    background: url('../images/lay.png');
    background-repeat: repeat;
    width: 100%;
    height: 100px;
}
#logo2 {
    background: url('../images/baner.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100px;
    clear: both;
}
#feedback {
	position: fixed;
	right: 0px;
	width: 26px;
	top: 94px;
}
#top {
    width: 100%;
    background: #fff;
	clear: both;
}
#top_home {
	position: relative;
    width: 960px;
	height: 74px;
    background: #fff;
	clear: both;
}
#logo{
    position: absolute;
    top: 0;
}
#top_info {
    float: right;
    width: 250px;
    font-family: arial;
    font-size: 11px;
    color: #000;
    margin-top: 12px;
    text-align: right;
}
#top_info a {
    color: #e91111;
    font-weight: bold;
    text-decoration: none;
}
#top_info .grayed_info {
    color: #999999;
    font-size: 10px;
}
/**
* MAIN MENU
*/
#main_menu {
    padding: 67px 0 0 221px;
    margin: 0;
    list-style: none;
    height: 27px;   
}
.menu_highlighted {
    background: #fff !important;
}
#main_menu li {
    float: left;
}
#main_menu li a {
    display: block; 
}
#main_menu li {
    position: relative;
}
#services {
    z-index: 100;
}
#business {
    margin-left: -10px;
    z-index: 99;
}
#payments {
    margin-left: -10px;
    z-index: 98;
}
#services a {
    background: url('../images/uslugi_grey.png');
    width: 148px;
    height: 27px;        
}
#services a.selected {
    background: url('../images/uslugi_blue.png');
}
#business a {
    background: url('../images/biznes_grey.png');
    width: 148px;
    height: 27px;        
}
#business a.selected {
    background: url('../images/biznes_blue.png');
}
#payments a {
    background: url('../images/platnosci_grey.png');
    width: 148px;
    height: 27px;       
}
#payments a.selected {
    background: url('../images/platnosci_blue.png');
}
/**
* NAVIGATION
*/
#navigation_buttons {
	z-index: 3;
	width: 222px;
	height: 27px;
	padding-top: 3px;
	text-align: center;
}
#navigation {
    margin-left: 1px;
    background: url('../images/button_background.png');
    height: 27px;
    
    padding-left: 254px;
    padding-top: 10px;
	margin-top: -30px;
    
    font-family: arial;
    font-size: 10pt;
    color: #c4c4c4;
}
#navigation a {
    text-decoration: none;
    
    font-family: arial;
    font-size: 9pt;
    color: #c4c4c4;
    
    margin: 0 10px 0 0;
}
/**
* LEFT MENU
*/
.left_menu {
    margin: 0;
    padding: 0;
    padding-left: 1px;
    list-style: none;
    float: left;    
}
.left_menu li {
    width: 222px;
    background: url('../images/button_background.png') repeat-x bottom;
}
.left_menu li a {
    display: block;
    width: 183px;
    font-family: arial;
    font-weight: bold;
    color: #3b7cc0;
    font-size: 12px;
    text-decoration: none;
    padding: 10px 20px;
}
.left_menu li .left_menu_submenu {
    margin: 0;
    padding: 0;
    list-style: none;
}
.left_menu li .left_menu_submenu li {
    background: none; 
}
.left_menu li .left_menu_submenu a {
    font-weight: normal;
    padding: 0 40px;
    padding-bottom: 10px;
    color: #3b7cc0;
}

.menu_item_highlighted a {
    color: #000 !important;
}

/**
* CONTENT
*/
#content {
    margin-left: 254px;
    padding-bottom: 45px;    
}

#content h1 {
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    color: #4885c4;
} 
/**
* FOOTER
*/
#footer_wrapper {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 45px;
    background: #f0f0f0;
    clear: both;
    margin-top: -45px;
    
    font-family: arial;
    font-size: 10pt;
    font-weight: bold;
    color: #c4c4c4;
    
    text-align: center;
}

#footer {
    width: 960px;
    margin: 0 auto;
    
    text-align: left;
    
    padding-top: 13px; 
}
/**
* GENERAL TABLE
*/
.general_table {
    width: 100%;
    border-collapse: collapse;
}
.general_table .odd {
    background: #fff;
}
.general_table .even {
    background: #eff2f5;
}
.general_table tr {
    border: solid 1px #c2d2e1; 
}
.general_table .summary {
    background: #dbdbdb;
}

.general_table .summary td{
	font-weight: bold;
}

.general_table tr th {
    background: #eef3f7;
    
    padding: 10px 5px;
    
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
}
.general_table tr td {
    padding: 5px;
    
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
}
.general_table tr .bordered {
    border: solid 1px #c2d2e1;
}
.general_table tr .actions {
    text-align: right;
}
.general_table tr th input {
    padding-left: 2px;
}
.general_table tr th input.left_padded {
    margin-left: 20px;
    padding-left: 0;
}
.general_table_top_margin {
    margin-top: 10px;
}

.general_table .empty
{
	background-color: #dfe3ff;
	font-weight: bold;
}
/**
* FORMS
*/
.form_table {
    width: 100%;
    background: #eef3f7;
    border-collapse: collapse;
    border: solid 1px #c2d2e1;
}
.form_table tr th {
    font-family: arial;
    font-size: 14px;
    color: #666666;
    font-weight: normal;
    padding: 14px 19px;
    text-align: left;
}
.form_table tr td {
    font-family: arial;
    font-size: 12px;
    color: #666666;
    padding: 1px;
}
.form_table tr td.title {
    font-weight: bold;
}
.form_table tr td.bold {
    font-weight: bold;
}
.form_table tr td.help {
    font-style: italic;
    text-align: left;
}
.form_table tr td.left {
    text-align: right;   
}
.form_table tr td.right {
    text-align: left;   
}
.form_table tr .button {
    text-align: center;
}
.form_table tr .button {
    text-align: center;
}
.form_table tr.top_space td {
    padding-top: 10px;
}
.form_table tr.bottom_space td {
    padding-bottom: 10px;
}
.form_table tr td input {
    border: solid 1px #c2d2e1;
    font-size: 12px;
    font-family: arial;
}

.form_table tr td textarea {
    border: solid 1px #c2d2e1;
}

.form_table img
{
    border: none;
}

.general_form_table tr td input
{
    border: solid 1px #c2d2e1;
    font-size: 12px;
    font-family: arial;
}

/**
* FILTER FORM
*/
.filter_table {
    width: 100%;
    background: #eef3f7;
    border-collapse: collapse;
    border: solid 1px #c2d2e1;
    padding: 10px;
}
.filter_table tr td {
    font-family: arial;
    font-size: 12px;
    color: #666666;
    padding: 1px;
}
.filter_table tr td.help {
    font-style: italic;
    text-align: left;
}
.filter_table tr td.left {
    text-align: right;   
}
.filter_table tr td.right {
    text-align: left;   
}
.filter_table tr .button {
    text-align: center;
}
.filter_table tr.top_space td {
    padding-top: 10px;
}
.filter_table tr.bottom_space td {
    padding-bottom: 10px;
}
.filter_table tr td input {
    border: solid 1px #c2d2e1;
    font-size: 12px;
    font-family: arial;
}
/**
* INPUTS
*/
input.icon {
    vertical-align: middle;
}
input.small {
    width: 37px;
}
/**
* COMBOBOX
*/
.combobox_wrapper
{
    position: relative;
    height: 17px;
    cursor: pointer;
    overflow: visible;
    white-space: nowrap;
    z-index: 100;
    float: left;
    
}

.combobox_item {
    display: inline-block;
    width: 100%;
	margin-bottom: 1px;
}

.combobox_item_disabled
{
    color: grey;
}

.combobox_item_selected
{
    font-weight: bold;
}

.combobox_item_highlighted {
    background-color: #E87600;
}

.combobox_required_marker
{
    float: left;
    width: 15px;
    height: 15px;
}

.combobox_control_wrapper
{
    position: relative;
}

.combobox_text_left
{
    display: none;
}

.combobox_text
{
    position: relative;
    background: #fff;
    height: 15px;
    border: solid 1px #c2d2e1;
    overflow: hidden;
    text-align: center;
    z-index: 101;
    color: black;
    float: left;
}

.combobox_text_right
{
    display: none;    
}

.combobox_arrow
{
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url(../images/arrow_down.png);
    right: 4px;
    z-index: 101;
    line-height: 0;
}

.combobox_content_wrapper
{
    position: absolute;
    overflow-x: visible;
    overflow-y: visible;
}

.combobox_content
{
    border: solid 1px #c2d2e1;
    background: #fff;
    position: relative;
    padding: 2px 20px 2px 2px;
    text-align: left;
    white-space: normal;
    overflow-x: visible;
    overflow-y: auto;
    float: left;
    font-family: arial;
    font-size: 12px;
}

.combobox_content a {
    color: #666666;
    font-family: arial;
    text-decoration: none;
    font-size: 12px;
}

.combobox_content .tree
{
}

.combobox_closebuttons
{
    position: absolute;
    padding: 2px 2px 2px 2px;
    right: -20px;
    top: 0px;
    width: 15px;    
    height: 15px;
    border: solid 1px #c2d2e1;
    background: #fff;
}

.combobox_closebutton
{
    width: 15px;
    height: 15px;
    cursor: pointer;
}
/**
* PAGINATION
*/
.pagination {
    font-family: arial;
    font-size: 12px;
    color: #333333;
}
.pagination tr td a {
    text-decoration: none;
    margin: 0 4px;
}
.pagination tr td.selected a {
    font-weight: bold;
}
.pagination {
    margin: 0 auto;
}
/**
* BUSYBOX
*/
#busybox_wrapper {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    z-index: 999999;
    overflow: visible;
}

#busybox {
    position: absolute;
    left: -50px;
    top: -50px;
    width: 100px;
    height: 100px;
    border: solid 1px black;
    background: white url(../images/wait_icon.gif) center no-repeat;
}
/**
* LOGIN FORM
*/
#login_form
{
    position: relative;
    width: 471px;
    margin-left: auto;
    margin-right: auto;
    top: 50px;
    color: #7b7c7e;
	background-color: #eef3f7;
	border: solid 1px #c7d0d7;
}

#login_form_table
{
	border: none;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

#login_form_table .vert_space
{
	padding-top: 30px;
}

#login_form_table .separator
{
	padding-left: 40px;
	padding-right: 40px;
	border-bottom: solid 1px #a7acb0;
}

#login_form_table #message
{
	text-align: center;
	color: red;
}
/**
* WIDGETS
*/
.widget_date {
    width: 70px !important;
}

.widget_time {
    width: 44px;
}
/**
* HISTORY IFRAME
*/
#history_frame
{
	display: none;
	visibility: hidden;
}











/* IVR */
.ivr_dialog_title
{
	font-size: 11px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	border-bottom: solid 1px black;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	background-color: #0e2ca3;
}

.ivr_dialog_buttons
{
	border-top: solid 1px black;
	width: 100%;
	height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #cad3fb;
	margin-top: auto;
	bottom: 0px;
}

.ivr_dialog_content
{
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	max-height: 600px;
	overflow-y: auto;
}

.ivr_component
{
	font-size: 9px;
	font-family: tahoma;
	background-image: url(../images/ivr_component_middle.png);
	background-repeat: no-repeat;
	background-position: 16px 16px;
	background-color: #666666;
}

.ivr_component_header
{
	position: absolute;
	overflow: hidden;
	text-align: center;
	height: 16px;
	max-height: 28px;
	padding-bottom: 1px;
	background-image: url(../images/ivr_component_header.png);
}

.ivr_component_header_com
{
	position: absolute;
	overflow: hidden;
	text-align: center;
	height: 16px;
	max-height: 28px;
	padding-bottom: 1px;
	background-image: url(../images/ivr_component_header_com.png);
        background-repeat: no-repeat;
}

.ivr_component_header_com_ses
{
	position: absolute;
	overflow: hidden;
	text-align: center;
	height: 16px;
	max-height: 28px;
	padding-bottom: 1px;
	background-image: url(../images/ivr_component_header_com_ses.png);
        background-repeat: no-repeat;
}

.ivr_component_header_ses
{
	position: absolute;
	overflow: hidden;
	text-align: center;
	height: 16px;
	max-height: 28px;
	padding-bottom: 1px;
	background-image: url(../images/ivr_component_header_ses.png);
        background-repeat: no-repeat;
}

.ivr_component_footer
{
	position: absolute;
	overflow: hidden;
	font-weight: bold;
	text-align: center;
	color: #d7d7d7;
	line-height: 16px;
	/*border-top: solid 1px #c0c0c0;*/
	height: 16px;
	background-image: url(../images/ivr_component_footer.png);
}

.ivr_component_start
{
	/*border: solid 1px black;*/
	background-image: url(../images/ivr_component_start.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: white;
	z-index: 999;
	cursor: move;
	font-weight: bold;
	text-align: center;
}

.ivr_component_start_selected
{
	/*border: solid 1px red;*/
	background-image: url(../images/ivr_component_start_selected.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: white;
	z-index: 999;
	cursor: move;
	font-weight: bold;
	text-align: center;
}

.ivr_component_monitor_stop
{
	/*border: solid 1px black;*/
	background-image: url(../images/ivr_component_stop.png);
	background-color: #666666;
	z-index: 999;
	cursor: move;
        background-repeat: no-repeat;
}

.ivr_component_monitor_stop_selected
{
	/*border: solid 1px red;*/
	background-image: url(../images/ivr_component_stop_selected.png);
	background-color: #666666;
	z-index: 999;
	cursor: move;
        background-repeat: no-repeat;
}

.ivr_component_monitor_start
{
	/*border: solid 1px black;*/
	background-image: url(../images/ivr_component_start_m.png);
	background-color: #666666;
	z-index: 999;
	cursor: move;
        background-repeat: no-repeat;
}

.ivr_component_monitor_start_selected
{
	/*border: solid 1px red;*/
	background-image: url(../images/ivr_component_start_m_selected.png);
	background-color: #666666;
	z-index: 999;
	cursor: move;
        background-repeat: no-repeat;
}

.ivr_component_menu
{
	/*border: solid 1px black;*/
	background-image: url(../images/ivr_icon_menu.png);
	background-color: #666666;
	z-index: 999;
	cursor: move;
}

.ivr_component_menu_selected
{
	/*border: solid 1px red;*/
	background-image: url(../images/ivr_icon_menu_selected.png);
	background-color: #666666;
	z-index: 999;
	cursor: move;
}

.ivr_component_playback
{
	/*border: solid 1px black;*/
	background-image: url(../images/ivr_icon_playback.png);
	background-color: #666666;
	z-index: 999;
	cursor: move;
}

.ivr_component_playback_selected
{
	/*border: solid 1px red;*/
	background-image: url(../images/ivr_icon_playback_selected.png);
	background-color: #666666;
	z-index: 999;
	cursor: move;
}

.ivr_component_read
{
	/*border: solid 1px black;*/
	background-image: url(../images/ivr_icon_read.png);
	background-color: #666666;
	z-index: 999;
	cursor: move;
}

.ivr_component_read_selected
{
	/*border: solid 1px red;*/
	background-image: url(../images/ivr_icon_read_selected.png);
	background-color: #666666;
	z-index: 999;
	cursor: move;
}

.ivr_component_set
{
	/*border: solid 1px black;*/
	background-image: url(../images/ivr_icon_set.png);
	background-color: #666666;
	z-index: 999;
	cursor: move;
}

.ivr_component_set_selected
{
	/*border: solid 1px red;*/
	background-image: url(../images/ivr_icon_set_selected.png);
	background-color: #666666;
	z-index: 999;
	cursor: move;
}

.ivr_component_compare
{
	/*border: solid 1px black;*/
	background-image: url(../images/ivr_icon_compare.png);
	background-color: #666666;
	z-index: 999;
	cursor: move;
}

.ivr_component_compare_selected
{
	/*border: solid 1px red;*/
	background-image: url(../images/ivr_icon_compare_selected.png);
	background-color: #666666;
	z-index: 999;
	cursor: move;
}

.ivr_component_switch
{
	/*border: solid 1px black;*/
	background-image: url(../images/ivr_icon_switch.png);
	background-color: #666666;
	z-index: 999;
	cursor: move;
}

.ivr_component_switch_selected
{
	/*border: solid 1px red;*/
	background-image: url(../images/ivr_icon_switch_selected.png);
	background-color: #666666;
	z-index: 999;
	cursor: move;
}

.ivr_component_dial
{
	/*border: solid 1px black;*/
	background-image: url(../images/ivr_component_exten.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: white;
	z-index: 999;
	cursor: move;
	font-weight: bold;
	line-height: 140px;
	text-align: center;
}

.ivr_component_dial_selected
{
	/*border: solid 1px red;*/
	background-image: url(../images/ivr_component_exten_selected.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: white;
	z-index: 999;
	cursor: move;
	font-weight: bold;
	line-height: 140px;
	text-align: center;
}

.ivr_component_extension
{
	/*border: solid 1px black;*/
        background-image: url(../images/ivr_component_exten.png);
	background-color: #666666;
	z-index: 999;
	cursor: move;
        background-repeat: no-repeat;
}

.ivr_component_extension_selected
{
        background-image: url(../images/ivr_component_exten_selected.png);
	/*border: solid 1px red;*/
	background-color: #666666;
	z-index: 999;
	cursor: move;
}


.ivr_component_prepaid
{
    /*border: solid 1px black;*/
    background-image: url(../images/ivr_component_empty.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: white;
    z-index: 999;
    cursor: move;
    font-weight: bold;
    line-height: 140px;
    text-align: center;
}

.ivr_component_prepaid_selected
{
    /*border: solid 1px red;*/
    background-image: url(../images/ivr_component_empty_selected.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: white;
    z-index: 999;
    cursor: move;
    font-weight: bold;
    line-height: 140px;
    text-align: center;
}

.ivr_component_queue
{
	/*border: solid 1px black;*/
	background-image: url(../images/ivr_icon_queue.png);
	background-color: #666666;
	z-index: 999;
	cursor: move;
}

.ivr_component_queue_selected
{
	/*border: solid 1px red;*/
	background-image: url(../images/ivr_icon_queue_selected.png);
	background-color: #666666;
	z-index: 999;
	cursor: move;
}

.ivr_component_agent_login
{
	/*border: solid 1px black;*/
	background-image: url(../images/ivr_icon_login.png);
	background-color: #666666;
	z-index: 999;
	cursor: move;
}

.ivr_component_agent_login_selected
{
	/*border: solid 1px red;*/
	background-image: url(../images/ivr_icon_login_selected.png);
	background-color: #666666;
	z-index: 999;
	cursor: move;
}

.ivr_component_agent_logout
{
	/*border: solid 1px black;*/
	background-image: url(../images/ivr_icon_logout.png);
	background-color: #666666;
	z-index: 999;
	cursor: move;
}

.ivr_component_agent_logout_selected
{
	/*border: solid 1px red;*/
	background-image: url(../images/ivr_icon_logout_selected.png);
	background-color: #666666;
	z-index: 999;
	cursor: move;
}

.ivr_component_record
{
	/*border: solid 1px black;*/
        background-image: url(../images/ivr_component_record.png);
	background-color: #666666;
	z-index: 999;
	cursor: move;
        background-repeat: no-repeat;
}

.ivr_component_record_selected
{
        background-image: url(../images/ivr_component_record_selected.png);
	/*border: solid 1px red;*/
	background-color: #666666;
	z-index: 999;
	cursor: move;
}

.ivr_component_database
{
	/*border: solid 1px black;*/
	background-color: #666666;
	z-index: 999;
	cursor: move;
}

.ivr_component_database_selected
{
	/*border: solid 1px red;*/
	background-color: #666666;
	z-index: 999;
	cursor: move;
}

.ivr_component_hangup
{
	/*border: solid 1px black;*/
	background-image: url(../images/ivr_component_hangup.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: white;
	z-index: 999;
	cursor: move;
	font-weight: bold;
	line-height: 140px;
	text-align: center;
}

.ivr_component_hangup_selected
{
	/*border: solid 1px red;*/
	background-image: url(../images/ivr_component_hangup_selected.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: white;
	z-index: 999;
	cursor: move;
	font-weight: bold;
	line-height: 140px;
	text-align: center;
}

.ivr_component_exit
{
	/*border: solid 1px black;*/
	background-image: url(../images/ivr_component_exit.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: white;
	z-index: 999;
	cursor: move;
	font-weight: bold;
	line-height: 140px;
	text-align: center;
}

.ivr_component_exit_selected
{
	/*border: solid 1px red;*/
	background-image: url(../images/ivr_component_exit_selected.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: white;
	z-index: 999;
	cursor: move;
	font-weight: bold;
	line-height: 140px;
	text-align: center;
}

.ivr_component_service
{
    /*border: solid 1px black;*/
    background-image: url(../images/ivr_component_empty.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: white;
    z-index: 999;
    cursor: move;
    font-weight: bold;
    line-height: 140px;
    text-align: center;
}

.ivr_component_service_selected
{
    /*border: solid 1px red;*/
    background-image: url(../images/ivr_component_empty_selected.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: white;
    z-index: 999;
    cursor: move;
    font-weight: bold;
    line-height: 140px;
    text-align: center;
}


.ivr_component_on_term
{
    /*border: solid 1px black;*/
    background-image: url(../images/ivr_component_empty.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: white;
    z-index: 999;
    cursor: move;
    font-weight: bold;
    line-height: 140px;
    text-align: center;
}

.ivr_component_on_term_selected
{
    /*border: solid 1px red;*/
    background-image: url(../images/ivr_component_empty_selected.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: white;
    z-index: 999;
    cursor: move;
    font-weight: bold;
    line-height: 140px;
    text-align: center;
}


.ivr_component_node
{
	/*border: solid 1px black;*/
	background-color: white;
	z-index: 998;
	cursor: default;
}

.ivr_component_node_input
{
	background-image: url(../images/ivr_component_node_input.png);
	background-repeat: no-repeat;
}

.ivr_component_node_output
{
	background-image: url(../images/ivr_component_node_output.png);
	background-repeat: no-repeat;
}

.ivr_component_node_selected
{
	/*border: solid 1px red;*/
	background-color: white;
	z-index: 998;
	cursor: default;
}

.ivr_line_horz
{
	background-image: url(../images/ivr_line_horz.gif);
	background-repeat: repeat-x;
	cursor: move;
	z-index: 998;
}

.ivr_line_vert
{
	background-image: url(../images/ivr_line_vert.gif);
	background-repeat: repeat-y;
	cursor: move;
	z-index: 998;
}

.ivr_line_horz_selected
{
	background-image: url(../images/ivr_line_horz_selected.gif);
	background-repeat: repeat-x;
	cursor: move;
	z-index: 2000;
}

.ivr_line_vert_selected
{
	background-image: url(../images/ivr_line_vert_selected.gif);
	background-repeat: repeat-y;
	cursor: move;
	z-index: 2000;
}

.ivr_mouse_crosshair
{
	z-index: 1000;
}

.ivr_selection_rectangle
{
	z-index: 1000;
	border: dashed 1px black;
}

.ivr_mouse_crosshair_horz
{
	width: 1px;
	background-image: url(../images/ivr_crosshair_horz.gif);
	background-repeat: repeat-x;
}

.ivr_mouse_crosshair_vert
{
	height: 1px;
	background-image: url(../images/ivr_crosshair_vert.gif);
	background-repeat: repeat-y;
}

#ivr_edit_menu_table .left_column
{
	width: 80px;
}

#ivr_edit_menu_table .right_column
{
	width: 490px;
}

#ivr_edit_menu_playback_table
{
	width: 500px;
}

#ivr_edit_menu_playback_table .left_column
{
	width: 50px;
}

#ivr_edit_menu_playback_table .right_column
{
	width: 450px;
}

#ivr_menu_tabs
{
	text-align: center;
}

.ivr_nodes_list
{
	max-height: 250px;
	overflow-y: auto;
}

.ivr_nodes_table
{
	width: 100%;
	text-align: center;
}

.ivr_nodes_table .exten
{
	width: 300px;
}

.ivr_nodes_table .position
{
	width: 100px;
}

.ivr_nodes_table .commands
{
	width: 100px;
}

.ivr_playback_items
{
	max-height: 250px;
	overflow-y: auto;
}

.ivr_playback_items_table
{
	width: 100%;
	text-align: center;
}

.ivr_playback_items_table .index
{
	width: 25px;
}

.ivr_playback_items_table .type
{
	width: 90px;
}

.ivr_playback_items_table .position
{
	width: 75px;
}

.ivr_playback_items_table .commands
{
	width: 75px;
}

#ivr_edit_playback_table .left_column
{
	width: 75px;
}

#ivr_edit_playback_table .right_column
{
	width: 490px;
}

#ivr_edit_playback_item_table .left_column
{
	width: 75px;
}

#ivr_edit_playback_item_table .right_column
{
	width: 490px;
}

#ivr_edit_node_item_table .left_column
{
	width: 75px;
}

#ivr_edit_node_item_table .right_column
{
	width: 490px;
}

#ivr_edit_playback_table .left_column
{
	width: 150px;
}

#ivr_edit_playback_table .right_column
{
	width: 415px;
}

#ivr_edit_set_table .left_column
{
	width: 75px;
}

#ivr_edit_set_table .right_column
{
	width: 490px;
}

#ivr_edit_common_compare_table .left_column
{
	width: 75px;
}

#ivr_edit_common_compare_table .right_column
{
	width: 495px;
}

#ivr_compare_time_settings
{
    font-weight: bold;
}

#ivr_compare_time_settings .left_column
{
    width: 188px;
}
#ivr_compare_time_settings .middle_column
{
    width: 188px;
}

#ivr_compare_time_settings .right_column
{
    width: 188px;
}

#ivr_edit_compare_table
{
	text-align: center;
}

#ivr_edit_compare_table .left_column
{
	width: 230px;
	text-align: center;
}

#ivr_edit_compare_table .middle_column
{
	width: 105px;
	text-align: center;
}

#ivr_edit_compare_table .right_column
{
	width: 230px;
	text-align: center;
}

#ivr_edit_switch_table .left_column
{
	width: 80px;
}

#ivr_edit_switch_table .right_column
{
	width: 490px;
}

#ivr_edit_compare_table .right_column
{
	width: 230px;
	text-align: center;
}

#ivr_edit_dial_table .left_column
{
	width: 100px;
}

#ivr_edit_dial_table .right_column
{
	width: 465px;
}

#ivr_edit_dial_table .left_column
{
	width: 100px;
}

#ivr_edit_dial_table .right_column
{
	width: 465px;
}

#ivr_edit_dial_rulesets_table .left_column
{
	width: 230px;
}

#ivr_edit_dial_rulesets_table .right_column
{
	width: 235px;
}

#ivr_edit_extension_table .left_column
{
	width: 100px;
}

#ivr_edit_extension_table .right_column
{
	width: 465px;
}

#ivr_edit_extension_table .left_column
{
	width: 100px;
}

#ivr_edit_extension_table .right_column
{
	width: 465px;
}

#ivr_edit_extension_rulesets_table .left_column
{
	width: 230px;
}

#ivr_edit_extension_rulesets_table .right_column
{
	width: 235px;
}

#ivr_edit_queue_table .left_column
{
	width: 75px;
}

#ivr_edit_queue_table .right_column
{
	width: 490px;
}

#ivr_edit_hangup_table .left_column
{
	width: 75px;
}

#ivr_edit_hangup_table .right_column
{
	width: 490px;
}

#ivrs_list_table .select
{
	width: 30px;
}

#ivrs_list_table .ctm
{
	width: 200px;
}

#ivrs_list_table .name
{
	width: 260px;
}

#ivrs_list_table .commands
{
	width: 75px;
}

#ivr_form_table .left_header
{
	width: 60px;
}

#ivr_form_table .left_column
{
	width: 180px;
}

#ivr_form_table .right_header
{
	width: 110px;
}

#ivr_form_table .right_column
{
	width: 215px;
}

#ivr_main_toolbar
{
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}

.ivr_templates
{
	z-index: 999;
	/*width: 66px;*/
	width: 99px;
	height: 25px;
	line-height: 22px;
	text-align: center;
	/*border: solid 1px black;*/
	background-color: white;
	font-size: 12px;
	font-family: arial;
	color: #DDDDDD;
	background: transparent url(../images/ivr_button.png) no-repeat;
}

.ivr_toolbox_header
{
	width: 200px;
	table-layout: fixed;
}

.ivr_toolbox_header
{
	background-color: #0E2CA3;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	height: 23px;
}

.ivr_toolbox_header .title
{
	width: 131px;
}

.ivr_toolbox_header .arrow
{
	width: 23px;
}

.ivr_toolbox_header input
{
	vertical-align: middle;
}

.ivr_toolbox
{
	width: 200px;
	table-layout: fixed;
}

.ivr_toolbox .header
{
	color: #5c8cba;
}

.ivr_toolbox .left_column
{
	width: 100px;
	text-align: center;
	padding: 1px 1px 1px 1px;
}

.ivr_toolbox .right_column
{
	width: 200px;
	text-align: center;
	padding: 1px 1px 1px 1px;
}

.ivr_toolbox_separator
{
	width: 100%;
	height: 5px;
}

#ivr_main_panel_content
{
	position: relative;
	width: 100%;
	height: 700px;
	overflow: auto;
}

#ivr_main_panel
{
	width: 5000px;
	height: 5000px;
	z-index: 900;
	cursor: pointer;
}

.ivr_notify
{
	width: 565px;
	background-color: #ededed;
	border: solid 1px black;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.ivr_notify a
{
	font-weight: bold;
}

#ivrs_extens_table .name
{
	width: 490px;
}

#ivrs_extens_table .commands
{
	width: 75px;
}

#ivr_exten_form_table .left_header
{
	width: 60px;
}

#ivr_exten_form_table .left_column
{
	width: 505px;
}

.ivr_internal_table
{
	position: relative;
	width: 565px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	vertical-align: middle;
	border-width: 1px;
	border-collapse: collapse;
	border-spacing: 0px 0px;
	border-color: #d6d6d6;
	border-style: solid;
	table-layout: fixed;
	background-color: #dfe3ff;
}


.ivr_internal_table .header
{
	background-color: #d6d6d6;
	text-align: center;
}

.ivr_internal_table .combobox_wrapper
{
	float: left;
}

.ivr_internal_table td
{
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	text-align: left;
	vertical-align: middle;
}

.ivr_internal_table td input, select
{
	text-align: center;
}

.ivr_toolbar
{
	position: relative;
	width: 200px;
	table-layout: fixed;
}

.ivr_toolbar .icon
{
	padding: 3px;
	vertical-align: middle;
}

.ivr_toolbar .icon_selected
{
	padding: 0px;
	border: solid 3px #3B7CC0;
	vertical-align: middle;
}

.ivr_toolbar .left_column
{
	width: 100px;
	text-align: center;
	padding: 1px 1px 1px 1px;
}

.ivr_toolbar .right_column
{
	width: 100px;
	text-align: center;
	padding: 1px 1px 1px 1px;
}

.hint_ivr
{
	width: 500px;
}
.hint_ivr_wide
{
    width: 790px;
}

#help_icon_wrapper
{
	position: absolute;
	left: 970px;
	top: 5px;
}

.popup_background
{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999990;
}

.popup_window
{
	position: absolute;
	background-color: #EEF3F7;
	border: solid 1px #C2D2E1;
	z-index: 999999991;
}

.popup_window_content
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: auto;
}

.popup_window_title
{
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	color: #4885C4;
}

.popup_window_content_close
{
	position: absolute;
	right: 3px;
	top: 3px;
	width: 10px;
	height: 10px;
	background: transparent url(../images/close.png) no-repeat;
	cursor: pointer;
}

.popup_window_content .form_table
{
	border: none;
}

#help_window
{
	top: 20px;
	right: 20px;
	width: 600px;
	height: 600px;
}

#help_window_content
{
	width: 590px;
	height: 574px;
}

#help_window_title
{
	width: 580px;
	height: 15px;
}

#feedback_icon_wrapper
{
	position: absolute;
	left: 970px;
	top: 30px;
}

#feedback_window
{
	top: 20px;
	right: 20px;
	width: 600px;
}

#feedback_window_title
{
	width: 580px;
	height: 15px;
}

#session_info_window
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 250px;
	width: 400px;
	height: 400px;
}

#session_info_window_content
{
	width: 390px;
	height: 76px;
	padding-top: 150px;
	padding-bottom: 150px;
}

#session_info_window_title
{
	width: 380px;
	height: 15px;
}

#session_info_expire_title
{
	font-size: 16px;
	font-weight: bold;
}

#session_info_expire_counter
{
	font-size: 26px;
	color: red;
	font-weight: bold;
}

/* CONTEXT MENU */
.context_menu
{
	position: absolute;
	border: solid 1px #586ba0;
        background-color: rgb(201, 210, 237);
        background-color: rgba(201, 210, 237, 0.87);
	left: 0px;
	top: 0px;
	z-index: 9999;
	display: none;
	padding: 5px 5px 5px 5px;
	text-align: left;
	white-space: nowrap;
}

.context_menu hr
{
	margin-top: 3px;
	margin-bottom: 3px;
}

.hidden
{
	display: none;
	visibility: hidden;
}

.general_form_table
{
	position: relative;
	width: 565px;
	overflow-x: hidden;
	overflow-y: visible;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
	table-layout: fixed;	
}	

.general_form_table td
{
	position: relative;
	padding-top: 3px;
	padding-bottom: 3px;
	overflow-x: hidden;
	overflow-y: visible;
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
}

.general_form_table th
{
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
}

.general_form_table td *
{
	vertical-align: middle;
}

.general_form_table th *
{
	vertical-align: middle;
}

.general_form_table td input, select
{
	text-align: center;
}

.general_form_table .combobox_wrapper
{
	float: left;
}

.general_form_table .left_header
{
	width: 100px;
}

.general_form_table .left_column
{
	width: 180px;
}

.general_form_table .right_header
{
	width: 100px;
}

.general_form_table .right_column
{
	width: 185px;
}

.general_form_table .centered column
{
	text-align: center;
}

.hint_internal
{
	color: #000000;
	background-color: #ffffae;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px black;
	margin-bottom: 10px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.hint_static
{
	color: #000000;
	background-color: #ffffae;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px black;
	margin-bottom: 10px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.sortable
{
}

.sortable_up
{
}

.sortable_down
{
}

.sortable_box
{
display: block;
clear: both;
text-align: left;
}

.separator
{
	height: 10px;
}

.important
{
	font-weight: bold;
}

.ivr_component_node_text
{
	background-color: #666666;
	color: white;
	opacity: 0.8;
	font-weight: bold;
}

.expand_button
{
	cursor: pointer;
}

.collapse_button
{
	cursor: pointer;
}

#menu_business_ivr_components
{
	position: absolute;
	height: 100%;
	background-color: white;
	top: 0px;
	z-index: 1000;
}

.toolTipWindow
{
	position: absolute;
	background-color: #ffffe1;
	border: solid 1px #000000;
	padding: 2px;
	z-index: 1000;
}

/* TREE */
.tree
{
    table-layout: fixed;
    z-index: 4;
    overflow: visible;
    border-collapse: collapse;
}

.tree tr th 
{
    background-color: #fff;
    padding: 0;
}
.tree tr td
{
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

.tree tr {
    border: none;
}

.tree .empty_row
{
}

.tree .empty
{
    width: 23px;
}

.tree .expand
{
    width: 23px;
}

.tree .collapse
{
    width: 23px;
}

.tree .vert
{
    background-image: url(../images/tree_vert_line.png);
    background-repeat: repeat-y;
    background-position: center;
}

.tree .cross
{
    background-image: url(../images/tree_cross.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.tree .eob
{
    background-image: url(../images/tree_eob.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.template_button {
    width: 19px;
    height: 19px;
    position: absolute;
    left: 430px;
    bottom: 200px;
}

.tool_sprite {
    background-image: url("../images/search.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    min-width: 17px;
    vertical-align: middle;
}

.search_box, input.search_box[type="text"] {
    background-color: #fff !important;
    border: 1px solid #7f7f7f;
    box-sizing: content-box;
    height: 14px !important;
    padding-bottom: 1px !important;
    padding-left: 20px;
    padding-right: 18px;
    padding-top: 1px !important;
    display: block;
}

.liveCall {
    font-family: arial;
    border-radius: 5px;
    box-shadow: 1px 1px 10px #c2c2c2, 0 0 0px #C2C2C2;
    width: 320px;
    margin: 5px;
    height: 120px;
    padding: 10px;
    background-color: #fbfbfb;
    display: inline-block;
}

.liveCall .button {
    display: inline-block;
    background-color: #ffffff;
    padding: 6px;
    border: 1px solid #c2c2c2;
    border-radius: 5px;
    cursor: pointer;
}

.liveCall .bottomRight {
    position: relative;
    right: -76%;
    top: -4%;
}

.liveCall .topRight {
    float: right;
    font-weight:bold;
}

.liveCall .callBody {
    margin: 5px;
    margin-top: 28px;
}

.liveCall .callBody>div {
    margin: 5px;
}

.liveCall .bolded {
    font-weight:bold;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.liveCall .topLeft {
    float:left;
}

.liveCall .outgoing {
    color: #000bc0;
}

.liveCall .incoming {
    color: #00b52d;
}