/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	width:100%;
	margin:0;
	padding:0;
	background-color:#000503;
}

a.more{font-family:Arial, Helvetica, sans-serif;font-size:10px;text-decoration:none;color:#00B1F1; text-align:right; padding-top:5px;}
a.more:hover{font-family:Arial, Helvetica, sans-serif;font-size:10px;text-decoration:none;color:#F08D0F; text-align:right; padding-top:5px;}

a.more2{font-family:Arial, Helvetica, sans-serif;font-size:10px;text-decoration:none;color:#FFFFFF;}
a.more2:hover{font-family:Arial, Helvetica, sans-serif;font-size:10px;text-decoration:none;color:#F08D0F;}

a.title{font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:none;color:#FFFFFF;font-weight:bold;}
a.title:hover{font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:none;color:#00B1F1;}

a.orange{font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:none;color:#F08D0F;font-weight:bold;}
a.orange:hover{font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:none;color:#000503;}

a.orange2{font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:none;color:#F08D0F;font-weight:bold;}
a.orange2:hover{font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:none;color:#08B3BF;}

a.black{font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:none;color:#000503;font-weight:bold;}
a.black:hover{font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:underline;color:#000503;}

a.blue{font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:none;color:#08B3BF;}
a.blue:hover{font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:none;color:#F08D0F;}

.textblue10{margin-left:10px;font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#08B3BF;}
.textblue102{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#08B3BF;}
.textblue12{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#08B3BF;}
.textorange10{margin-left:10px;font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#F08D0F;}
.textorange102{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#F08D0F;}
.textorange12{margin-left:10px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#BB5808;}
.textorange122{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#F08D0F;}
.textwhite10{margin-left:10px;font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#FFFFFF;}
.textwhite12{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#FFFFFF;}
.textyellow10{margin-left:10px;font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#F8F20B;}
.textgrey10{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#C0C0C0;}
.textred10{margin-left:10px;font-family:Arial, Helvetica, sans-serif;font-size:10px;color: #FF0000;}
.bold{font-weight:bold;}

.line_solid {	border-bottom:1px solid ; margin:5px 0; padding:0;}
.line_dashed {	border-bottom:1px dashed ; margin:5px 0; padding:0;}

.title{font-family:Arial, Helvetica, sans-serif;font-size:12px;text-decoration:none;color:#FFFFFF;font-weight:bold;padding:0 3px;}
.title2{font-family:Arial, Helvetica, sans-serif;font-size:12px;text-decoration:none;color:#F08D0F;font-weight:bold;padding:0 3px;}
.full{
	width:1000px;
_width:1004px;
	margin:0;
	background-color:#1A534C;
}

.header{
	background-image:url(../images/mainheader.gif);
	width:1000px;
	height:128px;
	margin:0;
}

.clear{
	clear:both;
}

.top_menu{
	float:left;
	border-left:1px #295A56;
	border-right:1px #295A56;
	background-color:#1A534C;
	padding:10px 18px 10px 18px;
}

.menu{
	float:left;
	width:964px;
	height:38px;
	background-image:url(../images/full_02.gif);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}

.menu1{
	float:left;
	background-image:url(../images/bgmenu1.gif);
	width:8px;
	height:38px;
}

.menu2{
	float:left;
	background-image:url(../images/bgmenu2.gif);
	width:938px;
	height:26px;
	padding-top:12px;
	padding-right:10px;
}

.menu2 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	margin-left:10px;
	margin-right:22px;
	height:38px;;
}

.menu2 a:hover{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	color:#F08D0F;
	text-decoration:none;
	height:38px;
}

.menu3{
	float:right;
	background-image:url(../images/bgmenu3.gif);
	width:8px;
	height:38px;
}

/* START LEFT CONTENT */

.kiri{
	float:left;
	width:223px;
	border-left:1px #295A56;
	color:#000000;
	font-size:12px;
	padding-left:18px;
}

.left_content{
	float:left;
	width:149px;
	margin:0;
	text-align:left;
}

.member_login{
	background-image:url(../images/member_header.gif);
	height:27px;
	width:149px;
	padding-top:18px;
	padding-left:58px;
	background-repeat:no-repeat;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}

.top_download_sm{
	background-image:url(../images/top_sm_header.gif);
	height:35px;
	width:149px;
	padding-top:10px;
	padding-left:58px;
	background-repeat:no-repeat;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}

.top_download_ll{
	background-image:url(../images/top_ll_header.gif);
	height:35px;
	width:149px;
	padding-top:10px;
	padding-left:58px;
	background-repeat:no-repeat;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}

.new_release{
	background-image:url(../images/new_release.gif);
	height:35px;
	width:149px;
	padding-top:10px;
	padding-left:58px;
	background-repeat:no-repeat;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}

.statistics{
	background-image:url(../images/statistics.gif);
	height:35px;
	width:149px;
	padding-top:10px;
	padding-left:58px;
	background-repeat:no-repeat;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}

.portal_content{
	width:192px;
	text-align:left;
	padding-top:8px;
	padding-left:10px;
	background-image:url(../images/tengah.gif);
	background-repeat:repeat-y;
	padding-right:5px;
}

.portal_bottom{
	width:207px;
	background-image:url(../images/bawah.gif);
	background-repeat:no-repeat;
	height:20px;
}

.formlogin{
	margin-bottom:0px;
	border:1px solid #38B8B8;
	width:185px;
	background-color:#082828;
}

input.text, input.text_small, select.text {
	border: 1px solid #08B3BF;
	font-family: arial, verdana, serif;
	font-size: 9pt;
	color: #FFFFFF;
	background-color:#222222;
	vertical-align: middle;
	padding: 2px;
	width:175px;
	margin-bottom:5px;
}
input.text2{
	border: 1px solid #08B3BF;
	font-family: arial, verdana, serif;
	font-size: 9pt;
	color: #FFFFFF;
	background-color:#222222;
	vertical-align: middle;
	padding: 2px;
	width:158px;
}

input.text3, textarea.text3{
	border: 1px solid #08B3BF;
	font-family: arial, verdana, serif;
	font-size: 9pt;
	color: #FFFFFF;
	background-color:#222222;
	vertical-align: middle;
	padding: 2px;
	width:290px;
	margin-bottom:5px;
}

input.textktp1{
	border: 1px solid #08B3BF;
	font-family: arial, verdana, serif;
	font-size: 9pt;
	color: #FFFFFF;
	background-color:#222222;
	vertical-align: middle;
	padding: 2px;
	width:15px;
	margin-bottom:5px;
}
input.textktp2{
	border: 1px solid #08B3BF;
	font-family: arial, verdana, serif;
	font-size: 9pt;
	color: #FFFFFF;
	background-color:#222222;
	vertical-align: middle;
	padding: 2px;
	width:30px;
	margin-bottom:5px;
}
input.textktp3{
	border: 1px solid #08B3BF;
	font-family: arial, verdana, serif;
	font-size: 9pt;
	color: #FFFFFF;
	background-color:#222222;
	vertical-align: middle;
	padding: 2px;
	width:45px;
	margin-bottom:5px;
}

input.kode {
	border: 1px solid #08B3BF;
	font-family: arial, verdana, serif;
	font-size: 10pt;
	color: #FFFFFF;
	background-color:#222222;
	vertical-align: middle;
	padding-left: 2px;
	width:50px;
	margin-left:10px;
}

input.kode2 {
	border: 1px solid #08B3BF;
	font-family: arial, verdana, serif;
	font-size: 10pt;
	color: #FFFFFF;
	background-color:#222222;
	vertical-align: middle;
	padding-left: 2px;
	width:50px;
	margin-top:0px;
	vertical-align:top;
}
input.button {
	font-family: arial, verdana, serif;
	font-size: 8pt;
	margin-top:10px;
	padding: 3px;
	margin-left:10px;
	margin-bottom:10px;
	color: #FFFFFF;
	font-weight: bold;
	background: #08B3BF;
	vertical-align: middle;
	border-top: 1px solid #08B3BF;
	border-left: 1px solid #08B3BF;
	border-bottom: 1px solid #08B3BF;
	border-right: 1px solid #08B3BF;
}

input.button2 {
	font-family: arial, verdana, serif;
	font-size: 8pt;
	margin-top:10px;
	padding: 3px;
	margin-bottom:10px;
	color: #FFFFFF;
	font-weight: bold;
	background: #08B3BF;
	vertical-align: middle;
	border-top: 1px solid #08B3BF;
	border-left: 1px solid #08B3BF;
	border-bottom: 1px solid #08B3BF;
	border-right: 1px solid #08B3BF;
}

input.radio, input.checkbox {
	vertical-align: middle;
}

textarea {
	border: 1px solid #08B3BF;
	font-family: arial, verdana, serif;
	color: #333333;
	padding-left: 2px;
	font-size: 10pt;
}

select.genre {
	border: 1px solid #08B3BF;
	font-family: arial, verdana, serif;
	font-size: 9pt;
	color: #FFFFFF;
	background-color:#222222;
	vertical-align: middle;
	padding: 2px;
	width:125px;
	margin-bottom:5px;
}

select.tahun{
	border: 1px solid #08B3BF;
	font-family: arial, verdana, serif;
	font-size: 9pt;
	color: #FFFFFF;
	background-color:#222222;
	vertical-align: middle;
	padding: 2px;
	width:65px;
	margin-bottom:5px;
}

.songlist{
	padding:5px;
	/*background-image:url(../images/bglagu.gif);
	background-repeat:repeat-x;*/
	background-color:#082828;
	
	width:175px;
	border:1px solid #08B3BF;
	margin:0px;
}


.songlist:hover{
	padding:5px;
	/*background-image:url(../images/bglagu2.gif);
	background-repeat:repeat-x;*/
	background-color:#041012;
	
	width:175px;
	border:1px solid #08B3BF;
	margin:0px;
}

.statistic{
	padding:5px;
	background-color:#082828;
	width:175px;
	border:1px solid #08B3BF;
	margin:0px;
}

.statistic:hover{
	padding:5px;
	background-color:#041012;
	width:175px;
	border:1px solid #08B3BF;
	margin:0px;
}

/* END LEFT CONTENT */

/* START MIDDLE CONTENT */

.main{
	float:left;
	width:519px;
	margin:0;
	font-size:12px;
	color:#000000;
}

.middle{
	float:left;
	width:519px;
	margin:0;
	font-size:11px;
	color:#000000;
}

.middle_top{
	background-image:url(../images/mid_top.gif);
	background-repeat:no-repeat;
	height:15px;
}

.middle_content{
	background-image:url(../images/mid.gif);
	background-repeat:repeat-y;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}


.middle_bottom{
	background-image:url(../images/mid_bottom.gif);
	background-repeat:no-repeat;
	height:14px;
	margin-bottom:10px;
}

.songlist_box{
	border:1px solid #38B8B8;
	float:left; width:495px;;
	background-color:#041012;
	margin-bottom:5px;
}
 
.lirik{
	width:478px;
	border:1px solid #38B8B8;
	margin-top:10px;
	background-color:#041012;
	padding:10px;
	color:#FFFFFF;
}

.comment{
	width:475px;
	border:1px solid #38B8B8;
	margin-top:5px;
	
	background-color:#041012;
	padding:10px;
	color:#FFFFFF;
}
.songlist_box:hover{
	background-color:#082828;
}

.artis{
	float:left;
	width:350px;
	border:1px solid #38B8B8;
	margin-top:10px;
	margin-right:5px;
	padding:5px;
	background-color:#082828;
	color:#FF9900;
}
.artis:hover{
	background-color:#041012;
}

.artis2{
	float:left;
	width:350px;
	border:1px solid #38B8B8;
	margin-top:5px;
	margin-right:5px;
	padding:5px;
	background-color:#082828;
	color:#FF9900;
}
.artis2:hover{
	background-color:#041012;
}

.jmllagu{
	float:left;
	width:120px;
	border:1px solid #38B8B8;
	margin-top:10px;
	padding:5px;
	background-color:#082828;
	color:#FF9900;
	text-align:center;
}
.jmllagu:hover{
	background-color:#041012;
}
.jmllagu2{
	float:left;
	width:90px;
	border:1px solid #38B8B8;
	margin-top:5px;
	padding:5px;
	padding-left:35px;
	background-color:#082828;
	color:#FF9900;
}
.jmllagu2:hover{
	background-color:#041012;
}

.news{
	border:1px solid #38B8B8;
	margin-top:10px;
	background-color:#041012;
	padding:5px;
}

.news:hover{
	background-color:#082828;
}

.title_news1{
	float:left;
	border:1px solid #38B8B8;
	width:475px; padding:5px;
	color:#FFFFFF;
	background-color:#BB5808;
	margin-right:2px;
	font-weight:bold;
 }

.date_news1{
	float:left;
	border:1px solid #38B8B8;
	width:95px;
	padding:5px;
	color:#FFFFFF;
	background-color:#BB5808;
	text-align:center;
}

.news_box{
	padding-top:5px;
	padding-bottom:5px;
	text-align:justify;
	color:#CCCCCC;
}
.news_box p{
	margin-top:5px;
	margin-bottom:5px;
}
.title_news2{
	float:left;
	border:1px solid #38B8B8;
	width:475px;
	padding:5px;
	color:#FFFFFF;
	background-color:#BB5808;
	margin-top:5px;
	margin-right:2px;
	font-weight:bold;
}
.title_news2:hover{
	float:left;
	border:1px solid #38B8B8;
	width:475px;
	padding:5px;
	color:#BB5808;
	background-color:#041012;
	margin-top:5px;
	margin-right:2px;
	font-weight:bold;
}

.date_news2{
	float:left;
	border:1px solid #38B8B8;
	width:95px;
	padding:5px;
	color:#FFFFFF;
	background-color:#BB5808;
	margin-top:5px;
	text-align:center;
}

.portal_box{
	border:1px solid #38B8B8;
	float:left;
	width:475px;;
	background-color:#041012;
	color:#FFFFFF;
	padding:10px;
	text-align:justify;
}

.portal_box p{
margin-top:0px;
margin-bottom:10px;
}

a.paging {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

a.paging:hover {
	color:#F08D0F;
	font-weight:bold;
}

.group{
	float:left;
	border:1px solid #38B8B8;
	text-align:center;
	background-color:#041012;
	border:1px solid #38B8B8;
	color:#FFFFFF;
	font-weight:bold;
}
.group a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
	padding-bottom:4px;
	margin-right:1px;
	margin-left:1px;
}

.group a:hover {
	color:#F08D0F;
	font-weight:bold;
}

.pageNumber{
	border:1px solid #38B8B8;
	text-align:center;
	background-color:#041012;
	border:1px solid #38B8B8;
	color:#FFFFFF;
	padding-left:7px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin-right:5px;
	font-weight:bold;
}

.pageNumber2{
	border:1px solid #38B8B8;
	text-align:center;
	background-color:#041012;
	border:1px solid #38B8B8;
	color:#F08D0F;
	padding-left:7px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin-right:5px;
	font-weight:bold;
}

#dhtmltooltip {
	text-align: left;
	position: absolute;
	left: -300px;
	visibility: hidden;
	z-index: 100;
	background: #FFFFFF;
	border: 1px solid #041012;
	padding: 10px;
	width: 235px;
	color:#041012;
}
/* END MIDDLE CONTENT */

/* START RIGHT CONTENT */

.right{
	float:right;
	width:207px;
	border-left:1px #295A56;
	color:#000000;
	font-size:12px;
	padding-right:18px;
	padding-left:15px;
}

.right_content{
	float:left;
	margin:0;
	width:149px;
	text-align:left;
}

.cs{
	background-image:url(../images/cs.gif);
	height:35px;
	width:149px;
	padding-top:10px;
	padding-left:58px;
	background-repeat:no-repeat;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}

.cs_content{
	float:left;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
	background-image:url(../images/cs_content.gif);
	background-position:bottom;
	width:187px;
	height:200px;
	background-repeat:no-repeat;
	font-size:12px;
	color:#000000;
}

.new_member{
	background-image:url(../images/new_member.gif);
	height:35px;
	width:149px;
	padding-top:10px;
	padding-left:58px;
	background-repeat:no-repeat;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}

.search{
	background-image:url(../images/search.gif);
	height:35px;
	width:149px;
	padding-top:10px;
	padding-left:58px;
	background-repeat:no-repeat;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}

.cs_box{
	padding-top:5px;
	padding-bottom:5px;
	width:183px;
	border:1px solid #08B3BF;
	background-color:#082828;
}

.cs_box:hover{
	background-color:#041012;
}

.search_box{
	padding-top:10px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	width:163px;
	color:#FFFFFF;
	border:1px solid #08B3BF;
	background-color:#082828;
}

.search_box:hover{
	background-color:#041012;
}

.new_member_box{
	padding-top:5px;
	margin-top:5px;
	width:183px;;
	border:1px solid #08B3BF;
	background-color:#082828;
	clear:both;
}

.new_member_box:hover{
	background-color:#041012;
}

.iklan_box{
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	width:173px;;
	margin-top:5px;
	border:1px solid #08B3BF;
	background-color:#082828;
	clear:both;
}

.iklan_box:hover{
	background-color:#041012;
}

.request_box{
	border:1px solid #08B3BF;
	width:183px;
	background-color:#082828;
	padding:0px;
	margin:0px;
}

.latest_upload{
	background-image:url(../images/latest_upload.gif);
	height:35px;
	width:149px;
	padding-top:10px;
	padding-left:58px;
	background-repeat:no-repeat;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}

.banner_sponsor{
	background-image:url(../images/banner_sponsor.gif);
	height:29px;
	width:207px;
	padding-top:10px;
	background-repeat:no-repeat;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
}

.song_request{
	background-image:url(../images/song_request.gif);
	height:37px;
	width:149px;
	padding-top:10px;
	padding-left:58px;
	background-repeat:no-repeat;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}

/* END RIGHT CONTENT */

/* BOTTOM */
.footer{
	background-image:url(../images/footer.gif);
	width:1000px;
	height:108px;
	margin:0;
	text-align:center;
}

.bottom_menu{
	padding-top:90px;
	color:#FFFFFF;
}

.bottom_menu a{
	padding-left:20px;
	padding-right:10px;
	text-decoration:none;
	color:#FFFFFF;
}

.bottom_menu a:hover{
	padding-left:20px;
	padding-right:10px;
	text-decoration:none;
	color:#00B1F1;
}

.copyright{
	clear:both;
	padding-top:5px;
	text-align:center;
	font-size:11px;
}