/**
 * @package DSL.de
 * @lastmodified $Id$
 *
 * @tableofcontents
 *
 * 1. font-face
 * 2. icons
 */

/* @section 1. font-face */

@font-face {
    font-family: 'icon';
    src: url('../font/icon_dsl.eot?#iefix') format('embedded-opentype'),
    url('../font/icon_dsl.woff') format('woff'),
    url('../font/icon_dsl.ttf') format('truetype');
}

/* @section 2. icons */

.ico {
    font: 1em 'icon'
}

.ico:before {
    content: attr(data-icon)
}

/* @section 2.1 info */

.icoInfo {
    padding: 0.5em
}

.icoInfo:hover:before {
    background: #006cae;
    background: -webkit-linear-gradient(top, #006cae, #0092ef);
    background: linear-gradient(top, #006cae, #0092ef)
}

.icoInfo:before {
    border-radius: 0.75em;
    background: #bbb;
    background: -webkit-linear-gradient(top, #bbb, #666);
    background: linear-gradient(top, #bbb, #666);
    color: #fff;
    padding: 0.25em 0.5em;
    font-size: 0.8em
}

/* @section 3. result feature icons */

.icoResultFeature:hover:before {
    color: #eee;
    background: #666;
    background: rgba(0, 0, 0, 0.7)
}

.icoResultFeature:before {
    border-radius: 0.125em;
    background: #ddd;
    background: -webkit-linear-gradient(top, #ddd, #d5d5d5);
    background: linear-gradient(top, #ddd, #d5d5d5);
    display: inline-block;
    font-size: 1.25em;
    color: #888;
    margin: 0.125em;
    padding: 0.5em 0.75em
}

/* @section 5. result feature icons */

.icoStar {
    color: #fcbc40;
    font-size: 1.5em;
    display: inline-block
}

.icoStar + .icoStar {
    margin-left: 0.125em
}

.icoStar.inactive {
    color: #ddd
}

.icoError:before {
    content: 'z';
    margin-right: 15px;
    display: block;
    float: left;
    color: #c00;
    font-size: 1.4em;
    line-height: 0.8em;
}

.icoPlus:before {
    content: 'g';
    color: #c00;
    vertical-align: middle;
}

.icoMinus:before {
    content: 'h';
    color: #0c0;
    vertical-align: middle;
}