/* ---------------------------------------------- Javascript Skin constructor for nn4 ---------------------------------------------- */
var menuCSS = "<style type='text/css'>\n";
function skin(classId,bgColor,fontType,fontSize,fontColor,textAlign,xtras) {
	this.classId = classId;
	this.bgColor = bgColor;
	this.fontType = fontType;
	this.fontSize = fontSize;
	this.fontColor = fontColor;
	this.textAlign = textAlign;
	this.xtras = xtras;
	
	menuCSS += this.classId+" { ";
	if (this.bgColor != "") menuCSS += "layer-background-color: " + this.bgColor + "; ";
	if (this.fontType != "") menuCSS += "font-family: " + this.fontType + "; ";
	if (this.fontSize != "") menuCSS += "font-size: " + this.fontSize + "; ";
	if (this.fontColor != "") menuCSS += "color: " + this.fontColor + "; ";
	if (this.textAlign != "") menuCSS += "text-align: " + this.textAlign + "; ";
	if (this.xtras != "") menuCSS += " " + this.xtras;
	menuCSS += " }\n";
}
function writeMenuCss() {
	menuCSS += "</style>";
	document.write(menuCSS);
}
/* --------------------------------------------------- Start making the classes  --------------------------------------------------- */
/*
the different classes is defined this way:
col01 - topmenu: bgColor, leftmenu: onColor
col02 - topmenu: activeBgColor, leftmenu: headerColor and borderColor
the constructor goes like this:
classname = new skin(actualCssId,backgroundColor,font-family,fontSize,textColor,alignment,anyXtraAttributes)
if one of the values is irrelevant for that particular class, leave it empty (like this: "").
*/
/* common  elements */
BODY = new skin("BODY","","Arial","11px","","","");
/* top menu-classes */
L1off = new skin(".L1off","#333366","","","#FFFFFF","center","padding-top: 2px;");
L2bg = new skin("#L2bg","#333366","","","","","position: absolute; visibility: visible; left: 0px; top: 41px; width: 618px; z-index: 1; clip: rect(0 618 18 0);");
Topbg = new skin("#Topbg","#333366","","","","","position: absolute; visibility: visible; left: 0px; top: 5px; width: 618px; z-index: 1; clip: rect(0 618 18 0);");
	document.write("<div id='Topbg' class='Topbg'>&nbsp;</div>");
branch1col01 = new skin(".branch1col01","#333366","","","#F8B500","","padding-top: 2px;");
branch1col02 = new skin(".branch1col02","#D5D9DF","","","#333366","","padding-top: 2px;");
branch1col02On = new skin(".branch1col01On","#D5D9DF","","","#333366","","padding-top: 2px;");
branch1leftOn = new skin(".branch1leftOn","#BCBEC9","","","#333366","","padding-top: 2px;");
branch2col01 = new skin(".branch2col01","#333366","","","#F8B500","","padding-top: 2px;");
branch2col02 = new skin(".branch2col02","#D5D9DF","","","#333366","","padding-top: 2px;");
branch2col02On = new skin(".branch2col01On","#D5D9DF","","","#333366","","padding-top: 2px;");
branch2leftOn = new skin(".branch2leftOn","#BCBEC9","","","#333366","","padding-top: 2px;");
branch3col01 = new skin(".branch3col01","#333366","","","#F8B500","","padding-top: 2px;");
branch3col02 = new skin(".branch3col02","#D5D9DF","","","#333366","","padding-top: 2px;");
branch3col02On = new skin(".branch3col01On","#D5D9DF","","","#333366","","padding-top: 2px;");
branch3leftOn = new skin(".branch3leftOn","#BCBEC9","","","#333366","","padding-top: 2px;");
branch4col01 = new skin(".branch4col01","#333366","","","#F8B500","","padding-top: 2px;");
branch4col02 = new skin(".branch4col02","#D5D9DF","","","#333366","","padding-top: 2px;");
branch4col02On = new skin(".branch4col01On","#D5D9DF","","","#333366","","padding-top: 2px;");
branch4leftOn = new skin(".branch4leftOn","#BCBEC9","","","#333366","","padding-top: 2px;");
branch5col01 = new skin(".branch5col01","#333366","","","#F8B500","","padding-top: 2px;");
branch5col02 = new skin(".branch5col02","#D5D9DF","","","#333366","","padding-top: 2px;");
branch5col02On = new skin(".branch5col01On","#D5D9DF","","","#333366","","padding-top: 2px;");
branch5leftOn = new skin(".branch5leftOn","#BCBEC9","","","#333366","","padding-top: 2px;");
branch6col01 = new skin(".branch6col01","#333366","","","#F8B500","","padding-top: 2px;");
branch6col02 = new skin(".branch6col02","#D5D9DF","","","#333366","","padding-top: 2px;");
branch6col02On = new skin(".branch6col01On","#D5D9DF","","","#333366","","padding-top: 2px;");
branch6leftOn = new skin(".branch6leftOn","#BCBEC9","","","#333366","","padding-top: 2px;");
branch7col01 = new skin(".branch7col01","#333366","","","#F8B500","","padding-top: 2px;");
branch7col02 = new skin(".branch7col02","#D5D9DF","","","#333366","","padding-top: 2px;");
branch7col02On = new skin(".branch7col01On","#D5D9DF","","","#333366","","padding-top: 2px;");
branch7leftOn = new skin(".branch7leftOn","#BCBEC9","","","#333366","","padding-top: 2px;");
branch8col01 = new skin(".branch8col01","#333366","","","#F8B500","","padding-top: 2px;");
branch8col02 = new skin(".branch8col02","#D5D9DF","","","#333366","","padding-top: 2px;");
branch8col02On = new skin(".branch8col01On","#D5D9DF","","","#333366","","padding-top: 2px;");
branch8leftOn = new skin(".branch8leftOn","#BCBEC9","","","#333366","","padding-top: 2px;");
branch9col01 = new skin(".branch9col01","#333366","","","#F8B500","","padding-top: 2px;");
branch9col02 = new skin(".branch9col02","#D5D9DF","","","#333366","","padding-top: 2px;");
branch9col02On = new skin(".branch9col01On","#D5D9DF","","","#333366","","padding-top: 2px;");
branch9leftOn = new skin(".branch9leftOn","#BCBEC9","","","#333366","","padding-top: 2px;");
branch10col01 = new skin(".branch10col01","#333366","","","#F8B500","","padding-top: 2px;");
branch10col02 = new skin(".branch10col02","#D5D9DF","","","#333366","","padding-top: 2px;");
branch10col02On = new skin(".branch10col01On","#D5D9DF","","","#333366","","padding-top: 2px;");
branch10leftOn = new skin(".branch10leftOn","#BCBEC9","","","#333366","","padding-top: 2px;");
dateLyr = new skin("#dateLyr","","Arial","11px","#FFFFFF","right"," position:absolute; left:602px; top:3px; width:175px; z-index: 2;");
/* leftmenu-classes */
leftmenuOff = new skin(".leftmenuOff","#DDDEE3","","","#333366","","padding: 2px 0px 0px 3px;");
header = new skin(".header","#7C7E7D","","","#FFFFFF","","padding: 2px 0px 0px 3px;");
/* write the css */
writeMenuCss();