/*message board proChatPromtInfo start */
*{
	font-family:Arial;
}
body{
	margin:0px;
	padding:0px;
}
table{
	border-collapse:collapse;
}
td{
	margin:0px;
	padding:0px;
}
select{
	font-size:11px;
}
textarea{
	font-size:13px;
}
.sendFileBoxButtons INPUT {
	width:55px;
}
.panelBoard{
/*	width:800px;	*/
	height:489px;
	border:0px solid red;
	padding:0px;
/*        margin:auto;
        position: relative;	*/
	/*background-color:#F3FCE2;
	border-style:none;*/
}
.headBoard{
	width:100%;
	padding:0px;
	margin:0px;
	/*height:80px;background-color:#CCDBAE;*/
	height:15%;
	
}


.panelHeader{
	width:100%;
	height:365px;
	background:url(../images/chatBodyTop.jpg);
	margin:0px;
	padding:0px;
	border:0px solid red;
}
.panelMiddle{
	width:100%;
	margin:0px;
	padding:0px;
	border:0px solid red;
	background-image:url(../images/chatBodyMiddle.jpg);
	background-repeat:repeat-y;
	
}
.panelFooter{
	width:100%;
	height:55px;
	background:url(../images/chatBodyFoot.jpg);
	margin:0px;
	padding:0px;
}
.divAutoFlow{
	width:100%;
	height:510px;
	OVERFLOW:auto;
}

.outputText{
	
	font-weight:normal;
	font-size:13px;
	color:#FFFFFF;
}

.colSpacing{
	vertical-align:top;
}
.rowNone{
	border-style:none;
	/*height:50px;*/
}
.rowBackColor{
	border-style:none;
	background-color:#CFD7E5;
}

.rowError{
	height:43px;
}

.TrHeight20{
	height:20%;
}
.TrHeight50{
	height:50%;
}
.TrHeight30{
	height:30%;
}

.textAreaBoard{
	/*background-color:#CCDBAE;*/
	vertical-align:top;
	padding-top:5px;
	width:80%;	
	font-size:12px;
}


.watingWhiteText {
	
	font-weight:normal;
	font-size:13px;
	color:#FFFFFF;
}
.divError{
	padding-left:15px;
	
}
/*message board css end */

/*client waiting css start*/
.waitingMain{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:500px;
	/*width:500px;
	height:500px;
	background-color:#CCDBAE;*/
}
.logoDiv{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:80px;
	/*background-image:url(../images/chatHDR.jpg);*/
}
.loadingDiv{
	position:absolute;
	top:76px;
	width:100%;
	height:120px;
	background:#EEFAD6;
}
.promptDiv{
	position:absolute;
	top:150px;
	left:20px;
	width:95%;
	text-align:center;
	/*height:60px;*/
}
.promptText{
	font-size:20px;
	/*color:#F7F9F2;*/
}
.endSessionDiv{
	position:absolute;
	top:270px;
	
	left:270px;
	width:100px;
	height:30px;
}
.waitingImage{
	margin-left:10px;
	margin-top:40px;
	width:480px;
}
.waitingPanelGrid{
	background:url(../images/chatGRN1.jpg);
	width:100%;
	height:420px;	
}
A.white:link { 
	text-decoration:none; 
	color:#FFFFFF;
	
	font-weight:normal;
	font-size:14px;
}

A.white:visited { 
	text-decoration:none; 
	color:#FFFFFF;
	
	font-weight:normal;
	font-size:14px;	 
}

A.white:active { 
	text-decoration:none; 
	color:#F9F927;
	
	font-weight:normal;
	font-size:14px;	 
}

A.white:hover { 
	text-decoration:none; 
	color:#F9F927;
	
	font-weight:normal;
	font-size:14px;	 
}
/*client waiting css end*/

/*live chat css start*/

.topDiv{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:15%;
	/*background-color:#CCDBAE;*/
}

.panelMessage{
	width:100%;
	border:0px solid red;
}
.colMessageLine{
	border-width:0px 0px 0px 0px;
	border-style:solid;
	border-color:#6E7692;
	padding-left:5px;
	width:100%;
}
.LiveChatChatWindowFont{
	 
	 font-size:7pt;
	 border-style:none;
}
.LiveChatChatOptionFont{
    padding-left:10px;
	 
	 font-size:8pt;
	 color:#859ABC;
}
.LiveChatChatWindowAliveFont{
   	 font-weight:bold;
	 
	 font-size:8pt;
	 color:#859ABC;
}
.panelNewMessage{
	width:100%;
}
.panelHistoryMessage{
	width:100%;
	border-width:0px 0px 1px 0px;
	border-style:solid;
	/*border-color:green;*/
}
.panelHistoryMessages{
	background-color:#FFFFA6;
	width:100%;
}

.colHistoryMessageLine{
	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:green;
}

/*live chat css end*/

.tdMessageItemTitle{
	font-weight: bold;
	font-size:12px;	
	padding-left:3px;
}
.tdMessageItem{
	font-size:12px;	
	padding-left:3px;
}
.tdNewMessageItemTitle{
	font-weight: bold;
	font-size:12px;
	background-color:#F6F6F6;
	padding-left:3px;
}
.tdNewMessageItem{
	font-size:12px;
	background-color:#F6F6F6;
	padding-left:3px;
}

.tdOldMessageItemTitle{
	font-weight: bold;
	font-size:12px;
	padding-left:3px;
}
.tdOldMessageItem{
	font-size:12px;
	padding-left:3px;
}
.trMessageItem{
	height:10px;
}
.trMessageItemFromServer{
	background-color:#e6e6e6;
	height:10px;
}
.verticalAlign{
	vertical-align:top;
}
.clickableUrl{
	color:red;
}
.rowUser{
	height:20px;
}
.rowEmail{
	height:20px;
}
.rowQuestion{
	height:20px;
}
.rowDesc{
	height:80px;
}
.rowAtta{
	height:20px;
}
.rowAttaList{
	height:30px;
}
.rowButtons{
	height:25px;
}
.attaListDiv{
	width:100%;
	
	/*overflow:auto;
	height:35px;*/
	border:0px solid red;
}
.attaList{
	width:300px;
	font-size:13px;
	/*overflow:auto;
	height:30px;*/
}
.divUploadFile{
	height:70px;
	width:300px;
	overflow:auto;
}
.rowVoteTitle{
	height:25px;
}

.logoImg{
        width:500px;
        height:80px;
	background-position: 50% 50%;
}
.width20{
	width:20%;
}
.width80{
	width:80%;
}
.emailTranscriptTable{
	margin-left: 10px;
	margin-top: 5px;
}
/*new livechat*/
.panelFullWithImg{
	width:489px;
	height:392px;
	background:#868686;
	margin-top:8px;
	margin-left:5px;
	border:8px solid #717171;
	background-position: left top;
}
.panelFull{
	width:100%;
	height:90%;
	border:0px ;
}
.whiteTextClass{	
	font-weight:normal;
	font-size:11px;
	color:#FFFFFF;
	width:379px;
	text-align:left;
}
.welcomeMessageTitle{
	font-weight:normal;
	font-size:32px;
	color:#FFFFFF;
	width:100%;
	text-align:left;	
}
.footNoteDiv{
	text-align:right;
	margin-right:5px;
}
.footNoteGray{
	font-family:Verdana;
	font-size:9px;
	font-weight:bold;
	color:#a9a9a9;
}
.footNoteGreen{
	font-family:Verdana;
	font-size:9px;
	font-weight:bold;
	color:#4abe0b;
}
.clientLoginBody{
	width:400px;
	height:90%;
	margin-left:40px;
	margin-top:10px;
}
.clientCallMeBody{
    width:300px;
	margin-left:40px;
	margin-top:10px;
}
.inputMessageBoard{
	width:300px;
	/*background-color:#CCDBAE;border-style:none*/
	padding-left:3px;
	vertical-align:top;	
	font-size:12px;
}
.inputTextArea{
	width:300px;
	height:100px;
	padding-left:3px;
	vertical-align:top;
	font-size:12px;
	/*border-style:none;*/
}
.TdLeft{	
	text-align:left;
	vertical-align:top;
	padding-top:10px;
	
	font-weight:normal;
	font-size:11px;
	color:#FFFFFF;
}
.TdRight{
	padding-left:15px;
	vertical-align:top;
	padding-top:10px;
	text-align:left;
	border:0px solid red;
}
.rowHeight140{
	height:120px;
}
.buttonBoard{		
	font-family:HelveticaNeue Bold,Arial;
	font-size:14px;
	vertical-align:center;
	font-weight:bold;
 	background-image:url(../images/submit.gif); 	
	background-repeat:no-repeat;
	cursor:pointer;
	border-style:none;
	width:95px;
	height:23px;
	color:#747474;
}
.endChatButtonBoard{
	font-family:HelveticaNeue Bold,Arial;
	font-size:14px;
	vertical-align:center;
	font-weight:bold;
 	background-image:url(../images/endchat.gif); 	
	background-repeat:no-repeat;
	cursor:pointer;
	border-style:none;
	width:150px;
	height:23px;
	color:#747474;
}
.sendFilebutton{
	font-family:HelveticaNeue Bold,Arial;
	font-size:12px;
	vertical-align:center;
	font-weight:bold;
 	background-color:#dcdcdc;	
	cursor:pointer;
	border-style:none;
	width:60px;
	height:21px;
	color:#474747;
}
.errorMessageText{
	width:90%;
	border:0px solid red;
	/*background-color:#CFD7E5;*/
	font-size:12px;
	color:#ecc242;	
}
.waitingInfomationRow{
	height:100px;
}
.waitingInfomationPos{
	margin-left:30px;
}
.addAttachmentLink{
	font-size:15px;
	color:white;
	font-weight:bold;
}
.divOfflineMessage{
	font-size:12px;
	color:#ffffff;/*#ecc242;*/
	/*padding:12px 0px 0px 20px;	
	avel add */
	width:430px;
	overflow:auto;	
}
.rowOfflineMessage{
	height:40px;
}
.offlineInfoTitle{
	font-weight:bold;
	font-size:12px;
	color:white;
}
.offlineInfo{
	margin-left:15px;
}
.offlinePageDiv{
	height:510px;
	overflow:auto;
}
.OfflineTdRight{
	padding-left:15px;
	vertical-align:top;
	text-align:left;
	padding-top:5px;
	border:0px solid red;
	padding-bottom:3px;
}
.attaTdLeft{
	text-align:left;
	vertical-align:top;
	padding-top:5px;
	color:#FFFFFF;
}
.attaStyle{
	color:white;
	padding-right:5px;
}
.attaName{
	width:50px;
}
.voteText{
	color:white;
	font-size:11px;
}
.voteTextTitle{
	color:white;
	font-size:11px;
	font-weight:bold;
}
.rowVoteInfo{
	
}
.rowVoteInput{
	
}
.rowVoteButton{
	
}
.rowVoteItem{
	font-size:11px;
}
.voteInformation{
	width:400px;	
}
.voteInputDiv{
	padding-top:15px;
	padding-bottom:10px;
}
.voteButtonTable{
	width:250px;
	border:0px solid red;
	margin-bottom:15px;
	margin-top:10px;
}
.voteCustomTextInput{
	width:400px;
}
.voteComment{
	width:400px;
	height:50px;	
}
.colVote{
	padding-top:5px;
}
  /*chat client*/

.chatList{
	position:absolute;
	top:105px;
	left:22px;
	width:455px;
	height:228px;
	background-color:white;
	overflow:auto;
	border:0px solid red;
}
.chatInput{
	position:absolute;
	top:360px;
	left:22px;
	width:455px;
	height:74px;
	background-color:white;
	border:0px;
}
.isTyping{
    border:0px solid red;
	position:absolute;
	top:340px;
	left:22px;
	width:455px;
	height:25px;
	font-size:9px;	
}
#footFuntionButton{
	position:absolute;
	z-index:99999;	
	left:22px;
	top:442px;
}
.emailScriptSend{	
	width:94px;
	font-weight:bold;
}
.sentButton{
	position:absolute;
	top:443px;
	left:380px;
	width:50px;	
}
.seperateDenotation{
	color:white;
	font-size:12px;
}
.endButton{	
	padding-left:3px;
	font-weight:bold;
}
.main{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	/*background-color:#EEFAD6;*/
}
.panelFullHeight{
	width:100%;
	height:500px;
	margin:0px;
	padding:0px;
	border:0px solid red;
}
	/* send message success start*/
.sendSuccessMessage{
    color:white;
    font-size:11px;
 }	
 .closeSuccessDiv{
	position:absolute;
	top:250px;
	left:40px;
	width:85%;
	text-align:center;
}
.endLink{
	font-size:11px;
	color:#dfdedd;
	font-weight:bold;
}
.endLinkStyle{	
	padding-top:15px;
}
	/* send message success  end*/
/* pro chat start*/
.panelFullProChat{
	width:400px;
	height:400px;
	border:8px solid #717171;
	background:#ffffff;
}
.rowProChatBottom{
	width:381px;
	height:266px;
}
.colProChatButtonLeft{
	width:3px;
	height:23px;
}
.colProChatButtonRight{
	width:3px;
	height:23px;
}
.colProChatButtonMiddle{
	background:#e3e3e3;
}
.proChatButton{
	background-image:url(../images/proChatButton_middle.gif);
	background-repeat:repeat-x;
	border:0px;
	font-family:HelveticaNeue,Arial;
	font-weight:bold;
	font-size:12px;
	color:#5e5e5e;
	height:23px;
	cursor:pointer;
	width:190px;
	text-align:left;
	padding-left:5px;
}
.proChatPromtInfo{
	font-size:17px;
	font-family:Arial;
	color:#535353;
}

a:link{
	text-decoration: none; 
}
a:visited{
	text-decoration: none; 
}
a:active{
 
}
a:hover{
	text-decoration: underline; 
}
/* pro chat end*/