a { text-decoration: none; color: #fff; }
/*
|
|admin side page layout
|
*/

	
#chatCodeSample{
	margin: 50px;
	}	

#adminHeaderOuter{
	height: 70px;
	top: 0px;
	position: fixed;
	background:#00A7EC;
	clear: both;
	width: 100%;
	border-bottom: 4px solid #D3CCC4;
	}	
	
#adminHeaderMenu{
	margin: 0 auto;
	margin-top: 10px;
	width: 90%;
	font-family: Helvetica Neue, Helvetica, Arial, Sans-serif;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	}	

#adminHeaderMenuspan{
	padding: 5px;
	padding-left: 25px;
	padding-right: 25px;
	background: #29B5EF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	}

#adminHeaderMenuspan:hover{
	background:#0A7DAC;
	}	

#emptyDivBelowHeader{
	height: 30px;
	background: #577218;
	width: 100%;
	top:73px;
	margin-bottom: 5px;
	position: fixed;
	
	
	}
	
/* admin side top menu for table with 3 th, chat conversation, visitor online */
#adminTopMenu{
	height: 30px;
	background: #F2F1F0;
	width: 90%;
	margin: 0 auto;
	margin-top: 110px;
	}
	
#adminTopMenu table{
	width: 100%;
	}
	
#adminTopMenu tr th{
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
	font-family: "Open Sans",Verdana,Geneva,sans-serif;
font-weight: 700;
font-style:normal;;
font-size: 16px;
	}	

/* outermost div of admin page */	
#adminOuterDiv{
	background: #fff;
	width: 90%; /* set width to percentage then site will become responsive */
	min-height: 570px;
	margin: 0 auto;
	margin-bottom:130px; ;
	border: 1px solid #3A3A3A;
	border-radius: 7px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 10px 10px 10px #3A3A3A;
	-webkit-box-shadow: 10px 10px 10px #3A3A3A;
	box-shadow: 10px 10px 10px #3A3A3A;
	}

#adminOuterDivTable{
	width: 90%;
	}
#adminOuterDivTabletd1{
	width: 25%;
	}

#adminOuterDivTabletd2{
	width: 50%;
	}

#adminOuterDivTabletd3{
	width:21%;
	}
	
/* div contains all visitor online inside adminOuterDiv->aOnlineVisitorsList */
#aOnlineVisitorsList{
	float: right;	
	background:#EDEFF4;
	padding: 0;
	width: 11%;
	height: 569px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	margin: 0;
	border-left: 1px solid #93908E;
	}

/* online visitor info adminOuterDiv->aOnlineVisitorsList->visitorInfo */
#visitorInfo{
	margin:0 auto;
	font-size: 10px;
	background-color: ;
	
	border-left:  0 solid #999;
	border-bottom:  1px solid #999;
	width:100%;
	cursor: pointer;
	padding:0;
	}

/* contains visitor id */
#visitorInfo2{
	background: ;
	padding: 9px;
	}
	
/* cointains visitor page visited history */	
#visitorInfo3{
	background: green;
	padding:5px;
	display: block;
	word-wrap: break-word;
	}	
	
/* contains visitor id tag span */	
span#visIdTag{
	background: ;
	}

/* div show the counter of current online visitors */
div#onlineVisCount{
	
	border-bottom: 1px solid #000;
	border-left: 0 solid #000;
	font-size: 12px;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	width: 100%;
	height:3%;
	padding-top: 7px;
	text-align: center;
	background: #E5F3FB;
	border-top-right-radius: 5px;
	}
		
/* text inside online visitor counter */
	#onlineVisCountTxt{
		}

/* make border red of div that show visitor online  */
	.backgroundRed{
		background: #FAD7D7;
		}

/* div to show the no. of unseen messages from visitor to admin */		
	#messageCountDiv{
		background: #fff;
		color: #E90E0E;
		text-align: center;
		width: 21px;
		border-radius: 8px;
		font-weight: bold;
		padding:1px;
		border: 1px solid #E90E0E;
		float: right;
		position: relative;
		right: -34px;
		bottom:13px;
		}	
		
	/* make an arrow on div messageCountDiv */
	#messageCountDiv:after{
		content:'';
		display:block;
		position:absolute;
		top:2px;
		left:-11px; /*should be set to -border-width x 2 */
		width:0;
		height:0;
		border-color: transparent #E90E0E transparent transparent; /*border color should be same as div div background color*/
		border-style: solid;
		border-width: 6px;
		}
		
		/* css to blink an element */	
	.blink_me_color {
    -webkit-animation-name: blinker_color;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker_color;
    -moz-animation-duration: 0.7s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker_color;
    animation-duration: 0.7s;
    animation-timing-function:linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker_color {  
    0% { background: #ADC6E2; }
    100% { background: #ff0000; /*background: #22548A;*/ }
}

@-webkit-keyframes blinker_color {  
    0% { background: #ADC6E2; }
    100% { background: #ff0000; }
}

@keyframes blinker_color {  
    0% { background: #ADC6E2; }
    100% { background: #ff0000; }
}	
		
	/* css to blink an element */	
	.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}	

		
	/* notification text like 'no visitor present' or 'select a visitor to start the chat' */	
	#notificationTxt{
		font-size: 11px;
		font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
		margin: 5px;
		text-align: center;
		}
		
		
	#headerCurrentVisOnInfo{  }
	
	/* allInfoDivs contains all info divs after the headerCurrentVisOnInfo */
	#allInfoDivs{
		overflow: auto;
		height: 500px;
		}
	
	/* ul contains header divs in currentVisOnInfo */
	#ulHeaderCurrentVisOnInfo{
		list-style-type:none;
		background: #fff;
		padding: 8px;
		text-align: center;
		}	
		
	/* divs in ul, ul in currentVisOnInfo */	
	#ulHeaderCurrentVisOnInfo li{
		display:inline;
		background: #E5F3FB;
		padding: 5px;
		margin: 4px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		cursor: pointer;
		border: 1px solid #2B2B20;
		color: #2B2B20;
		font-size: 14px;
		font-weight: bold;
		}
		
	
/*
|
|admin side chat div css start
|
*/
/* adminChatDivHeaderMenu  */
#adminChatDivHeaderMenu{
	width: 100%;
	background: #E5F3FB;
	margin-bottom: 5px;
	border-bottom: 1px solid #000;
	font-size: 13px;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom:5px;
	}
	
	
/* this is for the main outer div of admin chat box */
#adminChatDiv{
  
  padding-bottom: 5px;
  width: 42%; 
  height: 560px;
  border-right: 1px solid #999999;
  background:#EDEFF4;
  float: left;
  margin: 0;
  margin-right: 10px;
  margin-left: 2px;
}

/* all the admin side current conversation is shown in this div */
#currentChatLog {
  width: 100%;
  height: 87%;

  overflow: auto;
  background:#EDEFF4;
}

/* div contains the ourChatMsg */
#ourChatMsgOuter{
  height: 9%;
  width: 100%;
  background:#EFEBE7;
  border-top: 1px solid #000;
	}
	
/* div for admin to write the message to send */
#ourChatMsg{
	height: 25%;
 	margin : 12px;
  	overflow: auto;
  	background:#fff;
  	border: 1px solid #A8A5A3;
  	border-radius:11px;
  	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
  	font-size: 11px;
  	text-decoration: none;
  	padding: 7px;
  	box-shadow:inset 0 0 5px #A8A5A3;
  	-moz-box-shadow:inset 0 0 5px #A8A5A3;
  	}

/* on hover ourChatMsg  */
#ourChatMsg:hover{
		border: 2px solid #00A7EC;
	}
	
/* on hover ourChatMsg  */
#ourChatMsg:focus{
		border: 2px solid #00A7EC;
	}

/*  chat conversation single block outer div */
#adminChatOutput{
	width: 98%;
	margin: 0 auto;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
  	font-size: 12px;
	}

/* div contain chat msg content */
#adminChatMsg{
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	min-width: 250px;
	max-width: 450px;
	min-height:20px;
	padding:6px;
	text-align: justify;
	border: 1px solid #999999;
	word-wrap: break-word;
	}
	
#vAdminChatTimeStamp{
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
  	font-size: 9px;
  	float: left;
  	margin-top: -16px;
  	color:#7E7E7E;
	}

#aAdminChatTimeStamp{
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
  	font-size: 9px;
  	float: right;
  	margin-top: -16px;
  	color: #7E7E7E;
	}
			
#aChatPic{
	float: left;
	height: 32px;
	width: 32px;
	margin:3px;
	}	
	
#vChatPic{
	float: right;
	height: 32px;
	width: 32px;
	margin:3px;

	}	
	
.aChatMsg{
	background:#C7DEFE;
	float: left;
	}
	
.vChatMsg{
	background:#fff;
	float: right;
	}		
	
#adminChatClearBoth{
	clear: both;
	height:23px;
	}	
	
/*
|
| admin side show info of the selected current online visitor
|
*/	

/* visitor info table */
.visitorInfoTable tr{
	font-size: 12px;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	height: 35px;
	}

/* visitor info table td */
	.visitorInfoTable tr td{
		border-bottom:1px solid #C7C7C7;
		}


/* ourter div for current online visitor info */
#currentVisOnInfo{
	background:#fff;
	width: 40%;
	height:555px;
	float: left;
	padding:0;
	word-wrap: break-word;
	overflow: hidden;
	margin:5px;
	border-right: 0 solid #93908E;
	
	
	}	

/* inner div for visitor info #currentVisOnInfo->#currentVisOnInfo2 */	
#currentVisOnInfo2{
	background: #fff;
	margin: 0 auto;
	padding: 0;
	width: 98%;
	height: ;
	
	}	

/* inner div for visitor info #currentVisOnInfo->#currentVisOnInfo2->.adminLeftVisInfo */	
.adminLeftVisInfo{
	width: 95%;
	margin: auto;
	margin-top: 0;
	margin-bottom: 0;
	min-height: 80px;
	background: #fff;
	padding: 5px;
	font-size: 10px;
	border-bottom: 0 solid #000;
	font-family: Helvetica Neue, Helvetica, Arial, Sans-serif;
	}	
	
.adminLeftVisInfo span{
	color: #000;
	float: ;
	background: ;
	margin-left: 7px;
	font-weight: bold;
	}	
	
.adminLeftVisInfo p{
	float: ;
	color: #444444;
	width: 90%;
	background: ;
margin-left: 10px;
	margin-top:7px;
	margin-bottom:7px;
	clear: ;
	font-size: 10px
	
	}		

	/* visitor stay time on webstie */
#visOn_stay_time_css{
		font-size: 35px;
		font-weight: bold;
		}

#visitorOnlineIcon{
	margin-left:3px;
	}
	
	
/*
|
| admin div for history
|
*/	

/* admin history div outermost */		
#adminHistoryDiv{
	background: #fff;
	min-height: 690px;
	margin: 0 auto;
	margin-bottom: 130px;
	width: 90%;
	display: none;
	border: 1px solid #3A3A3A;
	border-radius: 7px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 10px 10px 10px #3A3A3A;
	-webkit-box-shadow: 10px 10px 10px #3A3A3A;
	box-shadow: 10px 10px 10px #3A3A3A;
	padding-bottom: 5px;
	}	

/* admin history title div */
#adminHistoryTitle{
	clear: both;
	padding: 5px;
	text-align: center;
	border-bottom:1px solid #000;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	background:#E5F3FB;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	}	

/* div for history visitor id */
#adminHistoryDiv2{
	background:#EDEFF4;
	clear: both;
	width: 100%;
	height: 600px;
	overflow: auto;
	border-right: 1px solid #B5B5B5;
	font-size: 12px;
	}

/* shows visitors' ip,country,region,city,page requests */	
#adminHistoryDivTable{
	font-size: 13px;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif';
	border-collapse: collapse;
	width: 100%;
	background: #fff;
	}

/* adminHistoryDivTable td for visitor ip address */
.adminHistoryDivTableIp{
	width: 20%;
	}	

/* adminHistoryDivTable td for visitor region */	
.adminHistoryDivTableRegion{
	width: 30%;
	}

/* adminHistoryDivTable td for visitor page request */	
.adminHistoryDivTablePgRec{
	width: 50%;
	}
		
#adminHistoryDivTable tr td{
	border-bottom:1px solid #000;
	vertical-align:top;
	text-align: left;
	border-left:1px solid #000;
	}		
	
		
#adminHistoryDivTable tr th{
	border-bottom:1px solid #000;
	height: 25px;
	}			

/* div for visitors' page request history in table #adminHistoryDivTable showing history */	
.visPageRecDiv{
	height: 25px;
	overflow: hidden;
	-webkit-transition: height 1s ease-out;
	-o-transition: height 1s ease-out;
	-moz-transition: height 1s ease-out;
	transition: height 1s ease-out;
	}	

/* on hover  div height change  */
.visPageRecDiv:hover{
	overflow: auto;
	height: 140px;
	}		
	
/* css for individual divs showing each visitor page record #adminHistoryDivTable-> .visPageRecDiv -> #adminOnePageReqView */
#adminOnePageReqView{
	padding:4px;
	}
	
/* individual divs contains one ids */
#adminHistoryId{
	padding:5px;
	border-bottom: 1px solid #000;
	cursor: pointer;
	}	
/* whiteDivCover  */
	#whiteDivCover{
		position: fixed;
		top : 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.8;
		display: none;
		background: #000;
		}
	
	
		
/* hisChatLogCloseDiv */
#hisChatLogCloseDiv{ 
	position: absolute;
	border-radius: 8px; 
	right: 3px;
	float: right; 
	font-size: 10px; 
	background: #000;
	color: #fff;
	padding:3px;
	cursor: pointer;
	}

/* spanChatTxt span  */	
#spanChatTxt{ font-size: 11px; color:blue; cursor: pointer; }
	
/* div for history visitor chat log */	
#adminHisChatLog{
	background:#fff ;
	float: left;
	width: 63%;
	height: 600px;
	overflow: auto;
	display:none;
	border: 4px solid #06BDFD;
	padding-bottom: 5px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 10px 10px 10px #3A3A3A;
	-webkit-box-shadow: 10px 10px 10px #3A3A3A;
	box-shadow: 10px 10px 10px #3A3A3A;
	position: fixed;
	top : 10%;
	left: 20%;
	}
	
#adminOneHisChatDiv{
	word-wrap: break-word;
	border-bottom: 1px solid #D7D7D7;
	font-size: 12px;	
	padding: 5px;
	margin:2px;
	}
	
#adminOneHisPageView{
	word-wrap: break-word;
	border-bottom: 1px solid #000;
	font-size: 11px;	
	padding: 5px;
	margin:2px;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif';
	}	
		
/* div for history visitor page view */	
#adminHisPageView{
	background:#EDEFF4;
	float: right;
	width: 20%;
	height: 600px;
	overflow: auto;
	border-left: 1px solid #B5B5B5;
	}	

/*
|
|admin div for my account
|
*/
	/* admin my account detail div */
#adminMyAccount{
	text-align: center;
	background: #fff;
	min-height: 300px;
	margin: 0 auto;
	margin-bottom: 130px;
	width: 90%;
	display: none;
	border: 1px solid #3A3A3A;
	border-radius: 7px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 10px 10px 10px #3A3A3A;
	-webkit-box-shadow: 10px 10px 10px #3A3A3A;
	box-shadow: 10px 10px 10px #3A3A3A;
	}
	/* admin my account inner div */
#adminAccountDetail{
	margin: 50px;
	}
	
/* adminAccountDetailForm */
.formCss{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: #eae7e7;
	border: 1px solid #c8c8c8;
	color: #777;
	font: 13px Helvetica, Arial, sans-serif;
	margin: 0 0 10px;
	padding: 5px 5px 5px 5px;
	width: 80%;
	}		

.formCss:hover{
	-webkit-box-shadow: 0 0 2px #ed1c24 inset;
	-moz-box-shadow: 0 0 2px #ed1c24 inset;
	-ms-box-shadow: 0 0 2px #ed1c24 inset;
	-o-box-shadow: 0 0 2px #ed1c24 inset;
	box-shadow: 0 0 2px #ed1c24 inset;
	background-color: #fff;
	border: 1px solid #ed1c24;
	outline: none;
	}
	
/* admin my account table */	
#adminAccountDetailForm table{
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif';
	width:70%;
	background: #F2F1F0;
	padding: 8px;
	border-radius: 8px;
	margin: 0 auto;
	}

/* admin my account table td */	
#adminAccountDetailForm table tr td{
	
	}


/*
|
|admin div for settings
|
*/

/* admin widget code setting */
/* admin setting detail div */
#adminWidgetSettings{
	text-align: center;
	background: #fff;
	min-height: 350px;
	margin: 0 auto;
	margin-bottom: 130px;
	width: 90%;
	display: none;
	border: 1px solid #3A3A3A;
	border-radius: 7px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 10px 10px 10px #3A3A3A;
	-webkit-box-shadow: 10px 10px 10px #3A3A3A;
	box-shadow: 10px 10px 10px #3A3A3A;
	}	

	/* admin setting detail div */
#adminSettings{
	text-align: center;
	background: #fff;
	min-height: 350px;
	margin: 0 auto;
	margin-bottom: 130px;
	width: 90%;
	display: none;
	border: 1px solid #3A3A3A;
	border-radius: 7px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 10px 10px 10px #3A3A3A;
	-webkit-box-shadow: 10px 10px 10px #3A3A3A;
	box-shadow: 10px 10px 10px #3A3A3A;
	}	
	
/* for p in adminSettings */
#pAdminSettings{
	font-size: 18px;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif';
	margin: 25px;
	font-weight: bold;
	}
		
#adminSettingsPassword{
	margin: 50px;
	}	
	
#adminSettingsPassword table{
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif';
	width:70%;
	padding: 8px;
	border-radius: 8px;
	margin: 0 auto;
	background: #F2F1F0;
	}
	
#adminSettingsPassword	table tr td{
	
	}
	
/*
|
|Client side chat div css start
|
*/

/* div showing no of messages */
#noOfMsg{
	position: fixed;
  	bottom: 6px;
 	right: 10px;
 	z-index: 999;
 	width: 167px;
	height: 30px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-top: 2px solid #375474;
	border-left: 2px solid #375474;
	border-right: 2px solid #375474;
	border-bottom:1px solid #375474;
	display: none;
	background:#4E4E4E;
	cursor: pointer;
	
	}
	
/* text inside noOfMsg div */
#clientAlertMsg{
	font-family: Verdana,Geneva,sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	margin: 8px;;
	width: auto;
	
	float: right;
	
	}
	
#clientAlertMsgPic{
	background: url("../images/visitor.png");
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	float: left;
	border-top-left-radius: 5px;
	}		

/* css for the client chat div top bar */
#clientChatDivTop{
	width: 567px;
	height: 20px;
	/*background:#4680C0;*/
        background:#ff0000;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;		
	overflow: hidden;
	font-size: 12px;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	padding: 4px;
	color:#fff;
	cursor: pointer;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}

/* css for the client chat outer div */
#clientChatDivOuter{
  padding: 0;
  width: 575px; 
  max-height: 350px;
  position: fixed;
  bottom: 6px;
  right: 10px;
  z-index: 999;
  background: #fff;
 }


/* this is for the main outer div of visitor chat box */
#clientChatDiv{
  padding: 0;
  width: 575px; 
  height: 325px;
  border: 1px solid #000;
  z-index: 999;
  background: #fff;
  color: #000;
  
  }

/* all the admin side current conversation is shown in this div */
#clientCurrentChatLog{
  width: 95%;
  height: 85%;
  padding:5px;
  overflow: auto;
  margin: 0 auto;
  font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
  font-size: 11px;
}

/* div for admin to write the message to send */
#clientChatMsg{
  border-top: 1px solid #000;
  height: 8%;
  width: 96%;
  overflow: auto;
  padding:5px;
  margin: 0 auto;
  font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
  font-size: 11px;
  
}

/* client msg div outer */	 
div#clientMsgStyle{
	border-top: 1px solid #EEEEEE;
	width: 100%;
	background: ;
	min-height: 20%;
	}	


/* client msg content in p */
p#cMsgContent{
	background: ;
	width: 90%;
	text-align: justify;
	word-wrap: break-word;
	}

/* client time stamp css */
span#clientTimeStamp{
	font-size: 9px;
	float: right;
	background:;
	}

#aNameTag #vNameTag{
	float: left;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
   font-size: 11px;
	}

/* client chat box minimize arrow */
	#chatMinimizeArrow{
		float:right;
		background: url(../images/arrowdown.png);
		width: 15px;
		height: 16px;
		background-repeat:no-repeat;
		}
		
/* client chat box status lines */
	#chatStatusLines{
		float:left;
		}		

/* css for chatonline icon client side */
#chatStatusIcon{
	float: left;
	width: 8px;
	height: 8px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #00CC33;
	}

/* chatoffline on client side */	
#chatStatusIconOffline{
	float: left;
	width: 8px;
	height: 8px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fff;
	}

/* client div for getVisEmail */
#getVisEmail{
	background: #fff;
	width: 95%;
	height: 80%;
	border: 0 solid #000;
	padding: 2px;
	}
	
#getVisEmail_btn{
	height: 11px;
	width: 35px;
	font-size: 11px;
	float: right;
	cursor: pointer;
	background: #E4E4E4;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:3px;
	border: 1px solid #8C8C8C;
	}	

#getVisEmailText{
	height: 21px;
	width: 192px;
	font-size: 11px;
	}
	
/*
|
|css for flags on admin side
|
*/

.flag {
	width: 16px;
	height: 11px;
	background:url(../css/flags.png) no-repeat;
	margin-left: 3px;
}

.flag.flag-ad {background-position: -16px 0}
.flag.flag-ae {background-position: -32px 0}
.flag.flag-af {background-position: -48px 0}
.flag.flag-ag {background-position: -64px 0}
.flag.flag-ai {background-position: -80px 0}
.flag.flag-al {background-position: -96px 0}
.flag.flag-am {background-position: -112px 0}
.flag.flag-an {background-position: -128px 0}
.flag.flag-ao {background-position: -144px 0}
.flag.flag-ar {background-position: -160px 0}
.flag.flag-as {background-position: -176px 0}
.flag.flag-at {background-position: -192px 0}
.flag.flag-au {background-position: -208px 0}
.flag.flag-aw {background-position: -224px 0}
.flag.flag-az {background-position: -240px 0}
.flag.flag-ba {background-position: 0 -11px}
.flag.flag-bb {background-position: -16px -11px}
.flag.flag-bd {background-position: -32px -11px}
.flag.flag-be {background-position: -48px -11px}
.flag.flag-bf {background-position: -64px -11px}
.flag.flag-bg {background-position: -80px -11px}
.flag.flag-bh {background-position: -96px -11px}
.flag.flag-bi {background-position: -112px -11px}
.flag.flag-bj {background-position: -128px -11px}
.flag.flag-bm {background-position: -144px -11px}
.flag.flag-bn {background-position: -160px -11px}
.flag.flag-bo {background-position: -176px -11px}
.flag.flag-br {background-position: -192px -11px}
.flag.flag-bs {background-position: -208px -11px}
.flag.flag-bt {background-position: -224px -11px}
.flag.flag-bv {background-position: -240px -11px}
.flag.flag-bw {background-position: 0 -22px}
.flag.flag-by {background-position: -16px -22px}
.flag.flag-bz {background-position: -32px -22px}
.flag.flag-ca {background-position: -48px -22px}
.flag.flag-catalonia {background-position: -64px -22px}
.flag.flag-cd {background-position: -80px -22px}
.flag.flag-cf {background-position: -96px -22px}
.flag.flag-cg {background-position: -112px -22px}
.flag.flag-ch {background-position: -128px -22px}
.flag.flag-ci {background-position: -144px -22px}
.flag.flag-ck {background-position: -160px -22px}
.flag.flag-cl {background-position: -176px -22px}
.flag.flag-cm {background-position: -192px -22px}
.flag.flag-cn {background-position: -208px -22px}
.flag.flag-co {background-position: -224px -22px}
.flag.flag-cr {background-position: -240px -22px}
.flag.flag-cu {background-position: 0 -33px}
.flag.flag-cv {background-position: -16px -33px}
.flag.flag-cw {background-position: -32px -33px}
.flag.flag-cy {background-position: -48px -33px}
.flag.flag-cz {background-position: -64px -33px}
.flag.flag-de {background-position: -80px -33px}
.flag.flag-dj {background-position: -96px -33px}
.flag.flag-dk {background-position: -112px -33px}
.flag.flag-dm {background-position: -128px -33px}
.flag.flag-do {background-position: -144px -33px}
.flag.flag-dz {background-position: -160px -33px}
.flag.flag-ec {background-position: -176px -33px}
.flag.flag-ee {background-position: -192px -33px}
.flag.flag-eg {background-position: -208px -33px}
.flag.flag-eh {background-position: -224px -33px}
.flag.flag-england {background-position: -240px -33px}
.flag.flag-er {background-position: 0 -44px}
.flag.flag-es {background-position: -16px -44px}
.flag.flag-et {background-position: -32px -44px}
.flag.flag-eu {background-position: -48px -44px}
.flag.flag-fi {background-position: -64px -44px}
.flag.flag-fj {background-position: -80px -44px}
.flag.flag-fk {background-position: -96px -44px}
.flag.flag-fm {background-position: -112px -44px}
.flag.flag-fo {background-position: -128px -44px}
.flag.flag-fr {background-position: -144px -44px}
.flag.flag-ga {background-position: -160px -44px}
.flag.flag-gb {background-position: -176px -44px}
.flag.flag-gd {background-position: -192px -44px}
.flag.flag-ge {background-position: -208px -44px}
.flag.flag-gf {background-position: -224px -44px}
.flag.flag-gg {background-position: -240px -44px}
.flag.flag-gh {background-position: 0 -55px}
.flag.flag-gi {background-position: -16px -55px}
.flag.flag-gl {background-position: -32px -55px}
.flag.flag-gm {background-position: -48px -55px}
.flag.flag-gn {background-position: -64px -55px}
.flag.flag-gp {background-position: -80px -55px}
.flag.flag-gq {background-position: -96px -55px}
.flag.flag-gr {background-position: -112px -55px}
.flag.flag-gs {background-position: -128px -55px}
.flag.flag-gt {background-position: -144px -55px}
.flag.flag-gu {background-position: -160px -55px}
.flag.flag-gw {background-position: -176px -55px}
.flag.flag-gy {background-position: -192px -55px}
.flag.flag-hk {background-position: -208px -55px}
.flag.flag-hm {background-position: -224px -55px}
.flag.flag-hn {background-position: -240px -55px}
.flag.flag-hr {background-position: 0 -66px}
.flag.flag-ht {background-position: -16px -66px}
.flag.flag-hu {background-position: -32px -66px}
.flag.flag-ic {background-position: -48px -66px}
.flag.flag-id {background-position: -64px -66px}
.flag.flag-ie {background-position: -80px -66px}
.flag.flag-il {background-position: -96px -66px}
.flag.flag-im {background-position: -112px -66px}
.flag.flag-in {background-position: -128px -66px}
.flag.flag-io {background-position: -144px -66px}
.flag.flag-iq {background-position: -160px -66px}
.flag.flag-ir {background-position: -176px -66px}
.flag.flag-is {background-position: -192px -66px}
.flag.flag-it {background-position: -208px -66px}
.flag.flag-je {background-position: -224px -66px}
.flag.flag-jm {background-position: -240px -66px}
.flag.flag-jo {background-position: 0 -77px}
.flag.flag-jp {background-position: -16px -77px}
.flag.flag-ke {background-position: -32px -77px}
.flag.flag-kg {background-position: -48px -77px}
.flag.flag-kh {background-position: -64px -77px}
.flag.flag-ki {background-position: -80px -77px}
.flag.flag-km {background-position: -96px -77px}
.flag.flag-kn {background-position: -112px -77px}
.flag.flag-kp {background-position: -128px -77px}
.flag.flag-kr {background-position: -144px -77px}
.flag.flag-kurdistan {background-position: -160px -77px}
.flag.flag-kw {background-position: -176px -77px}
.flag.flag-ky {background-position: -192px -77px}
.flag.flag-kz {background-position: -208px -77px}
.flag.flag-la {background-position: -224px -77px}
.flag.flag-lb {background-position: -240px -77px}
.flag.flag-lc {background-position: 0 -88px}
.flag.flag-li {background-position: -16px -88px}
.flag.flag-lk {background-position: -32px -88px}
.flag.flag-lr {background-position: -48px -88px}
.flag.flag-ls {background-position: -64px -88px}
.flag.flag-lt {background-position: -80px -88px}
.flag.flag-lu {background-position: -96px -88px}
.flag.flag-lv {background-position: -112px -88px}
.flag.flag-ly {background-position: -128px -88px}
.flag.flag-ma {background-position: -144px -88px}
.flag.flag-mc {background-position: -160px -88px}
.flag.flag-md {background-position: -176px -88px}
.flag.flag-me {background-position: -192px -88px}
.flag.flag-mg {background-position: -208px -88px}
.flag.flag-mh {background-position: -224px -88px}
.flag.flag-mk {background-position: -240px -88px}
.flag.flag-ml {background-position: 0 -99px}
.flag.flag-mm {background-position: -16px -99px}
.flag.flag-mn {background-position: -32px -99px}
.flag.flag-mo {background-position: -48px -99px}
.flag.flag-mp {background-position: -64px -99px}
.flag.flag-mq {background-position: -80px -99px}
.flag.flag-mr {background-position: -96px -99px}
.flag.flag-ms {background-position: -112px -99px}
.flag.flag-mt {background-position: -128px -99px}
.flag.flag-mu {background-position: -144px -99px}
.flag.flag-mv {background-position: -160px -99px}
.flag.flag-mw {background-position: -176px -99px}
.flag.flag-mx {background-position: -192px -99px}
.flag.flag-my {background-position: -208px -99px}
.flag.flag-mz {background-position: -224px -99px}
.flag.flag-na {background-position: -240px -99px}
.flag.flag-nc {background-position: 0 -110px}
.flag.flag-ne {background-position: -16px -110px}
.flag.flag-nf {background-position: -32px -110px}
.flag.flag-ng {background-position: -48px -110px}
.flag.flag-ni {background-position: -64px -110px}
.flag.flag-nl {background-position: -80px -110px}
.flag.flag-no {background-position: -96px -110px}
.flag.flag-np {background-position: -112px -110px}
.flag.flag-nr {background-position: -128px -110px}
.flag.flag-nu {background-position: -144px -110px}
.flag.flag-nz {background-position: -160px -110px}
.flag.flag-om {background-position: -176px -110px}
.flag.flag-pa {background-position: -192px -110px}
.flag.flag-pe {background-position: -208px -110px}
.flag.flag-pf {background-position: -224px -110px}
.flag.flag-pg {background-position: -240px -110px}
.flag.flag-ph {background-position: 0 -121px}
.flag.flag-pk {background-position: -16px -121px}
.flag.flag-pl {background-position: -32px -121px}
.flag.flag-pm {background-position: -48px -121px}
.flag.flag-pn {background-position: -64px -121px}
.flag.flag-pr {background-position: -80px -121px}
.flag.flag-ps {background-position: -96px -121px}
.flag.flag-pt {background-position: -112px -121px}
.flag.flag-pw {background-position: -128px -121px}
.flag.flag-py {background-position: -144px -121px}
.flag.flag-qa {background-position: -160px -121px}
.flag.flag-re {background-position: -176px -121px}
.flag.flag-ro {background-position: -192px -121px}
.flag.flag-rs {background-position: -208px -121px}
.flag.flag-ru {background-position: -224px -121px}
.flag.flag-rw {background-position: -240px -121px}
.flag.flag-sa {background-position: 0 -132px}
.flag.flag-sb {background-position: -16px -132px}
.flag.flag-sc {background-position: -32px -132px}
.flag.flag-scotland {background-position: -48px -132px}
.flag.flag-sd {background-position: -64px -132px}
.flag.flag-se {background-position: -80px -132px}
.flag.flag-sg {background-position: -96px -132px}
.flag.flag-sh {background-position: -112px -132px}
.flag.flag-si {background-position: -128px -132px}
.flag.flag-sk {background-position: -144px -132px}
.flag.flag-sl {background-position: -160px -132px}
.flag.flag-sm {background-position: -176px -132px}
.flag.flag-sn {background-position: -192px -132px}
.flag.flag-so {background-position: -208px -132px}
.flag.flag-somaliland {background-position: -224px -132px}
.flag.flag-sr {background-position: -240px -132px}
.flag.flag-ss {background-position: 0 -143px}
.flag.flag-st {background-position: -16px -143px}
.flag.flag-sv {background-position: -32px -143px}
.flag.flag-sx {background-position: -48px -143px}
.flag.flag-sy {background-position: -64px -143px}
.flag.flag-sz {background-position: -80px -143px}
.flag.flag-tc {background-position: -96px -143px}
.flag.flag-td {background-position: -112px -143px}
.flag.flag-tf {background-position: -128px -143px}
.flag.flag-tg {background-position: -144px -143px}
.flag.flag-th {background-position: -160px -143px}
.flag.flag-tj {background-position: -176px -143px}
.flag.flag-tk {background-position: -192px -143px}
.flag.flag-tl {background-position: -208px -143px}
.flag.flag-tm {background-position: -224px -143px}
.flag.flag-tn {background-position: -240px -143px}
.flag.flag-to {background-position: 0 -154px}
.flag.flag-tr {background-position: -16px -154px}
.flag.flag-tt {background-position: -32px -154px}
.flag.flag-tv {background-position: -48px -154px}
.flag.flag-tw {background-position: -64px -154px}
.flag.flag-tz {background-position: -80px -154px}
.flag.flag-ua {background-position: -96px -154px}
.flag.flag-ug {background-position: -112px -154px}
.flag.flag-um {background-position: -128px -154px}
.flag.flag-us {background-position: -144px -154px}
.flag.flag-uy {background-position: -160px -154px}
.flag.flag-uz {background-position: -176px -154px}
.flag.flag-va {background-position: -192px -154px}
.flag.flag-vc {background-position: -208px -154px}
.flag.flag-ve {background-position: -224px -154px}
.flag.flag-vg {background-position: -240px -154px}
.flag.flag-vi {background-position: 0 -165px}
.flag.flag-vn {background-position: -16px -165px}
.flag.flag-vu {background-position: -32px -165px}
.flag.flag-wales {background-position: -48px -165px}
.flag.flag-wf {background-position: -64px -165px}
.flag.flag-ws {background-position: -80px -165px}
.flag.flag-ye {background-position: -96px -165px}
.flag.flag-yt {background-position: -112px -165px}
.flag.flag-za {background-position: -128px -165px}
.flag.flag-zanzibar {background-position: -144px -165px}
.flag.flag-zm {background-position: -160px -165px}
.flag.flag-zw {background-position: -176px -165px}