/* Begin MOC Status Classes */
/* Overriden Telerik styles*/
.removeRestoreWrapper .RadButton_aeShield.rbLinkButton {
    border: 1px solid #CCCCCC;
}

    .removeRestoreWrapper .RadButton_aeShield.rbLinkButton.rbDisabled, .removeRestoreWrapper .RadButton_aeShield.rbLinkButton.rbDisabled:hover {
        background-color: #333;
        opacity: 1.0;
        cursor: not-allowed;
    }
/* End MOC Status Classes */

.revisionWrapper {
    margin-left: 3px;
    font-size: 12px;
}

    .revisionWrapper .RadButton_aeShield.rbLinkButton {
        border: 0;
        height: 21px;
    }

.HistoryLink {
    color: #7F7F7F;
    font-style: normal;
    margin: 0;
}

.revisionWrapper .RadButton, .rbDecorated {
    font-size: 12px;
}

.removeRestoreWrapper {
    float: left;
    padding-left: 5px;
    height: 22px;
}

#RevisionContent {
    text-align: left;
    line-height: 12px;
}

#RevisionHistoryContent {
    text-align: left;
}

    #RevisionHistoryContent a {
        height: 12px;
    }

    #RevisionHistoryContent span {
        height: 12px;
        line-height: 12px;
    }

    #RevisionHistoryContent .rbLinkButton {
        display: inline;
        position: relative;
        padding: 0;
        line-height: 12px;
    }

.buttonEnd {
    position: absolute;
    top: 0;
    right: 0px;
    display: block;
    border: 1px solid transparent;
    border-right: 0;
    border-left: 1px solid #000;
}

/*cody's edits */
/*default*/
div.testMocContainer {
    display: inline-table;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #CCCCCC;
    height: 24px;
}

span.chkMocArrow {
    padding-right: 5px;
}

span.RadButton.mocButton,
span.RadButton.mocButton:hover,
span.RadButton.mocButton.rbDisabled,
span.RadButton.mocButton.rbDisabled:hover {
    font-size: 12px;
    padding: 0px;
    margin-left: 0px;
    border-style: none !important;
    border-width: 0px !important;
    background-color: transparent !important;
    line-height: 23px;
    opacity: 1 !important;
}

    span.RadButton.mocButton ~ span.RadButton.mocButton {
        margin-left: -3px;
    }

    span.RadButton.mocButton.arrow ~ span.RadButton.mocButton.arrow {
        margin-left: -10px;
    }

    span.RadButton.mocButton.first {
        z-index: 4;
    }

    span.RadButton.mocButton.second {
        z-index: 3;
    }

    span.RadButton.mocButton.third {
        z-index: 2;
    }

    span.RadButton.mocButton.fourth {
        z-index: 1;
    }

    span.RadButton.mocButton > div.mocButtonDiv {
        background-image: url(../../../../images/aeShield/MocButtonSprite_Wider.png);
        background-position: -0px -41px;
        background-repeat: no-repeat;
        width: 80px;
        height: 22px;
        cursor: not-allowed;
        color: #7F7F7F;
    }

div.removeRestoreWrapper span.RadButton.mocButton > div.mocButtonDiv {
    width: 100%;
}

div.removeRestoreWrapper > span.RadButton.mocButton {
    background-image: url(../../../../images/aeShield/MocButtonSprite_Wider.png);
    background-position: -0px -41px;
    background-repeat: no-repeat;
    width: 80px;
    height: 24px;
    cursor: not-allowed;
    color: #7F7F7F;
}

span.RadButton.mocButton.arrow > div.mocButtonDiv {
    width: 90px;
}

span.RadButton.mocButton.arrow.first > div.mocButtonDiv {
    width: 80px;
    background-position: -10px -41px;
}

/* Remove and Restore Button Styles  */
.primaryIcon {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding-right: 4px;
    vertical-align: text-top;
}

div.removeRestoreWrapper {
    height: 21px;
}

    div.removeRestoreWrapper > span.RadButton.mocButton {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: solid 1px #CCCCCC !important;
    }

span.RadButton.mocRemoveRestoreButton:hover,
span.RadButton.mocRemoveRestoreButton.rbDisabled:hover {
    background-color: none !important;
}
/* End Remove and Restore Button Styles  */
/*end default*/

/*active*/
span.RadButton.mocButton > div.mocButtonDiv.active, div.removeRestoreWrapper > span.RadButton.mocButton.active {
    background-position: -0px -3px;
    cursor: pointer;
    color: #333;
}

span.RadButton.mocButton.arrow.first > div.mocButtonDiv.active {
    background-position: -10px -3px;
}

span.RadButton.mocButton > div.mocButtonDiv.active:hover {
    background-position: -0px -117px;
}

span.RadButton.mocButton.arrow.first > div.mocButtonDiv.active:hover {
    background-position: -10px -117px;
}
/*end active*/

/* current */
span.RadButton.mocButton > div.mocButtonDiv.current {
    background-position: -0px -79px;
    font-weight: bold;
}

span.RadButton.mocButton.arrow.first > div.mocButtonDiv.current {
    background-position: -10px -79px;
    font-weight: bold;
}
/* end current */

span.RadButton.mocButton.arrow.fourth > div.mocButtonDiv {
    width: 80px;
}
/*end cody's edits */

.hidden {
    display: none;
}