/* warning the rules below should stay on top */

.smiley {
    display: inline;
}

.smileyText {
    display: none;
}
/* warning the rules above should stay on top */

body {
    background-color: #EAE9D6;
    font-size: 13px;
    letter-spacing:1px;
    font-family: verdana, tahoma, helvetica;
}

#messages {
    bottom:80px;
    left:15px;
    overflow: auto;
    position: absolute;
    top:15px;
    right:60px;
    padding:10px;
    background-color: white;
    border:1px solid #bfb6a9;
   /* css hack for IE */
  width: expression((parseInt(document.documentElement.clientWidth)-90)+'px');
  height: expression((parseInt(document.documentElement.clientHeight)-130)+'px');
}



#bottom {
    height:70px;
    left:10px;
    bottom:10px;
    right:10px;
    background-color: #EAE9D6;
    position: absolute;
    z-index:11;
}


#FormTable {
    position:absolute;
    left:10px;
    bottom:10px;
    right:10px;


}

#message {

    padding:3px;
    padding-top:6px;
    font-size: 15px;
    height: 22px;

    border:1px solid #bfb6a9;
}


#send {border:1px solid #bfb6a9;
    height: 32px;
    padding: 0px 10px;

}

.rightpanelCollapsed
    {right:265px;}

#RightPanel {
    text-align: center;
    position:absolute;
    right:15px;
    top:15px;
    bottom:80px;
    overflow:auto;
    background-color:#EAE9D6;
    overflow-x:hidden;
    height: expression((parseInt(document.documentElement.clientHeight)-110)+'px');
}

.rightPanel_collapsed {
    width: 44px;
    background-color:#EAE9D6;
    z-index:9;
}

.rightPanel_expanded {
    width: 230px;
    background-color:white;
    z-index:10;
}

.MenuTab {
    float: right;
    display: block;
    clear: right;
}

.MenuBody {
    text-align: right;
    clear: right;
    float: right;
    display: block;
    color: gray;
    width: 200px;
    max-height: 220px;
    overflow: auto;
    background-color: white;
    font-family: arial, tahoma, helvetica;
    margin: 0;
    margin-bottom: 8px;
    padding: 6px;
    display: block;border:1px solid #bfb6a9;
}

.MenuBody table tr td {
    font-size: 11px;
    color: gray;
    letter-spacing: 1px;
    padding: 4px;
}

.MenuBody img {
    padding: 2px;
}

.MenuBody dl {
    display: inline;
}

table,tr,td {
    padding: 4px;
}

.menu_input {
    width: 80px;
}

img {
    padding: 0;
    margin: 0;
    border-style: none;
}


.tablabels {
    border-bottom: 1px solid gray;
    margin-bottom: 8px;
}

a.tablabel {
    text-decoration: none;
    padding: 0 2px;
}

a.tablabel_inactive {
    color: gray;
}

a.tablabel_active {
    color: white;
    background-color: gray;
}

.tab {
    min-height: 40px;
}

.tab_inactive {
    display: none;
}

.tab_active {
    display: block;
}


.date {
    font-family: arial, tahoma, helvetica;
    font-size: 9px;
    color: #a4a4a4;
    margin: 0 5px 0 0;
}

#msgbox {
    position: absolute;
    top: 100px;
    left: 200px;
    max-width: 650px;
    display: none;
    z-index: 20;
    border: 1px solid gray;
}

#msgbox h3 {
    color: green;
    font-size: 1em;
}

.CloseErrorLink {
    color: red;
    float: right;
}

.msgboxHeader {
    background-color: #fffec8;
    padding: 8px;
    margin: 0;
    border-bottom: 1px solid gray;
}

#msgboxData {
    margin: 0;
    padding: 8px;
    max-height: 400px;
    background-color: white;
    overflow: auto;
}

#Note {
    position:absolute;
    bottom:60px;
    left:10px;
    right:10px;
    width:200px;
    color: gray;
    font-size: 12px;
}

.info {
    font-style: italic;
    font-family: arial, tahoma, helvetica;
    font-size: .75em;
    color: #a4a4a4;
}

#alertWindow {

    background-color: #fffec8;
    padding: 10px;
    top:15px;
    left:15px;
    right:15px;
    position:absolute;
    overflow:auto;
    display: none;
    z-index:20;
}

.username {
    font-weight: 600;
    white-space: nowrap;
}

.userstyle0 {
    color: #ab8542;
}

.userstyle1 {
    color: #2c4b21;
}

.userstyle2 {
    color: #57b889;
}

.userstyle3 {
    color: #5c4a61;
}

.userstyle4 {
    color: #c42b23;
}

.userstyle5 {
    color: #72737c;
}

.userstyle6 {
    color: #899d89;
}

.userstyle7 {
    color: #b3a766;
}

.userstyle8 {
    color: #a2a19c;
}

.userstyle9 {
    color: #36352f;
}



a.toolButton {
    font-size: 12px;
    min-width: 28px;
    min-height: 28px;
    width: 28px;
    height: 28px;
    background-color: #EAE9D6;
    background-repeat: no-repeat;
    background-position: center center;
    text-decoration: none;
    text-align: right;
    display: block;
}

a.toolButton:hover {
    background-color: #FFE347;
}

a.toolButton_pressed {
    background-color: #EAE9D6;
}

.toolButtonText {
    display: none;
}

.Menu {
    clear: both;
    margin-bottom: 0;
}

#UsersMenuButton {
    background-image: url('../imgs/users.gif');
}

#SmileysMenuButton {
    background-image: url('../../smileys/default/smiley.gif');
}

#PreferencesMenuButton {
    background-image: url('../imgs/SystemPreferences.gif');
}

#LogMenuButton {
    background-image: url('../imgs/text_icon.gif');
}

#ShowButton {
    background-image: url('../imgs/show.gif');
}

#HideButton {
    background-image: url('../imgs/hide.gif');
}

#ExitButton {
    background-image: url('../imgs/exit.gif');
}
#AboutButton {
    background-image: url('room22gray.gif');
}
/* ------------- Login Page -------------- */
.loginBody
{
    margin: 0;
    padding:0;
    width:100%;
    background-color: white;
    }
#Login {
    margin: 0;
    background-color: white;

    text-align:center;
}

#Login h3 {
    display: inline;
    color: #f6f4ee;
    margin-right:30px;
    font-size:20px;
}

#Login form {
    display: block;
}

#Login a {
    font-size: 11px;
    margin: 0 0 0 10px;
    padding: 0;
    color: #f6e9c0;
}

#Login a:hover {
    color: orange;
}

#Login form input {
    border: 1px solid #9d9696;

    padding: 1px;
    color: #5e5b4f;


}

#Login form label {

    font-size: 11px;
    color: #9d9696;
    margin-right:5px;



}

#Login form input.text {
    border:none;
    border-bottom: 1px solid #9d9696;
    width: 100px;
    margin-right:35px;
}



#LoginMessage {
    color: #5e5b4f;
    font-size: 12px;
    margin-top:20px;
    line-height:140%;
}

.field{
    display:inline;

    }



.chatHeader {
    margin: 0;
    padding:0;
    padding-bottom: 6px;
    padding-top: 6px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #3B692C;
    background-color: black;
}

.busy{
font-style:italic;
color: 	#C0C0C0 ;
text-decoration: strikethrough;


}