BODY {
	background-color: #4D2500;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}

TABLE {
	border-collapse: collapse; /* 'cellspacing' equivalent*/
	/*border-spacing: 0;*/
}

TABLE TD {
	/*padding: 0; /*'cellpadding' equivalent*/
	vertical-align: top;
}

H1 {
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0px;
	font-size: 13pt;
}

A {
	text-decoration: none;
	color: #2864B4;
}

A:Hover {
	text-decoration: underline;
}

IMG {
	border: none;
}

LABEL {
	margin-bottom: 5px;
	line-height: 5px;
}

INPUT {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	border: solid 1px #A8A8A8;
	background-color: #fff;
	color: #000;
	height: 17px;
}

TEXTAREA {
	border: solid 1px #E4E4E4;
	background-color: #fff;
	color: #000;
}

#topPage {
	background-color: black;
	height: 25px;
	border-bottom: #999999 1px solid;
}

#topMenu {
	width: 990px;
	margin: auto;
	color: #fff;
	font-weight: bold;
	padding: 6px 0;
}

#topMenu a {
	color: #fff;
}

#main {
	background-image: url('http://lh3.ggpht.com/_Wi5z5n-Cj44/TAJoIqeuEHI/AAAAAAAAADo/MkfjTVNq_AA/banner.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left; /* for IE */
}

#header {
	width: 990px;
	height: 90px;
	margin: auto;
}

#topCategory {
	margin: auto;
	width: 990px;
	height: 40px;
	background-image: url('images/topCategoryBackground.gif');
	background-position: top center;
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
}

#mainContent {
	margin: auto;
	/*width: 990px; - real width*/
	width: 970px;/*width in padding*/
	background-color: #E4E4E4;
	padding: 10px 10px 20px 10px;
	overflow: hidden;
	
}

#leftContent {
	width: 660px;
	float: left;
}

#rightContent {
	width: 300px;
	float: right;
}

#leftBar {
	width: 100px;
	float: left;
}

#contentBlock {
	width: 550px;
	float: right;
}

#bottomPage {
	margin: auto;
	width: 970px; /*width: 990px;*/
	padding: 15px 10px 20px 10px;
	background-image: url('images/line3.gif');
	background-position: top;
	background-repeat: repeat-x;
	background-color: #F9F9F9;
	overflow: visible;
	height: 480px; /*old: 430px*/
}

#footer {
	background-color: black;
	height: 100px;
	border-top: #999999 1px solid;
}
/* end master*/

.region1 {
	width: 660px;
	height: 250px;
}

.region2 {
	width: 300px;
	height: 250px;
}

.spaceLine {
	height: 10px;
	background-image: url('images/line1.gif');
	background-position: center;
	background-repeat: repeat-x;
}

.spaceLineSmall {
	height: 20px;
	background-image: url('images/line2.gif');
	background-position: center;
	background-repeat: repeat-x;
}

.spaceNone {
	height: 5px;
}

.suggestAlbum {
	border-left: #CCCCCC 1px solid;
	width: 126px;
	text-align: center;
}

.boxhover {
	width: 120px;
	padding: 6px 0 6px 0;
	margin: auto;
}

.boxhover:hover {
	background-color: #F4F4F4;
}

.boxhover2 {
	width: 150px;
	padding: 6px 0 6px 0;
	margin: auto;
	opacity: 1;
}

.boxhover2:hover {
	/*background-color: #4D4D4D;*/
}

.imageBorder {
	padding: 3px;
	border:  1px solid #ccc;
}

/**/

.boxTitle-loginForm {
	font-size: 13pt;
	font-variant: small-caps;
	font-weight: bold;
	color: #fff;
	height: 25px; /*35px*/
	padding: 6px 5px 0 10px;
	background-color: #000;
}

.boxContent-loginForm {
	background-color: #fff;
	color: #000;
	padding: 5px 5px 5px 10px;
	border: 5px solid #000;
}

.boxTitle-shoutbox {
	font-size: 13pt;
	font-variant: small-caps;
	font-weight: bold;
	color: #fff;
	height: 20px; /*35px*/
	padding: 6px 5px 0 10px;
	background-color: #232323;
}

.boxContent-shoutbox {
	background-color: #232323;
	color: #000;
	border: 10px solid #232323;
}

.bullet {
	/*display:inline-block;*/
	background-image:url('images/sub_arrow.gif'); 
	background-repeat:no-repeat;
	background-position: left center;
	padding-left: 10px;
	height: 16px;
}

/*Comment on Album / Song */
.comment_1{
	/*border: 1px solid #9C731D;*/
	background-color: #EAEAEA;
	margin-bottom: 2px;
	padding: 5px 5px 5px 5px;
}

.comment_2{
	/*border: 1px solid #9C731D;*/
	background-color: #fff;
	margin-bottom: 2px;
	padding: 5px 5px 5px 5px;
}

.usershout_1{
	/*border: 1px solid #9C731D;*/
	background-color: #EAEAEA;
	margin-bottom: 2px;
	padding: 5px 5px 5px 5px;
}

.usershout_2{
	/*border: 1px solid #9C731D;*/
	background-color: #fff;
	margin-bottom: 2px;
	padding: 5px 5px 5px 5px;
}

/*Shoutbox*/
.chater a{
	font-weight:bold;
}
/*end Shotubox*/

/* block */
.block {
	padding: 10px;
	background-color: #F9F9F9;
	border: 1px #CCC solid;
	overflow: auto;
}

.block .title {
	font-size: 13pt;
	color: #000;
	/*font-weight: 100;*/
	padding-bottom: 5px;
	border-bottom: 1px #ccc solid;
	margin-bottom: 10px;
}

.block .title a {
	color: #000;
}

.block .content {
	margin-top: 10px;
}

.block .listalbum ul {
	list-style-type: none;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	overflow: auto;

}

.block .listalbum ul li {
	/*padding: 5px 5 5px 5px;*/
	/*padding-top: 10px;
	padding-bottom: 10px;*/
	width: 132px;
	text-align: center;
	float: left;
	/*opacity: 0.95;*/
	/* for IE */
	/*filter:alpha(opacity=95);*/
}

.block .listalbum ul li:hover {
	/*background-color: #ddd;*/
	/*opacity: 1;*/
	/* for IE */
	/*filter:alpha(opacity=100);*/
}
/* block */

.topAlbum {
	width:362px; /*width:362px; (550-2-10-166)*/
	float: right;
	color: #333;
	
}

.topAlbum a {
	font-size: 10pt;
}

.topAlbum .hover {
	height: 36px;
	padding-top: 3px;
	padding-left: 8px;
}

.nonmid {
	border: 0px #ccc solid;
	border-left: 1px #ccc solid;
}


.top {
	border: 1px #ccc solid;
	border-left: 0px #ccc solid;
	border-top: 0px #ccc solid;
}

.mid {
	border: 1px #ccc solid;
	border-left: 0px #ccc solid;
}

.bottom {
	border: 1px #ccc solid;
	border-left: 0px #ccc solid;
	border-bottom: 0px #ccc solid;
}

/* bottom page*/
#newComment {
	width: 410px;
	float: left;
}

#newComment .title {
	font-size: 13pt;
}

#newComment .comment {
	background-color: #E4E4E4;
	border:  1px #999999 solid;
	padding: 8px 8px 8px 8px;
	height: 50px; /*50+2+8*2*/
	margin-top: 10px;
}

#newShareLink {
	width: 260px;
	margin-left: 18px;
	float:left;
}

#newShareLink .title {
	font-size: 13pt;
}

#newShareLink .track {
	padding: 10px 0 0 5px;
}
#newShareLink .track ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#newShareLink .track ul li {
	padding: 5px 0 5px 12px;
	border-bottom: 1px #ccc solid;
	background-image: url('images/sub_arrow.gif');
	background-position: left center;
	background-repeat: no-repeat;
}

/* bottom page*/

/*player*/
.regionPlayer {
	padding: 10px;
	background-color: #1C1C1D;
	
	color: #fff;
	overflow: visible;
}

.regionPlayer a {
	color: #fff;
}

.tracklist a {
	color: #000;
	font-size: 9pt;
}

.tracklist:hover {
	background-color: #EBEBEB;
}

.tracklistSearch {
	border-bottom: 1px #ccc solid;
}

.tracklistSearch a {
	font-size: 9pt;
	color: #2864B4;
}

.tracklistSearch:hover {
	background-color: #EBEBEB;
}

.tracklist0 {
	font-size: 9pt;
	background-color: #EBEBEB;
}

.tracklist0 a {
	color: #000;
}

.addPlaylistQuick {
	display:none; 
	border-top: solid 1px #ccc; 
	padding-top: 5px; 
	margin: 5px 0 5px 0;
}

.toolBox {
	background-color: #1C1C1D;
	margin-top: 1px;
	padding: 5px;
	overflow: auto;
}

/*player*/

/*navigation Bar*/
.navigationTop {
	background-image: url('images/navigationBarTop.gif');
	background-position: top center;
	background-repeat: no-repeat;
	margin-top: 5px;
	height: 10px;
}

.navigationBottom {
	background-image: url('images/navigationBarBottom.gif');
	background-position: top center;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	height: 10px;
}

.navigationContent {
	background-color: #232323;
	padding: 0px 5px 0px 15px;
	color: #fff;
}

.navigationContent .row1 {
	font-size: 9pt;
}

.navigationContent .row2 {
	font-size: 13pt;
	padding-left: 15px;
	padding-top: 5px;
}

.navigationContent a {
	color: #fff;
}

.navigationCTop {
	background-color: #1C1C1D;
	padding: 10px;
	color: #fff;
	margin-bottom: 1px;
	overflow: visible;
}

.navigationCTop .row1 {
	font-size: 13pt;
	padding-bottom: 5px;
	border-bottom: 1px dashed #999;
}

.navigationCTop .row2 {
	padding-top: 3px;
	font-size: 8pt;
}

.navigationCTop a {
	/*text-decoration: underline;*/
	color: #5599FF;
}

/*navigation Bar*/

/*related album*/
.relatedAlbum {
	width: 630px; /*660*/
	height: 265px; /*280*/
	margin: 5px 0 10px 0;
	padding: 10px 15px 5px 15px;
	background-image: url('images/relatedAlbum.png');
	background-repeat: no-repeat;
}

.relatedAlbum .title {
	height: 42px; 
	background-image: url('images/circle.gif');
	background-repeat: no-repeat;
	background-position: top left;
	padding-bottom: 5px;
	border-bottom: 1px #666 solid;
	padding-left: 50px;
	color: #fff;
	font-weight: 500;
}

.relatedAlbum .detail {
	margin-top: 5px;
	color: #fff;
	text-align: center;
	height: 190px;
	overflow: hidden;
}

.relatedAlbum .detail td {
	width: 157px;
}

.relatedSwitch {
	width: 300px;
	height: 1px;
	margin: auto;
	border-bottom: 1px #666 solid;
	margin-bottom: 7px;
}

.switchOn {
	background-image: url('images/relatedSwitchOn.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 15px;
	height: 5px;
	float: left;
	padding: 0 3px 0 3px;
	cursor: pointer;
}

.switchOff {
	background-image: url('images/relatedSwitchOff.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 15px;
	height: 5px;
	float: left;
	padding: 0 3px 0 3px;
	cursor: pointer;
}

.switchOff:hover {
	background-image: url('images/relatedSwitchOn.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 15px;
	height: 5px;
}

/*related album*/

.pagination {
	border-top: 1px #ccc solid;
	background-color: #E4E4E4;
	margin-top: 10px;
	padding: 7px;
	font-size: 9pt;
}

/*search*/
.search {
	width: 465px;
	height: 52px;
	border: 0px #ccc solid;
	float: right;
	margin: 20px 50px 0;
}

.search input {
	/*opacity: 0.1;     */
	/* for IE */
	/*filter:alpha(opacity=10);*/
	margin: 0;
	color: #fff;
	padding: 0 5px 0 5px;
	background-color: transparent;
	border: 1px #ccc solid;
	height: 20px;
}

.search .searchBtn {
	margin-top: 1px;
	padding: 0;
	height: 22px;
	background-color : #A0701C;
	border: 0px #ccc solid;
	width: 80px;
	text-align: center;
	cursor: pointer;
}

.search ul {
	list-style-type: none;           
	margin: 0;
	padding: 0;
}

.search ul li {
	margin: 0 2px 1px 0;
	padding: 5px 0 5px 0;
	width: 75px;
	background-color : #A0701C;
	color: #fff;
	float: left;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
}

.search ul li:hover {
	background-color: #4D2500;
}

.search .actived {
	background-color: #4D2500;
}

.search .noactive {
	background-color : #A0701C;
}
/*search*/