/*
--------------------------------------------------
Companions chat styles
-------------------------------------------------- */

/* Chat layout
-------------------------------------------------- */
#content {
	width: 100%;
}
#summary {
	float: left;
	width: 535px;
}
#member {
	float: right;
	width: 210px;
	height: 224px;
	margin: 0;
}
#title {
	height: 60px;
}
#title span {
	padding: 0 2px;
}
#description {
	background: #84939a url(/images/description_chat_bg.jpg) no-repeat top right;
	margin: 0;
	padding: 0;
}
#description:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
#description div.photo {
	float: left;
	width: 271px;
	height: 164px;
}
#description div.about {
	float: right;
	width: 261px;
	color: #474e50;
	padding: 1em 0 0;
}
#description p {
	padding: 0 12px 1em;
}
#description a {
	color: #fff;
}
#description span.more {
	font-weight: normal;
	color: #ccc;
}
#banner {
	clear: both;
	text-align: center;
	padding: 13px 0 0;
}
#body {
	padding: 13px 17px 22px;
}
body#chatroompage #body {
	padding: 0 !important;
}

/* Common body elements
-------------------------------------------------- */
body#chatroompage div.error {
	margin: 20px;
}
a.moderator {
	font-weight: bold;
}
a.moderator:link,
a.moderator:visited {
	color: #a948b7;
}
a.moderator:hover,
a.moderator:active {
	color: #fff;
}

/* Chat content
-------------------------------------------------- */
#chatrooms {
	width: 100%;
}
#chatrooms div.groups {
	padding: 0.1em 0 0;
}
#chatrooms table.results {
	margin: 0 0 1.6em;
}
#chatrooms caption a:link,
#chatrooms caption a:visited {
	color: #37474e;
}
#chatrooms caption a:hover,
#chatrooms caption a:active {
	color: #fff;
}
#chatrooms th.icon {
	width: 7%;
}
#chatrooms th.chatroom {
	width: 63%;
}
#chatrooms th.males,
#chatrooms th.females,
#chatrooms th.total {
	width: 10%;
	text-align: center;
}
#chatrooms td.icon {
	vertical-align: top;
	padding: 0.6em 0 0 14px;
}
#chatrooms td.icon a {
	float: left;
	width: 30px;
	height: 30px;
	background: url(/images/icons_big/chatroom.gif) no-repeat top left;
}
#chatrooms td.icon a.new {
	background-image: url(/images/icons_big/chatroom_new.gif);
}
#chatrooms td.chatroom p {
	padding: 0;
}
#chatrooms td.chatroom p.description,
#chatrooms td.chatroom p.moderators {
	font-size: 86%;
}
#chatrooms td.chatroom a.new {
	font-weight: bold;
}
#chatrooms td.males,
#chatrooms td.females,
#chatrooms td.total {
	text-align: center;
	font-size: 86%;
}
#chatrooms div.stats {
	border-top: 1px dashed #c9d2d2;
	padding: 0.6em 0 0;
}
#chatrooms div.stats ul {
	list-style-type: none;
	font-size: 86%;
	margin: 0.3em 0 0;
	padding-left: 10px;
}
#chatrooms div.stats li {
	background: url(/images/icons/bullet.gif) no-repeat 0 4px;
	margin-bottom: 0.6em;
	padding-left: 10px;
}
#chatrooms div.stats li.members {
	margin: 0;
}
#chatrooms div.stats span {
	padding: 0 0 0 2px;
}
#chatroom p.jump {
	text-align: center;
	font-size: 86%;
	padding: 1em 0 0;
}
#chatroom p.jump input {
	font-size: 91%;
}
#chatroom-window {
	width: 100%;
	height: 550px;
	background-color: #e6ecec;
	margin: 0.2em 0 0.4em;
}