/******************************
*
*		RIM-STYLES
*
******************************/

.yui-navset button {
	    position:absolute;
	    top:0;
	    right:0;
	}

	.yui-button#pushbutton1 button {

	        padding-left: 2em;
	        background: url(./user.gif) 5% 50% no-repeat;
	    }


	/* Default/unfocused Panel style */
	.yui-skin-sam div[role=panel].yui-panel .hd {
		background: #F2F2F2;
	}

	/* Focused Panel style */
	.yui-skin-sam .yui-panel-container.focused div[role=panel].yui-panel .hd {
		background: url(./../yui/build/assets/skins/sam/sprite.png) repeat-x 0 -200px;
	}

	/*
		The Container ARIA Plugin removes the "href" attribute from the <A> used to create the
		close button for a Panel, resulting in the focus outline no longer be rendered in
		Gecko-based browsers when the <A> element is focused.  For this reason, it is necessary to
		restore the focus outline for the <A>.
	*/
	a.container-close[role=button]:focus {
		outline: dotted 1px #000;
	}

	/*
		Necessary to explicitly set the text-align property so the content of the Panels
		is aligned properly when viewed inside the YUI Examples chrome.
	*/
	#panel-2,
	#panel-3 {
		text-align: left;
	}

	#rimPanel .bd {
    	overflow:auto;
    	background-color:fff;
    	padding:10px;
	}

	#rimPanel .ft {
    	height:15px;
    	border-top: 1px solid #D0D0D0;
    	padding:0;
	}


	#rimPanel .contactList_on ul {
	}

	#addUserAutocomplete {
	    width:120px; /* set width here or else widget will expand to fit its container */
	    padding-bottom:2em;
	    margin-left: 42px;
	   	margin-top: -19px;
	    position: relative;
	}

	#addUserInput{
		border: 1px solid #808080;
	}

	.contactList_on {
		margin-left: -40px;
		height: 17px;
		background: url(./bullet_green.png) no-repeat;
		background-position: 3px 0px;
		padding: 0px 0px 0px 21px;
		list-style-type: none;
	}

	.contactList_off {
		margin-left: -40px;
		height: 17px;
		background: url(./bullet_grey.gif) no-repeat;
		background-position: 3px 0px;
		padding: 0px 0px 0px 21px;
		list-style-type: none;
	}

	.contactList_msg {
		margin-left: -40px;
		height: 17px;
		background: url(./msg2.png) no-repeat;
		background-position: 6px 3px;
		padding: 0px 0px 0px 21px;
		list-style-type: none;
	}

	#privateChats .bd {
    	overflow:auto;
    	background-color:fff;
    	padding:10px;
	}

	#privateChats .ft {
    	height:21px;
    	border-top: 1px solid #D0D0D0;
    	padding:0;
	}

	.incomingMsg {
		background: url(./arrow_next.png) no-repeat;
		background-position: 3px 0px;
		padding: 0px 0px 0px 21px;
	}

	.outgoingMsg {
		background: url(./arrow_back.png) no-repeat;
		background-position: 3px 0px;
		padding: 0px 0px 0px 21px;
	}


/* Speech bubbles */

/* Bubble right */
div.bubble_right {
	width: auto;
	margin: 5px;
	margin-bottom: 20px;
	font: 1em Verdana, sans-serif;
}

div.bubble_right blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble_right blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble_right cite {
	margin: 0px;
	padding: 7px 0px 0px 15px;
	margin-left: 30px;
	background: transparent url(tip.gif) no-repeat 0px 6px;
	font-style: normal;
}

/* Bubble left */
div.bubble_left {
	width: auto;
	margin: 5px;
	margin-bottom: 24px;
	font: 1em Verdana, sans-serif;
}

div.bubble_left blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble_left blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble_left cite {
	margin: 0px;
	padding: 7px 0px 0px 15px;
	margin-left: 150px;
	margin-top: 50px;
	background: transparent url(tip.gif) no-repeat 0px 6px;
	font-style: normal;
}

/* Bubble infobox */
div.bubble_info {
	width: auto;
	margin: 5px;
	margin-bottom: 24px;
	font: 1em Verdana, sans-serif;
}

div.bubble_info blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble_info blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble_info cite {
	margin: 0px;
	padding: 7px 0px 0px 15px;
	margin-left: 250px;
	margin-top: 50px;
	background: transparent url(tip.gif) no-repeat 0px 6px;
	font-style: normal;
}