/*
    Document   : Chat
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: tundra iwcIMSession
		New class names: IMSession
*/

/* Chat Popup Window */
.IMSession {
	
}

.IMSession .dijitToolbar {
	height:auto;
	border-width: 1px 0 1px 0;
	border-style: solid;
	overflow: hidden;
}

.IMSession .IMSession-TopBar {
	text-align: right;
	padding: 4px 0px 3px 22px;
}

.IMSession .IMSession-Message-IMAvatar,
.IMSession .IMSession-Header-IMAvatar {
	width: 22px;
	height: 22px;
	overflow: hidden;
	float: left;
	text-align: left;
    text-decoration: none;
}

.IMSession-MessageContainer {
	padding: 4px 12px 3px 22px;
	overflow: auto;
	font-size: 11px;
}

.IMSession-TimeStamp {
    padding-top: 0px;
	margin-top: 0px;
    font-size: 11px;
}

/* BEGIN - specific to chat message, which can be different in different styles */
.IMSession-Message {
	width: 100%;
	padding: 2px 5px 3px 0;
}

.dj_ie .IMSession-Message {
	width: 98%;
	padding-right: 0;
	margin-right: -10px;
}

.IMSession-Message-Info {
	width: 18%;
	vertical-align: top;
	color: #999;
	font-weight: bold;
}

.dj_ie .IMSession-Message,
.dj_ie .IMSession-Message-Info {
	font-size: 11px;
}


.IMSession-Message-Info div {
	overflow-x: hidden;
}

.IMSession-MessageBody {
	/* With the ballon style, this has the right hand callout
	and the borders */
	width: auto;
	padding-left: 32px;
	vertical-align: top;
}

.IMSession-MessageBody-Right {
	width: auto;
	padding-right: 60px;
	word-wrap: break-word;
	/* contains the text */
}

.dj_ie .IMSession-MessageBody-Right {
	float: left;
	padding-right: 5px;
	margin-right: 10px;
}

.IMSession-MessageBody-Left {
	/*
	width: 20px;
	height: 100%;
	display: inline-block;
 */
	/* With the ballon style, this has the left hand callout */
}

.dj_ie .IMSession-MessageBody-Right,
.dj_ie .IMSession-MessageBody-Left {
	display: inline;
}

.IMSession-Message-Sender {
	font-weight: bold;
	color: #ADADAD;
}

.IMSession-Message-Middle {
	width: 100%;
}

.IMSession-Message-TimeStamp {
	float: right;
	color: #ADADAD;
}

.IMSession-Message.alert .IMSession-Message-Info,
.IMSession-Message.alert .IMSession-Message-Sender,
.IMSession-Message.alert .IMSession-Message-IMAvatar,
.IMSession-Message.alert .IMSession-Message-TimeStamp,
.IMSession-Message.status .IMSession-Message-Sender,
.IMSession-Message.status .IMSession-Message-IMAvatar {
	display: none;
}

.IMSession-Message.status .IMSession-MessageBody {
	color: #999;
}

.IMSession-Message.alert .IMSession-MessageBody {
	color: #999;
	width: 100%;
	padding-left: 0;
}


.IMSession-Message-Right {

}
/* END - specific to chat message, which can be different in different styles */

.IMSession .IMSession-SendButton {
	position: absolute;
	padding: 0;
	margin: 0;
}

.IMSession .IMSession-ToggleRoster,
.IMSession .IMSession-ToggleRoster.dijitButtonHover {
	background: none;
}

.IMSession .IMSession-ToggleRoster .dijitButtonNode,
.IMSession .IMSession-ToggleRoster.dijitButtonHover .dijitButtonContents,
.IMSession .dijitToolbar .IMSession-ToggleRoster.dijitButtonHover .dijitButtonNode {
	border-width: 0px;
	background: none;
}

.IMSession .dijitToolbar .IMSession-ToggleRoster .dijitButtonNode,
.IMSession .dijitToolbar .IMSession-ToggleRoster .dijitButtonContents {
	margin: 0;
	padding: 0;
}

.dj_gecko .IMSession .IMSession-ToggleRoster .dijitButtonContents {
	margin-right: -3px;
}

.IMSession .IMSession-ToggleRoster {
	margin: 0;
	padding: 0;
}

.dj_safari .IMSession .IMSession-ToggleRoster .IMSession-ToggleRosterIcon {
	margin: 0 -3px 0 0;
}

.IMSession .IMSession-ToggleRoster .dijitButtonContents .dijitButtonText {
	display: none;
}

.IMSession .dijitSplitterV {
	width: 4px;
	border-bottom-width: 1px;
}

.IMSession .IMSession-RosterContainer {
	width: 27%;
}

.IMSession .IMSession-BuddySearchBox {
	height: .75em;
}

.IMSession .IMSession-RosterPane {
	overflow-y: auto;
 	overflow-x: hidden;
}

.IMSession .IMSession-RosterPane .IMSession-OccupantList {
	float: left;
	width: 100%;	
	padding-right: 16px;
	padding-top: 10px;
}

.IMSession .IMSession-RosterPane .IMSession-InviteeList {
	float: left;
	width: 100%;
	padding-right: 16px;	
}

.IMSession .IMSession-EditorContainer {
	height: 8em;
}

.IMSession .RichTextEditable {
	width: 100%;
	height: 100%;
	margin-bottom: 0px;
	border: 0;
}

.IMSession .RichTextEditable iframe {
	margin: 3px 3px 0 3px;
	padding: 0 0 3px 0;
	border: 1px solid !important;
	background-color: #FFF;
}

.IMSession .IMSession-OccupantList .IMContact .IMKick {
	float:none;
	padding-right:5px;
	overflow: hidden;
	position: relative;
    text-decoration: none;
	margin-top:5px;
	margin-left:10px;
	cursor:pointer;
}

/* We use a gray button color for hovered button if the toolbar itself
has a theme-colored background */
.IMSession .dijitToolbar .dijitButtonHover .dijitButtonNode,
.IMSession .dijitToolbar .dijitToggleButtonHover .dijitButtonNode,
.IMSession .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode,
.IMSession .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode,
.IMSession .dijitToolbar .dijitComboButtonHover,
.IMSession .dijitToolbar .dijitComboButtonDownArrowHover,
.IMSession .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton,
.IMSession .dijitToolbar .dijitDownArrowHover .dijitDownArrowButton {
	background-color: #EAEBEC; /* NOT THEMED */
}