/*** General tag styles ***/
A{
	text-decoration: none;
	color: #0033FF;
}
A:hover{
	color: #FF0000;
}
BODY, P, UL, LI, FORM, INPUT{
	font-family: verdana,geneva,arial,helvetica,sans-serif;
	font-size: 10pt;
}
BODY{
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	top: 0px;
}
TABLE, TR, TD{
	font-family: verdana,geneva,arial,helvetica,sans-serif;
	font-size: 10pt;
}

/*** tag styles with specific classes ***/
A.highlink{	/*used on login page when user is already logged in to go back to the chat*/
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ff00ff;
    FONT-FAMILY: Tahoma, Verdana, Arial
}
INPUT.editField{ /*usefd for loginID/password on the login page*/
	font-size: 9pt;
	font-family: monospace, none;
	border: orange 2px solid;
}

/*** CSS classes ***/
.colorbg{ /*default color of the sent messages*/
	background-color: #F7913E;
}
.header{ /*the header of each section on the chat page and heder on the login page*/
	background-color: #F7913E;
	color: #000000;
}
.Inf{ /*admin messages: user entered/left room or has been logged off*/
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 8.5pt;
	color: #C0C0C0;
}
.infCur{ /*current room and current user (self) on the corresponding lists*/
	font-weight: bold;
	font-size: 9pt;
	background-color: #ffffff;
}
.infOth{ /*other (not current) rooms and other users (not self) on the corresponding lists*/ 
	font-size: 9pt;
	background-color: #f1f1ff;
}
.infPrv{ /*user on the user list to whom you are sending a private message*/
	font-style:italic;
	font-size: 9pt;
	background-color: #ddddff;
}
.lIn{ /*informational message that a user logged in*/
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 8.5pt;
	color: #C0C0C0;
}
.lOt{ /*informational message that a user logged out*/
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 8.5pt;
	color: #C0C0C0;
}
.Msg{ /*a regular user message*/
	padding-left: 8px;
	font-size: 10pt;
	border-left: black 2px solid;
	color: #112288;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
}
.Nm{ /*name of a user in the message section*/
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: bold;
	text-align: justify;
	white-space: nowrap
}
.NmC{ /*name of the current user (self) in the message section*/
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: bold;
	text-align:justify;
	white-space: nowrap;
	color:2233FF
}
.NmP{ /*name of a private user in the message section*/
	background-color:FFCCDD;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: bold;
	text-align:justify;
	white-space: nowrap
}
.NmPC{ /*name of a private current user in the message section*/
	background-color:FFCCDD;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: bold;
	text-align:justify;
	white-space: nowrap;
	color:2233FF
}
/*next 4 classes are used to draw border around sections on the chat page*/
.slimbtlr{
	border-right: orange 3px solid;
	border-top: orange 3px solid;
	border-left: orange 3px solid;
}
.slimbb{
	border-bottom: orange 3px solid;
}
.slimbl{
	border-left: orange 3px solid;
}
.slimblb{
	border-bottom: orange 3px solid;
	border-left: orange 3px solid;
}
/*next 8 classes are used to format text in the message box with different permutations of bold, italic and underline*/
.tb{
    FONT-SIZE: 10pt;
    COLOR: #112288;
    FONT-FAMILY: verdana, geneva, arial, helvetica, sans-serif
}
.tbb{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    COLOR: #112288;
    FONT-FAMILY: verdana, geneva, arial, helvetica, sans-serif
}
.tbi{
    FONT-SIZE: 10pt;
    COLOR: #112288;
    FONT-STYLE: italic;
    FONT-FAMILY: verdana, geneva, arial, helvetica, sans-serif
}
.tbu{
    FONT-SIZE: 10pt;
    COLOR: #112288;
    FONT-FAMILY: verdana, geneva, arial, helvetica, sans-serif;
    TEXT-DECORATION: underline
}
.tbbi{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    COLOR: #112288;
    FONT-STYLE: italic;
    FONT-FAMILY: verdana, geneva, arial, helvetica, sans-serif
}
.tbbu{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    COLOR: #112288;
    FONT-FAMILY: verdana, geneva, arial, helvetica, sans-serif;
    TEXT-DECORATION: underline
}
.tbiu{
    FONT-SIZE: 10pt;
    COLOR: #112288;
    FONT-STYLE: italic;
    FONT-FAMILY: verdana, geneva, arial, helvetica, sans-serif;
    TEXT-DECORATION: underline
}
.tbbiu{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    COLOR: #112288;
    FONT-STYLE: italic;
    FONT-FAMILY: verdana, geneva, arial, helvetica, sans-serif;
    TEXT-DECORATION: underline
}