@charset "utf-8";
/* CSS Document */
body {
	margin:0 auto;
	font-weight:normal;
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	position:relative
}

ul, ul li{
	list-style:none;
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
	outline:none;
	border:none;
	color:#fff;
}
a img{
	border:none;
	outline:none;
}
*:focus {
	outline: none;
}
input{
	
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	outline:none;
	border:none;
}
input[type="radio"]
{
margin-left:13px;
}
textarea{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	resize:none;
	outline:none;
	background:#ffffff;
	font-size:14px;
	overflow:auto;
	width:248px;
}
#szlider{
	width:200px;
	height:15px;
	border:1px solid #000;
	overflow:hidden;
	margin-left: 40px;
	background: #cedce7;
	background: -moz-linear-gradient(top,  #cedce7 0%, #596a72 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedce7), color-stop(100%,#596a72));
	background: -webkit-linear-gradient(top,  #cedce7 0%,#596a72 100%);
	background: -o-linear-gradient(top,  #cedce7 0%,#596a72 100%);
	background: -ms-linear-gradient(top,  #cedce7 0%,#596a72 100%);
	background: linear-gradient(top,  #cedce7 0%,#596a72 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 );
}
#szliderbar{
	width:37%;
	height:15px;
	border-right: 1px solid #000000;
	background: #7575FF;
	background: -moz-linear-gradient(top,  #7575FF 0%, #7575FF 40%, #7575FF 56%, #7575FF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7575FF), color-stop(40%,#7575FF), color-stop(56%,#7575FF), color-stop(100%,#7575FF));
	background: -webkit-linear-gradient(top,  #7575FF 0%,#7575FF 40%,#7575FF 56%,#7575FF 100%);
	background: -o-linear-gradient(top,  #7575FF 0%,#7575FF 40%,#7575FF 56%,#7575FF 100%);
	background: -ms-linear-gradient(top,  #7575FF 0%,#7575FF 40%,#7575FF 56%,#7575FF 100%);
	background: linear-gradient(top,  #7575FF 0%,#7575FF 40%,#7575FF 56%,#7575FF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7575FF', endColorstr='#7575FF',GradientType=0 );
}
#szazalek {
	color: #000000;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
    left: 25px;
    position: relative;
    top: -16px;
}
.overlay_review{
	background:#000000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity:0.5;
	width:700px;
	height:525px;
	position:absolute;
	z-index:1;
}
.queueAlert,.queueBusyAlert,.queueTimedoutAlert{
	width:200px;
	margin-top: 213px;/*258 px*/
	margin-left: 184px;; border: 2px solid #a1a1a1;
    padding: 10px 10px; 
    background: #dddddd;
    width: 300px;
    border-radius: 4px;
	z-index:100;
	position:absolute
}
.queueFeedbackAlert{
	width:200px;
	margin-top: 213px;/*258 px*/
	margin-left: 157px;; border: 2px solid #a1a1a1;
    padding: 10px 10px; 
    background: #dddddd;
    width: 238px;
    border-radius: 4px;
	z-index:100;
	position:absolute
}

.queueBusyyes_btn{
	/*border:1px solid a1a1a1;
	padding: 4px 30px; 
    background: #a1a1a1;    
    border-radius: 4px;
	width:40px;
	float:left;
	cursor:pointer;*/
	
	border: 1px solid a1a1a1;
padding: 1px 15px;
background: #a1a1a1;
border-radius: 4px;
float: left;
cursor: pointer;
line-height: 20px;
height: 20px;
}
.queueBusyno_btn{	
	/*border:1px solid a1a1a1;
	padding: 4px 30px; 
    background: #a1a1a1;    
    border-radius: 4px;
	width:40px;
	float:left;
	margin:0 0 0 35px;
	cursor:pointer;*/
	
	border: 1px solid a1a1a1;
	padding: 1px 15px 0px 15px;
	background: #a1a1a1;
	border-radius: 4px;
	float: left;
	margin: 0 0 0 35px;
	cursor: pointer;
	line-height: 20px;
	height: 20px;
}
.queueBusysend_btn{	
	border: 1px solid a1a1a1;
	padding: 1px 15px;
	background: #a1a1a1;
	border-radius: 4px;
	float: left;
	margin: 0 0 0 11px;
	cursor: pointer;
	line-height: 20px;
	height: 20px;
}
.container_1,.conatiner_2,.conatiner_3,.conatiner_4
{
float:left;
position:relative;
width: 700px;
height: 525px;

}
.chat_cont{
	margin:7px 17px;
	clear:both;
	position:relative;
	overflow:auto;
	text-align: justify;
}
.hide
{
	display:none;
}
.wordwrap { 
   /*white-space: pre-wrap;       CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

.user_name{
	width: 350px;
	height: 30px;
	line-height: 30px;
	color: #3366FF;
	font-weight: bold;
	text-align: initial;
	}
.user_name1{
	width: 350px;
	height: 42px;
	line-height: 12px;
	color: #3366FF;
	font-weight: bold;
	text-align: initial;
}
.VA_name{
	width: 300px;
	height: 30px;
	line-height: 30px;
	color: #3366FF;
	font-weight: bold;
	font-size:12px;
}
.chat_scroller{
	background-color: white;
	height: 224px; /*230px*/
	width: 453px;
	margin-left: 15px;
	float:left;
}
.chat_typing{
	color:#d3d3d3;
	margin-left: 60px;
}
#va_bg{
	width: 95%;	
	float: left;
	/* line-height: 25px; */
}
#user_bg{
	width: 95%;	
	float: left;
	/* line-height: 25px; */
}
.chat_msg{
	font-size:12px;
    width: 410px;
    text-align: initial;
}
.main_container {
    width: 700px;
	height: 525px;
	/*background-image: url(../images/back-line.png);	*/
     background: -webkit-linear-gradient(top, #AFCEEA , #3275B3); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #AFCEEA , #3275B3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #AFCEEA , #3275B3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #48B8DE  , #004686); /* Standard syntax (must be last) */ 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AFCEEA', endColorstr='#3275B3',GradientType=0 );
}

.chat_content
{
	height: 280px;
	width: 483px;	
	background: #fff;
	margin: 5px auto;
	border: 1px solid #41719C;
}
.expert_info{
	background: #F2F2F2;
	/* width: 375px; */
	width:406px;
	/*height: 30px;*/
	margin: 5px auto;
	/*line-height: 30px;*/
	font-size:12px;
}
.expert_name
{	
	font-weight:bold;
}

.center_cont{
	width: 600px;
	height: 396px; 
	margin: 10px 0 0 47px;
	border:1px solid #41719C;
	font-size: 12px;
margin-top:-1%;
border-radius:20px; 
    background: -webkit-linear-gradient(top, #FFFFFF , #919191); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #FFFFFF , #919191); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #FFFFFF , #919191); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #FBFBFB , #FBFBFB); /* Standard syntax (must be last) */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#FBFBFB',GradientType=0 );
}
.f_left{
	float:left;
}
.f_right{
	float:right;
}
.top_cont
{
	height:45px;
	margin-left:35px;
	/*overflow: hidden;*/
}
.poup-header
{
	display:inline-block;
	height: 35px;	
	line-height: 30px;	
	margin-top: 10px;
	color:white;
font-weight:bold;
margin-left:20px;
	width: 210px;
	font-size: 22px;
	/*width: 70px; border:1px solid #41719C;
	border-radius: 5px; text-align: center;*/
	/*background: -webkit-linear-gradient(top, #AFCEEA , #3275B3); /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(bottom, #AFCEEA , #3275B3); /* For Opera 11.1 to 12.0 */
   /* background: -moz-linear-gradient(top, #AFCEEA , #3275B3); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(to bottom, #AFCEEA , #3275B3); /* Standard syntax (must be last) */
}
.txt1
{
	width: 245px;
}
.txt2
{
	width:270px;
	margin-left:10px
}
.txt_info
{
	margin: 10px 0 0 30px;
	height: 30px;
	line-height: 22px;
}
/* #formdiv{
	margin-top: 2%;
	overflow: auto;
	overflow-x: hidden;
	height: 346px;
	width: 614px;
}  */
.feedback_info .txt1
{
	width: 490px;
}
.feedback_info .txt2
{
	width: 490px;
	margin-left:1px
}
.feedback_info .txt_info
{
	margin: 10px 0 0 25px;
}

.rating_li{
	background:url("../images/rating_unselected.png");
}

.rating_li.active{
	background:url("../images/rating_selected.png");
}
.welcome_text
{
	font-weight:bold;
	height: 20px;
	margin-top: 15px;
	 
	margin-left: 50px;
	font-size:16px;
color:#004686;
}
#contact{
	font-weight:500;
	height: 20px;
	margin-top: 2px;
	 
	margin-left: 50px;
	font-size:16px;
color:#004686;
}
#banamex_text
{
	font-weight:bold;
	margin-left: 2px;
}
.ambush_text
{	
	height: 425px;
	display: table; 
	padding: 10px;
	margin:auto;
	/* text-align: center; */ 
	
}
.ambush_text p{
	display: table-cell; 
	vertical-align: middle;
}
.logo{
	
/* Logo snippet for Banamex Build

float: right;
height: 43px;
width: 166px;
margin-right: 7px;
margin-top: -2px;
background: url('../images/citi.png');
background-repeat: no-repeat;*/

/* Logo snippet for Argentina Build*/
float: right;
background-image: url(../images/citiIN.png);
background-repeat: no-repeat;
height: 31px;
width: 55px;
margin-right: 8px;
margin-top: 10px;
}
.dynamiclogo{
background-image: url(../images/citiIN.png);
background-repeat: no-repeat;
height: 31px;
width: 55px;
margin-right: 8px;
margin-top: 0px;
}
.btn{
	background-image: url(../images/btd.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-color: transparent;
	padding:5px 10px;  
	color: #fff;	
	font-weight: bold;
	cursor: pointer;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	/*border:1px solid #41719C;
	border-radius: 5px;
	cursor:pointer;
	background: -webkit-linear-gradient(top, #FFE392 , #C99700); /* For Safari 5.1 to 6.0 */
   /* background: -o-linear-gradient(bottom, #FFE392 , #C99700); /* For Opera 11.1 to 12.0 */
   /* background: -moz-linear-gradient(top, #FFE392 , #C99700); /* For Firefox 3.6 to 15 */
   /* background: linear-gradient(to bottom, #FFE392 , #C99700); /* Standard syntax (must be last) */
}

.dynmicbtn{
background-image: url(../images/btu.png);
background-repeat: repeat-x;
}
.input_chat
{
	border: 1px solid #41719C;
	width: 400px;
	padding: 5px;
}
.btn_cont{
    margin: 37px 0 0 83px;
    height: 35px;
    width: 243px;
    position: fixed;

}
.print_btn
{
	text-align: center;
	margin: 10px 0 0 10px;

}
.cobrowse_btn
{
	text-align: center;
	margin: 10px 0 0 0px;

}
.end_chat_btn
{	
	text-align: center;
	margin: 10px 0 0 10px;
}

.postchat_btn
{
	/*margin: -39px 0 0 11px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 70px;*/
}
.chat_timer
{
	margin: 6px 0 0 21px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	/*width: 70px;*/
}
.cancel_btn{
	height: 25px;
	line-height: 25px;
	text-align: center;
margin-top:-3%;
	/*width: 60px;

	margin: 0px 0 0 225px*/
margin-left:120px;
	padding: 0px 5px 0px 5px;
}
.click_btn{
	margin-left: 10px;
	height: 25px;
	line-height: 25px;
	text-align: center;
margin-top:-3%;
	/*width: 95px;*/
	padding: 0px 5px 0px 5px;
}

.bottom_cont
{
	height: 33px;
}
.no_btn{
    text-align: center;
    margin: 0 0 0 153px;
    position: fixed;
    /* margin-top: 81.5%; */


}

.submit_btn,.chat_btn{
   position:fixed;

}

.submit_btn{
    margin-left: 75px;
    text-align: center;
    /* margin-top: 35%; */
    width: 45px;
    position: fixed;

}
.chat_btn{
margin-left: -45px;
    text-align: center;
    /* margin-top: 35%; */
    width: 90px;
    position: fixed;

}

.send_btn{
	margin-left: 21px;
	/*float:right;*/
	text-align: center;
}

.message_input/*,.view_postchat*/
{
	margin: 5px auto;
	width: 486px;
}
.rating_li
{
	float:left;
	width: 18px;
	height: 16px;
}
#reason{
	height: 45px;
	width: 217px;
}

#lang{
float: right;
margin-top: 10px;
width: 200px;
margin-right: 49px;
}
/*.errorBox{
border-color: red;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px red, 0 0 3px red;
-moz-box-shadow: inset 0 1px 1px red, 0 0 3px red;
box-shadow: inset 0 1px 1px red, 0 0 3px red;
}*/
.validateOK_btn{
	border:1px solid a1a1a1;
	padding: 4px 30px; 
    background: #a1a1a1;    
    border-radius: 4px;
	float:left;
	cursor:pointer;
}
.validationAlert{
	width:200px;
	margin-top: 215px;/*245px;*/
	margin-left: 184px;; border: 2px solid #a1a1a1;
    padding: 10px 10px; 
    background: #dddddd;
    width: 300px;
    border-radius: 4px;
	z-index:100;
	position:absolute
}
input:focus,textarea:focus,select:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
} 
 
.focusforIE{
 zoom: 1;
filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color=#3275B3);
}
.chat_info{
	height:30px;	
	text-align: justify;
}