/**
        ICONS
**/
[class^="wicon-"],
[class*=" wicon-"]{
    width: 22px;
    height: 22px;
    overflow: hidden;
    background-image: url('../img/work-icons.png');
    margin-left: 0;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}
.wicon-empty{
    width: 16px;
    height: 16px;
    background-image: none;
}
.wicon-star{
    width: 16px;
    height: 16px;
    background-position: -79px 0;
}
.wicon-star.on{
    background-position: -79px -20px;
}
.wicon-star.black{
    background-position: -79px -40px;
}
.wicon-checkbox{
    width: 13px;
    height: 13px;
    cursor: pointer;
    background-position: -100px 0px;
}
.wicon-checkbox.active{
    background-position: -100px -20px;
}
.wicon-calendar{
    width: 16px;
    height: 16px;
    background-position: 0 -60px;
}
[class^="wicon-"].on,
[class*=" wicon-"].on{
    opacity: 1;
}
.wicon-square{
    background: transparent;
    display: inline-block;
    width: 11px;
    height: 11px;
    border: 1px solid #CCC;	
}
.wicon-pencil, .wicon-edit{
    background-image: url('../img/pencil.png');
    width: 12px;
    height: 12px;
}
.wicon-cron{
    background-image: url('../img/cron.png');
    width: 11px;
    height: 11px;
    vertical-align: text-bottom;
}

[class^="istatus-"],
[class*=" istatus-"]{
    display: inline-block;
    width: 12px;
    height: 12px;
    /* Firefox v1.0+ */
    -moz-border-radius:50% ;
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius:50% ;
    /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    border-radius:50% ;
    margin-bottom: 9px;
    /*border: solid 2px rgba(0, 0, 0, .1);*/
}
.istatus-active{
    background-color:rgb(0,217,109);
}
.istatus-pending, 
.istatus-draft{
    background-color:rgb(255,255,38);
}
.istatus-deleted{
    background-color:rgb(255,77,77);
}
.istatus-active.scheduled{
    background-color:#06B7FF;
}
.istatus-new{
    background-color:#f1f1f1;
    border: solid 2px rgba(0, 0, 0, .1);
}
.li-handler{
    display: inline-block;
    height: 30px;
    width: 12px;
    background-image: url(../img/li-handler.png);
    background-repeat: repeat-y;
    margin-right: 2px;
    cursor: move;
}
.no-bg{
    background: none !important;
}
[class^="gicon-"],
[class*=" gicon-"]{
    width: 25px;
    height: 24px;
    overflow: hidden;
    background-image: url('../img/webapp-icons.png');
    margin-left: -8px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -8px;
}
.gicon-delete{
    background-position: -256px -96px;
}
.gicon-pencil{
    background-position: -32px -96px;
}
.gicon-tag{
    background-position: -288px -0px;
}
.gicon-bin{
    background-position: -224px -32px;
}
.gicon-image{
    background-position: -128px 0px;
}
.gicon-calendar{
    background-position: -32px -64px;
}
.vsep-icons{
    height: 24px;
    width: 1px;
    background-color: #DDD;
    display: inline-block;
    margin: 0 10px;
}
.featured-bt{
    color: #CCC;
    font-size: 14px;
    vertical-align: text-bottom;
    line-height: 5px;
    cursor: pointer;
}
.featured-bt:hover{
    color: #999;
}
.featured-bt.on,
.featured-bt.on:hover{
    color: orange;
}
.featured-bt.idle,
.featured-bt.idle:hover{
    color: #DDD;
}
.primaryField .featured-bt {
    font-size: 20px;
    line-height: 24px;
    margin-left: 0px;
}