@charset "UTF-8";
/* CSS Document */

body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #535252;}
body {
	text-align:center;
	background-color: #cccccc;
	background-image: url(../images/bg_tiling.jpg);
	background-repeat: repeat;
	background-position: left top;
}
.clr { clear:both;}

#slide {
	height: 120px;
	width: 610px;
	margin-left: 10px;
	margin-right: 7px;
	float: left;
	}

#submit-news a{
	margin: 5px 15px 0 0; 
	height: 29px; 
	float: right;
	background: url(/images/btn_submit_news.png) no-repeat 0 0;
    margin: 0 auto;
	width: 130px;
}

#submit-news a:hover{
	background-position: 0 -28px;
}

#search-button {width: 150px; height: 35px; float: right; margin: 5px 15px 0 5px;}

#container {
	width:960px;
	margin:auto;
	position:relative;
}
#header {
	height:120px;
	text-align:left;
}
#header .logo {
	left:10px;
	height:45px;
	position:absolute;
	top:35px;
	width:210px;
}
#advert-a   {
	height: 90px;
	width: 728px;
	position: absolute;
	margin-left: 233px;
	margin-top: 15px;
}
#advert-b {
	height: 60px;
	margin-left: 5px;
	float: left;
}
#advert-c {
	height: 250px;
	width: 330px;
	margin-left: 5px;
}

#advert-d {
	height: 60px;
	width: 120px;
	float: left;
	margin-left: 5px;	
}

#radio{
	background-color: #fff;
	height: 100px;
	width: 300px;
	padding: 0 10px 0 10px;
	
}
#mainset {
	background-image: url(../images/mainset-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 80px;
}
#mainset .mainset-top {
	height: 41px;
	float: left;
	width: 960px;
}
#mainset .mainset-menu {
	height: 39px;
	float: left;
	margin-top: 3px;
	position:relative;
}
#mainset  .mainset-menu  #mainmenu  {
	background-image: url(../images/mainmenu-left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
	text-align: left;
	position:relative;	
}
#mainset .mainset-menu #mainmenu .right {
	/*padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 10px;*/
	background-image: url(../images/mainmenu-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	/*height: 39px;
	width: 11px;*/
	/*float: right;*/
}
#mainset  .mainset-menu  #mainmenu li {
	list-style-type:none;
	display:inline-block;
	line-height:45px;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#mainset  .mainset-menu  #mainmenu  li a {
	color:#F06EAA;
	text-decoration:none;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

#mainset   .login {
	text-align:right;
	float:right;
	width:800px;
	margin-top:3px;
	margin-right: 40px;
	height:35px;
}
#mainset .login .keyword {
	background:url(../images/login-bg.jpg) no-repeat left top;
	width:110px;
	height:18px;
	border:none;
	padding:3px 5px;
	font-size:12px;
	color:#666666;
}
#mainset .login .loginico {
	width:50px;
	height:24px;
	top:2px;
	color: #666666;
	font-size: 11px;
}
#container #content {
	width: 960px;
	background-color: #fef7ee;
	clear: both;
}
#container #content #content-left {
	float: left;
	width: 620px;
}
#container #content #content-right {
	float: right;
	width: 330px;
	/*margin-top:10px;	*/
}
#container #content #content-full {
	float: left;
	width: 960px;
}

#content   #module-newartist  {
	height: 256px;
	width: 600px;
	background-image: url(../images/bgcontent-article.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-right: 10px;
	padding-left: 20px;
}
#content  #module-newartist  #img-slideshow {
	height: 194px;
	width: 455px;
	float: left;
	margin-top: 37px;
	background-color: #666666;
}
#content  #module-newartist  #cont-freesong {
	height: 194px;
	width: 115px;
	float: right;
	margin-top: 37px;
	text-align: left;
	padding-left: 18px;
	padding-right: 12px;
}
#content  #module-judul {
	color: #FFFFFF;
	background-image: url(../images/bg-judul.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: left;
	height: 24px;
	position: absolute;
	padding-top: 3px;
	padding-left: 12px;
	padding-right: 10px;
	font-weight: bold;
}

#content #module-advert-b {
	background-color:#fff;
	background-repeat: no-repeat;
	background-position: center top;
	height: 60px;
	/*width: 610px;*/
	padding:5px 5px 5px 0;
}
#content #module-tab {
	background-image: url(../images/bgcontent-topdownload-big.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 250px;
	width: 630px;
	padding-top: 8px;
}

#content #module-article {
background-image:url(../images/bgcontent-article-b-blu.jpg);
background-position:center top;
background-repeat:no-repeat;
height:235px;
padding-left:5px;
padding-right:5px;
width:600px;
}

#content #module-article2 {
background-image:url("../images/bgcontent-article-b21-blu.jpg");
background-position:center top;
background-repeat:no-repeat;
height:305px;
padding-left:5px;
padding-right:5px;
width:600px;
}

#content #module-btn-small a {
background-image:url("../images/bg-button-small-left-blu.jpg");
background-position:left top;
background-repeat:no-repeat;
color:#FFFFFF;
display:block;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
height:15px;
padding-left:5px;
position:relative;
text-align:left;
text-decoration:none;
}

#content  #controller  {
	float: right;
	/*clear: both;*/
	width: 235px;
	margin-bottom: 0px;
}


#content #btnclose {
background-image:url("../images/bg-button-small-right-blu.jpg");
background-position:left top;
background-repeat:no-repeat;
float:left;
height:15px;
margin-right:5px;
width:8px;
}


#content #tabfake {
	float: left;
	height: 30px;
	width: 300px;
	margin-top: 10px;
	margin-left: 20px;
	background-image: url(../images/bg-tab-fake.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}
#content #tabfake2 {
	float: left;
	height: 36px;
	width: 296px;
	margin-top: 13px;
	margin-left: 10px;
	background-image: url(../images/bg-tab-fake3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}
#content #cont-tab {
	height: 112px;
	width: 590px;
	float: none;
	clear: both;
	text-align: left;
}
#content #cont-tab #cont-tab-left {
	height: 112px;
	width: 107px;
	float: left;
}
#content #cont-tab #cont-tab-right {
	height: 112px;
	width: 483px;
	float: right;
}
#content #module-article #cont-article, #content #module-article2 #cont-article {
	height: 180px;
	width: 590px;
	clear: both;
	text-align: left;
}
#content #module-article #cont-article #cont-artc-left, #content #module-article2 #cont-article #cont-artc-left {
	float: left;
	height: 180px;
	width: 394px;
}
#content #module-article #cont-article #cont-artc-right,#content #module-article2 #cont-article #cont-artc-right {
	float: right;
	height: 180px;
	width: 180px;
	padding-left: 10px;
	padding-right: 6px;
}

/*  CSS yang berubah untuk whats popping area  */

#content #module-wpop {
	background-image: url(../images/bgcontent-article-whatspop.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 630px;
	text-align: left;
	float: left;
	position:relative;
}
#content #module-wpop #cont-wpop {
	width: 590px;
	text-align: left;
	margin-right: 10px;
	margin-left: 20px;
	float: left;
}
#content #module-wpop #cont-wpop #cont-wpop-left {
	width: 295px;
	float: left;
}
#content #module-wpop #cont-wpop #cont-wpop-right {
	float: right;
	width: 295px;
}
#content   #cont-wpop-botom  {
	height: 20px;
	width: 630px;
	float: left;
}

#content #content-left #module-wpop #module-ohterprog {
	width: 120px;
	height: 15px;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}

/*  END CSS yang berubah untuk whats popping area  */

#content #content-right #module-mininews {
	height: 400px;
	width: 330px;
	background-image: url(../images/bgcontent-mininews.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	float:right;
	margin-top:12px;
}

#content #content-right #module-mininews #module-judul {
	color: #FFFFFF;
	background-image: url(../images/bg-judul.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: left;
	height: 24px;
	position: absolute;
	padding-top: 3px;
	padding-left: 12px;
	padding-right: 10px;
	font-weight: bold;
	margin-left:10px;
}

#content #content-right #module-newmember {
	background-repeat: no-repeat;
	background-position: center top;
	width: 330px;
}

#content #content-right #module-newmember #thumb-member {
	width: 308px;
	margin-left: 5px;
}

#container #btn-newartist {
	height: 60px;
	width: 135px;
	float: left;
}

.paging { margin-top:5px; padding-top:5px; float:left; width:100%;} /*border-top:1px solid #e3e8e8; */
.paging .pageinfo { float:left; padding-left:8px;}
.paging ul.pagination { float:right;}
.paging li { display:inline; margin:0 3px;}
.paging li a { color:#757575; text-decoration:none;}
.paging li a.active { font-weight:bold;}
.paging li.dotted, .paging li a.active, .paging li a:hover { color:#4ea0bf;}

#footer {
	text-align:left;
	color:#e7e6e6;
	font-size:10px;
	font-family:tahoma;
	line-height:1em;
	clear: both;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	background-color: #000000;
}

/* Safari & Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0){
	#mainmenu .menus li.active a { background-position:left top;}
	#threecols .center .startcontent .search .age {  width:218px;}
}
/*body:first-of-type #mainmenu .menus li.active{ background-position: right top;}
body:first-of-type #mainmenu .menus li.active a { background-position:left top;}*/

/* OPERA CSS HACK */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	#header .topmenu li.shopcart .cart a  { background:none;border:1px solid #fff;}
	#mainmenu .menus li.active a { height:21px; line-height:21px;}
    #mainmenu .search {margin-top:10px;}
}

#bgbody {
	background-image: url(../images/bg_lebaran.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 622px;
	width: 100%;
}

#content #module-calendar {
	background-image: url(../images/bgcontent-calendar.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 250px;
	width: 630px;
}
#content #module-calendar #cont-cal {
	width: 412px;
	height: 250px;
	float: left;
}
#content #module-calendar #cont-cal #cont-cal-month {
	height: 200px;
	margin-top: 40px;
	margin-left: 25px;
	width: 200px;
	float: left;
}

#content #module-calendar #cont-poster {
	float: right;
	height: 222px;
	width: 218px;
	padding-top: 28px;
}
#content #module-calendar #cont-cal #cont-cal-event {
	float: right;
	height: 200px;
	width: 155px;
	margin-top: 30px;
	margin-bottom: 20px;
	padding-right: 5px;
}
#content #module-calendar #cont-cal #cont-cal-event #cont-list-event {
	margin-top: 30px;
	text-align: left;
}