html { 
	margin: 0em; 
	padding: 0; 
	height:100%;
	width:100%;
}
a {
	outline:none;
}
body { 
	margin:0;
	padding: 0; 
	font-family: sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
	font-size:15px;
	width:100%;
	height:100%;
}
input:focus, select:focus, textarea:focus, button:focus {
	outline:0;
}
p {
	padding:0;
	margin:0;
}
img {
	border:0px;
}

h1, h2, h3{ 
	margin: 0; 
	padding: 0; 
}
h2 {
	font-size:1.5em;
	margin-bottom:5px;
}
ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
li {
list-style:none;
}
button { 
	border:none;
    outline: none !important; 
}
textarea, input{
	font-size:14px;
	font-family:sans-serif,"trebuchet ms","lucida grande","lucida sans unicode",arial,helvetica,sans-serif;
}
#wrap_login {
	width:100%;
	height:100%;
}
.fa {
	cursor:pointer;
}
.icon_bottom {
	margin-top:5px;
	margin-right:10px !important;
	cursor:pointer;
}
.icon_bottom_out {
	margin-top:5px;
}
.icon_priv {
	margin-right:10px;
	font-size:1.8em;
	margin-top:2px;
}
.icon_bar {
	margin-left:5px;
	margin-top:3px;
}
.icon_smile {
	font-size:1.2em;
	margin-top:1px;
	margin-left:3px;
}
.icon_player {
	font-size:1.7em;
	margin-top:8px;
}
#playbtn {
	min-width:33px;
}
#private_close {
	float:right;
}
#private_count{
	width:20px;
	height:20px;
	background:red;
	display:none;
	position:absolute;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	border-radius:10px;
	border:1px solid #fff;
	top:35%;
	left:0px;
}
#chat_theme {
	height:100%;
	width:100px;
	float:left;
}
.option_list {
	clear:both;
	width:100%;
	display:none;
}
.option_list li {
	width:100% !important;
	padding:6px 0;
	cursor:pointer;
}
.option_list ul {
	height:auto !important;
	clear:both;
	width:100% !important;
	margin:5px 0;
	border-radius:6px;
}
.option_list ul p {
	padding-left:5px;
}
.username {
	cursor:pointer;
}
.user_option_separator:last-child { 
	border-bottom:none; 
}
.open_user {
overflow:hidden;
height:30px;
width:100%;
cursor:pointer;
width:98%;
padding:4px 0;
padding-left:2%;
border-radius:6px;
}
.open_user p {
	padding-left:5px;
	padding-top:6px;
	margin-left:35px;
	padding-bottom:5px;
}
.addon_button, .addon_button a, #submit_button, .pv_name, #user_list li , .roombutton {
	cursor:pointer;
}
#external_wrap {
	width:100%;
	height:100%;
}
.clear {
	width:100%;
	height:1px;
	clear:both;
}
#header {
	width:100%;
	height:10%;
	margin:0 auto;
	position:relative;
	top:0;
	padding:10px 0;
}
#inner_header {
	width:100%;
	margin:0 auto;
	height:100%;
	padding:0 8px;
}
#inner_header img {
	height:100%;
	display:block;
	width:auto;
	float:left;
}
#asking {
	float:right;
	width:150px;
}
#asking p {
	padding-top:15px;
	padding-left:10px;
}
#room_topic {
	width:100%;
	font-size:17px;
	padding: 10px 0 5px;
	
}
.topic {
	margin-top:5px;
	font-weight:bold;
}
#main_error {
	height:15px;
	width:50%;
	float:right;
	margin-top:-26px;
	margin-bottom:3px;
	z-index:2000;
	display:none;
	text-align:right;
}
#main_input {
	height:38px;
	width:100%;
	margin:4px 0;
}
#content {
	width:74%;
	height:100%;
	padding:0;
	padding-left:1%;
	float:left;
	font-size:16px;
	border-radius:5px 0 0 5px;
}
.myButton:hover {
	background-color:#5cbf2a;
}
.myButton:active {
	position:relative;
	top:1px;
}
#container_input_top{
	padding:10px 10px 0px 10px;
}
#submit_button {
	width:25%;
	float:right;
	height:100% !important;
	font-weight:bold;
	box-shadow:none !important;
	padding:0;
	border:none !important;
	font-size:18px;
	border-radius:0 5px 5px 0;
}
#container_chat {
	margin:0 auto;
	padding:8px;
	border-radius:10px;
}
#inside_wrap_chat {
	height:100%;
	overflow:hidden;
}
#chat_left {
	width:100%;
	float:left;
}
#container_show_chat {
	width: 100%;
	height: 100%;
	position:relative;
}
#show_chat {
	width:100%;
	height:100%;
	overflow:auto;
	overflow-x: hidden;
}
#wrap_chat {
	height:100%;
	width:100%;
}
#warp_show_chat {
	height:78%;
	overflow:hidden;
}
#show_chat ul {
	width:100%;
	z-index:1;
	position:relative;
}
.ch_logs {
    padding: 7px 1%;
    word-wrap: break-word;
}
.avatar_chat {
	display:block;
	height:40px;
	width:auto;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	overflow:hidden;
}
.my_avatar {
	float:left;
	width:50px;
}

.my_text {
    padding-left: 43px;
	padding-right:2%;
    padding-top: 6px;
	line-height:24px;
}
#menu_container_inside {
	margin:0 auto;
}
.delete_log {
font-weight:bold;
float:right;
cursor:pointer;
padding:0;
padding:0 4px 0 4px;
}
.my_notice {
	padding:3px;
}
.advice {
	font-size:12px;
}
.system, .usystem {
	width:98%;
	font-size:12px;
	font-weight:normal !important;
}
#chat_error {
	width:98%;
	min-height:20px;
	margin-bottom:-30px;
	z-index:300;
	position:relative;
	padding:5px 1%;
	display:none;
}
.chat_emoticon {
	cursor:pointer;
}
.public {
	font-size:15px;
}
.admin, .sadmin, .modo, .user, .vip, .away, .guest{
	font-weight:bold;
}
.bold {
	font-weight:bold;
}
.datechat2 {
font-size:13px;
}
.datechat {
font-weight:bold;
}
.roombutton  p {
	text-decoration:none;
	margin-top:10px;
	outline:0;
	font-size:14px;
}
.addon_button, .test_button, .other_panels {
	float:left;
	margin-left:5px;
}
.logout_button {
	float:right;
	margin-right:10px;
}
.private_reply {
	float:right;
	cursor:pointer;
	padding:0 20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	font-weight:bold;
	margin-bottom:-8px;
}
#full_form_submit {
	width:100%;
	height:auto;
	clear:both;
}
#fsubmit_control {
	width:46%;
	float:right;
	min-width:210px;
	max-width:320px;
}
#fsubmit_rules {
	width:46%;
	float:left;
	min-width:210px;
	max-width:320px;
}
.agree_rules {
	margin-top:30px;
	float:left;
	margin-bottom:10px;
}
.agree_normal {
	margin-top:14px;
	margin-bottom:0;
}
.rules_p {
	float:left;
	margin-top:26px;
	font-size:16px;
	margin-left:5px;
	margin-bottom:10px;
}
.rules_p_normal {
	margin-top:12px;
	margin-bottom:0;
}
.rules_link {
	text-decoration:none;
	cursor:pointer;
}
#rules_box {

}
#rules_box h4{
 font-size:16px;
}
#rules_box ul {
	padding:0 10px;
}
#rules_box ul li {
	list-style:decimal;
	margin-bottom:10px;
}
#rules_box strong {
	font-size:15px;
	font-weight:bold;
}
#rules_box p {
	font-size:14px;
}
#menu_container {
	height:40px;
	padding-top:6px;
	padding-bottom:6px;
}
#wrap_footer {
	height:auto;
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	z-index:200;
}
#my_menu{
	width:100%;
	height:40px;
}
#menu img {
	width:40px;
	height:auto;
}
#menu {
	width:100%;
	height:100%;
}
#container_login {
     position:absolute;
     max-width:520px;
	 width:520px;
     height:auto;
     z-index:15;
     top:50%;
     left:50%;
	 padding:20px 20px 30px 20px;
     margin:-200px 0 0 -280px;
	 border-radius:10px;
}
#container_kicked {
     position:absolute;
     width:320px;
     height:auto;
     z-index:15;
     top:50%;
     left:50%;
	 padding:20px;
     margin:-165px 0 0 -180px;
}
#header_login {
	width:95%;
	height:60px;
	margin:0 auto;
	padding-bottom:6px;
}
#header_login img {
	height:100%;
	width:auto;
}
#content_login {
	max-width:95%;
	height:auto;
	margin:0 auto;
	padding-top:5px;
}
#content_login_left {
	width:46%;
	float:left;
	min-width:210px;
	max-width:320px;
}
#content_login_right {
	width:46%;
	float:right;
	height:auto;
	min-width:210px;
	max-width:320px;
}
#login_member_online {
	padding-top:10px;
}
.member_login {
	padding-top:5px;
}
#login_welcome {
	margin-top:10px;
	padding-bottom:10px;
}
#login_gage {
	height:30px;
}
.login_select {
	width:100%;
	padding:9px;
}
.login_select option {
	width:100%;
	border:none;
	padding-left:0;
	padding-right:0;
}
.login_label {
	clear:both;
}
#login_welcome  p {
	margin:10px 0;
}
#login_sexe {
	width:48%;
	float:left;
}
#login_age {
	width:48%;
	float:right;
}
#login_control {
	width:100%;
	height:auto;
}
#content_kicked {
	width:86%;
	height:auto;
	margin:0 auto;
	padding-top:5px;
	text-align:center;
}
#content_kicked h1 {
	margin-top:30px;
}
#content_kicked h2 {
	margin-top:20px;
}
#kicked_button, #activate_button, #resend_button {
	width:50%;
	margin:0 auto;
	height:40px;
	font-size:20px;
	margin-top:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	cursor:pointer;
}
#activate_button {
	width:48%;
	float:left;
}
#resend_button {
	width:48%;
	float:right;
}
#kicked_button p, #activate_button p, #resend_button p {
	padding-top:8px;
}
.email_verification {
	padding:5px 0;
}
.reason {
	font-size:18px;
	margin-top:5px;
}
.login_form {
	width:100%;
	height:auto;
	margin:0 auto;
}
.input_data {
	width:94%;
	padding:5px 3%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:none;
	font-size:22px;
}
.login_label {
	padding:6px 0 2px 0;
	font-size:16px;
}
.forgot {
	padding-top:5px;
	padding-bottom:5px;
}
#login_button, #register_button, #recovery_button, #newpass_button {
	margin-top:18px;
	height:40px;
	width:48%;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	cursor:pointer;
}
#back_login, #guest_button, #guest_ok {
	margin-top:43px;
	height:40px;
	width:100%;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:8px;
	cursor:pointer;
	clear:both;
}
#login_register, #login_login{
	margin-top:18px;
	height:40px;
	width:48%;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	float:right;
}
#login_guest {
	margin-top:10px;
	height:30px;
	width:100%;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	cursor:pointer;
}
#login_register p, #login_login p{
	margin-top:12px;
	cursor:pointer;
}
#login_button, #register_button, #recovery_button, #newpass_button  {
	float:left;
}
#login_button p, #register_button p, #recovery_button p, #back_login p, #newpass_button p, #guest_button p, #guest_ok p{
	padding-top:9px;
}
#guest_button, #guest_ok {
	margin-top:15px;
	clear:both;
}
#login_error {
	width:100%;
	margin:0 auto;
	height:auto;
}
#login_error_inside {
	font-size:16px;
}
.recover_ok {
	text-align:center;
}
.open_smilies {
	float:none;
	width:auto;
	height:20px;
}
.tooltip {
    display: inline;
    position: relative;
}
.tooltip:hover:after {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
    bottom: 50px;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    width: auto;
    z-index: 98;
}
.tooltip:hover:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-style: solid;
    border-width: 6px 6px 0;
    bottom: 44px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}
.tooltip2 {
    display: inline;
    position: relative;
}
.tooltip2:hover:after {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
    bottom: -26px;
    content: attr(title);
    right: 20%;
    padding: 5px 15px;
    position: absolute;
    width: auto;
    z-index: 98;
}
.tooltip2:hover:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-style: solid;
    border-width: 0 6px 6px;
    bottom: 0px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}
.tooltip3 {
    display: inline;
    position: relative;
}
.tooltip3:hover:after {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
    bottom: -26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    width: auto;
    z-index: 98;
}
.tooltip3:hover:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-style: solid;
    border-width: 0 6px 6px;
    bottom: 0px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}
.forgot_password {
	cursor:pointer;
}
#show_chat_ads {
	width:100%;
	height:auto;
	z-index:2;
	position:absolute;
	display:none;
	overflow:hidden;
}
#show_chat_ads img {
	display:block;
	margin:0 auto;
	max-width:100%;
	height:auto;
	width:auto;
	max-height:70px;
}
 .ads2, .ads3 {
	display:none;
}
.avatar_userlist {
	display:block;
	height:30px;
	width:30px;
	float:left;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	overflow:hidden;
	cursor:pointer;
}
.chat_avatar_wrap {
	cursor:pointer;
}
/* Reverse message order */
.chat_messages, #messages, .messages_list {
    display: flex !important;
    flex-direction: column-reverse !important;
}

/* Message input area layout */
#input_area, .input_area {
    display: flex !important;
    align-items: center;
}
#message_input, .message_input {
    flex: 1;
    padding: 10px;
    border-radius: 4px 0 0 4px;
    border: 1px solid #ccc;
}
#send_button, .send_button {
    padding: 10px 20px;
    border: none;
    background: #0cf;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    border-radius: 0 4px 4px 0;
}
#send_button:hover, .send_button:hover {
    opacity: 0.9;
}
