.UIPageDesktop .UIChat {
	overflow: hidden;
}

.UIChat {
	border-top: 1px solid #efefef;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background: url('DefaultSkin/background/BackgroundChat.gif') repeat-x top;
	padding: 11px 8px;
}

.UIChat .StatusContainer {
	font-weight: bold;
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	padding-left: 8px; /* orientation=lt */
	padding-right: 8px; /* orientation=rt */
}

.UIChat .SeperatorLine {
	background: url('DefaultSkin/background/Background.gif') no-repeat left -420px;
	line-height: 30px; 
	height: 30px;
	width: 2px;
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	margin: 0px 10px;
}

.UIChat .TabUser {
	background: url('DefaultSkin/background/Background.gif') repeat-x left -90px;
	line-height: 25px;
	cursor: point;
	padding: 0px 30px 0px 10px; /* orientation=lt */
	padding: 0px 10px 0px 30px; /* orientation=rt */
	border-left: 1px solid #b7b7b7;
	border-right: 1px solid #b7b7b7;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}

.UIChat .Menubar {
	background: #f0f0f0;
	overflow: hidden;
}

.UIChat .Menubar .MenuItem {
	border: solid 1px #f0f0f0;
	cursor: pointer;
	padding: 2px;
	margin-left: 5px; /* orientation=lt */
	margin-right: 5px; /* orientation=rt */
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
}

.UIChat .Menubar .MenuItem:hover {
	border: solid 1px black;
} 

.UIChat .UIActionbar {
	background: url('DefaultSkin/background/Background.gif') repeat-x center top;
	border-left: 1px solid #aeadad;
	border-right: 1px solid #aeadad;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 10px;
	padding-left: 8px; /* orientation=lt */
	padding-right: 8px; /* orientation=rt */
}

.UIContextMenuContainer {
	background: #F6F6F6;
	margin: 1px;
	padding: 5px 0;
	border: 1px solid #7E7E7F;
}

.UIChat .UIActionbar .Icon {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	cursor: pointer;
	padding-left: 30px; /* orientation=lt */
	padding-right: 30px; /* orientation=rt */
	line-height: 25px;
	height: 25px;
	margin-top: 2px;
}

.UIChat .UIActionbar .Icon:Hover {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	cursor: pointer;
}

.UIChat .UIActionbar .AddContactIcon {
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat left -225px; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat right -225px; /* orientation=rt */
}

.UIChat .UIActionbar .NewRoomIcon {
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat left -175px; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat right -175px; /* orientation=rt */
}

.UIChat .UIActionbar .JoinRoomIcon {
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat left -200px; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat right -200px; /* orientation=rt */
}

.UIChat .UIActionbar .DisabledAddContactIcon {
	background: url('DefaultSkin/skinIcons/SmallDisabledIcon.gif') no-repeat left -50px; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/SmallDisabledIcon.gif') no-repeat right -50px; /* orientation=rt */
}

.UIChat .UIActionbar .DisabledNewRoomIcon {
	background: url('DefaultSkin/skinIcons/SmallDisabledIcon.gif') no-repeat left top; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/SmallDisabledIcon.gif') no-repeat right top; /* orientation=rt */
}

.UIChat .UIActionbar .DisabledJoinRoomIcon {
	background: url('DefaultSkin/skinIcons/SmallDisabledIcon.gif') no-repeat left -25px; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/SmallDisabledIcon.gif') no-repeat right -25px; /* orientation=rt */
}

.UIChat .LeftStatusIcon {
	float: left;
	font-weight: bold;
	height: 24px; line-height: 24px;
}

.UIChat .BuddyList {
	height: 100%;
}

.UIChat .TitleIconChat {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	font-weight: bold;
	height: 24px; line-height: 24px;
	width: 100%;
}

.UIChat .IconChat {
	display:block;
	height:22px;
	line-height:27px;
	margin-left:10px; /* orientation=lt */
	margin-right:10px; /* orientation=rt */
	padding-left:35px; /* orientation=lt */
	padding-right:35px; /* orientation=rt */
}

.UIChat .UITabContainer {
	padding: 0px;
}

.SendFile .BackgroundSendFile .ContentSendFile .LoadingIcon {
	width: 24px; 
	height: 24px;
	display:none;
}

.UIChat .Text {
	margin-left: 35px; /* orientation=lt */
	margin-right: 35px; /* orientation=rt */
}

.UIChat .StatusIcon {
	background: url('DefaultSkin/skinIcons/ArrowIcon7x4.gif') no-repeat right center; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/ArrowIcon7x4-rt.gif') no-repeat left center; /* orientation=rt */
	padding-right: 15px; /* orientation=lt */
	padding-left: 15px; /* orientation=rt */
	cursor: pointer;
	*width: 45px; 
	*height: 25px;
}

.UIChat .UIActionbar .FilterField {
	border: solid 1px #b7b7b7;
	background-color: #fff;
	margin: 0px 0px 0px 350px; /* orientation=lt */
	margin: 0px 350px 0px 0px; /* orientation=rt */
	height: 18px; 
	line-height: 18px;
}

.UIChat .TabsContainer {
	height: 25px;
	line-height: 25px;
}

.UIChat .MainWindow .HorizontalLayout {
	min-height: 341px;
	height:auto !important;
	height: 341px;
	border-top: 1px solid #b7b7b7;
}

/* Down menu status */
.UIChat .UIRightClickPopupMenu .ItemIcon {
	text-align: left; /* orientation=lt */
	text-align: right; /* orientation=rt */
	height: 25px; 
	line-height: 25px;
	cursor: pointer;
	display: block;
	padding: 0px 9px 0px 26px; /* orientation=lt */
	padding: 0px 26px 0px 9px; /* orientation=rt */
}

.UIChat .UIRightClickPopupMenu .ItemIcon:hover {
	color: orange;
}

/* Chat Message */
.UIConversation {
	background: none;
	padding: 8px;
}

.UIConversation .UITabPane {
	height: auto;
}

.UIConversation .UIActionbar {
	line-height: 30px;
	margin-bottom: 10px;
	color: #4c4c4c;
	font-size: 10px;
}

.UIConversation .UIActionbar .SeperatorLine {
	background: #e7e7e7;
	width: 1px;
	line-height: 22px;
	height: 22px;
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	margin: 0px 7px;
}

.UIConversation .UIActionbar .ExportMessageIcon {
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat left -275px; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/SmallChatIcons-rt.gif') no-repeat right -275px; /* orientation=rt */
}

.UIConversation .UIActionbar .AddChatIcon {
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat left -100px; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/SmallChatIcons-rt.gif') no-repeat right -100px; /* orientation=rt */
}

.UIConversation .UIActionbar .LeaveIcon {
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat left -125px; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/SmallChatIcons-rt.gif') no-repeat right -125px; /* orientation=rt */
}

.UIConversation .UIActionbar .OptionsIcon {
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat left -150px; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/SmallChatIcons-rt.gif') no-repeat right -150px; /* orientation=rt */
}

.UIConversation .UIActionbar .SendFileIcon {
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat left -249px; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/SmallChatIcons-rt.png') no-repeat right -249px; /* orientation=rt */
	height: 25px;
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	cursor: pointer;
	overflow: hidden;
}

.UIConversation .UIActionbar .InputSendFile{
	opacity:0; 
	filter: alpha(opacity=0);
	cursor: pointer;
	width: 25px;
}

.UIConversation .UIActionbar .Icon {
	padding: 0px 0px 0px 25px; /* orientation=lt */
	padding: 0px 25px 0px 0px; /* orientation=rt */
	margin-top: 2px;
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	cursor: pointer;
	height: 25px; line-height: 25px; 
}

.UIConversation .UIAction {
	margin: 10px 0px;
	width: 100%; height: auto;
}

.UIConversation .UITabPane .UITabContentContainer .UITabContent {
	padding-bottom: 0px;
}

.UIConversation .UIAction .SendButton {
	float: right; /* orientation=lt */
	float: left; /* orientation=rt */
	width: 9%;
	border: 1px solid #ACACAC;
	background: url('DefaultSkin/background/BgButton.png') repeat-x center; /* orientation=lt */
	background: url('DefaultSkin/background/BgButton-rt.png') repeat-x center; /* orientation=rt */
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	height: 25px;
	border: solid 1px #acacac;
	line-height: 23px;
	color: #4c4c4c;
}

.UIConversation .UIAction .MsgBox{
	width: 89%; 
	overflow-y: auto;
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	height: 25px;
	margin: 0px;
}

.UIConversation .UIActionbar .HistoryIcon {
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat left -422px; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/SmallChatIcons-rt.png') no-repeat right -422px; /* orientation=rt */
	position: relative;
}

.UIConversation .UIActionbar .HistoryIcon .DownArrow1Icon {
	background-position:right center; /* orientation=lt */
	background-position:left center; /* orientation=rt */
	line-height:24px;
	margin-top:0px;
	padding-right:16px; /* orientation=lt */
	padding-left:16px; /* orientation=rt */
}

.UIConversation .UIActionbar .HistoryIcon .ItemIcon {
	padding: 3px 5px;
	font-weight: normal;
}

.UIConversation .UIActionbar .HistoryIcon .ItemIcon:hover {
	background: #dee4f2;
	color: orange;
}

/* UIPopupWindow ExoMesseageDecorator */
.UIPopupWindow .ExoMesseageDecorator {
	background: #e1e1e1;
	border: 1px solid #cfcfcf;
	box-shadow: 1px 1px 3px #dbdbdb;
	-moz-box-shadow: 1px 1px 3px #dbdbdb;
	-webkit-box-shadow: 1px 1px 3px #dbdbdb;
	padding: 5px;
}

.UIPopupWindow .ExoMesseageDecorator .UIWindowContent {
	margin: 5px 3px 3px;
}

/* PopUp menu right click of member */
.BuddyItemActionMenu .ItemIcon {
	cursor: pointer;
	display: block;
	line-height: 16px;
	margin: 0 5px;
	padding: 5px 0 5px 26px; /* orientation=lt */
	padding: 5px 26px 5px 0px; /* orientation=rt */
	white-space: nowrap;
	width: auto;
}

.BuddyItemActionMenu .RemoveIcon {
	background: url('DefaultSkin/skinIcons/ActionMenuIconRemove.gif') no-repeat left center;
}

.BuddyItemActionMenu .MessageIcon {
	background: url('DefaultSkin/skinIcons/ActionMenuIconSend.gif') no-repeat left center;
}

/* Form Join Room */
.UIJoinRoom .FieldName {
	width: 20%;
}
 
.UIJoinRoom .PopupContent {
	padding: 10px 5px 0px 5px;
	width: auto;
}
 
.UIJoinRoom .ListAddress {
	padding-top: 5px;
}
	
.UIJoinRoom .UIWindowContent .PopupContent .UIInsertAddress {
	margin: 5px 5px 10px 5px;
	border: 1px solid #B3B3B3;
	background-color: #efefef;
}

.UIJoinRoom .UIWindowContent .PopupContent .InsertAddressContainer {
	padding: 6px;
}

.UIJoinRoom .UIGrid tr.UIRoomRow {
	background-color: #fff;
}

.UIJoinRoom .UIGrid tr.UIRoomRowC {
	background-color: #fbf8f8;
}

.UIJoinRoom .UIGrid td {
	padding: 5px 0 2px 2px;
}

.UIJoinRoom .UIGrid input.CheckBox {
	height: 15px;
	margin: 0px 8px 0px 0px; /* orientation=lt */
	margin: 0px 0px 0px 8px; /* orientation=rt */
	width: 15px;
}

/* Form Add Contact */
.UIAddContact .UIWindowContent .PopupContent .UIInsertAddress {
	margin: 10px;
	border: 1px solid #B3B3B3;
	background-color: #efefef;
}

.UIAddContact .UIWindowContent .PopupContent .InsertAddressContainer {
	padding: 6px;
}

.AddressContainer .StyleInput {
	width: 20px;
	padding: 4px;
}

.UIAddContact .UIGrid input.CheckBox {
	height: 15px;
	width: 15px;
	margin: 0px 8px 0px 0px; /* orientation=lt */
	margin: 0px 0px 0px 8px; /* orientation=rt */
}

.UIAddContact .UIGrid tr.UIContactRow {
	background-color: #fff;
}

.UIAddContact .UIGrid tr.UIContactRowC {
	background-color: #fbf8f8;
}

.UIAddContact .UIGrid td {
	padding: 4px;
	margin:0 auto;
	width: 20px;
}

.UIAddContact .UIGrid .Label {
	line-height: 25px;
}

.UIAddContact .UIWindowContent .UISearch {
	background: #ffffff;
	border: 1px solid #b7b7b7;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
 
.UIAddContact .UIWindowContent .UISearchForm {
	height: 26px;
	margin-bottom: 5px;
	padding-top: 9px;
	overflow: hidden;
}
 
.UIAddContact .UIWindowContent .UISearchForm .SearchTitle {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	padding-left: 10px; /* orientation=lt */
	padding-right: 10px; /* orientation=rt */
}

.UIAddContact .UIWindowContent .UISearchForm input {
	border: 1px solid gray;
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	height: 16px;
	margin: 0 5px 0 10px; /* orientation=lt */
	margin: 0 10px 0 5px; /* orientation=rt */
	padding-left: 4px; /* orientation=lt */
	padding-right: 4px; /* orientation=rt */
	width: 180px;
}

.UIAddContact .UIWindowContent .UISearchForm .SearchIcon {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
}

.UIAddContact .UIWindowContent .PopupContent .InsertAddressContainer {
	padding: 6px;
}

/* Form New Room */
form {
	margin: 0px;
	padding: 0px;
}

.UINewRoom .FieldName {
	text-align: right; /* orientation=lt */
	text-align: left; /* orientation=rt */
	width: 150px;
}

.UINewRoom .PopupContent {
	padding: 10px 5px 0px 5px;
	width: auto;
}

.UINewRoom .ListAddress {
	padding: 0px 5px 5px 5px;
}

.UINewRoom .UIGrid {
	width: 100%;
	margin: auto;
	border: none;
}

.UINewRoom .UIGrid td {
	border: none;
}

.UINewRoom .UIGrid input {
	width: 60%;
	border: 1px solid gray;
	background: none;
}

/* New Form */
.UINewForm .ContainerForm {
	background: #fff;
	border: 1px solid gray;
	padding: 10px;
}

.UINewForm .BoxForm {
	border: 1px solid #B7B7B7;
	margin-top: 3px;
}

.UINewForm .BorderForm {
	border: 1px solid #fff;
	background: #F7F7F7;
	padding: 8px;
}

.UINewForm .BorderForm fieldset {
	border: 1px solid #b7b7b7;
}

.UINewForm .UIFormGrid td.FieldLabel {
	text-align: right;
	vertical-align: top;
	padding: 4px 10px 4px 4px; /* orientation=lt */
	padding: 4px 4px 4px 10px; /* orientation=rt */
	width: 150px;
}

.UINewForm .UIFormGrid input {
	font-size: 11px;
}

.UINewForm .UIFormGrid .FieldComponent select {
	font-size: 11px;
	width: 120px;
	border: 1px solid gray;
}

.UINewForm .UIFormGrid .FieldComponent textarea {
	border: 1px solid gray;
}

.UINewForm .UIFormGrid td.FieldComponent {
	padding: 4px;
	white-space: nowrap;
}

/* WindowChat moi moi */
.ChatContainer .RightPage {	
	float: right; /* orientation=lt */
	float: left; /* orientation=rt */
	width: 130px;
	height: 215px;
	border: 1px solid #acacac;
}

.ChatContainer .RightPage .OverflowGroupNick {	
	height: 215px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #f7f7f8; 
}

.ChatContainer .RightPage .GroupNick {	
	background: #FFFFFF;
	border: 1px solid #DADADA;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	box-shadow: 1px 1px 3px #DADADA;
	-moz-box-shadow: 1px 1px 3px #DADADA;
	-webkit-box-shadow: 1px 1px 3px #DADADA;
	height: 28px;
 	padding: 0 7px;
	margin: 5px;
}

.ChatContainer .RightPage .StatusIcon {	
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat left 0px;
	height: 25px; line-height: 25px;
}

.ChatContainer .RightPage .NameId {	
	font-size: 11px;
	font-family: tahoma; 
	padding: 7px 0 8px 26px; /* orientation=lt */
	padding: 7px 26px 8px 0px; /* orientation=rt */
	display: block;
}

.ChatContainer .LeftPane {
	margin-right: 140px; /* orientation=lt */
	margin-left: 140px; /* orientation=rt */
}

.ChatContainer .MessagesContainer {
	background-color: #fff;
	height: 215px;
	border: 1px solid #ACACAC;
}

.ChatContainer .MessagesContainer .OverflowMessagesContainer {
	overflow: auto;
	height: 215px;
	width: 100%;
}

.ChatContainer .MessagesContainer .OverflowMessagesContainer .Message {
	padding: 8px;
}

.ChatContainer .UserMessage {
	border-top: solid 1px #e6e6e6;
}

.ChatContainer .GuestMessage {
	border-top: solid 1px #e6e6e6;
}

.ChatContainer .UserMessage .ChatName {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	font-weight: bold;
	color: #4c4c4c;
	width: 35%;
	height: 24px; 
	line-height: 24px;
}

.ChatContainer .GuestMessage .ChatName {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	width: 35%;
	font-weight: bold;
	color: #005caa;
	height: 24px; 
	line-height: 24px;
}

.ChatContainer .ChatTime {
	background: #eeeeee;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	float: right; /* orientation=lt */
	float: left; /* orientation=rt */
	padding: 2px 10px;
	text-align: center;
	width: 70px;
	margin: 0px 1px;
}

.ChatContainer .ChatDate {
	background: #eeeeee;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	float: right; /* orientation=lt */
	float: left; /* orientation=rt */
	margin: 0px 1px;
	padding: 2px 10px;
	text-align: center;
	width: 70px;
}

.ChatContainer .UserMessage .ChatIcon {
	background: url(DefaultSkin/skinIcons/AvatarChatBar.png) no-repeat left top; /* orientation=lt */
	background: url(DefaultSkin/skinIcons/AvatarChatBar-rt.png) no-repeat right top; /* orientation=rt */
	padding-left: 40px; /* orientation=lt */
	padding-right: 40px; /* orientation=rt */
	display: block;
	height: 32px;
}

.ChatContainer .GuestMessage .ChatIcon {
	background: url('DefaultSkin/skinIcons/AvatarChatBar.png') no-repeat left -33px; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/AvatarChatBar-rt.png') no-repeat right -33px; /* orientation=rt */
	padding-left: 40px; /* orientation=lt */
	padding-right: 40px; /* orientation=rt */
	display: block;
	height: 32px;
}

.ChatContainer .UserMessage .MessageBody {
	display: block;
	position: static;
}


.ChatContainer .UserMessage .MessageBody .ContextChat {
	padding: 5px 15px 10px 40px;
	line-height: 20px;
}

.ChatContainer .GuestMessage .MessageBody {
	display: block;
	position: static;
}


.ChatContainer .GuestMessage .MessageBody .ContextChat {
	padding: 5px 15px 10px 40px;
	line-height: 20px;
}

/* ====================== User status shared Icons =================== */

.ChatContainer .RightPage .OnlineIcon {
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat left 0px; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat right 0px; /* orientation=rt */
}

.ChatContainer .RightPage .OfflineIcon {
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat left -75px; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat right -75px; /* orientation=rt */
}

.ChatContainer .RightPage .AwayIcon {
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat left -25px; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat right -25px; /* orientation=rt */
}

.ChatContainer .RightPage .ExtendAwayIcon {
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat left -300px; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat right -300px; /* orientation=rt */
}

.ChatContainer .RightPage .FreeToChat {
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat left -50px; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat right -50px; /* orientation=rt */
}

/* For normal page */
.UIPopupWindow .UIWindowContent .ResizeArea {
	background: url('DefaultSkin/background/ResizeBtn.png') no-repeat left top; /* orientation=lt */
	background: url('DefaultSkin/background/ResizeBtn-rt.png') no-repeat right top; /* orientation=rt */
	cursor:nw-resize;
	float:right; /* orientation=lt */
	float:left; /* orientation=rt */
	height:18px;
	width:18px;
}

/**************************** MiniBoxChat*****************************/
.NormalMiniBoxChat {
	height: 23px; line-height: 23px;
	background: #f6f6f6;
	border: 1px solid #a0a0a0;
	border-bottom: none;
	border-radius: 3px 3px 1px 1px;
	-moz-border-radius: 3px 3px 1px 1px;
	-webkit-border-radius: 3px 3px 1px 1px;
}		

.HightLightMiniBoxChat {
	height: 23px; line-height: 23px;
	background: #fcce50;
	border: 1px solid #dea405;
	border-bottom: none;
	border-radius: 3px 3px 1px 1px;
	-moz-border-radius: 3px 3px 1px 1px;
	-webkit-border-radius: 3px 3px 1px 1px;
}

.MiniBoxChat .ControlIconChat {
	float: right; /* orientation=lt */
	float: left; /* orientation=rt */
	background: url('DefaultSkin/skinIcons/ControlIcon.gif') no-repeat;
	width: 16px;
	height: 16px;
	margin: 3px 1px 0px 1px;
	cursor: pointer;
}

.MiniBoxChat .RestoreIcon {
	background-position: left top;
}

.MiniBoxChat .OverRestoreIcon {
	background-position: right top;
}

.MiniBoxChat .CloseIcon {
	background-position: left -16px;
}

.MiniBoxChat .OverCloseIcon {
	background-position: right -16px;
}

.MiniBoxChat .InfoIcon {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	background: url('DefaultSkin/skinIcons/Chat.gif') no-repeat left center; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/Chat-rt.gif') no-repeat right center; /* orientation=rt */
	line-height: 23px;
	margin: 0px 4px;
	font-weight: bold;
	font-size: 10px;
	font-family: tahoma;
	padding-left: 20px; /* orientation=lt */
	padding-right: 20px; /* orientation=rt */
	color: red;
}


/* ====================== User status shared Icons =================== */
.UIChat .UIRightClickPopupMenu .IconChat {
	padding-left: 24px; /* orientation=lt */
	padding-right: 24px; /* orientation=rt */
	display: block;
}

.UIChat .OnlineIcon {
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat left -367px; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat right -367px; /* orientation=rt */
}

.UIChat .OfflineIcon {
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat left -75px; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat right -75px; /* orientation=rt */
}

.UIChat .AwayIcon {
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat left -26px; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat right -26px; /* orientation=rt */	
}

.UIChat .ExtendAwayIcon {
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat left -300px; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat right -300px; /* orientation=rt */	
}

.UIChat .FreeToChat {
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat left -50px; /* orientation=lt */
	background: url('DefaultSkin/skinIcons/SmallChatIcons.png') no-repeat right -50px; /* orientation=rt */
}

/** Chat session style **/
.UIChat .UIAction {
	overflow: hidden;
}

/*************** UIChatNotification **************/
.UIChatNotification {
	float: right; /* orientation=lt */
	float: left; /* orientation=rt */
	position: relative;
}

.UIChatNotification div:first-child {
	right: 8px; /* orientation=lt */
	left: 8px; /* orientation=rt */
}

.UIChatNotification .BoxNote {
	right: 0px; /* orientation=lt */
	left: 0px; /* orientation=rt */
}

.UIChatNotification .BoxNote .LeftBoxNote {
	background: url('DefaultSkin/background/BoxNote.gif') no-repeat left top; /* orientation=lt */
	background: url('DefaultSkin/background/BoxNote-rt.gif') no-repeat right top; /* orientation=rt */
	padding-left: 5px; /* orientation=lt */
	padding-right: 5px; /* orientation=rt */
	float: right; /* orientation=lt */
	float: left; /* orientation=rt */
}

.UIChatNotification .BoxNote .RightBoxNote {
	background: url('DefaultSkin/background/BoxNote.gif') no-repeat right top; /* orientation=lt */
	background: url('DefaultSkin/background/BoxNote-rt.gif') no-repeat left top; /* orientation=rt */
	padding-right: 5px; /* orientation=lt */
	padding-left: 5px; /* orientation=rt */
}

.UIChatNotification .BoxNote .CenterBoxNote {
	background: url('DefaultSkin/background/BoxNote.gif') repeat-x left -26px; /* orientation=lt */
	background: url('DefaultSkin/background/BoxNote-rt.gif') repeat-x right -26px; /* orientation=lrt */
	line-height: 26px;
	padding: 0px 5px;
}

.UIChatNotification .BoxNote .IconBoxNote {
	background: url('DefaultSkin/background/Icon.gif') no-repeat left 2px; /* orientation=lt */
	background: url('DefaultSkin/background/Icon-rt.gif') no-repeat right 2px; /* orientation=rt */
	line-height: 26px;
	padding: 0px 5px 0px 25px; /* orientation=lt */
	padding: 0px 25px 0px 5px; /* orientation=rt */
	font-weight: bold;
	font-size: 12px;
}

.UIChatNotification .BoxNote .IconBoxNote span{
	color: red;
}

.UIChatNotification .UIPopupNotification	.TLPopupNotification {
	background: url('DefaultSkin/background/Popup.gif') no-repeat left top; /* orientation=lt */
	background: url('DefaultSkin/background/Popup-rt.gif') no-repeat right top; /* orientation=rt */
	padding-left:4px; /* orientation=lt */
	padding-right:4px; /* orientation=rt */
}

.UIChatNotification .UIPopupNotification	.TCPopupNotification {
	height:13px;
	background: url('DefaultSkin/background/Popup.gif') repeat-x left -13px; /* orientation=lt */
	background: url('DefaultSkin/background/Popup-rt.gif') repeat-x right -13px; /* orientation=rt */
}

.UIChatNotification .UIPopupNotification	.TRPopupNotification {
	background: url('DefaultSkin/background/PopupTR.png') no-repeat right top; /* orientation=lt */
	background: url('DefaultSkin/background/PopupTR-rt.png') no-repeat left top; /* orientation=rt */
	padding-right: 45px; /* orientation=lt */
	padding-left: 45px; /* orientation=rt */
}

.UIChatNotification .UIPopupNotification	.TitleNotification {
	background: url('DefaultSkin/background/Popup.gif') repeat-x left -50px; /* orientation=lt */
	background: url('DefaultSkin/background/Popup-rt.gif') repeat-x right -50px; /* orientation=rt */
	height: 16px;
	padding-left:10px; /* orientation=lt */
	padding-right:10px; /* orientation=rt */
}

.UIChatNotification .UIPopupNotification	.MLPopupNotification {
	background: url('DefaultSkin/background/PopupML.gif') repeat-y left; /* orientation=lt */
	background: url('DefaultSkin/background/PopupML-rt.gif') repeat-y right; /* orientation=rt */
	padding-left: 2px; /* orientation=lt */
	padding-right: 2px; /* orientation=rt */
}

.UIChatNotification .UIPopupNotification	.MCPopupNotification {
	background: #feffcf;
}

.UIChatNotification .UIPopupNotification	.MRPopupNotification {
	background: url('DefaultSkin/background/PopupMR.gif') repeat-y right; /* orientation=lt */
	background: url('DefaultSkin/background/PopupMR-rt.gif') repeat-y left; /* orientation=rt */
	padding-right: 2px; /* orientation=lt */
	padding-left: 2px; /* orientation=rt */
}

.UIChatNotification .UIPopupNotification	.BLPopupNotification {
	background: url('DefaultSkin/background/Popup.gif') no-repeat left -26px; /* orientation=lt */
	background: url('DefaultSkin/background/Popup-rt.gif') no-repeat right -26px; /* orientation=rt */
	padding-left: 4px; /* orientation=lt */
	padding-right: 4px; /* orientation=rt */
}

.UIChatNotification .UIPopupNotification	.BCPopupNotification {
	height: 4px;
	background: url('DefaultSkin/background/Popup.gif') repeat-x left -30px; /* orientation=lt */
	background: url('DefaultSkin/background/Popup-rt.gif') repeat-x right -30px; /* orientation=rt */
}

.UIChatNotification .UIPopupNotification	.BRPopupNotification {
	background: url('DefaultSkin/background/Popup.gif') no-repeat right -26px; /* orientation=lt */
	background: url('DefaultSkin/background/Popup-rt.gif') no-repeat left -26px; /* orientation=rt */
	padding-right: 4px; /* orientation=lt */
	padding-left: 4px; /* orientation=rt */
}

.UIChatNotification .UIPopupNotification	.ItemTitle {
	color: black;
	display: block;
	font-size: 12px;
	font-weight: bold;
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
}

.UIChatNotification .UIPopupNotification	.Close {
	background: url('DefaultSkin/background/Popup.gif') left -66px no-repeat;
	display: block;
	height: 7px; width: 7px;
	float: right; /* orientation=lt */
	float: left; /* orientation=rt */
	margin: 3px 5px;
	cursor: pointer;
}

.UIChatNotification .UIPopupNotification	.Item {
	overflow:hidden;
	border-bottom: 1px dotted #b7b7b7;
	margin: 0px 5px;
	padding: 5px 0px 0px 11px; /* orientation=lt */
	padding: 5px 11px 0px 0px; /* orientation=rt */
	display: block;
	line-height: 22px;
	color: #ff3329;
	background: url('DefaultSkin/background/Popup.gif') no-repeat left -74px; /* orientation=lt */
	background: url('DefaultSkin/background/Popup-rt.gif') no-repeat right -74px; /* orientation=rt */
}

.UIChatNotification .UIPopupNotification	.Item:hover {
	color: #353535;
	font-weight: bold;
}

/* PopUp menu right click of member */
.UIChat .TitleIconChat .UIRightClickPopupMenu {
	position: absolute;
	top: 252px;
	left: 60px;
}

.UIChat .TitleIconChat .UIRightClickPopupMenu .ItemIcon {
	font-weight: normal;
}

/* Scroll chat window */

.ScrollButtons {
	float: right; /* orientation=lt */
	float: left; /* orientation=rt */
	padding: 4px;
	display: block;
}

.ScrollLeftButton {
	cursor: pointer;
	background: url('DefaultSkin/skinIcons/ScollArrow.gif') no-repeat left 0px;
	width: 17px;
	height: 17px;
	padding-left: 17px; /* orientation=lt */
	padding-right: 17px; /* orientation=rt */
	margin: 0px 5px;
}

.ScrollRightButton {
	cursor: pointer;
	background: url('DefaultSkin/skinIcons/ScollArrow.gif') no-repeat left -18px;
	width: 17px;
	height: 17px;
	margin: 0px 5px;
}

.DisableScrollLeftButton {
	cursor: pointer;
	background: url('DefaultSkin/skinIcons/ScollArrow.gif') no-repeat left -36px;
	width: 17px;
	height: 17px;
	padding-left: 17px; /* orientation=lt */
	padding-right: 17px; /* orientation=rt */
	margin: 0px 5px;
}

.DisableScrollRightButton { 
	cursor: pointer;
	background: url('DefaultSkin/skinIcons/ScollArrow.gif') no-repeat left -54px;
	width: 17px;
	height: 17px;
	margin: 0px 4px;
}

.HighlightScrollLeftButton {
	cursor: pointer;
	background: url('DefaultSkin/skinIcons/ScollArrow.gif') no-repeat left -72px;
	width: 17px;
	height: 17px;
	padding-left: 17px; /* orientation=lt */
	padding-right: 17px; /* orientation=rt */
	margin: 0px 5px;
}

.HighlightScrollRightButton {
	cursor: pointer;
	background: url('DefaultSkin/skinIcons/ScollArrow.gif') no-repeat left -90px;
	width: 17px;
	height: 17px;
	margin: 0px 4px;
}	

.UIPopupWindow .OverflowContainer .MinimizedIconChatBar{
	background: url('DefaultSkin/skinIcons/MinimizedIcon.png') no-repeat;
	cursor: pointer;
	float: right;
	height: 18px;
	margin: 5px 3px 0 0;
	width: 18px;
}
.UIPopupWindow .UIWindowContent .SelectedTab .CloseTabButton{
	display: inline; 
	color: #757575; 
	margin-left: 5px;
}

.UIPopupWindow .UIWindowContent .NormalTab .CloseTabButton{
	display: inline;
	visibility: hidden;
	margin-left: 5px;
}

.UIPopupWindow .UIWindowContent .NormalTab .MiddleTab:hover .CloseTabButton{
	color: #757575;
	display: inline;
	visibility: visible;
}

/**************************** MiniBoxChat*****************************/
.MiniBoxChat {
	width: 215px;
}
