@charset "utf-8";
/* 

this will be styles you can change
the rest of the styles are applied with jQuery - those you can't change

*/


.r {float:right;}
.l {float:left;}

#dazchat {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}

#dazchat_filler {
	background: transparent url(images/bar_shade.gif) repeat-x scroll left top;
}

#dazchat_status {
	width:100px;
	height:0px;
	padding:5px;
	display:none;	/* now you can click on status to toggle it */
	right:0;
	bottom:30px;
	background-color:#f0f0f0;
	position:absolute;
	line-height:20px;
	z-index:10;
	overflow:hidden;
}

#dazchat_status_button {
	width:148px;
	height:20px;
	padding:5px;
	display:block;
	right:0;
	bottom:0;
	
	position:absolute;
	cursor:pointer;
	z-index:20;
	background:url(images/bar_shade.gif) repeat-x top left;
	border:1px solid #75B9B9;
}

#dazchat_friends {
	width:138px;
	height:auto;
	padding:5px;
	display:block;
	right:160px;
	bottom:30px;
	background-color:#C6E2E2;
	position:absolute;
	z-index:30;
	line-height:20px;
	overflow:hidden;
	border:1px solid #75B9B9;
}

#dazchat_friends_list {
	height:auto;
}


#dazchat_friends_button {
	width:138px;
	height:20px;
	padding:5px;
	display:block;
	right:160px;
	bottom:0;
	background:url(images/bar_shade.gif) repeat-x top left;
	position:absolute;
	cursor:pointer;
	z-index:40;
	border:1px solid #75B9B9;
	
}



.dazchat_window {
	width:240px;
	height:270px;
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	margin-right:310px;
}

#log {
	background:#000000;
	display:block;
	padding:10px;
	display:none;
	position:absolute;
	left:0;
	top:-300px;
	width:300px;
	height:280px;
	overflow:auto;
	color:#FFe0a0;
	font-family:'Courier New', Courier, monospace;
	font-size:12px;
}

.dazchat_window_wrapper {
	width:218px;
	height:217px;
	display:block;
	background-color:#C6E2E2;
	border-top:1px solid #75B9B9;
	border-left:1px solid #75B9B9;
	border-right:1px solid #75B9B9;
	padding:10px;
	
}

.dazchat_window_bar {
	width:238px;
	height:30px;
	background:url(images/bar_shade.gif) repeat-x top left;
	border:1px solid #75B9B9;
	overflow:hidden;
}

.dazchat_window_title {
	height:16px;
	width:200px;
	padding:4px;
	color:#000000;
	display:block;
	float:left;
}

.dazchat_window_close {
	height:30px;
	width:30px;
	float:right;
	display:block;
	background:url(images/close_button.gif) no-repeat top left;
}

.dazchat_window_messages {
	background-color:#ffffff;
	border:1px solid #a0a0a0;
	display:block;
	width:218px;
	height:188px;
	overflow:auto;
	margin-bottom:10px;
	font-size:11px !important;
}

.dazchat_message_input {
	background-color:#ffffff;
	border:1px solid #a0a0a0;
	display:block;
	width:138px;
}
.dazchat_send_button {
	margin-right:10px;
	width:60px;
	height:20px;
	font-size:10px;
}

.dazchat_window_name {
	width:80px;
	height:10px;
	padding:10px;
	display:block;
	float:right;
	background-color:#e0e0e0;
	cursor:pointer;
}


.dazchat_chatter {
	width:100px;
	height:30px;
	border-left:1px solid #ffffff;
	border-right:1px solid #a0a0a0;
	display:block;
	float:right;
	padding:5px;
	cursor:pointer;
	margin-right:300px;
	right:0px;
	position:absolute;
}

.dazchat_active_chatter {
	background-color:#e0e0e0;
}

.dazchat_inactive_chatter {
	background-color:#c0c0c0;
}

.dazchat_user_button {
	display:block;
	float:left;
	width:140px;
}

.dazchat_new_message {
	color:#800000;
	text-decoration:blink;
	display:block;
	float:right;
}

#dazchat_new_message {
	color:#800000;
	text-decoration:blink;
	display:block;
	float:right;
}

#dazchat_friends_online {
	display:block;
	width:130px;
	float:left;
}

.dazchat_chatter_name {
	display:block;
	float:left;
	width:100px;
}

.dazchat_note {
	width:154px;
	height:26px;
	padding:2px;
	display:block;
	position:absolute;
	bottom:32px;
	right:0;
	color:#000;
	font-size:10px;
	cursor:pointer;
	background:url(images/bar_shade_pink.gif) repeat-x top left;
	border:1px solid #CFA0A0;
	line-height:13px;
}