﻿.workflowItem, .workflowArrowItem
{
    DISPLAY:inline-block;
    text-align:center;
}

.workflowItem .rmItem
{
    text-align:left;
}

.workflowItem
{
    padding:0 10px;
    border:solid 1px #FFF;
    cursor:pointer;
    cursor:hand;
}

.disabled .workflowArrowItem 
{
    background-image:url(../images/workflow-icons-disabled.png);
}

.workflowItem a
{
    display:block;
    position:relative;
    text-decoration:none;
    color:#333 ! important;
}

.workflowItem .workflowItemText
{
    position:absolute;
    top:38%;
    left:0;
    width:100%;
    text-align:center;
    font-size:18px;
}
.workflowItem span.iconHolder, .workflowArrowItem
{    
    display:inline-block;
    margin:auto;
    background: url(../images/workflow-icons-II.png) 0 0 no-repeat #8c929c;
    width: 115px;
    height: 115px;
    font-size:70px;
    font-weight:bold;
    line-height:115px;
    color:#f3f3f3;
    font-family:Arial, Sans-Serif;
}

.workflowItem span.iconHolder
{
    background: url(../images/workflow-icons-II.png) 0 0 no-repeat;
}

.workflowItem.hover span.iconHolder
{
    /*background-color:#53565c ! important;*/
    color:#cecbce;
}

.disabled .workflowItem span.iconHolder,
.disabled .workflowItem.hover span.iconHolder
{
    background-color:#DDD ! important;
}
.disabled .workflowItem span.iconHolder,
.disabled .workflowItem.hover span.iconHolder,
.disabled .workflowItem .link
{
    color:#DDD ! important;
    cursor:default;
}
.workflowArrowItem
{
    background-position:50% 100%;
    background-color:#FFF;
    width:60px;
}

.workflowItem .manage span.iconHolder
{
    background-color:#186aaf;
    color:#f4e3ee;
}
.workflowItem .manage .workflowItemText
{
    color: #FF1383;
}
.workflowItem.hover .manage span.iconHolder
{
    color: #f4e3ee;
}
.workflowItem .orange span.iconHolder
{
    /*background-color:#f58024;*/
    color: #f4e3ee;
}
.workflowItem .orange .workflowItemText
{
    color: #FF1383;
}
.workflowItem.hover .orange span.iconHolder
{
    color: #f4e3ee;
}

/*.workflowItem .companySetup span.iconHolder
{
    background-position: 0 -288px;
}
.workflowItem .paymentInfo span.iconHolder
{
    background-position: 0 -72px;
}
.workflowItem .addDebtors span.iconHolder
{
    background-position: 0 -144px;
}
.workflowItem .manageDebtors span.iconHolder
{
    background-position: 0 -360px;
}
.workflowItem .generateLetters span.iconHolder
{
    background-position: 0 -216px;
}
.workflowItem .viewProcessing span.iconHolder
{
    background-position: 0 -360px;
}
.workflowItem .createDebtorReports span.iconHolder
{
    background-position: 0 -432px;
}*/