@import url(common.css);
@charset "utf-8";

table td, table th { border: none; margin: 0; padding: 0;}

#content_page { padding: 25px 20px; width: auto; height: auto;}



/* error_info */
#error { font-weight: bold; border: 1px solid #cc0000; color: #cc0000; width: 400px; position: relative; margin-left: 470px; margin-top: 20px;}
#error_info { position: absolute; top: 50%; left: 50%; margin-left: -250px; margin-top: -100px; width: 350px; height: 50px; padding-left: 90px; color: #004080; background: url(../img/alert.png) no-repeat 0 / 50px 50px;  }
#error_info #bt { font-size: 24px; font-weight: bold; margin-bottom: 15px;}
#error_info li { margin-bottom: 5px; list-style: inside;}

/* login */
#out { width: 100%; height: 350px; margin: 0 auto; position: absolute; top: 50%;}
#outbox { width: 100%; height: 350px; margin: 0 auto; position: absolute; top: 50%;}
#midbox { width: 420px; height: 350px; margin: 0 auto; position: relative; top: -180px;}
#loginlogo { width: auto; height: 60px; margin-left: 3px; background: url(../img/login_logo.png) no-repeat 0px 0px;}
#loglogo { width: auto; height: 26px; margin-left: 3px; background: url(../img/login_logo.gif) no-repeat;}
#login { padding: 30px 0; padding-left: 80px; height: 195px; text-align: left; background: url(../img/login_bg.gif) no-repeat; color: #333;}
#login div { margin: 5px 0 10px;}
#login .select { width: 250px; border: 1px solid #999; color: #666; height: 20px; font-family: Arial; font-size: 12px;}
#login span { width: 70px; display: inline-block; font-weight: bold; height: 18px;}
#login .text { width: 180px; color: #666; line-height: 18px; height: 18px; border: 1px solid #999; font-family: Arial;}
#login .code { width: 90px; color: #666; line-height: 18px; height: 18px; border: 1px solid #999; font-family: Arial;}
#login img { width: 80px; height: 24px; position: relative; top: 6px; +top: 4px; margin-left: 10px;}
#login a.login { margin-top: 10px; margin-right: 15px; width: 80px; height: 28px; line-height: 28px; background: url(../img/login_btn.gif) repeat-x; display: inline-block; text-align: center; color: #fff; text-decoration: none; font-size: 14px;}
#login a.login:hover { background: url(../img/login_btn.gif) repeat-x 0 -28px;}

/* header */
#copyright { position:absolute; z-index: 1; width: 390px; height: 24px; top: 18px; right: -350px; text-align: center; background: url(../img/up_down.png) left no-repeat; cursor: pointer;}
#copyright span { display: block; background: #000; color: #fff; line-height: 24px; padding-right: 25px; margin-left: 25px; font-weight: bold;}
#top { width: 100%; height: 60px;}/* top */
#logo { margin: 20px; height: 20px; float: left;}/* logo */
#logo_top { margin:0px; height: 50px; float: left;}
#who { margin-top: 20px; float: left;}
#who span { margin: 0 10px;}
#who a { display: inline-block; margin: 0 5px; color: #6699cc; text-decoration: underline;}
#nav { width: 100%; height: 10px;background: url(../img/navbg.gif) repeat-x bottom left; border-top: 2px solid #000;}/* nav */

/* left */
#left { width: 200px; height: 100%; background: #fff; overflow-y: inherit;}
#left div#line { width: 10px; height: 100%; position: fixed; left: 200px; z-index: 98; background: url(../img/right_bg.gif) center center;}

#menu { margin: 0px 0 30px 10px;}
#menu li {color: #999;list-style: none; line-height: 18px;}
#menu li a { color: #999; text-decoration: none;}
#menu li a:hover { color: #666;}
#menu li a.current { color: #333; font-weight: bold;}

/* list */
table.list { width: 100%; height: auto; border-bottom: 2px solid #ccc;}
table.list thead th { border: none; border-bottom: 2px solid #666; color: #333; padding: 4px 6px;}
table.list thead th a { cursor: pointer; text-decoration: none; color: #333;}
table.list thead th a:hover { color: #996600;}
table.list tbody th { border: none; background: #eee; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; color: #333; padding: 4px 6px;}
table.list tbody td { border: none; border-bottom: 1px dashed #ccc; padding: 4px 6px;}
table.list tbody tr:hover { background: #fffde9;}
table.list td.subgrade { padding-left: 25px;}
table.list tfoot th { border: none; background: #eee; padding: 4px 6px;}

/* add */
table.add { width: 100%; height: auto;}
table.add caption { border-bottom: 1px solid #999; background: #ddd; color: #333; line-height: 24px; font-weight: bold;}
table.add th { padding: 4px 6px;}
table.add td { padding: 4px 6px;}
table.add thead th { border-bottom: 1px solid #666; color: #333;}
table.add tbody { border-bottom: 1px solid #999;}
table.add tbody th { background: #ddd; border-bottom: 1px solid #ccc;}
table.add tbody td { border-bottom: 1px dashed #ccc;}
table.add tbody tr:hover { background: #fffde9;}
.explain { color: #999; margin-left: 5px;}
.must { color: #ff0000; margin-left: 2px;}
table.add #view { float: left; margin: 10px; width: 50px; height: auto; font-size: 9px; font-family: Verdana; line-height: 9px; text-align: center;}
table.add #view a { display: block; background: url(../img/delete.gif) 3px 0 no-repeat; color: #333; text-decoration: none; text-indent: 8px;}
table.add #view input { font-size: 9px; font-family: Verdana; margin-right: 50px; text-align: center; margin: 5px auto;}


/* where */
#where { width: 100%; height: 20px; line-height: 20px; border-bottom: 1px solid #666; text-indent: 6px;}
#where a { text-decoration: none; color: #666;}
#where a:hover { color: #333;}
#where .now { color: #333; font-weight: bold;}


/* page */
#total { float: left; font-size: 11px; font-style: italic; margin-right: 20px;}
#page { text-align: right; font-size: 11px;}

/*CSS quotes style pagination*/

div.number a { display: inline-block; padding: 0 4px; color: #999; text-decoration: none;}
div.number a:hover { color: #333;}
div.number span.current { color: #333; font-weight: bold; padding: 0 4px;}
div.number span.disabled  { color: #ccc; padding: 0 4px;}

div.quotes a { border: 1px solid #ccc; margin: 0 2px; padding: 2px 5px; color: #aaa; text-decoration: none;}
div.quotes a:hover { border: 1px solid #999;}
div.quotes span.current { border: 1px solid #ccc; margin: 0 2px; padding: 2px 5px; color: #666; text-decoration: none; font-weight: bold; background: #f0f0f0;}
div.quotes span.disabled { border: 1px solid #f2f2f2; padding: 2px 5px; color: #ccc; margin: 0 2px;}

#tree img { margin-left: 6px; float: left;}
#tree a { margin-left: 6px; width: 180px;}
#tree span { float: left; line-height: 16px;}
#tree span.name { width: 220px;}
#tree span.kb { width: 160px;}
#tree span.date { width: auto;}