﻿.iconWrapper 
{
    white-space:nowrap;
}
.icon.btn
{
    padding:0 10px 0 5px;
}
.icon.btn.right
{
    padding:0 5px 0 10px;
}
.icon span, .iconWrapper span
{
    float:left;
    background: url(../images/icons.png) -4px -710px no-repeat;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}
.icon.right span
{
    float:right;
}

.icon.large span, .iconWrapper.large span
{
    float:left;
    background: url(../images/IRS-Icons-Large.png) 0 0 no-repeat;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
}


/* ------- Large Icons -----------*/
.icon.large.save span
{
    background-position: 0 0;    
}
.icon.large.cancel span
{
    background-position: 0 -60px;    
}
.icon.large.processDebtors span
{
    background-position: 0 -120px;    
}
.icon.large.addDebtors span
{
    background-position: 0 -180px;    
}



/* ------- Normal Icons -----------*/
.icon.search span
{
    background-position: -4px -1px;
}
.icon.first span
{
    background-position: -4px -100px;
}
.icon.last span
{
    background-position: -4px -132px;
}
.icon.prev span
{
    background-position: -4px -164px;
}
.icon.next span
{
    background-position: -4px -196px;
}
.icon.first[disabled] span
{
    background-position: -4px -228px;
}
.icon.last[disabled] span
{
    background-position: -4px -260px;
}
.icon.prev[disabled] span
{
    background-position: -4px -292px;
}
.icon.next[disabled] span
{
    background-position: -4px -324px;
}
.icon.hoverable[disabled]:hover
{
    background:none;    
    filter: none;
    border:none;
    margin:1px;
}
.icon.sortAsc span
{
    background-position: -4px -36px;
}
.icon.sortDesc span
{
    background-position: -4px -68px;
}
.icon.close span
{
    background-position: -5px -487px ;
}
.icon.favorites span
{
    background-position: -6px -517px ;
}
.icon.favorites[disabled] span
{
    background-position: -6px -549px ;
}
.icon.start span
{
    background-position: -5px -581px ;
}
.icon.start[disabled] span
{
    background-position: -5px -612px ;
}
.icon.cancel span
{
    background-position: -5px -644px;
}
.icon.cancel[disabled] span
{
    background-position: -5px -676px;
}
.icon.add span
{
    background-position: -4px -710px;
}
.icon.add[disabled] span
{
    background-position: -4px -742px;
}
.iconWrapper.edit span, .icon.edit span
{
    background-position: -5px -772px;
}
.iconWrapper.edit[disabled] span, .icon.edit[disabled] span
{
    background-position: -5px -804px;
}
.iconWrapper.delete span, .icon.delete span
{
    background-position: -5px -836px;
}
.iconWrapper.delete[disabled] span, .icon.delete[disabled] span
{
    background-position: -5px -868px;
}
.paymentType .icon span
{
    background-position: -500px -900px;    
}
.icon.ok span,
.paymentType.activePaymentPlan .icon span
{
    background-position: -5px -900px;
}
.icon.ok[disabled] span
{
    background-position: -5px -932px;
}
.icon.back span
{
    background-position: -5px -964px;
}
.icon.back[disabled] span
{
    background-position: -5px -996px;
}
.icon.forward span
{
    background-position: -5px -1028px;
}
.icon.forward[disabled] span
{
    background-position: -5px -1060px;
}
.icon.fight span
{
    background-position: -5px -1092px;
}
.icon.fight[disabled] span
{
    background-position: -5px -1124px;
}
.icon.compare span
{
    background-position: -5px -1156px;
}
.icon.compare[disabled] span
{
    background-position: -5px -1188px;
}
.icon.feedback span
{
    background-position: -5px -1253px;
}
.icon.arrow span
{
    background-position: -7px -1395px;
}
.icon.arrow:hover span
{
    background-position: -7px -1360px;
}
.icon.info span
{
    background-position: -5px -1501px;
}
.icon.edit span
{
    background-position: -4px -1731px;
}
.icon.doc span
{
    background-position: 4px -1916px;
}
.icon.pdf span
{
    background-position: 4px -1948px;
}

.logo
{
	
}

.logo img
{
	max-height : 79px;
	max-width : 300px;
}

/* For communication tracking icons (can be reused for other places) */
.success-icon > i, .updated-invoice > i
{
    color: green;
}

.waiting-icon > i, .outdated-invoice > i
{
    color: orange;
}

.failed-icon > i, .no-invoice
{
    color: red;
}

/* Tooltip icon */
.infoSpan 
{
    color: #00A2FF;
}