/*内容区域*/
#content{ width:100%; margin:auto;}
/*菜单样式*/
.menu{width:90px; background:#fff9e7; border-right:solid #f2d89d 1px; float:left;}
.menu ul{padding-top:5px;}
.menu ul li{text-align:center;padding:10px 0;border-left:solid 5px #FFF9E7;}
.menu ul li a{ color:#16120f;}
.menu ul li a:hover{ text-decoration:none;}
.menu ul li a span{color:#716f6a;white-space:nowrap;display:inline-block;padding:3px 0;}
.menu li:hover {border-left-color:#BA0000;background-color: #f9ecc6}
.menu li.active {border-left-color:#BA0000;background-color: #f9ecc6}
/*菜单图标*/
.ico-menu {display:block;width:32px;height:32px;margin:auto;overflow:hidden;background-image:url(../images/ico_user.png);background-repeat: no-repeat}
.ico-menu-zujuan {display:block;width:32px;height:32px;margin:auto;overflow:hidden;background-image:url(../images/ico_zujuan.png);background-repeat: no-repeat}

.ico-profile,.ico-manual {background-position:0 0px; } /* profile */
.ico-question,.ico-history { background-position:-32px 0px; }
.ico-org,.ico-auto { background-position:-64px 0px; }
.ico-user { background-position:-96px 0px; }
.ico-knowledge {background-position:-128px 0px;}
.ico-paper {background-position:-160px 0px; }
.ico-template {background-position:-192px 0px; }

.menu li:hover .ico-profile,.menu li.active .ico-profile {background-position:0 -32px; } /* profile */
.menu li:hover .ico-question,.menu li.active .ico-question{ background-position:-32px -32px; }
.menu li:hover .ico-org,.menu li.active .ico-org { background-position:-64px -32px; }
.menu li:hover .ico-user,.menu li.active .ico-user { background-position:-96px -32px; }
.menu li:hover .ico-knowledge,.menu li.active .ico-knowledge {background-position:-128px -32px;}
.menu li:hover .ico-paper,.menu li.active .ico-paper {background-position:-160px -32px; }
.menu li:hover .ico-template,.menu li.active .ico-template {background-position:-192px -32px; }

.menu li:hover .ico-manual,.menu li.active .ico-manual {background-position:0 -32px; } /* profile */
.menu li:hover .ico-history,.menu li.active .ico-history{ background-position:-32px -32px; }
.menu li:hover .ico-auto,.menu li.active .ico-auto { background-position:-64px -32px; }

.ico-batch {display:block;width:32px;height:32px;margin:auto;overflow:hidden;background-image:url(../images/calendar.png);background-repeat: no-repeat}
.ico-task {display:block;width:32px;height:32px;margin:auto;overflow:hidden;background-image:url(../images/paper.png);background-repeat: no-repeat}

.icon {display:block;width:32px;height:32px;margin:auto;overflow:hidden;background-image:url(images/icon.png);background-repeat: no-repeat}
.todo{background-position:0 0px; } 
.done { background-position:-32px 0px; }
.related { background-position:-64px 0px; }
.finished { background-position:-96px 0px; }
.paperBatch {background-position:-128px 0px;}
.paperTasks {background-position:-160px 0px; }

.menu li:hover .todo,.menu li.active .todo {background-position:0 -32px; } /* profile */
.menu li:hover .done,.menu li.active .done{ background-position:-32px -32px; }
.menu li:hover .related,.menu li.active .related { background-position:-64px -32px; }
.menu li:hover .finished,.menu li.active .finished { background-position:-96px -32px; }
.menu li:hover .paperBatch,.menu li.active .paperBatch {background-position:-128px -32px;}
.menu li:hover .paperTasks,.menu li.active .paperTasks {background-position:-160px -32px; }