/* includes style for both larry and elastic */

.xcloud-compose-button {
    margin-top: 5px;
}

.xcloud-save-button-container {
    margin-top: 10px;
}

.xcloud-save-button-wrap {
    display: block;
    float: left;
    margin-right: 5px;
}

.xcloud-save-button {
    display: inline-block;
    position: relative;
    border: 1px solid #d0d0d0 !important;
    border-radius: 2px !important;
    color: #333;
    font-size: 11px;
    font-family: arial, sans-serif;
    padding: 0 7px 0 24px;
    line-height: 1em !important;
    background: #ededed;
    background: -moz-linear-gradient(top, #f5f5f5 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #e6e6e6));
    background: -webkit-linear-gradient(top, #f5f5f5 0%, #e6e6e6 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%, #e6e6e6 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%, #e6e6e6 100%);
    background: linear-gradient(to bottom, #f5f5f5 0%, #e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e6e6e6',GradientType=0);
}

.xcloud-save-button:hover {
    border-color: #C6C6C6;
}

.xcloud-save-button div.image {
    position: absolute;
    display: block;
    top: 6px;
    left: 4px;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
}

.xcloud-save-button div.text {
    display: inline-block;
    line-height: 27px !important;
    height: 27px;
    cursor: default;
}

.toolbarmenu .xcloud-attach-menu-container {
    text-align: center;
    padding: 6px 0 !important;
}

.xcloud-save-attachment span.icon {
    background-position: 0px -2022px !important;
}