/* ---------------Telephony Starts -----------------  */ 
.font-style {
	bgcolor:white;
}

.phone-notify{
	width:350px;
	box-shadow: 0px -1px 29px #999;
	height:180px;
	position:absolute;
	right:20px;
	bottom:-2px;
	background:#fff;
	}
.ie10 .phone-notify{
	width:350px;
	box-shadow: 0px -1px 29px #999;
	height:260px;
	position:absolute;
	right:20px;
	bottom:-2px;
	background:#fff;
}
.phone-notify .notify-head{
	background:#4f689d;
	padding:8px;
	}
.notify-name{
	color:#fff;
	font-size: 14px;
	float:left;
	}
.receiver{
	background:url(receiver.png) no-repeat;
	height:17px;
	width:14px;
	float:left;
	margin-right:5px;
	}
.phone-notify .notify-close{
	background:url(/images/notify-close.png) 4px 4px no-repeat;
	width:6px;
	height:6px;
	float:right;
	padding:4px;
	border:solid 1px transparent;
	}
.phone-notify .notify-close:hover{
	background-color:#8597bc;
	border:solid 1px #fff;
	cursor:pointer;
	}
.quickcreate{
	background:url(quick-create.png) 2px 1px no-repeat;
	width:13px;
	height:14px;
	float:right;
	margin-right:15px;
	border:solid 1px transparent;
	cursor:pointer;
	padding:2px;
	position:relative;
	}
.quickcreate:hover, .quickselected{
	background-color:#fff;
	border-radius:2px;
	}
.quickcreate:hover .arrow_box{
	display:block;
	}
.notity-details{
	padding:10px;
	}
.incoming{
	background:url(/images/incoming.gif) no-repeat;
	height:55px;
	width:55px;
	float:left;
	}
.outgoing{
	background:url(/images/outgoing.gif) no-repeat;
	height:55px;
	width:55px;
	float:left;
	}
.missed{
	background:url(/images/missed.png) no-repeat;
	height:55px;
	width:55px;
	float:left;
	}
.user-details{
	float:left;
	margin-left:10px;
	}
.cb{
	clear:both  ;
	}
.user-details a, .moredetails a{
	text-decoration:none;
	color:#2495dd;
	}
.user-details div{
	color:#5f5f5f;
	padding-top:4px;
	}
.moredetails{
	border-bottom:solid 1px #e0e0e0;
	padding-bottom:3px;
	margin-top:50px;
	clear:both;
	text-align:right;
	}
.btn-custom { 
	background-color: hsl(27, 0%, 88%) !important; 
	background-repeat: repeat-x; 

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #e0e0e0)); 

	background-image: linear-gradient(#fefefe, #e0e0e0); 
	border:solid 1px #d0d0d0;
	color: #333 !important; 
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.16);
	-webkit-font-smoothing: antialiased; 
	border-radius:4px;
    padding: 4px 9px;
	cursor:pointer;
	}
.btn-custom:hover{

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0e0e0), color-stop(100%, #fefefe)); 

	background-image: linear-gradient(#e0e0e0, #fefefe); 

	}
.btn-div{
	margin-top:14px;
	}
.cti_arrow_box { 
	display:none;
	position: absolute;
	color:#fff;
	left:-30px;
	text-align:center; 
	width:80px;
	padding:3px; 
	top:25px; 
	background: #000; 
	} 
.cti_arrow_box:after { 
	bottom: 100%; 
	border: solid transparent; 
	content: " "; 
	height: 0; 
	width: 0; 
	position: absolute; 
	pointer-events: none; 
	} 
.cti_arrow_box:after {  
	border-bottom-color: #000; 
	border-width: 6px; 
	left: 50%; 
	margin-left: -10px; 
	}
.quickcreateform{
	position:absolute;
	width:330px;
	padding:10px;
	background:#fff;
	bottom:180px;
	left:0;
	 box-shadow: 0px -1px 29px #999;
	display:none;
	}
.phonesmall{
	background:url(/images/callsmall.png) no-repeat;
	height:18px;
	border:1px solid #cbcbcb;
	padding:2px 3px 2px 3px;
	line-height:18px;
	position:relative;
	}
.enableCol {
	color:#00BC00;
	font-size:12px;
	font-family: 'Roboto Medium';
	text-transform:uppercase;
}

.disableCol {
        color:#FF0000;
        font-size:12px;
        font-family: 'Roboto Medium';
        text-transform:uppercase;
}
span.phone-image { 
        background-image:url(/images/telephone.png) 
        !important; 
        background-repeat:no-repeat; 
        width:32px; 
        height:32px; 
        display:block;
        }
/* ---------------Telephony Ends -----------------  */