body {
	font-family: Verdana, 宋体;
  background-color: #fff; 
	color: #333333; 
	margin: 0;
	padding: 0;	
}

form, img {
	margin: 0;
	padding: 0;
}

img {
  border-color: #E8E7D0;
}

body, td {
  font-size: 12px!important;
  font-size: 11px;
}

td{
	/*word-break:break-all;*/
}
	
p {
	
}

ol, ul {
	line-height: 1.5em;
	margin: 0 0 1.2em 2em;
	padding: 0;
}


ul {
	list-style-image: url(/images/ring.gif);
}

h1, h2, h3, h4, h5, h6, h7 {
	margin: 0;
	color: #9BBB38; 
}

h1{
	font-size: 18px;
	margin: 10px 0px 3px 0px;
	padding: 0;
	border-bottom: 3px solid #d0d0d0;	
	text-align: right;
	color: #333;
	width: 777px;
}

h2 {
	font-size: 12px;
}

h3 {
	font-size: 14px;
	text-align: center;
	padding-top:5;	
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 14px;
	background-color: #FAFAF0;		
	margin: 0px;
	padding: 3px 3px;
	border-left: 4px solid #E8E7D0;	
}

h6 {
	font-size: 14px;
	background: white;
	margin: 0px;
	padding: 3px 3px;	
	border-left: 0px solid #9BBB38;
}

a {
	text-decoration: none;
}
a:link {
	color: #E58712;
}
a:visited {
	color: #009933;
}
a:hover, a:active {
	text-decoration: underline;
	background: #F0FBF9;
	border: 0px solid #9BBB38;	
	color: #333;
}

input, textarea, select {
	border: 1px solid #C1C0B5;
	background-color: #F6F6F6;
	color: #333;
	vertical-align:baseline;
}

input {
	height: 20px;
	margin: 1px;
}

.sffocus {/*----for IE----*/
	background: #F0FBF9;
	border: 1px solid #9BBB38;
}

textarea:focus, input:focus {/*----for firefox......----*/
	background: #F0FBF9;
	border: 1px solid #9BBB38;
}

blockquote {
	border:#c0c0c0 1px dashed;
	margin: 4px;
	padding: 3px;
	word-break:break-all;
}

code {	
	color: #9BBB38;
	border-bottom: 0px solid #E8E7D0;
	margin: 0 3px;
}
pre {
  color: black;
  background: #F7F7F7;
  border: 1px solid #E8E7D0;
  margin: 15px;

}

/* Layout */

.pagenumber {
	padding:1px;
	background: #f0f0f0;
	border: #ddd 1px solid;
	font-weight: bold;
}

.tip {
	color: gray;	
}

.tag{	
}

.tag a:link,.tag a:visited{	
	/*color: #9BBB38;*/
	border-bottom: 1px dashed #9BBB38;
}
.tag a:active,.tag a:hover{	
	/*color: #D20101;*/
	border-bottom: 0px dashed #9BBB38;
}

.list{
}

.list a:link,.list a:visited{	
	/*color: #2214ef;*/
	margin: 0 0px;
}
.list a:active,.list a:hover{	
	color: #D20101;
	text-decoration: underline;
}

.dragable_user {
	cursor:move;
}

.dragable_tag {
	cursor:move;
}

.dragable_song {
	cursor:move;
}

.playlist {
  overflow: auto;
  overflow-x: hidden;
  height: 190px;
 	scrollbar-face-color:#EBEEE4;
	scrollbar-arrow-color:#a3a49f;
	scrollbar-track-color:#F5F5F5;
	scrollbar-shadow-color:#EBF5FF;
	scrollbar-highlight-color:#F5F5F5;
	scrollbar-3dlight-color:#d9d9d9;
	scrollbar-darkshadow-Color:#d9d9d9;

}

.playlistitem {
	background:#EBEEE4;
	margin:2px;
	padding:1px;
}

.playlistitem-active {
	background:#EBEEE4;
	margin:2px;
	border: #ff853c 1px solid;
}

.mylabel {  
	background: #fff;
	border: #ddd 1px solid;	
	padding: 5px 0 5px 0;
	margin: 5px 0 5px 0;
}

.mylabel-focus {  
	background: #fff;
	padding: 5px 0 5px 0;
	margin: 5px 0 5px 0;
	border: #6da7f9 1px solid;
}

.mylabel-active {  
	background: #eef;
	border: #6da7f9 1px solid;
}

.mylist {
  width: 220px;
  padding: 0px;
  margin: 0px;
  top:30px; 
  right:10px;
  POSITION: absolute;
}

.mylist-active {
  filter: gray;
}

.myfriend {
  color: #FFF;
  background: #D20101;
  width: 60px;
  padding: 4px;  
}

.mytip {
  color: #FFF;
  background: #317329;
  POSITION: absolute;
  width: 80px;
  padding: 4px;
  text-align:right;
}

.popuptip {
	position:absolute;	
	width: 250px;
	BORDER: #E58712 2px solid;
	padding: 10px;
	background: #FAFAF0;
	color:black;
	text-align:left;
	display:none;
}

.tipitem {	
	cursor:pointer;
	text-align:right;
}

.usercard {
  POSITION: absolute;
  width: 300px;
  padding: 4px;  
}

.notice {
  background: #ffd363;
  /*font-weight: bold;*/
  /*width: 250px;*/
}

.notice a:link,.notice a:visited {
	color: blue;
	text-decoration: underline;	
}

.topic_header {
	font-size:14px;
	font-weight: bold;
	border-bottom:#c0c0c0 1px dashed;
}

.topic_item {
	border-bottom:#c0c0c0 1px dashed;
	padding: 3px;
}

.func_header{
	font-size:14px;
}

.recomm_header {
	font-size:14px;
	padding: 20px 3px 3px 3px;
	border-bottom: #d0d0d0 1px solid;
	margin-bottom: 10px;
	font-weight: bold;
}

.post_title {
	font-size:14px;
	color: blue;
}

.post_body {
	font-size:14px;
	line-height: 23px;
}

.comment_body {
	line-height: 23px;
	word-break:break-all;
}

.boardidx {
	color: #E58712;
  font-size:11pt;
  font-weight: bold;
  font-family: Verdana;
}

.poster {
  background: #FFFFFF;
  POSITION: absolute;
  width: 300px;
  padding: 1px;  
  BORDER: #E58712 2px solid;  
  top: 150px;
  left: 318px;
}

.sms {
	text-align:left;
	BORDER: #E58712 2px solid;
	overflow:hidden;
	background:white;
	POSITION:absolute;
	width:163px;	
	padding:4px;
	left: 818px;
}

.navibar {		
	/*BORDER: #e6e8df 1px solid;*/
	background: #f4f4f4;
	width: 777px;
}

.navibar a:link,.navibar a:visited {
	font-size:14px;
	padding: 6px;
	color: #333;
	display:inline;
}

.navibar a:hover,.navibar a:active {	
/*	padding: 2px 5px 0 5px;*/
	background: #6da7f9;
/*	background: #E58712;*/
	color: #fff;
	text-decoration: none;
}

.function {
	background:#f6f4eb;
	padding:8px;
}

.find {
  padding: 1px;
}

.loading {
  POSITION: absolute;
  color: #FFF;
  background: #D20101;
  width: 80px;
  padding: 3px;
}

.user {
	/*border-bottom: 1px solid #E8E7D0;*/
	padding-left: 3px;
}

.user a:link,.user a:visited {
	color: gray;
}

.user a:hover,.user a:active {
	color: #9BBB38;
}

.cover {
	border: 0px;
}

.cover_big {
	border: 3px solid #E8E7D0;
	margin: 0 3px 3px 0;
}

.singer a:link,.singer a:visited {
	color: gray;
}

.singer a:hover,.singer a:active {
	color: #9BBB38;
}

.stats {
	background: #f0f0f0;
	border: #ddd 1px solid;
	padding:1px;
}

.songdesc {
	line-height: 16px;
	color: #606060;
}

.song {
	padding-left: 3px;  
}

.song a:link,.song a:visited {
	color: #006633;
}

.song a:hover,.song a:active {
	color: #9BBB38;
}

.song_title {
  font-size:14px;
  font-weight: bold;
  color: #E58712;  
}

.song_small {
	padding: 2px;   
}

.space_title {
  font-size:20px;
  font-weight: bold;
	margin: 10px;
}

.date {
  color: #a0a0a0;
  border-bottom:#c0c0c0 1px dashed;
}

.step{
	background: url(/images/tit_bg.gif);
	padding:4px;
	font-size:14px;
}

.head_side {
	padding:3px;
}

.head_active{
	border:#E8E7D0 1px solid;
	border-bottom:0px;
	color:#9BBB38;
	font-weight: bold;
	text-align:center;
	width:140px;  
}

.head_inactive{
	border-color:#E8E7D0;
	border-width:0px;
	border-bottom:1px;
	border-style: solid;
	background: url(/images/tit_bg.gif);
	cursor:pointer;
	width:140px;
	text-align:center;
}

.head_empty{
	border-color:#E8E7D0;
	border-width:0px;
	border-bottom:1px;
	border-style: solid;
}

.head_full{
	background: url(/images/tit_bg.gif);
	font-weight: bold;
	color:#9BBB38;
	padding:6px;
}

.hilite{
	text-decoration: underline;
	color:#888;	
}

.fieldWithErrors {
  padding: 1px;
  background-color: #D20101;
  display: inline;
}

#ErrorExplanation {
  width: 600px;
  BORDER: #E58712 2px solid;  
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
}

#ErrorExplanation h2 {
	font-size: 14px;
	color: #333;  
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 12px;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

.hr {
	display: block;
  height: 10px;
	background: url(/images/hr.gif);
	background-repeat: no-repeat;
	background-position: center center;
  margin: 0;
  padding: 0;
}

.vhr {
  width: 1px;
	background: url(/images/dot.gif);
	background-repeat: repeat-y;
	background-position: center center;
  margin: 0;
}

div.searchresults {
  overflow-y: auto;
  border: 1px #a3a49f dashed;
 	scrollbar-face-color:#EBEEE4;
	scrollbar-arrow-color:#a3a49f;
	scrollbar-track-color:#F5F5F5;
	scrollbar-shadow-color:#EBF5FF;
	scrollbar-highlight-color:#F5F5F5;
	scrollbar-3dlight-color:#d9d9d9;
	scrollbar-darkshadow-Color:#d9d9d9;
}

div.autocomplete {
	position:absolute;
	width:250px;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #D20101; color:white}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:20px;
  cursor:pointer;
  color:#333;
}
div.autocomplete ul li .informal{
	color:gray;
}