#chatHeader {margin: 0; padding: 0; background: #fff url(../images/design/baseHeaderBg.gif) repeat-x 0 0;}
	#chatHeader .header {padding: 5px 0 0 30px; height: 19px; font: bold 14px Arial; color: #fff; text-transform: uppercase; background: url(../images/design/chatRoomIco.png) no-repeat 9px 50%;}
	#chatHeader div.icoControl img {margin: 7px 9px 0 0; cursor: pointer;}
#chatBox {position: relative; margin: 0; padding: 10px 9px 0; width: 232px; height: 325px; border: 0; background-color: #fff;}
	#chat {position: absolute; z-index: 95; border: 1px solid #e5e5e5; width: 230px; height: 160px; background-color: #fff;}
		#container {position: absolute; top: 0; right: 0; margin-right: 0; width: 100%; height: 160px; background-color: transparent; overflow: hidden; border-bottom: 1px solid #e5e5e5;}

	#scrollArea {position: absolute; right: 3px; top: 3px; z-index:96; height: 154px; width: 8px; overflow: hidden; background-color: #e7e7e7; z-index:96;}
		#scroller {position: absolute; top: -1px; right: 0; width: 8px; background-color: #c50909;}

#content {position: relative; left: 0; padding: 5px; width: 205px; font: 10px Arial; background-color: #fff;}
	#content .user {width: 205px; padding: 0 0 3px;}
		#content .user img {margin: 0 0 -5px;}
	#content .name {padding-right: 0; font: bold 11px Arial; color: #c50909; text-decoration: none;}
	#content .date {margin-right: 6px; letter-spacing: 1px; color: #666; text-decoration: none; cursor: pointer;}
	#content .text {margin-left: 10px; font: 11px Arial;}

	#content .flag {margin-right: 6px;}
		#content .flag img {margin-bottom: -2px !important;}

input#name {position: absolute; top: 179px; margin: 0; border: 1px solid #e5e5e5; font: 11px Arial; width: 209px;}
textarea#message {position: absolute; top: 199px; height: 80px; border: 1px solid #e5e5e5; width: 230px; * width: 228px !important; font: 11px Arial; overflow: scroll;}

#chat_menu {position: absolute; top: 289px; left: 6px; margin-top: 0; border: 1px solid #999; height: 20px; width: 280px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999; background-color: #fff;}
	#smileys {position: absolute; top: 289px; left: 9px; cursor: pointer;}
	#submit {position: absolute; top: 289px; left: 184px; cursor: pointer;}
	#submit.se {left: 187px;}
/*
	.button {float: left; margin: 0; border: 0; padding: 3px 0 0; width: 70px; height: 17px; font: 11px Verdana; color: #999; background-color: #fff; text-align: center; cursor: pointer;}
		#emo, #my_flag, #refresh {width: 68px; border-right: 1px solid #999;}
		*/

#smiley_box {position: absolute; display: block; top: 289px; margin: 0; border: 0; padding: 0; width: 150px; background-color: #fff; cursor: default;}
	#smiley_box ul {margin: 0; padding: 0;}
	#smiley_box li {display: block; border: 0; float: left; margin: 0; padding: 0; width: 20px; cursor: pointer;}
	#smiley_box img {margin: 0 0 3px;}

#flags_box {position: absolute; display: none; top: 195px; z-index: 100; float: left; margin: 5px 0 10px; border: 1px solid #e5e5e5; padding: 5px 5px 2px; width: 400px; background-color: #fff; cursor: default;}
	#flags_box li {display: block; border: 0; float: left; margin: 0; padding: 0; width: 20px; height: 15px; cursor: pointer;}
	#flags_box img {margin: 0 0 0;}

#flag {position: absolute; top: 182px; left: 225px;}

#chatErrors {position: absolute; display: none; z-index: 1000; top: 100px; left: 0; border: 1px solid #ff6666; padding: 5px 10px; width: 228px; background-color: #ffcccc; text-align: center; line-height: 1.5;}
	#chatErrors div {margin: 3px 0; text-align: left;}