/* ----- authoring.css ----- */
@media screen {
/*
** Based on: Plone style sheet - Authoring Elements
*
*/

/*
** begin ECMAScript Content Action Menus
*/

.actionMenu {
    /*  The spec says we can't put this on an element with a float (although
        Opera is the only one that cares) and we need it in order to catch
        the position:absolute bubbling up */

    position: relative;
    margin: 0;
    padding: 0;
}

.actionMenu .actionMenuHeader {
    margin: 0;
    padding: 0;
    font-weight: normal;
    cursor: pointer;
}

.actionMenu.activated .actionMenuHeader {
    position: relative;
    z-index: 10;
}

.actionMenu .actionMenuHeader a {
    display: block;
}

.actionMenu.activated .actionMenuHeader a,
.actionMenu.deactivated .actionMenuHeader a {
    padding: 0 0 0 0 !important;
    cursor: pointer;
}

.actionMenuDisabled {
    padding: 0 0 0 0 !important;
    cursor: pointer;
}

.actionMenu .actionMenuContent {
    display: none;
    z-index: 5;
    position: absolute;
    top: 1.6em;
    /*right: -1px;*/
    left: -7px;
    height: auto;
    padding: 0;
    margin: 0;
    cursor: pointer;
    /* make only as wide as image so always fits */
    width: 144px;  
    overflow: hidden;
    /* end only as wide as image */
}

.actionMenu .actionMenuContent ul {
    display: block;
    background: #CE0408;
    border: 1px #000000;
    border-style: none solid solid solid;
    margin: -2px 0 0 0;
    padding: 0;
    cursor: pointer;
}

.actionMenu.activated .actionMenuContent {
    display: block !important;
}
.actionMenu.activated .actionMenuContent {
    /* this one will be ignored by IE, it is here to fix the cut-off error in
       Firefox */
    display: table !important;
    border-collapse: collapse;
    border-spacing: 0;
}

.actionMenu.deactivated .actionMenuContent {
    display: none !important;
}

.actionMenu .actionMenuContent li {
    float: none;
    background-color: transparent;
    display: inline;
    padding: 0;
    margin: 0;
    border: 0;
}

.actionMenu .actionMenuContent li a {
    display: block;
    color: #F7F3A5;
    text-decoration: none;
    white-space: nowrap;
    padding: 0 0.2em;
    margin: 0.1em 0;
}

.actionMenu .actionMenuContent .selected {
    display: block;
    white-space: nowrap;
    padding: 0 0.2em;
    margin: 0.1em 0;
}

.actionMenu .actionMenuContent li a:hover {
    background-color: #F7F3A5;
    color: #000000;
}

.actionMenu .actionMenuContent .actionSeparator a {
    margin-top: 0.2em;
    padding-top: 0.2em;
    border-top: 1px solid #74ae0b;
}

.actionMenu .actionMenuContent .actionSeparator div.currentDefaultPage {
    margin-top: 0.2em;
    padding: 0.2em 0.5em 0em 0.5em;
    white-space: nowrap;
    border-top: 1px solid #74ae0b;
}

.actionMenu .actionMenuContent .actionSeparator div.actionLabel {
    margin-top: 0.2em;
    padding: 0.2em 0.5em 0em 0.5em;
    white-space: nowrap;
    border-top: 1px solid #74ae0b;
    background-color: #74ae0b;
    color: #cde2a7;
    cursor: default;
}

.actionMenuSelected {
    display: block;
    cursor: default;
    padding-left: 16px !important;
}

/*
** end ECMAScript Content Action Menus
*/


} /* the end media block */