.icon {
    background-color: #e7e4df;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 3px;
}

.link-modules.large .icon {
    background-color: #ffffff;
}

.link-modules.small ul li a {
    padding: 3px 5px;
    margin: 0 0 5px 0;
}

.icon,
.icon span
{
    display: block;
    text-align: center;
}

.icon.non-default
{
    background-color: transparent;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
    padding: 0;
}

.icon.inline
{ 
    display: inline-block;
}

.icon:hover
{
    border: 1px solid #9a9790;
}

.icon.non-default:hover
{
    border: 0;
}

.icon.active
{
    background-color: #CAC3B9;
}

.size16 span, 
.size24 span, 
.size32 span
{
    display: none;
}

.size48 span
{
    padding-top: 52px;
}

.size64 span
{
    padding-top: 68px;
}

.size96 span
{
    padding-top: 100px;
}


.size128 span
{
    padding-top: 132px;
}

.size16
{
    background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    min-width: 16px;
    min-height: 16px;
}

.size24
{
    background-size: 24px 24px;
    -moz-background-size: 24px 24px;
    -webkit-background-size: 24px 24px;
    min-width: 24px;
    min-height: 24px;
}

.size32
{
    background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    -webkit-background-size: 32px 32px;
    min-width: 32px;
    min-height: 32px;
}

.size48
{
    background-size: 48px 48px;
    -moz-background-size: 48px 48px;
    -webkit-background-size: 48px 48px;
    min-width: 48px;
    min-height: 48px;
}

.size64 {
    background-size: 64px 64px;
    -moz-background-size: 64px 64px;
    -webkit-background-size: 64px 64px;
    min-width: 64px;
    min-height: 64px;
}

.size96
{
    background-size: 96px 96px;
    -moz-background-size: 96px 96px;
    -webkit-background-size: 96px 96px;
    min-width: 96px;
    min-height: 182px;
}

.size128
{
    background-size: 128px 128px;
    -moz-background-size: 128px 128px;
    -webkit-background-size: 128px 128px;
    min-width: 128px;
    min-height: 128px;
}

.size16.top, 
.size24.top
{
    top: 5px;
}

.size32.top,
.size48.top,
.size64.top,
.size96.top,
.size128.top
{
    top: 10px;
}

/* Icons */
.icon.accept { background-image: url(../icons/accept.png); }
.icon.accept_page { background-image: url(../icons/accept_page.png); }
.icon.add { background-image: url(../icons/add.png); }
.icon.add_event { background-image: url(../icons/add_event.png); }
.icon.add_image { background-image: url(../icons/add_image.png); }
.icon.add_pages { background-image: url(../icons/add_pages.png); }
.icon.attachment { background-image: url(../icons/attachment.png); }
.icon.back { background-image: url(../icons/back.png); }
.icon.block { background-image: url(../icons/block.png); }
.icon.blue_arrow_up { background-image: url(../icons/blue_arrow_up.png); }
.icon.calendar { background-image: url(../icons/calendar.png); }
.icon.chart_up { background-image: url(../icons/chart_up.png); }
.icon.copy_paste { background-image: url(../icons/copy_paste.png); }
.icon.credit_cart { background-image: url(../icons/credit_cart.png); }
.icon.credit_cart_cancelled { background-image: url(../icons/credit_cart_cancelled.png); }
.icon.delete { background-image: url(../icons/delete.png); }
.icon.delete_page { background-image: url(../icons/delete_page.png); }
.icon.delete_user { background-image: url(../icons/delete_user.png); }
.icon.download { background-image: url(../icons/user_accept.png); }
.icon.edit { background-image: url(../icons/edit.png); }
.icon.edit_page { background-image: url(../icons/edit_page.png); }
.icon.edit_profile { background-image: url(../icons/edit_profile.png); }
.icon.class_action { background-image: url(../icons/class_action.png); }
.icon.email { background-image: url(../icons/email.png); }
.icon.event { background-image: url(../icons/event.png); }
.icon.event_accept { background-image: url(../icons/event_accept.png); }
.icon.event_info { background-image: url(../icons/event_info.png); }
.icon.event_warning { background-image: url(../icons/event_warning.png); } 
.icon.globe { background-image: url(../icons/globe.png); }
.icon.globe_download { background-image: url(../icons/globe_download.png); }
.icon.globe_process { background-image: url(../icons/globe_process.png); }
.icon.globe_warning { background-image: url(../icons/globe_warning.png); }
.icon.green_arrow_down { background-image: url(../icons/green_arrow_down.png); }
.icon.green_arrow_up { background-image: url(../icons/green_arrow_up.png); }
.icon.help { background-image: url(../icons/help.png); }
.icon.help_balloon { background-image: url(../icons/help_balloon.png); }
.icon.info { background-image: url(../icons/info.png); }
.icon.lock { background-image: url(../icons/lock.png); }
.icon.mail { background-image: url(../icons/mail.png); }
.icon.mail_receive { background-image: url(../icons/mail_receive.png); }
.icon.mail_send { background-image: url(../icons/mail_send.png); }
.icon.mms { background-image: url(../icons/mms.png); }
.icon.new { background-image: url(../icons/new.png); }
.icon.new_page { background-image: url(../icons/new_page.png); }
.icon.next { background-image: url(../icons/next.png); }
.icon.note { background-image: url(../icons/note.png); }
.icon.note_accept { background-image: url(../icons/note_accept.png); }
.icon.note_book { background-image: url(../icons/note_book.png); }
.icon.orange_arrow_down { background-image: url(../icons/orange_arrow_down.png); }
.icon.orange_arrow_up { background-image: url(../icons/orange_arrow_up.png); }
.icon.page_down { background-image: url(../icons/page_down.png); }
.icon.page_up { background-image: url(../icons/page_up.png); }
.icon.pages { background-image: url(../icons/pages.png); }
.icon.pages_warning { background-image: url(../icons/pages_warning.png); }
.icon.refresh { background-image: url(../icons/refresh.png); }
.icon.refresh_page { background-image: url(../icons/refresh_page.png); }
.icon.remove_event { background-image: url(../icons/remove_event.png); }
.icon.save { background-image: url(../icons/save.png); }
.icon.search { background-image: url(../icons/search.png); }
.icon.search_globe { background-image: url(../icons/search_globe.png); }
.icon.search_page { background-image: url(../icons/search_page.png); }
.icon.search_user { background-image: url(../icons/search_user.png); }
.icon.send_mms { background-image: url(../icons/send_mms.png); }
.icon.send_sms { background-image: url(../icons/send_sms.png); }
.icon.sms { background-image: url(../icons/sms.png); }
.icon.support { background-image: url(../icons/support.png); }
.icon.tag_blue { background-image: url(../icons/tag_blue.png); }
.icon.tag_green { background-image: url(../icons/tag_green.png); }
.icon.text_page { background-image: url(../icons/text_page.png); }
.icon.toolbox { background-image: url(../icons/toolbox.png); }
.icon.trash_can { background-image: url(../icons/trash_can.png); }
.icon.trash_empty { background-image: url(../icons/trash_empty.png); }
.icon.travel_directions { background-image: url(../icons/travel_directions.png); }
.icon.undo { background-image: url(../icons/undo.png); }
.icon.unlock { background-image: url(../icons/unlock.png); }
.icon.up { background-image: url(../icons/up.png); }
.icon.user { background-image: url(../icons/user.png); }
.icon.user_accept { background-image: url(../icons/user_accept.png); }
.icon.users { background-image: url(../icons/users.png); }
.icon.users_pending { background-image: url(../icons/users_pending.png); }
.icon.research { background-image: url(../icons/research.png); }
.icon.warning { background-image: url(../icons/warning.png); }
.icon.web { background-image: url(../icons/web.png); }
.icon.report { background-image: url(../icons/report.png); }
.icon.payments { background-image: url(../icons/payments.png); }
.icon.member_forms { background-image: url(../icons/member_forms.png); }
.icon.education { background-image: url(../icons/education.png); }
.icon.vote { background-image: url(../icons/vote.png); }
.icon.rural { background-image: url(../icons/sheep.png); }
.icon.urban { background-image: url(../icons/building.png); }
.icon.doctor { background-image: url(../icons/doctor.png); }
.icon.xero { background-image: url(../images/xero/xero-logo.png); }

.icon.checkbox {
    background-image: url(../icons/16/checkbox.png);
    width: 13px;
}