.sidebar{
    float:left;
    width:200px;
}
.sidebar > span{
    padding:8px;
    width:97%;
    display: inline-block;
    font-size: 1.2em;
    color:white;
    background:url(PublicServerresourcesimage40.png);
    /*!*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#0083E2,endColorStr=#0064C3); !*IE*!*!
    background:-moz-linear-gradient(top,#0083E2,#0064C3);!*火狐*!
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#0083E2), to(#0064C3));!*谷歌*!
    background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #0083E2),color-stop(1, #0064C3));!* Safari & Chrome*!
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0083E2', endColorstr='#0064C3'); !*IE6 & IE7*!
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0083E2', endColorstr='#0064C3')"; !* IE8 *!*/
}
.sidebar ul{
    padding:0;
    margin:0;
    width:97%;
    border:1px solid #CCC;
}
.sidebar li{
    list-style-type: none;
    padding:8px;
}
.sidebar li:hover{
    cursor: pointer;
    color:red;
}
.contentArea{
    margin-left:200px;
    height:100%;
}
.sidebarActive{
    background-color:#DCDCDC;
}