div.darkBG { background: #000000; width: auto; height: auto; }
div.lightBG { background: #FFFFFF; width: auto; height: auto; }

/* SMALL ICONS - DARK */

.darkAdd_small,.darkAdd_small:link,.darkAdd_small:visited,.darkAdd_small:hover,.darkAdd_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -5px -6px; }
.darkSearch_small,.darkSearch_small:link,.darkSearch_small:visited,.darkSearch_small:hover,.darkSearch_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -26px -6px; }
.darkEdit_small,.darkEdit_small:link,.darkEdit_small:visited,.darkEdit_small:hover,.darkEdit_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -47px -6px; }
.darkDelete_small,.darkDelete_small:link,.darkDelete_small:visited,.darkDelete_small:hover,.darkDelete_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -68px -6px; }
.darkSave_small,.darkSave_small:link,.darkSave_small:visited,.darkSave_small:hover,.darkSave_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -89px -6px; }
.darkPin_small,.darkPin_small:link,.darkPin_small:visited,.darkPin_small:hover,.darkPin_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -110px -6px; }
.darkView_small,.darkView_small:link,.darkView_small:visited,.darkView_small:hover,.darkView_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -131px -6px; } 
.darkDuplicate_small,.darkDuplicate_small:link,.darkDuplicate_small:visited,.darkDuplicate_small:hover,.darkDuplicate_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -152px -6px; }
.darkSummary_small,.darkSummary_small:link,.darkSummary_small:visited,.darkSummary_small:hover,.darkSummary_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -173px -6px; }
.darkClose_small,.darkClose_small:link,.darkClose_small:visited,.darkClose_small:hover,.darkClose_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -194px -6px; }
.darkMap_small,.darkMap_small:link,.darkMap_small:visited,.darkMap_small:hover,.darkMap_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -215px -6px; }
.darkSpell_small,.darkSpell_small:link,.darkSpell_small:visited,.darkSpell_small:hover,.darkSpell_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -5px -27px; }
.darkSaveClose_small,.darkSaveClose_small:link,.darkSaveClose_small:visited,.darkSaveClose_small:hover,.darkSaveClose_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -26px -27px; }
.darkSaveAdd_small,.darkSaveAdd_small:link,.darkSaveAdd_small:visited,.darkSaveAdd_small:hover,.darkSaveAdd_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -47px -27px; }
.darkSaveContinue_small,.darkSaveContinue_small:link,.darkSaveContinue_small:visited,.darkSaveContinue_small:hover,.darkSaveContinue_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -68px -27px; }
.darkUpload_small,.darkUpload_small:link,.darkUpload_small:visited,.darkUpload_small:hover,.darkUpload_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -89px -27px; }
.darkSend_small,.darkSend_small:link,.darkSend_small:visited,.darkSend_small:hover,.darkSend_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -110px -27px; }
.darkPreview_small,.darkPreview_small:link,.darkPreview_small:visited,.darkPreview_small:hover,.darkPreview_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -131px -27px; }
.darkPrevious_small,.darkPrevious_small:link,.darkPrevious_small:visited,.darkPrevious_small:hover,.darkPrevious_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -152px -27px; }
.darkNext_small,.darkNext_small:link,.darkNext_small:visited,.darkNext_small:hover,.darkNext_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -173px -27px; }
.darkExport_small,.darkExport_small:link,.darkExport_small:visited,.darkExport_small:hover,.darkExport_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -194px -27px; }
.darkExpand_small,.darkExpand_small:link,.darkExpand_small:visited,.darkExpand_small:hover,.darkExpand_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -236px -27px; }
.darkCollapse_small,.darkCollapse_small:link,.darkCollapse_small:visited,.darkCollapse_small:hover,.darkCollapse_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -215px -27px; }
.darkLock_small,.darkLock_small:link,.darkLock_small:visited,.darkLock_small:hover,.darkLock_small:active { width: 16px; height: 16px; background: url('images/lock_bw.png'); }

/* SMALL ICONS - LIGHT */

.lightAdd_small,.lightAdd_small:link,.lightAdd_small:visited,.lightAdd_small:hover,.lightAdd_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -5px -48px; }
.lightSearch_small,.lightSearch_small:link,.lightSearch_small:visited,.lightSearch_small:hover,.lightSearch_small:active  { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -26px -48px; }
.lightEdit_small,.lightEdit_small:link,.lightEdit_small:visited,.lightEdit_small:hover,.lightEdit_small:active  { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -47px -48px; }
.lightDelete_small,.lightDelete_small:link,.lightDelete_small:visited,.lightDelete_small:hover,.lightDelete_small:active  { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -68px -48px; }
.lightSave_small,.lightSave_small:link,.lightSave_small:visited,.lightSave_small:hover,.lightSave_small:active  { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -89px -48px; }
.lightPin_small,.lightPin_small:link,.lightPin_small:visited,.lightPin_small:hover,.lightPin_small:active  { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -110px -48px; }
.lightView_small,.lightView_small:link,.lightView_small:visited,.lightView_small:hover,.lightView_small:active  { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -131px -48px; } 
.lightDuplicate_small,.lightDuplicate_small:link,.lightDuplicate_small:visited,.lightDuplicate_small:hover,.lightDuplicate_small:active  { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -152px -48px; }
.lightSummary_small,.lightSummary_small:link,.lightSummary_small:visited,.lightSummary_small:hover,.lightSummary_small:active  { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -173px -48px; }
.lightClose_small,.lightClose_small:link,.lightClose_small:visited,.lightClose_small:hover,.lightClose_small:active  { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -194px -48px; }
.lightMap_small,.lightMap_small:link,.lightMap_small:visited,.lightMap_small:hover,.lightMap_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -215px -48px; }
.lightSpell_small,.lightSpell_small:link,.lightSpell_small:visited,.lightSpell_small:hover,.lightSpell_small:active  { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -5px -69px; }
.lightSaveClose_small,.lightSaveClose_small:link,.lightSaveClose_small:visited,.lightSaveClose_small:hover,.lightSaveClose_small:active  { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -26px -69px; }
.lightSaveAdd_small,.lightSaveAdd_small:link,.lightSaveAdd_small:visited,.lightSaveAdd_small:hover,.lightSaveAdd_small:active  { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -47px -69px; }
.lightSaveContinue_small,.lightSaveContinue_small:link,.lightSaveContinue_small:visited,.lightSaveContinue_small:hover,.lightSaveContinue_small:active  { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -68px -69px; }
.lightUpload_small,.lightUpload_small:link,.lightUpload_small:visited,.lightUpload_small:hover,.lightUpload_small:active  { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -89px -69px; }
.lightSend_small,.lightSend_small:link,.lightSend_small:visited,.lightSend_small:hover,.lightSend_small:active  { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -110px -69px; }
.lightPreview_small,.lightPreview_small:link,.lightPreview_small:visited,.lightPreview_small:hover,.lightPreview_small:active  { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -131px -69px; }
.lightPrevious_small,.lightPrevious_small:link,.lightPrevious_small:visited,.lightPrevious_small:hover,.lightPrevious_small:active  { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -152px -69px; }
.lightNext_small,.lightNext_small:link,.lightNext_small:visited,.lightNext_small:hover,.lightNext_small:active  { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -173px -69px; }
.lightExport_small,.lightExport_small:link,.lightExport_small:visited,.lightExport_small:hover,.lightExport_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -194px -69px; }
.lightExpand_small,.lightExpand_small:link,.lightExpand_small:visited,.lightExpand_small:hover,.lightExpand_small:active  { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -236px -69px; }
.lightCollapse_small,.lightCollapse_small:link,.lightCollapse_small:visited,.lightCollapse_small:hover,.lightCollapse_small:active { width: 16px; height: 16px; background: url('images/cargoNet/cargoNet_16.png') -215px -69px; }

/* BIG ICONS - DARK */

.darkAdd_big,.darkAdd_big:link,.darkAdd_big:visited,.darkAdd_big:hover,.darkAdd_big:active  { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -5px -5px; }
.darkSearch_big,.darkSearch_big:link,.darkSearch_big:visited,.darkSearch_big:hover,.darkSearch_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -42px -5px; }
.darkEdit_big,.darkEdit_big:link,.darkEdit_big:visited,.darkEdit_big:hover,.darkEdit_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -79px -5px; }
.darkDelete_big,.darkDelete_big:link,.darkDelete_big:visited,.darkDelete_big:hover,.darkDelete_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -116px -5px; }
.darkSave_big,.darkSave_big:link,.darkSave_big:visited,.darkSave_big:hover,.darkSave_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -153px -5px; }
.darkPin_big,.darkPin_big:link,.darkPin_big:visited,.darkPin_big:hover,.darkPin_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -190px -5px; }
.darkView_big,.darkView_big:link,.darkView_big:visited,.darkView_big:hover,.darkView_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -227px -5px; } 
.darkDuplicate_big,.darkDuplicate_big:link,.darkDuplicate_big:visited,.darkDuplicate_big:hover,.darkDuplicate_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -264px -5px; }
.darkSummary_big,.darkSummary_big:link,.darkSummary_big:visited,.darkSummary_big:hover,.darkSummary_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -301px -5px; }
.darkClose_big,.darkClose_big:link,.darkClose_big:visited,.darkClose_big:hover,.darkClose_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -338px -5px; }
.darkMap_big,.darkMap_big:link,.darkMap_big:visited,.darkMap_big:hover,.darkMap_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -375px -5px; }
.darkSpell_big,.darkSpell_big:link,.darkSpell_big:visited,.darkSpell_big:hover,.darkSpell_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -5px -42px; }
.darkSaveClose_big,.darkSaveClose_big:link,.darkSaveClose_big:visited,.darkSaveClose_big:hover,.darkSaveClose_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -42px -42px; }
.darkSaveAdd_big,.darkAdd_big:link,.darkSaveAdd_big:visited,.darkSaveAdd_big:hover,.darkSaveAdd_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -79px -42px; }
.darkSaveContinue_big,.darkSaveAContinue_big:link,.darkSaveAContinue_big:visited,.darkSaveAContinue_big:hover,.darkSaveAContinue_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -116px -42px; }
.darkUpload_big,.darkUpload_big:link,.darkUpload_big:visited,.darkUpload_big:hover,.darkUpload_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -153px -42px; }
.darkSend_big,.darkSend_big:link,.darkSend_big:visited,.darkSend_big:hover,.darkSend_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -190px -42px; }
.darkPreview_big,.darkPreview_big:link,.darkPreview_big:visited,.darkPreview_big:hover,.darkPreview_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -227px -42px; }
.darkPrevious_big,.darkPrevious_big:link,.darkPrevious_big:visited,.darkPrevious_big:hover,.darkPrevious_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -264px -42px; }
.darkNext_big,.darkNext_big:link,.darkNext_big:visited,.darkNext_big:hover,.darkNext_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -301px -42px; }
.darkExport_big,.darkExport_big:link,.darkExport_big:visited,.darkExport_big:hover,.darkExport_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -338px -42px; }
.darkExpand_big,.darkExpand_big:link,.darkExpand_big:visited,.darkExpand_big:hover,.darkExpand_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -412px -42px; }
.darkCollapse_big,.darkCollapse_big:link,.darkCollapse_big:visited,.darkCollapse_big:hover,.darkCollapse_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -375px -42px; }

/* BIG ICONS - LIGHT */

.lightAdd_big,.lightAdd_big:link,.lightAdd_big:visited,.lightAdd_big:hover,.lightAdd_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -5px -79px; }
.lightSearch_big,.lightSearch_big:link,.lightSearch_big:visited,.lightSearch_big:hover,.lightSearch_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -42px -79px; }
.lightEdit_big,.lightEdit_big:link,.lightEdit_big:visited,.lightEdit_big:hover,.lightEdit_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -79px -79px; }
.lightDelete_big,.lightDelete_big:link,.lightDelete_big:visited,.lightDelete_big:hover,.lightDelete_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -116px -79px; }
.lightSave_big,.lightSave_big:link,.lightSave_big:visited,.lightSave_big:hover,.lightSave_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -153px -79px; }
.lightPin_big,.lightPin_big:link,.lightPin_big:visited,.lightPin_big:hover,.lightPin_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -190px -79px; }
.lightView_big,.lightView_big:link,.lightView_big:visited,.lightView_big:hover,.lightView_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -227px -79px; } 
.lightDuplicate_big,.lightDuplicate_big:link,.lightDuplicate_big:visited,.lightDuplicate_big:hover,.lightDuplicate_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -264px -79px; }
.lightSummary_big,.lightSummary_big:link,.lightSummary_big:visited,.lightSummary_big:hover,.lightSummary_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -301px -79px; }
.lightClose_big,.lightClose_big:link,.lightClose_big:visited,.lightClose_big:hover,.lightClose_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -338px -79px; }
.lightMap_big,.lightMap_big:link,.lightMap_big:visited,.lightMap_big:hover,.lightMap_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -375px -79px; }
.lightSpell_big,.lightSpell_big:link,.lightSpell_big:visited,.lightSpell_big:hover,.lightSpell_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -5px -116px; }
.lightSaveClose_big,.lightClose_big:link,.lightClose_big:visited,.lightClose_big:hover,.lightClose_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -42px -116px; }
.lightSaveAdd_big,.lightSaveAdd_big:link,.lightSaveAdd_big:visited,.lightSaveAdd_big:hover,.lightSaveAdd_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -79px -116px; }
.lightSaveContinue_big,.lightSaveContinue_big:link,.lightSaveContinue_big:visited,.lightSaveContinue_big:hover,.lightSaveContinue_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -116px -116px; }
.lightUpload_big,.lightUpload_big:link,.lightUpload_big:visited,.lightUpload_big:hover,.lightUpload_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -153px -116px; }
.lightSend_big,.lightSend_big:link,.lightSend_big:visited,.lightSend_big:hover,.lightSend_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -190px -116px; }
.lightPreview_big,.lightPreview_big:link,.lightPreview_big:visited,.lightPreview_big:hover,.lightPreview_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -227px -116px; }
.lightPrevious_big,.lightPrevious_big:link,.lightPrevious_big:visited,.lightPrevious_big:hover,.lightPrevious_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -264px -116px; }
.lightNext_big,.lightNext_big:link,.lightNext_big:visited,.lightNext_big:hover,.lightNext_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -301px -116px; }
.lightExport_big,.lightExport_big:link,.lightExport_big:visited,.lightExport_big:hover,.lightExport_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -338px -116px; }
.lightExpand_big,.lightExpand_big:link,.lightExpand_big:visited,.lightExpand_big:hover,.lightExpand_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -412px -116px; }
.lightCollapse_big,.lightCollapse_big:link,.lightCollapse_big:visited,.lightCollapse_big:hover,.lightCollapse_big:active { width: 32px; height: 32px; background: url('images/cargoNet/cargoNet_32.png') -375px -116px; }