@charset "utf-8";
@import url(../../../Editor/syntaxhighlighter/SyntaxHighlighter.css);
* { font-size:12px; font-family:Microsoft YaHei, Verdana, Arial, Helvetica, sans-serif; }
body { margin:0px; padding:0px;color:#666666;background:#FFFFFF url(Images/HeaderSlice.png) repeat-x;}
a { text-decoration:none; color:#51b5d5; }
a:hover { color:#669900; }
.clear { clear:both; }
img { border:0px; }
.Imgright { float:right;padding:2px 2px 2px 2px;border:0px solid #CCCCCC;height:100%;margin-left:5px; }

.page { width:auto; margin:0px auto; background:#FFFFFF; }
.page .PagePublish {float:left;margin:5px 0px;}
.page .PagePublish span {background:url(Images/icon_Time.png) left -1px no-repeat; padding:0px 0px 0px 22px;}

/*header*/
.header { height:120px;background:#FFFFFF url(Images/header.png) repeat-x; }
.header .logo { font-size:16px; color:#51b5d5;font-weight:bold; padding:50px 0px 5px 40px; }
.header .logo a { font-size:16px; color:#51b5d5;font-weight:bold; }
.header .intro { font-size:12px; padding:0px 0px 0px 140px; color:#666666; }

/*menu*/
.menu{ height:35px;width:100%;background: url(images/nav_bg.png) repeat-x;margin-bottom:10px;}
.menu div.innerMenu{ width:960px; margin:0 auto; height:33px;}
.menu ul{background: url(images/Nav_line.png) no-repeat left 0px;/*height:33px;width:960px;/*position:absolute;*/ margin:0;padding:0; }
.menu ul li{list-style:none;background: url(images/Nav_line.png) no-repeat right 0px;float:left;height:33px; text-align:center;position:relative; width:70px; overflow:hidden;}
.menu ul li.icon{background: url(images/Author.png) no-repeat;}
.menu ul li.posl{left:-1px; width:70px}
.menu ul li.posl a,#head .menu  ul li.posl a:visited{display:block;}
.menu ul li a,#head ul li a:visited{display:block;height:23px; text-decoration:none; padding-top:10px; text-align:center;}
.menu ul li.last{background-position: 1000px;}
.menu ul li.active{background: url(images/nac_ac.png) no-repeat left 0px;height:33px; font-weight:none}
.menu ul li.active a,#head ul li.active a:visited{background: url(images/nac_r.png) no-repeat right 0px; color:#FFFFFF;display:block;height:23px;text-decoration:none; padding-top:10px; text-align:center;}
.menu ul li.posr{right:-1px; float:right; width:67px}
.menu ul li.posr a,#head .menu ul li.posr a:visited{display:block}

.menuBottom { margin-bottom:20px; }

/*Pages*/
.pager { clear:both; margin-bottom:20px; height:26px; }
.pager .sysPages { padding:none; }
.pager .sysPages a { float:left; background:#FFFFFF url(Images/pages.png) bottom repeat-x; height:16px; border:1px solid #CCCCCC; padding:5px 10px 5px 10px; margin-right:2px; }
.pager .sysPages a:hover { color:#669900; }
.pager .sysPages b { float:left; padding:5px 10px 5px 10px; border:1px solid #CCCCCC; background-color:#FFFFFF; height:16px; margin-right:2px; }
.pager .sysPages span { float:left; height:16px; padding:5px 10px 5px 10px; font-weight:none; color:#51b5d5; border:1px solid #CCCCCC; background:#FFFFFF url(Images/pages.png) bottom repeat-x; margin-right:2px; }

.middle { margin:0 auto; width:980px; }
.middleBottom { clear:both;}

/*Article list*/
.display, .expandBox { float:left; width:660px; padding:0px 10px 0px 10px; }
.display .itemBox { clear:both; margin-bottom:10px; padding:0px 0px 0px 0px; }
.display .itemContent .Month{ color:#51b5d5;}
.display .itemContent h1 { margin:0px 0px 5px 0px; padding:0px 0px 5px 5px; font-size:16px; background:url(Images/lead-line.png) left bottom no-repeat;border-left:5px solid #51b5d5; }
.display .itemContent h1 a { font-size:16px; color:#51b5d5; }
.display .itemContent h1 a:hover { color:#669900; }
.display .itemContent .Overhead { color:#999999;font-size:16px;background:url(Images/Overhead.png) 0px 0px no-repeat; padding-left:22px; }
.display .itemContent .Picture { float:right;padding:15px 0px 0px 0px; }
.display .itemContent .Picture img { margin:2px 5px 2px 5px;border:1px solid #CCCCCC; }
.display .itemContent .content { margin-bottom:10px;margin-top:10px; }
.display .itemContent .content * { font-size:14px;line-height:180%; }
.display .itemContent .content img.sysAttach { border:2px solid #CCCCCC; }
/*.display .itemContent .content ol li{ list-style:none;background:url(Images/Listnumbers_icon.png) 0px 5px no-repeat; padding-left:18px; }*/
.display .itemContent .content ul li{ list-style:none;background:url(Images/arttag_icon.png) 0px 2px no-repeat; padding-left:18px; }
.display .itemContent .content ul li ul li{ list-style:none;background:url(Images/Statistics.png) 0px 2px no-repeat; padding-left:18px; }

.display .itemContent .info { color:#999999;font-size:12px; }

.display .itemContent .info .date { background:url(Images/icon_Time.png) left -1px no-repeat; padding:0px 0px 0px 22px; margin-right:5px; }
.display .itemContent .info .cate { background:url(Images/Categorys_icon.png) 0px -3px no-repeat; padding:0px 0px 0px 22px; margin-right:5px; }
.display .itemContent .info .comm { background:url(Images/Content_icon.png) 0px -1px no-repeat; padding:0px 0px 0px 22px; margin-right:5px; }
.display .itemContent .info .reader { background:url(Images/Reader_icon.png) 0px -1px no-repeat; padding:0px 0px 0px 22px; margin-right:5px; }
.display .itemContent .info .vote { background:url(Images/Vote_icon.png) 0px -1px no-repeat; padding:0px 0px 0px 22px; margin-right:5px; }
.display .itemContent .info .author { background:url(Images/Author_icon.png) 0px -1px no-repeat; padding:0px 0px 0px 22px; margin-right:5px; }
.display .itemContent .info .tags { background:url(Images/icons.png) left -203px no-repeat; padding:0px 0px 0px 22px; margin-right:5px;text-align:right; }
.display .itemContent .info .moreLink { /*background:url(Images/icons.png) right -128px no-repeat; padding-right:22px;*/text-align:right; float:right; }

.display .itemBoxPic { float:left; width:300px;padding-right:10px;}
.display .itemBoxPic .skinItem { float:left; width:300px; border:1px solid #ccc; margin-left:5px; padding:5px 0; height:auto; margin-bottom:5px; }
.display .itemBoxPic .skinItem .pic { text-align:center;padding:0 0 5px 0; border-bottom:1px solid #CCCCCC; margin-bottom:5px; }
.display .itemBoxPic .skinItem .pic img {  }
.display .itemBoxPic .skinItem .name {background:#eeeeee;font-size:12px; font-weight:fine;padding:5px;text-align:center; }
.display .itemBoxPic .skinItem .name a { font-size:12px; font-weight:fine; }
.display .itemBoxPic .skinItem .name .date { background:url(Images/icon_Time.png) left -1px no-repeat; padding:0px 0px 0px 22px; margin-right:5px; }
.display .itemBoxPic .skinItem .info { background:#eeeeee;padding:5px;text-align:center; }
.display .itemBoxPic .skinItem .info .comm { background:url(Images/Content_icon.png) 0px -1px no-repeat; padding:0px 0px 0px 22px; margin-right:5px; }
.display .itemBoxPic .skinItem .info .reader { background:url(Images/Reader_icon.png) 0px -1px no-repeat; padding:0px 0px 0px 22px; margin-right:5px; }
.display .itemBoxPic .skinItem .info .vote { background:url(Images/Vote_icon.png) 0px -1px no-repeat; padding:0px 0px 0px 22px; margin-right:5px; }

/*Article*/
.articleBox {float:left; width:660px; padding:0px 10px 0px 10px; margin-bottom:10px; }
.articleBox .navLine { border:1px solid #DDDDDD; background:#FFFFFF url(Images/pages.png) bottom repeat-x; padding:5px;margin-bottom:10px; }
.articleBox h1 { margin:0px; padding:0px 0px 5px 0px; text-align:left;font-size:14px; color:#51b5d5; background:url(Images/lead-line.png) left bottom no-repeat; }
.articleBox h1 a { font-size:14px; color:#51b5d5; }
.articleContent h1 { margin:0px; padding:0px 0px 5px 0px; font-size:14px; color:#51b5d5; background:url(Images/lead-line.png) left bottom no-repeat; }
.articleContent h1 a { font-size:14px; color:#51b5d5; }
.articleContent .content { padding:none; margin-top:10px;margin-bottom:10px; }
/*.articleContent .content ol li{ list-style:none;background:url(Images/Listnumbers_icon.png) 0px 5px no-repeat; padding-left:18px; }*/
.articleContent .content ul li{ list-style:none;background:url(Images/arttag_icon.png) 0px 5px no-repeat; padding-left:18px; }
.articleContent .content ul li ul li{ list-style:none;background:url(Images/Statistics.png) 0px 2px no-repeat; padding-left:18px; }
.articleContent .content img.sysAttach { border:2px solid #CCCCCC; }
.articleContent .sysAttachImage { margin:0px;padding:0px; }
/*.articleContent .sysAttachDownload { border-left:5px solid #669900;border-right:1px solid #cccccc;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:5px;background:#FFFFFF url(Images/pages.png) bottom repeat-x; }*/
.articleContent .content .Author Img { float:right;padding:2px 2px 2px 2px;height:45px;margin-left:5px; }
.articleContent .content * { font-size:14px;line-height:180%; }
.articleContent .comm { background:url(Images/Content_icon.png) 0px -1px no-repeat; padding:0px 0px 0px 22px; margin-right:5px; }
.articleContent .reader { background:url(Images/Reader_icon.png) 0px -1px no-repeat; padding:0px 0px 0px 22px; margin-right:5px; }
.articleContent .vote { background:url(Images/Vote_icon.png) 0px -1px no-repeat; padding:0px 0px 0px 22px; margin-right:5px; }
.articleContent .author { background:url(Images/Author_icon.png) 0px -1px no-repeat; padding:0px 0px 0px 22px; margin-right:5px; }
.articleContent .noteall { margin-bottom:5px; border-bottom:1px solid #cccccc; padding:5px; }
.articleContent .tags { background:url(Images/icons.png) left -203px no-repeat; padding:0px 0px 0px 22px; margin-right:5px; }
.articleContent .other { text-align:right; }
.articleContent .GetPrev { background:url(Images/GetNext_icon.png) left 0px no-repeat;padding:0px 0px 0px 20px; }
.articleContent .GetNext { background:url(Images/GetPrev_icon.png) left 0px no-repeat;padding:0px 0px 0px 20px; margin-bottom:10px; }
.articleContent .Relate h1 { margin:10px 0px 5px 0px; }
.articleContent .Relate ul { padding:0; margin:0; }
.articleContent .Relate ul li { padding:5px;list-style-type:decimal;list-style-position:inside;border-bottom:1px dashed #CCCCCC; }
.articleContent .Relate ul li span { padding-left:10px; }

/*comment list*/
.commentsBox {margin-top:10px;}
.commentsBox .sysPages { }
.commentsContent { overflow:hidden; zoom:1;}
.commentsContent .commentItem { margin:0 0 5px 0; padding:0; border:1px solid #cff4ff; overflow:auto; zoom:1;background-color:#f4fcff;}
.commentsContent .commentItem dt { float:left; margin:0; width:100px; text-align:center; padding:10px 0; }
.commentsContent .commentItem dt .commentFace img { width:34px; height:34px; margin-bottom:5px; border:3px double #cff4ff; background-color:#f4fcff; }
.commentsContent .commentItem dt .commentName { color:#777777; }
.commentsContent .commentItem dd { margin:0 0 0 100px; padding:10px 10px 10px 20px; background:url(ico.gif) left 10px no-repeat; }
.commentsContent .commentItem dd .commentContent { margin-bottom:5px; font-size:12px; color:#777777; }
.commentsContent .commentItem dd .commentInfo {margin-bottom:10px;text-align:right;}
.commentsContent .commentItem dd .commentInfo .commentWebsite {/*background:url(Images/links_icon.png) 0px -2px no-repeat; padding-left:18px;*/}
.commentsContent .commentItem dd .commentInfo a {margin-left:10px;}
.commentsContent .commentItem dd .commentInfo span {margin-left:10px;}
.commentsContent .commentItem dd .commentReply { color:#CC0000; font-size:12px;margin-left:30px;padding:0px 0px 0px 26px; background: #ffffff url(Images/reply_icon.png) no-repeat;line-height:180%;}
.commentsContent .commentsLoading { padding:0px 0px 15px 0px; font-size:12px; text-align:center; }

/*Send*/
.postBox { margin-bottom:10px; }
.postContent { padding:10px; }
.postContent form { margin:0px; padding:0px; }
.postContent dl { float:left; margin:0px; padding:0px; line-height:180%; width:100%; height:100%; padding:5px 0px 5px 0px; }
.postContent dl dt { float:left; width:70px; text-align:right; margin-right:10px; font-size:12px; font-weight:none; }
.postContent dl dd input { border:1px solid #cccccc; padding:2px; margin-right:10px; }
.postContent dl dd .button { border:0px solid #cccccc; padding:5px;width:87px;height:28px;background: url(Images/SubmitComment.png) no-repeat; }
.postContent dl dd textarea { width:500px; height:180px; border:1px solid #cccccc; padding:2px; overflow:auto;/*background:#FFFFFF url(Images/Sokugo_icon.png) 340px 15px no-repeat fixed!important;*/ }

/*Tags*/
.tagsBox { float:left; width:660px; padding:0px 10px 0px 10px; margin-bottom:10px; }
.tagsContent h1 { margin:0px; padding:0px 0px 5px 0px; font-size:14px;background:url(Images/lead-line.png) left bottom no-repeat;color:#51b5d5; }
.tagsContent .content { padding:10px 0px 10px 0px; line-height:180%; }
.tagsContent .content span { float:left; width:11%; height:20px; border-bottom:1px dashed #CCCCCC; padding-bottom:10px; text-align:left;color:#999999; }
.tagsContent .content span a { font-weight:none; margin-right:5px; }

/*link page*/
.fellowsBox { float:left; width:660px; padding:0px 0px 0px 10px; margin-bottom:10px; }
.fellowsContent h1 { margin:0px; padding:0px 0px 5px 0px; font-size:14px;background:url(Images/lead-line.png) left bottom no-repeat;color:#51b5d5; }
.fellowsContent .Fellowstxt { padding:10px 0px 10px 0px; line-height:180%; }
.fellowsContent .Fellowstxt span { float:left; width:48%; height:20px;display:block; border-bottom:1px dashed #CCCCCC; padding-bottom:10px;color:#999999; }
.fellowsContent .Fellowstxt span a { font-weight:none; margin-right:5px; }

.fellowsContent .content { padding:10px 0px 10px 0px;}
.fellowsContent .content img { border:1px solid #cccccc; margin-left:16px; padding:1px; width:88px; height:31px; }
.fellowsContent .content span { float:left; width:16%;display:block; padding-bottom:5px; }
.fellowsContent .content .Tips { background:url(Images/icon_note.png) 5px 5px no-repeat;clear:both;margin:0px auto;padding:10px 25px 10px 25px;border:1px solid #cccccc;background-color:#ffffff;color:#333333; }
.fellowsContent .content .Tips li { list-style:none; list-style-type:decimal;list-style-position:inside;border-bottom:1px dashed #CCCCCC;line-height:180%; }
.fellowsContent .content .Tips Center { font-size:12px; color:#51b5d5;font-weight:bold;margin-bottom:10px; }

.displayBottom { clear:both; }

/*Side*/
.middleContent .side { float:right; width:278px; background:url(Images/Sokugo_icon.png) right 45px no-repeat; padding:67px 0px 0px 0px; margin-top:-44px; }
.middleContent .side .sideContent .box { margin-bottom:5px; line-height:220%; color:#666666;clear:both; margin:15px; }
.middleContent .side .sideContent .box ul { margin:0px; padding:0px; }
.middleContent .side .sideContent .boxTop { font-size:12px;color:#51b5d5;padding-top:10px;background:url(Images/box-line.png) left bottom no-repeat; }
.middleContent .side .sideContent .boxTop span {font-size:10px;color:#999999;font-family:Verdana;padding:0px 50px 0px 5px;}
.middleContent .side .sideContent .boxTop a {color:#51b5d5;font-weight:fine;}
.middleContent .side .sideContent .note ul li,P { list-style:none;line-height:180%; }
.middleContent .side .sideContent .Categorys ul li { width:42%;float:left;list-style:none;border-bottom:1px dashed #CCCCCC; background:url(Images/Categorys_icon.png) 0px 5px no-repeat; padding-left:18px; }
.middleContent .side .sideContent .search { margin-top:10px; }
.middleContent .side .sideContent .newArticle ul li { list-style:none; border-bottom:1px dashed #CCCCCC; background:url(Images/arttag_icon.png) 0px 5px no-repeat; padding-left:18px; }
.middleContent .side .sideContent .newArticle ul li span {display:none}
.middleContent .side .sideContent .randomArticle ul li { list-style:none; border-bottom:1px dashed #CCCCCC; background:url(Images/arttag_icon.png) 0px 5px no-repeat; padding-left:18px; }
.middleContent .side .sideContent .randomArticle ul li span {display:none}
.middleContent .side .sideContent .hotArticle ul li { list-style:none; border-bottom:1px dashed #CCCCCC; background:url(Images/arttag_icon.png) 0px 5px no-repeat; padding-left:18px; }
.middleContent .side .sideContent .hotArticle ul li span {display:none}
.middleContent .side .sideContent .Content ul li { list-style:none; border-bottom:1px dashed #CCCCCC; background:url(Images/Content_icon.png) 0px 5px no-repeat; padding-left:18px; }
.middleContent .side .sideContent .tags ul li { border-bottom:1px dashed #CCCCCC; }
.middleContent .side .sideContent .Signed ul li { list-style:none; border-bottom:1px dashed #CCCCCC;line-height:180%;background:url(Images/Signed_icon.png) 0px 2px no-repeat; padding-left:18px; }
.middleContent .side .sideContent .Sidead h1 { margin-bottom:5px; line-height:220%;margin-left:15px;color:#51b5d5;background:url(Images/box-line.png) left bottom no-repeat;}
.middleContent .side .sideContent .Fellows ul li { width:42%;float:left;list-style:none; border-bottom:1px dashed #CCCCCC; background:url(Images/links_icon.png) 0px 5px no-repeat; padding-left:18px; }
.middleContent .side .sideContent .Statistics ul li { list-style:none; border-bottom:1px dashed #CCCCCC; background:url(Images/Statistics.png) 0px 5px no-repeat; padding-left:18px; }

/*Bootominformation*/
.Bottominfo {background:#669900;margin-bottom:10px;}
.Bottominfo .Title {font-size:12px;color:#F2F2F2; font-weight:bold;padding-top:10px;background:url(Images/menu_bg.png) left bottom repeat-x;padding:5px;height:22px;}
.Bottominfo Img {padding:2px;border:1px solid #cccccc;background-color:#F2F2F2;margin:5px;}

/*Bottom*/
.footer { clear:both; }
.footerTop { }
.footerContent {background:#ffffff url(Images/footer.png) top repeat-x;padding:10px 10px 0px 10px; text-align:center;color:#FFFFFF;}
.footerContent * { color:#999999; }
.footerContent a { color:#666666; }
.footerContent a:hover { color:#669900; }
 p { padding:0px; margin:0px; line-height:180%; }
.footer .Resolution {background:url(Images/Ie_icon.png) no-repeat;padding-left:18px;margin-left:5px;}

/* code light */
pre {font-family:'Courier New' , Monospace; font-size:12px; width:99%; overflow:visible; word-wrap:break-word; word-break:normal; white-space:pre-wrap; margin:0 0 1em 0; background:#F7F7F7; }
pre ol, pre ol li, pre ol li span{margin:0 0; padding:0; border:none}
pre a, pre a:hover{background:none; border:none; padding:0; margin:0}
pre ol{list-style:decimal; background:#F7F7F7; margin:0px 0px 1px 3em !important; padding:5px 0; color:#5C5C5C; border-left:3px solid #146B00;}
pre ol li{list-style:decimal-leading-zero; list-style-position:outside !important; color:#5C5C5C; padding:0 3px 0 10px !important; margin:0 !important; line-height:1.3em}
pre ol li.alt{color:inherit}
pre ol li span{color:black; background-color:inherit}
pre .comment, pre .comments{color:#008200; background-color:inherit}
pre .string{color:blue; background-color:inherit}
pre .keyword{color:#069; font-weight:bold; background-color:inherit}
pre .preprocessor{color:gray; background-color:inherit}
pre .dp-xml .cdata{color:#ff1493}
pre .dp-xml .tag, pre .dp-xml .tag-name{color:#069; font-weight:bold}
pre .dp-xml .attribute{color:red}
pre .dp-xml .attribute-value{color:blue}
pre .dp-sql .func{color:#ff1493}
pre .dp-sql .op{color:#808080}
pre .dp-rb .symbol{color:#a70}
pre .dp-rb .variable{color:#a70; font-weight:bold}
pre .dp-py .builtins{color:#ff1493}
pre .dp-py .magicmethods{color:#808080}
pre .dp-py .exceptions{color:brown}
pre .dp-py .types{color:brown; font-style:italic}
pre .dp-py .commonlibs{color:#8A2BE2; font-style:italic}
pre .dp-j .annotation{color:#646464}
pre .dp-j .number{color:#C00000}
pre .dp-delphi .number{color:blue}
pre .dp-delphi .directive{color:#008284}
pre .dp-delphi .vars{color:#000}
pre .dp-css .value{color:black}
pre .dp-css .important{color:red}
pre .dp-c .vars{color:#d00}
pre .dp-cpp .datatypes{color:#2E8B57; font-weight:bold}

/*Tips to strengthen*/
#qTip {
	padding:5px;
	display: none;
	position: absolute;
	z-index: 1000;
	line-height:12px;
	font-size:12px;
	background-color:#FFF;
	/*background: url(../Images/qTip.gif) repeat-x 0px 0px;*/
	border:1px solid #51b5d5;/*#0B8FBB*/
	color: #51b5d5;/*#0B8FBB*/line-height:140%;
	filter:Alpha(opacity=70);
	-moz-opacity:0.7;
}

/*Fillet*/
.myBox {
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

/*Mouse*/
html {
   SCROLLBAR-FACE-COLOR: #ffffff;  
   SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
   SCROLLBAR-SHADOW-COLOR: #3333333; 
   SCROLLBAR-3DLIGHT-COLOR: #333333;
   SCROLLBAR-ARROW-COLOR: #51b5d5; 
   SCROLLBAR-TRACK-COLOR: #ffffff; 
   SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 
   SCROLLBAR-BASE-COLOR: #333333;
}
body{    
        cursor:url(../Images/cur/bf.cur);
/*overflow-x:hidden;overflow-y:scroll*/}
 a {cursor:url(../Images/cur/go.cur);}

 /*web gray
html { 
    FILTER: gray 
} 变灰**/

/*images
img { 
    FILTER: gray 
} 变灰*/
/*--Transparent(透明) filter:alpha(opacity=20); --*/