function change_css_runtime(inCssClassName,inAttrName,inAttrValue)
{
  var lCssRules;
  var ATTR_ADDED = false;
  for (var lStyleIndex = 0; lStyleIndex < document.styleSheets.length; lStyleIndex++)
  {
    if (document.styleSheets[lStyleIndex]['rules'])
    {
      lCssRules = 'rules';
    }
    else
    if (document.styleSheets[lStyleIndex]['cssRules'])
    {
      lCssRules = 'cssRules';
    }
    else
    {
      ;//alert( 'UNKNOWN RULE PROBABLY YOUR BROWSER IS NOT SUPPORTED' );
    }

    for (var lRuleIndex = 0; lRuleIndex < document.styleSheets[lStyleIndex][lCssRules].length; lRuleIndex++)
    {
      if (document.styleSheets[lStyleIndex][lCssRules][lRuleIndex].selectorText == inCssClassName)
      {
        if(document.styleSheets[lStyleIndex][lCssRules][lRuleIndex].style[inAttrName])
        {
          document.styleSheets[lStyleIndex][lCssRules][lRuleIndex].style[inAttrName] = inAttrValue;
          ATTR_ADDED=true;
          break;
        }
      }
    }

    if(!ATTR_ADDED)
    {
      if(document.styleSheets[lStyleIndex].insertRule)
      {
        document.styleSheets[lStyleIndex].insertRule(inCssClassName+' { '+inAttrName+': '+inAttrValue+'; }',document.styleSheets[lStyleIndex][lCssRules].length);
      }
      else
      if (document.styleSheets[lStyleIndex].addRule)
      {
        document.styleSheets[lStyleIndex].addRule(inCssClassName,inAttrName+': '+inAttrValue+';');
      }
    }
  }
}

