body {
	background: url(../IMAGES/chat-bg.jpg) repeat-x top #FFFFFF;
}
.userProfile {
	background:url(../IMAGES/chat-profile-bg.gif) no-repeat;
	width: 237px;
	height: 87px;
	padding: 10px;
}
.userProfile img {
	width: 80px;
	height: 80px;
	padding: 2px;
	border: 1px solid #666666;
	margin-right: 10px;
	float: left;
}
.userProfile b {
	font-size: 15px;
	color: #0099CC;
	font-weight: bold;
	line-height: 1.5em;
}

#topBar {
	height: 140px;
	margin-bottom: 5px;
}

#message_window {
	background:#FFFFFF;
	width: 75%; 
	float: left;
	margin: 7px;
	padding: 0px 10px;
	height: 300px;
	border: 1px solid #006699;
	overflow: scroll;
}

.online_list {
	width: 18%; 
	float: left; 
	height: 300px;
	float: left;
	margin-top: 7px;
	border: 1px solid #006699;
	background: #F9F9F9;
}

#onlinelist {
	overflow: scroll;
	height: 280px;
	padding: 10px;
}

#onlinelist p {
	padding: 3px 5px;
	margin: 0px;
	border-bottom: 1px solid #E1E1E1;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#006699;
	font-weight: bold;
}
#onlinelist p:hover {
	background:#15B4FF;
	font-weight: bold;
	color:#FFFFFF;
}
#onlinelist p a, #onlinelist p:hover a {
	text-decoration: none;
}
#onlinelist p:hover a, #onlinelist p a:hover { color: #FFFFFF; }

#messageWidnowTop {
	width: 75%; 
	float: left;
	padding-left: 10px;
	margin: 0px 7px 0px 7px;
	height: 30px;
	font-size:22px;
	color:#CCCCCC;
	font-weight:bold;
	font-family:"trebuchet MS", verdana, arial;
}
#onlineWidnowTop {
	width: 18%; 
	float: left;
	margin: 0px 7px 0px 7px;
	padding-left: 10px;
	height: 30px;
	font-size:22px;
	color:#CCCCCC;
	font-weight:bold;
	font-family:"trebuchet MS", verdana, arial;
}

.topMenu {
	padding-left: 20px;
	padding-top: 10px;
	line-height: 1.5em;
}

.topMenu a {
	font-size: 12px;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.topMenu a:hover {
	color:#E4E4E4;
	text-decoration: none;
}

/* ***/
.box_header {
	color:#FFFFFF;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background:url(../../img/h2-red.png) repeat-x;
	border: none;
	text-align: center;
	height: 28px;
	padding: 2px;
}
.box_body {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	background:#EBEBEB;
	border: 1px solid #CCCCCC;;
	border-top: none;
	text-align: left;
}
.col_header {
	color:#FFFFFF!important;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background:url(../../img/h2-blue.png) repeat-x;
	text-align: left;
	height: 28px;
}
.col_header td {
	color: #FFFFFF;
	padding-left: 10px;
}
.room_row {
	height: 25px;
	background:#FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	color:#333333;
	padding: 10px;
	
}

.join_priv {
	padding: 15px;
	border: 1px solid #CCCCCC;
	background:#FFFFFF;
	font-size: 16px;
	color:#666666;
	font-weight: bold;
	height: 38px;
	width: 90%;
	line-height: 38px;
	text-align: left;
}
.join_priv img {
	margin-right: 10px;
	float: left;
	width: 28px;
	height: 38px;
}
.join_priv span {
	width: 250px;
	float: left;
}

.join_priv input {
	border: 1px solid #CCCCCC;
	background:#F7F7F7;
}
.join_priv input.button {
	background: url(../../img/submenu-li-bg-green.jpg)!important;
	border: 1px solid #60BE44!important;
	color: #FFFFFF!important;
	line-height: 18px!important;
	height: 18px!important;
	padding: auto 7px!important;
	font-size:11px!important;
	font-weight: bold;
	vertical-align: inherit!important;
	margin-right: 20px;
}

.join_priv a {
	color: #0099CC;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.join_priv a:hover {
	color:#666666;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.new_room {
	padding: 15px;
	border: 1px solid #CCCCCC;
	background:#FFFFFF;
	font-size: 16px;
	color:#666666;
	font-weight: bold;
	width: 400px;
	text-align: left;
}

.new_room .new_romm_head img {
	margin-right: 10px;
	float: left;
}
.new_room .new_romm_head {
	font-size: 12px;
	color:#666666;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
}

.new_room input {
	border: 1px solid #CCCCCC;
	background:#F7F7F7;
}
.new_room input.button {
	background: url(../../img/submenu-li-bg-green.jpg)!important;
	border: 1px solid #60BE44!important;
	color: #FFFFFF!important;
	line-height: 18px!important;
	height: 18px!important;
	padding: auto 7px!important;
	font-size:11px!important;
	font-weight: bold;
	vertical-align: inherit!important;
	margin-right: 20px;
}
			
TD {
				color: black;
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 12px;
			}
			.menubar {
				color: black;
				background: url(./themes/x7chat2/button.gif);
				text-align: center;
				font-size: 12px;
				font-family: arial, helvetica, verdana, sans-serif;
				cursor: pointer;
			}
			.menubar_hover {
				color: black;
				background: url(./themes/x7chat2/button_over.gif);
				text-align: center;
				font-size: 12px;
				font-family: arial, helvetica, verdana, sans-serif;
				cursor: pointer;
			}
			.infobar {
				color: black;
				font-size: 12px;
				font-family: arial, helvetica, verdana, sans-serif;
			}
			
			.info_box_body {
				color: black;
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 12px;
				background: #c5e3ff;
				border: 1px solid #256087;
				text-align: left;
			}
			.col_header {
				color: black;
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 14px;
				font-weight: bold;
				background:url(../../img/h2-blue.png) repeat-x;
				text-align: left;
				height: 28px;
				/*border: 1px solid #256087;*/
			}
			.dark_row {
				color: black;
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 12px;
				background: #b0daff;
				text-align: left;
			}
			.inside_table {
				border: 1px solid #256087;
				border-top: none;
			}
			A {
				color: #183e58;
				text-decoration: none;
			}
			A:HOVER {
				color: #256087;
				text-decoration: underline;
			}
			A:ACTIVE {
				color: blue;
			}
			.text_input{
				background: #7ec3ff;
				border: 1px solid #256087;
				font-size: 12px;
				font-family: arial, helvetica, verdana, sans-serif;
				color: black;
			}
			.button{
				background: #7ec3ff;
				border: 1px solid #256087;
				font-size: 12px;
				font-family: arial, helvetica, verdana, sans-serif;
				color: black;
			}
		
		
		.other_persons {				color: red;				font-weight: bold;			}			
		.you {				color: blue;				font-weight: bold;			} 
		
			.arrow_box {
				border-left: 1px solid #256087;
				background: #b0daff;
				color: black;
			}
			.selectbar {
				border: none;
				background: url(./themes/x7chat2/selectbar.gif);
				height: 15px;
				color: black;
			}
			.msginput_bg {
			}
			.msginput {
				border: 1px solid #999999;
				background:#EBEBEB;
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 12px;
				width: 450px;
				color: black;
				height: 25px;
			}
			.msg_box_input { line-height: 25px; }
			.msg_box_input span {
				width: 200px;
				float: left;
				font-size: 16px;
				color:#999999;
				font-weight: bold;
				
			}
			.smileybuttonOver {
				border: 1px solid #256087;
				background: #7ec3ff;
				cursor: pointer;
				color: black;
			}
			.smileybutton {
				border: 1px solid #256087;
				background: url(./themes/x7chat2/selectbar.gif);
				cursor: pointer;
				color: black;
			}
			.boldtxt {
				background: url(./themes/x7chat2/selectbar.gif);
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 12px;
				cursor: pointer;
				border: 1px solid #256087;
				text-align: center;
				color: black;
			}
			.boldtxtover {
				background: #c5e3ff;
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 12px;
				cursor: pointer;
				border-left: 1px solid #256087;
				border-top: 1px solid #256087;
				border-right: 1px solid #256087;
				border-bottom: 1px solid #256087;
				text-align: center;
				color: black;
			}
			.boldtxtdown {
				background: url(./themes/x7chat2/selectbar_inv.gif);
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 12px;
				cursor: pointer;
				border-right: 1px solid #c5e3ff;
				border-bottom: 1px solid #c5e3ff;
				border-left: 1px solid #256087;
				border-top: 1px solid #256087;
				text-align: center;
				color: black;
			}
			.curfont {
				width: 61px;
				height: 15px;
				background: transparent;
				border: 0px solid #256087;
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 12px;
				cursor: pointer;
				color: black;
			}
			.cursize {
				width: 41px;
				height: 15px;
				background: transparent;
				border: 0px solid #256087;
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 12px;
				cursor: pointer;
				color: black;
			}
			.curcolor {
				width: 61px;
				height: 15px;
				background: transparent;
				border: 0px solid #256087;
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 12px;
				cursor: pointer;
				color: black;
			}
			.selected {
				background: #b0daff;
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 12px;
				cursor: pointer;
				color: black;
			}
			.nonSelected {
				background: #c5e3ff;
				border: 1px solid #256087;
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 12px;
				cursor: pointer;
				color: black;
			}
			.send_button {
				color: black;
			}

			.uc_item_box{
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 12px;
				vertical-align: middle;
				border: 1px solid #256087;
				background: #c5e3ff;
				text-align: center;
				color: black;
			}
			.uc_item {
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 10px;
				vertical-align: middle;
				border: 1px solid #c5e3ff;
				background: #c5e3ff;
				text-align: center;
				width: 100px;
				color: black;
				height: 18px;
				cursor: default;
			}
			.uc_header{
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 10px;
				vertical-align: middle;
				cursor: pointer;
				text-align: center;
				background: url(./themes/x7chat2/user_control_bg.gif);
				color: black;
			}
			.uc_header_text{
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 12px;
				vertical-align: middle;
				cursor: pointer;
				text-align: center;
				color: black;
				cursor: pointer;
			}
			.uc_header_selected{
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 12px;
				vertical-align: middle;
				cursor: pointer;
				text-align: center;
				font-weight: bold;
				background: url(./themes/x7chat2/user_control_bg2.gif);
				color: black;
				cursor: pointer;
			}
			.uc_item_over{
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 10px;
				vertical-align: middle;
				cursor: pointer;
				background: #b0daff;
				border: 1px solid #256087;
				text-align: center;
				width: 100px;
				color: black;
				height: 18px;
				cursor: pointer;
			}
			.uc_item_blank{
				font-family: arial, helvetica, verdana, sans-serif;
				font-size: 10px;
				vertical-align: middle;
				background: #c5e3ff;
				border: 1px solid #c5e3ff;
				text-align: center;
				width: 100px;
				color: black;
				height: 18px;
				cursor: default;
			}
			.infobox {
				font-size: 12px;
				font-family: arial, helvetica, verdana, sans-serif;
				border: none;
				cursor: pointer;
				background: transparent;
				color: black;
			}