.sidebar-button {float: left;width: 60px;position: fixed;height: 24px;top: 50%;background-color: #333333;text-align: center;
                 border-radius: 0 0 4px 4px;-webkit-border-radius: 0 0 4px 4px;-moz-border-radius:0 0 4px 4px;cursor: pointer;
                -webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);
                -webkit-transform-origin: 10px center;-moz-transform-origin: 10px center;-ms-transform-origin: 10px center;-o-transform-origin: 10px center;transform-origin: 10px center;
                /* Should be unset in IE9+ I think. */
                /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
				}
                                
@media screen and (max-width: 600px) {
    .sidebar-button {
        -webkit-transform-origin: 8px center;-moz-transform-origin: 8px center;-ms-transform-origin: 8px center;-o-transform-origin: 8px center;transform-origin: 8px center;
    }    
}

.sidebar-button a {text-decoration: none;color: #FFF;font-size: 15px !important;font-family: arial !important; }

.sidebar-wrapper {float: left;width: 250px;left: -252px; position: fixed;height: auto;top: 50%;background-color: #FFF;font-family: arial;
                  border-radius: 0 5px 0 0;-webkit-border-radius: 0 5px 0 0;-moz-border-radius:0 5px 0 0;padding-bottom: 6px;
                  padding-right: 2px;background-color: #333333;z-index: 99999;}

.sidebar-wrapper a.hide {float: left;width: 248px;color: #FFF;text-decoration: none;font-size: 15px;
                        background: url(../img/left-arrow.png) #333333 right center no-repeat;
                        text-indent: 8px;line-height: 25px;}

.sidebar-wrapper .menu-container {float: left;padding: 8px;background-color: #FFF;width: 234px;height: auto;}

.sidebar-wrapper .menu-container a {float: left;text-decoration: none;font-size: 12px;}

.sidebar-wrapper .menu-container .menu {float: left;width: 100%;overflow-y: scroll;overflow-x: hidden;margin: 4px 0;max-height: 200px;}

.sidebar-wrapper .menu-container .menu .unit {float: left;clear: both;width: 98%;}
.sidebar-wrapper .menu-container .menu .unit > a {min-height: 20px;color: #555555;width: 100%;margin-bottom: 10px;
                                                border-radius: 0 0 5px 0;-webkit-border-radius: 0 0 5px 0;-moz-border-radius:0 0 5px 0;
                                                box-shadow: 1px 1px 1px #CCCCCC;-moz-box-shadow: 1px 1px 1px #CCCCCC;-webkit-box-shadow: 1px 1px 1px #CCCCCC;
                                                background: url(../img/bottom-arrow.png) transparent 96% center no-repeat;}
.sidebar-wrapper .menu-container .menu .unit > a .box {float: left;width: 8px;background-color: #333333;min-height: 20px;margin-right: 4px;}

.sidebar-wrapper .menu-container .menu .unit .topic {float: right;clear: both;width: 96%;}
.sidebar-wrapper .menu-container .menu .unit .topic > a {min-height: 20px;color: #555555;width: 92%;margin-bottom: 10px;
                                                       border-radius: 0 0 5px 0;-webkit-border-radius: 0 0 5px 0;-moz-border-radius:0 0 5px 0;
                                                       box-shadow: 1px 1px 1px #CCCCCC;-moz-box-shadow: 1px 1px 1px #CCCCCC;-webkit-box-shadow: 1px 1px 1px #CCCCCC;
                                                       background: url(../img/bottom-arrow.png) #EEEEEE 98% center no-repeat;padding: 0 8% 0 0;}
.sidebar-wrapper .menu-container .menu .unit .topic > a .box {float: left;width: 8px;background-color: #777777;min-height: 20px;margin-right: 4px;}

.sidebar-wrapper .menu-container .menu .unit .topic .screen {float: right;clear: both;width: 94%;}
.sidebar-wrapper .menu-container .menu .unit .topic .screen a {min-height: 20px;color: #555555;width: 94%;margin-bottom: 10px;
                                                               border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;-moz-border-radius:0 0 5px 5px;
                                                               box-shadow: 1px 1px 1px #CCCCCC;-moz-box-shadow: 1px 1px 1px #CCCCCC;-webkit-box-shadow: 1px 1px 1px #CCCCCC;
                                                               background-color: #eeeeee;padding: 0 3%;}

.sidebar-wrapper .menu-container .menu .expand > div {display: none;}