/********************************************************************************

 * CoolCode Style

 *******************************************************************************/

.hl-title {

    background-color: #F9FBFC;

    border: 1px solid #C3CED9;

    border-bottom: 0;

    padding: 6px 24px;

    margin: 0;

    width: auto;

    line-height: 180%;

    overflow : auto;

    text-align: left;

    font-size: 14px;

    font-weight: bold;

}



.hl-surround {

    background-color: #F9FBFC;

    border: 1px solid #C3CED9;

    margin: 0;

    margin-bottom: 5px;

    width: auto;

    height: auto;

    overflow : auto;

    text-align: left;

    font-family: Fixedsys, "BitStream Vera Sans Mono", "Courier New", Courier, monospace;

}



ol.hl-main {

    padding: 0 12px 0 56px;

    margin: 0;

    background-color: transparent;

    background-image: url(images/hide.gif);

    background-repeat: no-repeat;

    background-position : 5px 5px;

}



div.hl-main {

    padding: 6px 24px;

    margin: 0;

    line-height: 180%;

    background-color: transparent;

}



.ln-show {

    padding-left: 56px !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;

    font-size: 12px !important;

    margin: 0 !important;

    line-height: 28px !important;

    border-left: 1px solid #C3CED9;

    border-top: 1px solid #E3EEF9;

    border-top-color: #E3EEF9 !important;

    padding: 0 0 0 12px !important;

    background-color: #F9FBFC !important;

}



li.hl-firstline {

    border-top: 0 !important;

}