/********************************************************************************
 * CoolCode Style
 *******************************************************************************/
.hl-title {
	background-color: #EEEEEE;
	padding: 6px;
	margin: 0;
	width: auto;
	line-height: 180%;
	overflow : auto;
	text-align: left;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-left-color: #666666;
}

.hl-surround {
	margin: 0;
	width: auto;
	height: auto;
	overflow : auto;
	text-align: left;
	background-color: #99CCCC;
}

ol.hl-main {
	margin: 0;
	background-color: transparent;
	background-image: url(images/hide.gif);
	background-repeat: no-repeat;
	background-position : 5px 5px;
	padding-left: 45px;
}

div.hl-main {
	line-height: 20px;
	background-color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 10px;
}

.ln-show {
	padding-left: 40px !important;
	background-image: url(images/hide.gif) !important;
	list-style: decimal outside !important;
}

.ln-show li {
    list-style: decimal outside !important;
}

.ln-hide {
    padding-left: 24px !important;
    background-image: url(images/show.gif) !important;
    list-style-type: none !important;
}

.ln-hide li {
    list-style-type: none !important;
}

ol.hl-main li {
	display: list-item !important;
	margin: 0 !important;
	line-height: 20px !important;
	border-left: 1px solid #C3CED9;
	border-top: 1px solid #E3EEF9;
	border-top-color: #EEEEEE !important;
	padding: 0 0 0 12px !important;
	background-color: #F9FBFC !important;
}

li.hl-firstline {
    border-top: 0 !important;
}
.coolcode {
	border: 1px solid #666666;
	margin-bottom: 10px;
}
.coolcode .text02 {
	font-size:12px;
	color: #CC3333;
}
.codeScroll {
	height:400px;
}
/* for IE */
.codeScroll {
  overflow: auto;
  _overflow: scroll;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
}

.codeScroll ol {
  overflow: visible;
}