@charset "utf-8";
/* CSS Document */
body{
	padding:0px;
	margin:0px;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	background-attachment: fixed;
	height:100%;
	background-color:#FFFFFF;
}
p{
	margin:0px;
	padding:0px 0px 3px 0px;
}
a{
	color:#003399;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a img{
	border:0px;
}
.img-mid{
	vertical-align:middle;
}
body, td{
	font-family:Tahoma, "MS Sans Serif";
	font-size:12px;
}
ul{
	margin:0px;
	padding:0px 0px 0px 2px;
	list-style:none;
	/*border:solid 1px;*/
}
.world{
	background-image:url(../images/bg-sky.jpg);
	background-repeat:repeat-x;
}
.top-sky{
	background-image:url(../images/top-bg.jpg);
	background-repeat:no-repeat;
	padding-top:100px;
	/*display:none;*/
}
.main-body{
	width:730px;
	margin:0px auto 0px auto;
}
.main-top{
	background-image:url(../images/rd-im1_06.png);
	height:83px;
	border:solid 1px #34a7db;
	position:relative;
}
.main-top h1{
	display:none;
}
.main-top .main-header{
	position:relative;
	top:-12px;
	left:80px;
	background-image:url(../images/rd-top_03.gif);
	width:645px;
	height:96px;
}
.main-content{
	margin-top:10px;
}
.main-content .sec1{
	background-image:url(../images/rd-im1_10.png);
	width:548px;
	height:419px;
	float:left;
	margin-right:20px;
	/*position:relative;*/
}
.main-content .sec2{
	/*background-color:#FF0000;*/
	width:150px;
	float:left;
}
.bird{
	background-image:url(../images/bird.gif);
	width:201px;
	height:253px;
	top:-85px;
	left:-80px;
	position:absolute;
}
.media-info{
	height:230px;
}
.media-info .info-sec1{
	width:190px;
	margin:0px 0px 0px 20px;
	float:left;
	/*border:solid 1px #FFFFFF;*/
}
.media-info .info-sec2{
	width:300px;
	float:left;
	/*border:solid 1px #FFFFFF;*/
}
.media-list{
	margin-left:20px;
	font-size:0.8em;
}
.media-list ul{
	position:relative;
	/*height:130px;*/
}
.media-list .audio-list{
	width:165px;
	float:left;
	margin-right:8px;
	position:relative;
}
/*.media-list .audio-list ul a{
	background-image:url(../images/bg-trans.png);
	display:block;
	padding:1px;
	margin-bottom:2px;
	color:#336699;
	width:130px;
}*/


li.audio{
	background-image:url(../images/9_64.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:17px;
	
}
/*li.audio */
.list-name{
	/*background-image:url(../images/bg-trans.png);*/
	background-color:#b5d0e5;
	display:block;
	padding:2px;
	margin-bottom:2px;
	color:#336699;
	/*position:relative;*/
	width:130px;
	cursor:pointer;
	clear:both;
}
.list-name .lb-name{
	width:95px;
	float:left;
}
.list-name .ctrl-play{
	width:35px;
	float:right;	
}
.list-name .ctrl-play a{
	padding-left:2px;
}
li.audio span a{
	/*display:none;*/
}
li.audio span:hover a{
	/*display:inline;*/
}
li.vdo{
	/*list-style:url(../images/9_63.gif);*/
	background-image:url(../images/9_63.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:17px;
	
}
li.vdo{
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:17px;
}
li.hold{
	border:dashed 1px #006699;
	color:#003366;
	padding:2px;
	width:135px;
}
.media-list .vdo-list{
	width:165px;
	/*height:200px;*/
	float:left;
	margin-right:8px;
	position:relative;
}
/*.media-list .vdo-list ul{
	position:relative;
	height:130px;
}*/
/*.media-list .vdo-list ul a{
	background-image:url(../images/bg-trans.png);
	display:block;
	padding:1px;
	margin-bottom:2px;
	color:#336699;
	width:130px;
}*/
.media-list .your-list{
	width:165px;
	float:left;
	/*border:solid 1px;*/
	/*height:200px;*/
}
.media-list .your-list ul{
	/*position:relative;
	height:130px;*/
	/*border:solid 1px;*/
	/*z-index:999999;
	position:absolute;*/
}
/*.media-list ul{
	height:125px;
	overflow:scroll;
}*/
.media-list-header{
	color:#003366;
	margin-bottom:5px;
}
.clear{
	clear:both;
}

.bird, .main-header, .sec1, .logo1, .list-name{
	/*behavior: url(css/iepngfix.htc);*/
}
.play-on{
	color:#996600;
	text-decoration:none;
}
.play-on:hover{
	color:#990000;
	text-decoration:none;
}
/**/
#dragDropIndicator{	/* DIV for the small arrow */
	position:absolute;
	width:7px;
	height:10px;
	display:none;
	z-index:1000;
	margin:0px;
	padding:0px;
}
#ctrl_play{
	position:absolute;
	/*border:solid 1px #0099CC;*/
	display:none;
}
.logo1{
	background-image:url(../images/logo1.jpg);
	width:154px;
	height:92px;
	margin:10px 0px 0px 10px;
}
.lastest-list{
	color:#FFFFFF;
}
.lastest-list .media-list-header{
	color:#FFFFFF;
	margin-left:5px;
}
.lastest-list ul{	
	height:125px;
	overflow:auto;
	font-size:0.8em;
}
.lastest-list ul li{
	width:140px;
	background-color:#333333;
	padding:2px 2px 2px 20px;
	margin-bottom:1px;
	border-bottom: dotted 1px #666666;
	overflow:hidden;
}
.lastest-list ul li a{
	color:#FFFFFF;
	text-decoration:none;
}
.lastest-list ul li a:hover{
	text-decoration:underline;
}
.ct-add, .ct-remove{
	display:none;
}
#playlist_desc .ct-add{
	display:none;
}
#playlist_desc .ct-remove{
	display:inline;
}
#vdo_list .ct-add, #audio_list .ct-add{
	display:inline;
}
#vdo_list .ct-remove, #audio_list .ct-remove{
	display:none;
}
/*SLIDE>>*/
.scroll-div{
	height:130px; overflow:hidden; width:155px; float:left; position:relative;
}
/*#playlist_desc, #audio_list, #vdo_list{
	position:absolute; top:0px; left:0px;
}*/
.scroll-slider{
	width:5px; float:left;
}
/*<<SLIDE*/