// Create Styles - DESIGN TYPE 1

var bgcolorOff = 'FFFFFF';
var bgcolorOn = '91CCD1';
var textcolor = "000000";
var bordercolor = 'B1B9B6'; 

document.write("<style>\n");
	for(var x=0 ; x < container.length ; x++){
		for(var y=0 ; y < container[x].length ; y++){
			var topOffset = container[x].startTop + (2 * (container[x][y].level - 1));
			var leftOffset = container[x].startLeft + ((container[x].width + 2) * (container[x][y].level - 1)) - (5 * (container[x][y].level - 1));
			document.write("#" +container[x][y].id[0]+ " { position:absolute; top:" +topOffset+ "px; left:" +leftOffset+ "px; visibility:hidden; z-index:1000; background-color:#" +bgcolorOff+ "; width:" +container[x].width+ "px; height:20px; text-align:left; cursor:hand; text-decoration:none; font-family:Arial; font-size:11px; font-weight:normal; color:#" +textcolor+ "; padding-left:3px; padding-top:3px; border-top:1px #" +bordercolor+ " solid; border-right:1px #" +bordercolor+ " solid; border-left:1px #" +bordercolor+ " solid;}\n");
			for(var a=1 ; a < container[x][y].id.length ; a++){
				var topInterval = topOffset + (20 * a);
				if(a == container[x][y].id.length - 1){
					document.write("#" +container[x][y].id[a]+ " { position:absolute; top:" +topInterval+ "px; left:" +leftOffset+ "px; visibility:hidden; z-index:1000; background-color:#" +bgcolorOff+ "; width:" +container[x].width+ "px; height:20px; text-align:left; cursor:hand; text-decoration:none; font-family:Arial; font-size:11px; font-weight:normal; color:#" +textcolor+ "; padding-left:3px; padding-top:3px; border-bottom:1px #" +bordercolor+ " solid; border-right:1px #" +bordercolor+ " solid; border-left:1px #" +bordercolor+ " solid;}\n\n");
				}else{
					document.write("#" +container[x][y].id[a]+ " { position:absolute; top:" +topInterval+ "px; left:" +leftOffset+ "px; visibility:hidden; z-index:1000; background-color:#" +bgcolorOff+ "; width:" +container[x].width+ "px; height:20px; text-align:left; cursor:hand; text-decoration:none; font-family:Arial; font-size:11px; font-weight:normal; color:#" +textcolor+ "; padding-left:3px; padding-top:3px; border-right:1px #" +bordercolor+ " solid; border-left:1px #" +bordercolor+ " solid;}\n");
				}
			}
		}
	}
document.write("</style>");