#pagesList h3 a
{
    position:relative;
    margin-bottom:28px;
}
dfn,
.tooltip
{
    line-height:26px;
    font-size:12px;
    text-shadow:none;
    text-indent:0;
    display:none;
    float:left;
    font-weight:normal;
    font-style:normal;
    position:absolute;
    white-space:nowrap;
    padding:0 8px;
    color:#eee;
    left:-1px;
    top:32px;
    z-index:2;
    -moz-border-radius:4px;
    -moz-box-shadow:0 1px 0 #777 inset, 1px 0 #777 inset, 0 -1px 0 #777 inset, -1px 0 #777 inset, 0 2px 3px #333;
    background-color:#333;
    background-image:-moz-linear-gradient(center bottom, #333, #444);
}

/* CSS fix for pages list because it is sometimes generated recursively and the markup doesn't match pages.rsml.php */
#pagesList h3 a dfn strong
{
    font-weight:normal;
}
#pagesList h3 a dfn
{
    right:-1px;
    left:auto;
}
#pagesList h3 a dfn:before,
#pagesList h3 a dfn:after
{
    right:2px;
    left:auto;
}
/* */

dfn.alignRight
{
    right:-1px;
    left:auto;
}
#pageTab.editmode dfn.unlock
{
    display:none;
}
#pageTab .dropdown select:focus~dfn
{
    visibility:hidden;
}
#pageTab .dropdown dfn
{
    top:32px;
}
#rr-palette dfn,
#pageTab dfn,
#pagesList dfn,
#wrapMenuEditor dfn
{
    top:29px;
}
#tabTitle.tooltip
{
    left:-4px;
}
dfn:before,
.tooltip:before,
.subMenu dt:before,
dfn:after,
.tooltip:after,
.subMenu dt:after
{
    content:"";
    display:block;
    position:absolute;
    left:3px;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    z-index:2;
}
dfn.alignRight:before,
dfn.alignRight:after
{
    right:2px;
    left:auto;
}
dfn:before,
.tooltip:before,
.subMenu dt:before
{
    border-bottom:10px solid #777;
    top:-9px;
}
dfn:after,
.tooltip:after,
.subMenu dt:after
{
    border-bottom:10px solid #444;
    top:-8px;
}
*:hover > dfn,
*.disabled:hover #tabTitle.tooltip
{
    display:block;
}
dfn.activeState
{
    visibility:hidden;
}
.button.active dfn.activeState
{
    visibility:visible;
}
.button.active dfn
{
    left:0;
    top:30px !important;
}
dfn:hover,
.button.active dfn.inactiveState
{
    visibility:hidden !important;
}
#tabTitle.tooltip:hover
{
    background-color:#555;
    background-image:-moz-linear-gradient(center bottom, #555, #333);
}
#tabTitle.tooltip:before,
#tabTitle.tooltip:after
{
    left:8px;
}
#tabTitle.tooltip:hover:after
{
    border-bottom-color:#333;
}