/* CSS Document */
body 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	scrollbar-arrow-color: #464646;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #999999;
	scrollbar-face-color: #D4D0C8;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-track-color: #e6e6e6;

}

a.topmenu:link
{color: #5D5D5D; text-decoration:none;}
a.topmenu:visited
{color: #5D5D5D; text-decoration:none;}
a.topmenu:hover
{color: #A5A5A5; text-decoration:none;}

.GridHeader
{
	background-color:#EDEDED; color: #6C6C6C; font-weight:bold; height:14px; font-size: 10px;
}
.ChatView
{
	 
	HEIGHT: 100%; 
	overflow: auto;  
	WIDTH: 765px; 
	PADDING-RIGHT: 1px; PADDING-LEFT: 4px; PADDING-BOTTOM: 1px; PADDING-TOP: 4px; 
}
.TrafficView
{
	 
	HEIGHT: 100%; 
	overflow: auto;  
	WIDTH: 600px; 
	PADDING-RIGHT: 1px; PADDING-LEFT: 4px; PADDING-BOTTOM: 1px; PADDING-TOP: 4px; 
}
.ClientChatView
{ 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 10px; 
	color: black; 
	height: 205px;
	width: 555px;
	border-color: #C0C0C0;
	 border-style: solid; 
	 border-width: 0px; 
	 padding: 5px; overflow: auto; 
	
}
.AdminChatView 
{ 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 10px; 
	color: black; 
	height: 210px;
	width: 640px;
	border-color: #C0C0C0;
	 border-style: solid; 
	 border-width: 0px; 
	 padding: 5px; overflow: auto; 
	 
}



table {font-size:10px;}
table.boxcontents {font-size:11px; border-left: 1px solid #BEBEBE; border-right: 1px solid #BEBEBE; background-color:#FFFFFF;}
table.adminchattext {border-left: 1px solid #BEBEBE; border-right: 1px solid #BEBEBE; border-top: 1px solid #ffffff; border-bottom: 1px solid #BEBEBE; background-color:#FFFFFF;}
table.chattext {border: 1px solid #BEBEBE; background-color:#FFFFFF;}
table.chatdetail { font-size:10px;}

td.chatheading {color: #777777; font-size:20px; font-weight:bold;}
td.selectedoption {cursor:default; border-top:1px solid #BEBEBE; border-left:1px solid #BEBEBE; border-right:1px solid #BEBEBE; border-bottom:1px solid #ffffff; background-color:#FFFFFF;}
td.notselectedoption {cursor:hand;border-top:1px solid #f2f2f2; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; background-color:#f2f2f2;}

td.notselected {background-color: #BEBEBE;}
td.selected {background-color:#FFFFFF;}
td.header {background-color:#EDEDED; color: #6C6C6C; font-weight:bold; height:14px; font-size:11px}
td.topheader {color:White; font-weight:bold;}
td.NormalPrompt {color:Red;}

.Green {color:green;}
.Customername {color:#314C77;}

	.tabOff { BORDER-RIGHT: #3c4d81 1px solid; BORDER-TOP: #3c4d81 1px solid; BORDER-LEFT: #3c4d81 1px solid; CURSOR: hand; BORDER-BOTTOM: #3c4d81 1px solid; TEXT-ALIGN: center }
	.Panel { BORDER-RIGHT: #3c4d81 1px solid; BORDER-TOP: #3c4d81 0px solid; FONT-SIZE: 12px; BORDER-LEFT: #3c4d81 1px solid; BORDER-BOTTOM: #3c4d81 0px solid; FONT-FAMILY: Tahoma, Verdana, sans-serif; BACKGROUND-COLOR: #dedbd6 }
	.tabOn { BORDER-RIGHT: #3c4d81 1px solid; BORDER-TOP: #3c4d81 1px solid; BORDER-LEFT: #3c4d81 1px solid; CURSOR: default; BORDER-BOTTOM: #3c4d81 0px solid; TEXT-ALIGN: center }
	.space { BORDER-RIGHT: #3c4d81 0px solid; BORDER-TOP: #3c4d81 0px solid; BORDER-LEFT: #3c4d81 0px solid; WIDTH: 3px; BORDER-BOTTOM: #3c4d81 1px solid }
	.tab { BORDER-RIGHT: #3c4d81 1px solid; BORDER-TOP: #3c4d81 1px solid; BORDER-LEFT: #3c4d81 1px solid; BORDER-BOTTOM: #3c4d81 0px solid; TEXT-ALIGN: center }
	.text { FONT-SIZE: 12px; FONT-FAMILY: Tahoma, Verdana, sans-serif }
	.PanelBottom { BORDER-RIGHT: #3c4d81 1px solid; BORDER-TOP: #3c4d81 0px solid; BORDER-LEFT: #3c4d81 1px solid; BORDER-BOTTOM: #3c4d81 1px solid; BACKGROUND-COLOR: #dedbd6 }
	.smalltextbox { FONT-SIZE: 9px; COLOR: #3c4d81; FONT-FAMILY: verdana }
	.btn { BORDER-RIGHT: #3c4d81 1px solid; BORDER-TOP: #3c4d81 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 9pt; BORDER-LEFT: #3c4d81 1px solid; WIDTH: 45px; CURSOR: hand; COLOR: #3c4d81; BORDER-BOTTOM: #3c4d81 1px solid; FONT-FAMILY: Verdana; HEIGHT: 30px; BACKGROUND-COLOR: #ecf0f9 }
	.btn1 { BORDER-RIGHT: #3c4d81 1px solid; BORDER-TOP: #3c4d81 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 8pt; BORDER-LEFT: #3c4d81 1px solid; CURSOR: hand; COLOR: #3c4d81; BORDER-BOTTOM: #3c4d81 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #ecf0f9 }
	.selectlist { BORDER-RIGHT: #3c4d81 1px solid; BORDER-TOP: #3c4d81 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #3c4d81 1px solid; COLOR: #3c4d81; BORDER-BOTTOM: #3c4d81 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #ffffff }
	.txtbox { BORDER-RIGHT: #3c4d81 1px solid; BORDER-TOP: #3c4d81 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #3c4d81 1px solid; COLOR: #3c4d81; BORDER-BOTTOM: #3c4d81 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #ffffff }
	.adminnick { FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: navy; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif }
	.adminmesgtext { FONT-SIZE: 9pt; COLOR: navy; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif }
	.customernick { FONT-WEIGHT: bold; FONT-SIZE: 10pt; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif }
	.customermesgtext { FONT-SIZE: 9pt; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif }
	.alertmesg { FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: red; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif }
	
	#extraInformation {
				Z-INDEX: 202; LEFT: 370px;   POSITION: absolute; TOP: 12px ;
				 border: #A7B0CE solid 1; background-color: #f2f2f2;
		}
	#chatSmileys {
				Z-INDEX: 201; LEFT: 417px;   POSITION: absolute; TOP: 340px ;
				 border: #A7B0CE solid 1; background-color: #f2f2f2;
		}
	#chatCanned {
				Z-INDEX: 200; LEFT: 70px;   POSITION: absolute; TOP: 300px ;
				 border: #A7B0CE solid 1; background-color: #f2f2f2;
		}
	#chatSmileysAdmin {
				Z-INDEX: 199; LEFT: 40px;   POSITION: absolute; TOP: 300px ;
				 border: #A7B0CE solid 1; background-color: #f2f2f2;
		}
		.imgSmiley {background-color: white; border-right: darkgray 1px solid; border-bottom: darkgray 1px solid;}
		
	/* Customer Chat/Register window */
	table.inputform {border:1px solid #D1D1D1; background-color: #ffffff;}
	td.InputLabel {color: #2A4264; font-size:11px;}
	td.HeightZero {height:0px; padding:0px;}
	.formbutton {color:#333333;font-family:'trebuchet ms',helvetica,sans-serif;font-size: 10pt;background-color:#DBDBDB;border:1px solid;border-top-color:#F5F5F5;border-left-color:#F5F5F5;border-right-color:#8A8A8A;border-bottom-color:#8A8A8A;}
	.txtboxRegister {BORDER: #9D9D9D 1px solid; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; width :200px; height:18px; }
	.NormalDropList { font-family: Verdana; font-size: 8pt; color: black; background-color: #FFFFFF;}
	.InfoHeading {font-size:11px; font-weight:bold;}
	.LM {color:White; font-weight:bold; background-color:DimGray; border:1px solid White; letter-spacing:1; PADDING: 5px;}
	/*********************************/