/*==================================================================================================
 * User Portal Icon Image Stripe
 * Date Created: 06/09/2013
 * Date Modified:09/06/2013
 * Reason for Modification: Icons sizes changed.
 * Generated By TooL: http://spritegen.website-performance.org/
 * In order to generate the sprite go to the above web site and perform following steps
    a) Upload your Zip file contianing the images
    b) Remove the CSS prefix from CSS Output Optins
    c) Genrate the Stripe
    d) Replace the Image userPortal-iconPack.png @ CSS/Common/Images with the newly generated image.
    e) Replace the CSS Classes in the User Portal Icon Classes Section with the newly generated CSS classes.
    f) Change the class name for all hover icons. Currently there are three Icons to change. 
        ******* Please add the newly added hover Icons to this list *******
            1) .image-edit-default-hover to .image-edit-default:hover
            2) .print-default-hover to .print-default:hover
            3) .a-removeicon-default-hover to .a-removeicon-default:hover
            4) .download-default-hover to download-default:hover
    g) Ensure that the all references to this file (userPortal-iconPack.png) are updated
        ******* Show Planner specific CSS - ShowPlannerFavourites_templated.css
 *==================================================================================================*/
 
 /*==================================================================================================
 * User Portal Icon Stripe
 *==================================================================================================*/
.user-portal-icon {
    background: url("../images/userPortal-iconPack.png") no-repeat top left;
    display: inline-block;
    vertical-align: middle;
}

.user-portal-icon-block {
    background: url("../images/userPortal-iconPack.png") no-repeat top left;
    display: block;
}

/*==================================================================================================
 * User Portal Icon Classes
 *==================================================================================================*/
.a-removeicon-default:hover{ background-position: 0 0; width: 16px; height: 16px; } 
.a-removeicon-default{ background-position: 0 -66px; width: 16px; height: 16px; } 
.calendar-item-read-default{ background-position: 0 -132px; width: 24px; height: 24px; } 
.calendar-new-blue-default{ background-position: 0 -206px; width: 24px; height: 24px; } 
.chevron-blue-default{ background-position: 0 -280px; width: 16px; height: 16px; } 
.chevron-blue-leftpointing{ background-position: 0 -346px; width: 16px; height: 16px; } 
.company-group-default{ background-position: 0 -412px; width: 24px; height: 24px; } 
.company-pressrelease-default{ background-position: 0 -486px; width: 24px; height: 24px; } 
.company-products-default{ background-position: 0 -560px; width: 24px; height: 24px; } 
.company-rvideos-default{ background-position: 0 -634px; width: 24px; height: 24px; } 
.company-socialmedia-profile-default{ background-position: 0 -708px; width: 24px; height: 24px; } 
.company-standsharers-default{ background-position: 0 -782px; width: 24px; height: 24px; } 
.download-default:hover{ background-position: 0 -856px; width: 16px; height: 16px; } 
.download-default{ background-position: 0 -922px; width: 16px; height: 16px; } 
.edit-default{ background-position: 0 -988px; width: 16px; height: 16px; } 
.event-edition-drop-default{ background-position: 0 -1054px; width: 10px; height: 10px; } 
.facet-search-icon{ background-position: 0 -1114px; width: 24px; height: 24px; } 
.image-edit-default:hover{ background-position: 0 -1188px; width: 16px; height: 16px; } 
.image-edit-default{ background-position: 0 -1254px; width: 16px; height: 16px; } 
.leads-companylist-default{ background-position: 0 -1320px; width: 24px; height: 24px; } 
.maintask-green-complete-default{ background-position: 0 -1394px; width: 16px; height: 16px; } 
.meeting-accepted-default{ background-position: 0 -1460px; width: 24px; height: 24px; } 
.meeting-accepted-new-info{ background-position: 0 -1534px; width: 24px; height: 24px; } 
.meeting-declined-default{ background-position: 0 -1608px; width: 24px; height: 24px; } 
.meeting-declined-new-info{ background-position: 0 -1682px; width: 24px; height: 24px; } 
.message-companylist-default{ background-position: 0 -1756px; width: 24px; height: 24px; } 
.message-new-defualt{ background-position: 0 -1830px; width: 24px; height: 24px; } 
.message-opened-default{ background-position: 0 -1904px; width: 24px; height: 24px; } 
.message-repliedto-default{ background-position: -74px 0; width: 24px; height: 24px; } 
.modal-closed-default{ background-position: -74px -74px; width: 10px; height: 10px; } 
.modal-open-default{ background-position: -74px -134px; width: 10px; height: 10px; } 
.print-default:hover{ background-position: -74px -194px; width: 24px; height: 24px; } 
.print-default{ background-position: -74px -268px; width: 24px; height: 24px; } 
.services-default{ background-position: -74px -342px; width: 24px; height: 24px; } 
.settings-default{ background-position: -74px -416px; width: 16px; height: 16px; } 
.standsharer-default{ background-position: -74px -482px; width: 16px; height: 16px; } 
.subtask-complete-green-default{ background-position: -74px -548px; width: 16px; height: 16px; } 
.task-companylist-default{ background-position: -74px -614px; width: 16px; height: 16px; } 
.task-notcomplete-default{ background-position: -74px -680px; width: 16px; height: 16px; } 
.utilitybelt-leads-default{ background-position: -74px -746px; width: 24px; height: 24px; } 
.utilitybelt-message-default{ background-position: -74px -820px; width: 24px; height: 24px; } 
.utilitybelt-tasks-default{ background-position: -74px -894px; width: 24px; height: 24px; } 
.view-frontend{ background-position: -74px -968px; width: 16px; height: 16px; }