/*---------- viewbox ---------*/
.viewbox{ width:712px; padding-bottom:8px;}
.box_with{ width:900px; margin:0 auto;}
.viewbox .title{ height:56px; line-height:56px; text-align:center; overflow:hidden; padding-top:10px;}
.viewbox .title h2{ font-size:24px; color:#2b2b2b;}
.viewbox .info{ height:24px; line-height:17px; text-align:center; overflow:hidden; color:#666;}
.viewbox .info small{ margin-left:8px; margin-right:3px; color:#999; font-size:12px;}
.viewbox .info a{ color:#690;}
.viewbox .intro{ width:90%; padding:8px 16px; line-height:24px; background:#f5fcee; border:1px solid #DCDDDD; font-size:14px; color:#706A6A; margin:8px auto 0 auto;}
.viewbox .infolist{ width:368px; float:left;}
.viewbox .infolist small{ width:100px; text-align:right; display:block; float:left; font-size:12px; line-height:31px; color:#999; clear:left; height:31px; overflow:hidden;}
.viewbox .infolist span{ width:200px; line-height:30px; float:left; height:31px; overflow:hidden;}
.viewbox .picview{ width:320px; float:right; padding-right:24px; padding-top:16px;}
.viewbox .labeltitle{ height:23px; background:url(../images/view-labeltitle-bg.gif) left 10px repeat-x; clear:both; overflow:hidden; margin:0px auto 0px; padding-top:10px;}
.viewbox .labeltitle strong{ width:80px; height:23px; line-height:23px; text-align:center; color:#FFF; letter-spacing:1px; display:block; float:left; background:url(../images/view-labeltitle-bg.gif) left -44px no-repeat; overflow:hidden;}
.viewbox .handle .context ul li{line-height:29px;color:#888;}
.viewbox .actbox{width:260px;text-align:center;float:right;padding-top:20px;padding-right:10px;}
.viewbox .actbox ul li{display:inline;padding-left:22px;background-image:url(../images/actbox-ico.gif);background-repeat:no-repeat;margin-right:10px;}
.context ul li a:hover{color:#ba2636;}
/* 代码高亮 */
pre{font-family:'Courier New' , Monospace; font-size:12px; width:99%; overflow:auto; 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}

#commetpages { text-align:center; line-height:28px;}

#commetpages a { border:1px solid #BADAA1; padding:0 3px 0 3px;}