.codesample{
 border: 1px solid black;
 font-family: Verdana;
 background-color: #FFF;
}
.codesampleheader{
 background-color: #ccc;
 border-bottom: 2px solid black;
 font-weight: bold;
 font-size: 10px;
 padding-left: 5px;  
 height: 18px;
}
.codesamplecode{
 overflow: auto;
 line-height: 14px;
}
.codesamplefooter{
 font-size: 10px;
 font-weight: bold;
 background-color: #ccc;
 border-top: 2px solid black;
 padding-left: 5px;
}
.code{
 font-size: 9px;
 font-family:"MS Trebuchet","Verdana","Andale Mono","Courier New", Courier, mono;
 margin-top: 0px;  
 margin-bottom: 0px;


}      
.linenumber{
 border-right: 2px solid black;
 background-color: #CCC;
 margin-right: 5px;
 font-weight: bold;
font-family: "Andale Mono","Courier New", Courier, mono;
font-size: 11px;
}                                                                     
.skee{
display:block;
background-color: #FFF;
}
.skeo{
display:block;
background-color: #DDD;
}
/*
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 
white-space: -pre-wrap; /* Opera 4-6 
white-space: -o-pre-wrap; /* Opera 7 
word-wrap: break-word; /* Internet Explorer 5.5+ 
*/