.chatoutput {
width:65%;float: left;
}
.chattab {
height:15px;
       background-color: #ececec;
width:110px;
      text-align: center;
      font-weight: bold;
      padding-top:3px;
      border-left:1px solid #a9b8c2;
      border-top:1px solid #a9b8c2;
      border-right: 1px solid #d9e2e8;
      border-bottom: 1px solid #d9e2e8;
float:left;
}

.chattab:hover {
	background-color: #7096b0;
}
.tool-tip {
color: #fff;
width: 139px;
       z-index: 13000;
}

.tool-title {
	font-weight: bold;
	font-size: 11px;
margin: 0;
color: #9FD4FF;
padding: 8px 8px 4px;
background: url(bubble.png) top left;
}

.tool-text {
	font-size: 11px;
padding: 4px 8px 8px;
background: url(bubble.png) bottom right;
}

.custom-tip {
color: #000;
width: 130px;
       z-index: 13000;
}

.custom-title {
	font-weight: bold;
	font-size: 11px;
margin: 0;
color: #3E4F14;
padding: 8px 8px 4px;
background: #C3DF7D;
	    border-bottom: 1px solid #B5CF74;
}

.custom-text {
	font-size: 11px;
padding: 4px 8px 8px;
background: #CFDFA7;
}

/*exemple positionné loin du centre*/
.basdroite { margin: 100px 0 0 0; text-align: right; }

/*le masque général sur le site*/
#masque { background-color: #000; cursor: pointer; }
/*le div dans lequel on met l'anim, couleur de fond importante si on mets l'anim en fond transparent*/
#affich { background-color: #f60; }
/*le lien de fermeture de l'anim*/
#closeanim { color: white; cursor: pointer; text-align: right; font-size: 11px; }
/*styles pour la pop up*/
#boulot { width: 600px; height: 450px; background: url(img/mookitten/bibi.jpg) left top no-repeat; position: relative; border: 1px solid white; }
#boulotlegende { width: 250px; position: absolute; top: 420px; left: 330px; color: white; background-color: black; padding: 5px; }


#chatbox {
margin:1px;
width: 100%;
height: 200px;
	background-color: #ececec;
	border-bottom: 1px solid #a9b8c2;
float:left;
clear:none;
}
#chatoutput {
height: 100%;
width: 88%;
       text-align: left;
float: left;
       overflow-y: scroll;
       margin-bottom:5px;
background: #dce1e5;
}
#onlinelist {
	white-space: nowrap;
	margin-left: 2px;
	padding-left:2px;
height:100%;
background: #dce1e5;
	    overflow-y:scroll;
	    overflow-x:hidden;
}
#chatinputbox {
width: 100%;
padding:2px;
	background-color: #dce1e5;
}
#chatoutput ul {
	list-style: none;
margin:0px;
padding:0px;
padding:1px 2px 2px 1px;
}
.outputlist {
}

#onlinelist li {
	cursor: pointer;
	list-style: none;
}
#onlinelist li:hover {
	font-weight: bold;
	text-decoration: underline;
}

#onlineusers {
	background-color: #dce1e5;
}

#chatoutput ul li {
	background: #ececec;
	padding:2px 2px 2px 2px;
	margin:0px;
	color:#323d4f;
	line-height: 150%;
	margin-bottom:1px;
	font-size:11px;
}

#onlinelist ul li {
	list-style: none;
display: block;
}

#chatoutput ul li span.name {
display: block;
background:url(images/comment.png) no-repeat left;
	   padding-left:19px;
	   font-weight: bold;
	   font-size: 0.9em;
	   /*      text-transform: uppercase;*/
float: left;
}

#chatoutput span.red {
	text-transform: lowercase;
}

#chatoutput ul li:hover {
}
#chatoutput ul li:hover span.name {
background:url(images/bubblehover.png) no-repeat left;
}

.chatroom_title {
width: 100%;
height:20px;
       overflow-x: hidden;
}
.chat_title_label {
float:left;
      border-right: 1px solid #000000;
      padding-right:5px;
      font-weight: bold;
      text-transform: uppercase;
}
.chatroom_topic {
	padding-left:5px;
}

ul.SimpleContextMenu {
display: none;
position: absolute;
margin: 0px;
padding: 0px;
	 font-family: verdana;
	 font-size: 12px;
	 list-style-type: none;
	 border-top: 1px solid #000000;
	 border-left: 1px solid #000000;
	 border-right: 1px solid #000000;
}

ul.SimpleContextMenu li {
	border-bottom: 1px solid #000000;
}

ul.SimpleContextMenu li a {
display: block;
width: 100px;
padding: 2px 10px 3px 10px;
	 text-decoration: none;
color: #ff0000;
background: #eeeeee;
}

ul.SimpleContextMenu li a:hover {
	text-decoration: none;
color: #ffffff;
background: #ff0000;
}
.chatbarText {
        font-weight: bold;
        cursor: pointer;
        vertical-align: middle;
        padding: 0 3px;
        font-size: 1em;
        font-family: Verdana, Helvetica, Arial, sans-serif;
	border: 1px solid #000000;
}