/*CSS RESET STARTs*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

li
{
	line-height: 16px;
}

/*CSS RESET ENDs*/

body{
background:#a4a4a4 url("imgs/mainback.jpg") repeat-x top left;
font-size:10pt;
color:#333;
}
a,a:link,a:visited
{
  color:#666;
  text-decoration:none;
}
a:hover
{
  color:#666;
  text-decoration:underline;
}

div#Container{
position:relative;
width:892px;
height:768px;
margin:0 auto;
background:#a4a4a4 url("imgs/main.jpg") no-repeat top center; 
}
div#Header
{
width:100%;
height:70px;
}
div#Header div#MainSearch span.msearch_i
{
  position:absolute;
  top:11px;
  right:135px;
}
div#Header div#MainSearch span.msearch_s
{
  position:absolute;
  width:40px;
  height:40px;
  right:87px;
}

div#Header div#MainNavi
{
  position:absolute;
  top:40px;
  left:200px;
  width:330px;
  font-size:11pt;
  text-align:right;
}
div#Header div#MainNavi li
{
  float:right;
  margin-left:15px;
}
div#Header div#MainNavi a
{
  padding-left:5px;
  color:#369;
} 
div#Header div#MainNavi a:hover
{
  text-decoration:none;
  border-left:5px solid;
}
div#Header div#MainSearch span.msearch_s a 
{
  display:block;
  width:100%;
  height:100%;
  text-indent:-9999px; 
}
div#Main
{
width:100%;
height:620px;
position:relative;  
}
div#MainLeft
{

position:relative;
float:left;
width:580px;
height:100%;
}

div#MainLeft div#LeftTitle
{
width:100%;
height:60px; 
position:relative;
}
div#MainLeft div#LeftTitle div
{
position:absolute;
top:30px;
right:75px;
font-size:13pt;
font-weight:bolder;
width:97px;
height:25px;
text-align:right;
background:url("imgs/list.gif") no-repeat left center;
padding-top:5px;

}


div#MainLeft div#LeftContent
{
width:100%;
height:555px;
position:relative;
}

div#MainLeft div#LeftContent div#SingerVita
{
overflow:auto;
position:absolute;
width:380px;
height:510px;
top:25px;
left: 180px;
}

div#MainLeft div#LeftContent div#SongList ul
{
overflow:auto;
position:absolute;
width:560px;
height:510px;
top:25px;

}
div#MainLeft div#LeftContent div#SongList ul li.ListItem
{
  display:block;
  position:relative;
  width:355px;
  height:35px;
	line-height: 20px;
  background:url("imgs/songlistoff.gif") no-repeat center center;
  margin-left:180px;
}
div#MainLeft div#LeftContent div#SongList ul li.ListHead
{
  display:block;
  position:relative;
  width:355px;
  height:35px;
  margin-left:180px;
  margin-bottom:10px;
  border-bottom:2px dotted
}

div#MainLeft div#LeftContent div#SongList ul li.ListItem:hover
{
background:url("imgs/songliston.gif") no-repeat center center;
}
div#MainLeft div#LeftContent div#SongList ul li .ItemName
{
 position:absolute;
 right:170px;
 top:10px;
 font-size:9pt;
 line-height: 20px;
}
div#MainLeft div#LeftContent div#SongList ul li .ItemSinger
{
 position:absolute;
 right:30px;
 top:10px;
 font-size:9pt;
 line-height: 20px;
}
div#MainLeft div#LeftContent div#SongList ul li a:hover
{
 color:#000;
 font-weight:bolder;
}
div#MainLeft div#LeftContent div#SongList ul li a
{
 color:#fff;
}

div#MainLeft div#LeftContent div#aSong div.SongPlayer
{

position:absolute;
width:360px;
height:70px;
top:25px;
left:180px;
}
div#MainLeft div#LeftContent div#aSong div.SongIntro
{
position:absolute;
width:370px;
height:400px;
overflow:auto;
top:120px;
left:170px;
padding:5px;
}
div#MainLeft div#LeftContent div#aSong div.SongIntro p
{
  margin-top:5px;
  margin-bottom:10px;
  line-height:1.4em;
}

div#MainLeft div#LeftContent div#aSong div#SongBlogTrack
{
  margin-top:20px;
  margin-bottom:20px;
  padding-top:20px;
  border-top:1px dashed #999;
  font-weight:bolder;
}

div#MainLeft div#LeftContent div#aSong div.SongReplyList
{
  padding-top:10px;
  padding-bottom:10px;
}
div#MainLeft div#LeftContent div#aSong div.SongReplyList div
{
  padding-top:5px;
  padding-bottom:5px;
  margin-top:5px;
  margin-bottom:5px;

}

div#MainLeft div#LeftContent div#aSong div.SongReplyList div.SongReplyContent
{
  border-top:1px dashed #999;
  border-bottom:1px dashed #999;
  padding-left:5px;
  padding-right:5px;
  padding-top:15px;
  padding-bottom:15px;
 overflow:hidden;
 width:93%; 
}

div#MainLeft div#LeftContent div#aSong div.SongReplyList div.SongReply_Bottom
{
  width:95%;
  text-align:right;
  color:#666
}
div#MainLeft div#LeftContent div#aSong div#SongReply h3
{
  font-weight:bolder;
}
div#MainRight
{
position:relative;
float:left;
width:310px;
height:100%;
}

div#MainRight div#BackMain
{

width:100%;
height:60px; 
position:relative;
}
div#MainRight div#BackMain div
{
position:absolute;
top:35px;
left:25px;
font-size:13pt;
font-weight:bolder;
width:142px;
height:25px;
text-align:right; 
}
div#MainRight div#BackMain div a
{
  display:block;
  text-decoration:none;
  color:#333;
  background:url("imgs/list.gif") no-repeat left center;
	line-height: 24px;
}

div#MainRight div#BackMain div a:hover
{
  display:block;
  text-decoration:underline;
  color:#fff;
}

div#MainRight div#SingerList
{
width:100%;
height:380px; 
position:relative;
}



div#MainRight div#SingerList>div>div.sList
{
position:absolute;
top:15px;
left:25px;
font-size:13pt;
font-weight:bolder;
width:122px;
height:25px;
text-align:right;
background:url("imgs/list.gif") no-repeat left center;
padding-top:5px;

}




div#MainRight div#SingerList>div>div#SingerName
{
position:absolute;
top:15px;
left:25px;
font-size:13pt;
font-weight:bolder;
width:166px;
height:25px;
text-align:left;
background:url("imgs/list.gif") no-repeat left center;
padding-top:5px;
padding-left: 16px;
}
div#MainRight div#SingerList>div>div#SingerPic
{
position:absolute;
top:55px;
left:15px;
width:200px;
height:185px;
text-align:center;


}
div#MainRight div#SingerList>div>div#SingerIntro
{
position:absolute;
top:245px;
left:15px;
width:190px;
height:130px;
padding:5px;
padding-top:10px;

}

div#MainRight div#SingerList>div>div#SingerIntro p
{
margin-bottom:10px;
line-height:1.2em;
font-size:9pt;
}


div#MainRight div#SingerList>div>div#SingerIntro p a:hover
{
 color:#fff;
 font-weight:bolder;
}
div#MainRight div#SingerList>div>ul
{
position:absolute;
width:200px;
height:320px;
top:50px;
left:30px;  

}
div#MainRight div#SingerList>div>ul>li
{
float:left; 
display:block;
width:90px;
margin-bottom:8px;
}

div#MainRight div#SingerList>div>ul>li a:hover
{
color:#fff;
font-weight:bolder;
}

div#MainRight div#PageAD
{
width:100%;
height:170px; 
position:relative;

}

div#MainRight div#PageAD div
{
border:#fff 1px dashed;
width:114px;
height:134px;
position:absolute;
top:15px;
left:54px;
padding:2px;
}
div#MainRight div#PageAD div a
{
  display:block;
  width:100%;
  height:100%;
  text-indent:-9999px;
  background:#fc6;
}

div#Footer
{
width:100%;
height:78px;
}

div#Site_Info
{
position:absolute;
bottom:30px;  
width:100%;
text-align:center;
font-size:8pt;
color:#fff;
text-indent:10px;
}
div#Site_Info a
{
color:#666;
text-decoration:none; 
}
div#Site_Info a:hover
{
color:#333;
text-decoration:underline; 
}

div#loginDiv
{
	text-align: center;
}











.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(imgs/star.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{ background-position: left bottom; }
.star-rating .current-rating{
z-index:1;
background-position: left center;
}

.inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display: inline-block;
vertical-align: middle;
}

.small-star{
width:50px;
height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
background-image: url(star_small.gif);
line-height: 10px;
height: 10px;
}