/* === Colors ============================ */

@media screen,projection,handheld {

#chatbox { }
#chatbox h1 { color:#000; }
#chatbox select, #chatbox textarea { background-color:#FFF; color:#000; }
#chatbox #chatList, #chatbox #onlineListContainer, #chatbox #colorCodesContainer, #chatbox #emoticonsContainer { border-color:gray; background-color:#FFF; }

#chatbox #roomNameContainer #RoomName { font-weight: bold; } 
#chatbox #propSubjectContainer { color: Blue; }
#chatbox #propSubjectContainer #subjectText { font-weight: bold; color: Blue; font-size: 0.9em; }
#chatbox #statusText { font-size: 0.8em; } 
#chatbox #versionText { font-size: 0.7em; } 


.statusIconOn {    background-image: url('../images/chat/connection-on.gif'); }
.statusIconOff {   background-image: url('../images/chat/connection-off.gif'); }
.statusIconAlert { background-image: url('../images/chat/connection-off.gif'); }
#chatbox #colorCodesContainer a { border-color:black; }

/*-------------------------------------------------*/

#chatbox #optionsContainer { border-color:gray; background-color:#FFF; }
#chatbox #optionsContainer #audioButton { background:url('../images/chat/audio.png') no-repeat; }
#chatbox #optionsContainer #audioButton.off { background:url('../images/chat/audio-off.png') no-repeat; }
#chatbox #optionsContainer #autoScrollButton { background:url('../images/chat/autoscroll.png') no-repeat; }
#chatbox #optionsContainer #autoScrollButton.off { background:url('../images/chat/autoscroll-off.png') no-repeat; }

/*-------------------------------------------------*/

#chatbox .rowEven { background-color:#FFF; }
#chatbox .rowOdd { background-color:#F6F6F6; }
#chatbox .guest { color:gray; }
#chatbox .user { color:#000; }
#chatbox .moderator { color:#00AA00; }
#chatbox .admin { color:red; }
#chatbox .chatBot { color:#FF6600; }
#chatbox #chatList .chatBotErrorMessage { color:red; }
#chatbox #chatList a { color:#1E90FF; }
#chatbox #chatList .delete { background:url('../images/chat/delete.png') no-repeat right; }
#chatbox #chatList .deleteSelected { border-color:red; }
#chatbox #onlineListContainer h3 { background-color:#FFF; color:#000; }

#chatbox #optionsContainer input, #chatbox #optionsContainer input.button { cursor:pointer; }

} /* end media screen,projection,handheld */


/* === Borders =========================== */

#chatbox img { border:none; }

#chatbox #chatList, #chatbox #onlineListContainer, #chatbox #colorCodesContainer, #chatbox #emoticonsContainer, #chatbox #colorCodesContainer a { border-width:1px; border-style:solid; }
#chatbox #chatList .deleteSelected { border-width:1px; border-style:dotted; }

#chatbox #inputFieldContainer #inputField { border: 1px solid #C3C4FF; }


/* === Fonts ============================= */

#chatbox { font-size: 1em; }
#chatbox h1 { font-size: 1.2em; font-weight:bold; }
#chatbox h3 { font-size: 1em; }
#chatbox a { text-decoration:none; }
#chatbox a:hover { 	text-decoration:underline; }
#chatbox #chatList span.dateTime { /*	font-size: 0.7em; */ }
#chatbox #chatList span.guest { font-weight:bold; }
#chatbox #chatList span.user { font-weight:bold; }
#chatbox #chatList span.moderator { font-weight:bold; } 
#chatbox #chatList span.admin { font-weight:bold; }
#chatbox #chatList span.chatBot { font-weight:bold; font-style:italic; }
#chatbox #chatList .chatBotMessage { font-style:italic; } 
#chatbox #chatList .chatBotErrorMessage { font-style:italic; }
#chatbox #chatList .privmsg { font-style:italic; }
#chatbox #chatList .action { font-style:italic; }
#chatbox #chatList q { 	font-variant: small-caps; }
#chatbox #chatList code { /*	font-size: 1.2em; */ }
#chatbox #onlineListContainer #onlineList div { /*	font-size: 0.9em; */ }