#mainDiv{
	background-color: #FFFFFFF;
	width:100%;
}
#talkiouser
{
	border: 1px solid;
	background-color: #FFA51D;
   	font-family: Tahoma, Arial, sans-serif;
   	font-size: 12px;
}

#talkioamical
{
	border: 1px solid;
	background-color: grey;
        height:12%;
   	font-family: Tahoma, Arial, sans-serif;
   	font-size: 12px;
}

#totalOnlineUsers
{
	border: 1px solid;
	background-color: grey;
   	font-family: Tahoma, Arial, sans-serif;
   	font-size: 12px;
}
#head
{
	border: 1px solid;
	background-color: #003366;
        height:8%
}
#top
{
	border: 1px solid;
	background-color: grey;
}
#bottom
{
	border: 1px solid;
	background-color:grey ;
}
#list
{
	border: 1px solid;
	background-color: #F5F5DC;
        overflow-x: hidden;
  overflow-y: auto;
}
#catglist
{
	border: 2px solid;
	border-style :solid;
	border-color :grey;
	background-color: #F5F5DC;
   	list-style-type: none;
	position: relative; 
	width:70%;
}
#friendlist
{
	border: 1px solid;
	font-color : #000000;
	background-color: grey;
        height: 12%;
	text-decoration : none;
   	font-family: Tahoma, Arial, sans-serif;
   	font-size: 12px;
}
#friendrequest
{
	border: 1px solid;
	font-color : #000000;
	background-color: #FFFFFF;
        height: 12%;
	text-decoration : none;
}

#onlineUsersList
{
	border: 1px solid;
	background-color: #FFFFFF;
        overflow-x: hidden;
        overflow-y: auto;
}
#buddylist{
	background-color: #FFFFFF;
	color:#000000;
   	font-family: Tahoma, Arial, sans-serif;
   	font-size: 8px;


}
#categorylist{
	background-color: #FFFFFF;
	color:#000000;
   	font-family: Tahoma, Arial, sans-serif;
   	font-size: 8px;
}
a.status-option-link:link

  {
   font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #3366FF;
   }


a.status-option-link:active
    {
   font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FFEBCD;
    }

a.status-option-link:visited
   {
   font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
  }


a.status-option-link:hover
   {
   font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #003366;
   }
a.catg-option-link:link

  {
   font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 8px;
	color: #3366FF;
	text-decoration:underline;
   }


a.catg-option-link:active
    {
   	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 8px;
	color: #3366Ff;
	text-decoration:underline;
    }

a.catg-option-link:visited
   {
   	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 8px;
	color: #FF0000;
	text-decoration:underline;
  }


a.catg-option-link:hover
   {
   font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 8px;
	color: #000000;
	text-decoration:underline;
   }

a.friend-option-link:link

  {
   font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #3366FF;
   }


a.friend-option-link:active
    {
   font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FFEBCD;
    }

a.friend-option-link:visited
   {
   font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #0000FF;
  }


a.friend-option-link:hover
   {
   font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #003366;
   }

div {
   margin: 0px;
   padding: 0px;
}


select{
	border : 1px;
	border-style :solid;
	border-color :#F5F5DC;
	background-color: #F5F5DC;
	font-family :Arial;
	font-size : 11px;
	color : #000000;
	
}
input {
   margin: 2px 0px 2px 0px;
   border: 2px solid #dddcd8;
   font-size: 12px;
	color : #000000;
}

.rcvdMessages, textarea, input {
   font-family: Tahoma, Verdana, Arial, sans-serif;
}

#txtHint
{
	border: none;
	position: absolute;
	height: 80%;
	width: 19.5%;
	left: 80%;
	top: 18%;
	margin: 0px;
	padding: 0px;
   	border: 1px solid #333;
	background-color: #FFFFFF;
        overflow-x: hidden;
        overflow-y: auto;
	overflow : scroll;
}

.window {
  background-color: #FFFFFF;
  border: 1px solid #333;
  margin: 0px;
  position: absolute;
  text-align: left;
  visibility: hidden;
}
.window1 {
  background-color: #FFFFFF;
  border: 1px solid #333;
  margin: 0px;
  padding: 2px;
  position: absolute;
  text-align: left;
}

.catgDisplay {
  background-color: #003366;
  border: 1px solid #333;
  margin: 0px;
  padding: 2px;
  position: absolute;
  text-align: left;
  visibility: hidden;
}

.titleBar {
  background-color:	#ec7505 ;
  cursor: default;
  color: #FFFFFF;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
}
.titleBar1 {
  background-color:	#000080 ;
  cursor: default;
  color: #FFFFFF;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  margin: 0px;
  padding: 2px 2px 2px .5em;
  text-align: right;
  white-space: nowrap;
}

.titleBarText {
  float: left;
  overflow: hidden;
  text-align: left;
}

.titleBarButtons {
  border-style: none;
  border-width: 0px;
  vertical-align: middle;
  width: 50px;
  height: 14px;
}

.clientArea {
  background-color:#FFFFFF ;
  color: #000000;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 11pt;
	
  margin: 2px 0px 0px 0px;
  padding: 2px;
  overflow:hidden;
  text-align: center;
}
.clientArea1 {
  background-color:#FFFFFF ;
  color: #000000;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 11pt;
	
  margin: 2px 0px 0px 0px;
  padding: 2px;
  overflow:hidden;
  text-align: center;
}
.profileArea {
   background-color: #FFFFFF;
  color: #000000;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 11pt;
	
  margin: 2px 0px 0px 0px;
  padding: 2px;
  overflow:hidden;
  text-align: center;
}

.rcvdMessages {
   padding: 2px;
   margin-bottom: 5px;
   width: 260px;
   height: 100px;
   border: 1px solid #333;
   background-color: #fff;
   overflow: auto;
   font-size: 12px;
   text-align: left;
}

.view {
   font-size: 12px;
   font-family: Tahoma, Arial, sans-serif;
   cursor:hand;
}
.view1 {
   font-size: 12px;
   font-weight: bold;
   font-family: Tahoma, Arial, sans-serif;
   background-color: #fff;
}
.view2 {
   font-size: 12px;
   font-weight: bold;
   font-family: sans-serif;
   color: gold;
}
.view3 {
   font-size: 12px;
   font-weight: bold;
   font-family: sans-serif;
   color: green;
}

.userA { color: #483D8B; }
.userB { color: #D2691E; }
.userBB { color: #D2691E; }
.userlbl { 
	color: #000000; 
   font-family: Tahoma, Arial, sans-serif;
   font-size: 14px;
}
.uservalue { 
	color: #000080; 
   font-family: Tahoma, Arial, sans-serif;
   font-size: 14px;
}

.viewgrp0 { 
   font-size: 12px;
   font-family: Tahoma, Arial, sans-serif;
   color: #483DFD;
    
}
.viewgrp1 { 
   font-size: 12px;
   font-family: Tahoma, Arial, sans-serif;
	color: #483D8B; 
}
.viewgrp2 { 
   font-size: 12px;
   font-family: Tahoma, Arial, sans-serif;
color: #D2691E; 
}
.viewgrp3 { 
   font-size: 12px;
   font-family: Tahoma, Arial, sans-serif;
	color: #000d67; 
}
.viewgrp4 { 
   font-size: 12px;
   font-family: Tahoma, Arial, sans-serif;
	color: #D26ffE; 
}
.viewgrp5 { 
   font-size: 12px;
   font-family: Tahoma, Arial, sans-serif;
	color: #D26967; 
}
.viewgrp6 { 
   font-size: 12px;
   font-family: Tahoma, Arial, sans-serif;
	color: #D2691E; 
}
.viewgrp7 { 
   font-size: 12px;
   font-family: Tahoma, Arial, sans-serif;
	color: #D2691E; 
}
.viewgrp8 { 
   font-size: 12px;
   font-family: Tahoma, Arial, sans-serif;
	color: #Dd6d1E; 
}

ul.sortable li { position: relative; }

ul.box {
   list-style-type: none;
   padding: 0px;
   margin: 0px;
   width: 100px;
   cursor: default;
}

ul.box li {
   padding: 2px;
   color: #333;
   background-color: #FFFFFF;
   vertical-align: middle;
   font-family: Tahoma, Arial, sans-serif;
   font-size: 12px;
}

.timestamp { font-size: 14px; }

#blContainer {
   height: 300px;
   background-color: #fff;
   border: 1px solid #333;
   text-align: center;
   overflow-x: hidden;
   overflow-y: auto;
}

#menu {
   margin-bottom: 0px;
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   width: 100%;
   background-color: #f2f1ed;
   border-bottom-color: #333;
   border-style: solid;
   border-width: 0px 0px 2px 0px;
}

#awayMsg  { height: 100px; }