@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;	padding: 0px;
	font-family: "Open sans !important";
	font-size: 12px;
	background:#444;
	font-weight: bold;
	
	
}
/* 	#body_new:-webkit-autofill {
    background-color: white !important;
} */
a {
	color:#006cb3;
}
ul {
	margin:0px; 	padding:0px;
	list-style-type:none;
}
h1, h2, h3, h4 {
	margin:0px; 	padding:0px;
}
.clear_all { clear:both; }
.float_align {
	float: left;
	margin: 0px 8px 0px 2px;
}
.float_l  { float:left; }
/* .wrapper { 	min-width: 1024px; } */

/********* top nav ************/

.tool_nav 
{
	background:#313131;	/* Changes by cs team */
	padding:0px 0px;
	height:40px;	/* Changes by cs team */
}

#login_details ul li#account_menu {
    
    background		: 	url("../images/white-arrow.png") no-repeat scroll 100% 59% transparent ;
    padding-right	:	18px;
    float			:	right; 
    border-left		:	1px dotted #555;
    cursor			:	pointer ;
}

.tool_nav ul { overflow:hidden; }
.tool_nav ul li{
	float:left;
	margin:0px 21px 0px 0px;  	padding:0px;
}
.tool_nav ul li a{
	color:#999;
	/* display:block */;
/* 	padding:7px 5px 0px 0;	
 */	font-size: 13px;	
}

.tool_nav ul li a.selected{
	/*background:#f4f4f4;*/
	/*color:#000;*/
	color:#fff;
	text-decoration:none;
}
.tool_nav ul li a:hover, a.tool_setting:hover{
	text-decoration:none;
}
.header_ac_holder {
	width:300px;
	float:right;
	text-align:right;
	position:relative;
	margin-top:-30px;
}
.header_ac_holder .right_nav{
	font-size:11px; 	font-weight:bold;
	float:right;
	padding:8px 10px 0px;
}
.header_ac_holder .right_nav a{
	color:#999;
	text-decoration:none;
	padding:0px 5px;
}
.ac_setting {
	float:right;
	padding:7px 19px 6px 10px;
	background:#fff url(../images/sort_arrow.png) 58px -29px no-repeat;
	text-decoration:none;
	position:relative;	
}
.ac_setting a{ text-decoration:none; }
.ac_border {	border:1px solid #c5c5c5; }
.ac_border_none {	
	border:1px solid #c5c5c5; border-width:0px 1px;
	padding:7px 18px 6px 10px !important;
}
.settings_nav {
	width:131px;
	position:absolute; z-index:505;
	right:0px;
	margin:5px -1px 0px 0px;		padding:7px 0px 7px !important;
	background:#fff;
	border:1px solid #c5c5c5;		border-width:0px 1px 1px;
	display:none;
}
.settings_nav ul li {
	width:131px;
	clear:both;
}
.header_ac_holder .settings_nav ul li a{
	margin:0px !important;	padding:3px 2px 3px 10px !important;
	text-align:left;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	display:block;
	clear:both;	
}
.header_ac_holder .settings_nav ul li a:hover, .chat_senarios_list tr:hover td {
	background:#006cb3;
	color:#fff;
}

.header_holder {
	clear:both;
	overflow:hidden;
	padding:10px 30px;	
}

/***** tab nav *****/

.tab_nav_holder 
{
	/*height:32px;*/
	height:0px; /* Changes by cs team */
	background:url(../images/tranc.png) repeat;
	padding:0px 30px;
	
	/*Changes by cs team*/
		position : absolute ;
		top :67px;
		right:30px
	/*End - Changes by cs team*/
}
.empty_nav {
	height:32px;
	padding:0px 30px;
}

.tab_nav_holder ul li
{
	margin:10px 2px; 	
	padding: 7px 22px;
	/*float:left;*/
	
	float:right; /*Changes by cs team*/
	background:url(../images/redesign/menubg_tranc.png) 0px 0px repeat ; /*Changes by cs team*/
}
.tab_nav_holder ul.right_nav { float:right; }
.tab_nav_holder ul li a{
	color:#fff;
	text-decoration:none;
	font-size:13px;		
	font-weight:bold;
	background: transparent !important;
}

#header_nav_holder .right_nav_holder {
 	float:right;
	font-weight:normal;
	position:absolute;
	top:10px;
	right:27px;
}
#header_nav_holder .right_nav_holder a,  .right_nav_holder span {
 	padding:0px 3px;
 	color:#333 !important;
 	font-size:11px !important;
}
.login_wrapper
{
	width:130px;
   	margin: 80px auto;
	padding: 55px 100px 35px 100px;
/* 	background: url(http://commondatastorage.googleapis.com/conversionsupportimages/conversionsupportimages/logo1.jpg) 60px 20px no-repeat; */
	height: 380px;
	background-color:#fff;
	position: relative;
	top: -15px;
	left: -3px;
}
.login_wrapper span{
	font-size:11px;
	color:#333;
}
.login_wrapper h1{
	font-size:18px;		font-weight:normal;
	margin:-1px 0px;	padding:0px;
	color:#333;
}
#content {
	clear: both;
	margin: 0px auto; 	
	padding: 5px 30px;
	height:	auto;
}
#content_inner_wrapper {
	float: left;
	width: 100%;
	/* padding:5px 0px; */
	padding: 26px 5px 0;
}
.content_container
{
	margin: 0px;	
	background:#FAFAFA; /*Changes by cs team*/
	border : 1px solid #ccc ; /*Changes by cs team*/
	padding: 4px 0px 7px; /*Changes by cs team*/
}
.content_header {
	clear:both;
	height:40px;
	padding:0px 20px;
}
.content_header h1 {
	display:block;
	width:300px;
	font-size:15px;		font-weight:bold;
	margin-top:13px;  padding:0px 0px 12px 0px;
	float:left;
}
.header_side_wrapper {
	float:right;
	margin:5px 0px 0px;
}
.header_side_wrapper li {
	float:left;
	margin:0px 0px 0px 10px;
	color:#555;
}
.header_side_wrapper li label { 
	display:block;
	padding:8px 0px 0px;
	color:#555;
	text-transform:inherit;
 }
.content_body
{
	background:#FAFAFA; /*Changes by cs team*/ 
	padding:15px 20px 15px;
	position:relative;
}
#agent_view, #report_view
{
	/*background:#eaeaea; Changes by cs team*/
	background:#FAFAFA; /*Changes by cs team*/
	padding:0px 0px 0px 5px;
	width:100%;
}
#agent_view .side_bar{
	width:30%;
	float:left;
	padding:0px 0px 10px;
}

.agent_list_holder, .report_agent_list_holder, .report_nav
{
	/*background:#fff;*/
	background:#FAFAFA;/*Changes by cs team*/
	border:1px solid #ccc;	
	border-width:1px 1px 0px 1px;	/*Changes by cs team*/
	margin:0px 8px 0px 0px;		
	padding:6px 0px 0px;
}
.agent_list_holder label, .report_agent_list_holder label{
	font-size:12px;		font-weight:bold;
	color:#666;
	position:relative;
	top:5px;		
	padding:0px 12px;
	text-transform: inherit;	
}
.agent_list_holder .search_bg {
	width:60%;
	float:right;
	margin:0px 10px 0px 0px;
}
.search_bg {
	background:#fff url(../images/search_bg.gif) no-repeat;
	height: 24px;
	position: relative; 	z-index: 3;
	border:1px solid #999;	
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;		
}
.agent_list_holder .search_bg input{ width:75% !important; }
.search_bg input {
	width: 160px;
	margin: 0px 0px 0px 10px;
	height: 18px;
	padding: 2px 0px 0px;
	background: none;
	border: 0px;
	float: left;
}
.search_bg a {
	width: 20px;
	height: 24px;
	display: block;
	float: right;
	margin:0px 10px 0px 0px;
	text-decoration: none;
	background:#fff url(../images/search_icon.gif) 5px 6px no-repeat;
}
.search_bg input:focus {
	border: 0px;
	background: none;
}
.search_list_wrapper, .name_lists {
	clear:both;
	overflow-y: auto;
	margin:10px 0px 10px;
	/*border:2px solid #bbbbbb;
	border-width:0px 0px 2px; Changes by cs team*/
	border:1px solid #ccc; /*Changes by cs team*/
	border-width:1px 0px 1px 0px;
}
.search_list_wrapper li 
{
	
	/*Changes by cs team
	padding:5px 3px 4px 33px;
	background:url(../images/grp_icon.png) 10px 1px no-repeat;
	background:url(../images/redesign/msg_list_bg_unread.gif) repeat-x;
	*/
	
	padding:15px 3px 12px 37px;
	background:url(../images/grp_icon.png) 10px 11px no-repeat;
	

	font-size:13px;
	font-weight:bold;
	color:#555;
	
	cursor:pointer;
	border-bottom:#efefef solid 1px;
}

.search_list_wrapper li:hover
{
	/*color:#fff;
	background:#006cb3 url(../images/grp_icon.png) 10px -27px no-repeat; Changes by cs team*/
	background:#4D4D url(../images/grp_icon.png) 10px -19px no-repeat; /*Changes by cs team*/
	color : #fff !important;
}

#agent_view .primary_content
{
	width:70%;
	float:left;
	/*background:#fff;
	border:1px solid #a7a7a7;	
	border-width:1px 0px;
	Changes by cs team
	*/
	
	background:#FAFAFA;
	border:1px solid #CCC;	
	border-width:1px 0px 1px 0px;
	
}
.edit_mode
{
	height:25px;
	padding:3px 0px 0px;
	
	background:#FAFAFA ;
	border:1px solid #ccc;	
	border-width:0px 1px 1px 1px;
	
	/*
	background:#eee ;
	border:1px solid #a7a7a7;	
	border-width:0px 1px 1px;
	*/
}
.edit_mode span{
	float:right;
	padding:6px 15px 0px 15px;
	font-size:11px;		font-weight:bold;
	color:#555;
	background: url(../images/icons.png) 0px 0px no-repeat;	
	cursor:pointer;
}
.edit_mode .edit_task { background-position:0px -284px;}
.edit_mode .delete_task { background-position:0px -310px;}

.agent_info_wrapper {
	/*background:#fff; Changes by cs team*/
	background:#FAFAFA;
	padding:15px 18px;
	border:1px solid #ccc;/*Changes by cs team*/	
	/*
	border:1px solid #a7a7a7;
	border-width:0px 1px 0px;*/
	border-width:0px 1px 0px 1px; /*Changes by cs team*/
	overflow-y:auto;
}
.settings_col_wrapper { 	
	width:33.2%; 
	float:left;	
}
.agent_info_wrapper .col_wrapper {
	border-left:1px solid #eeeeee;
}
#agent_view .primary_content .col_wrapper {
	width:66.6%;
	float:left;
}
#col_wrapper { min-width:220px !important; }
.agent_settings h3{
	font-size:18px;
	margin:0px;		padding:0px 0px 5px;
}
.edit_agent_settings li {
	clear:both;
	padding:4px 0px 7px;
	overflow:hidden;
}
.edit_agent_settings li .input_field96 {
	float:left;
	margin:0px 10px 0px 0px;
}
.avilable_chat 
{
	/*border-left:1px solid #eeeeee; Changes by cs team*/
	margin:0px 0px 20px; 	padding:3px 0px 0px 30px;
}
.avilable_chat div{ 
	width:49.5%;
	float:left;
	overflow:hidden;
 }
h4 {
	font-size:18px;
	margin:0px; padding:0px 0px 12px;
}
h5 {
	font-size:10px;
	margin:0px; padding:0px 0px 12px;
}
.agent_settings span {
	display:block;
	font-size:12px;
	margin:0px; 	padding:0px 0px 4px;
}
.agent_settings b.screen { color:#999; font-weight:normal;}
.avilable_chat span{
	font-size:11px;		font-weight:bold;
	color:#666;
}
.avilable_chat div.skill_validator {
	width:101.7%; 
	overflow-y:auto;
	margin-left:-21px;
}
.avilable_chat  ul.chat_check_list {
	padding:10px 0px 0px !important;
	clear:both;
}
.avilable_chat ul.chat_check_list li{
	padding:3px 0px;
	clear:both;
	overflow:hidden;
	border-bottom:1px solid #efefef;
	background:url(../images/icons.png) 1px -426px no-repeat;
}
.avilable_chat ul.chat_check_list li input{ visibility:hidden;}
.avilable_chat ul.edit_skill_level li { background:none !important; }
.avilable_chat ul.edit_skill_level li input{ visibility:visible !important;}
/*.avilable_chat input, .transcript_chat_list input { 	float:left; }*/
.avilable_chat label, .transcript_chat_list li label {
	font-size:11px;
	font-weight:normal;
	color:#555;
	padding:0px 0px 0px 5px !important;
	text-transform:inherit;
	text-align:left;
}
.avilable_chat ul.skills_level {
	margin:0px;
	padding:0px;
}
.avilable_chat ul.skills_level li, .avilable_chat ul.chat_check_list li div.skill_level_holder span{
	float:left !important;
	color:#999;
	font-size:11px;
	width:7.5% !important;
	margin:0px;		padding:0px 0px 0px 4px; 
}

.avilable_chat div.skill_level_holder {
	margin-left:9px;
	width:48%; 
}
.avilable_chat ul.edit_skill_level li div.skill_level_holder {
	background:url(../images/slider_line.gif) 0px 4px repeat-x;
	height:17px;
}
.avilable_chat ul.chat_check_list li div.skill_level_holder span{
/*	display:block; 
	width:14px;		
	height:16px; */
	line-height:18px;
	font-size:10px;
/*	color:#4c6896;m*/ color:#fff;
	background:none;
	position:relative;
	left:10px;
	cursor:pointer;
	padding-left:4px;
}
.avilable_chat ul.chat_check_list li div.skill_level_holder span.selected{ background:url(../images/icons.png) 0px -403px no-repeat; }
.avilable_chat ul.edit_skill_level li div.skill_level_holder span { background:url(../images/icons.png) 0px -463px no-repeat; }

.agent_save_changes {
	clear:both;
	width:100%;
	display:none;
	margin:30px 0px 0px;	padding:10px 0px 0px;
	overflow:hidden;
	border-top:1px solid #eeeeee;
}
#transcripts, #chat_console {
	background:#fff;
/*	padding:0px 5px 0px 0px;*/
	padding:0px 0px 0px 0px;
	width:100%;
}
#transcripts .side_bar{
	width: 230px;
	float:left;
}
.transcript_chat_list {
	margin: 0px 15px 0px 0px;		
	padding: 6px 0px 0px;
	overflow-y:auto;
}
.transcript_chat_list li{
	padding: 3px 0px;
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #efefef;
}
.transcript_chat_list li label { 
	font-size: 12px; 
	padding:3px 0px 0px 0px !important;
}
.list_header {
	border-bottom:1px solid #858585;
	margin: 0px 15px 0px 0px;	padding:6px 0px 4px;
	overflow:hidden;
}
.list_header label{
	font-size:13px !important;
	text-transform:inherit;
	padding:2px 0px 0px 3px !important;
/*	float:left; */
}
/*#content_inner_wrapper_2col { padding: 0px 0px 0px 230px; }*/
#content_inner_wrapper_2col { padding: 0px 0px 0px 0px; } /*Changes by cs team*/
#transcripts .primary_content
{
	background:#FAFAFA;
	/*background:#eaeaea;Changes by cs team*/
	/*border-left:1px solid #a7a7a7;*/
	border-left:0px solid #a7a7a7; /*Changes by cs team*/
}

#transcripts .primary_content .col_wrapper {
	width:45.2%;
	float:left;
	margin-left:5px;
	padding:0px 0px 10px;	
}
#transcripts .primary_content  .chat_transcripts_table { 
	width:53%;
	float:left;
	margin-left:5px;
	padding:0px 0px 10px;

}
.chat_transcripts_table #pager { float:left; }
#pager ul li {
	float:left;
}
.report_content #pager { 
	background:#f4f4f4 !important;
	padding:10px;
	border-bottom:1px solid #666666;
}
.report_content #pager ul{  float:right; }
#pager ul li select{
	margin-right:5px;
	height:25px;
	border:1px solid #999;
}
.page_count {
	float:left;
	background:none;
	border:0px;
	width:50px;
	text-align:center;
	margin-right:5px;
	font-weight:bold;
}
.chat_transcripts_table .email_sender { float:right; }
.chat_transcripts_table .email_sender .email_sender_popup {
	bottom:33px;
}
.col_controler .primary_content .col_wrapper .global_btn, .chat_transcripts_table .global_btn{ float:right; }
.col_controler .primary_content .col_wrapper .button_holder .global_btn, .chat_transcripts_table .button_holder .global_btn { float:left; }

/*table#transcripts_list_header { background:#fff; } */
#transcripts_list table tr#transcripts_list_header th, #reports_lists table tr#reports_list_header th
{
	text-align: left; 
	/*border-bottom:1px solid #333; Changes by cs team*/
	border-bottom:1px solid #ccc;
	padding-top:10px;
	padding-bottom:5px;
	cursor:pointer;
}
#transcripts_list table tr#transcripts_list_header td, #reports_lists table tr#reports_list_header td
{ 
	text-align: left; 
	padding: 10px 0px 5px 0px;
	font-size:12px;
	color:#555;
	border-bottom:1px solid #777;
	background: #fff;
}

#transcripts_list tr#transcripts_list_header .agent_col	{ width: 20%; }
#transcripts_list tr#transcripts_list_header .chat_col	{ width: 15%; } 
#transcripts_list tr#transcripts_list_header .resln_col	{ width: 20%; }
#transcripts_list tr#transcripts_list_header .date_col	{ width: 14%; }
#transcripts_list tr#transcripts_list_header .time_col	{ width: 16%; }

#transcripts_list tr#transcripts_list_header th span.sort_asc, #transcripts_list tr#transcripts_list_header th.headerSortDown span { 	
	background:url(../images/sort_arrow.png) right 3px no-repeat;
	padding: 0px 15px 0px 0px;
}
#transcripts_list tr#transcripts_list_header th.headerSortUp span { 	
	background:url(../images/sort_arrow.png) right -36px no-repeat;
	padding: 0px 15px 0px 0px;
}
#reports_lists table tr#reports_list_header th, #reports_lists table tr td { text-align: right; padding-right:10px;}
#reports_lists table tr#reports_list_header th.lt_align { text-align: left; padding-left:10px; padding-right:0px;}
#reports_lists table tr td.lt_align, #reports_lists table tr td.chat_col { text-align: left; padding-left:25px; padding-right:0px;}

/*Changes by cs team*/
.chat_col , .agent_col , .resln_col , .date_col , .time_col
{
	color:#666 ;
} 
/*END Changes by cs team*/

#reports_lists tr#reports_list_header th span { 	padding: 0px 0px 0px 15px; }
#reports_lists tr#reports_list_header th.headerSortDown span { 	
	background:url(../images/sort_arrow.png) left 3px no-repeat;
	padding: 0px 0px 0px 15px;
}
#reports_lists tr#reports_list_header th.headerSortUp span { 	
	background:url(../images/sort_arrow.png) left -36px no-repeat;
	padding: 0px 0px 0px 15px;
}
#transcripts_list, #reports_lists
{
	width:100%;		
	margin:0px 0px 10px;	
	padding:0px 0px 0px;
	background: #FAFAFA;
	/*Changes by cs team
	overflow-y: auto;
	background:#fff;
	border-right: 1px solid #cbcbcb;
	 */
	
	border: 1px solid #cbcbcb; /*Changes by csteam*/
}
#chart_holder { 
	display:none; 
	border-bottom: 1px solid #a7a7a7;
}
#chart_container {
	width: 750px; 
	height: 400px; 
	margin: 0 auto;
}
#reports_lists { 
	background:url(../images/btn_selected.gif) repeat-x; 
	border-top:1px solid #c0c0c0;		border-right:1px solid #a7a7a7;
	margin:0px 0px 0px;
}
#transcripts_list tbody, #reports_lists tbody { padding :5px 0px 0px; 	}
#transcripts_list table{
/*	border-bottom: 1px solid #777;	*/
	border-bottom: 0px solid #777; /* Changes by cs team */
}
#transcripts_list table td, #reports_lists table td {
	padding: 5px 0px 2px 0px;
	border-bottom: 1px solid #efefef; /* 'cellspacing' */
	vertical-align: top;
	line-height: 1.4em;
	color: #555;
	cursor:pointer;
}
#transcripts_list table tr:hover td
{
	/*background-color:#006cb3; Changes by cs team*/
	background-color:#4D4D4D; 
	color:#fff;
}
#transcripts_list_header th:first-child, #transcripts_list td:first-child { padding-left: 10px; }

#reports_lists table tr#reports_list_header th:first-child { padding-left: 10px; text-align:left; }
#reports_lists td:first-child { 
	padding-left: 25px; 
	text-align:left;
}
#reports_lists td span { color:#006cb3;}
.email_sender {
	position:relative;
}
.inner_popup { 
	position:absolute;
	z-index:465;
	display:none;
	width:250px;
	background:#fff;
	border:1px solid #ababab;
}
.inner_popup input{ width:215px; }
.popup_holder {
	padding:12px 15px 12px;
	overflow:hidden;
}
.popup_pointer {
	background:url(../images/box_pointer.png) right 5px no-repeat;
	width:100%;
	margin:0px;
	position:relative; 		z-index:468;
	height:12px;	
}
.email_sender_popup .popup_pointer {
	background:url(../images/box_pointer.png) right -38px no-repeat;
	margin:0px 0px -12px -20px;
}
.email_sender_popup { 	bottom:47px;		right:0px; }
#new_chat_window { position:relative; }
#new_chat_window .inner_popup {
	right:0px;
	margin:31px 0px 0px 0px;
}
#new_chat_window .popup_pointer {
	background:url(../images/box_pointer.png) right 0px no-repeat;
	margin:-12px 0px 0px -20px; 
}
.chat_transcripts { margin:0px 0px 10px; }
.chat_transcripts h3{
	font-size:12px;		
	font-weight:bold;
	color:#666;
	padding:3px 0px 6px 10px; 
	border-bottom:1px solid #ababab;
}
.chat_message_wrapper
{
	height:529px;
	overflow-y:auto; 
	/*background:#fff; Changes by cs team*/
	background: #FAFAFA;
}
.chat_message_wrapper h4 {
	font-size: 11px; 	
	font-weight: bold;
	color: #555;
	padding: 4px 10px 4px 13px;
	border-bottom: 0px solid #efefef;
	cursor: pointer;	
}
/*.chat_message_wrapper .message_box div  h4 {
	padding:3px 10px;
	border-bottom:0px;
	float:left;
	cursor:pointer;
}*/
.chat_message_wrapper p {
	margin:0px; 	padding:0px 13px;
	line-height:16px;
	color:#555;
	font-size:11px;
}
#chat_message_field  textarea, .chat_message_field  textarea{
	width:99.7%;		height:70px;
	position:relative;
	margin:0px 0px 10px;		padding:0px;
}
.chat_message_field {
	padding:15px;
	background:#ccc;
}
.chat_message_field  textarea{ 
	width:99.7%;		height:50px; 
	margin:-2px 0px 0px;
}
.agent_message, .lead_message { 
	padding-bottom:19px;
}
#chat_console .primary_content .col_wrapper {
	width:49.8%;
	float:left;
	
}
#console_message_wrapper { border:1px solid #ababab;	border-width:1px 1px 0px; }
/*.agent_message div {
	margin:4px;
}
.lead_message div {
	margin:4px;
}*/
/*.message_box {
	position:relative;
}*/

 /*.chat_message_wrapper .message_box div { clear:both; overflow:hidden; } */
.chat_message_wrapper .message_box div span {
	float:right;
	font-size:10px;		font-weight:normal !important;
	margin:6px 10px 0px;
	color:#aaa;
}
#chat_console .primary_content{
		background:#eaeaea;
		padding-bottom:15px;
}
.chat_scenarios {
	margin:0px 0px 0px 9px;

}
.chat_scenarios_header {
	background:#fff;
	text-align:left;
	border-bottom:1px solid #333;
	border-right:1px solid #ababab;	border-width:0px 1px 1px 0px;
}
.chat_scenarios_header th{
	padding:4px 10px;
	color:#666;
	font-size:11px;	font-weight:bold;
}
.chat_senarios_list {
	overflow-y:auto;
	margin:0px 0px 10px;
	border-bottom:1px solid #333;	
	border-right:1px solid #ababab;	border-width:0px 1px 1px 0px;	
	background:#fff;
}
.chat_senarios_list td{
	border-bottom:1px solid #efefef;
	padding:4px 10px;
	color:#666;
	font-size:11px;
	cursor:pointer;
}

.chats_window_holder li{
	width:320px;
	/* min-height:330px; */
	float:left;
	margin:0px 20px 30px 0px;
}
.chat_screen_top {
	/* background:url(../images/chat_screen_top.gif) 0px 0px no-repeat; */
	width:407px;	height:32px;
	margin-left:-3px;
}
.chat_screen_bt {
	/* background:url(../images/chat_screen_bt.gif) 0px 0px no-repeat; */
	width:407px;	height:23px;
	margin-left:-3px;	
}
.chat_window {
	border:1px solid #999;
	background:#fff;
	-moz-box-shadow: 0px 0px 5px #cecece;
	-webkit-box-shadow: 0px 0px 5px #cecece;
}
.empty_chat_holder .chat_window {
	background:#f3f3f3;
	/* min-height:345px; */
}
.empty_chat_holder .chat_edit_wrapper {
		filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60; 
}
.chat_header { 
	height:65px;
	border-bottom:1px solid #999;
}
.chat_header .edit_theme {
	float:right;
	margin:18px 12px 0px;
}
.genesis { background:url() no-repeat; } /* https://commondatastorage.googleapis.com/docs.webchat.a-cti.com/clients/generic_logo.jpg has been removed from this url */
.anct { background:url(../images/chat_img/anct.gif) no-repeat; }
.chat_edit_col2 .chat_message_wrapper { overflow:inherit !important; padding:8px 0px 0px; }
.chat_loader .chat_message_wrapper {
	height:180px;
	overflow-y:auto;  
}
.chat_edit_wrapper {
	text-align:center;
	padding:5px 0px;
}
.chat_edit_wrapper a, .customizer_header a.delete_chat_window{
	color:#555;
	font-size:11px;		
	font-weight:bold;
	text-decoration:none;
	padding:1px 0px 0px 14px;
	margin:0px 5px;
	background:url(../images/icons.png) no-repeat;
}
.chat_edit_wrapper a.code_snippets{ background-position:0px -491px; }
.chat_edit_wrapper a.edit_chat_window{ background-position:0px -288px; }
.chat_edit_wrapper a.delete_chat_window, .customizer_header a.delete_chat_window { background-position:0px -316px; }
 .customizer_header a.delete_chat_window{ 
 	margin: 7px 5px 0px 10px;
	float: left; 
}
#chat_customizer { 
	/*background:#fff;*/
	background:#FAFAFA;	/*Changes by cs team*/
	padding:0px 0px 20px;
	border:1px solid #ccc;
	width:920px;
}
.customizer_header {
	margin:0px 0px 10px;		padding:7px 10px 7px 15px;
	background:#f9f9f9;
}
#chat_customizer .header_side_wrapper { margin:0px; }
.chat_edit_col1 {
	width:475px;
	float:left;
	margin-left:10px;
	position:relative;
}
.close_edit {
	background:url(../images/color_picker_close.png) no-repeat;
	width:25px;		height:25px;
	margin:-3px 0px 0px -26px;
	position:relative;
	float:left;
	cursor:pointer;
}
.white_screen {
	position:absolute;
	z-index:2;
	background:#fff;
	width:100%;
	height:430px;
	top:0px;
	filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60; 
	display:none;	
}
.edit_steps {
	margin:0px 0px 0px 7px;
	list-style-type:none;
	font-size:14px;		font-weight:bold;
}
.edit_steps li{ 
	margin:0px 0px 10px;
	padding:0px 0px 0px 3px; 
	clear:both;
}
.edit_steps h3{
	font-size:16px;
	border-bottom:1px solid #d9d9d9;
	margin:0px 10px 10px -3px;	padding:10px 0px 5px;
}
.edit_steps p {
	font-size:12px;		font-weight:normal;
	margin:0px;		padding:0px;
	line-height:18px;
	color:#888888;
}
.edit_steps p b{ color:#666666; }
.chat_edit_col2 {
	width:421px;
	float:left;
	margin:0px 0px 0px;
}
.chat_screen_holder { float:right; }

.chat_screen_holder a.cancel { padding-left: 35px; }

.chat_icon {
	margin:2px 15px 10px 15px;
	padding:0px 20px 20px 0px;
	/*background:#ffffff; Changes by cs team*/
	/* background:#FAFAFA; */
	float:left;
	/*border-right:1px solid #ffffff; Changes by cs team*/ 
	width:315px;
	
	min-height: 130px ; /*Changes by cs team*/
	
}
.edit_chat_settings { 
	width:400px; 
	position:relative;
}
.edit_chat_settings code.nubs, .edit_logo, .edit_message {
	font-size:11px !important;
	display:none;
	cursor:pointer;
	position:absolute;	z-index:100;
	color:#fff;
	width:78px; 	height:25px;
	margin:0px 0px 0px -69px;		padding:3px 0px 0px 29px !important;
}
.nubs_bg { background:url(../images/nubs_indicator.png) 0px 0px no-repeat; }
.edit_message { 
	background:url(../images/nubs_indicator.png) 0px -60px no-repeat; 
 	margin:10px 0px 0px -69px !important;
}
.edit_logo {
	background:url(../images/nubs_indicator.png) 0px -29px no-repeat;
	margin:30px 0px 0px -69px;	padding:3px 0px 0px 6px !important;
	width:78px;
	display:none;
}
#footer_colorSelector { margin:0px 0px 0px -83px; }
.bg_none { 
	background:none !important; 
	margin:0px !important;	padding:0px;
 }
.logo_window, .edit_message_holder {
	display:none;
 	position:absolute;	z-index:500;
	background:#fff;
	width:319px;
	border:3px solid #666;
	margin:20px 0px 0px -392px;
 }
 .edit_message_holder {
	background:#f6f7f9;
	margin:9px 0px 0px -385px;
	z-index: 111;
 }
.edit_message_holder textarea{
	width:287px;	height:110px;
	margin:5px;
	font-size:11px;		line-height:15px;
	font-family: helvetica;
}
.upload_tool {
 	clear:both;
	position:relative;
	bottom:10px;
	padding:0px 5px;
	
 }
.upload_tool input{	
	float:left;
	margin:0px 5px 0px 8px;
	width:195px;
}
.edit_locator, .colorpicker_locator { 
 	float:right;
	width:92px;		height:11px;
	background:url(../images/gray_pointer.png) -5px 0px no-repeat;
	margin:8px -92px 0px 0px;
	position:relative;	z-index:501
 }

.color_picker_value {
	display:none;
	margin:10px; padding:0px;
}
.color_picker_value label{ display:block; padding-top:10px; }

/*** report ***/

#report_view .side_bar{
	width:25%;
	float:left;
	padding:0px 0px 10px;
}
.report_nav {
	margin:0px 8px 10px 0px;
	border-width:1px;	
}
.report_agent_list_holder {
	border-width:1px 1px 0px;
}
.report_nav li{
	padding:5px 3px 4px 8px;
	font-size:12px;
	color:#555;
	cursor:pointer;
	border-bottom:#efefef solid 1px;
}
.report_nav li:hover, .report_nav li.selected{
	color:#fff;
	background:#006cb3;
}

.name_lists li{
	padding:5px 3px 4px 73px;
	font-size:12px;
	color:#555;
	background:url(../images/grp_icon.png) 27px 1px no-repeat;
	cursor:pointer;
	border-bottom:#efefef solid 1px;
}

 .name_lists li input{
 	position:relative;
	margin:0px 30px 0px -65px;
 }
.name_lists li:hover{
	color:#fff;
	background:#006cb3 url(../images/grp_icon.png) 27px -27px no-repeat;
}
#report_view .primary_content{
	width:75%;
	float:left;
	background:#fff;
	border:1px solid #a7a7a7;	border-width:1px 0px 0px;
}
.report_content {
	border:1px solid #a7a7a7;	border-width:0px 1px;
}
.report_content h2 {
	padding:15px 0px 10px 20px;
}
.drop_down_holder {
	float:right;
	margin:-33px 10px 0px;
}
.multiple_chat, .chat_menu_popup {
	width:150px;
	position:relative;
}
.multiple_chat .chat_icon {
	background:url(../images/btn_icons.png) 0px -371px no-repeat;
	padding:0px 0px 0px 19px;
	margin:-1px 0px 0px;
}
.multiple_chat .chat_menu_popup { 	width:220px; 	}
.drop_down_holder .date_holder, .drop_down_holder .custom_dropdown, .drop_down_holder .custom_dropdown2{ 
	float:right;
	margin-left:10px;
}
.drop_down_holder .custom_dropdown span.date_icon {
	padding:0px 0px 0px 20px;
	background:url(../images/btn_icons.png) 0px -166px no-repeat;
}
.chat_menu_popup {
	background:#fff;
	border:1px solid #a0a0a0;
	display:none;
	margin:25px 0px 0px -10px; padding:10px;
	position:absolute;		z-index:400;
	right:0px;
}
.chat_menu_popup h4{
	font-size:12px;
	padding:0px;
	border-bottom:1px solid #cdcdcd;
}
.chat_menu_popup input{
	margin:0px 8px 0px 4px;
	position:relative;
	top:2px;
}
.chat_menu_popup ul{
	margin:0px;
	padding:0px;
}
.chat_menu_popup ul li{
	border-bottom:1px solid #efefef;
}
.chat_menu_popup ul label{
	color:#000;
	text-transform:capitalize;
}
.btn_navigator {
	background:#f4f4f4;
	padding:10px 0px 10px 10px;
}
.btn_navigator .global_btn{
	float:right;
	margin-right:10px;
}
.toggle_btn {
	margin:0px 0px 0px 10px;
}
.toggle_btn a{
	float:left;
	text-decoration:none;
	color:#555555;
	height: 24px;	line-height: 25px;
	background:#fcfcfc url(../images/butt_bg.png) repeat-x left bottom;
	float: left; 
	font-size: 11px;	font-weight: bold;
	color: #222;
	padding:0px 10px 0px 13px;
	text-decoration: none;	
	border: solid 1px #bbb; 	border-bottom: solid 1px #888;	
	cursor:pointer;	
}
.toggle_btn a code{
	float:left;
	margin-left:-3px;
	background:url(../images/btn_icons.png) no-repeat;	
	width:12px; 	height:22px;	
}
.toggle_btn a code.table_icon { background-position:0px -299px;}
.toggle_btn a code.chart_icon { background-position:0px -323px;}
.toggle_btn a.selected{ background:#fff url(../images/btn_selected.gif) repeat-x top; }
.toggle_btn .table_view_btn{
	border-right:0px solid #aaa;
	-moz-border-radius: 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
	border-radius:4px 0px 0px 4px;
}
.toggle_btn .chat_view_btn {
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius: 0px 4px 4px 0px;
	border-radius:0px 4px 4px 0px;	
}

/*** footer wrapper ***/
.alert_bar_wrapper {
	width:100%;		height:29px;
	position:fixed;	z-index:400;
	bottom: 0;
	background:url(../images/content_container.gif) repeat-x;
	border-top:1px solid #999;
	font-size:11px; 	
}
.user_wrapper {
	float:right;
	margin:-1px 30px 0px 0px;	padding:0px;
	list-style-type:none;
	height:30px;
	position:relative;
}
.user_wrapper li {
	float:right;
	border:1px solid #999; 		border-width:1px 0px 0px 1px;
	cursor:pointer;
	line-height:30px;
	padding:0px 5px;
	cursor:pointer;
}
.user_wrapper li.selected{ border-top:1px solid #fff;}
.user_wrapper li span.val_bubble, .user_wrapper li span.status_bubble {
	float:right;
	width:16px;		height:15px;
	line-height:14px;
	display:block;
	background:#006db2;
	margin:8px 0px 0px 5px;	padding:0px;
	color:#fff;
	font-size:11px;
	text-align:center;
}
.user_wrapper li span.status_bubble {
	background:#595959;
	width:auto;		height:auto;
	margin:7px 0px 0px 5px;	padding:1px 5px;
}
.user_wrapper li ul{
	position:absolute;
	 bottom: 30px;
	background:#fff;
	margin:0px -6px;	padding:5px 0px 0px;	
	clear:both;
	width:140px;	
	border:1px solid #999;	border-width:1px 1px 0px;
	display:none;
}
.user_wrapper li ul li{
	clear:both;
	float:inherit;
	border:0px;
	margin:0px;	padding:3px 0px 2px 8px;
	height:auto;
	line-height:13px;
}
.user_wrapper li ul li:hover{ background:#ddf0fe; }


/*** popup wrapper ***/
.black_screen {
	background:#000;
	filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40; 	
	color:#fff;
	position:absolute; 
	z-index:450;
	top:0px;
	width:100%;	
	display:none;
	height:1000px;
}
#more_action {
	width:490px;
	margin-left:-245px;
	display:none;
}
 #chat_actions {
	margin-left:-245px;
	display:none;
	top:40%;
}
.popup_window {
	position: absolute; 	z-index: 451;
	top:35%;	left: 50%;
	background: #fff;
	display: none;
	border:1px solid #444;
}
.pointer_box {
	background:url(../images/box_pointer.png) 0px 0px no-repeat;
	width:25px; 	height:14px;
	margin:-14px 0px 0px 5px;
	position:relative;
	z-index:300;
}
.popup_wrapper { position:relative; }
.popup_content { padding:30px 20px; display:none; }
.popup_content h3{
	font-size:16px;
	text-align:center;
	line-height:23px;
	padding:10px 0px 0px;
}
.popup_controler {
	position: absolute; 	z-index: 451;
	background: #fff;
	border:1px solid #ababab;
}
.popup_content_wrapper { padding:30px 20px 20px;}
.new_response_wrapper {	
	width:487px;
	margin:-254px 0px 0px;
	right:0px;
	display:none;
}
.new_response_wrapper label{ 
	display:block;
	clear:both !important;
}
.new_response_wrapper textarea { width:100%; }
.new_response_wrapper .message_type { margin-bottom:15px; }
.new_response_wrapper .global_btn { float:left !important; }
.new_response_wrapper .pointer_box {
	background-position:0px -35px;
	margin:0px 30px 0px;
	bottom:-13px;
	float:right;
}
.chat_dropdown {width:130px;}
.chat_dropdown ul{width:138px;}
.chat_dropdown div {
	background:url(../images/btn_icons.png) 0px -372px no-repeat;
	padding-left:18px;
	margin-left:-3px;
}
.chat_dropdown ul li {
	background:url(../images/btn_icons.png) 8px -375px no-repeat;
	padding-left:28px !important;
	width: 110px;
	color: #666;
}
.chat_dropdown ul li:hover {
	background:url(../images/btn_icons.png) 8px -401px no-repeat;
}
#code_snippet {
	width:600px;
}
.snippet_content {
	padding:5px 0px 10px 15px;
	clear:both;
}

.snippet_content h4{
	font-size:12px;		font-weight:bold;
	color:#666;
	margin:0px;		padding:0px;
}
.snippet_content p{
	color:#888;
	margin:0px;		padding:0px 0px 5px;
}
.snippet_content textarea {
	width:324px; height:142px; 
	float:left;
	font-size:11px;
	padding: 5px 5px 0px;
	line-height:14px;
	color: #666;
}
.snippet_content  .global_btn{ margin:0px 0px 0px 15px; }

.snippet_btn .email_sender_popup { 	margin:0px 0px 97px 0px; right:-152px;}
.snippet_btn .popup_pointer {
	background:url(../images/box_pointer.png) 15px -38px no-repeat;
	margin:0px 0px -12px 10px;
}
.snippet_btn {
	clear: none;
	margin:0px 10px 0px;
	overflow:hidden;
}
.snippet_btn a.cancel {
	background:url(../images/btn_icons.png) 45px -67px no-repeat;
	padding-right:20px !important;
}
.popup_content .snippet_btn .email_sender_popup .global_btn{ margin:0px; }
#delete_chat_window { 	width:450px; }
#chat_badges { 	width:605px; }
#chat_badges h3 {
	margin:-10px 0px 0px;		padding:0px;
}
.chat_badges_gallery {
	height:280px;
	/* overflow-y:scroll; */
	/* background:#fbfbfb; */
	margin:10px 0px 0px;	padding:10px 0px 10px 10px;
	border:1px solid #dddddd;
}
.chat_badges_gallery ul li {
	width:176px;
	float:left;
	margin:0px 15px 15px 0px;
	text-align:center;
}
#chat_badges .button_holder {
	margin:15px 0px 0px 250px;
	overflow:hidden;
}
#chat_badges .button_holder .global_btn{ 	margin:0px;		 }

#chat_badges .cancel { 
	margin: 0 12px 0 0; 
	padding: 0;
}


.chat_edit_col2 .button_holder { 	margin-left:110px; }
.chat_edit_col2 .button_holder a { 	margin-left:10px; }

/***** button *****/
.popup_content .global_btn { margin:20px 0px 0px 165px; }

.close_popup {
	background: url(../images/btn_icons.png) 34px -75px no-repeat;
	height:15px;
	float:right;
	margin:12px 10px 0px; 	
	padding:0px 16px 0px 0px;
	cursor:pointer;
	position:absolute;  	
	z-index:400;
	right:0px;	
	color: #444;
	font-size: 11px;
}
.button_holder {
	clear:both;
/*  	margin:10px 0px;
 */ }
 
 .button_holder1
{
	clear:both;
	margin:10px 0px;
}
.global_btn, input.global_btn, .chat_edit_col1 .inner_popup .global_btn  {
	display: block;
	height: 24px;
	background:#fcfcfc url(../images/butt_bg.png) repeat-x left bottom;
	float: left; 
	line-height: 25px;
	font-size: 11px;
	font-weight: normal;
	color: #222;
	margin-right: 5px; 	
	padding: 0 10px 0 10px;
	text-decoration: none;	
	border: solid 1px #bbb; 
	border-bottom: solid 1px #888;	
	cursor:pointer;
}
input.global_btn  { 
 	width:69px !important;	height:27px;
	float:left !important; 
	font-weight:normal;
}
.global_btn:hover { background:#f8f8f8 url(../images/butt_bg.png) repeat-x left bottom; }
.global_btn span, .global_btn code{
	float:left;
	margin-left:-3px;
	background:url(../images/btn_icons.png) no-repeat;	
	width:12px; 	height:22px;	
}
.global_btn span.plus, .global_btn code.plus  	{ background-position: 0px 8px }
.global_btn span.copy, 
.global_btn code.copy  							{ background-position: -1px -255px }
.global_btn span.new 							{ background-position: -2px -227px }
.global_btn span.tick, 
.global_btn code.tick 							{ background-position: 0px -20px; }
.global_btn span.tick_plus 						{ background-position: 0px -46px; width:18px; }
.global_btn span.load, 
.global_btn code.load  							{ background-position: 0px -120px; }
.global_btn span.load_all 						{ background-position: 0px -138px; }
.global_btn span.upload, 
.global_btn code.upload 						{ background-position: 0px -276px; }
.global_btn span.search 						{ background-position: 0px -204px; }
.global_btn span.print 							{ background-position: 0px -348px; }

.global_btn code.email 							{ background: url(../images/icons.png) 0px -31px no-repeat; width:19px; }
.global_btn span.delete							{ background: url(../images/icons.png) 0px -311px; }
.global_btn span.edit, 
.global_btn code.edit 							{ background: url(../images/icons.png) -2px -283px; }
.global_btn span.change 						{ background: url(../images/icons.png) 0px -248px; width:18px; }
.global_btn span.convert, 
.global_btn code.convert 						{ background: url(../images/pagenation_arrow.png) 0px -98px; }

.global_btn code.copy_small						{ background: url(../images/icons.png) 2px -517px no-repeat; width:19px; }
.global_btn code.email_small					{ background: url(../images/icons.png) 0px -535px no-repeat; width:19px; }
.global_btn code.edit_small						{ background: url(../images/icons.png) 0px -555px no-repeat; width:19px; }



.chat_edit_col1 .global_btn span, 
.chat_edit_col1 .global_btn code, 
.chat_edit_col2 .global_btn span, 
.chat_edit_col2 .global_btn code 
	{ padding-right:3px; }

.chat_edit_col1 .global_btn code, 
.chat_header .global_btn.edit_theme code {
	padding-right: 0;
}

.chat_edit_col1 .inner_popup .global_btn  { margin-left:0px; }
.chat_edit_col1 .global_btn, 
.chat_header .global_btn.edit_theme { 
	line-height: 18px; 
	height: 18px;
	font-size: 10px;
	font-weight: normal;
	color: #333;
}
.email_sender .global_btn { margin-right:0px; }
.cancel, .attach, .forgot {
	float:left;
/* 	font-size:11px; */
	color:#555;
	height:24px;
	line-height:24px;
	padding:2px 0px 2px 5px;
	 
}
a.cancel
{
	padding:2px 10px 2px 5px;
}
a.cancel:hover { text-decoration:none; }
.forgot { 
	color:#4f78c4; 
	text-decoration:none;
}
a.attach {
	background:url(../images/btn_icons.png) 0px -95px no-repeat;
	padding:2px 0px 2px 13px;	
}

label {
	color: #8e8e8e;
	font-size: 11px; 	font-weight: bold;
}
.edit_agent_settings { display:none; }
.edit_agent_settings label {
	display:block;
}
.field_settings i {
	font-size:10px;
	color:#666;
	display:block;
}
input, textarea {
	font-size: 12px;
font-weight: normal;
line-height: 20px;
padding: 6px;
color: #555;

	/* background: #fff url(../images/form_bg.gif) repeat-x; */
}


.input_field96 { width:90px; }
.input_field5 { width:190px; }
.date_field  { 	width: 75px; 	height:16px; }

.login_form {	margin:8px 0px 0px; }
.login_form label
{
	display:block;	
	/*padding:8px 0px 3px; Changes by cs team*/
	padding: 10px 0px 3px ; 
}
/* .login_form  [type="text"],[type="password"]
{ 
	width:185px; Changes by cs team
	font-size: 12px;
font-weight: normal;
line-height: 20px;
padding: 6px;
color: #555;
}
#username, #Password
{
	width:230px;
	margin:0px 0px 3px;
	background-color: whitesmoke;
	border-radius: 5px;
	left: -75px;
	position: relative;
	-webkit-box-shadow: 0 0 0 50px whitesmoke inset;
	padding-left: 35px
} */
.custom_dropdown, .custom_dropdown2 {
	float:right;
	background:#fcfcfc url(../images/butt_bg.png) repeat-x left bottom;
	border: solid 1px #bbb; 
	border-bottom: solid 1px #888;		
	height:24px;
	line-height:25px;
	cursor:pointer;
	padding:0px 0px 0px 10px;		
	font-size: 11px; 	font-weight: bold;
}
.sort_dropdown {width:110px;}
.sort_dropdown ul{width:120px;}
.message_type  {width:130px;}
.message_type ul{width:150px;}
.custom_drop_nav {
	float:right;
	background:url(../images/sort_arrow.png) 5px -31px no-repeat;
	width:20px; 	height:25px;
	border-left:1px solid #999;
	margin-left:5px;
}
.custom_dropdown div, .custom_dropdown2 div { float:left; }
.custom_dropdown ul
{
	/*background:#fff;*/
	background:#FAFAFA;
	border:1px solid #a0a0a0;
	display:none;	
	margin:25px 0px 0px -10px !important; padding:10px 0px;
	position:absolute;		z-index:400;
	/* float:inherit !important;	 */
}
.custom_dropdown ul li{
	margin:0px !important; 	padding:2px 0px 2px 15px;
	clear:both;
	line-height:16px;
	text-align:left !important;
	cursor:pointer;
	float:inherit !important;
	font-weight:normal;	
}
.custom_dropdown ul li:hover
{
	background-color:#006cb3; color:#fff;
}

.search_box {
	background:#fff url(../images/search_icon.gif) right 6px no-repeat;
	height:24px;
	border:1px solid #a8a8a8;
	margin:0px;
	width:140px;
}
.search_box input{ 
	background:none; 
	width:77%;
	border:0px; 
	margin:0px 0px 0px 5px;
	color:#333333; 
}

/*** round curve ***/
.global_btn, .pagination_bg, .similiar_leads_link, .custom_dropdown, .custom_dropdown2, .hdate, .logo_window, .edit_message_holder, .chat_menu_popup, .chat_edit_col1 .inner_popup .global_btn{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
}
.chat_edit_col1 .global_btn, .chat_header .global_btn.edit_theme {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
	padding: 0 15px 0 15px;	
}
.ac_border , .tab_nav_holder ul li
{
	/*
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	*/	
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
}
.user_wrapper li ul {
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;	
}
.content_container, .popup_window, .inner_popup, .popup_controler
{
	/*
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	 border-radius:6px;
	 */	
	 -moz-border-radius:0px;
	-webkit-border-radius:0px;
	 border-radius:0px;
}

.search_box, .user_wrapper li span.val_bubble {
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;	
}
 .user_wrapper li span.status_bubble {
 	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;	
}
.chat_transcripts, .console_chat_transcripts
{
	-moz-box-shadow: 5px 5px 5px #ddd;
	-webkit-box-shadow: 5px 5px 5px #ddd;		
	border:1px solid #ccc;
}
.inner_popup, .popup_controler
{
	-moz-box-shadow: 1px 1px 21px #d7d7d7;
	-webkit-box-shadow: 1px 1px 21px #d7d7d7;		
	border:1px solid #ababab;
}
.login_wrapper 
{
/* 	 border:3px solid #64BFF6; */
	-moz-box-shadow: 0px 0px 25px 3px #4E4E4E;
/* 	-webkit-box-shadow: 0px 0px 10px #cecece; */
	-webkit-box-shadow: 0px 0px 25px 3px #4E4E4E;
	 box-shadow: 0px 0px 25px 3px #4E4E4E;
	 border-radius: 3px;
}

.custom_dropdown ul, .chat_menu_popup 
{
	border-radius:6px;
	border:1px solid #CCC;
	
	-moz-border-radius	 	: 0px 0px 4px 4px;
	-webkit-border-radius	: 0px 0px 4px 4px;
	-moz-box-shadow			: 0px 0px 20px #cecece;
	-webkit-box-shadow		: 0px 0px 20px #cecece;
}

/** Date Picker ***/
.date_holder {
	position:relative;
}
.due_date_wrapper {
	position:absolute;	 z-index:301;
	left: 10px;
	background:#fff;
	border:1px solid #A0A0A0;
	width:265px;
	margin:25px 0px 0px; padding:15px 5px 0px 10px;
	display:none;
}
.due_date_wrapper ul li{
	clear:both;
	margin:2px 0px 15px;
}
.due_date_wrapper .to_date  p.hdate {
	right:0px;
	margin-right:12px;
}
.due_date_wrapper ul li .global_btn, .due_date_wrapper ul li .cancel{
	margin:0px 0px 0px 10px;
}
.due_date_wrapper {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	border:1px solid #A0A0A0;
	-moz-box-shadow: 0px 0px 20px #cecece;
	-webkit-box-shadow: 0px 0px 20px #cecece;	
}
.field_btn span.date_icon, .field_btn span.time_icon{ 
	width:11px; 	height:18px;
	float:right;
	padding:0px 5px;
	background:url(../images/btn_icons.png) no-repeat;
	cursor:pointer;
}
.field_btn span.date_icon { background-position:4px -160px; }

.field_btn {
	background:url(../images/butt_bg.png) repeat-x left bottom;
	border: 1px solid #999;
	width:103px;
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius: 0px 4px 4px 0px;
	border-radius:0px 4px 4px 0px;
}
.input_date_field  { width: 75px; }

.colorpicker input {
	line-height: 14px;
}

.name {
    float: left;
    font-weight: bold;
    width: 65%;
}

.name, .timestamp, .message {
    color: #444444;
    font-size: 11px;
    padding: 8px 0 8px 10px;
}


.login_form input:focus
{
/* 	border 		: 1px solid #1490E7;
	box-shadow 	: 0 0 3px #1490E7 ; */
}


#transcripts_list_body tr
{
	height : 35px;
	font-weight: bold;	
}

#transcripts_list_body td
{
	padding: 10px;
}

#transcripts_list
{
	min-height: 727px;
}

.transcript_chat_list, #transcripts_message_wrapper
{
	min-height: 701px;
}
.chaticon_btn_holder
{
	padding-left: 250px;
}

#logo_back_image{
	background:url(http://conversionsupport.answerconnect.com/images/msg_list_bg_unread.gif);
}

.change_password
{
	/* background:#fff;
	width:185px; Changes by cs team
	width:215px;
	margin:80px auto;	
	padding:40px 100px; Changes by cs team
	padding:65px 80px;
	background:url(../images/cs_logo_small.png) 72px 58px no-repeat ; */
	 border: 1px solid #A0A0A0;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 10px #111111;
	 border:1px solid #CCC;
	-moz-box-shadow: 0px 0px 10px #cecece;
	-webkit-box-shadow: 0px 0px 10px #cecece;
	width: 215px;
   	margin: 80px auto;
	padding: 35px 68px;
/*	background: url(../images/cs_logo_small-55x55.png) 60px 20px no-repeat;*/
	height: 215px;
}

#all_agents_inList li select{
	float:right;
}

.uploadt_chatLogo{
padding-left: 18px;
text-decoration: none;
padding-top: 30px;
}

#chk_result{
padding-left: 260px;
color: red;	
}
#set_pg{
 cursor	:pointer ;	
}
#trans_script
{
	cursor	:pointer ;	
}
#h_ome{
cursor	:pointer ;		
}

#ajax_response input
{
    font-size: 12px;  
    font-weight: normal;
    line-height: 20px;
    padding: 6px;
    color: #555;
    width:100%;
}
#joomal_download
{
font-weight: bold;
height: 35px;
width: 25px;
height: 65px;
border-radius: 8px;
color: Black;
position:relative;
right: 230px;	
}
#joomla_set1{
font-weight: bold;
height: 35px;
background: #7CB031;
background: -webkit-linear-gradient(top,#ABDF61 0,#629517 100%);
width: 25px;
height: 65px;
padding: 11px 22px 12px 14px;
border-radius: 8px;
color: white;
position:relative;
right: 209px;
text-align: center;
text-decoration: none;
}

#joomla_set2{
font-weight: bold;
height: 35px;
background: #7CB031;
background: -webkit-linear-gradient(top,#ABDF61 0,#629517 100%);
width: 25px;
height: 65px;
padding: 11px 33px 12px 30px;
border-radius: 8px;
color: white;
position: relative;
right: 190px;
text-align: center;
text-decoration: none;
}
.make_payment_btn {
	background: url(../images/submit_btn_bg.png)  repeat-x;
	height:42px !important;
	font-family: 'Droid Sans', sans-serif;
	font-size:16px;
	color:#ffffff;
	text-transform:uppercase;
	cursor:pointer;
	margin:20px 0px 0px 245px;
	border:1px solid #2b5e00;
	border-radius:5px;
	padding:0px 78px;
	}
	
.bchatwin {
	width: 281px;
	height: 351px;
	position: relative;
	float: right;
	top: -378px;
	right: 50px;
}
#looptodo_feedback_btn{
		position: fixed !important;
/* right: 220px !important; */
top: 50% !important;
display: block ;
 z-index: 20000;
/* transform: rotate(121deg); */
/* -webkit-transform: rotate(90deg) !important;
-ms-transform: rotate(90deg) !important;
-moz-transform: rotate(90deg) !important; */ 
bottom: -159px !important;
}
#looptodo_loop_embed_code
{
position: fixed !important;
right: 190px !important;
/* top: -143%; */
display: block !important;
 z-index: 20000;
/* transform: rotate(121deg); */
-webkit-transform: rotate(90deg) !important;
-ms-transform: rotate(90deg) !important;
-moz-transform: rotate(90deg) !important; 
bottom: -159px !important;
}
#login_thirdParty_authentication{
width: 330px;
position: relative;
left: -100px;
background: whitesmoke;
height: 115px;
top: 40px
}
.newsignin{
	
/* border-radius: 8px; */
/* position: relative; */
/* width: 255px; */
/* color: white; */
/* height: 45px; */
/* font-family: Open sans; */
/* font-weight: bolder; */
/* font-size: 15px; */
/* border: none; */
/* top: 3px; */
/* left: -65px; */
/* box-shadow: 0px 7px 5px #888C890; */
/* background: rgb(75, 163, 226); */
background: rgb(4, 111, 162);
border-radius: 3px;
position: relative;
width: 260px;
color: white;
height: 45px;
font-family: sans-serif;
font-weight: bolder;
font-size: 15px;
border: none;
top: -15px;
left: -65px;
box-shadow: 0px 7px 5px #888890;
}
#formalignment{
	position: relative;
/* 	top: 25px; */
}
#signupbutton{
cursor: pointer;
/* background: url(/images/googlesignup.png); */
height: 36px;
color: white;
/* text-indent: 57px; */
text-align: justify;
border: none;
font-size: 13px;
width: 95px;
font-weight: bold;
box-shadow: 2px 2px 10px rgba(0,0,0,.4);
background-color: #57bf5e;
border-radius: 9px 9px 9px 9px;
position: relative;
left: 125px;
}
/* #signuptextplace{
	position: absolute;
top: 85px;
left: 205px;
width: 160px;
font-weight: 600;
} */
.icon-user
{
	font-size: 26px;
	position: absolute;
	top: 2px;
	left: -65px;
	z-index: 9999999;
	color: darkgray;
}
.icon-lock
{
	font-size: 26px;
	position: absolute;
top: 75px;
z-index: 99999;
left: -65px;
color: darkgray;

}
#orsignin{
	position: relative;
top: -20px;
left: 152px;
}