/* MAIN CSS */

body {
	padding: 0px;
	margin: 0;
	font-family:Arial;
	font-size:12px;
	color:#4a4a4a;
	background-color:#eef1f4;
	text-align: center;
	overflow-y: auto;
}

body a {
	text-decoration: none;
}

img {
	background-color:transparent;
	border:none;
}

.wrapper {
	width:100%;
	margin-left: auto;
	margin-right: auto;
	position:relative;

}

/* START MISC */

div.standard-error-message-content {
	padding-top: 20%;
	font-family:Arial;
	font-size:12px;
	color:#4a4a4a;
	text-align: center;
	display: inline-block;
	padding-top: 100px;
	padding-bottom: 100px;
	font-weight: bold;
}

div.inner-content p {
	max-width: 1000px;
}

div.inner-content ul {
	max-width: 1000px;
}

/* END MISC */
/* NAVIGATION */

.navigation {
	display: block;
	float:left;
	width:250px;
	position:fixed;
	z-index: 2;
}

.navigation .logo {
	width:100%;
	height:134px;
	border-top:none;
}


/* Notifications */

/* HINT */


.form-tooltip {
	background: rgba(65, 68, 81, .8);
	padding:8px;
	font-size:12px;
	text-align: left;
	color:#FFFFFF;
	border:1px solid #9c9fa9;
	line-height:18px;
}





/* END HINT */

.navigation .notifications {
	width:100%;
	margin-top:8px;
}

.navigation .notifications .title {
	text-transform: uppercase;
	text-align: left;
	color:#35363c;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	font-size:11px;
	background-color:#ffffff;
	text-indent: 13px;
	border-bottom:1px solid #ebebeb;
}

.navigation .notifications div.items {
	width:100%;
	background-color:#f5f9fa;
	height:40px;
}

.navigation .notifications div.items div.textonly-notification {
	width:100%;
	clear:both;
	float:left;
	text-align: left;
	text-indent: 13px;
	font-size:11px;
	line-height:40px;
}

.navigation .notifications div.items div.icon-notification {
	width:100%;
	clear:both;
	float:left;
	background-color:#FFFFFF;
	border-bottom:1px solid #ebebeb;
}

.navigation .notifications div.items div.icon-notification:hover {

}

.navigation .notifications div.items div.icon-notification img.icon {
	float:left;
	margin-right:8px;
	margin-left:13px;
	margin-top:3px;
	margin-bottom:3px;
}

.navigation .notifications div.items div.icon-notification span.caption {
	line-height:24px;
	text-align: left;
	float:left;
	font-size:11px;
}


/* End Notifications */

/*

	.navigation .notification {
		width:100%;
		margin-top:8px;
		border:1px solid #ebebeb;
	}

	.navigation .notification .title {
		text-transform: uppercase;
		text-align: left;
		color:#35363c;
		font-weight:bold;
		padding-top:10px;
		padding-bottom:10px;
		font-size:11px;
		background-color:#ffffff;
		text-indent: 13px;
		border-bottom:1px solid #ebebeb;
	}

	.navigation .notification .icons {
		width:100%;
		background-color:#f5f9fa;
		height:40px;
	}

	.navigation .notification .icons .alert-on {
		width:34px;
		height:34px;
		float:left;
		background-color:transparent;
		padding-top:3px;
		padding-left:13px;
	}

	.navigation .notification .icons .alert-off {
		width:34px;
		height:34px;
		float:left;
		background-color:transparent;
		padding-top:3px;
		padding-left:13px;
	}

	.navigation .notification .icons .fax-on {
		width:34px;
		height:34px;
		float:left;
		background-color:transparent;
		padding-top:3px;
		padding-left:13px;
	}

	.navigation .notification .icons .fax-off {
		width:34px;
		height:34px;
		float:left;
		background-color:transparent;
		padding-top:3px;
		padding-left:13px;
	}

	.navigation .notification div.text {
		text-align: center;
		padding-top: 10px;
	}
*/

/* CATEGORY NAVIGATION START */

.navigation .category {
	margin-top:8px;
	width:100%;
	float:left;
}

.navigation .category .title {
	width:100%;
	float:left;
	font-size:11px;
	padding-top:10px;
	padding-bottom:10px;
	text-indent: 13px;
	text-align: left;
	font-weight:bold;
}

.navigation .category .title a {
	text-align: left;
	float:left;
	text-transform: uppercase;
}

.navigation .category ul {
	list-style: none;
	float:left;
	padding: 0;
	margin:0;
	width: 100%;
}

.navigation .category ul li {
	text-align: left;
	border-top:1px solid #ebebeb;
	padding:0;
	margin:0;
	display: block;
	width:100%;
	float:left;
}

/* END CATEGORY NAVIGATION */
/* USER NAVIGATION START */

.navigation .category ul li .userprofile a {
	width:100%;
	float:left;
	background-color:#f5f9fa;
	padding-top:9px;
	padding-bottom:9px;
	text-indent: 30px;
	color:#66686c;
	background-image:url('../img/icon_userprofile_off.png') !important;
	background-repeat: no-repeat;
	background-position: 4% 50%;
}

.navigation .category ul li .userprofile a:hover {
	color:#27292f;
}

.navigation .category ul li .userprofile.active a {
	background-image:url('../img/icon_userprofile_on.png') !important;
	color:#27292f;
	font-weight:bold;
	background-color:#FFFFFF;
}

/* -------------------------------- */

.navigation .category ul li .uservoicemail a {
	width:100%;
	float:left;
	background-color:#f5f9fa;
	padding-top:9px;
	padding-bottom:9px;
	text-indent: 30px;
	color:#66686c;
	background-image:url('../img/icon_uservoicemail_off.png');
	background-repeat: no-repeat;
	background-position: 4% 50%;
}

.navigation .category ul li .uservoicemail a:hover {
	color:#27292f;
}

.navigation .category ul li .uservoicemail.active a {
	background-image:url('../img/icon_uservoicemail_on.png');
	color:#27292f;
	font-weight:bold;
	background-color:#FFFFFF;
}

/* -------------------------------- */

.navigation .category ul li .userqueues a {
	width:100%;
	float:left;
	background-color:#f5f9fa;
	padding-top:9px;
	padding-bottom:9px;
	text-indent: 30px;
	color:#66686c;
	background-image:url('../img/icon_userqueues_off.png');
	background-repeat: no-repeat;
	background-position: 4% 50%;
}

.navigation .category ul li .userqueues a:hover {
	color:#27292f;
}

.navigation .category ul li .userqueues.active a {
	background-image:url('../img/icon_userqueues_on.png');
	color:#27292f;
	font-weight:bold;
	background-color:#FFFFFF;
}

/* -------------------------------- */

.navigation .category ul li .privacynotice a {
	width:100%;
	float:left;
	background-color:#f5f9fa;
	padding-top:9px;
	padding-bottom:9px;
	text-indent: 30px;
	color:#66686c;
	background-image:url('../img/icon_privacynotice_off.png');
	background-repeat: no-repeat;
	background-position: 4% 50%;
}

.navigation .category ul li .privacynotice a:hover {
	color:#27292f;
}

.navigation .category ul li .privacynotice.active a {
	background-image:url('../img/icon_privacynotice_on.png');
	color:#27292f;
	font-weight:bold;
	background-color:#FFFFFF;
}

/* -------------------------------- */

.navigation .category ul li .userkeys a {
	width:100%;
	float:left;
	background-color:#f5f9fa;
	padding-top:9px;
	padding-bottom:9px;
	text-indent: 30px;
	color:#66686c;
	background-image:url('../img/icon_userkeys_off.png');
	background-repeat: no-repeat;
	background-position: 4% 50%;
}

.navigation .category ul li .userkeys a:hover {
	color:#27292f;
}

.navigation .category ul li .userkeys.active a {
	background-image:url('../img/icon_userkeys_on.png');
	color:#27292f;
	font-weight:bold;
	background-color:#FFFFFF;
}

/* -------------------------------- */

.navigation .category ul li .weckrufe a {
	width:100%;
	float:left;
	background-color:#f5f9fa;
	padding-top:9px;
	padding-bottom:9px;
	text-indent: 30px;
	color:#66686c;
	background-image:url('../img/icon_weckrufe_off.png');
	background-repeat: no-repeat;
	background-position: 4% 50%;
}

.navigation .category ul li .weckrufe a:hover {
	color:#27292f;
}

.navigation .category ul li .weckrufe.active a {
	background-image:url('../img/icon_weckrufe_on.png');
	color:#27292f;
	font-weight:bold;
	background-color:#FFFFFF;
}

/* -------------------------------- */

.navigation .category ul li .userphonebook a {
	width:100%;
	float:left;
	background-color:#f5f9fa;
	padding-top:9px;
	padding-bottom:9px;
	text-indent: 30px;
	color:#66686c;
	background-image:url('../img/icon_userphonebook_off.png');
	background-repeat: no-repeat;
	background-position: 4% 50%;
}

.navigation .category ul li .userphonebook a:hover {
	color:#27292f;
}

.navigation .category ul li .userphonebook.active a {
	background-image:url('../img/icon_userphonebook_on.png');
	color:#27292f;
	font-weight:bold;
	background-color:#FFFFFF;
}

/* -------------------------------- */

.navigation .category ul li .usermessages a {
	width:100%;
	float:left;
	background-color:#f5f9fa;
	padding-top:9px;
	padding-bottom:9px;
	text-indent: 30px;
	color:#66686c;
	background-image:url('../img/icon_usermessages_off.png');
	background-repeat: no-repeat;
	background-position: 4% 50%;
}

.navigation .category ul li .usermessages a:hover {
	color:#27292f;
}

.navigation .category ul li .usermessages.active a {
	background-image:url('../img/icon_usermessages_on.png');
	color:#27292f;
	font-weight:bold;
	background-color:#FFFFFF;
}

/* -------------------------------- */

.navigation .category ul li .userfax a {
	width:100%;
	float:left;
	background-color:#f5f9fa;
	padding-top:9px;
	padding-bottom:9px;
	text-indent: 30px;
	color:#66686c;
	background-image:url('../img/icon_userfax_off.png');
	background-repeat: no-repeat;
	background-position: 4% 50%;
}

.navigation .category ul li .userfax a:hover {
	color:#27292f;
}

.navigation .category ul li .userfax.active a {
	background-image:url('../img/icon_userfax_on.png');
	color:#27292f;
	font-weight:bold;
	background-color:#FFFFFF;
}

/* -------------------------------- */

.navigation .category ul li .userhistory a {
	width:100%;
	float:left;
	background-color:#f5f9fa;
	padding-top:9px;
	padding-bottom:9px;
	text-indent: 30px;
	color:#66686c;
	background-image:url('../img/icon_userhistory_off.png');
	background-repeat: no-repeat;
	background-position: 4% 50%;
}

.navigation .category ul li .userhistory a:hover {
	color:#27292f;
}

.navigation .category ul li .userhistory.active a {
	background-image:url('../img/icon_userhistory_on.png');
	color:#27292f;
	font-weight:bold;
	background-color:#FFFFFF;
}

/* USER NAVIGATION END */


/* ADMIN NAVIGATION START */

.navigation .category ul li .admininbound a {
	width:100%;
	float:left;
	background-color:#f5f9fa;
	padding-top:9px;
	padding-bottom:9px;
	text-indent: 30px;
	color:#66686c;
	background-image:url('../img/icon_incoming_call_off.png');
	background-repeat: no-repeat;
	background-position: 4% 50%;
}

.navigation .category ul li .admininbound a:hover {
	color:#27292f;
}

.navigation .category ul li .admininbound.active a {
	background-image:url('../img/icon_incoming_call_on.png');
	color:#27292f;
	font-weight:bold;
	background-color:#FFFFFF;
}

/* -------------------------------- */

.navigation .category ul li .adminoutbound a {
	width:100%;
	float:left;
	background-color:#f5f9fa;
	padding-top:9px;
	padding-bottom:9px;
	text-indent: 30px;
	color:#66686c;
	background-image:url('../img/icon_outgoing_call_off.png');
	background-repeat: no-repeat;
	background-position: 4% 50%;
}

.navigation .category ul li .adminoutbound a:hover {
	color:#27292f;
}

.navigation .category ul li .adminoutbound.active a {
	background-image:url('../img/icon_outgoing_call_on.png');
	color:#27292f;
	font-weight:bold;
	background-color:#FFFFFF;
}

/* -------------------------------- */

.navigation .category ul li .adminusers a {
	width:100%;
	float:left;
	background-color:#f5f9fa;
	padding-top:9px;
	padding-bottom:9px;
	text-indent: 30px;
	color:#66686c;
	background-image:url('../img/icon_extension_off.png');
	background-repeat: no-repeat;
	background-position: 4% 50%;
}

.navigation .category ul li .adminusers a:hover {
	color:#27292f;
}

.navigation .category ul li .adminusers.active a {
	background-image:url('../img/icon_extension_on.png');
	color:#27292f;
	font-weight:bold;
	background-color:#FFFFFF;
}

/* -------------------------------- */

.navigation .category ul li .adminlocations a {
	width:100%;
	float:left;
	background-color:#f5f9fa;
	padding-top:9px;
	padding-bottom:9px;
	text-indent: 30px;
	color:#66686c;
	background-image:url('../img/icon_location_off.png');
	background-repeat: no-repeat;
	background-position: 4% 50%;
}

.navigation .category ul li .adminlocations a:hover {
	color:#27292f;
}

.navigation .category ul li .adminlocations.active a {
	background-image:url('../img/icon_location_on.png');
	color:#27292f;
	font-weight:bold;
	background-color:#FFFFFF;
}

/* -------------------------------- */

.navigation .category ul li .admindevices a {
	width:100%;
	float:left;
	background-color:#f5f9fa;
	padding-top:9px;
	padding-bottom:9px;
	text-indent: 30px;
	color:#66686c;
	background-image:url('../img/icon_device_off.png');
	background-repeat: no-repeat;
	background-position: 4% 50%;
}

.navigation .category ul li .admindevices a:hover {
	color:#27292f;
}

.navigation .category ul li .admindevices.active a {
	background-image:url('../img/icon_device_on.png');
	color:#27292f;
	font-weight:bold;
	background-color:#FFFFFF;
}


/* -------------------------------- */

.navigation .category ul li .adminextended a {
	width:100%;
	float:left;
	background-color:#f5f9fa;
	padding-top:9px;
	padding-bottom:9px;
	text-indent: 30px;
	color:#66686c;
	background-image:url('../img/icon_extended_off.png');
	background-repeat: no-repeat;
	background-position: 4% 50%;
}

.navigation .category ul li .adminextended a:hover {
	color:#27292f;
}

.navigation .category ul li .adminextended.active a {
	background-image:url('../img/icon_extended_on.png');
	color:#27292f;
	font-weight:bold;
	background-color:#FFFFFF;
}



/* ADMIN NAVIGATION END */
/* PROVIDER NAVIGATION START */

.navigation .category ul li .providercustomers a {
	width:100%;
	float:left;
	background-color:#f5f9fa;
	padding-top:9px;
	padding-bottom:9px;
	text-indent: 30px;
	color:#66686c;
	background-image:url('../img/icon_customers_off.png');
	background-repeat: no-repeat;
	background-position: 4% 50%;
}

.navigation .category ul li .providercustomers a:hover {
	color:#27292f;
}

.navigation .category ul li .providercustomers.active a {
	background-image:url('../img/icon_customers_on.png');
	color:#27292f;
	font-weight:bold;
	background-color:#FFFFFF;
}

/* -------------------------------- */

.navigation .category ul li .providertrunks a {
	width:100%;
	float:left;
	background-color:#f5f9fa;
	padding-top:9px;
	padding-bottom:9px;
	text-indent: 30px;
	color:#66686c;
	background-image:url('../img/icon_providertrunks_off.png');
	background-repeat: no-repeat;
	background-position: 4% 50%;
}

.navigation .category ul li .providertrunks a:hover {
	color:#27292f;
}

.navigation .category ul li .providertrunks.active a {
	background-image:url('../img/icon_providertrunks_on.png');
	color:#27292f;
	font-weight:bold;
	background-color:#FFFFFF;
}

/* -------------------------------- */

.navigation .category ul li .providerdiagnostics a {
	width:100%;
	float:left;
	background-color:#f5f9fa;
	padding-top:9px;
	padding-bottom:9px;
	text-indent: 30px;
	color:#66686c;
	background-image:url('../img/icon_providerdiagnostics_off.png');
	background-repeat: no-repeat;
	background-position: 4% 50%;
}

.navigation .category ul li .providerdiagnostics a:hover {
	color:#27292f;
}

.navigation .category ul li .providerdiagnostics.active a {
	background-image:url('../img/icon_providerdiagnostics_on.png');
	color:#27292f;
	font-weight:bold;
	background-color:#FFFFFF;
}

/* -------------------------------- */

.navigation .category ul li .providerextended a {
	width:100%;
	float:left;
	background-color:#f5f9fa;
	padding-top:9px;
	padding-bottom:9px;
	text-indent: 30px;
	color:#66686c;
	background-image:url('../img/icon_extended_off.png');
	background-repeat: no-repeat;
	background-position: 4% 50%;
}

.navigation .category ul li .providerextended a:hover {
	color:#27292f;
}

.navigation .category ul li .providerextended.active a {
	background-image:url('../img/icon_extended_on.png');
	color:#27292f;
	font-weight:bold;
	background-color:#FFFFFF;
}


/* CONTENT */

.content {
	text-align: left;
	display: block;
	margin-bottom:20px;
	overflow: hidden;
	z-index: 1;
	padding-left: 260px;
	min-width: 870px;
}

/* TOP CONTENT NAVIGATION */

.content .top-navigation {
	float:right;
	border-top:none;
	background-color:#FFFFFF;
	height:60px;
	position: fixed;
	left: 260px;
	right: 0px;
	border-bottom: 1px solid #ebebeb;
}

.content .top-navigation .account {
	float:left;
	margin-left:20px;
}

.content .top-navigation .account .icon {
	float:left;
	margin-top:20px;
}

.content .top-navigation .account .icon img {
	float:left;
	border:none;
}

.content .top-navigation .account .name {
	float:left;
	margin-left:20px;
	margin-top:22px;
	font-size:13px;
}

.content .top-navigation .account a.del_role {
	float:left;
	width:11px;
	height:11px;
	margin-top:24px;
	margin-left:4px;
	display: block;
	background-image:url('../img/icon_x_small_off.png');
}


.content .top-navigation .quick-nav {
	float:right;
}

.content .top-navigation .quick-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float:right;
	margin-top:20px;
}

.content .top-navigation .quick-nav ul li {
	float:right;
	margin-right:20px;
}

.content .top-navigation .quick-nav ul li a.dashboard {
	width:16px;
	height:18px;
	display: block;
	float:left;
	background-image:url('../img/icon_dashboard_off.png');
	background-repeat: no-repeat;
}

.content .top-navigation .quick-nav ul li a.dashboard:hover {
	background-image:url('../img/icon_dashboard_on.png');
}

.content .top-navigation .quick-nav ul li a.logout {
	width:16px;
	height:18px;
	display: block;
	float:left;
	background-image:url('../img/icon_logout_off.png');
	background-repeat: no-repeat;
}

.content .top-navigation .quick-nav ul li a.logout:hover {
	background-image:url('../img/icon_logout_on.png');
}

.content .content-text {
	clear:both;
	float:left;
	font-size:11px;
	color:#9b9b9b;
	width:100%;
	margin-top:7px;
	margin-bottom:7px;
}

.content .content-text.hint {
	font-size:11px;
	color:#757575;
}

/* DASHBOARD */

.inner-content .header-title {
	clear:both;
	float:left;
	display:block;
	width: 110%;
	color:#FFFFFF;
	margin-top:-8px;
	margin-left:-8px;
	margin-right:-8px;
	font-family: Arial;
	font-size:14px;
	line-height:63px;
	text-indent: 25px;
}

.inner-content span.span-dashboard-provider {
	clear:both;
	float:left;
	padding-top:20px;
	display: block;
}

.inner-content span.span-debug {
	clear:both;
	float:left;
	line-height:54px;
}

.wrapper-dashboard {
	clear:both;
	float:left;
	width:100%;
	/* padding-left: 128px; */
}

.wrapper-dashboard .dashboard-element {

	background-color:#FFFFFF;
	width:350px;
	height:125px;
	float:left;
	margin-right: 10px;
	margin-top: 10px;
}

.wrapper-dashboard .dashboard-element .icon {
	width:80px;
	height:76px;
	float:left;
	margin-left:10px;
}

.wrapper-dashboard .dashboard-element .title a {
	float:left;
	font-size:13px;
	margin-top:20px;
	margin-left:10px;
	text-transform: uppercase;
	width:160px;
}

.wrapper-dashboard .dashboard-element .desc {
	border:none !important;
	clear:none !important;
	float:left !important;
	width: auto !important;
	margin-left:10px;
	width:165px !important;
	color:#67686c;
	line-height:16px;
}

.wrapper-dashboard .dashboard-element .desc a {
	color:#67686c;
	float:left;
}

.wrapper-dashboard .dashboard-element .info {
	clear:both;
	float:left;
	width:100%;
	height:20px;
	line-height:20px;
	font-size:11px;
	color:#FFFFFF;
	text-indent: 7px;
	margin-top: 21px;
}

.dashboard-diagram-outbound {
	padding-top:20px;
	clear:both;
	float:left;
	display: block;
	margin-top:20px;
	margin:auto;
	text-align: center;
	width:100%;
}

.wrapper-dashboard .dashboard-element .info span {
	font-weight:bold;
}

/* END DASHBOARD */

/* END TOP CONTENT NAVIGATION */

.content .content-box {
	margin-top:70px;
	width:100%;
	clear:both;
	background-color:#FFFFFF;
}

.content .content-box .title {
	width:100%;
	height:63px;
}

.content .content-box .title .text {
	font-family: Arial;
	font-size:14px;
	line-height:63px;
	text-indent: 25px;
}

/* END CONTENT */

/* ELEMENT: LIST */


.content .content-box .inner-content {
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	clear:both;
}

.content .content-box .inner-content table.list {
	border-collapse:collapse;
	width:100%;
	border-spacing:10px;
}

.content .content-box .inner-content table.list tr {
	font-size:11px;
	color:#414451;
}

.content .content-box .inner-content table.list tr td a {
	font-size:12px;
	font-weight:bold;
}

.content .content-box .inner-content table.list tr:hover {
	background-color:#f5f9fa;
}

.content .content-box .inner-content table.list tr.col_desc {
	color:#9b9fa9;
	font-size:11px;
}

.content .content-box .inner-content table.list tr.col_desc td {
	padding:10px;
	padding-left:15px;
}

.content .content-box .inner-content table.list tr.col_desc:hover {
	background-color:#FFFFFF;
}

.content .content-box .inner-content table.list tr td {
	border-bottom:1px solid #eeeeee;
	padding:15px;
	padding-top:25px;
	padding-bottom:25px;
}


.content .content-box .inner-content table.list tr td div.extension-number {
	float:left;
	width:38px;
	text-align: center;
	border:1px solid #9ca0aa;
	border-radius:15px;
	margin-left:10px;
	color:#9ca0aa;
	font-size:12px;
	font-weight:bold;
}

.content .content-box .inner-content table.list tr td div.calling-number {
	float:left;
	width:110px;
	text-align: center;
	border:1px solid #9ca0aa;
	border-radius:15px;
	margin-left:10px;
	color:#9ca0aa;
	font-size:12px;
	font-weight:bold;
}

.content .content-box .inner-content table.list tr td img {
	float:left;
}

.content .content-box .inner-content table.list tr td:first-child {
	width: 75px;
}

.content .content-box .inner-content table.list tr td a.btn-delete {
	display: block;
	width:14px;
	height:16px;
	background-image:url('../img/icon_delete_off.png');
	background-repeat: no-repeat;
}

.content .content-box .inner-content table.list tr td a.btn-delete:hover {
	background-image:url('../img/icon_delete_on.png');
}

.content .content-box .inner-content table.list tr td a.btn-download {
	display: block;
	width:18px;
	height:18px;
	background-image:url('../img/icon_download_off.png');
	background-repeat: no-repeat;
}

.content .content-box .inner-content table.list tr td a.btn-download:hover {
	background-image:url('../img/icon_download_on.png');
}


/* END ELEMENT: LIST */

/* SITE FILTER */

.site-filter {
	width:100%;
	height:35px;
}

.site-filter .search {
	padding-top:7px;
	padding-right:7px;
	float:right;
	color:#6f7175;
	line-height:18px;
}

.site-filter .search input {
	border: 1px solid #9ca0aa;
	margin-left:5px;
	float:right;
	height:18px;
}

.site-filter .search a.hint {
	float:right;
}

/* END SITE FILTER */

/* FORM */

.form-title {
	clear:both;
	float:left;
	width:100%;
	padding-bottom:10px;
}

.form-title.continue {
	margin-top:15px;
}

.form-title .text {
	float:left;
	font-weight:bold;
	padding-top:10px;
	font-size:14px;
}

.form-title a.hint {
	margin-top:7px;
}

.main-hint {
	clear:both;
	float:left;
	width:100%;
	padding-bottom:10px;
	height:120px;
	border-bottom: 5px solid #eeeeee;
	margin-bottom:10px;
}

.main-hint .icon {
	float:left;
}

.main-hint .text {
	float:left;
	margin-top:30px;
	margin-left:20px;
	width:600px;
}

.main-hint .text .hint-title {
	font-size:16px;
}

.main-hint .text .desc {
	margin-top:8px;
	font-size:12px;
	border:none;
	line-height:18px;
	width:100%;
	color:#67686c;
}

a.hint {
	display: block;
	float:left;
	margin-left:10px;
	background-image:url('../img/icon_hint_off.png');
	background-repeat: no-repeat;
	width:18px;
	height:18px;
}

a.hint:hover {
	background-image:url('../img/icon_hint_on.png');
}

form {
	clear:both;
	float:left;
	width:100%;
}

table.form {
	width:100%;
	clear:both;
	float:left;
	border-collapse: collapse;
}

table.form tr {
	border-bottom:1px solid #cccccc;
}

table.form tr td {
	padding:8px;
	border-bottom:1px solid #cccccc;
}

table.form tr td.label {
	width:250px;
	color:#414451;
	font-size:11px;
}

table.form tr.optional-child {
	background-color:#eeeeee;
}

table.form tr.optional-child td.field.firsttext span {
	margin-right:7px;
	margin-left:5px;
	text-align: center;
}

table.form tr.optional-child td.field span.spacertext {
	float:left;
	display: block;
	width:23px;
	height:10px;
	line-height:18px;

}

table.form tr.optional-child td.field:before {
	margin-right:10px;
}

table.form tr.optional-child td.field.firsttext input {

}


table.form tr.optional-child td.label {
	text-indent: 10px;
}

table.form tr td.label.selected {
	font-weight:bold;
}


table.form tr td.field a.hint {
	float:left;
}

table.form tr td.field span.firsttext {
	float:left;
	line-height:20px;
	padding-right:5px;
}

table.form tr td.field.firsttext {
	padding-left:0px;
}

table.form tr td.field {
	padding-left:12px;
}

table.form tr td.field .color-picker {
	display: block;
	float:left;
	margin-left:15px;
	width:18px;
	height:18px;
	border:1px solid #cccccc;
}

table.form tr td.field select, input {
	float:left;
	font-size:11px;
}

table.form tr td.field input[type=text] {
	width:40%;
	padding:0px;
	margin:0px;
	border:1px solid #cccccc;
	line-height:18px;
	height:18px;
	text-indent: 5px;
	-webkit-transition: border 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
	-moz-transition: border 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
	-ms-transition: border 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
	-o-transition: border 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
	transition: border 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
}

table.form tr td.field input[type=text]:focus {
	outline: none;
}

table.form tr td.field input[type=password] {
	width:40%;
	padding:0px;
	margin:0px;
	border:1px solid #cccccc;
	line-height:18px;
	height:18px;
	text-indent: 5px;
	-webkit-transition: border 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
	-moz-transition: border 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
	-ms-transition: border 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
	-o-transition: border 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
	transition: border 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
}

table.form tr td.field input[type=password]:focus {
	outline: none;
}

table.form tr td.field textarea {
	float:left;
	height:90px;
	width:38%;
	border:1px solid #cccccc;
	line-height:18px;
	padding:5px;
	resize: none;
}


table.form tr td.field.firsttext input[type=text] {
	width:39.5%;

}

table.form tr td.field input.children-controller {
	float:left;
}


table.form tr td.field input.number {
	width:20% !important;
}

table.form tr.optional-child td.field input.number {
	width:20% !important;
}

table.form tr td.field input.decimal {
	width:20% !important;
}

table.form tr.optional-child td.field input.decimal {
	width:20% !important;
}

table.form tr td.field .form-switcher {
	display: block;
	margin-top:3px;
	float:left;
}

.switch-button-label.on {
	font-size:12px;
}

.switch-button-label.off {
	font-size:12px;
}

table.form tr td.field .form-action {
	float:left;
}

table.form tr td.field .form-action a {
	display: block;
	margin-top:3px;
	line-height:18px;
}


.form-actions {
	margin-top:20px;
	float:right;
}

input {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

select {
	height:18px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


/* SUBNAVIGATION */


.subnavi {
	clear:both;
	float:left;
	width:100%;
}

.subnavi .element.first {
	margin-left:15px;
}

.subnavi .element a {
	float:left;
	padding:10px;
	color:#66686c;
	font-size:13px;
}


/* TODO */

.phone-number {


}

/* */

.desc {
	width:100%;
	clear:both;
	float:left;
	font-size:11px;
	color: #4a4a4a;
	margin-top:10px;
	border-bottom:1px solid #cccccc;
	padding-bottom:7px;
}


/* DIALPLAN */

.dialplan {
	clear:both;
	float:left;
	width:100%;
}

.dialplan .element {
	height:20px;
	line-height:20px;
}

.dialplan .element span {
	float:left;
	font-weight:bold;
	font-size:11px;
}

.dialplan .element input {
	margin:0;
	padding:0;
	float:left;
	border:1px solid #cccccc;
	margin-left:10px;
	margin-right:10px;
}

.dialplan .element select {
	float:left;
	margin:0;
	padding:0;
	margin-left:10px;
	margin-right:10px;
}

.dialplan .add-element {
	margin-top:5px;
	padding-top:3px;
	padding-bottom:3px;
	text-align: right;
	width:100%;
	border-top: 5px solid #eeeeee;
}

.dialplan .add-element a {
	float:left;
	padding-top:3px;
	margin-left:10px;
}

/* END DIALPLAN */


/* USER PROFIL INBOUND */

.user-inbound {
	margin-top:10px;
	clear:both;
	float:left;
	width:100%;
}

.user-inbound .element.no {
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #cccccc;
	color:#27292f;
	text-align: center;
}

.user-inbound .element {
	clear:both;
	float:left;
	border:1px solid #cccccc;
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
	border-bottom: none;
}

.user-inbound .element .counter  {
	float:left;
	width:46px;
	height:237px;
	padding-top:28px;
	text-align: center;
	font-size:16px;
}

.user-inbound .element .detail {
	width:1016px;
	background-color:#FFFFFF;
	float:left;
}

.user-inbound .element .detail .option {
	float:left;
	width:100.6%;
	height:34px;
	border-bottom:1px solid #cccccc;
	cursor: move;
}

.user-inbound .element .detail .option .element {
	clear:none;
	border:none;
	float:left;
	font-size:11px;
	line-height:34px;
	padding-left:10px;
	margin:0px;
	width:auto;
}

.user-inbound .element .detail .option .element.delete {
	display: block;
	float:right;
	margin-top:8px;
	margin-right:10px;
}

.user-inbound .element .detail .option .element.delete a {
	display: block;
	background-image:url('../img/icon_delete_off.png');
	background-repeat: no-repeat;
	width:14px;
	height:16px;
}

.user-inbound .element .detail .option .element.delete a:hover {
	background-image:url('../img/icon_delete_on.png');
}

.user-inbound .element .detail .option .element img {
	display: block;
	margin-top:10px;
	margin-left:10px;
	float:left;
}

.user-inbound .element .detail .option .element input {
	margin-top:10px;
	float:left;
}

.user-inbound .element .detail .option .element .text {
	float:left;
	padding-left:10px;
	padding-right:10px;
}

.user-inbound .element .detail .choose-account {
	float:left;
}

.user-inbound .element .detail .choose-account .desc {
	clear:both;
	float:left;
	padding-left:20px;
	color:#414451;
	width:250px;
	border:none;
	padding-top:15px;
}

.user-inbound .element .detail .choose-account .accounts {
	float:left;
	width:430px;
	padding-top:15px;
	padding-left:30px;
}

.user-inbound .element .detail .choose-account .accounts .account {
	float:left;
	text-align: center;
	width:80px;
	padding-bottom:10px;
}

.user-inbound .element .detail .choose-account .accounts .account a.text {
	margin-top:10px;
	color:#414451;
	white-space: nowrap;
}

.user-inbound .element .detail .choose-account .accounts .account a.text:hover {

}

.user-inbound .element .detail .choose-account .accounts .account a.text.active {
	font-weight:bold;
}

/* USER ACCOUNTS START */

/* ACCOUNT PRIMARY */

.user-inbound .element .detail .choose-account .accounts .account.primary a.icon {
	display: block;
	float:left;
	width:35px;
	height:42px;
	background-image:url('../img/icon_account_primary_off.png');
	background-repeat: no-repeat;
	margin-left:20px;
	margin-bottom:10px;
}

.user-inbound .element .detail .choose-account .accounts .account.primary a.icon.active {
	background-image:url('../img/icon_account_primary_on.png');
	background-repeat: no-repeat;
}

.user-inbound .element .detail .choose-account .accounts .account.primary a.icon:hover {
	background-image:url('../img/icon_account_primary_on.png');
}

/* ACCOUNT SECONDARY */

.user-inbound .element .detail .choose-account .accounts .account.secondary a.icon {
	display: block;
	float:left;
	width:35px;
	height:42px;
	background-image:url('../img/icon_account_secondary_off.png');
	background-repeat: no-repeat;
	margin-left:20px;
	margin-bottom:10px;
}

.user-inbound .element .detail .choose-account .accounts .account.secondary a.icon.active {
	background-image:url('../img/icon_account_secondary_on.png');
	background-repeat: no-repeat;
}

.user-inbound .element .detail .choose-account .accounts .account.secondary a.icon:hover {
	background-image:url('../img/icon_account_secondary_on.png');
}

/* ACCOUNT HOME */

.user-inbound .element .detail .choose-account .accounts .account.home a.icon {
	display: block;
	float:left;
	width:35px;
	height:42px;
	background-image:url('../img/icon_account_home_off.png');
	background-repeat: no-repeat;
	margin-left:20px;
	margin-bottom:10px;
}

.user-inbound .element .detail .choose-account .accounts .account.home a.icon.active {
	background-image:url('../img/icon_account_home_on.png');
	background-repeat: no-repeat;
}

.user-inbound .element .detail .choose-account .accounts .account.home a.icon:hover {
	background-image:url('../img/icon_account_home_on.png');
}

/* ACCOUNT OTHER */

.user-inbound .element .detail .choose-account .accounts .account.other a.icon {
	display: block;
	float:left;
	width:35px;
	height:42px;
	background-image:url('../img/icon_account_other_off.png');
	background-repeat: no-repeat;
	margin-left:20px;
	margin-bottom:10px;
}

.user-inbound .element .detail .choose-account .accounts .account.other a.icon.active {
	background-image:url('../img/icon_account_other_on.png');
	background-repeat: no-repeat;
}

.user-inbound .element .detail .choose-account .accounts .account.other a.icon:hover {
	background-image:url('../img/icon_account_other_on.png');
}

/* ACCOUNT TEL */

.user-inbound .element .detail .choose-account .accounts .account.tel a.icon {
	display: block;
	float:left;
	width:35px;
	height:42px;
	background-image:url('../img/icon_account_tel_off.png');
	background-repeat: no-repeat;
	margin-left:25px;
	margin-bottom:10px;
}

.user-inbound .element .detail .choose-account .accounts .account.tel a.icon.active {
	background-image:url('../img/icon_account_tel_on.png');
	background-repeat: no-repeat;
}

.user-inbound .element .detail .choose-account .accounts .account.tel a.icon:hover {
	background-image:url('../img/icon_account_tel_on.png');
}

/* END USER ACCOUNTS */

.user-inbound .fallback {
	clear:both;
	float:left;
	width:100%;
	border:1px solid #cccccc;
}

.user-inbound .fallback .counter {
	float:left;
	width:46px;
	height:30px;
}

.user-inbound .fallback .detail {
	float:left;
	padding-top:7px;
	padding-left:7px;
}

.user-inbound .fallback .detail select {
	padding-left:7px;
}


.user-inbound .fallback .detail input {
	float:left;
}

.add-inbound-rule {

}

.add-inbound-rule a {
	line-height:46px;
	font-weight:bold;
	margin-top:7px;
	clear:both;
	float:left;
	text-align: center;
	width:100%;
	border:1px solid #cccccc;
}

/* END USER PROFIL INBOUND */

/* CONTENT SUBNAVIGATION */

.content-subnavigation {
	width:100%;
}

.content-subnavigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float:right;
}

.content-subnavigation ul li {
	float:left;
	padding-right:10px;
}

.content-subnavigation ul li a {
	color:#cccccc;
}

.content-subnavigation ul li a.active {
	font-weight:bold;
}

/* END CONTENT SUBNAVIGATION */


/* DIALPLAN */

.dialplan-inbound-group {
	margin-top:10px;
	clear:both;
	float:left;
	width:100%;
}

div.dialplan-inbound[name="dialplan-component-list"] {
	clear: both;
	float: left;
	width: 100%;
}

div.dialplan-inbound[name="dialplan-add-rule-action"] {
	clear: both;
	float: left;
}

.dialplan-inbound .element.no {
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #cccccc;
	color:#27292f;
	text-align: center;
}

.dialplan-inbound .element {
	clear:both;
	float:left;
	border:1px solid #cccccc;
	border-bottom:none;
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
	background-color:#FFFFFF;
}

.dialplan-inbound .element .counter  {
	clear:both;
	float:left;
	width:46px;
	height:100%;
	text-align: center;
	font-size:16px;
}

.dialplan-inbound .element .detail {
	width:100%;
	float:left;
}


.dialplan-inbound .element .add-extension {
	clear:both;
	width:100%;
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	text-indent: 70px;
	font-weight:bold;
	border-bottom:1px solid #cccccc;
}



.dialplan-inbound .element .detail .option {
	float:left;
	width:100%;
	height:34px;
	border-bottom:1px solid #cccccc;
}

.dialplan-inbound .element .detail .option .element {
	clear:none;
	border:none;
	float:left;
	font-size:11px;
	line-height:34px;
	padding-left:10px;
	margin:0px;
	width:auto;
}

.dialplan-inbound .element .detail .option .element.delete {
	display: block;
	float:right;
	margin-top:8px;
	margin-right:10px;
}

.dialplan-inbound .element .detail .option .element.delete a {
	display: block;
	background-image:url('../img/icon_delete_off.png');
	background-repeat: no-repeat;
	width:14px;
	height:16px;
}

a.delete-rule-component {
	display: block;
	background-image:url('../img/icon_delete_white.png');
	background-repeat: no-repeat;
	float:right;
	width:14px;
	height:16px;
	margin-right:15px;
	margin-top:8px;
}

.dialplan-inbound .element .detail .option .element.delete a:hover {
	background-image:url('../img/icon_delete_on.png');
}

.dialplan-inbound .element .detail .option .element img {
	display: block;
	margin-top:10px;
	margin-left:10px;
	float:left;
}

.dialplan-inbound .element .title {
	height:35px;
	text-indent: 25px;
	line-height:35px;
	font-weight:bold;
	cursor:move;
}

.dialplan-inbound .element .title a.hint {
	margin-top:7px;
}

.dialplan-inbound .element .detail .option .element input {
	margin-top:10px;
	width:50px;
	float:left;
}

.dialplan-inbound .element .detail .option .element select {
	margin:0;
	padding:0;
	margin-top:10px;
}

.dialplan-inbound .element .detail .option .element .text {
	float:left;
	padding-left:10px;
	padding-right:10px;
}

.dialplan-inbound .element .detail .choose-extension {
	float:left;
}

.dialplan-inbound .element .detail .choose-extension .desc {
	clear:both;
	float:left;
	padding-left:20px;
	color:#414451;
	width:330px;
	border:none;
	padding-top:15px;
}

.dialplan-inbound .element .detail .choose-extension .extensions {
	float:left;
	width:350px;
	padding-top:15px;
	padding-left:30px;
}

.dialplan-inbound .element .detail .choose-extension .extensions .extension {
	float:left;
	text-align: center;
	width:80px;
	padding-bottom:10px;
}

.dialplan-inbound .element .detail .choose-extension .extensions .extension a.office {
	display: block;
	float:left;
	width:35px;
	height:42px;
	background-image:url('../img/icon_office_off.png');
	background-repeat: no-repeat;
	margin-left:20px;
	margin-bottom:10px;
}

.dialplan-inbound .element .detail .choose-extension .extensions .extension a.office.active {
	background-image:url('../img/icon_office_on.png');
	background-repeat: no-repeat;
}

.dialplan-inbound .element .detail .choose-extension .extensions .extension a.office:hover {
	background-image:url('../img/icon_office_on.png');
}

.dialplan-inbound .element .detail .choose-extension .extensions .extension a.text {
	margin-top:10px;
	color:#414451;
}

.dialplan-inbound .element .detail .choose-extension .extensions .extension a.text:hover {

}

.dialplan-inbound .element .detail .choose-extension .extensions .extension a.text.active {
	font-weight:bold;
}

.dialplan-inbound .element .detail .choose-extension .extensions .extension a.home {
	display: block;
	float:left;
	width:35px;
	height:42px;
	background-image:url('../img/icon_home_off.png');
	background-repeat: no-repeat;
	margin-left:20px;
	margin-bottom:10px;
}

.dialplan-inbound .element .detail .choose-extension .extensions .extension a.home.active {
	background-image:url('../img/icon_home_on.png');
	background-repeat: no-repeat;
}

.dialplan-inbound .element .detail .choose-extension .extensions .extension a.home:hover {
	background-image:url('../img/icon_home_on.png');
}

.dialplan-inbound .element .detail .choose-extension .extensions .extension a.smart {
	display: block;
	float:left;
	width:35px;
	height:42px;
	background-image:url('../img/icon_smart_off.png');
	background-repeat: no-repeat;
	margin-left:20px;
	margin-bottom:10px;
}

.dialplan-inbound .element .detail .choose-extension .extensions .extension a.smart.active {
	background-image:url('../img/icon_smart_on.png');
	background-repeat: no-repeat;
}

.dialplan-inbound .element .detail .choose-extension .extensions .extension a.smart:hover {
	background-image:url('../img/icon_smart_on.png');
}

.dialplan-inbound .element .detail .choose-extension .extensions .extension a.mobile {
	display: block;
	float:left;
	width:35px;
	height:42px;
	background-image:url('../img/icon_mobil_off.png');
	background-repeat: no-repeat;
	margin-left:25px;
	margin-bottom:10px;
}

.dialplan-inbound .element .detail .choose-extension .extensions .extension a.mobile.active {
	background-image:url('../img/icon_mobil_on.png');
	background-repeat: no-repeat;
}

.dialplan-inbound .element .detail .choose-extension .extensions .extension a.mobile:hover {
	background-image:url('../img/icon_mobil_on.png');
}


.dialplan-inbound .element .detail .extension-rows {
	float:left;
	width:100%;
}


.dialplan-inbound .element .detail .extension-rows .extension-rows-empty {
	line-height:30px;
	width:100%;
	text-align: center;
	border-bottom:1px solid #cccccc;
}

.dialplan-inbound .element .detail .extension-rows .extension {
	clear:both;
	float:left;
	width:100%;
	border-bottom: 1px solid #cccccc;
	padding-top:7px;
	padding-bottom:7px;
	line-height:18px;
}

.dialplan-inbound .element .detail .extension-rows .extension  {
	float:left;
	width:200px;
}

.dialplan-inbound .element .detail .extension-rows .extension .alias {
	float:left;
	width:200px;
}

.dialplan-inbound .element .detail .extension-rows .extension a {
	color:#9c9fa9;
	font-weight:normal;
	padding-left:10px;
	padding-right:10px;
}

.dialplan-inbound .element .detail .extension-rows .extension a.on {
	font-weight:bold;
}

.dialplan-inbound .element .detail .extension-rows .extension a.delete {
	float:right;
	background-image:url('../img/icon_delete_off.png');
	background-repeat: no-repeat;
	width:14px;
	height:16px;
	padding-right:0px;
	cursor: pointer;
}

.dialplan-inbound .element .detail .extension-rows .extension a.delete:hover {
	background-image:url('../img/icon_delete_on.png');
}

.dialplan-inbound .element .detail .extension-rows .extension .extension-number {
	float:left;
	width:38px;
	text-align: center;
	border:1px solid #9ca0aa;
	border-radius:15px;
	margin-left:10px;
	color:#9ca0aa;
	font-size:12px;
	font-weight:bold;
	display: block;
	margin-right:20px;
}



.dialplan-inbound .fallback {
	clear:both;
	float:left;
	width:100%;
	border:1px solid #cccccc;
}

.dialplan-inbound .fallback .counter {
	float:left;
	width:46px;
	height:30px;
}

.dialplan-inbound .fallback .detail {
	float:left;
	padding-top:7px;
	padding-left:7px;
}

.dialplan-inbound .fallback .detail select {
	padding-left:7px;
}


.dialplan-inbound .fallback .detail input {
	float:left;
}

.dialplan-add-inbound-rule {
	clear:both;
}

.dialplan-add-inbound-rule a {
	line-height:46px;
	font-weight:bold;
	margin-top:7px;
	float:left;
	text-align: center;
	width:49%;
	border:1px solid #cccccc;
	margin:3px;
}

/* COUNTRY */

.countries {
	list-style: none;
	float:left;
}

.countries .country-element {
	float:left;
	border:1px solid #9ca0aa;
	border-radius:3px;
	line-height:14px;
	margin-left:5px;
	font-size:11px;
	padding-left:7px;
	margin-top:5px;
}

.countries .country-element a.delete {
	display: block;
	width:11px;
	height:11px;
	background-image:url('../img/icon_x_small_off.png');
	background-repeat: no-repeat;
	float:right;
	margin-top:2px;
	padding-right:3px;
	margin-left:3px;
}

.countries .country-element a.delete:hover {
	background-image:url('../img/icon_x_small_on.png');
}

.add-country {
	clear:both;
	float:left;
	margin-top:10px;
	margin-left:5px;
}

.add-country select {
	float:left;
}

.add-country a {
	line-height:18px;
}

/* IP-ADRESS */

.ipaddresses {
	list-style: none;
	float:left;
}

.ipaddresses .ipaddress-element {
	float:left;
	border:1px solid #9ca0aa;
	border-radius:3px;
	line-height:14px;
	margin-left:5px;
	font-size:11px;
	padding-left:7px;
	margin-top:5px;
}

.ipaddresses .ipaddress-element a.delete {
	display: block;
	width:11px;
	height:11px;
	background-image:url('../img/icon_x_small_off.png');
	background-repeat: no-repeat;
	float:right;
	margin-top:2px;
	padding-right:3px;
	margin-left:3px;
}

.ipaddresses .ipaddress-element a.delete:hover {
	background-image:url('../img/icon_x_small_on.png');
}

.add-ipaddress {
	clear:both;
	float:left;
	width:100%;
	margin-top:7px;
}

.add-ipaddress .input-val-ipaddress {
	float:left;
	display: block;
	width:100px !important;
	margin-left:5px !important;
}

.add-ipaddress .input-val-mask {
	float:left;
	width:100px !important;

}

.add-ipaddress .delimiter {
	float:left;
	width:30px;
	height:30px;
	display: block;
	text-align: center;
	font-weight:bold;
	padding-top:3px;
}

.add-ipaddress a.bt-add-ipaddress-target {
	float:left;
	line-height:18px;
	margin-left:10px;
}

/* TIMEPLAN */

.timeplans {
	list-style: none;
	float:left;
}

.timeplans .timeplan-element {
	float:left;
	border:1px solid #9ca0aa;
	border-radius:3px;
	line-height:14px;
	margin-left:5px;
	font-size:11px;
	padding-left:7px;
	margin-top:5px;
}

.timeplans .timeplan-element a.delete {
	display: block;
	width:11px;
	height:11px;
	background-image:url('../img/icon_x_small_off.png');
	background-repeat: no-repeat;
	float:right;
	margin-top:2px;
	padding-right:3px;
	margin-left:3px;
}

.timeplans .timeplan-element a.delete:hover {
	background-image:url('../img/icon_x_small_on.png');
}

.add-timeplan {
	clear:both;
	float:left;
	margin-top:10px;
	margin-left:5px;
}

.add-timeplan select {
	float:left;
}

.add-timeplan a {
	line-height:18px;
}

/* END DIALPLAN */

/* DEVICES */


.device {
	float:left;
	border: 1px solid #cccccc;
	width:49%;
	margin-bottom:10px;
}

.device.left {
	float:left;
}

.device.right {
	float:right;
}

.device .device-title {
	text-align: center;
	width:100%;
	font-size:18px;
	padding-top:10px;
	color:#9ca0aa;
}


.device .device-img {
	text-align: center;
	width:100%;
	height:120px;
	background-repeat: no-repeat;
	background-position: center;
}

.device .device-img.primary {
	background-image: url('../img/icon_user_device_primary.png');
}

.device .device-img.secondary {
	background-image: url('../img/icon_user_device_secondary.png');
}

.device .device-img.home {
	background-image: url('../img/icon_user_device_home.png');
}

.device .device-img.other {
	background-image: url('../img/icon_user_device_other.png');
}


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

.device .device-available .text {
	font-weight:bold;
}

.device .device-available .field {
	padding-top:7px;

	padding-left:145px;
	padding-bottom:7px;
	text-align: center;
}

.device .device-function {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	display: block;
	line-height:40px;
}

.device .device-function .device-function-title {
	float:left;
	line-height:40px;
	padding-left:5px;
}

.device .device-function .device-function-option {
	float:right;
	line-height:40px;
	padding-right:5px;
}

.device .device-location {
	width:100%;
	float:left;
	line-height:25px;
	padding-left:3px;
}

.device .device-location span.location-head {
	float:left;
	margin-top:3px;
	margin-left:6px;
}

.device .device-location span.location-body {
	float:right;
	margin-top:3px;
	margin-right:12px;
}

/* LOGIN */

.logo-form {
	margin:auto;
	width:366px;
	margin-top:100px;
	padding-top:7px;
	padding-bottom:7px;
}

.login-logo {
	padding-top:5px;
	padding-bottom:5px;
	text-align: center;
}

.login-form {
	margin:auto;
	margin-top:5px;
	width:366px;
	height:237px;
	background-color:#FFFFFF;
}

.login-form .login-header {
	clear:both;
	width:100%;
	float:left;
	background-color:#FFFFFF;
}

.login-form .login-header .login-title {
	width:100%;
	clear:both;
	float:left;
	font-size:16px;
	text-align: center;
	padding-top:20px;
	padding-bottom:17px;
}

.login-form .form-elements {
	clear:both;
	float:left;
	width:100%;
	padding-top:5px;
	padding-bottom:0px;
}

.login-form .form-elements .login-element {
	width:100%;
	clear:both;
	float:left;
	margin-bottom:3px;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	height:54px;
}

.login-form .form-elements .login-element {
	background-color:#f8f8f8;
}

.login-form .form-elements .login-element .focus {
	width:4px;
	height:54px;
	float:left;
	margin-top:0px;

}

.login-form .form-elements .login-element .element-icon {
	width:30px;
	float:left;
	line-height:60px;
	margin-left:10px;
	margin-right:10px;
}

.login-form .form-elements .login-element input {
	margin-top:13px;
	width:290px;
	padding:3px;
	height:20px;
	line-height:20px;
	color:#757575;
	border:1px solid #d4d4d4;
	text-indent: 5px;
	-webkit-box-shadow:inset 0 0 7px #d4d4d4;
	-moz-box-shadow:inset 0 0 7px #d4d4d4;
	box-shadow:inset 0 0 7px #d4d4d4;
	background-color:#FFFFFF;
}


.login-form .submit {
	clear:both;
	float:left;
	width:100%;
}

.login-form .submit .key {
	float:left;
	width:55px;
	padding-top:10px;
	line-height:36px;
}

.login-form .submit button {
	float:left;
	width:311px;
	cursor: pointer;
	height:59px;
	line-height:59px;
	border:none;
	margin:0;
	padding:0;
	font-size:14px;
	color:#FFFFFF;
	font-weight:normal;
	text-align: left;
	text-indent: 30%;
}

.login-copyright {
	font-size:10px;
}

/* HEAD ACTIONS BUTTONS */

div.inner-content div.head-actions {
	clear:both;
	float:left;
	width:100%;
	margin-bottom:10px;
}

div.inner-content div.head-actions button.bt-form-add {
	float: left;
	height:20px;
	line-height:20px;
}

div.inner-content div.head-actions button.bt-form-add span.ui-button-text {
	padding:none !important;
	font-size:12px;
	padding:0px !important;
	padding-left:7px !important;
	padding-right:7px !important;
}

div.inner-content div.head-actions button.bt-form-delete {
	float: right;
	height:20px;
	line-height:20px;
}

div.inner-content div.head-actions button.bt-form-delete span.ui-button-text {
	padding:none !important;
	font-size:12px;
	padding:0px !important;
	padding-left:7px !important;
	padding-right:7px !important;
}

/* END HEAD ACTIONS */


/* TIME RULES */

.timeplan-rules {
	margin-top:-5px;
}

.timeplan-rule {
	clear:both;
	float:left;
	margin-bottom:10px;
	width:100%;
}

.timeplan-rule table {
	clear:both;
	float:left;
	border-collapse: collapse;
	width:100%;
}

.timeplan-rule table tr {
	background-color:#eeeeee;
}

.timeplan-rule table tr td {
	padding: 5px;
	white-space: nowrap;
	width: 90px;
}

.timeplan-rule table tr.head {

}

.timeplan-rule table tr.head td {
	color:#FFFFFF;
	height:20px;
	padding: 5px;
}

.timeplan-rule table tr td select {
	width: auto;
}

.timeplan-rule table tr.head td.delete {
	text-align: right;
}

.timeplan-rule table tr.head td.delete .element.delete a.delete-timeplan-rule {
	display: block;
	background-image:url('../img/icon_delete_white.png');
	background-repeat: no-repeat;
	float:right;
	width:14px;
	height:16px;
	margin-right:15px;
}

.timeplan-rule table tr.head td .element.delete a .

.timeplan-rules .add-element {

}

/* WINDOW */

.blockUI.blockMsg.blockPage {
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
	border-bottom-left-radius: 5px !important;
	opacity:1 !important;
	background-color:#FFFFFF !important;
}

/* END WINDOW */

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------
 * START TODO GUENTHER
 */

tr.optional-child td.label {
	padding-left: 10px !important;
}



tr.optional-child td.label:before {
	line-height:18px;
	content: "\22EE";
	padding-right: 10px;
}

/*
tr.optional-child td:nth-child(2):before {
	float: left;
	content: "\22EF";
	padding-right: 10px;
	line-height:18px;
}
*/

tr.optional-child td:nth-child(2) {
	padding-left: 10px !important;
}

.container-children-switcher a {
	line-height:18px;
	font-size:12px !important;
}

/* END TODO GUENTHER
 * ----------------------------------------------------------------------------------------------------------------------------------------------------------
 */

.dialplan-add-rule-action select {
	float:left;
	margin-right:7px;
	margin-top:2px;
}

.dialplan-add-rule-action button {
	float: left;
	height:20px;
	line-height:20px;
}

.dialplan-add-rule-action button span.ui-button-text {
	padding:none !important;
	font-size:12px;
	padding:0px !important;
	padding-left:7px !important;
	padding-right:7px !important;
}

/* Providertrunk Outbound Routing */

.list-outbound-routes {
	clear: both;
	float:left;
	margin-top:10px;
	width:100%;
	background:#FFFFFF;
}
.list-outbound-routes .outbound-route {
	clear: both;
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 10px;
	background-image: url('../img/icon_providertrunk_routing_off.png');
	background-repeat: no-repeat;
	height:18px;
	cursor: move;
	background-color:#FFFFFF;
}
.list-outbound-routes .outbound-route .trunk { color:#67686c; line-height:18px; float:left; display: inline-block; text-indent:20px; font-weight: bold; font-size: 14px; }
.list-outbound-routes .outbound-route .country { color:#67686c; float:left;  display: inline-block; font-size: 13px; text-indent: 7px; line-height:18px;}
.list-outbound-routes .outbound-route .region { color:#67686c; float:left;  display: inline-block;  font-size: 13px; text-indent: 7px; line-height:18px;}
.list-outbound-routes .outbound-route .isfinal { color:#67686c; float:left;  display: inline-block;  font-size: 13px; text-indent: 7px; line-height:18px;}

.ct-add-outbound-route {
	clear: both;
}

a.bt-delete-outbound-route {
	float:right;
	width:14px;
	height:16px;
	background-image: url('../img/icon_delete_off.png');
}

a.bt-delete-outbound-route:hover {
	background-image: url('../img/icon_delete_on.png');
}



/* End Providertrunk Outbound Routing */

/* User Voicemail */

.content .content-box .inner-content table.list.voicemail tr td {
	border-bottom:1px solid #eeeeee;
	padding:7px;
	padding-top:7px;
	padding-bottom:7px;
}

.content .content-box .inner-content table.list.voicemail tr td a.voicemail-delete {
	display: block;
	width:14px;
	height:16px;
	background-image:url('../img/icon_delete_off.png');
	background-repeat: no-repeat;
}

.content .content-box .inner-content table.list.voicemail tr td a.voicemail-delete:hover {
	background-image:url('../img/icon_delete_on.png');
}

.content .content-box .inner-content table.list.voicemail tr td a.voicemail-download {
	display: block;
	width:18px;
	height:18px;
	background-image:url('../img/icon_download_off.png');
	background-repeat: no-repeat;
}

.content .content-box .inner-content table.list.voicemail tr td a.voicemail-download:hover {
	background-image:url('../img/icon_download_on.png');
}

/* END USER VOICEMAIL */


/* USER FAX */

.content .content-box .inner-content table.list.userfax tr td {
	border-bottom:1px solid #eeeeee;
	padding:7px;
	padding-top:7px;
	padding-bottom:7px;
}

.content .content-box .inner-content table.list.userfax tr td a.userfax-delete {
	display: block;
	width:14px;
	height:16px;
	background-image:url('../img/icon_delete_off.png');
	background-repeat: no-repeat;
}

.content .content-box .inner-content table.list.userfax tr td a.userfax-delete:hover {
	background-image:url('../img/icon_delete_on.png');
}

.content .content-box .inner-content table.list.userfax tr td a.userfax-download {
	display: block;
	width:18px;
	height:18px;
	background-image:url('../img/icon_download_off.png');
	background-repeat: no-repeat;
}

.content .content-box .inner-content table.list.userfax tr td a.userfax-download:hover {
	background-image:url('../img/icon_download_on.png');
}

/* END USER FAX */

/* USER DEVICE FUNCTIONKEYS */

.device-functionkeys-img {
	clear:both;
	float:left;
	margin-top: 20px;
	margin-bottom: 20px;
}

.device-functionkeys-img.SNOM_710 {
	background-image:url('../img/provisioning_snom710.png');
	width:740px;
	height:300px;
}

.device-functionkeys-img.SNOM_720 {
	background-image:url('../img/provisioning_snom720.png');
	width:740px;
	height:296px;
}

.device-functionkeys-img.SNOM_760 {
	background-image:url('../img/provisioning_snom760.png');
	width:757px;
	height:525px;
}


/* END USER DEVICE FUNCTIONKEYS */