BODY{
    FONT-SIZE: 10pt;
    FONT-FAMILY: verdana,geneva,arial,helvetica,sans-serif
}
TD{
    FONT-SIZE: 10pt;
    FONT-FAMILY: verdana,geneva,arial,helvetica,sans-serif
}
SMALL{
	FONT-SIZE: 10px;
}
INPUT{
    FONT-FAMILY: Verdana, Arial, Tahoma
}
A{
    COLOR: #000000;
    TEXT-DECORATION: none
}
A:hover{
    COLOR: #ff0000
}
A.hgh{/*used on login page when user is already logged in to go back to the chat*/
    COLOR: #0000FF;
    font-weight:bold;
    TEXT-DECORATION: none
}
A.hgh:hover{
    COLOR: #FF0000;
    font-weight:bold;    
}
.clk{/*used for spans or divs that should look like links*/
	cursor: pointer;
	color:#0000FF;
}
.clkhgh{
	cursor: pointer;
    COLOR: #0000FF;
    font-weight:bold;
}
.brdr{/*borders around the chat page and poup windows - when changing these also change  fr_*.gif images*/
	background-color:#3366cc
}
.brdrl{/*borders on the login page*/
	background-color:#D0D0D0
}
.popw{/*pop up windows on the chat*/
	background-color: #FFFFFF;
}
.header{/*the header of each section on the chat page and heder on the login page*/
    FONT-WEIGHT: bold;
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #395ac0
}
.msgarea{/*Message area in the chat and outer contents of the login dialog box*/
	background-color: #F8F8F8
}
.lgnfrm{/*inner contents of the login dialog box*/
	background-color: #F0F0F0
}
.Nm{ /*name of a user in the message section*/
    FONT-WEIGHT: bold;
    FONT-SIZE: 7.5pt;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    TEXT-ALIGN: justify
}
.NmC{ /*name of the current user (self) in the message section*/
    FONT-WEIGHT: bold;
    FONT-SIZE: 7.5pt;
    COLOR: #2233ff;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    TEXT-ALIGN: justify
}
.NmP{ /*name of a private user in the message section*/
    FONT-WEIGHT: bold;
    FONT-SIZE: 7.5pt;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    BACKGROUND-COLOR: #ffccdd;
    TEXT-ALIGN: justify
}
.NmPC{ /*name of a private current user in the message section*/
    FONT-WEIGHT: bold;
    FONT-SIZE: 7.5pt;
    COLOR: #2233ff;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    BACKGROUND-COLOR: #ffccdd;
    TEXT-ALIGN: justify
}
.Msg{ /*a regular user message*/
    PADDING-LEFT: 8px;
    FONT-SIZE: 10pt;
    BORDER-LEFT: black 1px solid;
    COLOR: #112288;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.lIn{ /*informational message that a user logged in*/
    FONT-SIZE: 8.5pt;
    COLOR: #c0c0c0;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.lOt{ /*informational message that a user logged out*/
    FONT-SIZE: 8.5pt;
    COLOR: #c0c0c0;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.Inf{ /*informational message from server and emotes*/
    FONT-SIZE: 8.5pt;
    COLOR: #c0c0c0;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.Error{ /*status line when displaying an error*/
    FONT-SIZE: 8pt;
    COLOR: #ff0000;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.Info{ /*status line when displaying a warning or other info*/
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: green;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.lst{ /*rows in lists (users, rooms)*/
	BACKGROUND-COLOR: #f1f1ff
}
.lstAlt{ /*alternative rows in lists (users, rooms)*/
	BACKGROUND-COLOR: #eaeaf8
}
.lstImg{ /*cells in lists(users,rooms) contaning icons*/
	background-repeat:no-repeat;
	width: 18px;
	vertical-align:top
}
.rmCur{ /*current room(the one I am in) in room list*/
	cursor: pointer;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    color: #0000FF
}
.rmOth{ /*other room in room list*/
	cursor: pointer;
    FONT-SIZE: 9pt;
    color: #0000FF
}
.usrCur{ /*current user(self) in user list*/
	cursor: pointer;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    color: #0000FF
}
.usrOth{ /*other user in user list*/
	cursor: pointer;
    FONT-SIZE: 9pt;
    color: #0000FF
}
.usrDis{/*applied on top of other user styles for a disconnected user*/
	color:Gray
}
.slimball{ /*all slimb are borders used for some tables*/
    BORDER: red 1px solid 
}
.slimbt{
    BORDER-TOP: red 1px solid
}
.slimbl{
    BORDER-LEFT: red 1px solid
}
.slimblt{
    BORDER-TOP: red 1px solid;
    BORDER-LEFT: red 1px solid
}
.bluebutton{ /*all the buttons used throughout the site*/
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12px;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Tahoma;
    BACKGROUND-COLOR: #6699cc
}
.defcolor{ /*default color used by the chat messages - should match that of .tb and .Msg*/
    BACKGROUND-COLOR: #112288
}
.tb{  /*all text boxes - color should match that of .defcolor and .Msg*/
    BORDER-RIGHT: #6699cc 1px solid;
    BORDER-TOP: #6699cc 1px solid;
    BORDER-LEFT: #6699cc 1px solid;
    BORDER-BOTTOM: #6699cc 1px solid;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    FONT-SIZE: 10pt;
    COLOR: #112288
}
.tbr{ /*read-only text boxes - used in user profile*/
	BORDER-RIGHT: #6699cc 1px solid;
    BORDER-TOP: #6699cc 1px solid;
    BORDER-LEFT: #6699cc 1px solid;
    BORDER-BOTTOM: #6699cc 1px solid;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    FONT-SIZE: 10pt;
    font-weight:bold;
    COLOR:Gray
}