/* CSS Document */

/* Embedded Buddy List Styles **/
.moduleBuddyListContent{
	overflow:auto;
	height:250px;
	width:183px;
	text-align:left;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

.moduleBuddyEven{
	padding:7px 20px;
}

.moduleBuddyOdd{
	background-color:#efefef;
	padding:7px 20px;
}

#buddyListStatus{
	width:143px;
	padding:3px 20px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

#buddyList {
	position:absolute;
	top:4px;
	left:3px;
	text-align:left;
}

#buddyListHolder {
	position:absolute;
	top:0px;
	left:5px;
	width:40px;
	background-color:#ffffff;
	text-align:left;
}

#buddyList strong{
	color:#ffffff;
	font-size:12px;
	margin:3px;
}


#containerBL {
	margin:0;
	/**must include borders with and padding**/
	border: 1px solid #026CE2;
	background-color:#5D9CE2;
}

#containerTop div{
  /** background: url('/images/buddyListTop.gif') no-repeat top left; **/
}
#containerTop .text{
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	padding:5px;
}
.topBar{
  	background:url('/images/buddyListTop.gif') no-repeat top;
	/**must include borders with and padding**/
	cursor:move;
	padding:0px;
}

.privateTopBar{
  	background: url('/images/messageRoomTop.gif') no-repeat top;
	/**must include borders with and padding**/
	cursor:move;
	padding:0px;
	text-align:center;
}
.privateTopBar Div{
	color:#ffffff;
	font-size:13px;
	padding:6px;
}

#chat {
	 background-color: #ffffff;
	 padding:5px 2px 5px 5px;
	 margin-bottom:10px;
	 font-size:12px;
	 
	 height: 200px;
	 border: 1px solid #666666;
	 color: #000000;
	 overflow:auto;
	 word-wrap:break-word;
}

.smallChatBox {
	 background: #FFF;
	 margin:0px;
	 padding:10px 0 10px 10px;
	 font-size:12px;
	 height: 210px;
	 border: 1px solid #666666;
	 color: #000000;
	 overflow:auto;
	 word-wrap:break-word;
}


#chat img{
}

#onlineFriends{
	background-color:#ffffff;
	padding:5px 10px 10px 10px;
	/** kinda ugly
	background-image:url('/images/logofaded.jpg');
	background-repeat:no-repeat;
	background-position:bottom;
	**/
	text-align:left;
	height:200px;
	overflow:auto;
	color:#00CC00;
}

#onlineFriends img{
	margin:0 3px 0 0;
	border:none;
}

#onlineFriends strong a{
	color:#00CC00;
	text-decoration:none;
}
#onlineFriends a{
	color:#999999;
	text-decoration:none;
}

#onlineFriends a:hover{
	text-decoration:underline;
}

#onlineFriends .updateText{
	color:#333333;
	font-size:9px;
}

.messageText {
	width: 200px;
	margin-bottom:10px;
}

.smallMessageText {
	width: 252px;
	margin-bottom:5px;
}

.privateChatUp{
  	background: url('/images/messageRoomBackground.gif') repeat-x top;
	padding: 5px;
	border: 1px solid #B7B7B7;
	background-color:#f3f3f3;
	text-align:left;
	word-wrap:break-word;
	
}

.blankUp{
	z-index:50;
}

.blankDown{
	z-index:5;
}


.currentUser{
	font-weight:bold;
	color:#FF9900;
}

.otherUser{
	font-weight:bold;
	color:#0033CC;
}

.friendPic{
	border:1px solid #ffffff;
}
.friendInfo{
	width:160px;
	color:#ffffff;
	font-size:10px;
}

.friendInfo strong{
	color:#ffffff;
	font-size:16px;
}

.chatHistory{
	color:#666666;
}

.lightText{
	color:#666666;
	text-align:center;
}