/* CSS Document */
*{margin:0; font-family:Tahoma, Geneva, sans-serif;}
body{
	background:url(../images/background.jpg) no-repeat top center;
	margin:0 auto;
	padding:0;
}
h1{color:#333; font-weight:normal; padding:10px 0}
.clear{clear:both}
.hidden{display:none}

#MainContainer{width:945px;margin:0 auto;}

#header_search{height:46px; text-align:right}
	#header_search form{padding-top:8px}
	#header_search .title{color:#FFF; font-weight:bold; font-size:14px; padding-right:20px}
	#header_search input[type=text]{padding:3px; height:20px; border:solid 1px #333; width:158px;}
	#header_search input[type=submit]{padding:3px; width:76px; height:26px; background:#6c9aa7; border:none; color:#FFF; cursor:pointer}
	#header_search input[type=submit]:hover{background:#F00}
	
#pad_content{min-height:500px;}

#header{height:115px;}
	#header .content{height:70px; background:url(../images/bg.png); position:relative}
		#header .content .listener_comment{width:420px; margin-top:15px; margin-left:180px; height:50px; padding:10px 0; overflow:hidden; position:absolute; right:340px}
		#header .content .listener_comment .title{color:#ffcc00; font-size:16px; font-weight:bold}
		#header .content .listener_comment .title_new{color:#ffffff; font-size:16px; font-weight:bold}
		#header .content .listener_comment .comment{font-size:12px; text-decoration:underline; font-style:italic; color:#FFF; margin-top:5px; line-height:1.2em}
		
		#header .content .social_icon{width:300px; padding:15px 20px 0 0; position:absolute; right:0;}
		#header .content .social_icon .Pinguin_FM{font-size:34px; color:#FFF; float:left; margin-right:10px;}
		#header .content .social_icon .icon{width:30px; height:30px; background:#b4c9cc; float:left; margin: 7px 0 0 10px;}
		#header .content .social_icon .icon:hover{background:#F00}

.iconstreaming{background:#b4c9cc; float:right;}
.iconstreaming:hover{background:#F00}
	
	
	#list_menu{height:43px; width:1012px; background:#FFF; position:relative; margin-left:-36px; border:solid 1px #999; box-shadow:0 0 10px #333}
	#list_menu .logo{position:absolute; bottom:0; left:20px}
	
	#list_menu ul{list-style:none; margin:10px 10px 0 0; padding:0;}
	#list_menu ul li{float:right; background:#FFF;padding:0; padding-bottom:14px; font-weight:bold; }
	#list_menu ul li:last-child a{border:none}
	 
	#list_menu ul li a{color:#000; text-decoration:none; font-size:13px; padding:0 13px; border-left:solid 1px #999;}
	#list_menu ul li a:hover{color:#11568b}
	#list_menu ul ul { display:none; width:auto; z-index:400; position:absolute; border-left:solid 0px #FFF; width:150px; margin-top:10px;  }
	#list_menu ul ul li { display:block; float:none; border-left:solid 0px #FFF; padding:10px; }
	#list_menu ul ul li a { border-left:solid 0px #FFF; }
	#list_menu ul li:hover ul { display:block; } 

#banner{height:478px; background:#09365d; position:relative}
	#banner .slide{width:600px; height:478px; position:absolute; left:0; overflow:hidden}
	
	#banner .latest_news{width:344px; height:453px; overflow:hidden; right:0; position:absolute; padding-top:25px;}
	#banner .latest_news .news{height:108px; width:294px; padding:10px; background:#FFF; margin:auto; margin-bottom:22px; font-size:12px}
	#banner .latest_news .news .title{font-weight:bold; margin-bottom:5px;}
	#banner .latest_news .news .title a{color:#000; text-decoration:none}
	#banner .latest_news .news .title a:hover{color:#11568b}
	
	#banner .latest_news .news .content .img{width:91px; height:87px; float:left; background:#666; overflow:hidden; margin-right:5px}
	#banner .latest_news .news .content .img img{min-width:91px}
	
	#banner .latest_news .news .content .desc{height:86px; overflow:hidden; line-height:1.2em}
	
#content{background:url(../images/bg.png) repeat; min-height:300px}

	.widget{width:290px; height:295px; float:left; margin-left:20px; margin-top:13px; margin-bottom:35px}
	.widget:first-child{margin-left:18px}
	
	.widget .title{height:22px; width:172px; float:right; font-size:12px; font-weight:bold; letter-spacing:0.05em; text-align:right; padding:8px 10px 0 0; color:#FFF}
	
	.widget .desc{min-height:245px; padding:10px; clear:both; color:#FFF; font-size:14px}
	
	.widget.vidio_galery .title{background:#0d4a77}
	.widget.vidio_galery .title a{color:#FFF; text-decoration:none}
	.widget.vidio_galery .title a:hover{color:#FFF; text-decoration:underline}
	.widget.vidio_galery .desc{background:#0a3454;}
	.widget.vidio_galery .desc .vidio_title{font-size:14px; color:#FFF; margin-bottom:5px; margin-top:-3px;}
	.widget.vidio_galery .desc .vidio{width:100%; height:225px}
	
	.widget.podcast .title{background:#FFF; color:#000}
	.widget.podcast .title a{color:#000; text-decoration:none}
	.widget.podcast .title a:hover{color:#000; text-decoration:underline}
	.widget.podcast .desc{background:#CCC}
	.widget.podcast .desc .podcast_content{background:#FFF; height:45px; margin:5px; margin-bottom:15px; border-radius:7px; position:relative; color:#546b01}
	.widget.podcast .desc .podcast_content:first-child{margin-top:10px}
	.widget.podcast .desc .podcast_content .icon{width:30px; height:30px; background:#b4c9cc url(../images/play.png); position:absolute; top:7.5px; left:10px}
	.widget.podcast .desc .podcast_content .icon:hover{background-color:red}
	.widget.podcast .desc .podcast_content .icon a{width:30px; height:30px; display:block; text-decoration:none}
	.widget.podcast .desc .podcast_content .desc_podcast{position:absolute; left:50px; top:7px; width:200px; height:30px; font-size:11px; line-height:1.5em; overflow:hidden}
	.widget.podcast .desc .podcast_content .desc_podcast a{color:#546b01}
	.widget.podcast .desc .podcast_content .date{position:absolute; top:10px; right:9px; font-size:8px}
	.widget.podcast .desc .podcast_content .comment{width:30px; height:30px; background:url(../images/comment.png); position:absolute; top:7.5px; left:10px}
	.widget.podcast .desc .podcast_content .comment:hover{background:url(../images/comment-red.png);}
	.widget.podcast .desc .podcast_content .women{width:30px; height:30px; position:absolute; top:7.5px; left:10px}
	
	.widget.on_air .title{background:#3399ff}
	.widget.on_air .title a{text-decoration:none; color:#FFF; display:block}
	.widget.on_air .title a:hover{text-decoration:underline}
	.widget.on_air .desc{background:#1066a8; }
	.widget.on_air .desc .img{width:100%; height:148px;  margin-top: 0px} /*background:#3399ff;*/
	.widget.on_air .desc .detail_desc{width:100%; min-height: 80px; margin-top:8px; position:relative; overflow:hidden; font-size:12px}
	.widget.on_air .desc .detail_desc .next{position:absolute; right:left; font-size:12px; height: 15px; overflow:hidden;}
	.widget.on_air .desc .detail_desc .time{font-size:12px; font-weight:bold}
	.widget.on_air .desc .detail_desc .detail{margin-top:5px; line-height:1.2em; height: 15px; overflow:hidden;}
	
	.widget.pooling{height:auto !important; line-height:20px;}
	.widget.pooling .title{background:#3399ff}
	.widget.pooling .title a{text-decoration:none; color:#FFF; display:block}
	.widget.pooling .title a:hover{text-decoration:underline}
	.widget.pooling .desc{background:#1066a8; height:auto !important; font-size:12px}
	.widget.pooling .desc .title_pooling{font-weight:bold; margin-bottom:10px; font-size:14px}
	
	
#content_inside{background:url(../images/bg-inside.png) repeat; min-height:300px; padding-top:12px; margin-bottom:20px}
	#content_inside .left{width:603px; padding:10px 10px 0 10px; min-height:1112px; float:left; background:#e9e9e9; font-size:12px; line-height:1.3em;}
	#content_inside .left .ads img{width:100%;margin-bottom:25px;}
	#content_inside .left .news_list{margin-top:25px; position:relative; width:583px}
	#content_inside .left .news_list .date{position:absolute; right:0; font-size:10px}
	#content_inside .left .news_list .title{font-size:20px; margin-bottom:10px}
	#content_inside .left .news_list .title a{color:#000; text-decoration:none}
	#content_inside .left .news_list .title a:hover{color:#11568b}
	#content_inside .left .news_list .img_thumb{width:160px; margin-right:15px; float:left; overflow:hidden; background:#666}
	#content_inside .left .news_list .desc{float:left; width:390px; font-size:12px}
	#content_inside .left .page_title{font-weight:bold; margin-bottom:20px}
	
	#content_inside .left .paging{background:#FFF; padding:8px; margin:20px -10px 0 -10px}
	#content_inside .left .paging ul{margin:0; padding:0; list-style:none}
	#content_inside .left .paging ul li{float:right; background:#fce401; border:1px solid #000; margin-right:5px;}
	#content_inside .left .paging ul li a {color:#333; text-decoration:none; font-weight:bold; display:block; padding:3px 6px;}
	#content_inside .left .paging ul li.aktif, #content_inside .left .paging ul li:hover{background:#FAFAFA; border:solid 1px #c8c7c7}
	#content_inside .left .paging ul li.aktif a, #content_inside .left .paging ul li:hover a{color:#272727}
	
	#content_inside .left .detail_news{line-height:1.5em; padding-bottom:20px}
	#content_inside .left .detail_news h1{margin-bottom:10px;}
	#content_inside .left .detail_news .date{margin-bottom:20px;}
	#content_inside .left .detail_news p{margin-bottom:10px}
	#content_inside .left .detail_news .img_thumb{float:left; margin:5px 10px 10px 0}
	
	#content_inside .right{margin-left:12px; width:290px; float:left}
	
	#content_inside .widget{margin:0; float:none; margin-bottom:12px}
	
	.music_chart_pad{background:#FFF; padding:20px 10px; margin-bottom:10px}
	.music_chart_pad .title{font-weight:bold; cursor:pointer}
	.music_chart_pad .content{border-bottom:dotted 1px #CCC; margin:5px 0 20px 0; padding-bottom:5px; font-size:11px}
	.music_chart_pad .content table tr td{padding:1px 4px; background:#FFF}
	
	.pinguin_crew{width:110px; overflow:hidden; float:left; margin:5px 15px 10px 15px}
	.pinguin_crew .crew .img{width:110px; height:110px; overflow:hidden; margin-bottom:5px;}
	.pinguin_crew .crew .name {text-align:center; height:2.3em; overflow:hidden}
	.pinguin_crew .crew .name a{font-weight:bold; color:#000; text-decoration:none}
	.pinguin_crew .crew .name a:hover{text-decoration:underline}
	
	.crew_paging{margin-top:50px; text-align:center}
	.crew_paging a{padding:5px 0; text-decoration:none; font-weight:bold; color:#1066a8}
	.crew_paging a:hover{text-decoration:underline}
	
	.detail_crew{background:#FFF; padding:5px}
	.detail_crew table tr td{vertical-align:text-top}
	.detail_crew .foto_crew{width:190px; height:220px; overflow:hidden;}
	
	a.all_crew{text-decoration:none; color:#1066a8}
	a.all_crew:hover{font-weight:bold}
	
	.guest_comment .comment{margin-bottom:20px; border-bottom:dotted 1px #CCC; padding-bottom:10px}
	.guest_comment .comment .date{font-size:11px; color:#666}
	.guest_comment .comment .detail{margin-top:6px}
	
	.program_on_air{background:#FFF; margin-bottom:10px; font-size:11px}
	.program_on_air table tr td{border-bottom: #EAEAEA solid 1px; padding:3px 2px}
	.program_on_air table tr:first-child td{border:none}
	.program_on_air table tr:last-child td{border:none}
	
	.podcast_pad .podcast{background:#FFF; padding:5px; margin-bottom:10px}
	.podcast_pad .podcast a{text-decoration:none; color:#1066a8;}
	.podcast_pad .podcast a:hover{color:#000}

	.vidio_gallery .vidio_pad{width:280px; height:auto; float:left; margin:10px}
	.vidio_gallery .vidio_pad .vidio{widows:280px; height:280px; overflow:hidden}
	.vidio_gallery .vidio_pad .vidio_title{margin-top:10px; font-size:14px; height:3.5em; text-align:center; font-weight:bold; overflow:hidden; margin-bottom:10px}
	

.TabbedPanelsContentGroup {clear: both;border:1px solid #DDD;background-color: #FFF;padding:10px; margin:0 0 10px 0}
	
.TabbedPanelsTabGroup {margin:0;padding:0px;}

.TabbedPanelsContent{display:none}

.TabbedPanelsContent.selected{display:inline}
.TabbedPanelsContent .h2{color:#FFF}

.TabbedPanelsTab.selected{border-bottom:solid 1px #FFF; background-color:#FFF}
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font:bold 9pt Tahoma; color:#000;
	background-color: #F4F4F4;
	list-style: none;
	border-left: solid 1px #DDD;
	border-bottom: solid 1px #DDD;
	border-top: solid 1px #DDD;
	border-right: solid 1px #DDD;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}




#footer{height:50px; text-align:right; padding:10px; font-size:12px}
	#footer a{text-decoration:none; color:#000}







.mnkanan {
	background-color:#FFFFFF;
	width:200px;
	height:auto;
	font-size:14px;
	font-weight:bolder;
}

.txmn-knn a {
	text-decoration:none;
	color:#000;
}

.txmn-knn a:hover {
	text-decoration:none;
	color:#999;
}

.txmn-knn a:active {
	text-decoration:none;
	color:#09F;
}



#areakiri2 {
	background:#FFF;
	width:680px;
	min-height:732px;
	height:auto;
	text-align:center;
	margin:10px;
	padding:10px;
	float:right;
}

#areact {
	text-align:left;
	background:rgba(100,100,100,0.7);
	padding:10px;
	color:#FFF;
	font-weight:bold;	
}
#areact2 {
	text-align:left;
	margin-top:10px;
	font-size:14px;	
}

.links {
	color:#000;
}

#in {
	background:#06F;
}

#ltrfoot {
	text-align:center;
	padding:20px;	
}

/*	
	
.header{
	width:945px;
	height:51px;
	background:transparent;
	margin:0 auto;
	}
	
.search-head{
	float:right;
	color:white;
	font:100% Tahoma;
	position:relative;
	top:10px;
	}
	
.textfield{
	width:190px;
	height:20px;
	}
	
.button{
	width:76px;
	background:#6c9aa7;
	padding:5px;
	color:#fff;
	border:none;
	}
	
.banner{
	width:925px;
	height:51px;
	background:#3A5A74;
	padding:10px;
	opacity:0.8;
	filter:alpha(opacity=80);
	}
	
.comment-subject{
	color:gold;
	font: 90% Tahoma;
	font-weight:bold;
	}
	
.comment{
	color:#fff;
	text-decoration:underline;
	font: 80% Tahoma;
	font-weight:bold;
	}
	
.comment-list{
	float:left;
	width:380px;
	max-height:48px;
	color:#fff;
	font: 100% Tahoma;
	text-align:justify;
	margin-left:200px;
	}
	
.socialNetwork{
	color:#fff;
	float:left;
	margin-top:-5px;
	}
	
.socialNetwork ul{
	float:left;
	}
	
.socialNetwork li{
	display:inline;
	padding:5px;
	}
	
.pinguin{
	float:left;
	width:140px;
	margin-top:10px;
	font:32px "Tw Cen MT";
	color:#fff;
	margin-left:30px;
	}
	
.logo{
	position:relative;
	top:-100px;
	left:-10px;
	width:180px;
	height:143px;
	}
	
.menu{
	width:1015px;
	height:45px;
	background:white;
	margin:0 auto;
	margin-top:-143px;
	-moz-box-shadow: 0.5px 0.5px 2px 2px #000;
	-webkit-box-shadow: 0.5px 0.5px 2px 2px #000;
  	box-shadow:         0.5px 0.5px 2px 2px #000;
	}
	
.menu ul{
	margin-right:25px;
	float:right;
	}
	
.menu li{
	display:inline;
	margin-right:10px;	
	text-transform:uppercase;
	font: 75% "Tw Cen MT";
	border-left: 1px black solid;
	padding: 0px 1px 0px 10px;
	}
	
.menu li a{
	color:black;
	text-decoration:none;
	}
	
.menu li a:active, a:hover{
	font-weight:bold;}
	
.content-body{
	width:945px;
	margin:0 auto;
	background:#305570;
	}
	
.content-slide{
	width:600px;
	height:480px;
	float:left;
	}
	
.content-right{
	float:left;
	width:325px;
	height:457px;
	padding:10px;
	background:#09365d;
	overflow:hidden;
	}
	
.content-right-news{
	background:white;
	width:300px;
	height:110px;
	padding:5px;
	color:#000;
	margin:0 auto;
	font:75% Tahoma;
	margin-top:25px;
	overflow:hidden;
	}	
	
.clear{clear:both; padding:0px; height:0px;}

.banner-bottom{
	width:925px;
	background:#2f5570;
	padding:10px;
	margin:0 auto;
	}


.wrapper-banner-left{
	float:left;
	width:290px;
	}
	
.wrapper-banner-center{
	float:left;
	width:290px;
	margin-left:25px;
	}
	
.wrapper-banner-right{
	float:right;
	width:290px;
	}
	
.banner-left{
	width:270px;
	padding:10px;
	float:left;
	background:#0a3454;
	color:white;
	font:75% Tahoma;
	}
	
.banner-left-subject{
	text-align:right;
	float:right;
	width:190px;
	padding:5px;
	background:#0d4a77;
	font:75% Tahoma;
	color:white;
	text-transform:uppercase;
	font-weight:bold;
	}
	
.banner-center{
	width:270px;
	padding:10px;
	float:left;
	background:#cccccc;
	}
	
.banner-center-subject{
	text-align:right;
	float:right;
	width:190px;
	padding:5px;
	background:#fff;
	font:75% Tahoma;
	color:black;
	text-transform:uppercase;
	font-weight:bold;
	}


.banner-right{
	width:270px;
	padding:10px;
	float:left;
	background:#1066a8;
	}
	
.banner-right-subject{
	text-align:right;
	float:right;
	width:190px;
	padding:5px;
	background:#3399ff;
	font:75% Tahoma;
	color:white;
	text-transform:uppercase;
	font-weight:bold;
	}
	
.wrapper-content{
	width:945px;
	margin:0 auto;
	background:#2f5570;
	}
	
.content-left{
	width:600px;
	float:left;
	padding:10px;
	background:#ccc;
	color:#000;
	font:90% Tahoma;
	text-align:justify;
	}
	
.content-left #subject{
	font:90% Tahoma;
	text-transform:uppercase;
	font-weight:bold;
	}
	
.content-right-show{
	width:320px;
	float:left;
	}
	
.list-right-onair{
	width:290px;
	margin:0 auto;
	}

.list-right-content-onair{
	width:270px;
	padding:10px;
	float:left;
	background:#1066a8;
	color:white;
	font:75% Tahoma;
	}
	
.list-right-subject-onair{
	text-align:right;
	float:right;
	width:190px;
	padding:5px;
	background:#3399ff;
	font:75% Tahoma;
	color:white;
	text-transform:uppercase;
	font-weight:bold;
	}
	
.list-right-podcast{
	width:290px;
	margin:0 auto;
	margin-top:10px;
	}

.list-right-content-podcast{
	width:270px;
	padding:10px;
	float:left;
	background:#cccccc;
	color:white;
	font:75% Tahoma;
	}
	
.list-right-subject-podcast{
	text-align:right;
	float:right;
	width:190px;
	padding:5px;
	background:#fff;
	font:75% Tahoma;
	color:black;
	text-transform:uppercase;
	font-weight:bold;
	}
	
.list-right-video{
	width:290px;
	margin:0 auto;
	margin-top:10px;
	}

.list-right-content-video{
	width:270px;
	padding:10px;
	float:left;
	background:#0a3454;
	color:white;
	font:75% Tahoma;
	}
	
.list-right-subject-video{
	text-align:right;
	float:right;
	width:190px;
	padding:5px;
	background:#0d4a77;
	font:75% Tahoma;
	color:white;
	text-transform:uppercase;
	font-weight:bold;
	}
	
	
.footer{
	width:1015px;
	height:45px;
	background:white;
	margin:0 auto;
	-moz-box-shadow: 0.7px 0.7px 3px 3px #ccc;
	-webkit-box-shadow: 0.7px 0.7px 3px 3px #ccc;
  	box-shadow:         0.7px 0.7px 3px 3px #ccc;
	}
	
.footer ul{
	margin-right:22px;
	float:right;

	}
	
.footer li{
	display:inline;
	margin-right:10px;	
	text-transform:uppercase;
	font: 75% "Tw Cen MT";
	border-left: 1px #666 solid;
	padding: 0px 1px 0px 10px;
	color:#666;
	font-weight:bold;
	}
	
.footer li a{
	text-decoration:none;
	color:#666}
	
.footer li a:hover{
	font-weight:lighter;}
	
.footer-copy{
	width:945px;
	margin:0 auto;
	text-align:right; 
	font:80% Tohama;
	color:#666;
	}
*/
#day {margin: 0; padding: 0px;  }
#day li {float:left; display:table-cell; width: 84px;  vertical-align:text-bottom; list-style:none; text-align:center; font:10pt Arial ; font-weight: bold; padding: 10px 0 10px 0; margin-right:  1px; margin-left: 1px; background: #256CAE; color:#FFF}
#day li:hover {background: red; cursor:pointer;}

#link {width:100px; height:139px; float:left; outline:1px solid rgb(228, 228, 228); margin:5px; padding:5px;}
#link a {color:#000; text-decoration:none; font-weight:bold;}
#link a:hover {text-decoration:underline;}

#div {background:#FFF; border-radius:7px; box-shadow:1px 2px 2px 1px #999; margin:10px; padding:0px;}
#div a {display:inline-table; margin:5px;}