/* CSS Stand 10.03.09 */ /* copyright 2009 www.cocompose.com */ /* Verwendete Farben: Weiss: fff Gruen a3c822 Grau(Text): 494848 (alt:7c7c7c) Grau(Back): 494949 Grau-Background-NEU!: 2b2d31 */ /* BUTTONS (new construction) h:commandButtons / s:buttons / span-Buttons ******************************************************************************************************** */ /* SUPERCLASSES + COLORCLASSES (Size-Settings + Color-Settings) *********************************************************************************************************** *********************************************************************************************************** ******************************************************************************************************** */ /* S-Button */ .S-CLASS { background-color: transparent; background-repeat: no-repeat; border-style: none; width: 46px; height: 16px; font-size: 1em; text-align: center; } .cont_ondark .S-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -20px -60px; color: #fff;} .cont_ongreen .S-button { background: url(symbuttons/allButtons/AllButtons_green.png) -20px -60px; color: #fff;} .rich-modalpanel .S-button, /* + S-Buttons in MPs - used on white only */ .cont_onwhite .S-button { background: url(symbuttons/allButtons/AllButtons_white.png) -20px -60px; color: #494848;} .cont_ondark .S-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -20px -80px; color: #fff;} .cont_ongreen .S-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -20px -80px; color: #fff;} .rich-modalpanel .S-button-o, /* + S-Buttons in MPs - used on white only */ .cont_onwhite .S-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -20px -80px; color: #fff;} /* S-Buttons in MPs */ .SPAN-S-CLASS { background-color: transparent; background-repeat: no-repeat; border-style: none; width: 46px; height: 16px; font-size: 1em; text-align: center; padding: 1px 16px 1px 16px; } .rich-modalpanel .SPAN-S-button { background: url(symbuttons/allButtons/AllButtons_white.png) -20px -60px; color: #494848;} .rich-modalpanel .SPAN-S-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -20px -80px; color: #fff;} /* M-Button */ .M-CLASS { background-color: transparent; background-repeat: no-repeat; border-style: none; width: 67px; height: 16px; font-size: 1em; text-align: center; } .cont_ondark .M-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -80px -60px; color: #fff;} .cont_ongreen .M-button { background: url(symbuttons/allButtons/AllButtons_green.png) -80px -60px; color: #fff;} .cont_onwhite .M-button { background: url(symbuttons/allButtons/AllButtons_white.png) -80px -60px; color: #494848;} .cont_ondark .M-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -80px -80px; color: #fff;} .cont_ongreen .M-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -80px -80px; color: #fff;} .cont_onwhite .M-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -80px -80px; color: #fff;} /* L-Button */ .L-CLASS { background-color: transparent; background-repeat: no-repeat; border-style: none; width: 87px; height: 16px; font-size: 1em; text-align: center; } .cont_ondark .L-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -160px -60px; color: #fff;} .cont_ongreen .L-button { background: url(symbuttons/allButtons/AllButtons_green.png) -160px -60px; color: #fff;} .cont_onwhite .L-button { background: url(symbuttons/allButtons/AllButtons_white.png) -160px -60px; color: #494848;} .cont_ondark .L-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -160px -80px; color: #fff;} .cont_ongreen .L-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -160px -80px; color: #fff;} .cont_onwhite .L-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -160px -80px; color: #fff;} /* XL-Button */ .XL-CLASS { background-color: transparent; background-repeat: no-repeat; border-style: none; width: 117px; height: 16px; font-size: 1em; text-align: center; } .cont_ondark .XL-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -260px -60px; color: #fff;} .cont_ongreen .XL-button { background: url(symbuttons/allButtons/AllButtons_green.png) -260px -60px; color: #fff;} .cont_onwhite .XL-button { background: url(symbuttons/allButtons/AllButtons_white.png) -260px -60px; color: #494848;} .cont_ondark .XL-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -260px -80px; color: #fff;} .cont_ongreen .XL-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -260px -80px; color: #fff;} .cont_onwhite .XL-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -260px -80px; color: #fff;} /* XXL-Button */ .XXL-CLASS { background-color: transparent; background-repeat: no-repeat; border-style: none; width: 131px; height: 16px; font-size: 1em; text-align: center; } .cont_ondark .XXL-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -380px -60px; color: #fff;} .cont_ongreen .XXL-button { background: url(symbuttons/allButtons/AllButtons_green.png) -380px -60px; color: #fff;} .cont_onwhite .XXL-button { background: url(symbuttons/allButtons/AllButtons_white.png) -380px -60px; color: #494848;} .cont_ondark .XXL-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -380px -80px; color: #fff;} .cont_ongreen .XXL-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -380px -80px; color: #fff;} .cont_onwhite .XXL-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -380px -80px; color: #fff;} .cont_ondark .play-XXL-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -520px -60px; color: #fff; padding-left: 10px;} .cont_ongreen .play-XXL-button { background: url(symbuttons/allButtons/AllButtons_green.png) -520px -60px; color: #fff; padding-left: 10px;} .cont_onwhite .play-XXL-button { background: url(symbuttons/allButtons/AllButtons_white.png) -520px -60px; color: #494848; padding-left: 10px;} .cont_ondark .play-XXL-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -520px -80px; color: #fff; padding-left: 10px;} .cont_ongreen .play-XXL-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -520px -80px; color: #fff; padding-left: 10px;} .cont_onwhite .play-XXL-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -520px -80px; color: #fff; padding-left: 10px;} .cont_ondark .svote-XXL-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -660px -60px; color: #fff; padding-left: 10px;} .cont_ongreen .svote-XXL-button { background: url(symbuttons/allButtons/AllButtons_green.png) -660px -60px; color: #fff; padding-left: 10px;} .cont_onwhite .svote-XXL-button { background: url(symbuttons/allButtons/AllButtons_white.png) -660px -60px; color: #494848; padding-left: 10px;} .cont_ondark .svote-XXL-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -660px -80px; color: #fff; padding-left: 10px;} .cont_ongreen .svote-XXL-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -660px -80px; color: #fff; padding-left: 10px;} .cont_onwhite .svote-XXL-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -660px -80px; color: #fff; padding-left: 10px;} .cont_ondark .bckwd-XXL-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -660px -60px; color: #fff; padding-left: 10px;} .cont_ongreen .bckwd-XXL-button { background: url(symbuttons/allButtons/AllButtons_green.png) -660px -60px; color: #fff; padding-left: 10px;} .cont_onwhite .bckwd-XXL-button { background: url(symbuttons/allButtons/AllButtons_white.png) -660px -60px; color: #494848; padding-left: 10px;} .cont_ondark .bckwd-XXL-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -660px -80px; color: #fff; padding-left: 10px;} .cont_ongreen .bckwd-XXL-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -660px -80px; color: #fff; padding-left: 10px;} .cont_onwhite .bckwd-XXL-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -660px -80px; color: #fff; padding-left: 10px;} .cont_ondark .ffwd-XXL-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -800px -60px; color: #fff; padding-right: 10px;} .cont_ongreen .ffwd-XXL-button { background: url(symbuttons/allButtons/AllButtons_green.png) -800px -60px; color: #fff; padding-right: 10px;} .cont_onwhite .ffwd-XXL-button { background: url(symbuttons/allButtons/AllButtons_white.png) -800px -60px; color: #494848; padding-right: 10px;} .cont_ondark .ffwd-XXL-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -800px -80px; color: #fff; padding-right: 10px;} .cont_ongreen .ffwd-XXL-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -800px -80px; color: #fff; padding-right: 10px;} .cont_onwhite .ffwd-XXL-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -800px -80px; color: #fff; padding-right: 10px;} /* SYMBOL-BUTTONS (new construction) *********************************************************************************************************** *********************************************************************************************************** ******************************************************************************************************** */ /* Für Rollover MAC Opera,Safari,Frefox Zustandnormal: #yxz img Zustand over: #xyz img:hover */ /*Für PC IE 5 und 6 nur!!! #xyz / #xyz a:hover */ /* Zustandnormal: #yxz geht aber auch für alle Mac Browser */ /* bei a:hover Problem da Bildposition in Opera und Firefox zu tief: #xyz a:hover */ /* SUPER CLASSES (Size-Settings) ******************************************************************************************************** */ .sb20x16 { background-color: transparent; /*background: url(symbuttons/replaces/replace_symbol_20x16_tsp.gif);*/ background-repeat: no-repeat; border-style: none; margin-right:4px; width: 16px; height: 16px; } .sb16x16 { background-color: transparent; /*background: url(symbuttons/replaces/replace_symbol_20x16_tsp.gif);*/ background-repeat: no-repeat; border-style: none; width: 16px; height: 16px; } .sb16x17 { /* only used for "Help-Button" because of incorrect position */ background-color: transparent; /*background: url(symbuttons/replaces/replace_symbol_20x16_tsp.gif);*/ background-repeat: no-repeat; border-style: none; width: 16px; height: 17px; } .sb11x11 { /* only used for "sortSymbol" in findProject_searchresult.xhtml */ background-color: transparent; /*background: url(symbuttons/replaces/replace_symbol_20x16_tsp.gif);*/ background-repeat: no-repeat; border-style: none; width: 11px; height: 11px; } /* COLOR CLASSES (Color-Settings) ******************************************************************************************************** */ /* vote-Button */ .cont_ondark .vote-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -20px 0px;} .cont_ongreen .vote-button { background: url(symbuttons/allButtons/AllButtons_green.png) -20px 0px;} .cont_onwhite .vote-button { background: url(symbuttons/allButtons/AllButtons_white.png) -20px 0px;} .cont_ondark .vote-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -20px -20px;} .cont_ongreen .vote-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -20px -20px;} .cont_onwhite .vote-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -20px -20px;} /* settovotable-Button */ .cont_ondark .settovotable-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -40px 0px;} .cont_ongreen .settovotable-button { background: url(symbuttons/allButtons/AllButtons_green.png) -40px 0px;} .cont_onwhite .settovotable-button { background: url(symbuttons/allButtons/AllButtons_white.png) -40px 0px;} .cont_ondark .settovotable-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -40px -20px;} .cont_ongreen .settovotable-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -40px -20px;} .cont_onwhite .settovotable-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -40px -20px;} /* edit-Button */ .cont_ondark .edit-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -80px 0px;} .cont_ongreen .edit-button { background: url(symbuttons/allButtons/AllButtons_green.png) -80px 0px;} .cont_onwhite .edit-button { background: url(symbuttons/allButtons/AllButtons_white.png) -80px 0px;} .cont_ondark .edit-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -80px -20px;} .cont_ongreen .edit-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -80px -20px;} .cont_onwhite .edit-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -80px -20px;} /* addtoplaylist-Button */ .cont_ondark .addtoplaylist-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -120px 0px;} .cont_ongreen .addtoplaylist-button { background: url(symbuttons/allButtons/AllButtons_green.png) -120px 0px;} .cont_onwhite .addtoplaylist-button { background: url(symbuttons/allButtons/AllButtons_white.png) -120px 0px;} .cont_ondark .addtoplaylist-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -120px -20px;} .cont_ongreen .addtoplaylist-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -120px -20px;} .cont_onwhite .addtoplaylist-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -120px -20px;} /* addtoshoppingcart-Button */ .cont_ondark .addtoshoppingcart-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -200px 0px;} .cont_ongreen .addtoshoppingcart-button { background: url(symbuttons/allButtons/AllButtons_green.png) -200px 0px;} .cont_onwhite .addtoshoppingcart-button { background: url(symbuttons/allButtons/AllButtons_white.png) -200px 0px;} .cont_ondark .addtoshoppingcart-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -200px -20px;} .cont_ongreen .addtoshoppingcart-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -200px -20px;} .cont_onwhite .addtoshoppingcart-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -200px -20px;} /* download-Button */ .cont_ondark .download-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -220px 0px;} .cont_ongreen .download-button { background: url(symbuttons/allButtons/AllButtons_green.png) -220px 0px;} .cont_onwhite .download-button { background: url(symbuttons/allButtons/AllButtons_white.png) -220px 0px;} .cont_ondark .download-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -220px -20px;} .cont_ongreen .download-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -220px -20px;} .cont_onwhite .download-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -220px -20px;} /* delete-Button */ .cont_ondark .delete-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -240px 0px;} .cont_ongreen .delete-button { background: url(symbuttons/allButtons/AllButtons_green.png) -240px 0px;} .cont_onwhite .delete-button { background: url(symbuttons/allButtons/AllButtons_white.png) -240px 0px;} .cont_ondark .delete-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -240px -20px;} .cont_ongreen .delete-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -240px -20px;} .cont_onwhite .delete-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -240px -20px;} /* comments-Button */ .cont_ondark .comments-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -260px 0px;} .cont_ongreen .comments-button { background: url(symbuttons/allButtons/AllButtons_green.png) -260px 0px;} .cont_onwhite .comments-button { background: url(symbuttons/allButtons/AllButtons_white.png) -260px 0px;} .cont_ondark .comments-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -260px -20px;} .cont_ongreen .comments-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -260px -20px;} .cont_onwhite .comments-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -260px -20px;} /* addtracktofavorites-Button */ .cont_ondark .addtracktofavorites-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -280px 0px;} .cont_ongreen .addtracktofavorites-button { background: url(symbuttons/allButtons/AllButtons_green.png) -280px 0px;} .cont_onwhite .addtracktofavorites-button { background: url(symbuttons/allButtons/AllButtons_white.png) -280px 0px;} .cont_ondark .addtracktofavorites-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -280px -20px;} .cont_ongreen .addtracktofavorites-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -280px -20px;} .cont_onwhite .addtracktofavorites-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -280px -20px;} /* deltrackfromfavorites-Button */ .cont_ondark .deltrackfromfavorites-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -300px 0px;} .cont_ongreen .deltrackfromfavorites-button { background: url(symbuttons/allButtons/AllButtons_green.png) -300px 0px;} .cont_onwhite .deltrackfromfavorites-button { background: url(symbuttons/allButtons/AllButtons_white.png) -300px 0px;} .cont_ondark .deltrackfromfavorites-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -300px -20px;} .cont_ongreen .deltrackfromfavorites-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -300px -20px;} .cont_onwhite .deltrackfromfavorites-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -300px -20px;} /* setinwork-Button */ .cont_ondark .setinwork-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -340px 0px;} .cont_ongreen .setinwork-button { background: url(symbuttons/allButtons/AllButtons_green.png) -340px 0px;} .cont_onwhite .setinwork-button { background: url(symbuttons/allButtons/AllButtons_white.png) -340px 0px;} .cont_ondark .setinwork-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -340px -20px;} .cont_ongreen .setinwork-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -340px -20px;} .cont_onwhite .setinwork-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -340px -20px;} /* plus-Button */ .cont_ondark .plus-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -360px 0px;} .cont_ongreen .plus-button { background: url(symbuttons/allButtons/AllButtons_green.png) -360px 0px;} .cont_onwhite .plus-button { background: url(symbuttons/allButtons/AllButtons_white.png) -360px 0px;} .cont_ondark .plus-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -360px -20px;} .cont_ongreen .plus-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -360px -20px;} .cont_onwhite .plus-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -360px -20px;} /* minus-Button */ .cont_ondark .minus-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -380px 0px;} .cont_ongreen .minus-button { background: url(symbuttons/allButtons/AllButtons_green.png) -380px 0px;} .cont_onwhite .minus-button { background: url(symbuttons/allButtons/AllButtons_white.png) -380px 0px;} .cont_ondark .minus-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -380px -20px;} .cont_ongreen .minus-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -380px -20px;} .cont_onwhite .minus-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -380px -20px;} /* lock/unlock-Buttons - Version 1 (means to act) */ .cont_ondark .lock-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -400px 0px;} .cont_ongreen .lock-button { background: url(symbuttons/allButtons/AllButtons_green.png) -400px 0px;} .cont_onwhite .lock-button { background: url(symbuttons/allButtons/AllButtons_white.png) -400px 0px;} .cont_ondark .lock-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -400px -20px;} .cont_ongreen .lock-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -400px -20px;} .cont_onwhite .lock-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -400px -20px;} .cont_ondark .unlock-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -420px 0px;} .cont_ongreen .unlock-button { background: url(symbuttons/allButtons/AllButtons_green.png) -420px 0px;} .cont_onwhite .unlock-button { background: url(symbuttons/allButtons/AllButtons_white.png) -420px 0px;} .cont_ondark .unlock-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -420px -20px;} .cont_ongreen .unlock-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -420px -20px;} .cont_onwhite .unlock-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -420px -20px;} /* locked/unlocked -Buttons - Version 2 (means is current status) */ .cont_ondark .unlocked-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -440px 0px;} .cont_ongreen .unlocked-button { background: url(symbuttons/allButtons/AllButtons_green.png) -440px 0px;} .cont_onwhite .unlocked-button { background: url(symbuttons/allButtons/AllButtons_white.png) -440px 0px;} .cont_ondark .unlocked-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -440px -20px;} .cont_ongreen .unlocked-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -440px -20px;} .cont_onwhite .unlocked-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -440px -20px;} .cont_ondark .locked-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -460px 0px;} .cont_ongreen .locked-button { background: url(symbuttons/allButtons/AllButtons_green.png) -460px 0px;} .cont_onwhite .locked-button { background: url(symbuttons/allButtons/AllButtons_white.png) -460px 0px;} .cont_ondark .locked-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -460px -20px;} .cont_ongreen .locked-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -460px -20px;} .cont_onwhite .locked-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -460px -20px;} /* info-Button */ .cont_ondark .info-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -480px 0px;} .cont_ongreen .info-button { background: url(symbuttons/allButtons/AllButtons_green.png) -480px 0px;} .cont_onwhite .info-button { background: url(symbuttons/allButtons/AllButtons_white.png) -480px 0px;} .cont_ondark .info-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -480px -20px;} .cont_ongreen .info-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -480px -20px;} .cont_onwhite .info-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -480px -20px;} /* Highslide info-Button */ .cont_ondark .HSinfo-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -480px 0px; padding-top: 6px;} .cont_ongreen .HSinfo-button { background: url(symbuttons/allButtons/AllButtons_green.png) -480px 0px; padding-top: 6px;} .cont_onwhite .HSinfo-button { background: url(symbuttons/allButtons/AllButtons_white.png) -480px 0px; padding-top: 6px;} .cont_ondark .HSinfo-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -480px -20px; padding-top: 6px;} .cont_ongreen .HSinfo-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -480px -20px; padding-top: 6px;} .cont_onwhite .HSinfo-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -480px -20px; padding-top: 6px;} /* help-Button */ .cont_ondark .help-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -520px 0px;} .cont_ongreen .help-button { background: url(symbuttons/allButtons/AllButtons_green.png) -520px 0px;} .rich-modalpanel .help-button, .cont_onwhite .help-button { background: url(symbuttons/allButtons/AllButtons_white.png) -520px 0px;} .cont_ondark .help-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -520px -20px;} .cont_ongreen .help-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -520px -20px;} .rich-modalpanel .help-button-o, .cont_onwhite .help-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -520px -20px;} /* TIRAL: IE6-Versions .gif * html .cont_ondark .help-button { background: url(symbuttons/allButtons/AllButtons_grey.gif) -520px 0px;} * html .cont_ongreen .help-button { background: url(symbuttons/allButtons/AllButtons_green.gif) -520px 0px;} * html .cont_onwhite .help-button { background: url(symbuttons/allButtons/AllButtons_white.gif) -520px 0px;} * html .cont_ondark .help-button-o { background: url(symbuttons/allButtons/AllButtons_grey.gif) -520px -20px;} * html .cont_ongreen .help-button-o { background: url(symbuttons/allButtons/AllButtons_green.gif) -520px -20px;} * html .cont_onwhite .help-button-o { background: url(symbuttons/allButtons/AllButtons_white.gif) -520px -20px;} */ /* basedOn-Button */ .cont_ondark .basedOn-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -600px 0px;} .cont_ongreen .basedOn-button { background: url(symbuttons/allButtons/AllButtons_green.png) -600px 0px;} .cont_onwhite .basedOn-button { background: url(symbuttons/allButtons/AllButtons_white.png) -600px 0px;} .cont_ondark .basedOn-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -600px -20px;} .cont_ongreen .basedOn-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -600px -20px;} .cont_onwhite .basedOn-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -600px -20px;} /* play-Button */ .cont_ondark .play-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -620px 0px;} .cont_ongreen .play-button { background: url(symbuttons/allButtons/AllButtons_green.png) -620px 0px;} .cont_onwhite .play-button { background: url(symbuttons/allButtons/AllButtons_white.png) -620px 0px;} .cont_ondark .play-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -620px -20px;} .cont_ongreen .play-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -620px -20px;} .cont_onwhite .play-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -620px -20px;} /* pause-Button */ .cont_ondark .pause-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -660px 0px;} .cont_ongreen .pause-button { background: url(symbuttons/allButtons/AllButtons_green.png) -660px 0px;} .cont_onwhite .pause-button { background: url(symbuttons/allButtons/AllButtons_white.png) -660px 0px;} .cont_ondark .pause-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -660px -20px;} .cont_ongreen .pause-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -660px -20px;} .cont_onwhite .pause-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -660px -20px;} /* stop-Button */ .cont_ondark .stop-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -640px 0px;} .cont_ongreen .stop-button { background: url(symbuttons/allButtons/AllButtons_green.png) -640px 0px;} .cont_onwhite .stop-button { background: url(symbuttons/allButtons/AllButtons_white.png) -640px 0px;} .cont_ondark .stop-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -640px -20px;} .cont_ongreen .stop-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -640px -20px;} .cont_onwhite .stopo-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -640px -20px;} /* rewind-Button */ .cont_ondark .rewind-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -700px 0px;} .cont_ongreen .rewind-button { background: url(symbuttons/allButtons/AllButtons_green.png) -700px 0px;} .cont_onwhite .rewind-button { background: url(symbuttons/allButtons/AllButtons_white.png) -700px 0px;} .cont_ondark .rewind-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -700px -20px;} .cont_ongreen .rewind-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -700px -20px;} .cont_onwhite .rewind-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -700px -20px;} /* scrubBack-Button */ .cont_ondark .scrubBack-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -720px 0px;} .cont_ongreen .scrubBack-button { background: url(symbuttons/allButtons/AllButtons_green.png) -720px 0px;} .cont_onwhite .scrubBack-button { background: url(symbuttons/allButtons/AllButtons_white.png) -720px 0px;} .cont_ondark .scrubBack-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -720px -20px;} .cont_ongreen .scrubBack-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -720px -20px;} .cont_onwhite .scrubBack-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -720px -20px;} /* scrubForw-Button */ .cont_ondark .scrubForw-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -740px 0px;} .cont_ongreen .scrubForw-button { background: url(symbuttons/allButtons/AllButtons_green.png) -740px 0px;} .cont_onwhite .scrubForw-button { background: url(symbuttons/allButtons/AllButtons_white.png) -740px 0px;} .cont_ondark .scrubForw-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -740px -20px;} .cont_ongreen .scrubForw-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -740px -20px;} .cont_onwhite .scrubForw-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -740px -20px;} /* fullscreen-Button */ .cont_ondark .fullscreen-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -180px 0px;} .cont_ongreen .fullscreen-button { background: url(symbuttons/allButtons/AllButtons_green.png) -180px 0px;} .cont_onwhite .fullscreen-button { background: url(symbuttons/allButtons/AllButtons_white.png) -180px 0px;} .cont_ondark .fullscreen-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -180px -20px;} .cont_ongreen .fullscreen-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -180px -20px;} .cont_onwhite .fullscreen-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -180px -20px;} /* Symbol-Buttons used to show projects content*/ /* symbol-A-tracks-Button - use as template */ .cont_ondark .symbol-A-tracks-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -780px 0px;} .cont_ongreen .symbol-A-tracks-button { background: url(symbuttons/allButtons/AllButtons_green.png) -780px 0px;} .cont_onwhite .symbol-A-tracks-button { background: url(symbuttons/allButtons/AllButtons_white.png) -780px 0px;} .cont_ondark .symbol-A-tracks-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -780px -20px;} .cont_ongreen .symbol-A-tracks-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -780px -20px;} .cont_onwhite .symbol-A-tracks-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -780px -20px;} /* symbol-V-tracks-Button - use as template */ .cont_ondark .symbol-V-tracks-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -800px 0px;} .cont_ongreen .symbol-V-tracks-button { background: url(symbuttons/allButtons/AllButtons_green.png) -800px 0px;} .cont_onwhite .symbol-V-tracks-button { background: url(symbuttons/allButtons/AllButtons_white.png) -800px 0px;} .cont_ondark .symbol-V-tracks-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -800px -20px;} .cont_ongreen .symbol-V-tracks-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -800px -20px;} .cont_onwhite .symbol-V-tracks-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -800px -20px;} /* symbol-Cp-tracks-Button - use as template */ .cont_ondark .symbol-Cp-tracks-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -820px 0px;} .cont_ongreen .symbol-Cp-tracks-button { background: url(symbuttons/allButtons/AllButtons_green.png) -820px 0px;} .cont_onwhite .symbol-Cp-tracks-button { background: url(symbuttons/allButtons/AllButtons_white.png) -820px 0px;} .cont_ondark .symbol-Cp-tracks-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -820px -20px;} .cont_ongreen .symbol-Cp-tracks-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -820px -20px;} .cont_onwhite .symbol-Cp-tracks-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -820px -20px;} /* symbol-C-tracks-Button - use as template */ .cont_ondark .symbol-C-tracks-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -840px 0px;} .cont_ongreen .symbol-C-tracks-button { background: url(symbuttons/allButtons/AllButtons_green.png) -840px 0px;} .cont_onwhite .symbol-C-tracks-button { background: url(symbuttons/allButtons/AllButtons_white.png) -840px 0px;} .cont_ondark .symbol-C-tracks-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -840px -20px;} .cont_ongreen .symbol-C-tracks-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -840px -20px;} .cont_onwhite .symbol-C-tracks-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -840px -20px;} /* symbol-Ly-tracks-Button - use as template */ .cont_ondark .symbol-Ly-tracks-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -860px 0px;} .cont_ongreen .symbol-Ly-tracks-button { background: url(symbuttons/allButtons/AllButtons_green.png) -860px 0px;} .cont_onwhite .symbol-Ly-tracks-button { background: url(symbuttons/allButtons/AllButtons_white.png) -860px 0px;} .cont_ondark .symbol-Ly-tracks-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -860px -20px;} .cont_ongreen .symbol-Ly-tracks-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -860px -20px;} .cont_onwhite .symbol-Ly-tracks-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -860px -20px;} /* symbol-Comments-Button - use as template */ .cont_ondark .symbol-Comments-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -880px 0px;} .cont_ongreen .symbol-Comments-button { background: url(symbuttons/allButtons/AllButtons_green.png) -880px 0px;} .cont_onwhite .symbol-Comments-button { background: url(symbuttons/allButtons/AllButtons_white.png) -880px 0px;} .cont_ondark .symbol-Comments-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -880px -20px;} .cont_ongreen .symbol-Comments-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -880px -20px;} .cont_onwhite .symbol-Comments-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -880px -20px;} /* prepared-Button - use as template */ .cont_ondark .prepared-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -5000px 0px;} .cont_ongreen .prepared-button { background: url(symbuttons/allButtons/AllButtons_green.png) -5000px 0px;} .cont_onwhite .prepared-button { background: url(symbuttons/allButtons/AllButtons_white.png) -5000px 0px;} .cont_ondark .prepared-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -5000px -20px;} .cont_ongreen .prepared-button-o { background: url(symbuttons/allButtons/AllButtons_green.png) -5000px -20px;} .cont_onwhite .prepared-button-o { background: url(symbuttons/allButtons/AllButtons_white.png) -5000px -20px;} /* Big Buttons wie Tutorial-Playerbutton, Subvote und Publish - Ausnahme */ .BIG_play_button, .tutorial-button { background: url(symbuttons/allButtons/AllButtons_grey.png) -940px 0px transparent no-repeat; color: #fff; border-style: none; width:38px; height:38px; } .BIG_play_button-o, .BIG_play_button-o a:hover, .tutorial-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -940px -40px transparent no-repeat; color: #fff; border-style: none; width:38px; height:38px; } .BIG_pause_button { background: url(symbuttons/allButtons/AllButtons_grey.png) -980px 0px transparent no-repeat; color: #fff; border-style: none; width:38px; height:38px; } .BIG_pause_button-o, .BIG_play_button-o a:hover { background: url(symbuttons/allButtons/AllButtons_grey.png) -980px -40px transparent no-repeat; color: #fff; border-style: none; width:38px; height:38px; } .BIG_sVote_button { background: url(symbuttons/allButtons/AllButtons_grey.png) -1140px 0px transparent no-repeat; color: #fff; border-style: none; padding-left:30px; width:120px; height:38px; } .BIG_sVote_button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -1140px -40px transparent no-repeat; color: #fff; border-style: none; padding-left:30px; width:120px; height:38px; } .BIG_publish_button { background: url(symbuttons/allButtons/AllButtons_grey.png) -1020px 0px transparent no-repeat; color: #fff; border-style: none; padding-left:30px; width:120px; height:38px; } .BIG_publish_button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -1020px -40px transparent no-repeat; color: #fff; border-style: none; padding-left:30px; width:120px; height:38px; } .cont_ondark .ffwd-XXL-button-o { background: url(symbuttons/allButtons/AllButtons_grey.png) -800px -80px; color: #fff; padding-right: 10px;} /* Symbols and non Rollover-Buttons - Using same Superclass than Rollover-Buttons ************************************************************************************************************ */ /* inConversion-symbol (as Circle - used in findProjects) */ .cont_ondark .inConversionCircle-symbol { background: url(symbuttons/allButtons/AllButtons_grey.png) -160px -40px;} .cont_ongreen .inConversionCircle-symbol { background: url(symbuttons/allButtons/AllButtons_green.png) -160px -40px;} .cont_onwhite .inConversionCircle-symbol { background: url(symbuttons/allButtons/AllButtons_white.png) -160px -40px;} /* conversionFailed-symbol (as Circle - used in findProjects) */ .cont_ondark .conversionFailedCircle-symbol { background: url(symbuttons/allButtons/AllButtons_grey.png) -280px -40px;} .cont_ongreen .conversionFailedCircle-symbol { background: url(symbuttons/allButtons/AllButtons_green.png) -280px -40px;} .cont_onwhite .conversionFailedCircle-symbol { background: url(symbuttons/allButtons/AllButtons_white.png) -280px -40px;} /* smallSort-symbol (used in findProjects) */ .cont_ondark .smallSort-symbol { background: url(symbuttons/allButtons/AllButtons_grey.png) -40px -39px; margin-left: 5px} .cont_ongreen .smallSort-symbol { background: url(symbuttons/allButtons/AllButtons_green.png) -40px -39px; margin-left: 5px} .cont_onwhite .smallSort-symbol { background: url(symbuttons/allButtons/AllButtons_white.png) -40px -39px; margin-left: 5px} /* conversionFailed-symbol (as Square - used in ProjectTabs) */ .cont_ondark .conversionFailedSquare-symbol { background: url(symbuttons/allButtons/AllButtons_grey.png) -261px -40px;} .cont_ongreen .conversionFailedSquare-symbol { background: url(symbuttons/allButtons/AllButtons_green.png) -261px -40px;} .cont_onwhite .conversionFailedSquare-symbol { background: url(symbuttons/allButtons/AllButtons_white.png) -261px -40px;} /* conversionInProgressSquare-symbol (as Square - used in ProjectTabs as Button) */ .cont_ondark .conversionInProgressSquare-symbol { background: url(symbuttons/allButtons/AllButtons_grey.png) -141px -40px;} .cont_ongreen .conversionInProgressSquare-symbol { background: url(symbuttons/allButtons/AllButtons_green.png) -141px -40px;} .cont_onwhite .conversionInProgressSquare-symbol { background: url(symbuttons/allButtons/AllButtons_white.png) -141px -40px;} /* inaccessible-symbol (Cross - used in ProjectTabs) */ .cont_ondark .inaccessible-symbol { background: url(symbuttons/allButtons/AllButtons_grey.png) -1px -40px;} .cont_ongreen .inaccessible-symbol { background: url(symbuttons/allButtons/AllButtons_green.png) -1px -40px;} .cont_onwhite .inaccessible-symbol { background: url(symbuttons/allButtons/AllButtons_white.png) -1px -40px;} /* radiobuttonChecked-symbol (used in ProjectTabs as Button) */ .cont_ondark .radiobuttonChecked-symbol { background: url(symbuttons/allButtons/AllButtons_grey.png) -240px -40px;} .cont_ongreen .radiobuttonChecked-symbol { background: url(symbuttons/allButtons/AllButtons_green.png) -240px -40px;} .cont_onwhite .radiobuttonChecked-symbol { background: url(symbuttons/allButtons/AllButtons_white.png) -240px -40px;} /* radiobuttonUnChecked-symbol (used in ProjectTabs as Button) */ .cont_ondark .radiobuttonUnChecked-symbol { background: url(symbuttons/allButtons/AllButtons_grey.png) -120px -40px;} .cont_ongreen .radiobuttonUnChecked-symbol { background: url(symbuttons/allButtons/AllButtons_green.png) -120px -40px;} .cont_onwhite .radiobuttonUnChecked-symbol { background: url(symbuttons/allButtons/AllButtons_white.png) -120px -40px;} /* radiobuttonCheckedInWork-symbol (used in ProjectTabs as Button) */ .cont_ondark .radiobuttonCheckedInWork-symbol { background: url(symbuttons/allButtons/AllButtons_grey.png) -320px -40px;} .cont_ongreen .radiobuttonCheckedInWork-symbol { background: url(symbuttons/allButtons/AllButtons_green.png) -320px -40px;} .cont_onwhite .radiobuttonCheckedInWork-symbol { background: url(symbuttons/allButtons/AllButtons_white.png) -320px -40px;} /* radiobuttonUnCheckedInWork-symbol (used in ProjectTabs as Button) */ .cont_ondark .radiobuttonUnCheckedInWork-symbol { background: url(symbuttons/allButtons/AllButtons_grey.png) -200px -40px;} .cont_ongreen .radiobuttonUnCheckedInWork-symbol { background: url(symbuttons/allButtons/AllButtons_green.png) -200px -40px;} .cont_onwhite .radiobuttonUnCheckedInWork-symbol { background: url(symbuttons/allButtons/AllButtons_white.png) -200px -40px;} /* featureIncluded-symbol (used in Registration Accountfeatures overview symbol in table) */ .cont_ondark .featureIncluded-symbol { background: url(symbuttons/allButtons/AllButtons_grey.png) -20px -40px;} .cont_ongreen .featureIncluded-symbol { background: url(symbuttons/allButtons/AllButtons_green.png) -20px -40px;} .cont_onwhite .featureIncluded-symbol { background: url(symbuttons/allButtons/AllButtons_white.png) -20px -40px;} /* featureNotIncluded-symbol (used in Registration Accountfeatures overview symbol in table) */ .cont_ondark .featureNotIncluded-symbol { background: url(symbuttons/allButtons/AllButtons_grey.png) 0px -40px;} .cont_ongreen .featureNotIncluded-symbol { background: url(symbuttons/allButtons/AllButtons_green.png) 0px -40px;} .cont_onwhite .featureNotIncluded-symbol { background: url(symbuttons/allButtons/AllButtons_white.png) 0px -40px;}