#menu {
    width:250px;
    position:relative;
    
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
#openMenu {
    width:285px;
    height:900px;
    /* background-color: #CCCCCC; */
    
    position: absolute;
    top: 80px;
    left: -250px;
    z-index: 10;
    float:left;
    
    /*Gradient*/   
    background-image: url('../img/background.png');

}
#menuIcon {
    width:285px;
    height: 50px;
    position: absolute;
    background-image: url('../img/icons/glyphicons_223_chevron-right.png');
    background-repeat: no-repeat;
    background-position: 260px 15px;
}
#menu ul{
    list-style-type:none;
}
#menu li a{
    display: block;
    text-decoration: none;
    color:#333333;
    padding: 5px;
    font-size: 16px;
    background-color: #CCCCCC;
    border-top: #333333 solid 1px;
}
.menuItems{
    font-size:14px;
    color:#666666;
}
.menuItems ul {
    list-style-type:none;
    color: #000000;
    font-size: 14px;
    padding: 5px;
    border: none !important;
}
.menuItems li {
    padding: 5px;
    border-bottom: #333333 dotted 1px;
}
.menuItems li:hover {
    color:#333333;
    background-color:#FFFFFF;
}
.menuItems li a{
    display: block;
    text-decoration: none;
    color:#666666;
    padding: 2px;
    font-size: 12px !important;
    background: none !important;
    border: none !important;
}
.upArrow{
    background-image: url('../img/icons/glyphicons_201_upload.png');
    background-repeat: no-repeat;
    background-position: 210px 5px;
    background-size:20px 20px;
}
.downArrow{
    background-image: url('../img/icons/glyphicons_200_download.png');
    background-repeat: no-repeat;
    background-position: 210px 5px;
    background-size:20px 20px;
}