diff --git a/.prettierrc b/.prettierrc
index e1b5c6fc..c12f08c5 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -3,5 +3,6 @@
 	"singleQuote": true,
 	"trailingComma": "none",
 	"semi": true,
-	"useTabs": true
+	"useTabs": true,
+	"printWidth": 100
 }
diff --git a/scripts/bundle.js b/scripts/bundle.js
index 36ec957d..f2816855 100644
--- a/scripts/bundle.js
+++ b/scripts/bundle.js
@@ -40,26 +40,17 @@ function bundleOne(moduleId, exclude) {
 			packages: [
 				{
 					name: 'vscode-css-languageservice',
-					location: path.join(
-						REPO_ROOT,
-						'node_modules/vscode-css-languageservice/lib/umd'
-					),
+					location: path.join(REPO_ROOT, 'node_modules/vscode-css-languageservice/lib/umd'),
 					main: 'cssLanguageService'
 				},
 				{
 					name: 'vscode-languageserver-types',
-					location: path.join(
-						REPO_ROOT,
-						'node_modules/vscode-languageserver-types/lib/umd'
-					),
+					location: path.join(REPO_ROOT, 'node_modules/vscode-languageserver-types/lib/umd'),
 					main: 'main'
 				},
 				{
 					name: 'vscode-languageserver-textdocument',
-					location: path.join(
-						REPO_ROOT,
-						'node_modules/vscode-languageserver-textdocument/lib/umd'
-					),
+					location: path.join(REPO_ROOT, 'node_modules/vscode-languageserver-textdocument/lib/umd'),
 					main: 'main'
 				},
 				{
@@ -75,14 +66,8 @@ function bundleOne(moduleId, exclude) {
 			]
 		},
 		async function (buildResponse) {
-			const devFilePath = path.join(
-				REPO_ROOT,
-				'release/dev/' + moduleId + '.js'
-			);
-			const minFilePath = path.join(
-				REPO_ROOT,
-				'release/min/' + moduleId + '.js'
-			);
+			const devFilePath = path.join(REPO_ROOT, 'release/dev/' + moduleId + '.js');
+			const minFilePath = path.join(REPO_ROOT, 'release/min/' + moduleId + '.js');
 			const fileContents = fs.readFileSync(devFilePath).toString();
 			console.log();
 			console.log(`Minifying ${devFilePath}...`);
diff --git a/src/cssMode.ts b/src/cssMode.ts
index 5fcd6e41..ec3ea260 100644
--- a/src/cssMode.ts
+++ b/src/cssMode.ts
@@ -16,9 +16,7 @@ export function setupMode(defaults: LanguageServiceDefaults): IDisposable {
 	const client = new WorkerManager(defaults);
 	disposables.push(client);
 
-	const worker: languageFeatures.WorkerAccessor = (
-		...uris: Uri[]
-	): Promise<CSSWorker> => {
+	const worker: languageFeatures.WorkerAccessor = (...uris: Uri[]): Promise<CSSWorker> => {
 		return client.getLanguageServiceWorker(...uris);
 	};
 
@@ -37,10 +35,7 @@ export function setupMode(defaults: LanguageServiceDefaults): IDisposable {
 		}
 		if (modeConfiguration.hovers) {
 			providers.push(
-				languages.registerHoverProvider(
-					languageId,
-					new languageFeatures.HoverAdapter(worker)
-				)
+				languages.registerHoverProvider(languageId, new languageFeatures.HoverAdapter(worker))
 			);
 		}
 		if (modeConfiguration.documentHighlights) {
@@ -77,10 +72,7 @@ export function setupMode(defaults: LanguageServiceDefaults): IDisposable {
 		}
 		if (modeConfiguration.rename) {
 			providers.push(
-				languages.registerRenameProvider(
-					languageId,
-					new languageFeatures.RenameAdapter(worker)
-				)
+				languages.registerRenameProvider(languageId, new languageFeatures.RenameAdapter(worker))
 			);
 		}
 		if (modeConfiguration.colors) {
@@ -100,9 +92,7 @@ export function setupMode(defaults: LanguageServiceDefaults): IDisposable {
 			);
 		}
 		if (modeConfiguration.diagnostics) {
-			providers.push(
-				new languageFeatures.DiagnosticsAdapter(languageId, worker, defaults)
-			);
+			providers.push(new languageFeatures.DiagnosticsAdapter(languageId, worker, defaults));
 		}
 		if (modeConfiguration.selectionRanges) {
 			providers.push(
diff --git a/src/cssWorker.ts b/src/cssWorker.ts
index dc6e193e..34cc57c6 100644
--- a/src/cssWorker.ts
+++ b/src/cssWorker.ts
@@ -40,60 +40,33 @@ export class CSSWorker {
 		let document = this._getTextDocument(uri);
 		if (document) {
 			let stylesheet = this._languageService.parseStylesheet(document);
-			let diagnostics = this._languageService.doValidation(
-				document,
-				stylesheet
-			);
+			let diagnostics = this._languageService.doValidation(document, stylesheet);
 			return Promise.resolve(diagnostics);
 		}
 		return Promise.resolve([]);
 	}
-	async doComplete(
-		uri: string,
-		position: cssService.Position
-	): Promise<cssService.CompletionList> {
+	async doComplete(uri: string, position: cssService.Position): Promise<cssService.CompletionList> {
 		let document = this._getTextDocument(uri);
 		let stylesheet = this._languageService.parseStylesheet(document);
-		let completions = this._languageService.doComplete(
-			document,
-			position,
-			stylesheet
-		);
+		let completions = this._languageService.doComplete(document, position, stylesheet);
 		return Promise.resolve(completions);
 	}
-	async doHover(
-		uri: string,
-		position: cssService.Position
-	): Promise<cssService.Hover> {
+	async doHover(uri: string, position: cssService.Position): Promise<cssService.Hover> {
 		let document = this._getTextDocument(uri);
 		let stylesheet = this._languageService.parseStylesheet(document);
 		let hover = this._languageService.doHover(document, position, stylesheet);
 		return Promise.resolve(hover);
 	}
-	async findDefinition(
-		uri: string,
-		position: cssService.Position
-	): Promise<cssService.Location> {
+	async findDefinition(uri: string, position: cssService.Position): Promise<cssService.Location> {
 		let document = this._getTextDocument(uri);
 		let stylesheet = this._languageService.parseStylesheet(document);
-		let definition = this._languageService.findDefinition(
-			document,
-			position,
-			stylesheet
-		);
+		let definition = this._languageService.findDefinition(document, position, stylesheet);
 		return Promise.resolve(definition);
 	}
-	async findReferences(
-		uri: string,
-		position: cssService.Position
-	): Promise<cssService.Location[]> {
+	async findReferences(uri: string, position: cssService.Position): Promise<cssService.Location[]> {
 		let document = this._getTextDocument(uri);
 		let stylesheet = this._languageService.parseStylesheet(document);
-		let references = this._languageService.findReferences(
-			document,
-			position,
-			stylesheet
-		);
+		let references = this._languageService.findReferences(document, position, stylesheet);
 		return Promise.resolve(references);
 	}
 	async findDocumentHighlights(
@@ -102,22 +75,13 @@ export class CSSWorker {
 	): Promise<cssService.DocumentHighlight[]> {
 		let document = this._getTextDocument(uri);
 		let stylesheet = this._languageService.parseStylesheet(document);
-		let highlights = this._languageService.findDocumentHighlights(
-			document,
-			position,
-			stylesheet
-		);
+		let highlights = this._languageService.findDocumentHighlights(document, position, stylesheet);
 		return Promise.resolve(highlights);
 	}
-	async findDocumentSymbols(
-		uri: string
-	): Promise<cssService.SymbolInformation[]> {
+	async findDocumentSymbols(uri: string): Promise<cssService.SymbolInformation[]> {
 		let document = this._getTextDocument(uri);
 		let stylesheet = this._languageService.parseStylesheet(document);
-		let symbols = this._languageService.findDocumentSymbols(
-			document,
-			stylesheet
-		);
+		let symbols = this._languageService.findDocumentSymbols(document, stylesheet);
 		return Promise.resolve(symbols);
 	}
 	async doCodeActions(
@@ -127,23 +91,13 @@ export class CSSWorker {
 	): Promise<cssService.Command[]> {
 		let document = this._getTextDocument(uri);
 		let stylesheet = this._languageService.parseStylesheet(document);
-		let actions = this._languageService.doCodeActions(
-			document,
-			range,
-			context,
-			stylesheet
-		);
+		let actions = this._languageService.doCodeActions(document, range, context, stylesheet);
 		return Promise.resolve(actions);
 	}
-	async findDocumentColors(
-		uri: string
-	): Promise<cssService.ColorInformation[]> {
+	async findDocumentColors(uri: string): Promise<cssService.ColorInformation[]> {
 		let document = this._getTextDocument(uri);
 		let stylesheet = this._languageService.parseStylesheet(document);
-		let colorSymbols = this._languageService.findDocumentColors(
-			document,
-			stylesheet
-		);
+		let colorSymbols = this._languageService.findDocumentColors(document, stylesheet);
 		return Promise.resolve(colorSymbols);
 	}
 	async getColorPresentations(
@@ -175,11 +129,7 @@ export class CSSWorker {
 	): Promise<cssService.SelectionRange[]> {
 		let document = this._getTextDocument(uri);
 		let stylesheet = this._languageService.parseStylesheet(document);
-		let ranges = this._languageService.getSelectionRanges(
-			document,
-			positions,
-			stylesheet
-		);
+		let ranges = this._languageService.getSelectionRanges(document, positions, stylesheet);
 		return Promise.resolve(ranges);
 	}
 	async doRename(
@@ -189,12 +139,7 @@ export class CSSWorker {
 	): Promise<cssService.WorkspaceEdit> {
 		let document = this._getTextDocument(uri);
 		let stylesheet = this._languageService.parseStylesheet(document);
-		let renames = this._languageService.doRename(
-			document,
-			position,
-			newName,
-			stylesheet
-		);
+		let renames = this._languageService.doRename(document, position, newName, stylesheet);
 		return Promise.resolve(renames);
 	}
 	private _getTextDocument(uri: string): cssService.TextDocument {
@@ -218,9 +163,6 @@ export interface ICreateData {
 	languageSettings: cssService.LanguageSettings;
 }
 
-export function create(
-	ctx: worker.IWorkerContext,
-	createData: ICreateData
-): CSSWorker {
+export function create(ctx: worker.IWorkerContext, createData: ICreateData): CSSWorker {
 	return new CSSWorker(ctx, createData);
 }
diff --git a/src/fillers/vscode-nls.ts b/src/fillers/vscode-nls.ts
index 09cb22e0..38f7b334 100644
--- a/src/fillers/vscode-nls.ts
+++ b/src/fillers/vscode-nls.ts
@@ -33,11 +33,7 @@ function format(message: string, args: any[]): string {
 	return result;
 }
 
-function localize(
-	key: string | LocalizeInfo,
-	message: string,
-	...args: any[]
-): string {
+function localize(key: string | LocalizeInfo, message: string, ...args: any[]): string {
 	return format(message, args);
 }
 
diff --git a/src/languageFeatures.ts b/src/languageFeatures.ts
index 164bf03d..adef5e66 100644
--- a/src/languageFeatures.ts
+++ b/src/languageFeatures.ts
@@ -44,10 +44,7 @@ export class DiagnosticsAdapter {
 			let handle: number;
 			this._listener[model.uri.toString()] = model.onDidChangeContent(() => {
 				window.clearTimeout(handle);
-				handle = window.setTimeout(
-					() => this._doValidate(model.uri, modeId),
-					500
-				);
+				handle = window.setTimeout(() => this._doValidate(model.uri, modeId), 500);
 			});
 
 			this._doValidate(model.uri, modeId);
@@ -131,12 +128,8 @@ function toSeverity(lsSeverity: number): MarkerSeverity {
 	}
 }
 
-function toDiagnostics(
-	resource: Uri,
-	diag: cssService.Diagnostic
-): editor.IMarkerData {
-	let code =
-		typeof diag.code === 'number' ? String(diag.code) : <string>diag.code;
+function toDiagnostics(resource: Uri, diag: cssService.Diagnostic): editor.IMarkerData {
+	let code = typeof diag.code === 'number' ? String(diag.code) : <string>diag.code;
 
 	return {
 		severity: toSeverity(diag.severity),
@@ -184,9 +177,7 @@ function toRange(range: cssService.Range): Range {
 	);
 }
 
-function isInsertReplaceEdit(
-	edit: TextEdit | InsertReplaceEdit
-): edit is InsertReplaceEdit {
+function isInsertReplaceEdit(edit: TextEdit | InsertReplaceEdit): edit is InsertReplaceEdit {
 	return (
 		typeof (<InsertReplaceEdit>edit).insert !== 'undefined' &&
 		typeof (<InsertReplaceEdit>edit).replace !== 'undefined'
@@ -237,9 +228,7 @@ function toCompletionItemKind(kind: number): languages.CompletionItemKind {
 	return mItemKind.Property;
 }
 
-function toTextEdit(
-	textEdit: cssService.TextEdit
-): editor.ISingleEditOperation {
+function toTextEdit(textEdit: cssService.TextEdit): editor.ISingleEditOperation {
 	if (!textEdit) {
 		return void 0;
 	}
@@ -303,13 +292,10 @@ export class CompletionAdapter implements languages.CompletionItemProvider {
 						item.insertText = entry.textEdit.newText;
 					}
 					if (entry.additionalTextEdits) {
-						item.additionalTextEdits = entry.additionalTextEdits.map(
-							toTextEdit
-						);
+						item.additionalTextEdits = entry.additionalTextEdits.map(toTextEdit);
 					}
 					if (entry.insertTextFormat === cssService.InsertTextFormat.Snippet) {
-						item.insertTextRules =
-							languages.CompletionItemInsertTextRule.InsertAsSnippet;
+						item.insertTextRules = languages.CompletionItemInsertTextRule.InsertAsSnippet;
 					}
 					return item;
 				});
@@ -324,9 +310,7 @@ export class CompletionAdapter implements languages.CompletionItemProvider {
 
 function isMarkupContent(thing: any): thing is cssService.MarkupContent {
 	return (
-		thing &&
-		typeof thing === 'object' &&
-		typeof (<cssService.MarkupContent>thing).kind === 'string'
+		thing && typeof thing === 'object' && typeof (<cssService.MarkupContent>thing).kind === 'string'
 	);
 }
 
@@ -353,10 +337,7 @@ function toMarkdownString(
 }
 
 function toMarkedStringArray(
-	contents:
-		| cssService.MarkupContent
-		| cssService.MarkedString
-		| cssService.MarkedString[]
+	contents: cssService.MarkupContent | cssService.MarkedString | cssService.MarkedString[]
 ): IMarkdownString[] {
 	if (!contents) {
 		return void 0;
@@ -397,9 +378,7 @@ export class HoverAdapter implements languages.HoverProvider {
 
 // --- document highlights ------
 
-function toDocumentHighlightKind(
-	kind: number
-): languages.DocumentHighlightKind {
+function toDocumentHighlightKind(kind: number): languages.DocumentHighlightKind {
 	switch (kind) {
 		case cssService.DocumentHighlightKind.Read:
 			return languages.DocumentHighlightKind.Read;
@@ -411,8 +390,7 @@ function toDocumentHighlightKind(
 	return languages.DocumentHighlightKind.Text;
 }
 
-export class DocumentHighlightAdapter
-	implements languages.DocumentHighlightProvider {
+export class DocumentHighlightAdapter implements languages.DocumentHighlightProvider {
 	constructor(private _worker: WorkerAccessor) {}
 
 	public provideDocumentHighlights(
@@ -424,10 +402,7 @@ export class DocumentHighlightAdapter
 
 		return this._worker(resource)
 			.then((worker) => {
-				return worker.findDocumentHighlights(
-					resource.toString(),
-					fromPosition(position)
-				);
+				return worker.findDocumentHighlights(resource.toString(), fromPosition(position));
 			})
 			.then((entries) => {
 				if (!entries) {
@@ -464,10 +439,7 @@ export class DefinitionAdapter {
 
 		return this._worker(resource)
 			.then((worker) => {
-				return worker.findDefinition(
-					resource.toString(),
-					fromPosition(position)
-				);
+				return worker.findDefinition(resource.toString(), fromPosition(position));
 			})
 			.then((definition) => {
 				if (!definition) {
@@ -493,10 +465,7 @@ export class ReferenceAdapter implements languages.ReferenceProvider {
 
 		return this._worker(resource)
 			.then((worker) => {
-				return worker.findReferences(
-					resource.toString(),
-					fromPosition(position)
-				);
+				return worker.findReferences(resource.toString(), fromPosition(position));
 			})
 			.then((entries) => {
 				if (!entries) {
@@ -509,9 +478,7 @@ export class ReferenceAdapter implements languages.ReferenceProvider {
 
 // --- rename ------
 
-function toWorkspaceEdit(
-	edit: cssService.WorkspaceEdit
-): languages.WorkspaceEdit {
+function toWorkspaceEdit(edit: cssService.WorkspaceEdit): languages.WorkspaceEdit {
 	if (!edit || !edit.changes) {
 		return void 0;
 	}
@@ -547,11 +514,7 @@ export class RenameAdapter implements languages.RenameProvider {
 
 		return this._worker(resource)
 			.then((worker) => {
-				return worker.doRename(
-					resource.toString(),
-					fromPosition(position),
-					newName
-				);
+				return worker.doRename(resource.toString(), fromPosition(position), newName);
 			})
 			.then((edit) => {
 				return toWorkspaceEdit(edit);
@@ -664,11 +627,7 @@ export class DocumentColorAdapter implements languages.DocumentColorProvider {
 
 		return this._worker(resource)
 			.then((worker) =>
-				worker.getColorPresentations(
-					resource.toString(),
-					info.color,
-					fromRange(info.range)
-				)
+				worker.getColorPresentations(resource.toString(), info.color, fromRange(info.range))
 			)
 			.then((presentations) => {
 				if (!presentations) {
@@ -682,9 +641,7 @@ export class DocumentColorAdapter implements languages.DocumentColorProvider {
 						item.textEdit = toTextEdit(presentation.textEdit);
 					}
 					if (presentation.additionalTextEdits) {
-						item.additionalTextEdits = presentation.additionalTextEdits.map(
-							toTextEdit
-						);
+						item.additionalTextEdits = presentation.additionalTextEdits.map(toTextEdit);
 					}
 					return item;
 				});
@@ -714,9 +671,7 @@ export class FoldingRangeAdapter implements languages.FoldingRangeProvider {
 						end: range.endLine + 1
 					};
 					if (typeof range.kind !== 'undefined') {
-						result.kind = toFoldingRangeKind(
-							<cssService.FoldingRangeKind>range.kind
-						);
+						result.kind = toFoldingRangeKind(<cssService.FoldingRangeKind>range.kind);
 					}
 					return result;
 				});
@@ -724,9 +679,7 @@ export class FoldingRangeAdapter implements languages.FoldingRangeProvider {
 	}
 }
 
-function toFoldingRangeKind(
-	kind: cssService.FoldingRangeKind
-): languages.FoldingRangeKind {
+function toFoldingRangeKind(kind: cssService.FoldingRangeKind): languages.FoldingRangeKind {
 	switch (kind) {
 		case cssService.FoldingRangeKind.Comment:
 			return languages.FoldingRangeKind.Comment;
@@ -748,12 +701,7 @@ export class SelectionRangeAdapter implements languages.SelectionRangeProvider {
 		const resource = model.uri;
 
 		return this._worker(resource)
-			.then((worker) =>
-				worker.getSelectionRanges(
-					resource.toString(),
-					positions.map(fromPosition)
-				)
-			)
+			.then((worker) => worker.getSelectionRanges(resource.toString(), positions.map(fromPosition)))
 			.then((selectionRanges) => {
 				if (!selectionRanges) {
 					return;
diff --git a/src/tsconfig.esm.json b/src/tsconfig.esm.json
index 2023da46..3edf3ca4 100644
--- a/src/tsconfig.esm.json
+++ b/src/tsconfig.esm.json
@@ -5,12 +5,6 @@
 		"outDir": "../out/esm",
 		"declaration": true,
 		"target": "es5",
-		"lib": [
-			"dom",
-			"es5",
-			"es2015.collection",
-			"es2015.promise",
-			"es2015.iterable"
-		]
+		"lib": ["dom", "es5", "es2015.collection", "es2015.promise", "es2015.iterable"]
 	}
 }
diff --git a/src/tsconfig.json b/src/tsconfig.json
index 6b43d988..707f714d 100644
--- a/src/tsconfig.json
+++ b/src/tsconfig.json
@@ -5,12 +5,6 @@
 		"outDir": "../out/amd",
 		"declaration": true,
 		"target": "es5",
-		"lib": [
-			"dom",
-			"es5",
-			"es2015.collection",
-			"es2015.promise",
-			"es2015.iterable"
-		]
+		"lib": ["dom", "es5", "es2015.collection", "es2015.promise", "es2015.iterable"]
 	}
 }
diff --git a/src/workerManager.ts b/src/workerManager.ts
index 1cd2c290..774e7c72 100644
--- a/src/workerManager.ts
+++ b/src/workerManager.ts
@@ -21,14 +21,9 @@ export class WorkerManager {
 	constructor(defaults: LanguageServiceDefaults) {
 		this._defaults = defaults;
 		this._worker = null;
-		this._idleCheckInterval = window.setInterval(
-			() => this._checkIfIdle(),
-			30 * 1000
-		);
+		this._idleCheckInterval = window.setInterval(() => this._checkIfIdle(), 30 * 1000);
 		this._lastUsedTime = 0;
-		this._configChangeListener = this._defaults.onDidChange(() =>
-			this._stopWorker()
-		);
+		this._configChangeListener = this._defaults.onDidChange(() => this._stopWorker());
 	}
 
 	private _stopWorker(): void {
diff --git a/test/index.html b/test/index.html
index a792811b..d858437b 100644
--- a/test/index.html
+++ b/test/index.html
@@ -11,10 +11,7 @@
 	</head>
 	<body>
 		<h2>Monaco Editor CSS test page</h2>
-		<div
-			id="container"
-			style="width: 800px; height: 600px; border: 1px solid grey"
-		></div>
+		<div id="container" style="width: 800px; height: 600px; border: 1px solid grey"></div>
 
 		<script>
 			// Loading basic-languages to get the css language definition
@@ -44,839 +41,836 @@
 				'vs/basic-languages/monaco.contribution',
 				'vs/language/css/monaco.contribution'
 			], function () {
-				var editor = monaco.editor.create(
-					document.getElementById('container'),
-					{
-						value: [
-							'html {',
-							'	background-color: #e2e2e2;',
-							'	margin: 0;',
-							'	padding: 0;',
-							'}',
-							'',
-							'body {',
-							'	background-color: #fff;',
-							'	border-top: solid 10px #000;',
-							'	color: #333;',
-							'	font-size: .85em;',
-							'	font-family: "Segoe UI", "HelveticaNeue-Light", sans-serif;',
-							'	margin: 0;',
-							'	padding: 0;',
-							'}',
-							'',
-							'a:link, a:visited,',
-							'a:active, a:hover {',
-							'	color: #333;',
-							'	outline: none;',
-							'	padding-left: 0;',
-							'	padding-right: 3px;',
-							'	text-decoration: none;',
-							'}',
-							'',
-							'',
-							'a:hover {',
-							'	background-color: #c7d1d6;',
-							'}',
-							'',
-							'',
-							'header, footer, hgroup',
-							'nav, section {',
-							'	display: block;',
-							'}',
-							'',
-							'.float-left {',
-							'	float: left;',
-							'}',
-							'',
-							'.float-right {',
-							'	float: right;',
-							'}',
-							'',
-							'.highlight {',
-							'/*    background-color: #a6dbed;',
-							'	padding-left: 5px;',
-							'	padding-right: 5px;*/',
-							'}',
-							'',
-							'.clear-fix:after {',
-							'	content: ".";',
-							'	clear: both;',
-							'	display: block;',
-							'	height: 0;',
-							'	visibility: hidden;',
-							'}',
-							'',
-							'h1, h2, h3,',
-							'h4, h5, h6 {',
-							'	color: #000;',
-							'	margin-bottom: 0;',
-							'	padding-bottom: 0;',
-							'',
-							'}',
-							'',
-							'h1 {',
-							'	font-size: 2em;',
-							'}',
-							'',
-							'h2 {',
-							'	font-size: 1.75em;',
-							'}',
-							'',
-							'h3 {',
-							'	font-size: 1.2em;',
-							'}',
-							'',
-							'h4 {',
-							'	font-size: 1.1em;',
-							'}',
-							'',
-							'h5, h6 {',
-							'	font-size: 1em;',
-							'}',
-							'',
-							'',
-							'.tile {',
-							'	/* 2px solid #7ac0da; */',
-							'	border: 0;',
-							'',
-							'	float: left;',
-							'	width: 200px;',
-							'	height: 325px;',
-							'',
-							'	padding: 5px;',
-							'	margin-right: 5px;',
-							'	margin-bottom: 20px;',
-							'	margin-top: 20px;',
-							'	-webkit-perspective: 0;',
-							'	-webkit-transform-style: preserve-3d;',
-							'	-webkit-transition: -webkit-transform 0.2s;',
-							'	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3);',
-							'	background-position: center center;',
-							'	background-repeat: no-repeat;',
-							'',
-							'	background-color:  #fff;',
-							'}',
-							'',
-							'.tile-item {',
-							'	/* 2px solid #7ac0da; */',
-							'	border-color: inherit;',
-							'	float: left;',
-							'	width: 50px;',
-							'	height: 70px;',
-							'	margin-right: 20px;',
-							'	margin-bottom: 20px;',
-							'	margin-top: 20px;',
-							"	background-image: url('../Images/documents.png');",
-							'	background-repeat: no-repeat;',
-							'}',
-							'',
-							'.tile-wrapper {',
-							'	width: 100%;',
-							'	font-family: "Segoe UI" , Tahoma, Geneva, Verdana, sans-serif;',
-							'	line-height: 21px;',
-							'	font-size: 14px;',
-							'}',
-							'',
-							'a.blue-box {',
-							'	font-size: 28px;',
-							'	height: 100px;',
-							'	display: block;',
-							'	border-style: solid;',
-							'	border-width: 1px 1px 4px 1px;',
-							'	border-color: #C0C0C0 #C0C0C0 #8ABAE4 #C0C0C0;',
-							'	padding-top: 15px;',
-							'	padding-left: 15px;',
-							'}',
-							'',
-							'	a.blue-box:hover {',
-							'		border: 4px solid #8ABAE4;',
-							'		padding-top: 12px;',
-							'		padding-left: 12px;',
-							'		background-color: #FFFFFF;',
-							'	}',
-							'',
-							'a.green-box {',
-							'	font-size: 28px;',
-							'	height: 100px;',
-							'	display: block;',
-							'	border-style: solid;',
-							'	border-width: 1px 1px 4px 1px;',
-							'	border-color: #C0C0C0 #C0C0C0 #9CCF42 #C0C0C0;',
-							'	padding-top: 15px;',
-							'	padding-left: 15px;',
-							'}',
-							'',
-							'	a.green-box:hover {',
-							'		border: 4px solid #9CCF42;',
-							'		padding-top: 12px;',
-							'		padding-left: 12px;',
-							'		background-color: #FFFFFF;',
-							'	}',
-							'',
-							'',
-							'a.green-box2 {',
-							'	font-size: 14px;',
-							'	height: 48px;',
-							'	width: 48px;',
-							'	display: block; /* border-color: #C0C0C0; */',
-							'	padding-top: 6px;',
-							'	font-weight: bold;',
-							'',
-							'}',
-							'',
-							'	a.green-box2:hover {',
-							'		border: solid #8ABAE4;',
-							'		padding-top: 0px;',
-							'		padding-left: 0px;',
-							"		background-image: url('../Images/documents.png');",
-							'		background-color: #EFEFEF;',
-							'	}',
-							'',
-							'a.yellow-box {',
-							'	font-size: 28px;',
-							'	height: 100px;',
-							'	display: block;',
-							'	border-style: solid;',
-							'	border-width: 1px 1px 4px 1px;',
-							'	border-color: #C0C0C0 #C0C0C0 #DECF6B #C0C0C0;',
-							'	padding-top: 15px;',
-							'	padding-left: 15px;',
-							'}',
-							'',
-							'	a.yellow-box:hover {',
-							'		border: 4px solid #DECF6B;',
-							'		padding-top: 12px;',
-							'		padding-left: 12px;',
-							'		background-color: #FFFFFF;',
-							'	}',
-							'',
-							'',
-							'a.red-box {',
-							'	font-size: 28px;',
-							'	height: 100px;',
-							'	display: block;',
-							'	border-style: solid;',
-							'	border-width: 1px 1px 4px 1px;',
-							'	border-color: #C0C0C0 #C0C0C0 #F79E84 #C0C0C0;',
-							'	padding-top: 15px;',
-							'	padding-left: 15px;',
-							'}',
-							'',
-							'	a.red-box:hover {',
-							'		border: 4px solid #F79E84;',
-							'		padding-top: 12px;',
-							'		padding-left: 12px;',
-							'		background-color: #FFFFFF;',
-							'	}',
-							'',
-							'/* main layout',
-							'----------------------------------------------------------*/',
-							'.content-wrapper {',
-							'	margin: 0 auto;',
-							'	max-width: 960px;',
-							'}',
-							'',
-							'#body {',
-							'	background-color: #efeeef;',
-							'	clear: both;',
-							'	padding-bottom: 35px;',
-							'}',
-							'',
-							'	.main-content {',
-							'		background: url("../images/accent.png") no-repeat;',
-							'		padding-left: 10px;',
-							'		padding-top: 30px;',
-							'	}',
-							'',
-							'	.featured + .main-content {',
-							'		background: url("../images/heroaccent.png") no-repeat;',
-							'	}',
-							'',
-							'footer {',
-							'	clear: both;',
-							'	background-color: #e2e2e2;',
-							'	font-size: .8em;',
-							'	height: 100px;',
-							'}',
-							'',
-							'',
-							'/* site title',
-							'----------------------------------------------------------*/',
-							'.site-title {',
-							'	color: #0066CC; /* font-family: Rockwell, Consolas, "Courier New", Courier, monospace; */',
-							'	font-size: 3.3em;',
-							'	margin-top: 40px;',
-							'	margin-bottom: 0;',
-							'}',
-							'',
-							'.site-title a, .site-title a:hover, .site-title a:active  {',
-							'	background: none;',
-							'	color: #0066CC;',
-							'	outline: none;',
-							'	text-decoration: none;',
-							'}',
-							'',
-							'',
-							'/* login',
-							'----------------------------------------------------------*/',
-							'#login {',
-							'	display: block;',
-							'	font-size: .85em;',
-							'	margin-top: 20px;',
-							'	text-align: right;',
-							'}',
-							'',
-							'	#login a {',
-							'		background-color: #d3dce0;',
-							'		margin-left: 10px;',
-							'		margin-right: 3px;',
-							'		padding: 2px 3px;',
-							'		text-decoration: none;',
-							'	}',
-							'',
-							'	#login a.username {',
-							'		background: none;',
-							'		margin-left: 0px;',
-							'		text-decoration: underline;',
-							'	}',
-							'',
-							'	#login li {',
-							'		display: inline;',
-							'		list-style: none;',
-							'	}',
-							'',
-							'',
-							'/* menu',
-							'----------------------------------------------------------*/',
-							'ul#menu {',
-							'	font-size: 1.3em;',
-							'	font-weight: 600;',
-							'	margin: 0;',
-							'	text-align: right;',
-							'	text-decoration: none;',
-							'',
-							'}',
-							'',
-							'	ul#menu li {',
-							'		display: inline;',
-							'		list-style: none;',
-							'		padding-left: 15px;',
-							'	}',
-							'',
-							'		ul#menu li a {',
-							'			background: none;',
-							'			color: #999;',
-							'			text-decoration: none;',
-							'		}',
-							'',
-							'		ul#menu li a:hover {',
-							'			color: #333;',
-							'			text-decoration: none;',
-							'		}',
-							'',
-							'',
-							'',
-							'/* page elements',
-							'----------------------------------------------------------*/',
-							'/* featured */',
-							'.featured {',
-							'	background-color: #fff;',
-							'}',
-							'',
-							'	.featured .content-wrapper {',
-							'		/*background-color: #7ac0da;',
-							'		background-image: -ms-linear-gradient(left, #7AC0DA 0%, #A4D4E6 100%);',
-							'		background-image: -o-linear-gradient(left, #7AC0DA 0%, #A4D4E6 100%);',
-							'		background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7AC0DA), color-stop(1, #A4D4E6));',
-							'		background-image: -webkit-linear-gradient(left, #7AC0DA 0%, #A4D4E6 100%);',
-							'		background-image: linear-gradient(left, #7AC0DA 0%, #A4D4E6 100%);',
-							'		color: #3e5667;',
-							'		*/',
-							'		padding:  0px 40px 30px 40px;',
-							'	}',
-							'',
-							'		.featured hgroup.title h1, .featured hgroup.title h2 {',
-							'			/* color: #fff; */',
-							'		}',
-							'',
-							'		.featured p {',
-							'			font-size: 1.1em;',
-							'		}',
-							'',
-							'/* page titles */',
-							'hgroup.title {',
-							'	margin-bottom: 10px;',
-							'}',
-							'',
-							'hgroup.title h1, hgroup.title h2 {',
-							'display: inline;',
-							'}',
-							'',
-							'hgroup.title h2 {',
-							'	font-weight: normal;',
-							'}',
-							'',
-							'/* releases */',
-							'.milestone {',
-							'	color: #fff;',
-							'	background-color: #8ABAE4;',
-							'	font-weight:  normal;',
-							'	padding:  10px 10px 10px 10px;',
-							'	margin: 0 0 0 0;',
-							'}',
-							'	.milestone .primary {',
-							'		font-size: 1.75em;',
-							'	}',
-							'',
-							'	.milestone .secondary {',
-							'		font-size: 1.2em;',
-							'		font-weight: normal;',
-							'		/* padding: 5px 5px 5px 10px;*/',
-							'	}',
-							'',
-							'/* features */',
-							'section.feature {',
-							'	width: 200px;',
-							'	float: left;',
-							'	padding: 10px;',
-							'}',
-							'',
-							'/* ordered list */',
-							'ol.round {',
-							'	list-style-type: none;',
-							'	padding-left: 0;',
-							'}',
-							'',
-							'	ol.round li {',
-							'		margin: 25px 0;',
-							'		padding-left: 45px;',
-							'	}',
-							'',
-							'		ol.round li.one {',
-							'			background: url("../images/orderedlistOne.png") no-repeat;',
-							'		}',
-							'',
-							'		ol.round li.two {',
-							'			background: url("../images/orderedlistTwo.png") no-repeat;',
-							'		}',
-							'',
-							'		ol.round li.three {',
-							'			background: url("../images/orderedlistThree.png") no-repeat;',
-							'		}',
-							'',
-							'/* content */',
-							'article {',
-							'	float: left;',
-							'	width: 70%;',
-							'}',
-							'',
-							'aside {',
-							'	float: right;',
-							'	width: 25%;',
-							'}',
-							'',
-							'	aside ul {',
-							'		list-style: none;',
-							'		padding: 0;',
-							'	}',
-							'',
-							'	 aside ul li {',
-							'		background: url("../images/bullet.png") no-repeat 0 50%;',
-							'		padding: 2px 0 2px 20px;',
-							'	 }',
-							'',
-							'.label {',
-							'	font-weight: 700;',
-							'}',
-							'',
-							'/* login page */',
-							'#loginForm {',
-							'	border-right: solid 2px #c8c8c8;',
-							'	float: left;',
-							'	width: 45%;',
-							'}',
-							'',
-							'	#loginForm .validation-error {',
-							'		display: block;',
-							'		margin-left: 15px;',
-							'	}',
-							'',
-							'#socialLoginForm {',
-							'	margin-left: 40px;',
-							'	float: left;',
-							'	width: 50%;',
-							'}',
-							'',
-							'/* contact */',
-							'.contact h3 {',
-							'	font-size: 1.2em;',
-							'}',
-							'',
-							'.contact p {',
-							'	margin: 5px 0 0 10px;',
-							'}',
-							'',
-							'.contact iframe {',
-							'	border: solid 1px #333;',
-							'	margin: 5px 0 0 10px;',
-							'}',
-							'',
-							'/* forms */',
-							'fieldset {',
-							'	border: none;',
-							'	margin: 0;',
-							'	padding: 0;',
-							'}',
-							'',
-							'	fieldset legend {',
-							'		display: none;',
-							'	}',
-							'',
-							'	fieldset ol {',
-							'		padding: 0;',
-							'		list-style: none;',
-							'	}',
-							'',
-							'		fieldset ol li {',
-							'			padding-bottom: 5px;',
-							'		}',
-							'',
-							'	fieldset label {',
-							'		display: block;',
-							'		font-size: 1.2em;',
-							'		font-weight: 600;',
-							'	}',
-							'',
-							'	fieldset label.checkbox {',
-							'		display: inline;',
-							'	}',
-							'',
-							'	fieldset input[type="text"],',
-							'	fieldset input[type="password"] {',
-							'		border: 1px solid #e2e2e2;',
-							'		color: #333;',
-							'		font-size: 1.2em;',
-							'		margin: 5px 0 6px 0;',
-							'		padding: 5px;',
-							'		width: 300px;',
-							'	}',
-							'',
-							'		fieldset input[type="text"]:focus,',
-							'		fieldset input[type="password"]:focus {',
-							'			border: 1px solid #7ac0da;',
-							'		}',
-							'',
-							'	fieldset input[type="submit"] {',
-							'		background-color: #d3dce0;',
-							'		border: solid 1px #787878;',
-							'		cursor: pointer;',
-							'		font-size: 1.2em;',
-							'		font-weight: 600;',
-							'		padding: 7px;',
-							'	}',
-							'',
-							'/* ajax login/registration dialog */',
-							'.modal-popup {',
-							'	font-size: 0.7em;',
-							'}',
-							'',
-							'/* info and errors */',
-							'.message-info {',
-							'	border: solid 1px;',
-							'	clear: both;',
-							'	padding: 10px 20px;',
-							'}',
-							'',
-							'.message-error {',
-							'	clear: both;',
-							'	color: #e80c4d;',
-							'	font-size: 1.1em;',
-							'	font-weight: bold;',
-							'	margin: 20px 0 10px 0;',
-							'}',
-							'',
-							'.message-success {',
-							'	color: #7ac0da;',
-							'	font-size: 1.3em;',
-							'	font-weight: bold;',
-							'	margin: 20px 0 10px 0;',
-							'}',
-							'',
-							'.success {',
-							'	color: #7ac0da;',
-							'}',
-							'',
-							'.error {',
-							'	color: #e80c4d;',
-							'}',
-							'',
-							'/* styles for validation helpers */',
-							'.field-validation-error {',
-							'	color: #e80c4d;',
-							'	font-weight: bold;',
-							'}',
-							'',
-							'.field-validation-valid {',
-							'	display: none;',
-							'}',
-							'',
-							'input[type="text"].input-validation-error,',
-							'input[type="password"].input-validation-error {',
-							'	border: solid 1px #e80c4d;',
-							'}',
-							'',
-							'.validation-summary-errors {',
-							'	color: #e80c4d;',
-							'	font-weight: bold;',
-							'	font-size: 1.1em;',
-							'}',
-							'',
-							'.validation-summary-valid {',
-							'	display: none;',
-							'}',
-							'',
-							'',
-							'/* social */',
-							'ul#social li {',
-							'	display: inline;',
-							'	list-style: none;',
-							'}',
-							'',
-							'	ul#social li a {',
-							'		color: #999;',
-							'		text-decoration: none;',
-							'	}',
-							'',
-							'	a.facebook, a.twitter {',
-							'		display: block;',
-							'		float: left;',
-							'		height: 24px;',
-							'		padding-left: 17px;',
-							'		text-indent: -9999px;',
-							'		width: 16px;',
-							'	}',
-							'',
-							'	a.facebook {',
-							'		background: url("../images/facebook.png") no-repeat;',
-							'	}',
-							'',
-							'	a.twitter {',
-							'		background: url("../images/twitter.png") no-repeat;',
-							'	}',
-							'',
-							'',
-							'',
-							'/********************',
-							'*   Mobile Styles   *',
-							'********************/',
-							'@media only screen and (max-width: 850px) {',
-							'',
-							'	/* header',
-							'	----------------------------------------------------------*/',
-							'	header .float-left,',
-							'	header .float-right {',
-							'		float: none;',
-							'	}',
-							'',
-							'	/* logo */',
-							'	header .site-title {',
-							'		/*margin: 0; */',
-							'		/*margin: 10px;*/',
-							'		text-align: left;',
-							'		padding-left: 0;',
-							'	}',
-							'',
-							'	/* login */',
-							'	#login {',
-							'		font-size: .85em;',
-							'		margin-top: 0;',
-							'		text-align: center;',
-							'	}',
-							'',
-							'		#login ul {',
-							'			margin: 5px 0;',
-							'			padding: 0;',
-							'		}',
-							'',
-							'		#login li {',
-							'			display: inline;',
-							'			list-style: none;',
-							'			margin: 0;',
-							'			padding:0;',
-							'		}',
-							'',
-							'		#login a {',
-							'			background: none;',
-							'			color: #999;',
-							'			font-weight: 600;',
-							'			margin: 2px;',
-							'			padding: 0;',
-							'		}',
-							'',
-							'		#login a:hover {',
-							'			color: #333;',
-							'		}',
-							'',
-							'	/* menu */',
-							'	nav {',
-							'		margin-bottom: 5px;',
-							'	}',
-							'',
-							'	ul#menu {',
-							'		margin: 0;',
-							'		padding:0;',
-							'		text-align: center;',
-							'	}',
-							'',
-							'		ul#menu li {',
-							'			margin: 0;',
-							'			padding: 0;',
-							'		}',
-							'',
-							'',
-							'	/* main layout',
-							'	----------------------------------------------------------*/',
-							'	.main-content,',
-							'	.featured + .main-content {',
-							'		background-position: 10px 0;',
-							'	}',
-							'',
-							'	.content-wrapper {',
-							'		padding-right: 10px;',
-							'		padding-left: 10px;',
-							'	}',
-							'',
-							'	.featured .content-wrapper {',
-							'		padding: 10px;',
-							'	}',
-							'',
-							'	/* page content */',
-							'	article, aside {',
-							'		float: none;',
-							'		width: 100%;',
-							'	}',
-							'',
-							'	/* ordered list */',
-							'	ol.round {',
-							'		list-style-type: none;',
-							'		padding-left: 0;',
-							'	}',
-							'',
-							'		ol.round li {',
-							'			padding-left: 10px;',
-							'			margin: 25px 0;',
-							'		}',
-							'',
-							'			ol.round li.one,',
-							'			ol.round li.two,',
-							'			ol.round li.three {',
-							'				background: none;',
-							'			}',
-							'',
-							'	 /* features */',
-							'	 section.feature {',
-							'		float: none;',
-							'		padding: 10px;',
-							'		width: auto;',
-							'	 }',
-							'',
-							'		section.feature img {',
-							'			color: #999;',
-							'			content: attr(alt);',
-							'			font-size: 1.5em;',
-							'			font-weight: 600;',
-							'		}',
-							'',
-							'	/* forms */',
-							'	fieldset input[type="text"],',
-							'	fieldset input[type="password"] {',
-							'		width: 90%;',
-							'	}',
-							'',
-							'	/* login page */',
-							'	#loginForm {',
-							'		border-right: none;',
-							'		float: none;',
-							'		width: auto;',
-							'	}',
-							'',
-							'		#loginForm .validation-error {',
-							'			display: block;',
-							'			margin-left: 15px;',
-							'		}',
-							'',
-							'	#socialLoginForm {',
-							'		margin-left: 0;',
-							'		float: none;',
-							'		width: auto;',
-							'	}',
-							'',
-							'	/* footer',
-							'	----------------------------------------------------------*/',
-							'	footer .float-left,',
-							'	footer .float-right {',
-							'		float: none;',
-							'	}',
-							'',
-							'	footer {',
-							'		text-align: center;',
-							'		height: auto;',
-							'		padding: 10px 0;',
-							'	}',
-							'',
-							'		footer p {',
-							'			margin: 0;',
-							'		}',
-							'',
-							'		ul#social {',
-							'			padding:0;',
-							'			margin: 0;',
-							'		}',
-							'',
-							'		 a.facebook, a.twitter {',
-							'			background: none;',
-							'			display: inline;',
-							'			float: none;',
-							'			height: auto;',
-							'			padding-left: 0;',
-							'			text-indent: 0;',
-							'			width: auto;',
-							'		}',
-							'}',
-							'',
-							'.subsite {',
-							'	color: #444;',
-							'}',
-							'',
-							'h3 {',
-							'	font-weight: normal;',
-							'	font-size: 24px;',
-							'	color: #444;',
-							'	margin-bottom: 20px;',
-							'}',
-							'',
-							'.tiles {',
-							'	padding-bottom: 20px;',
-							'	background-color: #e3e3e3;',
-							'}',
-							'',
-							'#editor {',
-							'	margin: 0 auto;',
-							'	height: 500px;',
-							'	border: 1px solid #ccc;',
-							'}',
-							'',
-							'.monaco-editor.monaco, .monaco-editor.vs, .monaco-editor.eclipse {',
-							'	background: #F9F9F9;',
-							'}',
-							'',
-							'.monaco-editor.monaco .monaco-editor-background, .monaco-editor.vs .monaco-editor-background, .monaco-editor.eclipse .monaco-editor-background {',
-							'	background: #F9F9F9;',
-							'}'
-						].join('\n'),
-						language: 'css'
-					}
-				);
+				var editor = monaco.editor.create(document.getElementById('container'), {
+					value: [
+						'html {',
+						'	background-color: #e2e2e2;',
+						'	margin: 0;',
+						'	padding: 0;',
+						'}',
+						'',
+						'body {',
+						'	background-color: #fff;',
+						'	border-top: solid 10px #000;',
+						'	color: #333;',
+						'	font-size: .85em;',
+						'	font-family: "Segoe UI", "HelveticaNeue-Light", sans-serif;',
+						'	margin: 0;',
+						'	padding: 0;',
+						'}',
+						'',
+						'a:link, a:visited,',
+						'a:active, a:hover {',
+						'	color: #333;',
+						'	outline: none;',
+						'	padding-left: 0;',
+						'	padding-right: 3px;',
+						'	text-decoration: none;',
+						'}',
+						'',
+						'',
+						'a:hover {',
+						'	background-color: #c7d1d6;',
+						'}',
+						'',
+						'',
+						'header, footer, hgroup',
+						'nav, section {',
+						'	display: block;',
+						'}',
+						'',
+						'.float-left {',
+						'	float: left;',
+						'}',
+						'',
+						'.float-right {',
+						'	float: right;',
+						'}',
+						'',
+						'.highlight {',
+						'/*    background-color: #a6dbed;',
+						'	padding-left: 5px;',
+						'	padding-right: 5px;*/',
+						'}',
+						'',
+						'.clear-fix:after {',
+						'	content: ".";',
+						'	clear: both;',
+						'	display: block;',
+						'	height: 0;',
+						'	visibility: hidden;',
+						'}',
+						'',
+						'h1, h2, h3,',
+						'h4, h5, h6 {',
+						'	color: #000;',
+						'	margin-bottom: 0;',
+						'	padding-bottom: 0;',
+						'',
+						'}',
+						'',
+						'h1 {',
+						'	font-size: 2em;',
+						'}',
+						'',
+						'h2 {',
+						'	font-size: 1.75em;',
+						'}',
+						'',
+						'h3 {',
+						'	font-size: 1.2em;',
+						'}',
+						'',
+						'h4 {',
+						'	font-size: 1.1em;',
+						'}',
+						'',
+						'h5, h6 {',
+						'	font-size: 1em;',
+						'}',
+						'',
+						'',
+						'.tile {',
+						'	/* 2px solid #7ac0da; */',
+						'	border: 0;',
+						'',
+						'	float: left;',
+						'	width: 200px;',
+						'	height: 325px;',
+						'',
+						'	padding: 5px;',
+						'	margin-right: 5px;',
+						'	margin-bottom: 20px;',
+						'	margin-top: 20px;',
+						'	-webkit-perspective: 0;',
+						'	-webkit-transform-style: preserve-3d;',
+						'	-webkit-transition: -webkit-transform 0.2s;',
+						'	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3);',
+						'	background-position: center center;',
+						'	background-repeat: no-repeat;',
+						'',
+						'	background-color:  #fff;',
+						'}',
+						'',
+						'.tile-item {',
+						'	/* 2px solid #7ac0da; */',
+						'	border-color: inherit;',
+						'	float: left;',
+						'	width: 50px;',
+						'	height: 70px;',
+						'	margin-right: 20px;',
+						'	margin-bottom: 20px;',
+						'	margin-top: 20px;',
+						"	background-image: url('../Images/documents.png');",
+						'	background-repeat: no-repeat;',
+						'}',
+						'',
+						'.tile-wrapper {',
+						'	width: 100%;',
+						'	font-family: "Segoe UI" , Tahoma, Geneva, Verdana, sans-serif;',
+						'	line-height: 21px;',
+						'	font-size: 14px;',
+						'}',
+						'',
+						'a.blue-box {',
+						'	font-size: 28px;',
+						'	height: 100px;',
+						'	display: block;',
+						'	border-style: solid;',
+						'	border-width: 1px 1px 4px 1px;',
+						'	border-color: #C0C0C0 #C0C0C0 #8ABAE4 #C0C0C0;',
+						'	padding-top: 15px;',
+						'	padding-left: 15px;',
+						'}',
+						'',
+						'	a.blue-box:hover {',
+						'		border: 4px solid #8ABAE4;',
+						'		padding-top: 12px;',
+						'		padding-left: 12px;',
+						'		background-color: #FFFFFF;',
+						'	}',
+						'',
+						'a.green-box {',
+						'	font-size: 28px;',
+						'	height: 100px;',
+						'	display: block;',
+						'	border-style: solid;',
+						'	border-width: 1px 1px 4px 1px;',
+						'	border-color: #C0C0C0 #C0C0C0 #9CCF42 #C0C0C0;',
+						'	padding-top: 15px;',
+						'	padding-left: 15px;',
+						'}',
+						'',
+						'	a.green-box:hover {',
+						'		border: 4px solid #9CCF42;',
+						'		padding-top: 12px;',
+						'		padding-left: 12px;',
+						'		background-color: #FFFFFF;',
+						'	}',
+						'',
+						'',
+						'a.green-box2 {',
+						'	font-size: 14px;',
+						'	height: 48px;',
+						'	width: 48px;',
+						'	display: block; /* border-color: #C0C0C0; */',
+						'	padding-top: 6px;',
+						'	font-weight: bold;',
+						'',
+						'}',
+						'',
+						'	a.green-box2:hover {',
+						'		border: solid #8ABAE4;',
+						'		padding-top: 0px;',
+						'		padding-left: 0px;',
+						"		background-image: url('../Images/documents.png');",
+						'		background-color: #EFEFEF;',
+						'	}',
+						'',
+						'a.yellow-box {',
+						'	font-size: 28px;',
+						'	height: 100px;',
+						'	display: block;',
+						'	border-style: solid;',
+						'	border-width: 1px 1px 4px 1px;',
+						'	border-color: #C0C0C0 #C0C0C0 #DECF6B #C0C0C0;',
+						'	padding-top: 15px;',
+						'	padding-left: 15px;',
+						'}',
+						'',
+						'	a.yellow-box:hover {',
+						'		border: 4px solid #DECF6B;',
+						'		padding-top: 12px;',
+						'		padding-left: 12px;',
+						'		background-color: #FFFFFF;',
+						'	}',
+						'',
+						'',
+						'a.red-box {',
+						'	font-size: 28px;',
+						'	height: 100px;',
+						'	display: block;',
+						'	border-style: solid;',
+						'	border-width: 1px 1px 4px 1px;',
+						'	border-color: #C0C0C0 #C0C0C0 #F79E84 #C0C0C0;',
+						'	padding-top: 15px;',
+						'	padding-left: 15px;',
+						'}',
+						'',
+						'	a.red-box:hover {',
+						'		border: 4px solid #F79E84;',
+						'		padding-top: 12px;',
+						'		padding-left: 12px;',
+						'		background-color: #FFFFFF;',
+						'	}',
+						'',
+						'/* main layout',
+						'----------------------------------------------------------*/',
+						'.content-wrapper {',
+						'	margin: 0 auto;',
+						'	max-width: 960px;',
+						'}',
+						'',
+						'#body {',
+						'	background-color: #efeeef;',
+						'	clear: both;',
+						'	padding-bottom: 35px;',
+						'}',
+						'',
+						'	.main-content {',
+						'		background: url("../images/accent.png") no-repeat;',
+						'		padding-left: 10px;',
+						'		padding-top: 30px;',
+						'	}',
+						'',
+						'	.featured + .main-content {',
+						'		background: url("../images/heroaccent.png") no-repeat;',
+						'	}',
+						'',
+						'footer {',
+						'	clear: both;',
+						'	background-color: #e2e2e2;',
+						'	font-size: .8em;',
+						'	height: 100px;',
+						'}',
+						'',
+						'',
+						'/* site title',
+						'----------------------------------------------------------*/',
+						'.site-title {',
+						'	color: #0066CC; /* font-family: Rockwell, Consolas, "Courier New", Courier, monospace; */',
+						'	font-size: 3.3em;',
+						'	margin-top: 40px;',
+						'	margin-bottom: 0;',
+						'}',
+						'',
+						'.site-title a, .site-title a:hover, .site-title a:active  {',
+						'	background: none;',
+						'	color: #0066CC;',
+						'	outline: none;',
+						'	text-decoration: none;',
+						'}',
+						'',
+						'',
+						'/* login',
+						'----------------------------------------------------------*/',
+						'#login {',
+						'	display: block;',
+						'	font-size: .85em;',
+						'	margin-top: 20px;',
+						'	text-align: right;',
+						'}',
+						'',
+						'	#login a {',
+						'		background-color: #d3dce0;',
+						'		margin-left: 10px;',
+						'		margin-right: 3px;',
+						'		padding: 2px 3px;',
+						'		text-decoration: none;',
+						'	}',
+						'',
+						'	#login a.username {',
+						'		background: none;',
+						'		margin-left: 0px;',
+						'		text-decoration: underline;',
+						'	}',
+						'',
+						'	#login li {',
+						'		display: inline;',
+						'		list-style: none;',
+						'	}',
+						'',
+						'',
+						'/* menu',
+						'----------------------------------------------------------*/',
+						'ul#menu {',
+						'	font-size: 1.3em;',
+						'	font-weight: 600;',
+						'	margin: 0;',
+						'	text-align: right;',
+						'	text-decoration: none;',
+						'',
+						'}',
+						'',
+						'	ul#menu li {',
+						'		display: inline;',
+						'		list-style: none;',
+						'		padding-left: 15px;',
+						'	}',
+						'',
+						'		ul#menu li a {',
+						'			background: none;',
+						'			color: #999;',
+						'			text-decoration: none;',
+						'		}',
+						'',
+						'		ul#menu li a:hover {',
+						'			color: #333;',
+						'			text-decoration: none;',
+						'		}',
+						'',
+						'',
+						'',
+						'/* page elements',
+						'----------------------------------------------------------*/',
+						'/* featured */',
+						'.featured {',
+						'	background-color: #fff;',
+						'}',
+						'',
+						'	.featured .content-wrapper {',
+						'		/*background-color: #7ac0da;',
+						'		background-image: -ms-linear-gradient(left, #7AC0DA 0%, #A4D4E6 100%);',
+						'		background-image: -o-linear-gradient(left, #7AC0DA 0%, #A4D4E6 100%);',
+						'		background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7AC0DA), color-stop(1, #A4D4E6));',
+						'		background-image: -webkit-linear-gradient(left, #7AC0DA 0%, #A4D4E6 100%);',
+						'		background-image: linear-gradient(left, #7AC0DA 0%, #A4D4E6 100%);',
+						'		color: #3e5667;',
+						'		*/',
+						'		padding:  0px 40px 30px 40px;',
+						'	}',
+						'',
+						'		.featured hgroup.title h1, .featured hgroup.title h2 {',
+						'			/* color: #fff; */',
+						'		}',
+						'',
+						'		.featured p {',
+						'			font-size: 1.1em;',
+						'		}',
+						'',
+						'/* page titles */',
+						'hgroup.title {',
+						'	margin-bottom: 10px;',
+						'}',
+						'',
+						'hgroup.title h1, hgroup.title h2 {',
+						'display: inline;',
+						'}',
+						'',
+						'hgroup.title h2 {',
+						'	font-weight: normal;',
+						'}',
+						'',
+						'/* releases */',
+						'.milestone {',
+						'	color: #fff;',
+						'	background-color: #8ABAE4;',
+						'	font-weight:  normal;',
+						'	padding:  10px 10px 10px 10px;',
+						'	margin: 0 0 0 0;',
+						'}',
+						'	.milestone .primary {',
+						'		font-size: 1.75em;',
+						'	}',
+						'',
+						'	.milestone .secondary {',
+						'		font-size: 1.2em;',
+						'		font-weight: normal;',
+						'		/* padding: 5px 5px 5px 10px;*/',
+						'	}',
+						'',
+						'/* features */',
+						'section.feature {',
+						'	width: 200px;',
+						'	float: left;',
+						'	padding: 10px;',
+						'}',
+						'',
+						'/* ordered list */',
+						'ol.round {',
+						'	list-style-type: none;',
+						'	padding-left: 0;',
+						'}',
+						'',
+						'	ol.round li {',
+						'		margin: 25px 0;',
+						'		padding-left: 45px;',
+						'	}',
+						'',
+						'		ol.round li.one {',
+						'			background: url("../images/orderedlistOne.png") no-repeat;',
+						'		}',
+						'',
+						'		ol.round li.two {',
+						'			background: url("../images/orderedlistTwo.png") no-repeat;',
+						'		}',
+						'',
+						'		ol.round li.three {',
+						'			background: url("../images/orderedlistThree.png") no-repeat;',
+						'		}',
+						'',
+						'/* content */',
+						'article {',
+						'	float: left;',
+						'	width: 70%;',
+						'}',
+						'',
+						'aside {',
+						'	float: right;',
+						'	width: 25%;',
+						'}',
+						'',
+						'	aside ul {',
+						'		list-style: none;',
+						'		padding: 0;',
+						'	}',
+						'',
+						'	 aside ul li {',
+						'		background: url("../images/bullet.png") no-repeat 0 50%;',
+						'		padding: 2px 0 2px 20px;',
+						'	 }',
+						'',
+						'.label {',
+						'	font-weight: 700;',
+						'}',
+						'',
+						'/* login page */',
+						'#loginForm {',
+						'	border-right: solid 2px #c8c8c8;',
+						'	float: left;',
+						'	width: 45%;',
+						'}',
+						'',
+						'	#loginForm .validation-error {',
+						'		display: block;',
+						'		margin-left: 15px;',
+						'	}',
+						'',
+						'#socialLoginForm {',
+						'	margin-left: 40px;',
+						'	float: left;',
+						'	width: 50%;',
+						'}',
+						'',
+						'/* contact */',
+						'.contact h3 {',
+						'	font-size: 1.2em;',
+						'}',
+						'',
+						'.contact p {',
+						'	margin: 5px 0 0 10px;',
+						'}',
+						'',
+						'.contact iframe {',
+						'	border: solid 1px #333;',
+						'	margin: 5px 0 0 10px;',
+						'}',
+						'',
+						'/* forms */',
+						'fieldset {',
+						'	border: none;',
+						'	margin: 0;',
+						'	padding: 0;',
+						'}',
+						'',
+						'	fieldset legend {',
+						'		display: none;',
+						'	}',
+						'',
+						'	fieldset ol {',
+						'		padding: 0;',
+						'		list-style: none;',
+						'	}',
+						'',
+						'		fieldset ol li {',
+						'			padding-bottom: 5px;',
+						'		}',
+						'',
+						'	fieldset label {',
+						'		display: block;',
+						'		font-size: 1.2em;',
+						'		font-weight: 600;',
+						'	}',
+						'',
+						'	fieldset label.checkbox {',
+						'		display: inline;',
+						'	}',
+						'',
+						'	fieldset input[type="text"],',
+						'	fieldset input[type="password"] {',
+						'		border: 1px solid #e2e2e2;',
+						'		color: #333;',
+						'		font-size: 1.2em;',
+						'		margin: 5px 0 6px 0;',
+						'		padding: 5px;',
+						'		width: 300px;',
+						'	}',
+						'',
+						'		fieldset input[type="text"]:focus,',
+						'		fieldset input[type="password"]:focus {',
+						'			border: 1px solid #7ac0da;',
+						'		}',
+						'',
+						'	fieldset input[type="submit"] {',
+						'		background-color: #d3dce0;',
+						'		border: solid 1px #787878;',
+						'		cursor: pointer;',
+						'		font-size: 1.2em;',
+						'		font-weight: 600;',
+						'		padding: 7px;',
+						'	}',
+						'',
+						'/* ajax login/registration dialog */',
+						'.modal-popup {',
+						'	font-size: 0.7em;',
+						'}',
+						'',
+						'/* info and errors */',
+						'.message-info {',
+						'	border: solid 1px;',
+						'	clear: both;',
+						'	padding: 10px 20px;',
+						'}',
+						'',
+						'.message-error {',
+						'	clear: both;',
+						'	color: #e80c4d;',
+						'	font-size: 1.1em;',
+						'	font-weight: bold;',
+						'	margin: 20px 0 10px 0;',
+						'}',
+						'',
+						'.message-success {',
+						'	color: #7ac0da;',
+						'	font-size: 1.3em;',
+						'	font-weight: bold;',
+						'	margin: 20px 0 10px 0;',
+						'}',
+						'',
+						'.success {',
+						'	color: #7ac0da;',
+						'}',
+						'',
+						'.error {',
+						'	color: #e80c4d;',
+						'}',
+						'',
+						'/* styles for validation helpers */',
+						'.field-validation-error {',
+						'	color: #e80c4d;',
+						'	font-weight: bold;',
+						'}',
+						'',
+						'.field-validation-valid {',
+						'	display: none;',
+						'}',
+						'',
+						'input[type="text"].input-validation-error,',
+						'input[type="password"].input-validation-error {',
+						'	border: solid 1px #e80c4d;',
+						'}',
+						'',
+						'.validation-summary-errors {',
+						'	color: #e80c4d;',
+						'	font-weight: bold;',
+						'	font-size: 1.1em;',
+						'}',
+						'',
+						'.validation-summary-valid {',
+						'	display: none;',
+						'}',
+						'',
+						'',
+						'/* social */',
+						'ul#social li {',
+						'	display: inline;',
+						'	list-style: none;',
+						'}',
+						'',
+						'	ul#social li a {',
+						'		color: #999;',
+						'		text-decoration: none;',
+						'	}',
+						'',
+						'	a.facebook, a.twitter {',
+						'		display: block;',
+						'		float: left;',
+						'		height: 24px;',
+						'		padding-left: 17px;',
+						'		text-indent: -9999px;',
+						'		width: 16px;',
+						'	}',
+						'',
+						'	a.facebook {',
+						'		background: url("../images/facebook.png") no-repeat;',
+						'	}',
+						'',
+						'	a.twitter {',
+						'		background: url("../images/twitter.png") no-repeat;',
+						'	}',
+						'',
+						'',
+						'',
+						'/********************',
+						'*   Mobile Styles   *',
+						'********************/',
+						'@media only screen and (max-width: 850px) {',
+						'',
+						'	/* header',
+						'	----------------------------------------------------------*/',
+						'	header .float-left,',
+						'	header .float-right {',
+						'		float: none;',
+						'	}',
+						'',
+						'	/* logo */',
+						'	header .site-title {',
+						'		/*margin: 0; */',
+						'		/*margin: 10px;*/',
+						'		text-align: left;',
+						'		padding-left: 0;',
+						'	}',
+						'',
+						'	/* login */',
+						'	#login {',
+						'		font-size: .85em;',
+						'		margin-top: 0;',
+						'		text-align: center;',
+						'	}',
+						'',
+						'		#login ul {',
+						'			margin: 5px 0;',
+						'			padding: 0;',
+						'		}',
+						'',
+						'		#login li {',
+						'			display: inline;',
+						'			list-style: none;',
+						'			margin: 0;',
+						'			padding:0;',
+						'		}',
+						'',
+						'		#login a {',
+						'			background: none;',
+						'			color: #999;',
+						'			font-weight: 600;',
+						'			margin: 2px;',
+						'			padding: 0;',
+						'		}',
+						'',
+						'		#login a:hover {',
+						'			color: #333;',
+						'		}',
+						'',
+						'	/* menu */',
+						'	nav {',
+						'		margin-bottom: 5px;',
+						'	}',
+						'',
+						'	ul#menu {',
+						'		margin: 0;',
+						'		padding:0;',
+						'		text-align: center;',
+						'	}',
+						'',
+						'		ul#menu li {',
+						'			margin: 0;',
+						'			padding: 0;',
+						'		}',
+						'',
+						'',
+						'	/* main layout',
+						'	----------------------------------------------------------*/',
+						'	.main-content,',
+						'	.featured + .main-content {',
+						'		background-position: 10px 0;',
+						'	}',
+						'',
+						'	.content-wrapper {',
+						'		padding-right: 10px;',
+						'		padding-left: 10px;',
+						'	}',
+						'',
+						'	.featured .content-wrapper {',
+						'		padding: 10px;',
+						'	}',
+						'',
+						'	/* page content */',
+						'	article, aside {',
+						'		float: none;',
+						'		width: 100%;',
+						'	}',
+						'',
+						'	/* ordered list */',
+						'	ol.round {',
+						'		list-style-type: none;',
+						'		padding-left: 0;',
+						'	}',
+						'',
+						'		ol.round li {',
+						'			padding-left: 10px;',
+						'			margin: 25px 0;',
+						'		}',
+						'',
+						'			ol.round li.one,',
+						'			ol.round li.two,',
+						'			ol.round li.three {',
+						'				background: none;',
+						'			}',
+						'',
+						'	 /* features */',
+						'	 section.feature {',
+						'		float: none;',
+						'		padding: 10px;',
+						'		width: auto;',
+						'	 }',
+						'',
+						'		section.feature img {',
+						'			color: #999;',
+						'			content: attr(alt);',
+						'			font-size: 1.5em;',
+						'			font-weight: 600;',
+						'		}',
+						'',
+						'	/* forms */',
+						'	fieldset input[type="text"],',
+						'	fieldset input[type="password"] {',
+						'		width: 90%;',
+						'	}',
+						'',
+						'	/* login page */',
+						'	#loginForm {',
+						'		border-right: none;',
+						'		float: none;',
+						'		width: auto;',
+						'	}',
+						'',
+						'		#loginForm .validation-error {',
+						'			display: block;',
+						'			margin-left: 15px;',
+						'		}',
+						'',
+						'	#socialLoginForm {',
+						'		margin-left: 0;',
+						'		float: none;',
+						'		width: auto;',
+						'	}',
+						'',
+						'	/* footer',
+						'	----------------------------------------------------------*/',
+						'	footer .float-left,',
+						'	footer .float-right {',
+						'		float: none;',
+						'	}',
+						'',
+						'	footer {',
+						'		text-align: center;',
+						'		height: auto;',
+						'		padding: 10px 0;',
+						'	}',
+						'',
+						'		footer p {',
+						'			margin: 0;',
+						'		}',
+						'',
+						'		ul#social {',
+						'			padding:0;',
+						'			margin: 0;',
+						'		}',
+						'',
+						'		 a.facebook, a.twitter {',
+						'			background: none;',
+						'			display: inline;',
+						'			float: none;',
+						'			height: auto;',
+						'			padding-left: 0;',
+						'			text-indent: 0;',
+						'			width: auto;',
+						'		}',
+						'}',
+						'',
+						'.subsite {',
+						'	color: #444;',
+						'}',
+						'',
+						'h3 {',
+						'	font-weight: normal;',
+						'	font-size: 24px;',
+						'	color: #444;',
+						'	margin-bottom: 20px;',
+						'}',
+						'',
+						'.tiles {',
+						'	padding-bottom: 20px;',
+						'	background-color: #e3e3e3;',
+						'}',
+						'',
+						'#editor {',
+						'	margin: 0 auto;',
+						'	height: 500px;',
+						'	border: 1px solid #ccc;',
+						'}',
+						'',
+						'.monaco-editor.monaco, .monaco-editor.vs, .monaco-editor.eclipse {',
+						'	background: #F9F9F9;',
+						'}',
+						'',
+						'.monaco-editor.monaco .monaco-editor-background, .monaco-editor.vs .monaco-editor-background, .monaco-editor.eclipse .monaco-editor-background {',
+						'	background: #F9F9F9;',
+						'}'
+					].join('\n'),
+					language: 'css'
+				});
 			});
 		</script>
 	</body>