/* csblog's style  */

a {color:#79A248;text-decoration: none;}
a:hover {background: #f7ffee;color: green;text-decoration: underline;}

a.rss:link {color: #63b4cd}
a.rss:visited {color: #63b4cd}
a.rss:active {color: #63b4cd}
a.rss:hover {color: #63b4cd}

body {
	margin: 0px; 
	padding: 0px; 
	font-size: 12px; 
	color: #333; 
	font-family: Verdana,tahoma, arial; 
	background-color: #dde5d9; 
	text-align: center;
}

table{font-size: 12px;font-family: Verdan,tahoma, arial;}
td {word-break: break-all;}
img {border-width: 0px;}

acronym 
{
	cursor: help;
	border-bottom: #63b4cd 1px dotted; 
}

form{display: inline;}
input{font-size: 12px;font-family: tahoma, arial;}
input.text {
	border: #c1c0b5 1px solid; 
	padding: 1px; 
	height: 16px; 
	background-color: #fafaf0;
}
input.button {
	margin-top:4px;
	border-left: #c1c0b5 6px solid;
	border-right: #c1c0b5 1px solid; 
	border-top: #c1c0b5 1px solid;
	border-bottom: #c1c0b5 1px solid; 
	height: 22px; 
	background-color: #fafaf0;
}
textarea {
	border: #c1c0b5 1px solid; 
	font-size: 12px; 
	color: #555; 
	font-family: tahoma, arial; 
	background-color: #fafaf0;
}
select {
	border: #c1c0b5 1px solid; 
	font-size: 12px; 
	font-family: tahoma, arial; 
	background-color: #fafaf0
}
.search-field {
	border: #c1c0b5 1px solid; 
	background-color: #fafaf0;
}

#wrapper {
	margin: 0px auto;
	width: 100%;
	text-align: left;
}
#innerwrapper {
	background: #dde5d9; 
	width: 100%; 
	text-align: center;
}

#header {
	margin-bottom: 12px;
	padding: 0px; 
	background: url(../Images/headertop.gif) #47a4be repeat-x left top;
	height: 175px;
}
#innerheader {
	position: relative; height: 76px
}
#head-ad {
	margin-left:auto;
	margin-right:auto;
	width: 728px;
	height: 90px;
	padding: 0px;
}
#bloglogo {
	left: 30px; 
	position: absolute;
	top: 17px;
}
#bloglogo img {
	border: #fff 1px solid; 
}
#bloglogo a:hover img {
	border: #47a4be 1px solid;
}

.blog-header {
	margin-left: 80px; 
	padding: 14px 0px  0px  0px ;
	text-align: left;
}
.blog-header a {
	font-size: 20px; 
	color: #fff;
}
.blog-header a:hover {
	background: none transparent scroll repeat 0% 0%;
	color: #34798e;
}
h1 {
	margin: 0px; 
	padding: 0px; 
	font-size: 14px; 
	color: #000; 
}

.blog-desc {
	margin: 0px; color: #34798e;
}

/* the top navigation menu div's id=menu */
#menu {
	margin: 0px; 
	padding: 0px;
	right: 28px; 
	position: absolute; 
	top: 38px; 
	text-align: right;
}
#menu ul {
	margin: 0px;
	padding: 0px;
}
#menu li {
	padding-left: 5px; 
	float: left; 
	list-style-type: none; 
	text-align: center;
}
#menu a {
	padding: 4px 12px 4px 12px;
	display: block;
	font-weight: bold;
	color: #fff; 
	background-color: #58b2cb; 
	text-decoration: none;
	border:1px dotted #0099FF;
}
#menu a:hover {
	background-color: #E4F1EB;
	color:#58b2cb;
	border:1px dotted #0099FF;
}

#mainwrapper {
	margin-bottom: 10px; 
	margin-right: 20px
}
/* half content */
#innercontent {
	border-right: #ced4ca 3px solid; 
	border-bottom: #ced4ca 3px solid; 
	border-left: #ced4ca 1px solid; 
	border-top: #ced4ca 1px solid; 
	padding: 10px; 
	margin-left: 275px; 
	background: #fcfcfa;
	overflow: visible; 
	height: auto; 
	text-align: left;
}
#maincontent {
	border-right: #ced4ca 3px solid; 
	border-bottom: #ced4ca 3px solid; 
	border-left: #ced4ca 1px solid; 
	border-top: #ced4ca 1px solid; 
	padding: 10px; 
	margin:10px 0px 10px 20px;
	background: #fcfcfa;
	overflow: visible; 
	height: auto; 
	text-align: left;
}

/* the announce  */
.announce {
	clear: both; 
	margin-top: 6px; 
	margin-bottom: 10px; 
	border: #dee4da 2px solid; 	
}
.announce-content {
	padding: 12px; 
}


#mainwrapper-inner {
}

.sidebar {
	border-top: #ced4ca 1px solid;
	border-left: #ced4ca 1px solid;
	border-right: #ced4ca 3px solid; 
	border-bottom: #ced4ca 3px solid; 
	float: right;  
	width: 240px; 
	padding-top: 5px; 
	background-color: #fff; 
	text-align: left;
}
.sidebar-hide {
	display: none; 
	float: right;
}
#innersidebar {
	padding:5px 12px 5px 12px;
}
#innersidebar2 {
	padding-right: 3px; padding-left: 3px; padding-bottom: 3px; padding-top: 3px
}
.sidebar-right {
	border-right: #ced4ca 3px solid; 
	border-top: #ced4ca 1px solid; 
	border-left: #ced4ca 1px solid; 
	border-bottom: #ced4ca 3px solid; 
	margin-top: 5px; 
	background: #fff; 
	float: left; 
	margin-left: -97%; 
	width: 177px; 
	padding-top: 5px; 
	text-align: left;
}
.content {
	float: left; margin-left: -255px; width: 100%; height: 100%
}
.content-wide {
	margin: 0px 0px 0px -255px; width: auto
}
.content-only {
	margin: 0px 0px 0px -255px; width: auto
}

.clear {
	clear: both; 
	border-top: transparent 0px solid; 
	margin-top: 0px; 
	visibility: hidden;
}

.panel {
	margin-bottom: 10px;
	padding: 0px; 
}


#sidebar .panel h5 
{
	padding:0px 0px 4px 0px;
	font-weight: bold; 
	font-size: 12px; 
	margin: 0px; 
	color: #63b4cd; 
	text-indent: 5px; 
	border-bottom: #dee4da 2px solid;
}
#sidebar .panel h5 a {
	color: #63b4cd;
}

#sidebar .panel-content {
	margin: 0px; 
	padding:5px 3px 3px 3px;
	color: #999; 
	line-height: 160%;
	word-wrap: break-word;
}
#sidebar .panel-content a {
	color: #666; 
	text-decoration: none;
}
#sidebar .panel-content a:hover {
	background: none transparent scroll repeat 0% 0%; 
	color: #63b4cd;
}

#sidebar .panel-content img 
{
	padding:3px 0px 3px 0px;
	vertical-align: middle;
}
#sidebar .panel h5 span {
	padding-right: 8px; background: url(images/arrow.gif) no-repeat right 50%
}
.panel-content ul 
{
	padding: 1px; 
	margin: 0px 0px 0px 2px;
}
.panel-content li 
{
	padding: 2px; 
	margin: 0px; 
	border-bottom: #dee4da 1px solid; 
	list-style-type: none;
}
.panel-content li.indent {
	padding: 2px; 
	background: url(images/list.gif) no-repeat left 50%;
	text-indent: 12px;
}
.panel-content ul ul li 
{
	padding: 2px; 
	background: url(images/list.gif) no-repeat left 50%; 
	text-indent: 12px;
}
#loginform {
	width: 95%
}


/* calendar style */
#calendar {
	margin-top: 5px;
}
.calendar-top {
	padding: 2px; 
	color: #333; 
	text-align: center;
}
.calendar-year {
	font-weight: bold; 
	color: #666; 
	text-decoration: none;
}
.calendar-month {
	font-weight: bold;
	color: #666; 
	text-decoration: none;
}
.calendar-weekdays {
	font-variant : small-caps;
	background: #fafafa;
}
.calendar-weekday-cell {
	padding: 2px; 
	font-weight: bold; 
	width: 14%; color: #777; 
	text-align: center
}
.calendar-main {
	background: #fafafa
}
#calendar td {
	padding: 2px; 
	font-size: 11px; 
	width: 14%; 
	text-align: center;
}
.calendar-day {
	color: #999;
}
a.calendar {
	font-weight: bold
}
a.calendar:link {
	text-decoration: underline
}
a.calendar:visited {
	text-decoration: underline
}
a.calendar:hover {
	text-decoration: none
}
.calendar-today {
	background: #eee; color: #000
}
.calendar-saturday {
	color:#0099FF
}
.calendar-sunday {
	color:#FF3300;
}
.calendar-saturday a {
	
}
.calendar-sunday a {
	
}
.calendar-saturday a:hover {
	
}
.calendar-sunday a:hover {
	
}


.article-top {
	clear: both; 
	border: #e0e6da 1px dotted; 
	margin-top: 5px; 
	margin-bottom: 15px; 
	padding: 5px 10px 5px 10px;
	background: #f3f8ee;
}
.article-top a {
	color: #666666
}
.article-top a:hover {
	background: none transparent scroll repeat 0% 0%
}
.article-bottom {
	padding: 5px;
}
.view-mode {
	padding-bottom: 5px
}


.pages{font-size:14px;color: #666;}
.pages a{	border:solid 1px #d4dce4;margin:-3px;padding:2px 6px 2px 6px;	color:#666;}
.pages a:hover{background-color: #E4F1F1;}
.pagelink-current{border:solid 1px #d4dce4;margin:-3px;padding:2px 6px 2px 6px;color:#a90a08;font-weight:bold;font-family:Lithograph;background-color: #E4F1F1;}


.listbox {
	padding-bottom: 5px; 
	line-height: 21px; 
	padding-top: 5px
}
.listbox-table {
	width: 99%
}
.listbox-header {
	border: #dee4da 1px solid;
	font-weight: bold; 
	color: #333; 
	height: 25px; 
	background-color: #edf1eb; 
	text-align: center;
}
.listbox-entry {
	color: #666; border-bottom: #c1c0b5 1px dashed
}
.listbox-entry a {
	color: #333
}
.listbox-entry a:hover {
	
}
.prev-article {
	float: left
}
.next-article {
	float: right
}
.category-label {
	text-align: center
}

.textbox {margin-bottom:5px;}
.textbox-title {
	margin-bottom: 5px; 
	margin-left: 5px; 
	padding-top: 5px;
}
.textbox-title h4 {
	display: inline; 
	padding-left: 0px; 
	font-size: 14px; 
	color: #63b4cd;
}
.textbox-title h4 a {
	color: #63b4cd
}
.textbox-title h4 a:hover {
	background: none transparent scroll repeat 0% 0%; color: #666666
}
.textbox-label {
	font-size: 11px; 
	color: #999; 
	padding:2px;
	margin-left: 2px;
}
.textbox-fontsize {
	padding: 5px 5px 5px 3px; 
	font-size: 12px; 
	color: #999; 
	text-align: right;
}
.textbox-content {
	border-top: #dee4da 1px solid;
	padding: 10px; 
	line-height: 180%; 
	font-size:12px;
	word-wrap: break-word;
}
.textbox-ad {
	margin-top: 2px;
	margin-bottom: 12px;
}
.textbox-bottom {
	padding-right: 8px; 
	border-top: #dee4da 1px solid; 
	padding: 5px; 
	font-size: 12px; 
	color: #999; 
	text-align: right;
}
.textbox-bottom a {

}


.textbox-urls {
	border-top: #c0c0c0 1px dashed;
	margin: 10px 0px 10px 0px; 
	font-size: 12px; 
	color: #666666; 
}
.editmark {
	margin-top: 20px; font-size: 11px; color: #999
}
.textbox-adminbar {
	padding: 0px 0px 4px 0px; 
	font-size: 12px; 
	color: #63b4cd; 
	text-align: right;
}
.textbox-tburl {
	padding-left: 15px; 
	font-size: 11px; 
	color: #63b4cd; 
	padding-top: 3px; 
	text-align: left;
}
.tags {
	padding-left: 15px; 
	font-size: 11px; 
	padding-bottom: 3px;
	color: #63b4cd; 
	padding-top: 1px; 
	text-align: left;
}
.tags a {
	color: #63b4cd
}
.tags a:hover {
	color: #2066ac
}
.comment-wrapper {
	
}

.comment-page 
{
	text-align: right;
	margin-top:15px;
	margin-right:10px;
}

.commentbox {
	border-right: #e8e7d0 1px solid; padding-right: 5px; border-top: #e8e7d0 1px solid; padding-left: 5px; background: #fff; padding-bottom: 5px; margin: 5px; border-left: #e8e7d0 1px solid; padding-top: 5px; border-bottom: #e8e7d0 1px solid
}
.commauthor {
	background: #f4f9ee
}
.commentbox-title {
	padding-right: 3px; padding-left: 3px; margin-bottom: 5px; padding-bottom: 3px; padding-top: 3px; border-bottom: #e8e7d0 1px dashed
}
.commentbox-title b a {
	color: #333
}
.commentbox-label {
	display: inline; font-size: 11px; color: #ccc
}
.commentbox-content 
{
	line-height: 180%; 
	margin:10px;
	padding:2px 10px 2px 10 px;
	WHITE-SPACE: normal; WORD-WRAP: break-word;
}

#commentform {
	width: 99%
}

.messagebox
{
	border:#ced4ca 1px solid; 
	padding:1px;
	margin: 50px 20px 100px 20px;
	background-color: #fff;
}
.message-title {
	padding:8px 5px 8px 5px;
	font-size:12px;
	font-weight: bold; 
	background: #f3f8ee;
	color:#8B0000;
	border-bottom:dotted 1px #efefef;
	text-align:left;
}
.message-content {
	padding:10px;
	text-align: left;
	font-size:12px;
	line-height:180%;
}
.message-bottom {
	padding: 5px 10px 5px 10px; 
	border-top:dotted 1px #efefef; 
	background-color: #fafafa;
	color:Gray;
}

/* 引用样式 */
.quote{border:1px dotted #efefef;}
.quote-title{padding:5px;background-color:#F9F8F2 }
.quote-content{padding:4px;}

/*Form Style*/
.formbox {
	width:100%; padding:1px; margin:0px; background:#fff;border:1px solid #efefef;
}
.formbox-comment {
}
.formbox-title {
	border: #d0dce8 1px solid; 
	padding: 5px; 
	font-weight: bold; 
	background: #f3f8ee;
	text-align: left;
}
.formbox-comment-title {
	border: #d0dce8 1px solid; 
	padding:4px 10px 4px 10px;
	font-weight: bold; 
	background: #e4effa; 
	text-align: left;
}
formbox-row
{
	background-color:#F8F8F8;
}
.formbox-rowheader
{
	padding:2px;
	text-align:right;
	padding-right:10px;	
	background-color:#F8F8F8;
}
.formbox-content
{
	text-align:left;
	padding-left:5px;	
	background-color:#F8F8F8;
}

.textbox-tags{padding:2px;word-wrap:break-word;}

.hidden-note{font-size: 11px; color: gray}
.meta-button {	margin: 1px;}
.menu-icon{	margin:1px 5px 1px 5px;}


/*相关*/
.textbox-relate{font:red;}
.textbox-relate ul {background-color:red;}
.textbox-relate ul a {}
.textbox-relate ul a:hover {	background: none transparent scroll repeat 0% 0%;	color: #8ab459}


/* blog foot */
#footer {height: auto;	clear: both;padding: 0px;font-family: Verdana,tahoma, arial;}
#footer a {color: #fff;}
#footer a:hover {background: none transparent scroll repeat 0% 0%;text-decoration: underline;}
#innerfooter 
{
	padding-right: 10px; 
	border-top: #bbe0eb 2px solid; 
	padding-left: 10px; 
	font-size: 11px; 
	background: #47a4be; 
	padding-bottom: 10px; 
	color: #DBF1F7; 
	padding-top: 14px;
	text-align: center;	
}


/*Ajax提示文字*/
.tipFont{text-align:left;padding-left:10px; color:#145D92;}
.tipError{text-align:left;padding-left:10px;color:#ff0000;}
.tipPass{text-align:left;padding-left:10px;color:blue;}
.tipDoing{text-align:left;padding-left:10px;color:green;}

/* 常用字体修饰3类，6种 */
.nfRed{ font-weight:normal; color:red;} .nfBlue{ font-weight:normal; color:blue;} .nfGreen{ font-weight:normal; color:green;}
.bfRed{ font-weight:bold; color:red;} .bfBlue{ font-weight:bold; color:blue;} .bfGreen{ font-weight:bold; color:green;}

/* 搜索关键亮字 */
.highlight {font-weight: bold; background: #ffff00; color: #ff6600}

.btnC {	background: url(/Images/System/btncllps.gif) no-repeat;cursor: pointer;}
.btnE {	background: url(/Images/System/btnexpnd.gif) no-repeat;cursor: pointer;}


/*与系统无关的--代码高亮CSS*/
.codeHead {font-weight: bold;font-size: 12px;padding: 5px;padding-left: 15px;background: #fff;border-bottom: 1px solid #ddd;}
.codeText {border: 1px solid #ddd;width: 98%;overflow: auto;margin: 0 0 1.1em;padding: 0;word-break: break-all;background: #fff;font: 12px 'Courier New', Monospace;}
.codeText ol {list-style: decimal-leading-zero;margin: 0 1px 0 45px;padding: 5px 0;color: #5C5C5C;border-left: 1px solid #ddd;background: #fff;}
.codeText ol li {padding-left: 10px;background: #FFF;}
.codeText ol li.alt {background: #FFF;}
.codeText ol li span {color: #000;}
.codeText .comment, .codeText .comments {color: #008200;}
.codeText .string {color: blue;}
.codeText .keyword {color: #069;font-weight: bold;}
.codeText .preprocessor {color: gray;}
.dp-c .comment {color: green;}
.dp-c .string {color: blue;}
.dp-c .preprocessor {color: gray;}
.dp-c .keyword {color: blue;}
.dp-c .vars {color: #d00;}
.dp-vb .comment {color: green;}
.dp-vb .string {color: blue;}
.dp-vb .preprocessor {color: gray;}
.dp-vb .keyword {color: blue;}
.dp-sql .comment {color: green;}
.dp-sql .string {color: red;}
.dp-sql .keyword {color: #7f0055;}
.dp-sql .func {color: #ff1493;}
.dp-sql .op {color: blue;}
.dp-xml .cdata {color: #ff1493;}
.dp-xml .comments {color: green;}
.dp-xml .tag {font-weight: bold;color: blue;}
.dp-xml .tag-name {color: #7f0055;font-weight: bold;}
.dp-xml .attribute {color: red;}
.dp-xml .attribute-value {color: blue;}
.dp-delphi .comment {color: #008200;font-style: italic;}
.dp-delphi .string {color: blue;}
.dp-delphi .number {color: blue;}
.dp-delphi .directive {color: #008284;}
.dp-delphi .keyword {font-weight: bold;color: navy;}
.dp-delphi .vars {color: #000;}
.dp-py .comment {color: green;}
.dp-py .string {color: red;}
.dp-py .docstring {color: green;}
.dp-py .keyword {color: blue;font-weight: bold;}
.dp-py .builtins {color: #ff1493;}
.dp-py .magicmethods {color: #808080;}
.dp-py .exceptions {color: brown;}
.dp-py .types {color: brown;font-style: italic;}
.dp-py .commonlibs {color: #8A2BE2;font-style: italic;}
.dp-rb .comment {color: #c00;}
.dp-rb .string {color: #f0c;}
.dp-rb .symbol {color: #02b902;}
.dp-rb .keyword {color: #069;}
.dp-rb .variable {color: #6cf;}
.dp-css .comment {color: green;}
.dp-css .string {color: red;}
.dp-css .keyword {color: blue;}
.dp-css .colors {color: darkred;}
.dp-css .vars {color: #d00;}
.dp-j .comment {color: #3f7f5f;}
.dp-j .string {color: #2a00ff;}
.dp-j .keyword {color: #7f0055;font-weight: bold;}
.dp-j .annotation {color: #646464;}
.dp-j .number {color: #C00000;}
.dp-cpp .comment {color: #e00;}
.dp-cpp .string {color: red;}
.dp-cpp .preprocessor {color: #CD00CD;font-weight: bold;}
.dp-cpp .keyword {color: #5697D9;font-weight: bold;}
.dp-cpp .datatypes {color: #2E8B57;font-weight: bold;}