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

		Old class names: iwcIMContacts
		New class names: IMContacts
*/

.IMContacts {
	/* margin-right: 4px;*/
}

.IMContacts .IMContacts-StatusMenu {
	padding: 3px 15px 2px 12px;
	border-width: 0 0 1px 0;
	border-style: solid; 
}

.IMContacts .IMContacts-StatusMenuLeft {
	float: left;
	font-size: 12px;
	padding-left: 10px;
}

.IMContacts .IMContacts-UserName {
	display: block;
	font-weight: bold;
}

.IMContacts .IMContacts-header .dijitDropDownButton {
	margin: 3px 0 0 0;
}

.IMContacts .IMContacts-header .dijitDropDownButton .dijitButtonNode {
	border: none;
	padding: 0;
	background: none;
}

.IMContacts .IMContacts-header .dijitDropDownButton .IMPresenceIcon {
	padding-right: 3px;
}

.IMContacts-Avatar {
	overflow: hidden;
	position: relative;
	float: right;
	cursor: pointer;
	padding: 1px;
}

.IMContacts-statusMenu .IMContacts-Avatar.imageAvatar {
	padding: 1px;
}

.IMContacts-Avatar-Hover {
	border: 1px solid;
	padding: 0px;
}


.IMContacts .IMContacts-Roster {
	clear: both;
	overflow-y: auto;
	overflow-x: hidden;
}

.IMContacts .dijitToolbar {
	height:auto;
	border-width: 0 0 1px 0;
	border-style: solid; 
	overflow: hidden;
	padding: 2px 12px 3px 17px;
}

.IMContacts .dijitToolbar .dijitArrowButtonInner {
	margin: 0 2px 0 3px;
}


.IMContacts .dijitToolbar .dijitButtonText {
	padding: 0;
	font-size: 12px;
}

.IMContacts-SortAZButton {
	float: left;
}

.IMContacts-SortOnlineButton {
	float: right;
}

.IMContacts .dijitComboButton.IMContacts-SortOnlineButton {
	padding: 1px;
}

.IMContacts .dijitComboButtonHover.IMContacts-SortOnlineButton,
.IMContacts .dijitComboButtonDownArrowHover.IMContacts-SortOnlineButton,
.IMContacts .dijitComboButtonActive.IMContacts-SortOnlineButton {
	padding: 0px;
}

/*
.IMContacts .IMToolbar .dijitA11yDownArrow {
	font-size: 7px;
}
*/

.IMContacts .IMContacts-BuddyGroups {
	width: 100%;
	overflow: auto;
}

.IMContacts .dijitTitlePaneTitle {
	border-width: 0 0 1px 0;
	border-style: solid;
	padding: 5px 12px 4px 20px; /* 18px */
	font-size: 12px;
}

.IMContacts  .dijitTitlePaneContentOuter {
	border-width: 0;
}

.IMContacts .dijitTitlePaneContentInner {
	padding: 0;
}

.IMContacts .IMContacts-BuddyGroup {
	overflow-x: hidden;
}

.dj_ie7 .IMContacts .IMContacts-BuddyGroup {
	zoom: 1;
}


.IMContacts .IMContacts-BuddyList {
	border-width: 0 0 1px 0;
	border-style: solid;
	padding: 5px 0;
}

.IMContacts .IMContact {
	padding: 0 14px 0 14px;
	height: auto;
	white-space: nowrap;
	overflow: hidden;
}

.IMContacts .IMContact .IMAvatarSmall {
	width: 20px;
	height: 20px;
	border: none;
}

.IMContacts .IMContact .IMPresenceIcon {
	margin: 5px 0 0 0;
}

/* Begin of BuddyList Item */
.IMContacts .IMContact .IMBuddyName {
	overflow: hidden;
	white-space: nowrap;
	font-size: 12px;
	padding: 3px 0 0 0;
	width: auto;
	margin-right: 20px;
}

.IMContacts .IMContact .IMContact-BuddyItem {
	clear: both;
	display: block;
}

.IMContacts .IMContact .IMContact-BuddyItem .IMPresenceIcon {
	float: right;
	margin-top: -13px;
}

.IMContacts .noAvatar img {
	display: none;
}

/* End of BuddyList Item */



/* Contact Info Popup */
.IMContacts-Tooltip {
	min-width: 200px;
	padding: 10px 10px 5px 10px;
	border: 1px solid;
	overflow: hidden;
}

.IMContacts-Tooltip-Pane {
	display: inline-block;
	vertical-align: top;
}

.dj_ie .IMContacts-Tooltip-Pane {
	display: inline;
}

.IMContacts-Tooltip-Pane div,
.IMContacts-Tooltip-Pane div span {
	white-space: nowrap;
}

.IMContacts-Tooltip-Status {
	margin-top: 10px;
}

.IMContacts-Tooltip-Status .IMPresenceIcon {
	height: 12px;
	margin-right: 3px;
}