body, input, textarea, select { color: #666666; }
body { background: url(body_bg.png); _background-attachment: fixed; }
::selection { background: #999999; color: #FFFFFF; }
a { color: #0099CC; }
a:hover { color: #000000; }
#header { position: fixed; left: 0; top: 0; right: 0; z-index: 1; color: #CCCCCC; background: #444444; padding-top: 3px; padding-bottom: 3px; _width: 100%; _position: absolute; _top: expression(eval(document.documentElement.scrollTop)); }
#header a { color: #FFFFFF; }
#header a:hover { color: #CCCCCC; }
#header .logo { margin-left: 10px; }
#header .links { position: absolute; top: 6px; right: 10px; }
#notification { color: #FFFFFF; height: 30px; line-height: 30px; position: absolute; left: 240px; top: 0; }
#notification.pending { color: #FFEA84; background: url("loading.gif") no-repeat left center; text-indent: 20px; }
#notification.succeed { color: #C7FF8E; }
#notification.fail { color: #FFBCBC; }
#aside { position: fixed; left: 0; top: 30px; bottom: 0; z-index: 1; width: 160px; background: #D4DDE5; border-right: 1px solid #AEB7BF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); _position: absolute; _top: expression(eval(document.documentElement.scrollTop+30)); _height: expression(eval(document.documentElement.clientHeight-30)); }
#nav dl { line-height: 2; }
#nav dl dt { font-weight: 700; text-indent: 18px; }
#nav dl dd { text-indent: 36px; }
#nav dl dd.this { background: #AEB7BF; background: linear-gradient(#AEB7BF, #777D84); }
#nav dl dd.this a { color: #FFFFFF; }
#copyright { position: absolute; left: 10px; bottom: 10px; }
#main { margin-left: 161px; margin-top: 30px; font-size: 14px; }
#main table { width: 100%; }
#main table tr:nth-child(odd) { background: #FFFFFF; }
#main table tr.odd { background: #FFFFFF; }
#main table tr:hover { background: #ECF1F5; }
#main table th { padding: 5px; background: #ECF1F5; text-align: left; }
#main table td { padding: 5px; }
#main table, #main table th, #main table td { border: 1px solid #E0E0E0; }
#main .nodata { background: #FEF5F1; border: 1px solid #CD0A0A; color: #CD0A0A; font-size: 12px; padding: 10px; margin: 5px; }
#path { background: #7E7E7E; color: #BBBBBB; text-indent: 10px; line-height: 30px; height: 30px; }
#path a { color: #FFFFFF; }
#path a:hover { color: #000000; }
#function { background: #E7E7E7; border-bottom: 1px solid #CCCCCC; padding: 10px 20px; }
#function a { display: inline-block; padding: 3px 15px 3px 30px; color: #666666; line-height: 18px; height: 18px; background: no-repeat 10px center #FEFEFE; border: 1px solid #BBBBBB; box-shadow: 1px 1px 2px #CBCBCB; cursor: pointer; user-select: none; }
#function .back { background-image: url(icon_folder.png); background: url(icon_folder.png) no-repeat 10px center, linear-gradient(#FEFEFE, #E6E6E6); }
#function .save { background-image: url(icon_save.png); background: url(icon_save.png) no-repeat 10px center, linear-gradient(#FEFEFE, #E6E6E6); }
#function .del { background-image: url(icon_del.png); background: url(icon_del.png) no-repeat 10px center, linear-gradient(#FEFEFE, #E6E6E6); }
#function .cv { background-image: url(icon_cv.png); background: url(icon_cv.png) no-repeat 10px center, linear-gradient(#FEFEFE, #E6E6E6); }
#function .folder_add { background-image: url(icon_folder_add.png); background: url(icon_folder_add.png) no-repeat 10px center, linear-gradient(#FEFEFE, #E6E6E6); }
#function .user_add { background-image: url(icon_user_add.png); background: url(icon_user_add.png) no-repeat 10px center, linear-gradient(#FEFEFE, #E6E6E6); }
#function .userclass_add { background-image: url(icon_userclass_add.png); background: url(icon_userclass_add.png) no-repeat 10px center, linear-gradient(#FEFEFE, #E6E6E6); }
#function .topic_add { background-image: url(icon_topic_add.png); background: url(icon_topic_add.png) no-repeat 10px center, linear-gradient(#FEFEFE, #E6E6E6); }
#function .link_add { background-image: url(icon_link_add.png); background: url(icon_link_add.png) no-repeat 10px center, linear-gradient(#FEFEFE, #E6E6E6); }
#function .database { background-image: url(icon_database.png); background: url(icon_database.png) no-repeat 10px center, linear-gradient(#FEFEFE, #E6E6E6); }
#function .database_del { background-image: url(icon_database_del.png); background: url(icon_database_del.png) no-repeat 10px center, linear-gradient(#FEFEFE, #E6E6E6); }
#function .goup { background-image: url(icon_goup.png); background: url(icon_goup.png) no-repeat 10px center, linear-gradient(#FEFEFE, #E6E6E6); }
#filter { background: #F5F5F5; border-bottom: 1px solid #CCCCCC; padding: 5px 20px; }
#filter .search { padding: 1px 5px; border: 1px solid #C8C8C8; box-shadow: 0 1px 2px #CBCBCB inset; background: #FFFFFF; }
#mainform textarea { width: 660px; height: 100px; }
#mainform textarea.kindeditor { height: 300px; }
#mainform .ipt,
#mainform input[type="text"],
#mainform input[type="password"],
#mainform textarea { padding: 3px 5px; border: 1px solid #C8C8C8; box-shadow: 0 1px 2px #CBCBCB inset; background: #FFFFFF; transition: 0.5s; }
#mainform input[type="text"]:focus,
#mainform input[type="password"]:focus,
#mainform textarea:focus { border-color: #A3A3A3; color: #000000; }
#mainform input[type="text"]:read-only,
#mainform textarea:read-only { background: #EEEEEE; }
#mainform input[type="text"]:disabled,
#mainform textarea:disabled { color: #A7B599; background: #EEEEEE; }
#mainform input[type="button"],
#mainform input[type="submit"],
#mainform input[type="reset"] { padding: 3px 20px; background: #FEFEFE; background: linear-gradient(#FEFEFE, #E6E6E6); border: 1px solid #BBBBBB; box-shadow: 1px 1px 2px #CBCBCB; cursor: pointer; }
#mainform .function { padding: 20px 30px; }
#mainform section { margin: 20px 30px; }
#mainform ul { list-style-type: none; margin-top: 15px; *zoom: 1; }
#mainform ul:after { content: "."; clear: both; visibility: hidden; height: 0; display: block; }
#mainform ul li { float: left; margin-right: 20px; }
#mainform label { display: block; color: #999999; text-shadow: 0 1px 0 #FFFFFF; }
#mainform fieldset { padding: 0 15px 15px; border: 1px solid #CCCCCC; border-radius: 8px; margin-bottom: 15px; }
#mainform legend { padding: 0 10px; }
#mainform .tabs { margin-top: 15px; }
#mainform .tabs ol { list-style-type: none; border-bottom: 1px solid #CCCCCC; *zoom: 1; }
#mainform .tabs ol:after { content: "."; clear: both; visibility: hidden; height: 0; display: block; }
#mainform .tabs ol li { float: left; cursor: pointer; padding: 4px 15px; margin-left: 5px; background-color: #FEFEFE; background-image: linear-gradient(#FEFEFE, #E6E6E6); border: 1px solid #CCCCCC; border-bottom: none; position: relative; top: 1px; }
#mainform .tabs ol li.this { background: url(body_bg.png); padding-bottom: 5px; }
.pages { padding: 10px; }
.pages a { padding: 1px 6px; border: 1px solid #CCCCCC; background: #FFFFFF; margin-right: 3px; }
.pages a.this { color: #FF0000; background: #FFFFFF; }
.treeth { position: relative; padding: 5px 10px; border-bottom: 1px solid #DDDDDD; color: #000000; _zoom: 1; }
.treeth div { position: absolute; right: 10px; top: 5px; }
.treeth div span { display: inline-block; width: 80px; }
.ztree li section { position: relative; }
.ztree li section:hover { background-color: #DDDDDD; }
.ztree li section.hide1 a span { color: #BBBBBB; }
.ztree li a i { color: #999999; }
.ztree li div { position: absolute; right: 0; top: 0; }
.ztree li div span { display: inline-block; width: 80px; }
.ztree li div span img { margin-right: 10px; }
.qtip-bootstrap { font-size: 12px !important; }
.qtip-content img { max-height: 400px; }
.album img { border: 1px solid #666666; padding: 1px; box-shadow: 1px 1px 3px #666666; max-width: 200px; max-height: 200px; margin-right: 10px; margin-bottom: 10px; }