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

/*RightSideBar*/

.columnContainer #container #maincontainer #middlesidebar #rightsidebar .title{height:28px; background:url(/img/design/pmc_bcgrstitle1.jpg) left top no-repeat; border-right:1px solid #608bb8; border-top:1px solid #a2d1f3; border-left:1px solid #a2d1f3; color:#fff; font-weight:bold; text-align:left; margin-left:-1px; margin-bottom:5px; }
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .title a p{ color:#fff; font-weight:bold; margin:5px 0 0 20px;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .title a:hover p{ color:#025364;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .main{ /*background:#396e79 url(/img/design/pmc_bcg_rightsidebar.gif) top repeat-x;*/ padding:0 0 0 0; height:100%;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight{ margin:0 5px 5px 5px;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight p{ text-align:left; padding:8px; color:#767676;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .title{position:relative; height:23px; /*height:100%; */background:#76a6cb; border:1px solid #76a6cb; color:#fff; font-weight:bold; text-align:left; padding:0; margin-bottom:-5px;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .title a{ color:#fff;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .title a:hover{ text-decoration:none;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .title p{ position:relative;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .title a p{ color:#fff; font-weight:bold; margin:-5px 0 0 10px;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .title a:hover p{ text-decoration:underline;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .main{ border:1px solid #ecf1f5; border-top:none; background:#ecf1f5; padding:5px 0 0 0; height:100%;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .main a{ color:#fff;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight ul{ margin:0 0 0 20px; padding:0 10px; margin-bottom:8px; text-align:left;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight li{ padding:2px 0;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight li.blue{  list-style-image:url(/img/design/pmc_liblue_point.gif); list-style-position:outside;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight li.blue a{ text-decoration:underline; color:#0072bc;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight li.blue a:hover{ text-decoration:none;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight li.yellow{ list-style-image: url(/img/design/pmc_liyellow_point.gif); list-style-position:outside;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight li.yellow a{text-decoration:underline; color:#f07f1f;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight li.yellow a:hover{text-decoration:none;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight li.red{  list-style-image: url(/img/design/pmc_lired_point.gif); list-style-position:outside;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight li.red a{text-decoration:underline; color:#b52363;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight li.red a:hover{text-decoration:none;}

.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .bottomBox{clear:both; background:#dfe9f1; height:24px; padding-top:3px; padding-left:5px;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .bottomBox a .blue{ float:left; margin:0px 3px 3px 7px; padding:3px 0 0 15px; background:url(/img/design/pmc_liblue2_point.gif) left center no-repeat; color:#0072bc; cursor:pointer;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .bottomBox a .yellow{ float:left; margin:0px 3px 3px 7px; padding:3px 0 0 15px; background:url(/img/design/pmc_liyellow2_point.gif) left center no-repeat; color:#f07f1f; cursor:pointer;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .bottomBox a .red{ float:left;  margin:0px 3px 3px 7px; padding:3px 0 0 15px; background:url(/img/design/pmc_lired2_point.gif) left center no-repeat; color:#b52363; cursor:pointer;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .bottomBox a:hover .blue, .columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .bottomBox a:hover .yellow, .columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .bottomBox a:hover .red{ text-decoration:underline;}

.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .bottomBox ul.bottom{margin:0; padding:0; }
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .bottomBox ul.bottom li{padding:0; margin-left:15px;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .bottomBox ul.bottom li.blue{ float:left; list-style-image:url(/img/design/pmc_liblue2_point.gif); list-style-position:inside; color:#2ed4cc;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .bottomBox ul.bottom li.blue a{}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .bottomBox ul.bottom li.yellow{float:left; list-style-image: url(/img/design/pmc_liyellow2_point.gif); list-style-position:inside; color:#ffb400;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .bottomBox ul.bottom li.yellow a{}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .bottomBox ul.bottom li.red{float:left; list-style-image: url(/img/design/pmc_lired2_point.gif); list-style-position:inside; color:#f2448a;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .bottomBox ul.bottom li.red a{}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .bottomBox2 {clear:both; background:#dfe9f1;  width:100%; height:20px; padding-top:-5px;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .bottomBox2 a p{ font-size:11px; text-decoration:underline; text-align:left; margin:0 0 0 15px; padding: 2px 0 5px 0; color:#0072bc;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .bottomBox2 a:hover p{ text-decoration:none; }
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .boxEntertement{ position:relative; float:left; width:142px; margin:8px 0;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .boxEntertement img{ border:1px solid #707070;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .boxEntertement a:hover img{filter:alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .boxEntertement a p { clear:both; text-decoration:underline; text-align:left; padding:0 3px 0 6px; font-size:11px; color:#333;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .boxEntertement a:hover p {text-decoration:none; }
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .boxEntertement .nameSong a{ color:#0072bc; font-size:10px; margin-top:-9px;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .boxEntertement .nameActor a{ color:#0072bc; font-size:11px; text-decoration:underline;} 


.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight img{ margin:0 5px;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight #videoIcon{ background-image:url(/img/design/pmc_video_ico.gif); background-repeat:no-repeat;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .boxEntertement .videoPoint{position:absolute; z-index:320; background-position:0 -86px; width:17px; height:17px; top:78px; left:7px;}

/* Right Box music 09/07/30*/
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .row1{ margin:0 0 2px 0 ; padding:5px 3px 5px 5px; background:#dfe9f1; width:270px; display:inline-block;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .row2{ margin:0 0 2px 0; padding:5px 3px 5px 5px; background:none; width:270px;  display:inline-block;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight a img{ float:left; border:none; background:none;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .elememtsMus{ float:left; width:240px; padding-top:-5px;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .nameArtist{ color:#0072bc; font-size:11px; font-weight:bold; }
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .nameSong{ color:#0072bc; font-size:10px; margin-top:-9px;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .legendSong{ color:#0072bc; font-size:8px; font-weight:bold; margin:4px 0 -1px 0;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .nameActor a{ color:#0072bc; font-size:11px; text-decoration:underline;} 
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .nameActor a:hover{ text-decoration:none;} 
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .playing{ float:left; background-position:-31px -23px; width:17px; height:17px; margin-top:0; cursor:pointer;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .paused{ float:left; background-position:-31px -2px; width:17px; height:17px; margin-top:0; cursor:pointer;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .div_dashed_act{ float:left; margin:5px 0 0 5px; padding:0; z-index:29998;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .textRate{ float:left;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .ratetxt{ color:#fff; font-size:11px; font-weight:bold; padding:0 5px;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .commenttxt a{ float:left; height:15px; margin-top:6px; color:#fff; font-size:9px; font-weight:bold; text-decoration:underline; padding:0 15px 0 5px; background: url(img/design/pmc_actor_icocomm.gif) right center no-repeat;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .styletxt{ float:left; height:15px; margin-top:2px; color:#333; font-size:9px; font-weight:bold; padding:0 8px;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .styletxt a{color:#333; font-size:9px; font-weight:bold; text-decoration:underline; }

.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .timer{ float:right; color:#0072bc; font-size:11px; padding:12px 0 8px 0;}
/* end 09/07/30*/


.columnContainer #container #maincontainer #middlesidebar #rightsidebar div.clear{ clear:both; padding:0; margin:0;}
/*----popup------*/

.music_info_wrapper {
	DISPLAY: none; Z-INDEX: 30000; LEFT: 90%; MARGIN-LEFT: -350px; WIDTH: 310px; POSITION: absolute; TOP: 180px; color:#FFF; 
}
.music_info_content {
	BACKGROUND:#76a6cb;
}
.music_info_content TD {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: top; PADDING-TOP: 5px; TEXT-ALIGN: left
}
.music_info_content .title {
	FONT-WEIGHT: bold; MARGIN-BOTTOM: 8px
}
.music_info_shadow_top {
	BACKGROUND: url(/img/design/pcm_glow_shadow_top.png) no-repeat 50% bottom; HEIGHT: 21px;
}
.music_info_shadow_bottom {
	BACKGROUND: url(/img/design/pcm_glow_shadow_bottom.png) no-repeat 50% bottom; LINE-HEIGHT: 11px; HEIGHT: 16px;
}
.music_info_shadow_left {
	BACKGROUND: url(/img/design/pcm_glow_shadow_l.png) repeat-y; WIDTH: 3px;
}
.music_info_shadow_right {
	BACKGROUND: url(/img/design/pcm_glow_shadow_r.png) repeat-y; WIDTH: 5px;
}

/*----end popup------*/



/*--- start block Friends*/
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight{ margin:0 5px 5px 5px;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight p{ text-align:left; padding:8px; color:#767676;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .title{position:relative; height:23px; /*height:100%; */background:#76a6cb; border:1px solid #76a6cb; color:#fff; font-weight:bold; text-align:left; padding:0; margin-bottom:-5px;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .title a{ color:#fff;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .title a:hover{ text-decoration:none;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .title p{ position:relative;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .title a p{ color:#fff; font-weight:bold; margin:-5px 0 0 10px;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .title a:hover p{ text-decoration:underline;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .main{ border:1px solid #ecf1f5; border-top:none; background:#ecf1f5; padding:5px 0 0 0; height:100%;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .main a{ color:#fff;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .main a.tag{ color:#767676;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .boxRight .main a:hover.tag{ text-decoration:underline;}



.columnContainer #container #maincontainer #middlesidebar #rightsidebar .block15{ margin:0 5px 5px 5px;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .block15 .title{ height:23px; background:#76a6cb; border:1px solid #76a6cb; color:#fff; font-weight:bold;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .block15 .title .leftPart{ position:relative; float:left; width:180px; margin-top:5px;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .block15 .title .rightPart{ position:relative; float:left; margin-top:5px;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .block15 .title .leftPart a, .columnContainer #container #maincontainer #middlesidebar #rightsidebar .block15 .title .rightPart a{ color:#fff; font-weight:bold; margin:0 0 0 20px;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .block15 .title p a:hover{ color:#cae6fa;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .block15 .main{  border:1px solid #ecf1f5; border-top:none; background:#ecf1f5; padding:5px 0 0 0; height:100%; display:inline-block;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .block15 .last{ width:90%; padding:10px 0;  margin-left:12px; display:inline-block;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .block15 .last img{ border:1px solid #f8f8f8; margin:0 15px; float:left;}

/*.columnContainer #container #maincontainer #middlesidebar #rightsidebar .block15 .last a:hover img{ border:1px solid #f26900;}*/
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .block15 .last a p{ margin:8px 0;}
.columnContainer #container #maincontainer #middlesidebar #rightsidebar .block15 .last a:hover p{ text-decoration: underline;}

.block15 #jsddm
{	margin:0 0 -20px 0;
	padding: 0;}
	.block15 #jsddm li
	{	clear:both;
		border-bottom:1px dashed #666666;
		width:100%;
		list-style: none;
		font: 11px, Arial;
		text-align:left;}
	.block15 #jsddm li .last a p{ color:#fff;}
	.block15 #jsddm li a
	{	display: block;
		background:none;
		padding: 3px 0;
		text-decoration: none;
		width: 70px;
		white-space: nowrap}

	.block15 #jsddm li a:hover
	{	background: none;}
		
		.block15 #jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			margin:-25px 0 0 20px;
			visibility: hidden;
			z-index:3000;}
		
			.block15 #jsddm li ul li
			{	float: none;
				display: inline;
				width:168px;}
			.block15 #jsddm li ul li a.top{width:168px; height:16px; background:url(/img/design/pmc_popupcab_up.png) left  bottom no-repeat;}
			.block15 #jsddm li ul li a:hover.top{ background:url(/img/design/pmc_popupcab_up.png) left  bottom no-repeat;}
			.block15 #jsddm li ul li a.bottom{width:168px; height:16px; background:url(/img/design/pmc_popupcab_down.png) left top no-repeat;}
			.block15 #jsddm li ul li a:hover.bottom{background:url(/img/design/pmc_popupcab_down.png) left top no-repeat;}
			
			.block15 #jsddm li ul li a
			{	width:168px;
				background: #A9C251;
				background:url(/img/design/pmc_popupcab_bcg.png) left top repeat-y;
				font-size:11px;
				padding:7px 7px;}
			
			.block15 #jsddm li ul li a:hover{width:168px; background:url(/img/design/pmc_popupcab_bcg2.png) left top repeat-y;}
			.block15 #jsddm li ul li a img{border:none; float:left; margin:-4px 6px 0 0;}
/*----------------------------------------*/






/*Opera 9.5*/
@media not all and (-webkit-min-device-pixel-ratio) {
   
   
   
}
/*Opera 9.2*/
@media all and (scan: progressive) {



}