/*Bookmark container*/

#evernotePreviewContainer {
    box-shadow: rgba(0, 0, 0, 0.45098) 1px 2px 12px 1px;
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 592px;
}
#evernotePreviewContainer *::selection {
    /*default colors to override html-highlighter styles*/
    background-color:#3399ff;
    color: white;
}

#evernotePreviewContainer {
    border: 1px solid #555555;
}

#evernoteContentVeil {
    border-color: rgb(255, 255, 255) !important;
    filter: alpha(opacity=70);
    border-style: solid !important;
    box-sizing: border-box !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
}

#evernoteContentVeil * {
    filter: none;
}

#evernoteInnerBox {
    border: 4px solid #32E181 !important;
    box-sizing: border-box !important;
    height: 100% !important;
    width: 100% !important;
}
#evernoteInnerBox.evernoteShadowBox {
    /*border: 1px solid #9E9E9E !important;*/
    border: 2px solid black !important;
}

/* expand/contract button container */
.evernoteExpandContract {
    display: none;
    left:50%;
    margin-left: -26px;
    position: absolute;
    top: -13px;
    opacity: 1.0 !important;
    /*top: -17px;*/
}
#bottomExpandContract {
    top: auto;
    bottom: -13px;
}
.evernoteExpandContract.evernoteUsingExpandContract {
    display: block;
}
/* individual buttons */
.evernoteArticleExpand, .evernoteArticleContract {
    opacity: 1;
    background-color: #2F373D;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    line-height: 20px;
    position: relative;
    width: 26px;
    color: rgb(250,250,250);
    font-size: 18px;
    font-family: Verdana, Arial, sans-serif;
    text-align: center;
    box-sizing: border-box;
    text-shadow: none;
    pointer-events: all;

}
.evernoteArticleExpand {
    border-radius: 4px 0 0 4px;
    border-right: none;
    margin-right: -1px;
    background-image: url('extension://images/article-expand.png');
}
.evernoteArticleContract {
    border-left: none;
    border-radius: 0 4px 4px 0;
    background-image: url('extension://images/article-contract.png');
}
