﻿.validity-arrow,
.validity-icon {
    position:absolute;
    background:url(../images/global/validity.png) no-repeat;
    overflow:hidden;
}

.arrow-left,
.arrow-right {
    width:6px;
    height:9px;
    top:7px;
}

.arrow-left {
    left:-6px;
}

.arrow-right {
    right:-6px;
}

.arrow-up,
.arrow-down {
    width:9px;
    height:6px;
    left:45%;
}

.arrow-up {
    top:-6px;
}

.arrow-down {
    bottom:-6px;
    bottom:-6px;
    _bottom:-7px;
}

.validity-icon {
    width:14px;
    height:15px;
    left:5px;
    top:5px;
}

.validity-ek-tooltip,
.validity-ek-error,
.validity-ek-correct {
    position:absolute;
    display:inline-block;
    z-index:2;
    line-height:23px;
    min-height:23px;
    _height:23px;
    padding:0 10px 0 25px;
}

.validity-ek-tooltip {
    background:#f5f9ff;
    border:1px solid #9ec4ff;
}

.validity-ek-tooltip .arrow-left {
    background-position:-8px -51px;
}

.validity-ek-tooltip .arrow-right {
    background-position:-8px -62px;
}

.validity-ek-tooltip .arrow-up {
    background-position:0 -97px;
}

.validity-ek-tooltip .arrow-down {
    background-position:0 -81px;
}

.validity-ek-error .validity-icon {
    background-position:0 -34px;
}

.validity-ek-tooltip .validity-icon {
    background-position:0 -17px;
    
}

.validity-ek-error {
    background:#fff6f6;
    border:1px solid #ed3f2d;
}

.validity-ek-error .arrow-left {
    background-position:0 -51px;
}

.validity-ek-error .arrow-right {
    background-position:0 -62px;
}

.validity-ek-error .arrow-up {
    background-position:0 -89px;
}

.validity-ek-error .arrow-down {
    background-position:0 -73px;
}

.validity-ek-error .validity-icon {
    background-position:0 -34px;
}

.validity-ek-correct {
    height:auto;
    min-width:16px;
    _width:auto;
    padding-left:20px;
}

.validity-ek-correct .validity-icon {
    left:2px;
    top:4px;
}