* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	margin: 0px 20px 0px 10px; 
	color: #000; 
	background: #fff; 
	line-height: 1.3em; 
	/* border: #CCC 1px solid; */
	padding-bottom: 20px;
}

h1,h2,h3,h4,h5,h6{font-size:12px;}
em,cite{ font-style:normal;}
img{border:0;}
ul{list-style:none;}
#container{width:1003px; margin:0 auto; background:url(img/header_bg.png) left top repeat-x;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both; line-height:1px; overflow:hidden;}
.gray a{ color:#333;}
.gray a:hover{ color:#f60;}
.title{
    font-size:14pt;
    font-weight: bold;
}

.right {
	float: right;
	top: 5px;	
	position: relative;
	padding-right: 5px;
}

table {
	border-collapse:collapse;
}

th, td {
	padding: 3px;
	vertical-align: middle; 
}

p, ul, ol {
	margin-top: 1.5em;
	line-height: 160%;
	list-style:none;
}

li {
	display: inline;
	line-height: 30px;
	padding-left: 15px;
}

a {
	color: #000080;
}

a:hover {
	text-decoration: none;
	color: #ff0000;
}

a .link2 {
	margin-left:5px;
	font-size:1.2em;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}

hr {
	display: none;
}

textarea{
	height:100px;
	width:500px;
	padding-left:0px;
}
#pagable{float:right;padding-left:100px;width:80%;}
#pagable a, #pagable em{line-height:15px; padding:0 5px; background-color:#e0e0e0; border:1px solid #ccc; color:#333; text-decoration:none;}
#pagable a.page { background-color: red; color: white;}
#pagable a:hover{background-color:#666; border:1px solid #333; color:#fff;}
#pagable a.currentPage {background-color:#f90; border:1px solid #ff9000; color:#fff;}

.list ul {float:left;width:98%;padding-bottom:10px;min-height:100px;}
.list li {
	margin-left:10px;
	border-bottom: 1px dotted gray;
	border-left:1px solid gray;
	border-right:1px solid gray;
	display:block;
	text-align:left;	
}
.list li h1 { height:36px; background-color:#EEEEEE; border:1px solid gray; border-left:0px; border-right:0;padding-left:5px;margin-left:-15px;}
.list li p {margin:2px 5px 0 5px;padding-bottom:5px; min-height:20px;font-size:1.1em;}
.list .reply {border:1px dotted blue;padding:5px;color:green;}
.list li h2 {font-weight: normal;}
.list li h1 img {float:left;margin-top:2px;}
.boxlink {background-color:green; border:1px solid #333; color:#fff;margin-left:20px;padding:2px;font-weight:normal;}
.button {
	width:80px;
}
.tips {
    padding-left:20px;
    background: url(/images/tips.gif) white no-repeat left;
}

.search_input{
	width:300px;
	background: url(/images/search.gif) #FEFEFE no-repeat left;	
	border: 1px solid #666699;
	padding: 2px 0px 2px 15px;
}

.borderImg {
	padding:5px;
	border: 2px solid gray;
	float:left;
}
.feedback,
.feedbackPanelINFO,
.feedbackPanelERROR{
	color:red;	
}

.error {
	font-size:1.5em;
	color:red;
	padding-top:50px;
}

.corner a {
	padding:0 5px 0 5px;
	font-size:1.1em;
	background-color:#F6F1EE;
	border:1px solid #D2B48C;
	color:navy;
	text-decoration: none;
}
.corner a:hover{background-color:red; border:1px solid #333; color:#fff;}
.corner li {padding-left:1px;}

.cornerPanel { 		
	    background:#DBE3E0; 
	    color:#000; 	 
	    margin:10px 100px 20px 100px;
	    padding:20px;	 
	    min-height:200px;   
}

#main .cornerPanel {
	margin:20px 0 0 250px;
	padding-bottom:50px;	
}

/* Header */
#header {
	width: 98%;
	min-width: 970px;
	height: 110px;
	margin: 0 50px 0 5px;
	text-align: left; 	
}

#header div img {	
	float: left;	
	margin-right: 20px;
}

#header ul {
	margin-top: 0px;
	line-height: 100%;	
}

#header h2 {
	background:url(/images/top3.gif) repeat-x bottom; 
	border:1px solid #D6D6D6;	
	margin-top: 15px;
	line-height: 180%;
	padding-left: 10px;
	height: 28px;
}

#header h2 #headTip{
	float:right;
	margin-top:-20px;
	padding-right:10px;
}

#spaceNav a {
	font-weight: normal;
	padding:5px;
}

#header .right{
	top: -20px;	
}

/* content */
#content { 
	clear:both;
	min-width: 970px;
	padding: 0px 10px 20px 10px; 	
}

#sidebar {
	width:100%;
	float:left;
	padding:20px 5px 10px 5px;	
	border-right: 2px solid #F6F1EE;	
}

#sidebar li{
	display:block;
	text-align:left;
	line-height:160%;
}

/** popular tag css */
#tagList{
	float:left;	
	width:98%;
	text-align:left;
	line-height: 120%;
}

#tagList li{
	display:block;
}

#tagList h1{
	float:left;
	background: #ff8000;
	padding-left:5px;
	font-size:1.2em;
}

#tagList h1 a{
	float:left;
	margin-left:5px;	
	color:darkblue;
}

#tagList a{	
	margin-left:15px;
}

/* space css */
.graph{
	clear:both;
	margin-top:50px;
	height: 20px;
	border: 1px solid #aa8035;
}

.graph .bar {
     display: block;
     position: relative;
     background: #ff8000;
     text-align: center;
     color: darkblue;
     height: 20px;
     line-height: 20px;
}

.bar{
	float:left;
}

.panel h1 {
	margin-top:15px;
	padding:5px;
	background:url(/images/top3.gif) repeat-x bottom; 
	border:1px solid #D6D6D6;	
}

.panel ul {margin-top:5px; }
.panel li {line-height: 1.8em;}

#content table {
	
}
/* first content for browse page*/
#c1 {width:82%;vertical-align:top; }
#c2 {vertical-align:top; }
#c_space_1 {width:230px;vertical-align:top; }
#c_space_2 {vertical-align:top; padding-left:10px;}

#main table {
    margin: 10px 5px 0 5px;
	min-width: 650px;
	width:98%;
	border: 1px solid #666699;
	text-align: left;
	float:left;
}

#main th {
	line-height: 200%;
	font-weight: bold;
	padding-left:20px;
	color: #AA0000;
	border: 1px solid #666699;
	background: #F6F1EE;
}

#main td {
	border-bottom: 1px solid #666699;
	padding-left:20px;	
	line-height: 150%;
	vertical-align:middle;
}

tr .odd {
    background-color:#EFF7F7;    
}
tr .even {
    background-color:white;    
}
tr .border {
    border-left:1px solid gray;
    border-right:1px solid gray;
}

.block {
	display:block;
	clear:both;		
}

#commentList{
	text-align:left;
	width:90%;
}

#commentForm #title {width:450px;}
#commentForm textarea {
	width:450px;
	min-width:200px;
	height:100px; 
}
#commentForm td{border:0;background: #F6F1EE;}

#signInForm,
#uploadForm,
fieldset {
	position: relative; 
	width:500px;
	float:left;
	border: 0; 
	padding: 10px;
}

#signInForm label, 
#uploadForm label,
fieldset label{ 
	display: block; 
	margin-top: 15px; 
	margin-left:20px;
}

#signInForm input, 
#uploadForm input,
fieldset input { 
	position: absolute; 
	right: 0; 
}

#forgetpwd { clear:both;padding-top: 50px;}

#portraitTable input {float:left; position:relative;}

/* Footer */

#footer {
	/* border: red 2px solid; */
	clear:both;
	width: 98%;	
	margin: 5px 50px 0 5px;
	height: 80px;
	padding: 20px 0;
	background: url(/images/img11.gif) repeat-x;
	text-align: center;
}

#footer p {
	margin: 0;
	font-size: .8em;
	color: #666666;
}