.icon {
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
}



.content-update-icon {
    display: block;
    width: 36px;
    height: 24px;
    /*background-image: url(../images/updateIcon.png);*/
    background-position: 0 -500px;

}

.content-type-icon {
    display: block;
    width: 20px;
    height: 20px;
}

.content-type-icon.flipperType {
    background-position: -41px -500px;
}

.content-type-icon.thinqType {
    background-position: -66px -500px;
}

.content-type-icon.stormType {
    background-position: -91px -500px;
}
.content-type-icon.otherType {
    background-position: -41px -525px;
}
.content-type-icon.videoType {
    background-position: -66px -525px;
}




/* farPrevButton
----------------------------------- */
.farPrevButton .icon {
    /*width: 8px;*/
    width: 9px;
    height: 7px;
    background-position: 0 -270px;
}


.paging.white .farPrevButton .icon, .farPrevButton:hover .icon {
    width: 9px;
    height: 8px;
    background-position: -13px -270px;
}


/* prevButton
----------------------------------- */
.prevButton .icon {
    /*width: 6px;*/
    width: 7px;
    height: 7px;
    background-position: -54px -270px;
}


.paging.white .prevButton .icon, .prevButton:hover .icon {
    width: 7px;
    height: 8px;
    background-position: -65px -270px;
}

/* nextButton
----------------------------------- */
.nextButton .icon {
    /*width: 6px;*/
    width: 7px;
    height: 7px;
    background-position: -77px -270px;
}

.paging.white .nextButton .icon, .nextButton:hover .icon {
    width: 7px;
    height: 8px;
    background-position: -88px -270px;
}

/* farNextButton
----------------------------------- */
.farNextButton .icon {
    /*width: 8px;*/
    width: 9px;
    height: 7px;
    background-position: -27px -270px;
}

.paging.white .farNextButton .icon, .farNextButton:hover .icon {
    width: 9px;
    height: 8px;
    background-position: -40px -270px;
}

.bubbleCancel .icon {
    display: block;
    width: 16px;
    height: 16px;
    background-position: 0 -380px;
}

#searchClear .icon {
    display: block;
    width: 16px;
    height: 16px;
    background-position: 0 -380px;
}

/*/////////////////////////////////////////////////////////////
 Submenu Right (Home) / Button
//////////////////////////////////////////////////////////////*/

#typeThumb .icon {
    background-position: -75px -180px;
}

#typeThumb.active .icon, #typeThumb:hover .icon {
    background-position: -50px -180px;
}


#typeMix .icon {
    background-position: -25px -180px;
}

#typeMix.active .icon, #typeMix:hover .icon {
    background-position: 0 -180px;
}

/*/////////////////////////////////////////////////////////////
 Submenu Right (Content) / Button
//////////////////////////////////////////////////////////////*/


#contentEdit a .icon {
    background-position: -76px -20px;
}


#contentEdit a:hover .icon {
    background-position: -76px 0;
}

#contentDelete a .icon {
    background-position: -95px -20px;
}

#contentDelete a:hover .icon {
    background-position: -95px 0;
}

#contentDelete a.disable .icon {
    background-position: -95px -20px;
}



#contentPopout a .icon {
    background-position: -171px -20px;
}

#contentPopout a:hover .icon {
    background-position: -171px 0;
}

/* Maker
----------------------------------- */


#uContentEdit .icon {
    background-position: -76px -20px;
}

#uContentEdit a:hover .icon {
    background-position: -76px -20px;
}


#uContentCopy .icon {
    background-position: -381px -20px;
}

#uContentCopy a:hover .icon {
    background-position: -381px -20px;
}

#uContentExport .icon {
    background-position: -114px -20px;
}

#uContentExport a:hover .icon {
    background-position: -114px -20px;
}


#uContentDelete .icon {
    background-position: -95px -20px;
}

#uContentDelete a:hover .icon {
    background-position: -95px -20px;
}

#uContentPreview a .icon {
    background-position: -152px -20px;
}


#uContentPreview a:hover .icon {
    background-position: -152px -20px;
}




/* Expand Button
----------------------------------- */


#expand.show a .icon {
    background-position: -228px -20px;
}

#expand.show a:hover .icon {
    background-position: -228px 0;
}

#expand.hide a .icon {
    background-position: -247px -20px;
}

#expand.hide a:hover .icon {
    background-position: -247px 0;
}



/* Search Sort
----------------------------------- */

#searchSort li.toggleSort:hover .up .icon {
    visibility: visible;
    background-position: 0 -280px;
}

#searchSort li.toggleSort .active.ascending .icon {
    background-position: -28px -280px;
}

#searchSort li.toggleSort .active.descending .icon {
    background-position: 0 -280px;
}




.coverButton a.oEditButton .icon {
    background-position: -76px 0;
    background-repeat: no-repeat;
}

.coverButton a:hover.oEditButton .icon {
    background-position: -76px -20px;
    background-repeat: no-repeat;
}

.coverButton a.oExportButton .icon {
    background-position: -114px 0;
    background-repeat: no-repeat;
}

.coverButton a:hover.oExportButton .icon {
    background-position: -114px -20px;
    background-repeat: no-repeat;
}

.coverButton a.oZipDownloadButton .icon {
    background-position: -190px 0;
    background-repeat: no-repeat;
}

.coverButton a:hover.oZipDownloadButton .icon {
    background-position: -190px -20px;
    background-repeat: no-repeat;
}



.coverButton a.oDelteButton .icon {
    background-position: -95px 0;
    background-repeat: no-repeat;
}

.coverButton a:hover.oDelteButton .icon {
    background-position: -95px -20px;
    background-repeat: no-repeat;
}

#updateList h1 .icon  {
    background-position: 0 -200px;
}

#convertList h1 .icon {
    background-position: -24px -200px;
}

#convertErrorList h1 .icon  {
    background-position: -48px -200px;
}


.lock-icon  {
    display: block;
    background-image: url(../img/lock.png);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
}