.menu_wrap
{
	position: relative;
	width: 220px;
	height: 100%;
	display:block;
	float: left;
	background-color: #8fc1e4;
}
	
.customer_id_wrap
{
	position: relative;
	width: calc(100% - 20px);
	height: auto;
	left: 10px;
	background-color: #FFF;
	margin-top: 10px;
	border-radius: 10px;
}

.customer_name
{
	position: relative;
	width: calc(100% - 20px);
	height: auto;
	display: block;
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #f47e40;
	border-bottom: 1px solid #d5d5d5;
	
}

.customer_number
{
	position: relative;
	width: calc(100% - 20px);
	height: 20px;
	display: block;
	margin-left: 10px;
	margin-top: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #8fc1e4;
	
}

.content_wrap
{
	width: calc(100% - 220px);
	height: 100%;
	display:block;
	float: left;
}

.top_menu_box
{
	position: relative;
	width: calc(100% - 40px);
	height: 30px;
	display: block;
	margin-left: 15px;
	margin-top: 15px;
	border-bottom: 2px solid #d5d5d5;
}

.top_menu_button
{
	position: relative;
	height: 20px;
	display: inline-block;
	margin-left: 5px;
	margin-top: 5px;
	float: left;
	font-size: 16px;
	color: #5085a5;
	font-weight: bold;
}

.node_wrapper
{
	position: relative;
	width: calc(100% - 40px);
	height: 70px;
	display: block;
	margin-left: 15px;
	margin-top: 15px;
	border-bottom: 2px solid #d5d5d5;
}

.node_left
{
	position: relative;
	width: 400px;
	height: 60px;
	display: block;
	margin-left: 15px;
	border-right: 1px solid #d5d5d5;
	float: left;
}

.node_right
{
	position: relative;
	width: calc(100% - 450px);
	height: 60px;
	display: block;
	margin-left: 25px;
	float: left;
}

.ast_icon
{
	position: relative;
	width: 55px;
	height: 50px;
	display: block;
	background:url(/images/ast_icon.png) no-repeat;
	float: left;
}

.db_icon
{
	position: relative;
	width: 44px;
	height: 50px;
	display: block;
	margin-top: 2px;
	background:url(/images/db_icon.png) no-repeat;
	float: left;
}

.server_title
{
	position: relative;
	width: calc(100% - 75px);
	height: 20px;
	display: block;
	margin-left: 10px;
	float: left;
	font-size: 16px;
	color: #000;
	font-weight: bold;
}

.server_details_line
{
	position: relative;
	width: calc(100% - 75px);
	height: 15px;
	display: block;
	margin-left: 10px;
	float: left;
	font-size: 14px;
	color: #000;
}

.server_details_item
{
	position: relative;
	width: 50%;
	display: block;
	float: left;
	font-size: 12px;
	color: #000;
}


.db_details
{
	position: relative;
	width: calc(100% - 100px);
	display: block;
	float: left;
	font-size: 12px;
	color: #000;
}

.fw_grid_title_wrap
{
	position: relative;
	width: calc(100% - 3px);
	height: 22px;
	display:block;
	margin-top: 3px;
}

.fw_grid_list_wrap
{
	position: relative;
	width: calc(100% - 3px);
	height: 22px;
	display:block;
	margin-top: 3px;
}

.fw_grid_list_wrap:hover
{
	background-color: #e7f0fb;
}

.fw_list_wrap
{
	position: relative;
	width: calc(100% - 5px);
	height: calc(100% - 22px);
	display:block;
	overflow-y: scroll;
}

.fw_title_customer
{
	position: relative;
	width: calc(15% - 4px);
	height: calc(100% - 5px);
	display:block;
	text-align: center;
	margin-left: 3px;
	background-color: #cdcdcd;
	float: left;
	padding-top: 3px;
	font-weight: bold;
	color: #FFF;
}

.fw_title_contact
{
	position: relative;
	width: calc(20% - 4px);
	height: calc(100% - 5px);
	display:block;
	text-align: center;
	margin-left: 3px;
	background-color: #cdcdcd;
	float: left;
	padding-top: 3px;
	font-weight: bold;
	color: #FFF;
}

.fw_title_ip
{
	position: relative;
	width: calc(20% - 4px);
	height: calc(100% - 5px);
	display:block;
	text-align: center;
	margin-left: 3px;
	background-color: #cdcdcd;
	float: left;
	padding-top: 3px;
	font-weight: bold;
	color: #FFF;
}

.fw_title_secgroup
{
	position: relative;
	width: calc(15% - 4px);
	height: calc(100% - 5px);
	display:block;
	text-align: center;
	margin-left: 3px;
	background-color: #cdcdcd;
	float: left;
	padding-top: 3px;
	font-weight: bold;
	color: #FFF;
}

.fw_title_notes
{
	position: relative;
	width: calc(30% - 24px);
	height: calc(100% - 5px);
	display:block;
	text-align: center;
	margin-left: 3px;
	background-color: #cdcdcd;
	float: left;
	padding-top: 3px;
	font-weight: bold;
	color: #FFF;
}

.fw_title_addrec
{
	position: relative;
	width: 20px;
	height: calc(100% - 2px);
	display:block;
	text-align: center;
	margin-left: 3px;
	background-color: #697865;
	float: left;
	font-size: 18px;
	font-weight: bolder;
	color: #FFF;
}

.fw_title_addrec:hover
{
	background-color: #e1bd13;
}

.fw_customer
{
	position: relative;
	width: calc(15% + 20px);
	height: calc(100% - 5px);
	display:block;
	margin-left: 3px;
	float: left;
	padding-top: 3px;
	color: #000;
	text-indent: 5px;
}

.fw_contact
{
	position: relative;
	width: calc(20%);
	height: calc(100% - 5px);
	display:block;
	margin-left: 3px;
	float: left;
	padding-top: 3px;
	text-indent: 5px;
	color: #000;
}

.fw_ip
{
	position: relative;
	width: calc(20%);
	height: calc(100% - 5px);
	display:block;
	margin-left: 3px;
	float: left;
	padding-top: 3px;
	color: #000;
	text-indent: 5px;
}

.fw_secgroup
{
	position: relative;
	width: calc(15% - 2px);
	height: calc(100% - 5px);
	display:block;
	margin-left: 3px;
	float: left;
	padding-top: 3px;
	color: #000;
	text-indent: 5px;
}

.fw_notes
{
	position: relative;
	width: calc(30% - 40px);
	height: calc(100% - 5px);
	display:block;
	margin-left: 3px;
	float: left;
	padding-top: 3px;
	color: #000;
	text-indent: 5px;
}



.n_title_customer
{
	position: relative;
	width: calc(15% - 4px);
	height: calc(100% - 5px);
	display:block;
	text-align: center;
	margin-left: 3px;
	background-color: #cdcdcd;
	float: left;
	padding-top: 3px;
	font-weight: bold;
	color: #FFF;
}

.n_title_contact
{
	position: relative;
	width: calc(15% - 4px);
	height: calc(100% - 5px);
	display:block;
	text-align: center;
	margin-left: 3px;
	background-color: #cdcdcd;
	float: left;
	padding-top: 3px;
	font-weight: bold;
	color: #FFF;
}

.n_title_ip
{
	position: relative;
	width: calc(10% - 4px);
	height: calc(100% - 5px);
	display:block;
	text-align: center;
	margin-left: 3px;
	background-color: #cdcdcd;
	float: left;
	padding-top: 3px;
	font-weight: bold;
	color: #FFF;
}

.n_title_secgroup
{
	position: relative;
	width: calc(15% - 4px);
	height: calc(100% - 5px);
	display:block;
	text-align: center;
	margin-left: 3px;
	background-color: #cdcdcd;
	float: left;
	padding-top: 3px;
	font-weight: bold;
	color: #FFF;
}

.n_title_notes
{
	position: relative;
	width: calc(10%);
	height: calc(100% - 5px);
	display:block;
	text-align: center;
	margin-left: 3px;
	background-color: #cdcdcd;
	float: left;
	padding-top: 3px;
	font-weight: bold;
	color: #FFF;
}

.n_title_provider
{
	position: relative;
	width: calc(15% - 30px);
	height: calc(100% - 5px);
	display:block;
	text-align: center;
	margin-left: 3px;
	background-color: #cdcdcd;
	float: left;
	padding-top: 3px;
	font-weight: bold;
	color: #FFF;
}

.n_title_endpoint
{
	position: relative;
	width: calc(20%);
	height: calc(100% - 5px);
	display:block;
	text-align: center;
	margin-left: 3px;
	background-color: #cdcdcd;
	float: left;
	padding-top: 3px;
	font-weight: bold;
	color: #FFF;
}

.n_title_addrec
{
	position: relative;
	width: 20px;
	height: calc(100% - 2px);
	display:block;
	text-align: center;
	margin-left: 3px;
	background-color: #697865;
	float: left;
	font-size: 18px;
	font-weight: bolder;
	color: #FFF;
}

.n_customer
{
	position: relative;
	width: calc(15% + 20px);
	height: calc(100% - 5px);
	display:block;
	margin-left: 3px;
	float: left;
	padding-top: 3px;
	color: #000;
	text-indent: 5px;
}

.n_contact
{
	position: relative;
	width: calc(15%);
	height: calc(100% - 5px);
	display:block;
	margin-left: 3px;
	float: left;
	padding-top: 3px;
	text-indent: 5px;
	color: #000;
}

.n_ip
{
	position: relative;
	width: calc(10%);
	height: calc(100% - 5px);
	display:block;
	margin-left: 3px;
	float: left;
	padding-top: 3px;
	color: #000;
	text-indent: 5px;
}

.n_secgroup
{
	position: relative;
	width: calc(15% - 2px);
	height: calc(100% - 5px);
	display:block;
	margin-left: 3px;
	float: left;
	padding-top: 3px;
	color: #000;
	text-indent: 5px;
}

.n_notes
{
	position: relative;
	width: calc(10%);
	height: calc(100% - 5px);
	display:block;
	margin-left: 3px;
	float: left;
	padding-top: 3px;
	color: #000;
	text-indent: 5px;
}

.n_provider
{
	position: relative;
	width: calc(15%  - 40px);
	height: calc(100% - 5px);
	display:block;
	margin-left: 3px;
	float: left;
	padding-top: 3px;
	color: #000;
	text-indent: 5px;
}

.n_endpoint
{
	position: relative;
	width: calc(20%);
	height: calc(100% - 5px);
	display:block;
	margin-left: 3px;
	float: left;
	padding-top: 3px;
	color: #000;
	text-indent: 5px;
}

.add_number_wrap
{
	position: absolute;
    background-color: #FFF;
	width: 665px;
	height: 390px;
	border-radius: 10px;
	top: calc(50% - 240px);
	left: calc(50% - 325px);
	z-index: 6;
	display: none;
	overflow: hidden;
	background-color: #FFF;
}

.add_number_wrap3
{
	position: absolute;
    background-color: #FFF;
	width: 665px;
	height: 480px;
	border-radius: 10px;
	top: calc(50% - 235px);
	left: calc(50% - 325px);
	z-index: 6;
	display: none;
	overflow: hidden;
	background-color: #FFF;
}

.add_number_wrap2
{
	position: absolute;
    background-color: #FFF;
	width: 400px;
	height: 420px;
	border-radius: 10px;
	top: calc(50% - 210px);
	left: calc(50% - 200px);
	z-index: 6;
	display: none;
	overflow: hidden;
	background-color: #FFF;
}

.add_voicemail
{
	position: absolute;
    background-color: #FFF;
	width: 400px;
	height: 300px;
	border-radius: 10px;
	top: calc(50% - 150px);
	left: calc(50% - 200px);
	z-index: 6;
	display: none;
	overflow: hidden;
	background-color: #FFF;
}

.add_queue
{
	position: absolute;
    background-color: #FFF;
	width: 400px;
	height: 430px;
	border-radius: 10px;
	top: calc(50% - 250px);
	left: calc(50% - 200px);
	z-index: 6;
	display: none;
	overflow: hidden;
	background-color: #FFF;
}

.add_user_pane_split
{
	position: relative;
	width: 400px;
	height: 100%;
	float: left;
}

.add_user_pane_split_right
{
	position: relative;
	width: 250px;
	height: 100%;
	float: left;
	margin-left: 10px;
}

.new_customer_wrap
{
	position: absolute;
    background-color: #FFF;
	width: calc(80% - 150px);
	height: 80%;
	border-radius: 10px;
	top: 10%;
	left: calc(10% + 75px);
	z-index: 6;
	display: none;
	overflow: hidden;

}

.new_ivr_wrap
{
	position: absolute;
    background-color: #FFF;
	width: 700px;
	height: 620px;
	border-radius: 10px;
	top: calc(50% - 310px);
	left: calc(50% - 350px);
	z-index: 6;
	display: none;
	overflow: hidden;

}

.p_title_customer
{
	position: relative;
	width: calc(15% - 4px);
	height: calc(100% - 5px);
	display:block;
	text-align: center;
	margin-left: 3px;
	background-color: #cdcdcd;
	float: left;
	padding-top: 3px;
	font-weight: bold;
	color: #FFF;
}

.p_title_contact
{
	position: relative;
	width: calc(10% - 4px);
	height: calc(100% - 5px);
	display:block;
	text-align: center;
	margin-left: 3px;
	background-color: #cdcdcd;
	float: left;
	padding-top: 3px;
	font-weight: bold;
	color: #FFF;
}

.p_title_ip
{
	position: relative;
	width: calc(15% - 4px);
	height: calc(100% - 5px);
	display:block;
	text-align: center;
	margin-left: 3px;
	background-color: #cdcdcd;
	float: left;
	padding-top: 3px;
	font-weight: bold;
	color: #FFF;
}

.p_title_secgroup
{
	position: relative;
	width: calc(10% - 4px);
	height: calc(100% - 5px);
	display:block;
	text-align: center;
	margin-left: 3px;
	background-color: #cdcdcd;
	float: left;
	padding-top: 3px;
	font-weight: bold;
	color: #FFF;
}

.p_title_owner
{
	position: relative;
	width: calc(10%);
	height: calc(100% - 5px);
	display:block;
	text-align: center;
	margin-left: 3px;
	background-color: #cdcdcd;
	float: left;
	padding-top: 3px;
	font-weight: bold;
	color: #FFF;
}

.p_title_notes
{
	position: relative;
	width: calc(10%);
	height: calc(100% - 5px);
	display:block;
	text-align: center;
	margin-left: 3px;
	background-color: #cdcdcd;
	float: left;
	padding-top: 3px;
	font-weight: bold;
	color: #FFF;
}

.p_title_provider
{
	position: relative;
	width: calc(15%);
	height: calc(100% - 5px);
	display:block;
	text-align: center;
	margin-left: 3px;
	background-color: #cdcdcd;
	float: left;
	padding-top: 3px;
	font-weight: bold;
	color: #FFF;
}

.p_title_endpoint
{
	position: relative;
	width: calc(15% - 33px);
	height: calc(100% - 5px);
	display:block;
	text-align: center;
	margin-left: 3px;
	background-color: #cdcdcd;
	float: left;
	padding-top: 3px;
	font-weight: bold;
	color: #FFF;
}

.p_title_addrec
{
	position: relative;
	width: 20px;
	height: calc(100% - 2px);
	display:block;
	text-align: center;
	margin-left: 3px;
	background-color: #697865;
	float: left;
	font-size: 18px;
	font-weight: bolder;
	color: #FFF;
}

.p_customer
{
	position: relative;
	width: calc(15% + 20px);
	height: calc(100% - 5px);
	display:block;
	margin-left: 3px;
	float: left;
	padding-top: 3px;
	color: #000;
	text-indent: 5px;
}

.p_contact
{
	position: relative;
	width: calc(10%);
	height: calc(100% - 5px);
	display:block;
	margin-left: 3px;
	float: left;
	padding-top: 3px;
	text-indent: 5px;
	color: #000;
}

.p_ip
{
	position: relative;
	width: calc(15%);
	height: calc(100% - 5px);
	display:block;
	margin-left: 3px;
	float: left;
	padding-top: 3px;
	color: #000;
	text-indent: 5px;
}

.p_owner
{
	position: relative;
	width: calc(10%);
	height: calc(100% - 5px);
	display:block;
	margin-left: 3px;
	float: left;
	padding-top: 3px;
	color: #000;
	text-indent: 5px;
}

.p_secgroup
{
	position: relative;
	width: calc(15% - 30px);
	height: calc(100% - 5px);
	display:block;
	margin-left: 3px;
	float: left;
	padding-top: 3px;
	color: #000;
	text-indent: 5px;
}

.p_notes
{
	position: relative;
	width: calc(10%);
	height: calc(100% - 5px);
	display:block;
	margin-left: 3px;
	float: left;
	padding-top: 3px;
	color: #000;
	text-indent: 5px;
}

.p_provider
{
	position: relative;
	width: calc(10% - 40px);
	height: calc(100% - 5px);
	display:block;
	margin-left: 3px;
	float: left;
	padding-top: 3px;
	color: #000;
	text-indent: 5px;
}

.p_endpoint
{
	position: relative;
	width: calc(15%);
	height: calc(100% - 5px);
	display:block;
	margin-left: 3px;
	float: left;
	padding-top: 3px;
	color: #000;
	text-indent: 5px;
}

.new_ivr_mainbox
{
    position: relative;
    width: 100%;
    height: calc(100% - 30px);
    display: block;
}

.ivr_customer
{
	position: relative;
	width: calc(100% - 30px);
	height: 30px;
	display:block;
	margin-left: 15px;
	margin-top: 5px;
}

.ivr_customer_selector
{
	position: relative;
	width: 300px;
	height: 30px;
	display:block;
	margin-left: 5px;
	float: left;
	margin-top: 2px;
}


.ivr_greetingbox
{
	position: relative;
	width: calc(100% - 30px);
	height: 150px;
	display:block;
	margin-left: 15px;
	margin-top: 5px;
}

.ivr_titlebox
{
	position: relative;
	width: 100%;
	height: 30px;
	display:block;
}

.ivr_title
{
	position: relative;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	float: left;
	text-align: center;
	margin-top: 5px;
}

.ivr_leftpane
{
	position: relative;
	float: left;
	width: calc(50% - 10px);
	height: 100%;
	border: 1px solid #f47e40;
	border-radius: 13px;
}

.ivr_rightpane
{
	position: relative;
	float: left;
	width: calc(50% - 10px);
	margin-left: 15px;
	height: 100%;
	border: 1px solid #f47e40;
	border-radius: 13px;
}

.ivr_bottombox
{
	position: relative;
	width: calc(100% - 30px);
	margin-left: 15px;
	margin-top: 15px;
	height: calc(100% - 240px);
	border: 1px solid #f47e40;
	border-radius: 13px;
}

.ivr_listbox
{
	position: relative;
	width: calc(100% - 30px);
	margin-left: 15px;
	height: calc(100% - 45px);
}

.ivr_instructions
{
	position: relative;
	width: calc(100% - 60px);
	margin-left: 30px;
	height: 40px;
	color: #000;
	text-align: center;
	font-size: 14px;
}

.ivr_lineitem
{
	position: relative;
	height: 30px;
	width: calc(100% - 30px);
	margin-left: 15px;
}

.ivr_option_number
{
	position: relative;
	height: calc(100% - 7px);
	width: 60px;
	float: left;
	padding-top: 7px;
	font-size: 14px;
	color: #000;
}

.ivr_action
{
	position: relative;
	height: calc(100% - 7px);
	width: 50px;
	float: left;
	padding-top: 7px;
	font-size: 14px;
	color: #000;
	text-align: right;
}

.ivr_selector
{
	position: relative;
	height: calc(100% - 3px);
	width: 200px;
	float: left;
	padding-top: 3px;
	margin-left: 5px;
}

.ivr_destination
{
	position: relative;
	height: calc(100% - 7px);
	width: 90px;
	float: left;
	padding-top: 7px;
	font-size: 14px;
	color: #000;
	text-align: right;
	margin-left: 10px;
}

.ivr_step1_title
{
	position: relative;
	width: 80px;
	height: calc(100% - 7px);
	padding-top: 7px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	float: left;
	text-align: right;
	
}

.ivr_step1_input
{
	position: relative;
	width: 180px;
	height: calc(100% - 2px);
	padding-top: 2px;
	float: left;
	
}