/*================ Styles used in this page are mostly for the styling of my receptionist page*/

/*---------------------------------------------------------------------------------------------*/
/*----         		Top bar showing plans, demo, expiry date & remaining coins 				---*/

.My_Receptionist_tp1 {
	color: #666;
	line-height:26px;
	font-size:14px;
	margin-bottom:10px;
	padding:2px 10px 2px 10px;
	text-align:center;
}

.My_Receptionist_tp1 .Receptionist1 {
	font-weight:bold;
	margin-right:1px;
}
.My_Receptionist_tp1 .Receptionist2 {
	margin-right:15px;
}
.My_Receptionist_Seperator {
	font-size:17px !important;
	margin: -4px 6px 0 -10px;
	text-shadow:1px 0 0 #a39b8e;
	color:#cc9663 !important;
	visibility:hidden; width:10px;
}
.user-top:before {
content:"";
background:url("/media/images/top-strip-sprite.png");
width:20px;
height:18px;
display:inline-block;

}
.user-top-left {
float:left;
}
.balance-coins-right:before {
content:"";
background:url("/media/images/top-strip-sprite.png") 0 60px;
width:23px;
height:18px;
display:inline-block;

}
.balance-coins-right {
display:inline-block;
float:right;
margin-right:15px;
}
.my-account-right {
	float:right;
}
.my-account-right a {
color:rgba(0,0,0,0.6)
}
.my-account-top:before {
content:"";
background:url("/media/images/top-strip-sprite.png") 0 20px;
width:23px;
height:18px;
display:inline-block;

}
.top-timezone-right:before {
content:"";
background:url("/media/images/top-strip-sprite.png") 0 40px;
width:20px;
height:18px;
display:inline-block;

}
.top-timezone-right {
float:right;
margin-right:15px;
}
.countryFlagPlaceHolder{
    line-height: 10px;
}
/*---------------------------------------------------------------------------------------------*/
/*----         					contents in the Jqueri Tabs								 	---*/
/*---------------------------------------------------------------------------------------------*/

.Tab_1 {
	max-width:99.5%;
	background:#fff;
	border: 1px solid #B1B1B1;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.Tab_Container {
	width:100%;
	min-height:410px;
	padding-left:5px;
	padding-bottom:5px;
}

/*---------------------------------------------------------------------------------------------*/
/*----         					contents in the Rules Tab								 	---*/
.MultiLanguage_Top {
	line-height:32px;
	font-size:14px;
	font-weight:600;
	text-indent:10px;
	border: 4px solid rgba(0, 0, 0, 0.15);
}
.MultiLanguage_Cnt {
	width: 100%;
	margin-top:10px;
}
.Call_Cnt, .Call_Cnt_MultiLanguage {
	margin-top:15px;
	border: 4px solid rgba(0, 0, 0, 0.15);
	background: none repeat scroll 0 0 #FFFFFF;
}
.Call_Cnt_MultiLanguage {
	border-top:0px;
	margin-top:0px;
}
/*------------				Data grid header Styling			--------------------------------*/

.Call_Cnt > Span, .Call_Cnt_MultiLanguage > span {
	height: 30px;
	line-height: 30px;
	color: #fff !important;
	display: block;
	font-size: 1.4em;
	text-indent: 10px;
	font-weight:600;
	border-bottom: 1px solid #D1D1D1;
	border: 1px solid #000000 !important;
	background: #878787;
	box-shadow:0 0 3px rgba(0, 0, 0, 0.5);
	transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	background: -moz-linear-gradient(top, #FFFFFF 0%, #767272 1%, #666666 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF ), color-stop(1%, #767272), color-stop(100%, #666666));
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #767272 1%, #666666 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%, #767272 1%, #666666 100%);
	background: -ms-linear-gradient(top, #FFFFFF 0%, #767272 1%, #666666 100%);
	background: linear-gradient(top, #FFFFFF 0%, #767272 1%, #666666 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF ', endColorstr='#666666', GradientType=0 );
}

/*------------				Data grid generic Styling			--------------------------------*/
.BeforeCall_Grid {
}
.BeforeCall_Grid_Header, .AfterPick_Header, .Default_Header {
	border-bottom: 1px solid #E0E0E0;
	border-top: 1px solid #FFFFFF;
	color: #6F6F6F;
	line-height: 30px;
	text-align: left;
	font-weight:600;
	font-size:1.1em;
	background: #cccccc;
	background: -moz-linear-gradient(top, #cccccc 0%, #f7f7f7 3%, #f4f4f4 96%, #cecece 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(3%, #f7f7f7), color-stop(96%, #f4f4f4), color-stop(100%, #cecece));
	background: -webkit-linear-gradient(top, #cccccc 0%, #f7f7f7 3%, #f4f4f4 96%, #cecece 100%);
	background: -o-linear-gradient(top, #cccccc 0%, #f7f7f7 3%, #f4f4f4 96%, #cecece 100%);
	background: -ms-linear-gradient(top, #cccccc 0%, #f7f7f7 3%, #f4f4f4 96%, #cecece 100%);
	background: linear-gradient(top, #cccccc 0%, #f7f7f7 3%, #f4f4f4 96%, #cecece 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cecece', GradientType=0 );
	text-shadow:0 0 3px rgba(0, 0, 0, 0.15);
	-moz-transition: all 0.1s ease-out 0s;
}
.BeforeCall_Grid_Header > span, .AfterPick_Header span, .Default_Header span {
	display:inline-block;
	text-indent:10px;
	font-size:1.1em;
}
.BeforeCall_Grid_Alternate {
	background: none repeat scroll 0 0 #F7F7F7;
	border-bottom: 1px solid #E0E0E0;
	border-top: 1px solid #FFFFFF;
	color: #727272;
	text-align: left;
	width:100%;
	text-indent:10px;
	width:100%;
	font-size:1.2em;
	min-height:25px;
	padding-top:5px;
}
.BeforeCall_Grid_Alternate > span {
	display:block;
	color: #1E1B1D;
	float:left;
    white-space: nowrap;
    overflow: hidden;
}
.BeforeCall_Grid_Alternate > span:first-child{
	overflow:visible !important;
}
.BeforeCall_Grid_Alternate > span > label {
	display:block;
	float:left;
	margin-lest:10px;
}
.BeforeCall_Grid_Alternate > span > a {
	line-height:20px;
}
.BeforeCall_Grid_Alternate .Set_Priority {
	position:absolute;
	width:15px;
	height:25px;
	right:25px;
	margin-top:-3px;
	opacity:0;
}
.BeforeCall_Grid_Alternate:hover .Set_Priority {
	opacity:0;
}

/*---------------------------------------------------------------------------------------------*/
/*----         				contents in the Resource Tab								 	---*/
.resourceBox {
    width:49%;
    margin-top:10px;
    float: left;
}
.resourceBox > span {
    line-height:33px;
    font-size:17px;
    font-weight:normal;
    color: #5c5c5c;
    text-indent:10px;
    height:33px;
    display:block;
    background: #eeefef;
    background-image: -moz-linear-gradient(90deg, #e9eaea, #eff0f0);
    background-image: -ms-linear-gradient(90deg, #e9eaea, #eff0f0);
    background-image: -o-linear-gradient(90deg, #e9eaea, #eff0f0);
    background-image: -webkit-linear-gradient(90deg, #e9eaea, #eff0f0);
    background-image: linear-gradient(90deg, #e9eaea, #eff0f0);
    border:1px solid;
    border-color:#E7E7E7 #E4E4E4 #cdbca9;
    border-radius: 4px;
    box-shadow: #e3e3e3 0px 1px 3px;
    text-shadow: #ffffff 1px 1px 0px;
}
.resourceBox_Cnt_Row,.Group_Cnt_Row {
    background-color:#f3dfc8;
    height:26px;
    line-height:26px;
    text-indent:12px;
}
.resourceBox_Cnt_Row span,.Group_Cnt_Row span {
    float:left;
    display:block;
    font-weight:normal;
    font-size:14px;
}
.resourceBox_Cnt_Row_Alternate,.Group_Cnt_Row_Alternate {
    background-color:#f1f1f1;
    height:26px;
    line-height:26px;
    text-indent:12px;
    border-bottom:1px solid #EAEAEA;
    transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -webkit-transition:all 0.2s linear;
}
.resourceBox_Cnt_Row_Alternate:hover,.Group_Cnt_Row_Alternate:hover {
    border-bottom:1px solid #ececec;
    background:#f9f9f9;
}
.resourceBox_Cnt_Row_Alternate span,.Group_Cnt_Row_Alternate span {
    float:left;
    display:block;
    font-weight:normal;
    font-size:13px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}
.Content_Sperator {
	Padding-bottom:15px;
	border-bottom:1px solid #cbc8c8;
	min-height:205px;
}
.SmsTemplates_Cnt,.Group_Cnt {
	width:49%;
	float:right;
	margin-top:10px;
    padding-right: 5px;
}
.hookAPI_Cnt {
    width:49%;
    float:left;
    margin-top:10px;
}
.EmailTemplates_Cnt {
	width:49%;
	margin-top:10px;
}
.SoundLibrary_Cnt {
	width:49%;
	margin-top:10px;
    float: right;
    margin-right: 5px;
}
.SoundLibrary_Cnt > span, .hookAPI_Cnt > span, .SmsTemplates_Cnt > span, .EmailTemplates_Cnt > span ,.Group_Cnt >span {
	line-height:33px;
	font-size:17px;
	font-weight:normal;
	color: #5c5c5c;
	text-indent:10px;
	height:33px;
	display:block;
	background: #eeefef;
	background-image: -moz-linear-gradient(90deg, #e9eaea, #eff0f0);
	background-image: -ms-linear-gradient(90deg, #e9eaea, #eff0f0);
	background-image: -o-linear-gradient(90deg, #e9eaea, #eff0f0);
	background-image: -webkit-linear-gradient(90deg, #e9eaea, #eff0f0);
	background-image: linear-gradient(90deg, #e9eaea, #eff0f0);
	border:1px solid;
	border-color:#E7E7E7 #E4E4E4 #cdbca9;
	border-radius: 4px;
	box-shadow: #e3e3e3 0px 1px 3px;
	text-shadow: #ffffff 1px 1px 0px;
}
.SoundLibrary_Cnt_Row, .hookAPI_Cnt_Row,.SmsTemplates_Cnt_Row, .EmailTemplates_Cnt_Row {
	background-color:#f3dfc8;
	height:26px;
	line-height:26px;
	text-indent:12px;
}
.SoundLibrary_Cnt_Row span, .hookAPI_Cnt_Row span,.SmsTemplates_Cnt_Row span, .EmailTemplates_Cnt_Row span {
	float:left;
	display:block;
	font-weight:normal;
	font-size:14px;
}
.SoundLibrary_Cnt_Row_Alternate, .hookAPI_Cnt_Row_Alternate,.SmsTemplates_Cnt_Row_Alternate, .EmailTemplates_Cnt_Row_Alternate {
	background-color:#f1f1f1;
	height:26px;
	line-height:26px;
	text-indent:12px;
	border-bottom:1px solid #EAEAEA;
	transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
}
.SoundLibrary_Cnt_Row_Alternate:hover, .hookAPI_Cnt_Row_Alternate:hover,.SmsTemplates_Cnt_Row_Alternate:hover, .EmailTemplates_Cnt_Row_Alternate:hover {
	border-bottom:1px solid #ececec;
	background:#f9f9f9;
}
.SoundLibrary_Cnt_Row_Alternate span, .hookAPI_Cnt_Row_Alternate span,.SmsTemplates_Cnt_Row_Alternate span, .EmailTemplates_Cnt_Row_Alternate span {
	float:left;
	display:block;
	font-weight:normal;
	font-size:13px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

/*--------------------------------Style fot Add button-----------------------------------------*/

.Update {
	padding:5px;
	background: #e0e0e0;
	background: -moz-linear-gradient(top, #fff 0%, #f4f4f4 4%, #f7f7f7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(4%, #f4f4f4), color-stop(100%, #f7f7f7));
	background: -webkit-linear-gradient(top, #e0e0e0 0%, #fff 4%, #f7f7f7 100%);
	background: -o-linear-gradient(top, #e0e0e0 0%, #fff 4%, #f7f7f7 100%);
	background: -ms-linear-gradient(top, #e0e0e0 0%, #fff 4%, #f7f7f7 100%);
	background: linear-gradient(top, #e0e0e0 0%, #fff 4%, #f7f7f7 100%);
	border:thin solid #e7e7e7;
	border-top:0px;
	border-radius:0 0 3px 3px;
	height:25px;
}
.Update a , .Add-Sounds-Button {
	border: 1px solid #DDD;
	border-radius: 3px;
	text-shadow: 0 1px 1px white;
	box-shadow:  0 1px 1px #fff;
	font: bold 11px Sans-Serif;
	padding: 5px 15px;
	white-space: nowrap;
	vertical-align: middle;
	color: #666;
	background: transparent;
	cursor: pointer;
	display: inline-block;
	}
.Update a:hover, .Update a:focus , .Add-Sounds-Button:hover , .Add-Sounds-Button:focus {
	border-color: #999;
	background: -webkit-linear-gradient(top, white, #E0E0E0);
	background:    -moz-linear-gradient(top, white, #E0E0E0);
	background:     -ms-linear-gradient(top, white, #E0E0E0);
	background:      -o-linear-gradient(top, white, #E0E0E0);
	background-repeat:no-repeat;
	box-shadow:         0 1px 2px rgba(0,0,0,0.1), inset 0 0 3px #fff;
	-moz-transition:all 0.05s ease-in;
	-webkit-transition:all 0.05s ease-in;
	-o-transition:all 0.05s ease-in;
}
.Update a:active {
	border: 1px solid #AAA;
	border-bottom-color: #CCC;
	border-top-color: #999;
	box-shadow:         inset 0 1px 2px #dbdada;
	background: -webkit-linear-gradient(top, #E6E6E6, gainsboro);
	background:    -moz-linear-gradient(top, #E6E6E6, gainsboro);
	background:     -ms-linear-gradient(top, #E6E6E6, gainsboro);
	background:      -o-linear-gradient(top, #E6E6E6, gainsboro);
}
/*---------------------------------------------------------------------------------------------*/
/*--------------------------- Styles for Edit rule pop up -------------------------------------*/

.Edit_Form_PopUp {
	background:#fff;
	min-height:350px;
	font-size:14px;
}
.popUpTitle {
	text-align: center;
	font-size: 22px;
	line-height:2em;
	width: 100%;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
	border-bottom:1px solid #d5d5d5;
	background:#f6f5f5;
}
.PopUpHeader {
	background: rgb(219,219,219);
	background: -moz-linear-gradient(top, rgba(219, 219, 219, 1) 0%, rgba(255, 255, 255, 1) 10%, rgba(244, 244, 244, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(219, 219, 219, 1)), color-stop(10%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(244, 244, 244, 1)));
	background: -webkit-linear-gradient(top, rgba(219, 219, 219, 1) 0%, rgba(255, 255, 255, 1) 10%, rgba(244, 244, 244, 1) 100%);
	background: -o-linear-gradient(top, rgba(219, 219, 219, 1) 0%, rgba(255, 255, 255, 1) 10%, rgba(244, 244, 244, 1) 100%);
	background: -ms-linear-gradient(top, rgba(219, 219, 219, 1) 0%, rgba(255, 255, 255, 1) 10%, rgba(244, 244, 244, 1) 100%);
	background: linear-gradient(top, rgba(219, 219, 219, 1) 0%, rgba(255, 255, 255, 1) 10%, rgba(244, 244, 244, 1) 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#f4f4f4', GradientType=0 );
	border-bottom: 1px solid #fff;
	height:45px;
}
.PopUpHeader > div {
	margin-left:2px;
	float:left;
	margin-top:5px;
	font-size:16px;
	border-right:1px solid rgba(0, 0, 0, 0.1);
	padding-right:12px;
    width:22.5%;
}
.PopUpHeader > div > span {
	bottom:4px;
	line-height:25px;
	margin-left:10px;
	display:block;
	float:left;
	margin-top:5px;
	padding-bottom:3px;
}
.PopUpHeader > div > span > select {
	border-radius:3px;
}
.Edit_Form_PopUp_Content {
	background:url(../../images/Edit_Form_PopUp_Bg.png) repeat-x;
	height:400px;
	overflow:auto;
}
#TimeSlot_PopUp {
	width:390px;
	overflow:hidden;
	float:left;
	margin:11px;
	font-size:13px;
	border:1px solid rgba(0, 0, 0, 0.1);
	box-shadow:0px 0 5px rgba(83, 83, 83, 0.1);
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
}
#TimeSlot_PopUp:hover, #TimeSlot_PopUp:focus {
	border:1px solid rgba(0, 0, 0, 0.3);
	box-shadow:-2px 2px 6px rgba(83, 83, 83, 0.3);
}
.Action_Popup_1 {
	text-indent:10px !important;
	font-size:14px;
	line-height:28px;
	height:28px;
	background:rgba(0, 0, 0, 0.06);
	display:block;
}
.Action_Popup {
	width:390px;
	overflow:hidden;
	margin:11px;
	float:left;
	min-height:159px;
	font-size:13px;
	border:1px solid rgba(0, 0, 0, 0.1);
	box-shadow:0px 0 5px rgba(83, 83, 83, 0.1);
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
}
.Action_Popup select {
	width:160px;
	border-radius:2px;
}
.TimeSlot_PopUp_1 {
	text-indent:10px !important;
	font-size:14px;
	line-height:28px;
	height:28px;
	background:rgba(0, 0, 0, 0.06);
	display:block;
}

/*---------------------Styles for jgrowl Notification---------------------------------*/

.Jgrowl-Message-red {
	border:1px solid red;
	background: -moz-linear-gradient(top, rgba(255, 26, 0, 0.39) 0%, rgba(255, 26, 0, 0.67) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 26, 0, 0.39)), color-stop(100%, rgba(255, 26, 0, 0.67)));
	background: -webkit-linear-gradient(top, rgba(255, 26, 0, 0.39) 0%, rgba(255, 26, 0, 0.67) 100%);
	background: -o-linear-gradient(top, rgba(255, 26, 0, 0.39) 0%, rgba(255, 26, 0, 0.67) 100%);
	background: -ms-linear-gradient(top, rgba(255, 26, 0, 0.39) 0%, rgba(255, 26, 0, 0.67) 100%);
	background: linear-gradient(top, rgba(255, 26, 0, 0.39) 0%, rgba(255, 26, 0, 0.67) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63ff1a00', endColorstr='#abff1a00', GradientType=0 );
	box-shadow:0 0 5px red;
	border-radius:3px;
}
.Jgrowl-Message-yellow {
	border:1px solid #FFC200;
	background: rgb(255,247,211);
	background: -moz-linear-gradient(top, rgba(255, 247, 211, 1) 0%, rgba(252, 234, 144, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 247, 211, 1)), color-stop(100%, rgba(252, 234, 144, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 247, 211, 1) 0%, rgba(252, 234, 144, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 247, 211, 1) 0%, rgba(252, 234, 144, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 247, 211, 1) 0%, rgba(252, 234, 144, 1) 100%);
	background: linear-gradient(top, rgba(255, 247, 211, 1) 0%, rgba(252, 234, 144, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff7d3', endColorstr='#fcea90', GradientType=0 );
	border-radius:3px;
	box-shadow:0 0 5px #FFDC00;
}
.Jgrowl-Message-green {
	border:1px solid #79B70B;
	background: #daebc1;
	-webkit-animation-duration: 0.35s;
	-webkit-animation-delay: 0s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-name: flip;
	border-radius:3px;
	-box-shadow:0 0 5px rgba(152, 201, 126, 0.67);
	color:#1E3D14 !important;
	text-shadow:0 0 2px rgba(61, 111, 35, 0.31);
}
@-webkit-keyframes flip {
 from {
-webkit-transform: rotateX(-180deg) scale(0.2);
}
to {
	-webkit-transform: rotateX(-360deg) scale(1);
}
}
.Textbox_Error {
	border:1px solid #ff3737;
	box-shadow:0 0 3px #FC9A9A;
	background:url(../../images/ValidationFailed.png ) no-repeat right center;
}

/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
.TextBox {
	border:1px solid #a8acad;
	background:url(../../images/TextBox_Bg.png) repeat-x;
	height:17px;
	lin-height:17px;
	transition:all 0.3s linear;
	box-shadow:0px 0px 3px rgba(0, 0, 0, 0);
	color:#9e9e9e;
}
.TextBox:focus {
	box-shadow:0px 0px 3px rgba(0, 0, 0, 0.2);
}

.Content {
	width:65%;
	float:left;
	font-size:0.9em;
	border:5px solid red;
	font-weight:normal;
}

.DataGrid {
	color:#979797;
}

.clear {
	clear:both;
}
.clear_left {
	clear:left;
}
.Template_Pop {
	display:none;
	color:#666;
	font-size:12px;
	width:470px;
	background:#fff;
	border-radius:3px;
	padding:5px;
	margin:5px 0 0 0;
	border:1px solid #d8d8d8;
	box-shadow:0px 0px 3px rgba(0, 0, 0, 0.1);
}
.TextBox_Input {
	border:1px solid #878787;
}
.Rules h1 {
	height:32px;
	line-height:32px;
	color:#404040;
	background-image:none;
}

.DefaultCall_Grid {
}
.BeforeCall_Grid ul li {
	width:100%
}
.BeforeCall_Grid div {
}
.AfterPick_Grid {
	border:1px solid #fff;
	min-height:150px;
}
.AfterPick_Grid ul li {
	width:100%
}
.AfterPick_Grid div {
	float:left;
}
.BeforePick_Grid {
	border:1px solid #fff;
	min-height:150px;
}
.BeforePick_Grid ul li {
	width:100%
}
.BeforePick_Grid div {
}

.ui-sortable {
	width: 100%;
}


.Call_Grid_Header {
	background-color: #d7d7d7;
	color:#000;
	height:32px;
	line-height:32px;
}
.Grid_RowItem {
	height:25px;
	padding-top:5px;
	width:100%;
	background:rgba(245, 245, 245, 0.7);
	border-bottom:1px solid rgba(224, 224, 224, 0.5);
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}
.Grid_RowItem:hover {
	background:rgba(245, 245, 245, 0.9);
	border-bottom:1px solid rgba(224, 224, 224, 0.7);
}
#Choose_Extension_DropDown {
	width:50px;
	border:1px solid #a8acad;
}
.TimeSlot_Pop {
	position:absolute;
	z-index:2;
	margin:25px 0 0 170px;
	display:none;
	width:450px;
	height:250px;
	background:#f1f1f1;
	border:1px solid #fff;
	border-radius:5px;
	box-shadow:0px 0px 20px rgba(0, 0, 0, 0.3);
}
.Action_Pop {
	position:absolute;
	z-index:2;
	margin-top:25px 0 0 400px;
	display:none;
	width:450px;
	height:250px;
	background:#f1f1f1;
	border:1px solid #f9f9f9;
	border-radius:5px;
	box-shadow:0px 0px 20px rgba(0, 0, 0, 0.3);
}
.Inline_Content_1 {
	font-size:13px;
}
.inline_content form label {
	display:inline !important;
}




.Edit_Form_PopUp_Content {
	background:url(../../images/Edit_Form_PopUp_Bg.png) repeat-x;
	height:400px;
	overflow:auto;
}




.placeHolder_Notification_123 select {
	width:108px;
	border-radius:2px;
}
.Action_Popup:hover, .Action_Popup:focus {
	border:1px solid rgba(0, 0, 0, 0.3);
	box-shadow:2px 2px 6px rgba(83, 83, 83, 0.3);
}
#NotificationChecked {
	margin-top:2px;
	display:none;
	background:#f9f9f9;
	overflow:auto;
	width:102%;
	overflow:hidden;
}
.Action_Label {
	background:#fff;
	width:70px;
	height:22px;
	line-height:22px;
	background:#f1f1f1;
	background-image:  -moz-linear-gradient(90deg, #dbdbdb, #fff);
	background-image:  -ms-linear-gradient(90deg, #dbdbdb, #fff);
	background-image:  -o-linear-gradient(90deg, #dbdbdb, #fff);
	background-image:  -webkit-linear-gradient(90deg, #dbdbdb, #fff);
	background-image: linear-gradient(90deg, #dbdbdb, #fff);
	border-radius:3px;
	display:block;
	border:1px solid #2a75a1;
	text-decoration:underline;
}
.AddSounds_PopUp {
	display:none;
	color:#666;
	font-size:12px;
	background:#fff;
	padding:5px;
	margin:5px 0 0 0;
	border-top:1px solid #d8d8d8;
}
.AddSounds_PopUp_Seperator {
	border-top:1px solid rgba(0, 0, 0, 0.05);
}
.AddSounds_PopUp_Seperator span {
	display:block;
	float:right;
	width:50px;
	height:16px;
	line-height:16px;
	margin:4px;
	text-align:center;
	background:#D2D2D2;
	color: #747272;
	display: inline-block;
	font-size: 12px;
	margin: 5px;
	padding:2px 10px 2px 10px;
	text-decoration: none;
	border:1px solid #666;
	border-radius: 3px;
	background-color: #fafafa;
	background-image: -moz-linear-gradient(90deg, #d6d6d6, #fafafa);
	background-image: -ms-linear-gradient(90deg, #d6d6d6, #fafafa);
	background-image: -o-linear-gradient(90deg, #d6d6d6, #fafafa);
	background-image: -webkit-linear-gradient(90deg, #d6d6d6, #fafafa);
	background-image: linear-gradient(90deg, #d6d6d6, #fafafa);
}
.AddSounds_PopUp_Top_Cnt span {
	display:block;
	float:left;
}
.AddSounds_PopUp_Top_Cnt {
	padding:4px;
	padding-top:8px;
	overflow:hidden;
}
.showMsgPopup {
	width: 350px;
	height: 130px;
	background-color: #f2f2f2;
	background-image: -moz-linear-gradient(90deg, #ededed, #f2f2f2);
	background-image: -ms-linear-gradient(90deg, #ededed, #f2f2f2);
	background-image: -o-linear-gradient(90deg, #ededed, #f2f2f2);
	background-image: -webkit-linear-gradient(90deg, #ededed, #f2f2f2);
	background-image: linear-gradient(90deg, #ededed, #f2f2f2);
	border-radius: 4px;
	border: 1px solid #ffffff;
	box-shadow: #000 0px 0px 4px;
	display: inline-block;
	margin: auto;
}
.Alert_Box_Message {
	border-bottom: 1px solid #FFFFFF;
	color: #494D4F;
	font-size: 16px;
	height: 75px;
	line-height: 22px;
	padding-top: 5px;
	text-shadow: #ffffff 0px 1px 0px;
}
.Alert_Box_Message_Button_Spr {
	border-top:1px solid #e2e2e2;
	padding-top:3px;
	text-align:center;
}
.Alert_Box_Message_Button_Spr > input {
	margin-right:20px;
	padding:auto 10px auto 10px;
	height:32px;
	line-height:32px;
	width:67px;
}
.rulePriorityMsg {
	float: right;
	font-size: 0.8em;
	margin-right:10px;
}

.noplannoticeDiv{
    text-align: left;
    padding: 10px;
    margin: 5px;
    font-size: 16px;
}
.click_to_call_form:before { content: ""; height: 44px; left: -130px; position: absolute; top: 10px; width: 106px; background:url(../../images/C2C.png)}
.click_to_call_form {border: 1px solid rgba(68, 68, 68, 0.2); position:relative; display: inline-block; line-height: 25px; margin-left: 160px; margin-top: 29px; padding: 20px; }
.c2c_error_icon:before{position:absolute; content:''; width:16px; height:16px; background:url(../../images/error_c2c.png); left:-22px; top:0; }
.c2c_error_icon{position:relative;}

.dynamicAdd {
    border-top: 1px solid #C9C9C9;
    display: inline-block;
    line-height: 25px;
    position: relative;
    width: 120px;
}
.dynamicAdd:after{
    background: url("/media/images/iconsprite_customer_details.png") no-repeat scroll 0 -66px transparent;
    content: "";
    height: 25px;
    margin-left: 3px;
    position: absolute;
    width: 25px;
}
.dynamic_box_wrapper {
    max-height: 217px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 220px;
}
.dynamic_box_wrapper > span {
    background: linear-gradient(to bottom, #FFFFFF 0%, #F0F0F0 100%) repeat scroll 0 0 transparent;
    border: 1px solid #E6E6E6;
    border-radius: 3px 3px 3px 3px;
    display: block;
    margin-bottom: 4px;
    position: relative;
    text-indent: 5px;
    width: 201px;
}

.dynamic_box_wrapper > span > span {
    display: inline-block;
    text-indent: -99999px;
}
.dynamic_box_remove {
    background: url("/media/images/remove_phone_number.png") no-repeat scroll 0 0 transparent;
    height: 15px;
    position: absolute;
    right: 0;
    top: 4px;
    width: 10px;
    text-indent: -99999px;
}
.dynamic_box_remove_float {
    background: url("/media/images/remove_phone_number.png") no-repeat scroll 0 0 transparent;
    height: 15px;
    position: absolute;
    right: 0;
    top: 4px;
    width: 10px;
    text-indent: -99999px;
}
.floatdiv_outer{
    position: relative;
    display: none;
}
.floatdiv_inner{
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.19);
    color: #C5C0B0;
    left: 0;
    list-style: none outside none;
    max-height: 100px;
    min-width: 200px;
    padding: 15px 10px;
    position: absolute;
    top: 2px;
    width: auto;

}
.fade:before{
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.62) 30%, #FFFFFF 100%) repeat scroll 0 0 transparent;
    content: "";
    height: 26px;
    position: absolute;
    right: 0;
    width: 30px;
}