body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000;
}

#AllArea {
	top: 0px;
	width: 99%;
	position: absolute;
	padding-bottom: 30px;
}

#wel {
	background-color: #000;
	color: #fff;
	height: 30px;
	font-size: 11px;
}

#logoPA {
	padding-bottom: 0px;
}

#allFooter {
	height: 74px;
	background: url(images/allb.jpg) repeat-x top left;
}

#allFooter div {
	height: 74px;
	background: url(images/allbl.jpg) no-repeat top left;
}

#allFooter div div {
	height: 74px;
	background: url(images/allbr.jpg) no-repeat top right;
}

/*start of navigation*/
#navcontent {
	background: url(images/headback.jpg) top left repeat-x transparent;
}

#Navigation {
	display: block;
	height: auto;
	width: 920px;
	clear: both;
	margin-top: 15px;
	background-color: #CCCCCC;
}

#Navigation .buttonnav {
	clear: none;
	float: left;
	display: block;
	height: 40px;
	background: url(images/backnav.jpg) repeat-x top left;
	text-decoration: none;
	color: #FFFFFF;
}

#Navigation .buttonnav .buttonnavl {
	display: block;
	height: 40px;
	width: auto;
	background: url(images/linenav.jpg) no-repeat top left;
}

#Navigation .buttonnav .buttonnavl .buttonnavr {
	display: block;
	height: 40px;
	width: auto;
	background: url(images/linenav.jpg) no-repeat top right;
}

#Navigation .buttonnav:hover {
	background-position: bottom left;
	cursor: pointer;
}

#Navigation .buttonnav:hover .buttonnavl {
	background-position: bottom left;
}

#Navigation .buttonnav:hover .buttonnavl .buttonnavr {
	background-position: bottom right;
}

#Navigation .buttonnav .buttonnavl .buttonnavr .contentnav {
	display: block;
	height: 28px;
	font-size: 12px;
	padding: 12px 31px 0px 31px;
}

.botr{
	background-image: url(images/rightnav.jpg) !important;
}

.topl{
	background-image: url(images/leftnav.jpg) !important;
}
/*end of navigation*/

/*start of box*/
	.BoxStyle {
		font-size: 12px;
		text-align: left;
	}
	
	.box2 {
		font-size: 12px;
		text-align: left;
		height: auto;
	}

	/*start of header*/
	.BoxStyle .HeaderBox2 td {
		height: 23px;
		background: url(images/linestream.jpg) no-repeat bottom left !important;
		color: #f90;
		font-size: 12px;
	}
	.BoxStyle .HeaderBox td {
		height: 45px;
		background: url(images/topbox.jpg) repeat-x top left;
	}
	.BoxStyle .HeaderBox td div {
		background: url(images/lefttopbox.jpg) no-repeat top left;
	}
	.BoxStyle .HeaderBox td div div {
		height: 45px;
		background: url(images/righttopbox.png) no-repeat top right;
	}
	.BoxStyle .HeaderBox td div div div {
		height: 30px;
		padding: 15px 0px 0px 45px;
	}
	
	.box2 .HeaderBox td {
		height: 45px;
		background: url(images/topbox.jpg) repeat-x top left;
	}
	.box2 .HeaderBox td div {
		background: url(images/lefttopbox.jpg) no-repeat top left;
	}
	.box2 .HeaderBox td div div {
		height: 45px;
		background: url(images/righttopbox.png) no-repeat top right;
	}
	.box2 .HeaderBox td div div div {
		height: 30px;
		padding: 15px 0px 0px 45px;
	}
	/*end of header*/
	
	/*start of content*/
	.BoxStyle .ContentBox2 td {
		background-image: none !important;
	}
	.BoxStyle .ContentBox td {
		background: url(images/backbox.jpg) repeat-x top left;
	}
	.BoxStyle .ContentBox td div {
		background: url(images/linebox.jpg) repeat-y top left;
	}
	.BoxStyle .ContentBox td div div {
		background: url(images/linebox.jpg) repeat-y top right;
	}
	.BoxStyle .ContentBox td div div div {
		padding: 5px;
	}
	.BoxStyle .ContentBox td div div div div {
		background-image: none;
		padding: 0px;
	}
	
	.BoxStyle .ContentBox3 td {
	}
	.BoxStyle .ContentBox3 td div {
	}
	.BoxStyle .ContentBox3 td div div {
	}
	.BoxStyle .ContentBox3 td div div div {
		padding-left: 3px;
	}
	.box2 .ContentBox3 td div div div div {
		background-image: none;
		padding: 0px;
	}
	/*end of content*/
	
	/*start of footer*/
	.BoxStyle .FooterBox td  {
		height: 8px;
		background: url(images/linebox.jpg) repeat-x bottom left;
	}
	.BoxStyle .FooterBox td div {
		background: url(images/leftbotbox.jpg) no-repeat bottom left;
	}
	.BoxStyle .FooterBox td div div {
		height: 8px;
		background: url(images/rightbotbox.jpg) no-repeat bottom right;
	}
	
	.box2 .FooterBox td  {
		height: 8px;
		background: url(images/linebox.jpg) repeat-x bottom left;
	}
	.box2 .FooterBox td div {
		background: url(images/leftbotbox.jpg) no-repeat bottom left;
	}
	.box2 .FooterBox td div div {
		height: 8px;
		background: url(images/rightbotbox.jpg) no-repeat bottom right;
	}
	/*end of footer*/
/*end of box*/

/*start of ukuran*/
.w188px {
	width: 188px !important;
}
.w215px {
	width: 215px !important;
}
.w230px {
	width: 230px !important;
}
.w250px {
	width: 250px !important;
}
.w481px {
	width: 481px !important;
}
.w491px {
	width: 491px !important;
}
.w100p{
	width: 100% !important;
}
.h206px {
	height: 206px !important;
}
.h274px {
	height: 274px !important;
}
.h275px {
	height: 275px !important;
}
.h298px {
	height: 298px !important;
}
.h309px {
	height: 309px !important;
}
.h364px {
	height: 364px !important;
}
.h401px {
	height: 394px !important;
}
.h431px {
	height: 431px !important;
}
.h747px {
	height: 747px !important;
}
.h1744px {
	height: 1663px !important;
}
.h1580px {
	height: 1300px !important;
}
.h1743px {
	height: 1457px !important;
}
.hfmcpx {
	height: 160px !important;
}
.hcpx {
	height: 200px !important;
}
.mb12px {
	margin-bottom: 12px;
}
.mb30px {
	margin-bottom: 30px;
}
.mr19px {
	margin-right: 12px;
}
.mr28px {
	margin-right: 28px;
}
.ml19px {
	margin-left: 12px;
}
.ml28px {
	margin-left: 28px;
}
.m0px {
	margin: 0px !important;
}
/*end of ukuran*/

/*start of icon*/
	.newsicon {
		background: url('images/kabar positif tab icon.jpg') top left no-repeat !important;
	}
	.geventicon {
		background: url('images/agenda tab icon.jpg') top left no-repeat !important;
	}
	.aeventicon {
		background: url('images/ingin tahu tab icon.jpg') top left no-repeat !important;
	}
	.advicon {
		background: url('images/advicon.jpg') top left no-repeat !important;
	}
	.chaticon {
		background: url('images/chat contact icon.jpg') top left no-repeat !important;
	}
	.artisticon{
		background: url('images/artist tab icon.jpg') top left no-repeat !important;
	}
	.artist2icon{
		background: url('images/artist-tab-icon.jpg') top left no-repeat !important;
	}
	.albumicon{
		background: url('images/latest artist tab icon.jpg') top left no-repeat !important;
	}
	.abouticon{
		background: url('images/about us tab icon.jpg') top left no-repeat !important;
	}
/*end of icon*/

/*start of advertisement*/

#iklan center img, #iklan center div{
	margin-bottom: 15px;
}

/*end of advertisement*/

.readmore {
	width 97px;
	height: 25px;
	display: block;
	background: url(images/readmore.jpg) top right no-repeat;
	margin-right: 5px;
	margin-top: 5px;
}

.seeall {
	width 97px;
	height: 25px;
	display: block;
	background: url(images/viewall.jpg) top right no-repeat;
	margin-right: 5px;
	margin-top: 5px;
}

.readmore:hover ,.seeall:hover {
	background-position: bottom right;
}

.headline {
	height: 21px !important;
	font-size: 13px !important;
}

.headline2 {
	height: 180px !important;
	font-size: 13px !important;
}

#newsChange .newsshow, #geventChange .geventshow, #aeventChange .aeventshow{
	width: 210px !important;
	height: auto;
	padding: 5px !important;
	background-color: transparent;
}

#geventChange .geventshow div .geventcont, #aeventChange .aeventshow div .aeventcont {
	width: 200px;
	height: 95px;
	display: block;
}

#newsChange .newsshow div .newscont {
	width: 200px;
	height: 252px;
	display: block;
}

#logoPA {
	width: 980px;
	height: 284px;
	display: block;
}

.pengirim {
	font-weight: bold;
	color: #E80;
	margin-left: 5px;
	margin-right: 5px;
}

.hijau {
	color: #0C3;
}

.merah {
	color: #F00;
}

.pesan {
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

#chatbox {
	overflow: scroll;
	width: 203px; 
	height: 300px; 
	border: solid #999 1px; 
	background-color: #FFF;
}

#chatbox2 {
	overflow: scroll;
	width: 230px; 
	height: 188px; 
	border: solid #999 1px; 
	background-color: #FFF;
}

#curhatbox {
	overflow: scroll;
	width: 478px; 
	height: 158px; 
	border: solid #999 1px; 
	background-color: #FFF;
}

#chatform {
	padding: 0px;
	margin: 0px;
}

#submitchat {
	float: right; 
	width: 97px; 
	height: 25px; 
	background: url(images/submit.jpg) top left no-repeat; 
	border: none;
}

#signupmember {
	float: left; 
	width: 65px; 
	height: 19px; 
	background: url(images/signup.jpg) top left no-repeat; 
	border: none;
}

#loginmember {
	float: right; 
	width: 65px; 
	height: 19px; 
	background: url(images/login.jpg) top left no-repeat; 
	border: none;
}

#submitreg {
	width: 65px;
	height: 19px;
	display: block;
	background: url(images/submitreg.jpg) top left no-repeat;
	border: none;
}

#submitchat:hover, #loginmember:hover, #signupmember:hover, #submitreg:hover {
	cursor: pointer;
	background-position: bottom left;
}

#artistarea {
	float: left;
	clear: none;
	width: 131px;
	height: 158px;
	display: block;
	margin: 9px 0px 0px 22px;
}

#artistarea .artistbutton {
	width: 116px;
	height: 18px;
	margin-top: 10px;
	padding-left: 15px;
	padding-top: 3px;
	display: block;
	background: url(images/artistname.jpg) top left no-repeat;
	text-decoration: none;
	color: #000;
}

.artistbutton:hover {
	cursor: pointer;
}

.allartist {
	float: right;
	clear: both;
	height: 20px;
	width: 119px;
	display: block;
	background: url(images/allartist.jpg) top right no-repeat;
	margin-top: 15px;
	margin-right: 22px;
}

#streambox {
	width: 330px;
	height: 279px;
	display: block;
	float: left;
	margin-left: 10px;
	margin-top: 13px;
}

#streamboxchoose {
	height: 279px;
	width: 136px;
	float: right;
	margin-right: 10px;
	margin-top: 13px;
	background-color: #CCCCCC;
}

#movieContainer {width: 136px; height: 243px; overflow: hidden; display: block; position: absolute;}
#movieContainer .MC {width: 136px; height: 243px; display: block; top:0px; position: absolute;}
#movieContainer .MC img {cursor: pointer; margin-top: 9px; width: 100px; height: 71px; border: 2px solid #333;}
#movieContainer .MC img:hover {border-color: #F90;}
#movieContainer .MC img.up {cursor: pointer; margin-top: 0px !important;}
#streamboxchoose table tr td #topbutton {background: url(images/streamup.jpg) top left; width: 136px; height: 18px; display: block;}
#streamboxchoose table tr td #downbutton {background: url(images/streamdown.jpg) top left; width: 136px; height: 18px; display: block;}

#imgalbum {
	margin-left: 7px;
	margin-top: 10px;
	float: left;
}

.pemutardiva{
	margin-top: 10px !important;
	float: left !important;
	margin-right: 7px !important;
	clear: left !important;
}

.songlist {
	float: right;
	margin-right: 7px;
	margin-top: 10px;
	width: 255px;
	height: 350px;
}

.songlist .songtitle {
	margin: 5px 5px 0px 5px;
	padding-bottom: 5px;
	border-bottom: 1px #c5c5c5 dotted;
	width: 244px;
	float: left;
}

.songlist .songtitle2 {
	margin: 5px 5px 0px 5px;
	padding-bottom: 5px;
	border-bottom: 1px #000 solid;
	color: #FF9900;
}

.songlist .songtitle .text {
	float: left;
	clear: none;
	height: 14px;
	width: 180px;
	display: block;
}

.songlist .songtitle .songlist2 {
	float: right;
	clear: none;
	height: 14px;
	width: 30px;
	display: block;
	background: url(images/playbutton.jpg) top right no-repeat;
}
.songlist .songtitle .lyrics {
	float: right;
	clear: none;
	height: 14px;
	width: 29px;
	display: block;
	background: url(images/lyricbutton.jpg) top left no-repeat;
}

.songlist .songtitle .songlist2:hover{
	background-position: bottom right;
}

.songlist .songtitle .lyrics:hover {
	background-position: bottom left;
}

#booking {
	width: 188px;
	height: 57px;
	display: block;
}

#booking div {
	width: 100%;
	height: 57px;
	display: block;
	background: url('images/booking button.png') top left no-repeat;
}

#booking:hover div {
	background-position: bottom left;
	cursor: pointer;
}

/*Start of Counter*/
.counter {
	width: 213px;
	height: 40px;
	display: block;
	padding-left: 15px;
	background: url(images/backcounter.jpg) top left no-repeat;
	clear:both;
}

.counter div{
	width: 12px;
	height: 40px;
	display: block;
	background: top left no-repeat;
	clear: none;
	float: left;
	padding-right: 7px;

}

.counter .C0{
	background-image: url(images/c0.jpg);
}

.counter .C1{
	background-image: url(images/c1.jpg);
}

.counter .C2{
	background-image: url(images/c2.jpg);
}

.counter .C3{
	background-image: url(images/c3.jpg);
}

.counter .C4{
	background-image: url(images/c4.jpg);
}

.counter .C5{
	background-image: url(images/c5.jpg);
}

.counter .C6{
	background-image: url(images/c6.jpg);
}

.counter .C7{
	background-image: url(images/c7.jpg);
}

.counter .C8{
	background-image: url(images/c8.jpg);
}

.counter .C9{
	background-image: url(images/c9.jpg);
}
/*End of Counter*/



.eventbox {
	overflow: scroll;
	width: 468px; 
	height: 405px; 
	border: solid #999 1px !important; 
	margin-top: 5px;
	background-color: #FFF;
	font-size: 12px;
	padding: 5px !important;
}
.eventcont {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #999;
}
.mautahubox{
	overflow: scroll;
	width: 468px; 
	height: 1370px;
	border: solid #999 1px !important; 
	margin-top: 5px;
	background-color: #FFF;
	font-size: 12px;
	padding: 5px !important;
}
.newscont{
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.newsbox {
	width: 478px; 
	height: auto; 
	border-bottom: dotted #999 1px !important; 
	margin-top: 5px;
	padding-bottom: 5px !important;
	background-color: #FFF;
	font-size: 12px;
}

.autoh {
	height: auto !important;
}

/*Start of artist*/
#artistdetail {
	width 481px;
	padding-left: 10px !important;
}

.personil {
	width: 85px;
	height: 140px;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 5px !important;
	float: left;
}

.personil img {
	border: 1px dotted #999;
}

.personil img:hover {
	border-color: #f90;
}

.name, .position {
	margin-top: 5px;
}

.profilebox {
	overflow: scroll;
	width: 460px; 
	height: 500px;
	border: solid #999 1px !important; 
	margin-top: 5px;
	background-color: #FFF;
	font-size: 12px;
}

.h2tim {
	height: 300px;
}

.h2ar {
	height: 370px;
}

.profileartist{
	width: 460px;
	height: 505px;
	clear: both;
}

.albumList{
	width: 481px;
	display: block;
	float: left;
}
/*End of Artist*/

/*Start of RBT*/
.judulrbt {
	margin: 0px 5px 5px 5px;
	color: #FF6600;
}
.listrbt {
	height: 23px;
	display: block;
	margin: 0px 5px 0px 5px;
}
.listrbt .imgop {
	float: left;
	clear: none;
	width: 20px;
	padding-top: 3px;
	margin-left: 4px;
}
.listrbt .textop {
	float: right;
	clear: right;
	width: 205px;
	padding-top: 4px;
	color: #FFFFFF;
}
.orangetua {
	background-color: #F60;
}
.orangemuda {
	background-color: #F90;
}
.bobot {
	border-bottom: solid 1px #699 !important;
}
/*End of RBT*/

.logout {
	color: #0099CC;
	text-decoration: none;
}

.logout:hover {
	color:#003399;
}

#regis {
	width: 100%;
}

#regis{
	padding: 5px 0px 0px 0px;
}

.tdreg{
	background-image: none !important;
	padding-top: 20px;
	padding-right: 10px;
}

.artlist{
	background-image: none !important;
	padding-top: 5px;
	width: 33%;
}

.dn{
	display: none !important;
}

.nopad{
	padding: 0px !important;
}

.rbt { 
	color: #F90; 
	text-decoration: none;
}

.rbt:hover {
	color: #FF3300;
}

.contdownload{
	 width: 100%;
	 height: 110px;
	 display: block;
	 float: left;
	 clear: both;
}

.contdownload .imgmer, .contdownload .imgcon {
	width: 110px;
	height: 100px;
	display: block;
	float: left;
	clear: none;
}

.contdownload .namecon, .contdownload .typecon, .contdownload .sizecon, .contdownload .downloadnow, .contdownload .downcon {
	height: 15px;
	display: block;
	padding-top: 5px;
}

.contdownload .namecon, .contdownload .namemer {
	color: #FF9900;
}

.contdownload .downloadnow a {
	color: #FF9900;
	text-decoration: none;
}

.contdownload .downloadnow a:hover {
	color: #FF3300;
}

.contdownload .namemer, .contdownload .hargamer, .contdownload jumlahmer{
	height: 20px;
	display: block;
	padding-top: 5px;
}

.contdownload tochart {
	height: 23px;
	display: block;
	padding-top: 2px;
} 

.addtochart {
	width: 23px;
	height: 23px;
	display: block;
	background: url(images/chart.jpg) top left no-repeat;
	border: none;
}

.delchart {
	width: 23px;
	height: 23px;
	display: block;
	background: url(images/delete.jpg) top left no-repeat;
	border: none;
}

.addtochart:hover, .viewChart:hover {
	background-position: bottom left;
	cursor: pointer;
}

.viewChart {
	width: 65px;
	height: 19px;
	display: block;
	background: url(images/viewchart.jpg) top left no-repeat;
}

/*Start of Join Management*/

.headofjoinman {
	background: url(images/linestream.jpg) bottom left no-repeat;
	height: 20px;
	color: #F90;
	font-size: 12px;
}

.HeadlineArt{
	margin-top: 10px;
	font-size: 12px;
	height: auto;
	color: #F90;
	text-transform: uppercase;
	clear: both;
}

.HeadlineArt b{
	height: 15px;
	background: url(images/pm.jpg) top left no-repeat;
	padding-left: 18px;
	cursor: pointer;
}

.HeadlineArt .prof{
	height: auto;
	display: none;
	margin-top: 10px;
}

.HeadlineArt .prof .BigPic{
	text-align: center;
	height: auto;
	clear: both;
}

.HeadlineArt .prof .personil{
	width: 80px;
	height: 140px;
	display: block;
	margin-right: 10px;
	margin-top: 10px;
	text-align: center;
	clear: none;
	float: left;
}

.HeadlineArt .prof .personil b{
	background: none;
	text-transform: none;
	color: #000;
}

.HeadlineArt .prof .personil .smalpic{
	width: 80px;
	height: 100px;
	display: block;
}

.HeadlineArt .prof .personil .name, .HeadlineArt .prof .personil .position{
	width: 80px;
	height: 15px;
	display: block;
	margin-top: 5px;
	color: #000;
	text-transform: capitalize;
}

/*End of Join Management*/

/*Start of RBT*/
.HeadlineArt .prof .judal, .HeadlineArt .prof .judal2{
	margin-left: 19px;
	font-weight: bolder;
}
.HeadlineArt .prof .judal{
	background: url(images/pm.jpg) top left no-repeat;
	padding-left: 18px;
}
.HeadlineArt .prof .lagu{
	margin-top: 8px;
	margin-left: 38px;
	display: none;
}
.HeadlineArt .prof .lagu .judla{
	background: url(images/pm.jpg) top left no-repeat;
	margin-top: 2px;
	padding-left: 18px;	
	
}
.HeadlineArt .prof .lagu .therbt{
	color: #000;
	width: 300px;
	font-weight: bolder;
	display: none;
	margin: 10px 0px 10px 5px;
}
.HeadlineArt .prof .lagu .therbt .listrbt{
}


/*End of RBT*/