.syntax_hilite, li .syntax_hilite {
	padding: 10px 0px 0px 5px;
	border: 1px solid #DDDDDD;
	/*background-color: #F3F3F3;*/
	background-color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	font-family: monospace;
	/*Courier,'Courier New', monospace;*/
	/* comment the line below to remove scrolling in code boxes */
	 overflow: auto; 
	white-space: nowrap;
}

/* change this line to set the width of code box */
.syntax_hilite {
	width: 590px;
margin-bottom:30px;
}

/* change this line to set the width of code box in a list */
li .syntax_hilite {
	width: 480px;
}

.igBar, li .igBar {
	color: #5e5f5d;
	display: block;
	margin: 0px;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
    	text-shadow: 0 1px 0 #eeece7;
	background-color: #DDDDDD;
	font-family: verdana,arial;
	border-left: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}

/* change this line to set the width of plain text bar above code box */
.igBar {
	width: 595px;
}

/* change this line to set the width of plain text bar above code box in a list */
li .igBar {
	width: 470px;
}

.igBar a {
	margin: 0px 10px 0px 10px;
	color: #5e5f5d;
	display: block;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
    	text-shadow: 0 1px 0 #eeece7;
}

.igBar a:hover {
color: #ca554e;
}

.syntax_hilite .langName {
	color: #000000;
	font-weight: bold;
margin-left:5px;
margin-top: -2px;
}

.syntax_hilite textarea { 
	margin: 0px 0px -2px 20px;
	border: none;
}

.syntax_hilite ol li { 
	margin-top: 0px;
margin-left: 20px;
}