html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,button{margin:0;padding:0;border:0;outline:0;font-weight:normal;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"""";}

body {
	font-size: 12px;
	font-family:'Lucida Grande',sans-serif;
}
.notify {
	background-color:#FEFFDF;
	border:1px solid #FFFF00;
	margin-bottom:10px;
	padding:20px;
	vertical-align:middle;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	margin: 0 auto;
	margin-top: 20px;
	width: 910px;
	text-align: justify;
	line-height:18px;
}
.home {
	background-color:#fff;
	border:1px solid #FFFF00;
	margin-bottom:10px;
	padding:10px;
	vertical-align:middle;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	margin: 0 auto;
	margin-top: 20px;
	width: 930px;
	text-align: justify;
	line-height:18px;
	background-image: url('./kwi.png');
	background-position: right;
	background-repeat: no-repeat;
}
.home h2 {
	font-size:24px;
	margin-bottom:10px;
}
#content {
	width: 950px;
	margin: 0 auto;
	margin-top: 20px;
}
#left {
	width: 650px;
	float: left;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius : 5px;
	-webkit-border-bottom-left-radius : 5px;
	height: 460px;
}
#right {
	width: 299px;
	float: left;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius : 5px;
	-webkit-border-bottom-right-radius : 5px;	
	height: 460px;
}
.clear, .both {
	clear: both;
}
.p10 {
	padding: 10px;
}
h1 {
	font-size: 24px;
	margin-bottom: 10px;
}
#login {
	float:right;
	margin-left:20px;
	margin-top:-10px;
}
#header {
	width: 950px;
	margin: 0 auto;
	margin-top: 20px;
}
.user {
	padding: 4px;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	margin-top: 2px;
}
.user .column_1 {
 	width: 48px;
	float: left;
}
.column_1 img {
 	width: 48px;
	height: 48px;
}
.user .column_2 {
	width: 143px;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}
.user .column_3 {
	width: 50px;
	float: right;
	margin-top: -1px;
}
.user h3 {
	font-size: 14px;

}
.small {
	font-size: 9px;
}
.status {
	font-size: 10px;
	line-height: 20px;
}
.data {
	font-size: 10px;
	font-weight: bold;
	line-height: 14px;
}
.room_name {
	font-weight: bold;
}
.topic {
	font-size: 10px;
}
#chat {
	margin-top: 3px;
	height: 200px;
	height:360px;
	overflow-y:scroll;
	border: 1px solid #AAA;
}
.send {
	margin-top: 5px;
}
.send .input {
	width: 522px;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
}
.send submit {
	width: 100px;
	float: right;
}
#users {
	overflow-y:scroll;
	height: 416px;
}
.user .column_3  a {
	text-decoration: none;
}
#submit_msg {
	height: 27px;
	background-image: url('./send.png');
	float: right;
	width: 100px;
	border: none;
	color: #797979;
}
#msg_to_send {
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	height:19px;
	padding-top:5px;
	border: 1px solid #AAA;
}
.tools {
	padding-top: 7px;
	font-size: 10px;
	text-align: center;
}

.tools input {
	vertical-align: middle;
}
.tools_txt {
	font-weight: bold;
}
.date {
	font-style: italic;
	font-size: 10px;
	color: #5e5e5e;
}
.user_msg {
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 17px;
	padding-left: 5px;
	padding-right: 5px;
	width: 600px;
	overflow: hidden;
}
.user_msg:hover, .action:hover {
	background: #f1f1f1;
}
.msg_extra {
	float: right;
	height: 15px;
	line-height: 15px;
	font-size: 10px;
	float: right;
	width: 58px;
	margin: 1px 0px 0px 5px;
}
.reply {
	color: #777777;
	font-style: italic;
}
#chat a {
	text-decoration: none;
}
.create_room {
	border:1px solid #AAAAAA;
	color:#AAAAAA;
	float:left;
	font-size:24px;
	height:38px;
	padding-left:5px;
	padding-top:9px;
	width:300px;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
}
.button_create {
	vertical-align: middle; 
	font-size: 0px; 
	height: 47px; 
	width: 161px; 
	margin-top: 1px;
	border: 0px; 
	background: url('./join.png');
}
#right h2 {
	font-size:14px;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	margin-bottom:2px;
	margin-top:1px;
	text-align:center;
}
#count_users {
	font-weight: bold;
	font-size: 12px;
}
strong {
	font-weight: bold;
}
#footer {
	background: #FFF;
	width: 550px;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	margin: 0 auto;
	font-size: 11px;
	text-align: center;
	line-height: 20px;
	margin-top: 15px;
}
#datas_usr {
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	background:#FFFFFF none repeat scroll 0 0;
	float:right;
	height:49px;
	margin-top:-13px;
	width:600px;
	padding: 5px;
	font-size: 10px;
}
#datas_usr h2 {
	font-weight: bold;
	font-size: 12px;
}
#room_datas {
	width: 440px;
	float: left;
}
#room_datas p {
	padding: 5px;
		line-height: 15px;
}
#user_datas {
	width: 140px;
	float: left;
	line-height: 14px;
	height: 50px;
}

#room_datas img {
	float:left;
	height:34px;
	margin-right:5px;
	margin-top:4px;
	width:34px;
}
.av_usr_top {
	float: left;
	width: 32px;
	margin-top: 2px;
	margin-right: 5px;
	height: 32px;
	border: 1px solid #AAA;
}
.invite {
	float: right;
	font-size: 10px;
	margin-top: -11px;
	font-weight: bold;
}
.invite a {
	color: #e76700 !important;
}
#twee_logo {
	float: left;
}
.contextmenu {
	position: absolute;
	border: 2px solid #AAA;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	background-color: #FFF;
	width: 75px;
	padding: 5px 3px;
}
.contextmenu hr {
	height: 1px;
	border: none;
	border-top: 1px solid #AAA;
}
.action {
	padding-left: 10px;
	display: block;
	line-height: 16px;
	text-decoration: none !important;
}
.action:hover {
	font-weight: bold;
}
.popin {
	background: #FFF;
	width: 300px;
	height: 110px;
	position: absolute;
	z-index: 1001;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -400px;
	border: 2px solid #AAA;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
}
.popin label, .popin label {
	display:block;
	float:left;
	margin-bottom:7px;
	width:90px;
	line-height:20px;
	font-size: 12px;
}
.popin h3 {
	line-height: 22px;
	font-size: 16px;
	margin-bottom: 5px;
}
.popin .button {
	margin-left: 21px;
}
.popin input, .popin input, .popin select {
	float:left;
	margin-bottom:7px;
	border: 1px solid #CECECE;
	width:120px;
}
.popin {
	line-height: 1px;
}
.popimg {
	border: 2px solid #AAA;
	position: absolute;
	background-color: #FFF;
}