/*******************************************************   */

/*                       Block arrows                   */

/*******************************************************   */
.block-arrow {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 1px 0 0 -6px;
    border: 6px solid transparent;
    border-top-color: inherit;

    /* border-top-color:expression(this.parentNode.currentStyle['border-top-color']); */
}
.block-arrow > span {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    margin: -7px -6px -5px -6px;
    border: 6px solid transparent;
    border-top-color: #e4e7eb;
}
.silver-gradient > .block-arrow > span {
    border-top-color: #d6dadf;
}
.translucid > .block-arrow > span,
.notification > .block-arrow > span,
.black-gradient > .block-arrow > span {
    border-top-color: #000;
}
.anthracite-gradient > .block-arrow > span {
    border-top-color: #404040;
}
.grey-gradient > .block-arrow > span {
    border-top-color: #939393;
}
.red-gradient > .block-arrow > span {
    border-top-color: #d52607;
}
.orange-gradient > .block-arrow > span {
    border-top-color: #ff9e00;
}
.green-gradient > .block-arrow > span {
    border-top-color: #87ba17;
}
.blue-gradient > .block-arrow > span {
    border-top-color: #00438d;
}
.block-arrow.top {
    top: auto;
    left: 50%;
    bottom: 100%;
    margin: 0 0 1px -6px;
    border-top-color: transparent;
    border-bottom-color: inherit;

    /* border-bottom-color:expression(this.parentNode.currentStyle['border-bottom-color']); */
}
.block-arrow.top > span {
    margin: -5px -6px -7px -6px;
    border-top-color: transparent;
    border-bottom-color: #f7f7fa;
}
.silver-gradient > .block-arrow.top > span {
    border-bottom-color: #efeff4;
}
.translucid > .block-arrow.top > span,
.notification > .block-arrow.top > span,
.black-gradient > .block-arrow.top > span {
    border-bottom-color: #333;
}
.anthracite-gradient > .block-arrow.top > span {
    border-bottom-color: #565656;
}
.grey-gradient > .block-arrow.top > span {
    border-bottom-color: #b3b3b3;
}
.red-gradient > .block-arrow.top > span {
    border-bottom-color: #e24913;
}
.orange-gradient > .block-arrow.top > span {
    border-bottom-color: #ffb900;
}
.green-gradient > .block-arrow.top > span {
    border-bottom-color: #a7cf34;
}
.blue-gradient > .block-arrow.top > span {
    border-bottom-color: #006aac;
}
.block-arrow.right {
    top: 50%;
    left: 100%;
    margin: -6px 0 0 1px;
    border-top-color: transparent;
    border-left-color: inherit;

    /* border-left-color:expression(this.parentNode.currentStyle['border-left-color']); */
}
.block-arrow.right > span {
    margin: -6px -5px -6px -7px;
    border-top-color: transparent;
    border-left-color: #eeeff2;
}
.silver-gradient > .block-arrow.right > span {
    border-left-color: #e3e4ea;
}
.translucid > .block-arrow.right > span,
.notification > .block-arrow.right > span,
.black-gradient > .block-arrow.right > span {
    border-left-color: #1a1a1a;
}
.anthracite-gradient > .block-arrow.right > span {
    border-left-color: #4b4b4b;
}
.grey-gradient > .block-arrow.right > span {
    border-left-color: #a3a3a3;
}
.red-gradient > .block-arrow.right > span {
    border-left-color: #db370c;
}
.orange-gradient > .block-arrow.right > span {
    border-left-color: #ffac00;
}
.green-gradient > .block-arrow.right > span {
    border-left-color: #97c526;
}
.blue-gradient > .block-arrow.right > span {
    border-left-color: #00569c;
}
.block-arrow.left {
    top: 50%;
    left: auto;
    right: 100%;
    margin: -6px 1px 0 0;
    border-top-color: transparent;
    border-right-color: inherit;

    /* border-right-color:expression(this.parentNode.currentStyle['border-right-color']); */
}
.block-arrow.left > span {
    margin: -6px -7px -6px -5px;
    border-top-color: transparent;
    border-right-color: #eeeff2;
}
.silver-gradient > .block-arrow.left > span {
    border-right-color: #e3e4ea;
}
.translucid > .block-arrow.left > span,
.notification > .block-arrow.left > span,
.black-gradient > .block-arrow.left > span {
    border-right-color: #1a1a1a;
}
.anthracite-gradient > .block-arrow.left > span {
    border-right-color: #4b4b4b;
}
.grey-gradient > .block-arrow.left > span {
    border-right-color: #a3a3a3;
}
.red-gradient > .block-arrow.left > span {
    border-right-color: #db370c;
}
.orange-gradient > .block-arrow.left > span {
    border-right-color: #ffac00;
}
.green-gradient > .block-arrow.left > span {
    border-right-color: #97c526;
}
.blue-gradient > .block-arrow.left > span {
    border-right-color: #00569c;
}