/** Pre code style **/
.preCodeHeader{
	background-color:	#444444;
	margin:				10px 14px 0 14px;
	padding:			3px;
	border:				1px solid black;
	border-bottom:		none 0px;
	color:				white;
	font-size:			12px;
}

pre{
	background-color:	#444444;
	margin:				0 14px 10px 14px;
	border:				1px solid black;
	border-top:			none 0px;
}
pre code{
	background:			url("../images/hl_code.png") left top no-repeat;
	background-color:	white !important;
	display:			block;
	color:				black;
	font-family:		"Courier New", Courier, monospace;
	border-left:		1px solid black;
	border-top:			1px solid black;
	border-right:		1px solid #FFFFFF; /** FF bug; not showing right outline/border when overflow **/ /** W3C bug; same color as background **/
	margin-left:		4px;
	overflow:			auto; /** FF bug; not showing right outline/border when overflow **/
	max-height:200px;
}
pre code:hover{
	height:100%;
	max-height:100%;
}
pre code.fullheight{
	max-height:100%;
}

pre code[class]:after{
	content:			"Language: " attr(class);
	display:			block; 
	text-align:			right;
	font-size:			smaller;
	color:				#CCC; 
	background:			white;
	border-top:			solid 1px #CCC;
	width:				100%;
}

pre code span{
	font-size:			100%;
}



/** language background images **/
pre code.python{
	background-image:	url("../images/hl_python.png");
}

pre code.html{
	background-image:	url("../images/hl_html.png");
}

pre code.css{
	background-image:	url("../images/hl_css.png");
}

pre code.delphi{
	background-image:	url("../images/hl_delphi.png");
}

pre code.php{
	background-image:	url("../images/hl_php.png");
}

pre code.java{
	background-image:	url("../images/hl_java.png");
}

pre code.javascript{
	background-image:	url("../images/hl_javascript.png");
}

pre code.cpp{
	background-image:	url("../images/hl_cpp.png");
}

pre code.django{
	background-image:	url("../images/hl_django.png");
}

pre code.sql{
	background-image:	url("../images/hl_sql.png");
}



/** JAVASCRIPT DreamWeaver 8 style **/
.javascript .bracket{
	color:				#000099;
	font-weight:		bold;
}
.javascript .function .keyword{
	color:				#000000;
	font-weight:		bold;
}
.javascript .function .title{
	color:				#800;
}
.javascript .function .params{
	color:				#000099;
	font-weight:		bold;
}
.javascript .function .param{
	color:				#000099;
	font-weight:		normal;
}
.javascript .reserved{
	color:				#000099;
	font-weight:		bold;
}
.javascript .native{
	color:				#009999;
}
.javascript .client{
	color:				#990099;
}
.javascript .number{
	color:				#FF0000;
}
.javascript .string{
	color:				#0000FF;
}
.javascript .regexp{
	color:				#006600;
}
.javascript .operator{
	color:				#0000FF;
}
.javascript .comment{
	color:				#999999;
}
.javascript .literal{
	color:				#000099;
	font-weight:		bold;
}


/** CSS DreamWeaver 8 style **/
.css .comment{
	color:				#999999;
}
.css .class{
	color:				#FF00FF;
}
.css .rules{
	color:				#FF00FF;
}
.css .keyword{
	color:				#FF00FF;
}
.css .rule .keyword{
	color:				#000099;
}
.css .value{
	color:				#0000FF;
}
.css .string{
	color:				#006600;
}
.css .attr_selector{
	color:				#FF00FF;
}
.css .pseudo{
	color:				#FF00FF;
}
.css .important{
	color:				#FF0000;
	font-weight:		bold;
}




/** remaining language styles **/
.ruby .subst{
	color:				black;
}

.tag .attribute .value,
.preprocessor,
.ruby .symbol,
.built_in,
.sql .aggregate,
.django .template_tag,
.django .variable,
.smalltalk .class{
	color: #800;
}

.comment,
.java .annotation,
.template_comment{
	color: #888;
}


.smalltalk .symbol,
.smalltalk .char{
	color: #080;
}

.javadoc,
.ruby .string,
.python .decorator,
.django .filter .argument,
.smalltalk .localvars,
.smalltalk .array,
.xml .pi{
	color: #88F;
}

.phpdoc,
.vbscript .built_in,
.sql .aggregate,
.rsl .built_in,
.smalltalk .class,
.xml .tag .title{
	font-weight: bold;
}


.numberx{ color: #00FF00}