/* Lists */
#ucp-drawer ol, 
#ucp-drawer ul,
#ucp-drawer li {
	font-size: 1.0em;
	line-height: 1.2em;
	padding: 0;
	margin: 0;
	list-style: none;
}
/* Headers */
#ucp-drawer h3 {
	color: #FFCC66;
	font-size: 1.1em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}
/* Typesetting */
#ucp-drawer p {
	margin-top: 0.2em;
	padding: 0;
}
/* LOGIN DRAWER HANDLE */
#ucp-handle {
    display: none;
	clear: both;
	padding: 0;
	margin: 0 auto 10px auto;
	width: 773px;	
}
#ucp-handle p {
	height: 19px;	
	float:right;
	margin: 0;
	padding: 0;
	padding-left: 293px;
	background: url(/_commonext/themes/masseffect/default/images/ucp_drawerslide_left_293x19.gif) bottom left no-repeat;
}
#ucp-handle a {
	font-weight: bold;
	float: left;
	height: 19px;
	font-size: 8pt;
	line-height: 14px;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFCC66;
	padding: 0 100px 0 10px ;
	margin: 0;
	background: url(/_commonext/themes/masseffect/default/images/ucp_drawerslide_right_325x19.gif) bottom right no-repeat;
}
#ucp-handle.open a {
	color: #86A9B8;
	font-weight: normal;
}
#ucp-handle a:hover {
	color: #B8E9FC;
}


/* CONTENT DRAWER */
#ucp-drawer {
	background: url(/_commonext/themes/masseffect/default/images/ucp_drawer_bg_773x186.gif) bottom left no-repeat;
	color: #D0DBE0;
	clear: both;
	padding: 0;
	margin: 0 auto;
	width: 773px;	
	height: 90px;
}
#ucp-drawer .contents {
	margin: 0;
	padding: 0 50px 10px 55px;
	line-height: 1.2em;
}
#ucp-drawer .column {
	padding: 0;
	margin: 2px;
	float: left;
	font-size: 0.85em;
}
#ucp-drawer .column.side {
	width: 180px;
}
#ucp-drawer .column.middle {
	width: 291px;
}

/* Portrait */
.ucp-portrait {
	/* make positionable for image */
	position: relative;
	float: left;
	width: 86px;
	height: 72px;
	margin-right: 10px;
	/* Frame around portrait image */
	background: url(/_commonext/themes/masseffect/default/images/ucp_portrait_frame_86x72.gif) top left no-repeat;
}
.ucp-portrait .mug {
	height: 63px;
	width: 40px;
	position: absolute;
	top: 6px;
	left: 23px;
	z-index: 9;
}