dynamicly add css contents for IE6+ and modern browsers. source: http://stackoverflow.com/questions/3922139/add-css-to-head-with-javascript

addcss.js

/** 
 * dynamicly add css contents for IE6+ and modern browsers.
 * source: http://stackoverflow.com/questions/3922139/add-css-to-head-with-javascript
 * example: addcss("strong { color: red }");
 */
function addcss(css){
    var head = document.getElementsByTagName('head')[0];
    var s = document.createElement('style');
    s.setAttribute('type', 'text/css');
    if (s.styleSheet) {   // IE
        s.styleSheet.cssText = css;
    } else {                // the world
        s.appendChild(document.createTextNode(css));
    }
    head.appendChild(s);
 }