/*
-----------CSS Highlight---------
*/
.highlighter .css, .highlighter .javascript {
	display: inline-block;
	*display: inline;
	margin: 0 30px 2em 30px;
	border: dashed #c0c0c0;
	border-width: 1px 0;
	padding: 10px 40px 10px 20px;
	background: #fafafa;
	font-family: "Courier New", monospace, Courier, monospace;
	font-size: 12px;
	font-weight: bold;
	zoom: 1;
}

.highlighter .css { color: #f0f; }
.css .imp {font-weight: bold; color: red;}
.css .kw1 {color: #009; font-weight: bold;}
.css .kw2 {color: #00f;}
.css .kw3 {color: #099;}
.css .co1 {color: #099;}
.css .co2 {color: #a0a0a0;}
.css .coMULTI {color: #a0a0a0; font-weight: normal;}
.css .es0 {color: #009; font-weight: bold;}
.css .br0 {color: #f0f;}
.css .sy0 {color: #f0f;}
.css .st0 {color: #060;}
.css .nu0 {color: #00f;}
.css .re0 {color: #00f;}
.css .re3 {color: #00f;}
.css span.xtra { display:block; }

.highlighter .javascript { color: #000; }
.javascript .imp {font-weight: bold; color: red;}
.javascript .kw1 {color: #006; font-weight: bold;}
.javascript .kw2 {color: #009; font-weight: bold;}
.javascript .kw3 {color: #006;}
.javascript .co1 {color: #a0a0a0; font-weight: normal;}
.javascript .co2 {color: #a0a0a0; font-weight: normal;}
.javascript .coMULTI {color: #a0a0a0; font-weight: normal;}
.javascript .es0 {color: #009; font-weight: bold;}
.javascript .br0 {color: #009;}
.javascript .sy0 {color: #00f;}
.javascript .st0 {color: #00f;}
.javascript .nu0 {color: #f00;}
.javascript .me1 {color: #000;}
.javascript span.xtra { display:block; }