.icon {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin: 5px 0px 5px 5px;
}

#toolbar .icon {
    margin: 7px 0 5px 5px;
}

#pantry .icon {
    float: right;
}

.icon-label {
    line-height: 29px;
    /*font-size: 13px;*/
    margin-left: 5px;    
}

#toolbar .icon-label { margin-right: 3px; }

#login .icon-label {
    line-height: 26px;
    /*font-size: 13px;*/
    margin-left: 0px;
}

/* action icons */

.add .icon {
    background-image: url(images/icon-add-blue.png); /* sprite */
    width: 14px;
    height: 14px;
    margin: 4px 1px 5px 6px;
    cursor: pointer;
}

.add .icon-label {
    line-height: 21px;
    cursor: pointer;    
}

.back .icon {
    background-image: url(images/icon-apply.png) !important; /* sprite */
    width: 16px;
    height: 16px;
    margin: 6px 1px 5px 4px;
}

/* style category icons */

    .clean .icon {
        background-image: url(images/icon-clean.png); /* sprite */
        cursor: pointer;
    }
    
    .formal .icon {
        background-image: url(images/icon-formal.png); /* sprite */
        cursor: pointer;
    }
    
    .color .icon {
        background-image: url(images/icon-color.png); /* sprite */
        cursor: pointer;
    }
    
    .noncolor .icon {
        background-image: url(images/icon-blackandwhite.png); /* sprite */
        cursor: pointer;
    }
    
    .sansserif .icon {
        background-image: url(images/icon-sansserif.png); /* sprite */
        cursor: pointer;
    }
    
    .serif .icon {
        background-image: url(images/icon-serif.png); /* sprite */
        cursor: pointer;
    }
    
    .mixedfonts .icon, .icon.mixedfonts {
        background-image: url(images/icon-mixedfonts.png); /* sprite */
        cursor: pointer;
    }
    
    .onecolumn .icon {
        background-image: url(images/icon-onecolumn.png); /* sprite */
        cursor: pointer;
    }
    
    .twocolumn .icon {
        background-image: url(images/icon-twocolumn.png); /* sprite */
        cursor: pointer;
    }
    
    .stylish .icon, .icon.stylish {
        background-image: url(images/icon-stylish.png); /* sprite */
        cursor: pointer;
    }
    
    .college .icon {
        background-image: url(images/icon-college.png); /* sprite */
        cursor: pointer;
    }
    
    .popular .icon {
        background-image: url(images/icon-popular.png); /* sprite */
        cursor: pointer;
    }

.object.hidden .object .action .icon {
    display: none
}

.object .action.hide .icon, .icon.toggle-on, .toggle-on .icon {
    background-image: url(images/icon-toggle-on.png); /* sprite */
    cursor: pointer;
}

.object.hidden .action.hide .icon, .toggle-off .icon {
    background-image: url(images/icon-toggle-off.png); /* sprite */
    cursor: pointer;
}

.move .icon {
    background-image: url(images/icon-move.png); /* sprite */
    cursor: move;
}

.remove .icon {
    background-image: url(images/icon-remove.png); /* sprite */
    cursor: pointer;
}


/* resume icons */

.item.note .item-description .icon,
.item.subnote .item-description .icon {
	background-image: url(images/icon-note.png); /* sprite */
}

.item.contact .item-description .icon {
	background-image: url(images/icon-contact.png); /* sprite */
}

.item.address .item-description .icon {
	background-image: url(images/icon-contact.png); /* sprite */
}

.item.number .item-description .icon {
	background-image: url(images/icon-number.png); /* sprite */
}

.item.email .item-description .icon {
	background-image: url(images/icon-email.png); /* sprite */
}

.item.objective .item-description .icon {
	background-image: url(images/icon-pin.png); /* sprite */
}

.item.education .item-description .icon {
	background-image: url(images/icon-school.png); /* sprite */
}

.item.school .item-description .icon {
	background-image: url(images/icon-school.png); /* sprite */
}

.item.coursework .item-description .icon {
	background-image: url(images/icon-coursework.png); /* sprite */
}

.item.coursework-class .item-description .icon {
	background-image: url(images/icon-coursework.png); /* sprite */
}

.item.experience .item-description .icon {
	background-image: url(images/icon-job.png); /* sprite */
}

.item.job .item-description .icon {
	background-image: url(images/icon-job.png); /* sprite */
}

.item.achievements .item-description .icon {
	background-image: url(images/icon-award.png); /* sprite */
}

.item.achievement-note .item-description .icon {
	background-image: url(images/icon-award.png); /* sprite */
}

.item.affiliations .item-description .icon {
	background-image: url(images/icon-users.png); /* sprite */
}

.item.affiliations-note .item-description .icon {
	background-image: url(images/icon-users.png); /* sprite */
}

.item.skills .item-description .icon {
	background-image: url(images/icon-skill.png); /* sprite */
}

.item.skill-note .item-description .icon {
	background-image: url(images/icon-skill.png); /* sprite */
}

.item.publications .item-description .icon {
	background-image: url(images/icon-books.png); /* sprite */
}

.item.book .item-description .icon {
	background-image: url(images/icon-book.png); /* sprite */
}

.item.journal .item-description .icon {
	background-image: url(images/icon-article.png); /* sprite */
}

.item.periodical .item-description .icon {
	background-image: url(images/icon-newspaper.png); /* sprite */
}

.item.patent .item-description .icon {
	background-image: url(images/icon-patent.png); /* sprite */
}

.item.section .item-description .icon {
	background-image: url(images/icon-section.png); /* sprite */
}

.item.note_date .item-description .icon,
.item.subnote_date .item-description .icon  {
	background-image: url(images/icon-calendar.png); /* sprite */    
}

.item.subsection .item-description .icon {
	background-image: url(images/icon-subsection.png); /* sprite */    
}


/* styles icons */

#pantry .style .icon, .icon.style {
	background-image: url(images/icon-style.png); /* sprite */
}

#pantry .custom-style .icon {
	background-image: url(images/icon-style-custom.png); /* sprite */
}

#pantry .az .icon {
	background-image: url(images/icon-sort-az.png); /* sprite */
}

#pantry .za .icon {
	background-image: url(images/icon-sort-za.png); /* sprite */
}

#pantry .newest .icon {
	background-image: url(images/icon-sort-newest.png); /* sprite */
}

/* infobox action icons */

.infobox-actions .close .icon {
    float: right;
    background-image: url(images/icon-close.png); /* sprite */
}

.infobox-actions .apply .icon {
    float: right;
    background-image: url(images/icon-apply.png); /* sprite */
}


/* toolbar icons */

#toolbar .mode.arrange .icon {
    background-image: url(images/icon-move.png); /* sprite */
}

#toolbar .mode.showhide .icon {
    background-image: url(images/icon-hide.png); /* sprite */
}

#toolbar .undo .icon, .icon.undo {
    background-image: url(images/icon-arrow-left-undo.png); /* sprite */
}

#toolbar .redo .icon {
    background-image: url(images/icon-arrow-right-redo.png); /* sprite */
}

#toolbar .save .icon {
    background-image: url(images/icon-disk.png); /* sprite */
}

#toolbar .publish .icon, .icon.publish {
    background-image: url(images/icon-publish.png); /* sprite */ 
}

#toolbar .download .icon, .icon.print {
    background-image: url(images/icon-print.png); /* sprite */
}

#toolbar .print-error .icon, .icon.print-error {
    background-image: url(images/icon-print-error.png); /* sprite */
}

#toolbar .buy_style .icon {
    background-image: url(images/icon-credit-card.png); /* sprite */ 
}

#toolbar .guide .icon, .icon.guide {
    background-image: url(images/icon-guide.png); /* sprite */
}

#toolbar .help .icon {
    background-image: url(images/icon-guide.png); /* sprite */
}

#toolbar .doc .icon {
    background-image: url(images/icon-word.png); /* sprite */
}

#toolbar .customize .icon {
    background-image: url(images/icon-customize.png); /* sprite */
}

#toolbar .profile .icon, .icon.publish {
    background-image: url(images/icon-users.png); /* sprite */
}

#toolbar .sync .icon {
    background-image: url(images/icon-sync.png); /* sprite */
}


#toolbar .sync.synced .icon {
    background-image: url(images/icon-checkmark.png); /* sprite */
}

#toolbar .sync.syncing .icon {
    background-image: url(images/icon-syncing.gif); /* sprite */
}

/* login / logout icons */
.login .icon {
    margin-left: 0px;
}

/* message icons */

#message.information {
    background-image: url(images/icon-information.png); /* sprite */
}

/* privacy icons */
.docs .link .icon {
    background-image: url(images/icon-link.png); /* sprite */
}

/* docs icons */

#pantry .document .icon {
	background-image: url(images/icon-template.png); /* sprite */
}

#pantry .submit .icon {
	background-image: url(images/icon-submit.png); /* sprite */
}

.docs .approval-pending .icon {
	background-image: url(images/icon-pending.png); /* sprite */
}

.docs .approval-public .icon {
	background-image: url(images/icon-users.png); /* sprite */
}

.docs .approval-denied .icon {
	background-image: url(images/icon-deny.png); /* sprite */
}

.docs .approval-private .icon {
	background-image: url(images/icon-user.png); /* sprite */
}

.docs .approval-custom .icon {
	background-image: url(images/icon-style-custom.png); /* sprite */    
}

/* other icons */

.icon.tab {
    background-image: url(images/icon-tab.png); /* sprite */
}

.icon.optional {
    background-image: url(images/icon-optional.png); /* sprite */
}

.icon.scissors {
    background-image: url(images/icon-scissors.png); /* sprite */
}

.icon.exclamation {
    background-image: url(images/icon-exclamation.png); /* sprite */
}

.icon.blue-doc-pencil {
    background-image: url(images/icon-blue-doc-pencil.png); /* sprite */
}

.icon.blue-doc-plus {
    background-image: url(images/icon-blue-doc-plus.png); /* sprite */
}

.icon.magnifier {
    background-image: url(images/icon-magnifier.png); /* sprite */
}

.icon.information {
    background-image: url(images/icon-information.png); /* sprite */
}

.icon.publish {
    background-image: url(images/icon-publish.png); /* sprite */
}

#publishing_options .pdf .icon, .icon.export {
    background-image: url(images/icon-export.png); /* sprite */
}

#publishing_options .share .icon {
    background-image: url(images/icon-link.png); /* sprite */
}

#publishing_options .docx .icon {
    background-image: url(images/icon-word.png); /* sprite */
}

#message .icon {
    background-image: url(images/message-banner.png); /* sprite */
    height: 45px;
    margin-top: 0;
    width: 20px;
}