/**
 * tooltip.css
 * Styles for the magic tooltip
 * This is copied from core.css
 * @author Tim Lynn <tlynn@gaiaonline.com>
 * @author Karen <kziv@gaiaonline.com>
 **/

/* START Tooltip styles for login and elsewhere */
.yui-panel.toolPanel {
    height: 100px;
    width: 200px;
    border: 0;
    font-size:75%;
    padding:0;
	z-index:5;
}
.yui-panel.toolPanel .hd,
.yui-panel.toolPanel .ft {
    display: none;
}
.yui-panel.toolPanel.tooltipRightBottom,
.yui-panel.toolPanel.tooltipRightTop,
.yui-panel.toolPanel.tooltipLeftTop,
.yui-panel.toolPanel.tooltipLeftBottom{
    background:transparent url(https://graphics.gaiaonline.com/images/tooltips/rs_tip_bubble_l_r_14x600.gif) no-repeat;
}
.yui-panel.toolPanel.tooltipTopRight,
.yui-panel.toolPanel.tooltipTopLeft,
.yui-panel.toolPanel.tooltipBottomRight,
.yui-panel.toolPanel.tooltipBottomLeft{
    background: transparent url(https://graphics.gaiaonline.com/images/tooltips/rs_tip_bubble_t_b_600x14.gif) no-repeat;
}

.yui-panel.toolPanel.tooltipRightBottom {
	padding-right:7px;
	background-position:right bottom;
}
.yui-panel.toolPanel.tooltipRightTop {
	padding-right:7px;
	background-position:right top;
}
.yui-panel.toolPanel.tooltipLeftTop {
	padding-left:7px;
	background-position:left top;
}
.yui-panel.toolPanel.tooltipLeftBottom {
	padding-left:7px;
	background-position:left bottom;
}
.yui-panel.toolPanel.tooltipTopRight {
	padding-top:7px;
	background-position:right top;
}
.yui-panel.toolPanel.tooltipTopLeft {
	padding-top:7px;
	background-position:left top;
}
.yui-panel.toolPanel.tooltipBottomRight {
	padding-bottom:7px;
	background-position:right bottom;
}
.yui-panel.toolPanel.tooltipBottomLeft {
	padding-bottom:7px;
	background-position:left bottom;
}
.yui-panel.toolPanel .bd {
 border:solid #c93;
 padding:3px;
 background: #ffd url(https://graphics.gaiaonline.com/images/tooltips/rs_tip_bubble_gradient_60.gif) repeat-x left bottom;
 height: 92px;
}
.yui-panel.toolPanel .closer {
    background:transparent url(https://graphics.gaiaonline.com/images/tooltips/ic_tip_bubble_close_8x8.gif) no-repeat;
    height:8px;
    width:8px;
    position: absolute;
    top: 2px;
    right: 2px;
    cursor:pointer;
}
.yui-panel.toolPanel.tooltipRightBottom .bd,.yui-panel.tooltipRightTop .bd {
	border-width:1px 0px 1px 1px;
}
.yui-panel.toolPanel.tooltipLeftBottom .bd,.yui-panel.tooltipLeftTop .bd {
	border-width:1px 1px 1px 0px;
}
.yui-panel.toolPanel.tooltipTopRight .bd,.yui-panel.tooltipTopLeft .bd {
	border-width:0px 1px 1px 1px;
}
.yui-panel.toolPanel.tooltipBottomRight .bd,.yui-panel.tooltipBottomLeft .bd {
	border-width:1px 1px 0px 1px;
}

/* END Tooltip */


/* BEGIN specific tooltip styles */
.toolPanel h4 {
    font-weight: bold;
    font-size: 10px;
}
html>body .toolPanel h4 {
    font-size: 100%;
}

.toolPanel.badge img {
     float: left;
     width: 60px;
     height: 60px;
}

.toolPanel.badge span {
     display: block;
	 overflow: auto; /*this forces description text to stay aligned*/
}