body {
	background:#f6f6f6;
	text-align:center;
	font-size:10pt;
	font-family:Segoe UI,Arial,Helvetica,sans-serif,宋体;
	border-top:2px solid #40AA53;
}

* {margin:0;padding:0;}
a {color:#33A;}
ul,ol {list-style-type:none;}
table {font-size:10pt;}
table td {vertical-align:top;}
a img{border:none}
select {padding:2px 0;}
.NoData {text-align:center;padding:20px 0;color:#999;}

.error_msg {border:1px dashed #C00; padding:5px; color:#C00;}
.error_msg a {padding:0 5px 0 5px; font-weight:bold;}

/* clear fix */
.clear { clear: both; font-size: 1px; line-height: 0; }
.clearfix {display: inline-block;}
.highlight {color:#C00;padding:0 1px;margin:0 2px;}

.TextContent {line-height:22px;}
.TextContent ul {list-style-position:inside;list-style-type:disc;margin:20px;}
.TextContent ul ul {list-style-type:circle;}
.TextContent ol {list-style-position:inside;list-style-type:decimal;margin:20px;}
.TextContent li p {display:inline;}
.TextContent p {margin:5px 0 10px 0;text-indent:2em;}
.TextContent img {max-width:600px;}


#OSC_Screen {
    margin:0px auto; 
	width:990px;
	text-align:left;
}

#OSC_Footer {
	border-top:2px solid #CCCCCC;
	line-height:38px;
	height:38px;
	color:#737573;
	text-align:center;
}

#OSC_Banner {
	height:85px;
}

#banner_logo{
	float:left;
	width:250px;
	padding-top:15px;
}
#banner_right{
	float:right;
}
#banner_links {
	float:right;
	padding-top:2px;
	color:#999;
}
#banner_links a {text-decoration:none;}
#banner_links a:hover {background:#40AA53;color:#fff;}
#banner_links a.hl {color:#A00;}

#banner_search{
	float:right;
	width:525px;
	margin-top:2px;
	border:1px solid #53BF41;
	padding:3px;
	background:#efe;
}
#banner_search .hot_keys {padding-top:2px;}
#banner_search .hot_keys a {font-size:11px;margin-right:6px;color:#060;}
.searchForm input {float:left;}
.searchForm input.text_input{
	font-size:16px;
	padding:5px 5px 0 5px;
	height:21px;
	border:0;
	width:405px;
	color:#777;
	border-top:1px solid #bbbbbb;
	border-left:1px solid #bbbbbb;
	border-bottom:1px solid #D8D7D7;
	border-right:1px solid #D8D7D7;
}

#OSC_Content{
    text-align:left;
	margin:0 0 10px 0;
}
#OSC_Content td.left{
	width:690px;
}
#OSC_Content td.right{
	padding:0 0 0 10px;
	overflow:hidden;
}

.NavBar {
	background:#40AA53 url('../img/new_index/tabs_bg.png') no-repeat 0 0;
	padding:7px 5px 0 13px;
}
.NavBar .tabs a {
	font-weight:bold;
	display:block;
	float:left;
	font-size:10.5pt;
	text-decoration:none;
	height:24px;
	line-height:24px;
	text-align:center;
	color:#fff;
	padding:0 12px 0 5px;
	margin-right:5px;
	outline:0;
}
.NavBar .tabs a.rss {
	float:right;
	padding:0 0 0 15px;
	margin-right:5px;
	font-size:12px;
	border:0;
	font-weight:normal;
	background:url('../img/rss2.png') no-repeat 0px 7px;
}
.NavBar .tabs a:hover {text-decoration:underline;}
.NavBar .tabs a.last {background:none;}
.NavBar .tabs a.selected:hover{text-decoration:none;}
.NavBar .tabs a.selected {
	color:#060;
	border-left:1px #bbbbbb solid;
	border-top:1px #bbbbbb solid;
	border-right:1px #bbbbbb solid;
	background:#fbfbfb url('../img/new_index/tab_bg.png') repeat-x;
	position:relative;top:1px;
	
	border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	
	font-weight:bold;
	padding:0 10px;
}

.HomeRecommArea .TABBODY {
	padding:10px;
	background:#fbfbfb;
	border:1px solid #40AA53;
}

.top_news h3 {font-size:10.5pt;}
.top_news ul {line-height:22px;}
.top_news li {font-size:10pt;background:url('../img/a3.gif') no-repeat left center;padding-left:12px;}
.top_news li .date {float:right;font-size:9pt;color:#666;font-weight:normal;}
.top_news li a:hover {color:#C00;}
.top_news li.today {font-weight:bold;}

.top_news #project_news {margin-top:10px;}

.top_products img {border:1px solid #ddd;width:60px;height:60px;}
.top_products a:hover img {border:1px solid #40AA53;background:#efe;}

.hot_projects h3 {}
.hot_projects h3 a {float:right;margin-right:3px;color:#A00;font-weight:normal;font-size:10pt;}
.hot_projects ul {margin-top:10px;}
.hot_projects ul li {margin-bottom:5px;}
.hot_projects ul li a {font-weight:bold;margin-right:20px;}
.hot_projects ul li span {color:#333;font-size:9pt;display:block;}
		
.Categories{
	position:relative;
	margin-top:10px;
    border:1px solid #cfcfcf;
}
.Categories h2{
	background:url('../img/new_index/title_bg_cat.gif') repeat-x;
	line-height:30px;
	height:30px;
    border-bottom:1px solid #cfcfcf;
	font-size:14px;
	padding:0 0 0 15px;
}
.Categories h2 a {text-decoration:none;}
.Categories h2 .stat{
	float:right;
	font-size:12px;
	font-weight:normal;
	padding:0 10px 0 0;
	color:#666;
}
.Categories h2 em {margin:0 8px 0 3px;font-weight:bold;color:#900}
.cate_list_modul{
	border-bottom:1px solid #E7E7E7;
}

.TAG {
	padding-bottom:10px;
	background:#fbfbfb;
	width:690px;
}

.TAG h3.caption {
	background:url('../img/new_index/tab_bg.png') repeat-x;
	padding:10px;
}

.TAG h3.caption a {
	font-size:11pt;
	color:#40AA53;
	text-decoration:none;
}

.TAG .hot_prjs {
	margin-bottom:5px;
}

.TAG .hot_prjs a {
	color:#A00;
	font-weight:bold;
	font-size:10.5pt;
	text-decoration:underline;
}

.Lang h3.caption a {
	color:#A00;
}

.JavaDoc h3.caption a{
	color:#A00;
}

.TAG ul {padding-left:10px;}

.TAG ul li {
	float:left;
	padding:0 10px;
	line-height:24px;
	white-space:nowrap;
}
.Lang ul li {padding:0 6px;}
.JavaDoc ul li {padding:0 3px;font-family:Candara,Book Antiqua,Arial,Courier New}
.TAG ul.sub_tags li a {text-decoration:none;color:#006;}
.TAG ul.sub_tags li a:hover {text-decoration:underline;}

.position {color:#666;border-bottom:1px solid #ccc;padding-bottom:5px;}
.position a {text-decoration:none;}
.position a.selected {color:#A00;font-weight:bold;}
.position a:hover {text-decoration:underline;}
.position span {margin-left:10px;}
.position span em {font-style:normal;margin:0 3px;font-weight:bold;color:#A00;}

.position form input.SEARCH {padding:2px 3px;}

.conditions .Cond {margin-top:10px;}
.conditions .Cond strong {}
.conditions .Cond h3 {background:#cfc;font-size:11pt;padding:2px;}
.conditions .Cond h3 a {text-decoration:none;}
.conditions .Cond ul {margin-top:5px;line-height:20px;}
.conditions .Cond li {float:left;margin-right:8px;width:125px;}
.conditions .TAGS li {width:155px;}
.conditions .Cond li.selected a {font-weight:bold;color:#A00;}

.TagProjectList h2 span {color:#A00;margin-left:5px;}
.TagProjectList h2 .stat .selected {color:#A00;font-weight:bold;}
.TagProjectList h2 em {font-style:normal;}
.TagProjectList ul {padding:10px 5px;}
.TagProjectList ul li {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;}
.TagProjectList ul li h3 {font-size:10.5pt;background:url('/img/r_arrow.gif') no-repeat left center; padding-left:15px;}
.TagProjectList ul li h3 em {font-style:normal;color:#060;}
.TagProjectList ul li .detail {font-size:9pt;color:#444;margin:5px 0 5px 15px;}
.TagProjectList ul li .detail a.more {display:block;color:#A00;margin-top:5px;}
.TagProjectList ul li .news {margin-left:15px;}
.TagProjectList ul li .date {margin:5px 0 0 15px;font-size:9pt;color:#666;}
.TagProjectList .pager {margin:0 0 20px 10px;}

.TagProjectList .search_form {margin-top:10px;}
.TagProjectList .search_form input.TEXT {
	font-size:16px;
	padding:4px 5px 0 5px;
	height:20px;
	width:300px;
}
.TagProjectList .search_form input.BUTTON {
	font-size:16px;
	padding:2px 5px 0 5px;
}
.TagProjectList h2.search_result {font-size:12pt;margin:10px 0 20px 0;}
.TagProjectList h2.search_result em {color:#A00;margin:0 2px;}

.Recommended {border:1px solid #cfcfcf;margin-bottom:10px;}
.Recommended div.moduleBody {padding:10px;}
.Recommended h3 {margin-bottom:10px;}
.Recommended p {color:#888;}
.Recommended p img {float:left;margin-right:5px;width:100px;}

.rightModule {margin-bottom:10px;border:1px solid #ccc;position:relative;}		
.rightModule h2{
	font-size:10.5pt;
	padding:0 0 0 5px;
	height:28px;
	line-height:28px;
	font-weight:bold;
	border-bottom:1px solid #cfcfcf;
}
.rightModule h2 a.more {float:right;font-weight:normal;margin-right:5px;font-size:9pt;}
.rightModule ul{padding:10px 5px;}
.rightModule ul li {word-wrap:break-all;}

.ListModule {border:1px solid #40AA53;}
.ListModule h2 {background:#40AA53;color:#fff;font-size:10.5pt;height:24px;line-height:24px;}
.ListModule h2 a {color:#fff;}
.ListModule ul {background:#efe;}

.TopicList ul li {margin-bottom:5px;}
.TopicList ul li a {display:block;background:url('../img/a2.gif') no-repeat center left;padding-left:12px}
.TopicList ul li a:hover {color:#FF3300;text-decoration:underline;}
.TopicList ul li span {font-size:8pt;color:#666;}

.ProjectList ul li {margin:5px 0 10px 0;}
.ProjectList ul li a {font-size:10pt;text-decoration:none;font-weight:bold;}
.ProjectList ul li a .name {color:#060;display:inline;font-size:inherit;margin:0;}
.ProjectList ul li a:hover {color:#FF3300;text-decoration:underline;}
.ProjectList ul li span {font-size:9pt;color:#666;margin:5px 0 0 5px;display:block;}

#popular_projects td {}
#popular_projects td h3 {
	color:#060;
	text-align:center;
	border-bottom:1px solid #40AA53;
	font-size:10.5pt;
	padding-bottom:2px;
	margin-bottom:5px;
}
#popular_projects td ul li {height:20px;overflow:hidden;}
#popular_projects td ul li a {
	color:#060;
	background:url('/img/a2.gif') no-repeat left center;
	padding-left:12px;
}

#Recommend_Projects td,#Popular_Projects td {height:19px;overflow:hidden;white-space:nowrap }

.HotNewsList {}
.HotNewsList ul {line-height:22px;}
.HotNewsList ul li {clear:both;}
.HotNewsList ul li a {float:left;display:block;background:url('../img/a3.gif') no-repeat center left;padding-left:12px}
.HotNewsList ul li .date {float:right;font-size:8pt;color:#666;}

#TopCommentsPanel ul li {border-bottom:1px dashed #ddd;padding:3px 0 5px 0;width:270px;overflow:hidden;}
#TopCommentsPanel ul li .user {font-weight:bold;}
#TopCommentsPanel ul li .date {font-size:8pt;}
#TopCommentsPanel ul li .content,
#TopCommentsPanel ul li .thread {display:block;color:#444;padding:5px 0 2px 5px;word-wrap:break-all;overflow:hidden;font-size:9pt;}
#TopCommentsPanel ul li .news a {margin-left:5px;padding-left:12px;font-size:9pt;color:#A00;background:url('/img/a2.gif') no-repeat left center;}

.SiteLog ul {line-height:22px;}
.SiteLog ul li {font-size:9pt;}

.News h1 {margin:20px 0 2px 0;padding-bottom:10px;font-size:18pt;border-bottom:1px solid #ddd;text-align:center;}
.News .pubDate {margin-bottom:20px;}
.News .copyright {text-align:right;margin:10px 0 20px 0;color:#666;}
.News .google_ads {margin:10px 0 20px 0;}
.News .ProjectOfNews {font-weight:bold;color:#A00;}
.News .ProjectOfNews a {margin:0 3px;}


/* 评论相关 */
.Comments h2 {font-size:11pt;background:#40AA53;color:#fff;padding:2px 5px;}
.Comments h2 .more {float:right;font-weight:normal;font-size:9pt;color:#fff;}
.Comments ul {list-style-type:none;padding:0 10px 0 0;}
.Comments ul li {margin:10px 0 10px 2px;}
.Comments ul li span.user {background:url('../img/u.gif') no-repeat center left;padding-left:18px;}
.Comments ul li span.time {font-style:italic;margin-left:10px;}
.Comments ul li a.delete {font-style:italic;margin-left:10px;}
.Comments ul li span.content {display:block;margin:10px 0 5px 10px;}

.Comments ul li.row_0 {background:#f6f6f6;}
.Comments ul li .portrait {width:60px;vertical-align:top;}
.Comments ul li .portrait img {border:1px solid #ccc;padding:5px;background:#f2f2f2;width:40px;height:40px;}
.Comments ul li .body {vertical-align:top;}
.Comments ul li .body .r_title {font-style:italic;}
.Comments ul li .body .r_content {margin:5px 0 0 0;color:#00A;}
.Comments .pager {margin:20px 0 10px 5px;}

.CommentForm {margin:0 5px;}
.CommentForm form {margin: 20px 0 20px 0; padding:0;}
.CommentForm form textarea {width:450px;height:100px;padding:5px;border:1px solid #999;margin:5px 0}
.CommentForm form input.SUBMIT {padding:2px 3px;}
.CommentForm form input.TEXT {padding:2px;border:1px solid #999;}

.Forum {margin:10px 0;}
.Forum h2 {font-size:12pt;border-bottom:2px solid #CCC;line-height:30px;}
.Forum h2 a {text-decoration:none;}
.Forum h2.Recomm {color:#A00;}
.Forum h2 .opts {float:right;}
.Forum h2 em {color:#A00;font-style:normal;margin:0 3px;}
.Forum h2 .opts a {font-weight:normal;font-size:10pt;text-decoration:underline;color:#00F;}
.Forum table {margin:5px 0 10px 0;}
.Forum table td {border-bottom:1px dashed #ccc;line-height:24px;white-space:nowrap;}
.Forum table td .stat {color:#666;font-size:9pt;margin-left:10px;}
.Forum table td.last_post {color:#666;font-size:9pt;text-align:right;}
.Forum table td.thread a {padding-left:22px;text-decoration:none;}
.Forum table td.thread a.top {color:#A00;font-weight:bold;}
.Forum table td.article a {padding-left:12px;text-decoration:none;background:url('../img/a3.gif') no-repeat left center;}
.Forum table td.recomm a {background:url('../img/a2.gif') no-repeat left center;}
.Forum table td.blog a {padding-left:15px;background:url('../img/a2.gif') no-repeat left center;}

.thread_type_1 {background:url('../img/thread_1.gif') no-repeat left 1px;}
.thread_type_2 {background:url('../img/thread_2.gif') no-repeat left 1px;}
.thread_type_3 {background:url('../img/thread_3.gif') no-repeat left 1px;}

.Thread .TextContent {padding:10px 0;}

.ThreadMain .ThreadPath {margin-top:10px;}
.ThreadMain table#ThreadTable {margin:10px 0 0 0;border:2px solid #40AA53;background:#fff;}
.ThreadMain .splitter {height:10px;background:#ddd;}
.ThreadMain table#ThreadTable thead td {background:#40AA53;color:#eee;font-size:12pt;font-weight:bold;padding:3px 0;text-align:center;}
.ThreadMain table#ThreadTable thead td h1 {display:inline;font-size:12pt;color:#ffc;}
.ThreadMain table#ThreadTable th {text-align:center;background:#ffc;}
.ThreadMain .ThreadAuthor {width:150px;background:#dfc;text-align:center;padding:10px 0;}
.ThreadMain .ThreadAuthor img {width:80px;height:80px;border:1px solid #ccc;padding:2px;background:#fff;margin-bottom:5px;}
.ThreadMain .ThreadAuthor .opts {margin-top:10px;}
.ThreadMain .ThreadAuthor .opts a {color:#900;font-size:9pt;}
.ThreadMain .ThreadBody {background:#efe;}
.ThreadMain .ThreadBody .Outline{border-bottom:1px solid #ddd;padding:5px 10px;color:#006699;font-size:9pt}
.ThreadMain .ThreadBody .TextContent {padding:10px;}
.ThreadMain .ThreadBody .TextContent p {text-indent:0em;}
.ThreadBottom .ThreadAuthor {padding:3px 5px;}
.ThreadBottom .ThreadBody {padding:3px 5px 3px 10px;color:#999;}
.ThreadBottom a {color:#006699;font-size:9pt;text-decoration:none;}

.RelatedThreads {padding:10px 0 0 10px;}
.RelatedThreads ul {list-style-position:inside;list-style-type:disc;margin:10px 0 20px 20px;line-height:22px;}

.ThreadBody form {margin:10px;}
.ThreadBody form input.TEXT {padding:2px 3px;}
.ThreadBody form input.SUBMIT {font-weight:bold;padding:2px 3px 0 3px;}

.ProjectNewsInThread li {color:#888;font-size:9pt;}
.ProjectNewsInThread li a {background:url('../img/a2.gif') no-repeat left center;padding-left:13px;margin-right:10px;}

.Post .TextContent div.ref {border:1px solid #ddd;margin:0 0 10px 0;padding:2px;font-size:9pt;background:#FFFEC8;}
.Post .TextContent div.ref h4 {margin:0;padding:1px 3px;background:#CC9966;color:#fff;font-size:10pt;}
.Post .TextContent div.ref p {margin:0;padding:2px;line-height:22px;}

#PostForm {margin-top:10px;padding-top:10px;border-top:2px solid #ccc;}
#PostForm h3 {font-size:12pt;padding-bottom:10px;}
#PostForm form {width:750px;padding:0 0 20px 10px;}
#PostForm form div {margin-bottom:10px;}
#PostForm form input.TEXT {border:1px solid #bbb;font-size:13px;padding:4px 5px;}
#PostForm form input.SUBMIT {font-weight:bold;padding:2px 3px;}
#PostForm form input.BUTTON,.BBS form input.SUBMIT {padding:2px 3px;margin-right:10px}
#PostForm form label {display:block;font-size:10.5pt;font-weight:bold;margin-bottom:3px;}
#PostForm form label a {font-weight:normal;font-size:10pt;}
#PostForm form label.INLINE {display:inline;margin-right:10px;}
#PostForm .hide_div {display:none;margin:10px 0;padding:2px 0 2px 5px;border:2px solid #ccc;background:#eee;}
#PostForm .upload {background:url('$link.img('bbs_upload_arrow.png')') no-repeat 60px 20px;}
#PostForm .icode {background:url('$link.img('bbs_upload_arrow.png')') no-repeat 120px 20px;}

.TopUsers ul {margin-bottom:10px;}
.TopUsers ul li {
	text-align:center;
	margin:0 0 5px 1px;
	float:left;
	width:65px;
	height:75px;
	overflow:hidden;
}
.TopUsers ul li img {width:50px;height:50px;border:1px solid #ddd;padding:2px;}

/* 登录注册页面 */
.MainForm {
	border:1px solid #40AA53;
	background:#fff;
	padding:10px;
	-moz-border-radius: 10px;
   	-webkit-border-radius: 10px;
    border-radius: 10px;
}

.MainForm form h2 {font-size:12pt;margin:5px 5px 20px 5px;}
.MainForm form h2 a {margin:0 5px;}

.MainForm form th {font-size:10.5pt;text-align:right;padding:10px;}
.MainForm form input.TEXT {font-size:16px;padding:3px;}
.MainForm form select {font-size:16px;padding:3px;}
.MainForm form input.BUTTON {
	font-size:14px;
	padding:2px 5px;
}
.MainForm form input.SUBMIT {font-weight:bold;}
.MainForm form .error_msg {border:1px dashed red; padding:10px 5px 10px 10px; color:red; margin:10px 0 10px 0;}
.MainForm form .error_msg a {padding:0 5px 0 5px; font-weight:bold;}

.MainForm .tipbox {
	border:2px solid #6699CC;
	padding:10px;
	background:#ffc;
	-moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
    border-radius: 5px;
}
.MainForm .tipbox h3 {font-weight:12pt;}
.MainForm .tipbox ol,.MainForm .tipbox ul {
	padding:10px 5px;
	list-style-type: disc;
	list-style-position: inside;
	color:#006;
}

.pager span {
	font-size: 90%;
	text-align: center;
	margin-right: 2px; 
}
.pager span a {
	font-family:Courier New,Arial;
    color: #58595b;
    background-color:#f2f2f2;
    padding: 3px 5px;
    text-decoration:none;
    border: 1px solid #999;
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD; 
}
.pager span a:hover {
	border: 1px solid #DDD;
	border-top: 1px solid #AAA;
	border-left: 1px solid #AAA;
}
.pager span.elision a {
    border: none; 
}
.pager span.current {
	color: #fff;
	font-weight:bold;
	border-color: #58595b;
    padding: 4px 6px;
    background-color: #58595b; 
}

#top_tag_switcher {width:400px;}
#top_tag_switcher li {width:90px;float:left;}
#sub_tag_switcher {width: 560px;}
#sub_tag_switcher li {width:140px;float:left;}

.hovertip {
	position: absolute;
    display: none;
	z-index: 100;
	padding:5px;
	margin-left: 10px;
	margin-top: 20px;
	border:1px solid #40AA53;
	background:#DFD;
	line-height:20px;
	border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
.hovertip li {text-align:left;}
.hovertip li a {color:#060;}

.heading_tabs {border-bottom:1px solid #ccc;height:28px;line-height:19px;}
.heading_tabs span {background:#ddd;margin-left:8px;padding:4px 10px;float:left;}
.heading_tabs span.active {
	background:none;
	border:1px solid #ccc;
	border-bottom:1px solid #fff;;
	font-weight:bold;
	color:#666;
}
.heading_tabs span a {text-decoration:none;}