/* CSS Document */


Body{
	font-family: Helvetica, Verdana, Arial, "新細明體";
	font-size: 12px;
	-webkit-text-size-adjust:none;}
	
input, select{
	font-size:12px;
	color:#6f685f;
	line-height:21px;}
p{
margin:0;
padding:0;}
	
.clearfix{ clear: both;}

a{outline: none;-moz-outline-style: none;}

form{
padding:0;
margin:0;}

input[type='button']{cursor:pointer;}
/*---------- sidebar ----------*/

.twoColHybLtHdr #sidebar{
	float: left;
	width:250px;
	min-height:600px;
	padding:0 5px 0 0;
	margin:0 ;
	background:url(/navigate/images/navigate/bg_nav02.gif) repeat-y left;}
#allMySpace{width:250px;}
	
#sidebar p{
	margin:0;
	padding:0;
	clear:both;}
/*-- search --*/
	
	.search_box{position:relative; margin-left: 15px; float:right; width:187px; height:30px;}
	.search_box .search_icon{
	position:absolute; 
	top:6px; 
	left:5px;
	z-index:990; 
	padding:0; 
	display:block; 
	width:25px; 
	height:25px; 	
	background:url(/navigate/images/navigate/search_icon.png) 0 0 no-repeat;}
	
	.search_box .search_icon.on{ background-position:0 0px;}
	.search_box .search_icon.off{background-position:0 0;}
	.search_box .search_icon.close{background-position:0 0; cursor: text;}
	.search_box .search_icon.loading{background: url(/navigate/images/ajax-loader.gif) 0 0 no-repeat;}
	.search_box .search_input{
	width:160px;	
	padding:6px 0px 6px 25px ;
	border: 1px solid #666;
	color: #555;
	font-size:13px;	
	background:#f3f3f3;
	position:absolute;
	z-index:888;
	}
	.search_box span.show{ 
	float:right; 	
	padding:3px 5px; 
	padding-top:6px \0/;	
	color:#FFF; 
	text-align:center; 
	font-weight: bold;
	font-size: 11px;
	border-bottom: 0px solid #888;
	border-right: 0px solid #888;
	background: #D10000;
	cursor:context-menu; }
	
	.search_icon{ width:220px;}
	.search_icon li{}
	.search_icon li a{}
	

	.side_search .option a{
	display: block;
	background: url(/navigate/images/navigate/line01.gif) repeat-x top;
	color: #a1a8ad;
	text-decoration: none;
	line-height:33px;}

	ul.sidebar_on{
	background:#f5f5f5 url(/navigate/images/navigate/bg_nav05.jpg) repeat-x top;
	margin:0;
	padding:10px 20px;
	color: #a1a8ad;
	width:210px;}
	ul.sidebar_on li{
	margin:0;
	padding:0;}
		
	.saveditem .search_word{
		display: inline-block;
		width: 160px;
		white-space: nowrap;
		overflow: hidden; 
		text-overflow:ellipsis;
	}
	
	
	/*--bg--*/	
	.side_space, .side_tag, .side_att, .side_share, .side_savesearch, .side_circle{
	background: #f3f3f3 url(/navigate/images/navigate/bg_nav01.jpg) repeat-x top;
	padding-bottom:5px;}

	/*--a--*/
	.side_space p a, .side_tag p a, .side_att p a, .side_share p a, .side_circle p a{
	display:block;
	padding:0 0 0 30px;
	color:#6c6c6c;
	line-height:26px;
	text-decoration: none;}
	
	.side_space p a:hover, .side_tag p a:hover, .side_att p a:hover, .side_share p a:hover, .side_circle p a:hover{
	background:url(/navigate/images/navigate/bg_nav04over.jpg) repeat-x top;}
	
	/*--btn down style--*/
	.side_space p a.down, .side_tag p a.down, .side_att p a.down, .side_share p a.down, .side_circle p a.down{
	background:url(/navigate/images/navigate/bg_nav04down.jpg) repeat-x top;
	display:block;
	padding:0 0 0 30px;
	color:#ffffff;
	line-height:26px;
	text-decoration: none;}
	
	.side_space p a.loading, .side_tag p a.loading, .side_att p a.loading, .side_share p a.loading, .circlefolder p a.loading{
		background:url(/navigate/images/ajax-loader.gif) no-repeat right;
		display:block;
		margin-right: 23px;
		line-height:26px;
		text-decoration: none;
	}

/*-- save search --*/	
	.side_savesearch{}
		#savesearchlist p{
		position:relative;
		padding:0 30px 0 30px;}
		#savesearchlist a{
		font-size: 12px;
		line-height: 22px;
		color: #4e7b9c;
		text-decoration: none;}
		#savesearchlist a:hover{
		color: #36556B;
		text-decoration: underline;}
		#savesearchlist a.del{
		background:url(/navigate/images/navigate/btn_delsearch.gif) no-repeat bottom;
		display:block;
		width:19px;
		height:19px;
		position:absolute;
		top:2px;
		right:20px;}
		#savesearchlist a.del:hover{
		background:url(/navigate/images/navigate/btn_delsearch.gif) no-repeat top;}
	
	
.account_box{
	background:url(/navigate/images/navigate/bg_nav03.jpg) repeat-x top;
	padding:10px 10px 10px 30px;
	color: #59544e;
	line-height:24px;
	font-size: 11px;}
	
.verify_hint{
	width: auto; padding: 5px 5px; color: #025F86; border-color: orange; border-width: 1px; border-style: dotted; line-height: 15px;
}

.verify_hint a{
	color:#F57A1A;	
	text-decoration: none;
}

.verify_hint a:hover{
	text-decoration: underline;
}
/*---------- Main Content ----------*/


#mainContent{}
#browesLocation{
	background:#6c6258 url(/navigate/images/navigate/bg_BrowesLocation.jpg) repeat-x top;
	padding: 14px 20px 0px 25px;
	border-bottom: 1px solid #5B5249;}
	
	.path{
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 24px;
	vertical-align:baseline;}
	
	.path b{color:#F5CC4A}
	
	.path a{
		font-weight: normal;
		color: #FFFFFF;
		text-decoration: none;
		display: block;
		float: left;
		padding-right: 20px;
		background: url(/navigate/images/navigate/icon_path.gif) no-repeat right center;}
	.path a:hover{
		text-decoration: underline;}
		
		
	.amount{
	font-size: 11px;
	color: #bdbbb9;
	margin-bottom:8px;
	_margin-bottom:4px;
	}
	
		.amount a{
		color: #D9D8D7;
		text-decoration: none;}
		.amount a:hover{
		text-decoration: underline;}


.browesContent li input[type="checkbox"]{margin-top:6px !important;}


/*-------- BTN --------*/
	.btn, .btn input {
		cursor: pointer;
	}
	.func{
		min-width: 700px;
    	*min-width: auto;
	}
	.func, .stickedFunc{
	display:block;
	padding-bottom:4px;}
	
		.func a, .stickedFunc a{
		/**display: block;
		float: left;**/
		border: 1px solid #49443f;
		color: #4f4941;
		text-decoration: none;
		margin:0 1px 0 0;
		white-space: nowrap;
		padding:5px 6px 5px 30px;
		padding:6px 6px 4px 30px\9;
		line-height:32px;}
		.func a:hover, .stickedFunc a:hover{
		border: 1px solid #4f4a44;
		color: #008ac4;
		text-decoration: none;}
		
		a.btn_newfolder{
		background:#bebbb6 url(/navigate/images/navigate/btn_newfolder.gif) no-repeat left bottom;}
		a.btn_newfolder:hover{
		background:#f5f2ed url(/navigate/images/navigate/btn_newfolder.gif) no-repeat left top;}
		
		a.btn_upload{
		background:#bebbb6 url(/navigate/images/navigate/btn_upload.gif) no-repeat left bottom;}
		a.btn_upload:hover{
		background:#f5f2ed url(/navigate/images/navigate/btn_upload.gif) no-repeat left top;}
		
		a.btn_video{
		background:#bebbb6 url(/navigate/images/navigate/btn_video.gif) no-repeat left bottom;}
		a.btn_video:hover{
		background:#f5f2ed url(/navigate/images/navigate/btn_video.gif) no-repeat left top;}
		
		a.btn_del{
		background:#bebbb6 url(/navigate/images/navigate/btn_del.gif) no-repeat left bottom;}
		a.btn_del:hover{
		background:#f5f2ed url(/navigate/images/navigate/btn_del.gif) no-repeat left top;}
		
		a.btn_newfile{
		background:#bebbb6 url(/navigate/images/navigate/btn_newfile.gif) no-repeat left bottom;}
		a.btn_newfile:hover{
		background:#f5f2ed url(/navigate/images/navigate/btn_newfile.gif) no-repeat left top;}
		
		a.btn_copy{
		background:#bebbb6 url(/navigate/images/navigate/btn_copy.gif) no-repeat left bottom;}
		a.btn_copy:hover{
		background:#f5f2ed url(/navigate/images/navigate/btn_copy.gif) no-repeat left top;}
		
		a.btn_move2{
		background:#bebbb6 url(/navigate/images/navigate/btn_move.gif) no-repeat left bottom;}
		a.btn_move2:hover{
		background:#f5f2ed url(/navigate/images/navigate/btn_move.gif) no-repeat left top;}

		a.btn_restore {
			background: #bebbb6 url(/navigate/images/navigate/btn_undo.gif) no-repeat left bottom;
		}

		a.btn_restore:hover {
			background: #f5f2ed url(/navigate/images/navigate/btn_undo.gif) no-repeat left top;
		}

		a.btn_zipdownload{
		background:#bebbb6 url(/navigate/images/navigate/btn_zipdownload.gif) no-repeat left bottom;}
		a.btn_zipdownload:hover{
		background:#f5f2ed url(/navigate/images/navigate/btn_zipdownload.gif) no-repeat left top;}
	
		a.btn_backpage{
		background:#bebbb6 url(/navigate/images/navigate/btn_backpage.gif) no-repeat left bottom;}
		a.btn_backpage:hover{
		background:#f5f2ed url(/navigate/images/navigate/btn_backpage.gif) no-repeat left top;}
	
		a.btn_savesearch{
		background:#bebbb6 url(/navigate/images/navigate/btn_savesearch.gif) no-repeat left bottom;}
		a.btn_savesearch:hover{
		background:#f5f2ed;
		/* padding:5px 6px 5px 6px; */ 
		/* padding:6px 6px 4px 6px\9; */ }
		a.btn_savesearch:hover{
		background:#f5f2ed url(/navigate/images/navigate/btn_savesearch.gif) no-repeat left top;}
		
		a.btn_favshare{
	 	background:#bebbb6;
	 	padding:5px 6px 5px 6px;
		padding:6px 6px 4px 6px\9;}
		
		a.btn_refresh{
		background:#bebbb6 url(/navigate/images/navigate/btn_refresh.gif) no-repeat left bottom;}
		a.btn_refresh:hover{
		background:#f5f2ed url(/navigate/images/navigate/btn_refresh.gif) no-repeat left top;}
	.browesContent ul .btn_remove_25{
		right: 50px;
		background: url(/navigate/images/icon_remove.png) no-repeat 0 0;
	}
	 .browesContent ul .btn_remove_25.iod_true, 
	 .browesContent ul .btn_remove_25.f-26,
	 .browesContent ul .btn_remove_25.share_collect,
	 .browesContent ul .btn_download_25.share,
	 .browesContent ul .btn_remove_25.f-77,
	 .browesContent ul .btn_remove_25.f-20,
	 .browesContent ul .btn_remove_25.f-80.other,	
	 .browesContent ul .btn_remove_25.pubshr_false,
	 .browesContent ul .btn_download_25.isbak_true.pubshr_false,
	 .browesContent ul .btn_download_25.other.isbulletin,
	 .browesContent ul .fo.btn_rename_25.s-3.pubshr_false.ulimit_true {
		right: 20px;
	}
	
	.browesContent ul .btn_rename_25{
		right: 110px;
		background: url(/navigate/images/icon_rename.png) no-repeat 0 0;
	}.browesContent ul .btn_rename_25.fo,
	 .browesContent ul .btn_rename_25.f-77,
	 .browesContent ul .btn_rename_25.f-20,
	 .browesContent ul .btn_rename_25.f-80.other,
	 .browesContent ul .btn_rename_25.pubshr_false,
	 .browesContent ul .btn_rename_25.snd_false{
		right: 80px;
	}.browesContent ul .btn_download_25{
		right: 80px;
		background: url(/navigate/images/icon_download.png) no-repeat 0 0;
	}.browesContent ul .btn_download_25.isbak_true, 
	 .browesContent ul .btn_download_25.f-26, 
	 .browesContent ul .btn_download_25.iod_true,
	 .browesContent ul .btn_download_25.f-77,
	 .browesContent ul .btn_download_25.f-20,
	 .browesContent ul .btn_download_25.f-80.other,
	 .browesContent ul .btn_download_25.pubshr_false,
	 .browesContent ul .btn_rename_25.fo.s-3,
	 .browesContent ul .btn_rename_25.fo.f-77, 
	 .browesContent ul .btn_rename_25.fo.f-80.other, 
	 .browesContent ul .btn_rename_25.fo.f-20, 
	 .browesContent ul .btn_rename_25.share_collect,
	 .browesContent ul .btn_rename_25.f-77.snd_false, 
	 .browesContent ul .btn_rename_25.f-20.snd_false, 
	 .browesContent ul .btn_rename_25.pubshr_false.snd_false,
	 .browesContent ul .fo.btn_rename_25.pubshr_false.ulimit_true,
	 .browesContent ul .fo.btn_remove_25.pubshr_false.collaboration_true.ulimit_false,
	 .browesContent ul .btn_rename_25.fo.pubshr_false.collaboration_false.ulimit_false{
		right: 50px;
	}
	.browesContent ul .btn_remove_25.f-26.pubshr_false.ulimit_false,
	.browesContent ul .btn_remove_25.fo.pubshr_false.collaboration_false.ulimit_false,
	.browesContent ul .btn_remove_25.fo.f-80.other.ulimit_false{
		right: 20px;
	}
	
	.browesContent ul .btn_rename_25,
	.browesContent ul .btn_download_25, 
	.browesContent ul .btn_remove_25 {
		cursor: pointer;
		display: none;
		float: right;
		position: absolute;
		width: 25px;
		height: 25px;
		top: 12px;	
		
	}.browesContent ul:hover .btn_rename_25, .browesContent ul:hover .btn_download_25, .browesContent ul:hover .btn_remove_25 {
		display: block;
		filter:Alpha(Opacity=40, FinishOpacity=40, Style=4); /* IE */
		-moz-opacity:0.4; /* Moz + FF */
		opacity:0.4; /* CSS3 */
	}.browesContent ul:hover .btn_rename_25:hover, .browesContent ul:hover .btn_download_25:hover, .browesContent ul:hover .btn_remove_25:hover {
		display: block;
		filter:Alpha(Opacity=100, FinishOpacity=100, Style=10); /* IE */
		-moz-opacity:1; /* Moz + FF */
		opacity:1; /* CSS3 */
	}
	
	.browesContent ul .btn_share_25 {
		float: right;
		position: absolute;
		width: 25px;
		height: 25px;
		right: 20px;
		top: 12px;

	}.browesContent ul .btn_share_25.pubshr_false.collaboration_false{
		display:none;
	}.browesContent ul .btn_share_25.unshare{
		background: url(/navigate/images/share/logo_25x25.png) no-repeat 0 0;
		filter:Alpha(Opacity=40, FinishOpacity=40, Style=4); /* IE */
		-moz-opacity:0.1; /* Moz + FF */
		opacity:0.1; /* CSS3 */
	}.browesContent ul .btn_share_25.share{
		background: url(/navigate/images/share/logo_25x25.png) no-repeat 0 0;
	}.browesContent ul .btn_share_25.collaboration{
		background: url(/navigate/images/share/logo_25x25.png) no-repeat 0 0;
	}.browesContent ul:hover .btn_share_25{
		filter:Alpha(Opacity=100, FinishOpacity=100, Style=10); /* IE */
		-moz-opacity:1; /* Moz + FF */
		opacity:1; /* CSS3 */
	}.browesContent ul:hover .btn_share_25.unshare{
		filter:Alpha(Opacity=40, FinishOpacity=40, Style=4); /* IE */
		-moz-opacity:0.4; /* Moz + FF */
		opacity:0.4; /* CSS3 */
	}.browesContent ul:hover .btn_share_25.share:hover, .browesContent ul:hover .btn_share_25.unshare:hover{
		background: url(/navigate/images/share/logo_25x25.png) no-repeat 0 0;
		filter:Alpha(Opacity=100, FinishOpacity=100, Style=10); /* IE */
		-moz-opacity:1; /* Moz + FF */
		opacity:1; /* CSS3 */
	}.browesContent ul:hover .btn_share_25.collaboration:hover,
	 .browesContent ul:hover .btn_share_25.unshare.pubshr_false:hover{
		background: url(/navigate/images/share/logo_25x25.png) no-repeat 0 0;
		filter:Alpha(Opacity=100, FinishOpacity=100, Style=10); /* IE */
		-moz-opacity:1; /* Moz + FF */
		opacity:1; /* CSS3 */
	}
	.browesContent ul .btn_share_25.disconnect{
		right: 20px;
		background: url(/navigate/images/icon_remove.png) no-repeat 0 0;
		filter:Alpha(Opacity=50, FinishOpacity=50, Style=5); /* IE */
		-moz-opacity:0.5; /* Moz + FF */
		opacity:0.5; /* CSS3 */
	}.browesContent ul:hover .btn_share_25.disconnect{
		filter:Alpha(Opacity=50, FinishOpacity=50, Style=5); /* IE */
		-moz-opacity:0.5; /* Moz + FF */
		opacity:0.5; /* CSS3 */
	}.browesContent ul:hover .btn_share_25.disconnect:hover{
		filter:Alpha(Opacity=100, FinishOpacity=100, Style=10); /* IE */
		-moz-opacity:1; /* Moz + FF */
		opacity:1; /* CSS3 */
	}

	.browesContent ul .btn_download_25.snd_false{
		display: none;
	}

.browesContent{}
	.title{
	background: url(/navigate/images/navigate/bg_BrowesSort.jpg) repeat-x;
	height: 30px;
	color: #FFFFFF;
	line-height: 30px;
	padding:0 0 0 65px;

	*z-index:-1;/*IE*/}
		#floatLocation .title{border-bottom-color: #398989; border-bottom-style: solid; border-bottom-width: 1px;}
		.title span{margin-left: 8px;}
	
		.title .sort select{
		float: right;
		height:21px;
		margin-top: -25px;
		margin-right:20px;}
		
/*-----------------------------full text search list ------------------------------------*/

		
		
	/*----------------------------- list ------------------------------------*/
	.browesContent ul{
	margin:0;
	padding:0 20px 0 25px;
	min-width: 700px;
	*min-width: auto; 
	height:51px;
	border-bottom: 1px solid #e9eff3;
	position:relative;
	display:block;}
	
	.browesContent ul.day{
	margin:0;
	padding:0 20px 0 25px;
	height:21px;
	position:relative;
	display:block;
	background-color:#e9eff3;
	color:#819bac;
	line-height:21px;}

	.browesContent ul.day:hover{
	background-color:#e9eff3;}

	.browesContent li{
	margin:0;
	padding:0;
	float:left;}
		.browesContent>div>ul:hover{
		background-color: #f9fdf8;
		}
		
		/*star*/
		.browesContent li.star{
		height: 30px;
		width: 30px;
		margin:12px 0 0 0;}
		
		.rstar, .runstar {		
		-ms-transform: rotate(0deg) ;	
		-webkit-transform: rotate(0deg);		
        -webkit-transition: left 0s linear, -webkit-transform 0s linear; 
        -moz-transform: rotate(0deg); 
        -moz-transition: left 0s linear, -moz-transform 0s linear; 
        -o-transform: rotate(0deg); 
        -o-transition: left 0s linear, -o-transform 0s linear; 
		}
		.rstar.on{				
				transform: rotate(96000deg);
				-webkit-transition: left 180s linear, -webkit-transform 180s linear;  
		        -webkit-transform: rotate(96000deg); 
		        -moz-transition: left 180s linear, -moz-transform 180s linear; 
		        -moz-transform: rotate(96000deg); 
		        -o-transition: left 180s linear, -o-transform 180s linear; 
		        -o-transform: rotate(96000deg); 
		}
		.runstar.on{				
				transform: rotate(-96000deg);
				-webkit-transition: left 180s linear, -webkit-transform 180s linear;  
		        -webkit-transform: rotate(-96000deg); 
		        -moz-transition: left 180s linear, -moz-transform 180s linear; 
		        -moz-transform: rotate(-96000deg); 
		        -o-transition: left 180s linear, -o-transform 180s linear; 
		        -o-transform: rotate(-96000deg); 
		}
		
		.ie10 .rstar, ie10 .runstar, .ie10 .rstar.on, .ie10 .runstar.on{
			transform: none;
		}
		/*check box*/
		.browesContent li.checkbox{
		margin:15px 0 0 10px;}
		
		.browesContent li.icon{
		margin:5px 0 0 0;}
		
		/*list detail*/
		.browesContent li.detail{
		padding:5px 0 0 0;}

			.browesContent li.detail a{
			font-size: 15px;
			font-weight: bold;
			color: #0373a3;
			text-decoration: none;
			line-height:21px;}
			.browesContent li.detail a:hover{ 
			color: #025F86;}
			
			.detail .about>p{
			color: #999999;
			font-size: 11px;
			line-height:16px;
			float:left;
			margin-right:8px;}
			
			.detail .about>p em{color:red;}
			
			.browesContent ul:hover .detail .about p{
			color: #444444;}
			
			.detail .comment_box{float:left; position:relative;}
			.detail .comment_box a{ display:block; margin-top:2px;  width:23px; height:19px; background: url(/navigate/images/navigate/comment1.png) no-repeat;}
			.detail .comment_box a.read{ display:block;  width:23px; height:19px; background: url(/navigate/images/navigate/comment2.png) no-repeat;}
			
			/*.comment_box fancybox*/
			.comment_content{ margin:0 auto;  width:500px; height:400px;}
			.comment_content h1{ margin:0 0 10px 20px; padding-top:20px; color:#000; font-size:13px;}
			.comment_content h1 span{ padding-left:8px; color:#1c81ac;}
			.comment_content input[name="comment"]{float:left; width:400px; height:31px; margin:0 5px 15px 20px; padding:0 8px; font-size:14px; }
			.comment_content .addComment{ float:left; display:block; width:37px; height:33px; background: url(/navigate/images/navigate/submit_btn.png) no-repeat; }
			
			.comment_content .scrollbar1 {padding:5px 0 0px 20px; width:475px; background:#eee; border-radius: 0 0 0 8px; }
			.comment_content .scrollbar1 .scrollbar{ background: transparent url(/navigate/images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
			
			.comment_content .viewport{ width:450px; height:297px; overflow:hidden; position: relative;}
			.comment_content ul.overview{ position: absolute; left: 0; top:0; padding: 0; margin: 0;}
			.comment_content ul.overview li{ margin:0 0 20px 0; }
			.comment_content .user_pic{ float:left; width:48px; height:48px; padding:5px; border:1px solid #999;}
			.comment_content .note{ position:relative; float:left; width:355px; margin-left:10px; padding:10px; border:1px solid #ccc;  background:#FFF;}
			.comment_content .note .arrow{ position:absolute; top:20px; left:-7px; width:8px; height:10px; background: url(/navigate/images/navigate/note_arrow.png) no-repeat;}
			.comment_content .note .del_msg{ position:absolute; bottom:0; right:0; width:24px; height:24px; cursor:pointer; background: #bebebe url(/navigate/images/navigate/comment_delet.png) 50% no-repeat;}
			.comment_content .username{ float:left; color:#1c81ac; font-weight:bold; font-size:13px;}
			.comment_content p{ float:right;  margin-left:10px; color:#999;}
			.comment_content h3{ clear:both; width:335px; padding-top:6px; font-size:13px; font-weight:normal; color:#333; word-wrap: break-word; line-height:1.6;}
			
			.comment_content .scrollbar1 .thumb .end,
			.comment_content .scrollbar1 .thumb { background-color: #003D5D; }
			.comment_content .scrollbar1 .scrollbar { position: relative; float: right; width: 15px; margin-right:5px; background: transparent url(/navigate/images/bg-scrollbar-track-y.png) no-repeat 0 0; }
			.comment_content .scrollbar1 .track { background: transparent url(/navigate/images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 160px; width:13px; position: relative; padding: 0 1px; }
			.comment_content .scrollbar1 .thumb {background: transparent url(/navigate/images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 30px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:-5px; }
			.comment_content .scrollbar1 .thumb .end { background: transparent url(/navigate/images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
			.comment_content .scrollbar1 .disable{ display: none; }
			
		.browesContent ul .status{
		float: left; 
		position: absolute; 
		left: 330px; 
		top: 29px;}
			
		.browesContent ul .moreOpt{
		float: right;
		position:absolute;
		top:12px;
		right:20px;}
						
			.browesContent ul .moreOpt a{
				background: url(/navigate/images/navigate/btn_selsct.gif) no-repeat bottom;
			display: block;		}
			.browesContent ul .moreOpt a.disable{		
				filter:Alpha(Opacity=20, FinishOpacity=20, Style=2); /* IE */
				-moz-opacity:0.2; /* Moz + FF */
				opacity:0.2; /* CSS3 */}
			.browesContent ul .moreOpt a:hover{
				background: url(/navigate/images/navigate/btn_selsct.gif) no-repeat top;}
			.browesContent ul .moreOpt a.disable:hover{
				background: url(/navigate/images/navigate/btn_selsct.gif) no-repeat bottom;
			}
			.browesContent ul .moreOpt a.shdownload{
			cursor: pointer;
			background: url(/navigate/images/navigate/btn_download.gif) no-repeat bottom;
			display: block;		}
			.browesContent ul .moreOpt a.shdownload:hover{
			background: url(/navigate/images/navigate/btn_download.gif) no-repeat top;}
			

		
	.browesContent ul.fullsearch{
	margin:0;
	padding:5px 20px 10px 25px;
	min-width: 700px;
	*min-width: auto;
	max-height:80px; 
	height:auto;	
	border-bottom: 1px solid #e9eff3;
	position:relative;
	display:block;}		
		
	.browesContent ul.fullsearch li.detail{
		width:100%;
		min-width:700px;
		padding:5px 0 0 0;}
		
	.icons{float:left; width:45px; height:45px; overflow:hidden; background: url(/navigate/images/icon_file.gif);}
	
	.icons.folder{
		background: url(/navigate/images/icon_folder.gif);}	
	.icons.file{
		background: url(/navigate/images/icon_file.gif);}	
	.icons.txt, .icons.odt, .icons.ods, .icons.odp{
		background: url(/navigate/images/icon_file_text.gif);}
	.icons.pdf{
		background: url(/navigate/images/icon_file_pdf.gif);}
	.icons.xls, .icons.xlsx{
		background: url(/navigate/images/icon_file_xls.gif);}
	.icons.ppt, .icons.pptx{
		background: url(/navigate/images/icon_file_ppt.gif);}
	.icons.doc, .icons.docx, .icons.rtf{
		background: url(/navigate/images/icon_file_doc.gif);}
	.icons.htm, .icons.html, .icons.xml, .icons.js, .icons.css, .icons.java, .icons.aidl, .icons.vb, .icons.c, .icons.h, .icons.php{
		background: url(/navigate/images/icon_file_code.gif);}
	.icons.jpg, .icons.gif, .icons.png, .icons.jpeg, .icons.bmp{
		background: url(/navigate/images/icon_file_image.gif);}
	.icons.avi, .icons.mp4, .icons.mpeg, .icons.mpg, .icons.m4v, .icons.mov, .icons.mkv, .icons.vob, .icons.vcd, .icons.svcd, .icons.rm, .icons.rmvb, .icons.divx, .icons.wmv, .icons.3gp, .icons.3gpp, .icons.flv{
	
		background: url(/navigate/images/icon_file_movie.gif);}
	.icons.mp3, .icons.m4a, .icons.mid, .icons.xmf, .icons.ogg, .icons.wav, .icons.amr, .icons.3gpp{
		background: url(/navigate/images/icon_file_music.gif);}
	.icons.zip, .icons.rar{
		background: url(/navigate/images/icon_file_zip.gif);}
	.icons.epub{
		background: url(/navigate/images/icon_file_epub.gif);}
	
	.browesContent ul.fullsearch li.detail .info{float:left; width:92%;}
	
	.browesContent ul.fullsearch li.detail a{float:left;}
	
	.browesContent ul.fullsearch li.detail a.search_title{
		display: block;
		margin-bottom:3px; 
		max-width: 480px;
		height:20px;
		overflow: hidden; 
		font-size: 15px;
		font-weight: bold;
		color: #0373a3;
		text-decoration: none;
		line-height:21px;
		white-space:nowrap;
		cursor: default;
		}
		
	.browesContent ul.fullsearch .fileTime{
		position:absolute;
		right:0; 
		margin-right:15px;
		font-size:10px; 
		font-family: Verdana, Tahoma, "新細明體";
		font-weight:bold;
		line-height: 21px; 		
	}
	
	.browesContent ul.fullsearch .search_folder{ 
		display:block; 
		width:25px; 
		height:20px;
		margin-left:10px; 		
		background: url(/navigate/images/navigate/search_icon.png) 0 -450px no-repeat ;}
		
	.browesContent ul.fullsearch .search_folder:hover{ background-position: 0 -480px}	
	
	.browesContent ul.fullsearch .search_view{ 
		display:block; 
		width:25px; 
		height:20px;
		margin-left:10px; 		
		background: url(/navigate/images/navigate/search_icon.png) 0 -390px no-repeat ;}
		
	.browesContent ul.fullsearch .search_view:hover{ background-position: 0 -420px}	
		
	.browesContent ul.fullsearch .search_download{ 
		display:block; 
		width:25px; 
		height:20px; 
		margin-left:5px;
		background: url(/navigate/images/navigate/search_icon.png) 0 -330px no-repeat ;}
	
	.browesContent ul.fullsearch .search_download:hover{ background-position: 0 -360px}	
		
	.browesContent ul.fullsearch li.detail .about{ clear:left; width:auto; height:40px; overflow:hidden; margin-bottom:5px;}
			
	.browesContent ul.fullsearch li.detail .about>span{
			color: #444;
			font-size: 12px;
			line-height:1.8;
			margin-right:8px;
			}
						
	.browesContent ul.fullsearch .detail .about>span em{color:red;}		
	
	.browesContent ul.fullsearch .starmark a{padding-right:5px;}
	
	/* .browesContent ul.fullsearch a.file_location{
		dispaly:block; margin-top:2px; margin-right:8px; padding:0px 5px; background:#27A6E1; color:#FFF; font-size:11px; font-weight:normal; line-height:1.5; vertical-align:text-top; 
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;} */
	
.browesContent ul.fullsearch .file_location {
	border-top: 1px solid #FFF;
	background: #f2f2f2 url(/navigate/images/navigate/foldr_16x16.png) 5px 1px no-repeat ;	
	padding: 0px 7px 0 25px;
	border: 1px solid #ADADAD;
	line-height:1.5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	color: #7e7e7e;
	font-size: 13px;
	font-family: Georgia, Serif;
	text-decoration: none;
	vertical-align: middle;
	font-weight: normal;
	   }
.browesContent ul.fullsearch .file_location:hover {   
   background: #666 url(/navigate/images/navigate/foldr_16x16.png) 5px 1px no-repeat ;
   color: #f0f0f0;
   }


	.indextime{font-size:12px;}
	.expiredtime{font-size:12px; font-weight: normal;}
		
/*-------- default hidden --------*/
.renameBox{
	display:none; padding-left:128px;  background-color: #ccc;}
	.renameBox input[type='button']{cursor:pointer;}
	
.ffbDisplay{
	display: block; 
	width: 480px; 
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis; 
	overflow: hidden; 
	white-space:nowrap;
}


.ellipsis{
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis; 
	overflow: hidden; 
	white-space:nowrap;
}




/*---------------- view page info ----------------*/

#browesFileLocation{
	background:#6c6258 url(/navigate/images/navigate/bg_BrowesLocation.jpg) repeat-x top;
	padding: 10px 20px 10px 20px;
	border-bottom: 1px solid #5B5249;
	height:25px;}
	
	#browesFileLocation .centerbox{
	width:900px;
	margin:0 auto;}
	
		a.btn_move{
		border: 1px solid #4f4a44;
		color: #4f4941;
		text-decoration: none;
		white-space: nowrap;
		padding:5px 6px 5px 30px;
		padding:6px 6px 4px 30px\9;
		margin-top:-3px;
		line-height:18px;
		text-decoration: none;
		background:#bebbb6 url(/navigate/images/navigate/btn_move.gif) no-repeat left bottom;
		float:right;}
		a.btn_move:hover{
		color: #008ac4;
		background:#f5f2ed url(/navigate/images/navigate/btn_move.gif) no-repeat left top;}

.viewpage_content{
	color:#2DAFD3;
	font-size:13px;
	line-height:160%;
	padding:10px 0;}
	
.preview_file{
	float: left;

	width: 360px;
	background-color: #FFF;
	 display:table-cell;
	 text-align:center;
	 vertical-align:middle;
	 margin-bottom: 10px;
	 }
	/*.preview_file span{ height:100%; display:inline-block;}
	div.preview_file *{ vertical-align:middle;}*/
.info_preview{
	margin: 10px;
}	

.file_rightcolumn{
	display: block;
	float: left;
	width: 500px;
	margin-left: 30px;}
	.file_rightcolumn p{
	display: block;
	clear:both;}
	
	.file_name{
	font-size: 21px;
	position:relative;
	display:block;}
		.file_name .rename{
		background-color:#FFFFFF;
		position:absolute;
		top:36px;
		left:0px;
		width:100%;}
			.file_name .rename a.btn_cancel{
			background-color: #dbdbdb;
			color:#868686;
			font-size: 12px;
			font-weight: normal;
			text-decoration: none;
			margin:0 5px 0 0;
			white-space: nowrap;
			padding:5px 10px;
			padding:6px 10px\9;}
			.file_name .rename a.btn_cancel:hover{
			background-color: #868686;
			color:#ffffff;}
			.file_name .rename a.btn_save{
			background-color: #ebbaba;
			color:#8d3c3c;
			font-size: 12px;
			font-weight: normal;
			text-decoration: none;
			margin:0 5px 0 0;
			white-space: nowrap;
			padding:5px 10px;
			padding:6px 10px\9;}
			.file_name .rename a.btn_save:hover{
			background-color: #c77575;
			color:#ffffff;}	
			
			
	.file_msg{
	display: block;
	margin:0 0 8px 0;}
		.file_msg p{
		display: block;
		line-height:28px;
		}
		
		.list_title{
		display: block;
		float: left;
		width: 100px;
		color:#404040;
		text-transform: uppercase;}
		.list_txt{
		display: block;
		float: left;
		color: #818181;}	
	
	
	

		a.btn_del2{
		border: 1px solid #d1a7a7;
		color: #c09090;
		text-decoration: none;
		margin:0 1px 0 0;
		white-space: nowrap;
		padding:5px 6px 5px 30px;
		padding:6px 6px 4px 30px\9;
		line-height:32px;
		text-decoration: none;
		background:#f9f3f3 url(/navigate/images/navigate/btn_del2.gif) no-repeat left top;}
		a.btn_del2:hover{
		color:#b27777;
		background:#fbe8e8 url(/navigate/images/navigate/btn_del2.gif) no-repeat left bottom;}
		
		a.btn_fullview{
		border: 1px solid #89b7c2;
		color: #669eb5;
		text-decoration: none;
		margin:0 1px 0 0;
		white-space: nowrap;
		padding:5px 6px 5px 30px;
		padding:6px 6px 4px 30px\9;
		line-height:32px;
		text-decoration: none;
		background:#f7fbfc url(/navigate/images/navigate/btn_fullview.gif) no-repeat left top;}
		a.btn_fullview:hover{
		color: #669eb5;
		background:#d3f5fc url(/navigate/images/navigate/btn_fullview.gif) no-repeat left bottom;}
		
		
		a.btn_backpage2{
		border: 1px solid #d1d1d1;
		color: #a6a6a6;
		text-decoration: none;
		margin:0 1px 0 0;
		white-space: nowrap;
		padding:5px 6px 5px 30px;
		padding:6px 6px 4px 30px\9;
		line-height:32px;
		background:#ffffff url(/navigate/images/navigate/btn_backpage2.gif) no-repeat left top;}
		a.btn_backpage2:hover{
		border: 1px solid #bdbdbd;
		color: #a6a6a6;
		text-decoration: none;
		background:#f8f8f8 url(/navigate/images/navigate/btn_backpage2.gif) no-repeat left bottom;}
		
	
.tab_column{
position:relative;}
	.tabbar{
	display: block;}
		.tabbar span.active, .tabbar span.active:hover{
		cursor: default;
		display:inline-table;
		border-top: 1px solid #cac7c4;
		border-right: 1px solid #cac7c4;
		border-left: 1px solid #cac7c4;
		border-bottom: none;
		padding:4px 10px;
		margin:0 4px 0 0;
		color:#404040;
		background:#ffffff url(/navigate/images/navigate/bg_tab01.jpg) repeat-x left top;}
		
		.tabbar a{
		display:inline-table;
		border-top: 1px solid #cac7c4;
		border-right: 1px solid #cac7c4;
		border-left: 1px solid #cac7c4;
		padding:4px 10px;
		margin:0 4px 0 0;
		color:#a2a2a2;
		background:#ececec url(/navigate/images/navigate/bg_tab02.jpg) repeat-x left top;
		text-decoration: none;}
		.tabbar a:hover{
		color:#8a8a8a;}

		.tabbar span{
		display:inline-table;
		border-top: 1px solid #cac7c4;
		border-right: 1px solid #cac7c4;
		border-left: 1px solid #cac7c4;
		padding:4px 10px;
		margin:0 4px 0 0;
		color:#a2a2a2;
		background:#ececec url(/navigate/images/navigate/bg_tab02.jpg) repeat-x left top;
		text-decoration: none;}
		.tabbar span:hover{
		cursor:pointer;
		color:#8a8a8a;}
	
	.tab_columninfo{
	display: block;
	border-top: 1px solid #cac7c4;
	margin-top:-1px;}
	
	/**-- share --**/
	.tab_share{}
		
		
	/**-- version --**/
	.tab_version{}
		a.btn_download{
		display:block;
		width:24px;
		height:24px;
		background: url(/navigate/images/navigate/btn_download.jpg) no-repeat left top;
		margin:2px;
		padding:0;}
		a.btn_download:hover{
		background: url(/navigate/images/navigate/btn_download.jpg) no-repeat left bottom;}
		
	.hidden{
	display: none;}
	




/*---------------- share page ----------------*/
#mainShareContent{
z-index:0;}

#mainShareContent .browesContent{
min-height:567px;
_height:567px;}

#mainShareContent .browesLocation{
position:relative;}

	.viewbtn{
	float:right;
	padding-left:15px;
	width:76px;
	height:32px;}
	.viewbtn a{
	display:block;
	float:right;}

	.viewbtn .active1{
	display:block;
	float:right;
	background: url(/navigate/images/navigate/btn_viewpic_down.gif) no-repeat right top;}
		.viewbtn .active1 a{
		display:block;
		background: url(/navigate/images/navigate/btn_viewpic_nor.gif) no-repeat right top;}
		.viewbtn .active1 a:hover{
		background: url(/navigate/images/navigate/btn_viewpic_over.gif) no-repeat right top;}

	.viewbtn .active2{
	display:block;
	float:left;
		*margin-top: -32px; /** IE7 **/
	background: url(/navigate/images/navigate/btn_viewlist_down.gif) no-repeat right top;}
	.viewbtn .active2.off{
		*margin-top: 0px; /** IE7 **/
	}
		.viewbtn .active2 a{
		display:block;
		*margin-top: auto;
		background: url(/navigate/images/navigate/btn_viewlist_nor.gif) no-repeat right top;}
		.viewbtn .active2 a:hover{
		*margin-top: auto;
		background: url(/navigate/images/navigate/btn_viewlist_over.gif) no-repeat right top;}
	
	
	.print_711{
	color: #f3f1ea;
	display:block;
	position:absolute;
	top:63px;
	right:20px;}
	.print_711 .code{
	color: #04933d;
	background-color: #f9f8f3;
	padding:2px 5px;
	margin:0 6px;
	font-weight: bold;}
	
	
	
	
#inputbox{
padding:20px 0;
min-height:400px;
_height:400px;}
		#inputbox table{}
		#inputbox #sharecode{}

/*---------------- share page 
#mainShareContent .advertising{
	width:319px;
	background: url(/navigate/images/navigate/bg_sharepage.jpg) repeat-x left top;
	position:absolute;
	border-left: 1px solid #BBECFA;
	right:0px;
	bottom:0px;
	min-height:550px;
	_height:550px;
	*top:56px;
	_top:52px;}

#mainShareContent .download{}

----------------*/







/*---------------- move action ----------------*/
.moveOperation{}
			
.select_column{
clear:both;
margin:8px 0 8px 12px;}
	.folder_block{
	float:left; 
	position:relative; 
	margin: 0 12px 0 0 ; 
	padding: 1px; }
	.folder_block select{
	width: 180px;
	height: 260px;
	font-size: 13px;
	line-height: 30px;
	font-family: Arial, Helvetica, Verdana, Tahoma, "微軟正黑體", "新細明體";}
	
	
	
	.folder_block select option{}
		.newMoveFolderMask{
		display:none;
		float:left;
		position: relative;
		top: -450px;
		left: 0px;
		height: 520px;
		width: 600px;
		background-color:#777777;
		vertical-align: middle;
		text-align: center;
		filter: Alpha(Opacity=30);
		opacity: 0.3}
			.newMoveFolderInput{
			float:left;
			position:relative;
			top: -740px;
			left: 200px;
			width: 200px;
			padding:15px;
			background-color:#ffffff;
			vertical-align: middle;
			text-align: right;
			border: 5px solid #9a9a9a;}





		.moveOperation.loading{
		text-decoration: none;
		height:46px;
		background: url(/navigate/images/ajax-loader.gif) no-repeat 280px center;}
		.targetFolder{
		background-color: #DDDDDD}
		.move_check{}
		
		/*.move_cancelbtn{
		padding:0 10px;
		background-color:#b6b6b6;
		height:32px;
		line-height:32px;
		color:#FFFFFF;
		border:none;
		min-width:88px;}
		.move_donebtn{
		padding:0 10px;
		background-color:#00b1db;
		height:32px;
		line-height:32px;
		color:#FFFFFF;
		border:none;
		min-width:80px;}*/

	.corner3px{
		border-radius:3px;	
		-moz-border-radius:3px;	
		-webkit-border-radius:3px;}
	.corner5px{
		border-radius:5px;	
		-moz-border-radius:5px;	
		-webkit-border-radius:5px;}
		
.first_loading {
		width:100%;
		padding-top: 180px;
		vertical-align: bottom;
		text-align: center;
		
}
/*-------------------- player --------------------*/		
	.music_block {
		display: none;
		position: fixed; !important;
		width:348px;
		bottom: 0;
		right:50px;
		z-index: 5;
		background-repeat:repeat-x;
		_position:absolute;
		_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);}

/*---- player title ----*/
.music_block .player_title{
	height:40px;}
	.music_block .player_titlebg{
	background: url(/navigate/images/navigate/player_title02.png) repeat-x;
	padding-top: 10px;}
	
	
	/*-- player title Btn --*/
	.player_title a.btn_close{
	background: url(/navigate/images/navigate/player_title_closebtn.png) no-repeat right top;
	display:block;}
	.player_title a.btn_close:hover{
	background: url(/navigate/images/navigate/player_title_closebtn2.png) no-repeat right top;}
	
	.player_title a.btn_small{
	background: url(/navigate/images/navigate/player_title_smallbtn.png) no-repeat right top;
	display:block;}
	.player_title a.btn_small:hover{
	background: url(/navigate/images/navigate/player_title_smallbtn2.png) no-repeat right top;}
	
	.player_title a.btn_large{
	background: url(/navigate/images/navigate/player_title_largebtn.png) no-repeat right top;
	display:block;}
	.player_title a.btn_large:hover{
	background: url(/navigate/images/navigate/player_title_largebtn2.png) no-repeat right top;}
	
	.player_title .music_name{
	font-size: 12px;
	color: #FFFFFF;
	width:165px;
	overflow: hidden;
	height:30px;
	line-height:30px;}
	
	.player_title .music_time{
	text-align: right;
	font-family: Arial;
	color: #FFFFFF;
	font-size: 10px;
	*font-size: 9px;}



/*---- playbar ----*/
.music_block .playbar{
	height:100px;
	position:relative;}
	.music_block .playbarbg{
	background: url(/navigate/images/navigate/playbar_bg02.png) repeat-x;}
	
	
	/*-- player Btn --*/
	.playbar .playbarbg a.btn_pre{
	background: url(/navigate/images/navigate/playerbtn_pre_nor.png) no-repeat right top;
	display:block;}
	.playbar a.btn_pre:hover{
	background: url(/navigate/images/navigate/playerbtn_pre_over.png) no-repeat right top;}
	.playbar a.btn_pre:active{
	background: url(/navigate/images/navigate/playerbtn_pre_act.png) no-repeat right top;}
	
	.playbar a.btn_next{
	background: url(/navigate/images/navigate/playerbtn_next_nor.png) no-repeat right top;
	display:block;}
	.playbar a.btn_next:hover{
	background: url(/navigate/images/navigate/playerbtn_next_over.png) no-repeat right top;}
	.playbar a.btn_next:active{
	background: url(/navigate/images/navigate/playerbtn_next_act.png) no-repeat right top;}
	
	.playbar a.btn_play{
	background: url(/navigate/images/navigate/playerbtn_play_nor.png) no-repeat right top;
	display:block;}
	.playbar a.btn_play:hover{
	background: url(/navigate/images/navigate/playerbtn_play_act.png) no-repeat right top;}
	.playbar a.btn_play:active{
	background: url(/navigate/images/navigate/playerbtn_pause_act.png) no-repeat right top;}
	
	.playbar a.btn_pause{
	background: url(/navigate/images/navigate/playerbtn_pause_nor.png) no-repeat right top;
	display:block;}
	.playbar a.btn_pause:hover{
	background: url(/navigate/images/navigate/playerbtn_pause_over.png) no-repeat right top;}
	.playbar a.btn_pause:active{
	background: url(/navigate/images/navigate/playerbtn_pause_act.png) no-repeat right top;}
	
	.playbar a.btn_stop{
	background: url(/navigate/images/navigate/playerbtn_stop_nor.png) no-repeat right top;
	display:block;}
	.playbar a.btn_stop:hover{
	background: url(/navigate/images/navigate/playerbtn_stop_over.png) no-repeat right top;}
	.playbar a.btn_stop:active{
	background: url(/navigate/images/navigate/playerbtn_stop_act.png) no-repeat right top;}
	
	
	.playbar a.btn_random{
	background: url(/navigate/images/navigate/playerbtn_random_nor.png) no-repeat left top;
	display:block;}
	.playbar a.btn_random:hover{
	background: url(/navigate/images/navigate/playerbtn_random_over.png) no-repeat left top;}
	.playbar a.btn_random:active, .playbar a.btn_random.on{
	background: url(/navigate/images/navigate/playerbtn_random_act.png) no-repeat left top;}
	
	.playbar a.btn_cycle{
	background: url(/navigate/images/navigate/playerbtn_cycle_nor.png) no-repeat left top;
	display:block;}
	.playbar a.btn_cycle:hover{
	background: url(/navigate/images/navigate/playerbtn_cycle_over.png) no-repeat left top;}
	.playbar a.btn_cycle:active, .playbar a.btn_cycle.all, .playbar a.btn_cycle.all:active{
	background: url(/navigate/images/navigate/playerbtn_cycle_act.png) no-repeat left top;}
	.playbar a.btn_cycle.one, .playbar a.btn_cycle.one:active{
	background: url(/navigate/images/navigate/playerbtn_cycle_act2.png) no-repeat left top;}
		
	.playbar a.btn_volume{
	background: url(/navigate/images/navigate/playerbtn_volume_nor.png) no-repeat left top;
	display:block;
	position:relative;}
	.playbar a.btn_volume_silent{
	background: url(/navigate/images/navigate/volumebox_mute.png) no-repeat left top;
	display:block;
	position:relative;}
	.playbar a.btn_volume:hover{
	background: url(/navigate/images/navigate/playerbtn_volume_over.png) no-repeat left top;}
	.playbar a.btn_volume:active{
	background: url(/navigate/images/navigate/playerbtn_volume_act.png) no-repeat left top;}
	
	
	/*-- volume box --*/
	.playbar .volumebox{
	display: none;
	position:absolute;
	background: url(/navigate/images/navigate/volumebox.png) no-repeat;
	height: 41px;
	width:86px;
	top:-28px;
	right:0px;
	z-index: 99;}
			.volumebox .change_bar{
			width:52px;
			height:10px;
			margin:14px 0px 0px 19px;
			position:relative;}
	
					.volumebox a.btn_volume_mute{
					background: url(/navigate/images/navigate/volumebox_mute_nor.png) no-repeat right top;
					display:block;}
					.volumebox a.btn_volume_mute:hover{
					background: url(/navigate/images/navigate/volumebox_mute_over.png) no-repeat right top;}
					.volumebox a.btn_volume_unmute{
					background: url(/navigate/images/navigate/volumebox_mute_act.png) no-repeat right top;}
			
			.volumebox .volume_bar{}
			.volumebox .vbar{
			position: relative;
			width:10px;
			background: url(/navigate/images/navigate/volumebox_2.png) no-repeat right top;}
				.vbar .vbtn{
				position:absolute;
				top:0;
				right:-5px;
				width:10px;
				height:10px;}
				
				
	
	
	
	.playbar .music_path a{
	display: none;
	background: url(/navigate/images/navigate/player_backtofolder1.png) no-repeat left center;
	color:#8C8782;
	padding:0 10px 0 25px;
	text-decoration: none;
	font-size:11px;
	*font-size:10px;}
	.playbar .music_path a:hover{
	display:none;
	background: url(/navigate/images/navigate/player_backtofolder2.png) no-repeat left center;
	color:#a6a4a2;
	font-size:11px;
	*font-size:10px;}
	

	/*-- playing style --*/
	.playbar .playing_bar{
	background: url(/navigate/images/navigate/playing_bg.png) repeat-x center center;
	height: 19px;
	width:330px;}
	.playbar .playing_bg{
	background: url(/navigate/images/navigate/playing_loading.png) repeat-x center center;
	height: 19px;}
	
	.playbar .playing{
	background: url(/navigate/images/navigate/playing.png) repeat-x center center;
	height: 19px;
	position:relative;
	width:325px;}
	
	.playbar .playing_btn{
	position:absolute;
	right:-8px;
	width:25px;
	height:19px;}
	

/*---- playlist ----*/
.music_block .playlist{
	background: url(/navigate/images/navigate/playlist_bg01.png) repeat-y;
	padding:0 9px;}
	
	
	.playlist .list_view{
	height:174px;
	overflow: auto;}
	
	.playlist .list_view p{
	color:#e6830e;
	line-height:29px;
	background: url(/navigate/images/navigate/player_line.png) repeat-x bottom;
	display: block;
	padding:0 10px;
	}
	
	.playlist .list_view a{
	color:#898989;
	line-height:29px;
	background: url(/navigate/images/navigate/player_line.png) repeat-x bottom;
	display: block;
	text-decoration: none;
	padding:0 10px 0 30px;}
	.playlist a:hover{
	color:#666666;
	background-color: #f7f7f7;}
	
	.playlist .list_view div.song{
	color:#898989;
	line-height:29px;
	background: url(/navigate/images/navigate/player_line.png) repeat-x bottom;
	display: block;
	text-decoration: none;
	padding:0 10px 0 30px;
	cursor: pointer;
	width:260px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis; 
	overflow: hidden; 
	white-space:nowrap;
	}
	.playlist div.song:hover{
	color:#666666;
	background-color: #f7f7f7;}

	.playlist .list_view div.song.pl{
	color:#e6830e;
	line-height:29px;
	background: url(/navigate/images/navigate/player_line.png) repeat-x bottom;
	display: block;
	text-decoration: none;
	padding:0 10px ;
	cursor: default;}
/*---- list view icon ----*/
.list_icon{
	width: 45px; 
	height: 45px; 
	text-align: center;  
	vertical-align: middle;}

	.list_icon .folderType{
		cursor: pointer; 
		float: left; 
		width: 45px; 
		height: 45px;
		background-image: url(/navigate/images/icon_folder.gif);}
		
	.list_icon .folderType.collaboration{
		cursor: pointer; 
		float: left; 
		width: 45px; 
		height: 45px;
		background-image: url(/navigate/images/icon_folder_collaboration.gif);}
		
	.list_icon .folderType.bulletin{
		cursor: pointer; 
		float: left; 
		width: 45px; 
		height: 45px;
		background-image: url(/navigate/images/icon_folder_announce.gif);}

	.list_icon .folderType.shared{
		cursor: pointer; 
		float: left; 
		width: 45px; 
		height: 45px;
		background-image: url(/navigate/images/navigate/folder_share.gif);}
	
	.list_icon .folderType.loading div{
		background:url(/navigate/images/ajax-loader.gif) no-repeat right;
		display:block;
		width: 30px; 
		height: 40px;
		margin-top: 5px;}

	/*---- music icon ----*/
	.list_icon .musicType{
		cursor: pointer; 
		float: left; 
		width: 45px; 
		height: 45px;
		background-image: url(/navigate/images/file_type/icon_file_music.gif);	}
	
	.list_icon .musicType:hover, .block_icon .musicType:hover{
		cursor: pointer; 
		float: left; 
		width: 45px; 
		height: 45px;
		background-image: url(/navigate/images/file_type/icon_file_music2.gif);	}
	
	/*---- thumbnail icon ----*/
	.list_icon .thumbType{
	float: left;
	margin:5px -2px 5px 7px;
	width: 28px;
	height: 33px;
	border-width: 1px;
	border-style: double;
	border-color: #808080;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 2px;}

	
	
	#act_breadcrumb{}
	#act_breadcrumb:hover{cursor: pointer;}
	
	
/*------------------------------------ Pop ------------------------------------*/

.oneColLiqCtr{/*--pop window--*/
position:relative;
height:100%;}

/*-------------------- upload --------------------*/
.pop_title{
color:#eef1f2;
font-size:13px;
font-weight:bold;
background-image: -webkit-linear-gradient(top,#787877,#6d6c6c);
background-image: -moz-linear-gradient(top,#787877,#6d6c6c);
background-image: -ms-linear-gradient(top,#787877,#6d6c6c);
background-image: -o-linear-gradient(top,#787877,#6d6c6c);
background-image: linear-gradient(top,#787877,#6d6c6c);
background: #6b6b6a url(/navigate/images/pop/popbg_h1.jpg) repeat-x top\9;/*for IE678*/
-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2);				
-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2);			
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2);
line-height:30px;
border-radius:6px 6px 0 0;
padding:4px 0 4px 15px;
margin:0;
white-space: nowrap;
font-weight: bold;
border-bottom: 1px solid #5b5b5b;}
	:root .pop_title { 
	background:#6b6b6a url(/navigate/images/pop/popbg_h1.jpg) repeat-x top\0; } /*Just for IE9*/



.pop_title td{
color:#eef1f2;
font-size:13px;
font-weight:bold;
line-height:30px;}

.pop_tool{
background:#4ba8cf url(/navigate/images/pop/popbg_tool.png) repeat-x bottom;
padding:8px 15px;
border-top: 1px solid #39a0cb;
color:#FFFFFF;
position:relative;}
	.pop_tool button, .pop_tool span{
	margin:0 5px 0 0;}
	
	.loadingbarbg{
		background: url(/navigate/images/navigate/loadingbarbg.jpg) repeat-x bottom;
		height:4px;
		width: 800px;
		margin: 0px;
		position:absolute;
		bottom:0px;
		left:0px;}
	.loadingbar{
		background: url(/navigate/images/navigate/loadingbar.jpg) repeat-x bottom;
		height:4px;}
.pop_btool{
background-color:#eff0ef;
border-radius:0 0 6px 6px;
clear:both;
position:absolute;
bottom:0;
left:0;
padding:8px 0;
width:100%;
text-align:right;}

.btn input {
position: absolute;
top: 0;
right: 0;
margin: 0;
border: solid transparent;
border-width: 0 0 100px 200px;
opacity: 0;
filter: alpha(opacity=0);
-moz-transform: translate(-300px, 0) scale(4);
direction: ltr;
cursor: pointer;}

.fileinput-button {
position: relative;
overflow: hidden;
float: left;}



.upload_list{
height: 316px;
overflow-x: hidden;
overflow-y: auto;
width:800px;}
.upload_list .msg{
border: 1px dotted #434343;
font-size: 12px;
line-height: 24px;
padding:20px 0;
margin:20px;
color: #434343;}
.starUpload, .cancelUpload{
width:32px;
height:32px;
text-indent: -9999px;
border:none;}
	.starUpload{
	background: url(/navigate/images/pop/btn_starUpload1.png) no-repeat center center;}
	.starUpload:hover{
	background: url(/navigate/images/pop/btn_starUpload2.png) no-repeat center center;}
	.starUpload:active{
	background: url(/navigate/images/pop/btn_starUpload3.png) no-repeat center center;
	outline:0 transparent;}
	.cancelUpload{
	background: url(/navigate/images/pop/btn_cancelUpload1.png) no-repeat center center;}
	.cancelUpload:hover{
	background: url(/navigate/images/pop/btn_cancelUpload2.png) no-repeat center center;}
	.cancelUpload:active{
	background: url(/navigate/images/pop/btn_cancelUpload3.png) no-repeat center center;}
	
.zebra-striped{/*upload list table*/
width:780px;}
tr.template-upload{/*upload list*/
background: url(/navigate/images/navigate/line02.gif) repeat-x bottom;
height:34px;}
	td.name{
	width:436px;
	padding-left:10px;
	word-break: break-all;}
	td.size{
	width:70px;
	text-align:right;
	color: #999999;}
	td.progress{
	width:200px;}
	td.start{
	width:32px;}
	td.cancel{
	width:32px;}
	
	
/*-------------------- create folder --------------------*/
.pop_content{
padding:10px 15px;}


/*-------------------- account setting --------------------*/

.setting_msg{}

	.setting_msg ul{
	margin:0;
	padding:0;}
	
	.setting_msg li{
	padding:6px 15px;
	margin:0;
	color:#6f6f6f;
	position:relative;}
	
/*-------------------- do share -------------------*/
.passMask{
	display:none; 
	position: absolute; 
	float:left; 
	left: 0px; 
	height: 645px; 
	width: 100%; 
	background-color:#777777; 
	vertical-align: middle; 
	text-align: center; 
	filter: Alpha(Opacity=30); 
	opacity: 0.3; 
	z-index: 8888;
}
.passInput{
	display: none; 
	position: absolute; 
	margin-top: -250px; 
	left: 200px; 
	width: 320px; 
	height: 160px; 
	padding:15px; 
	background-color:#ffffff; 
	vertical-align: middle; 
	text-align: right; 
	border: 5px solid #9a9a9a; 
	z-index: 9999; 
	text-align: left;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
}
.passbox.locked{
	cursor: pointer; float: right; z-index: 1000; 
	background: url('/navigate/images/padlock-icon.png') no-repeat -40px 0; 
	width: 26px; height: 40px;
}
.passbox.nonlocked{
	cursor: pointer; float: right; z-index: 1000; 
	background: url('/navigate/images/padlock-icon.png') no-repeat 0 0; 
	width: 40px; height: 40px;
}

.share_box{
	border: #D9D9D9 solid 1px;
	position:relative;}
	.share_box .bar{
	 height: 36px;
	 background-color: #D9D9D9;}
	 .share_box .lockbar{
		 position:absolute;
		 bottom:0;
		 width: 97%;
		 padding:0 8px 5px 8px;}
		 
	.share_by{
		margin:0 0 20px 0}
	.share_by a{
		color:#0d83d0;}
		
	.share_by .txt{
		line-height:21px;
		padding:5px 0 0 48px;}
		
/*----------------- do move --------------------*/
.addMoveFolderMask{
	display:none; 
	position: absolute; 
	float:left; 
	left: 0px; 
	height: 645px; 
	width: 100%; 
	background-color:#777777; 
	vertical-align: middle; 
	text-align: center; 
	filter: Alpha(Opacity=30); 
	opacity: 0.3; 
	z-index: 8888;
}
.addMoveFolderInput{
	display: none; 
	position: absolute; 
	margin-top: -270px; 
	left: 150px; 
	width: 300px; 
	height: 110px; 
	padding:15px; 
	background-color:#ffffff; 
	vertical-align: middle; 
	text-align: right; 
	border: 5px solid #9a9a9a; 
	z-index: 9999; 
	text-align: left;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
}
	#tree_move_Col{
		background: url("/navigate/images/move_background.png") no-repeat left;
	}
		#tree_move_Col .folder{ margin: 1px 0 2px 20px; }
		#tree_move_Col .folder.root{ margin: 3px 0 2px 4px; }
		#tree_move_Col .folder .folder_name{
			background: url("/navigate/images/foldr_32x16_no_children.png") no-repeat left;
			padding: 1px 0 0 36px;
			font-size: 14px;
			cursor: pointer;
			width: 150px;
			white-space: nowrap;
			overflow: hidden; 
			text-overflow:ellipsis;
		}#tree_move_Col .folder .folder_name.has_children{
			background: url("/navigate/images/foldr_32x16_children.png") no-repeat left;
			padding: 1px 0 0 36px;
		}#tree_move_Col .folder .folder_name.has_children.open{
			background: url("/navigate/images/foldr_32x16_children_open.png") no-repeat left;
			padding: 1px 0 0 36px;
		}
		#tree_move_Col .folder.root.sync .root_name{
			background: url("/navigate/images/navigate/icon_mysyncfolder.png") no-repeat left;
			padding: 7px 0 0 24px;
			height: 24px;
			font-size: 15px;
			cursor: pointer;
			width: 150px;
			white-space: nowrap;
		}
		#tree_move_Col .folder.root.collect .root_name{
			background: url("/navigate/images/navigate/icon_collection.png") no-repeat left;
			padding: 7px 0 0 24px;
			height: 24px;
			font-size: 15px;
			cursor: pointer;
			width: 150px;
			white-space: nowrap;
		}
		.folder_name.target, .root_name.target{
			color: blue;
			font-weight: bold;
		}
		#tree_move_Col .folder .folder_name:hover,#tree_move_Col .folder .root_name:hover{
			color: red;
		}
		
#folderbrowse_message{
	display:none;
	position: absolute; text-align: right; width: 100%;padding: 0 10px;
}#folderbrowse_message .recycle_hint{
	display:inline; float:right; font-size: 15px; color: white; margin-right: 270px; 
	background: url(/navigate/images/navigate/blockbtn_toolbg.png);
    padding: 10px 10px;
    -moz-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.3),2px 2px 3px rgba(20%,20%,40%,0.3);
	-webkit-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.3),2px 2px 3px rgba(20%,20%,40%,0.3);
	box-shadow:1px 1px 2px rgba(20%,20%,40%,0.3),2px 2px 3px  rgba(20%,20%,40%,0.3);
}


/* --------- MySpace Icon------------- */

.icon_mysyncfolder{
	display: inline-block;
	background: url("/navigate/images/navigate/icon_mysyncfolder.png") no-repeat left;
	width: 26px;
	height: 26px;
}

.icon_mybackup{
	display: inline-block;
	background: url("/navigate/images/navigate/icon_backup.png") no-repeat left;
	width: 26px;
	height: 26px;
}

.icon_mycollection{
	display: inline-block;
	background: url("/navigate/images/navigate/icon_collection.png") no-repeat left;
	width: 26px;
	height: 26px;
}

.icon_recyclebin{
	display: inline-block;
	background: url("/navigate/images/icon_recyclebin.png") no-repeat left;
	width: 26px;
	height: 26px;
}

.icon_circle{
	display: inline-block;
	background: url("/navigate/images/circle-icon_26x26.png") no-repeat left;
	width: 26px;
	height: 26px;
}

.icon_stared {
	display: inline-block;
	background: url("/navigate/images/navigate/myspace_icon_sprites.png") no-repeat -113px -5px;
	width: 26px;
	height: 26px;
}

.icon_rechanges {
	display: inline-block;
	background: url("/navigate/images/navigate/myspace_icon_sprites.png") no-repeat -41px -77px;
	width: 26px;
	height: 26px;
}

.icon_collaboration_entry {
	display: inline-block;
	background: url("/navigate/images/navigate/myspace_icon_sprites.png") no-repeat -77px -5px;
	width: 26px;
	height: 26px;
}

.icon_favshell {
	display: inline-block;
	background: url("/navigate/images/navigate/myspace_icon_sprites.png") no-repeat -41px -41px;
	width: 26px;
	height: 26px;
}

.stickedFunc {
	display: none;
    height: 30px;
    position:fixed !important;
    position: absolute; /*ie6 */
    min-width: 1285px;
    *min-width: auto;
    bottom: 0;
    top:0;
    width:100%;
    z-index:999;
}

.act_back2Top {
	cursor: pointer;
	float: left;
	width: 282px;
    height: 30px;
	background: url(/navigate/images/logo_float.png) no-repeat;
}

.stickedFunc.share{
	padding-left: 25px;
}

.stickedBg {
	display: none;
    position:fixed !important;
    position: absolute; /*ie6 */
    bottom: 0;
    top:0;
    width:100%;
    height: 33px;
    z-index:990;
    *border-bottom: 1px groove #CCC;
    border-bottom: 1px groove #CCC\09;
}

.stickedSideBar { 
	float: left; 
	width:254px;
	*width:250px;
	width:250px\09;
	height: 33px;
	background: #FFFFFF url(/navigate/images/blank.gif);

    -moz-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.3),2px 2px 3px rgba(20%,20%,40%,0.3);
	-webkit-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.3),2px 2px 3px rgba(20%,20%,40%,0.3);
	box-shadow:1px 1px 2px rgba(20%,20%,40%,0.3),2px 2px 3px  rgba(20%,20%,40%,0.3);
	}
.stickedContent { 
	overflow:hidden;position:relative;
	left: -1px;
	*left: 0px;
	left: 0px\09;
	background: #6C6258 url(/navigate/images/navigate/bg_BrowesLocation.jpg);
    filter:Alpha(Opacity=50, FinishOpacity=50, Style=5); /* IE */
	-moz-opacity:0.5; /* Moz + FF */
	opacity:0.5; /* CSS3 */
    height: 33px;
    -moz-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.3),2px 2px 3px rgba(20%,20%,40%,0.3);
	-webkit-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.3),2px 2px 3px rgba(20%,20%,40%,0.3);
	box-shadow:1px 1px 2px rgba(20%,20%,40%,0.3),2px 2px 3px  rgba(20%,20%,40%,0.3);}
	
/* ---- Advanced share ------ */
#adv_shr_box{
}
#adv_shr_box .shr_type{
	float: left;
	width: 220px;
	height: 360px;
}.shr_type .shr_logo{
	width: 140px;
	height: 140px;
	margin-left: 30px;
	margin-top: 15px;
	filter:Alpha(Opacity=50, FinishOpacity=50, Style=5); /* IE */
	-moz-opacity:0.5; /* Moz + FF */
	opacity:0.5; /* CSS3 */
	z-index: 900;
}.shr_logo.unshare{
	background: url(/navigate/images/share/logo_140x140.png) no-repeat 0 2px;
}.shr_logo.share{
	background: url(/navigate/images/share/logo_140x140.png) no-repeat 0 -140px;
}.shr_logo.collaboration{
	background: url(/navigate/images/share/logo_140x140.png) no-repeat 0 -281px;
}
.shr_type .shr_title{
	position: relative;
	margin-top: 5px;
	font-family: sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	width: 220px;
	color: #414141;
	z-index: 909;
}.shr_title.ru_RU{
	font-size: 14px;
}

.shr_type .shr_description{
	position: relative;
	width: 200px;
	margin: 10px 10px 0 10px;
	text-align: center;
	color: #414141;
	height: 95px;
	z-index: 909;
}.shr_description.ru_RU{
	font-size: 11px;
}

.shr_switch{
	position: absolute;
	top: 335px;
	height: 42px;	     
}
.shr_switch.folder{
	width: 150px;
	margin-left: 36px;
	background: url(/navigate/images/share/switch_3.png) no-repeat 0 -84px;
}.shr_switch.file{
	width: 100px;
	margin-left: 70px;
	background: url(/navigate/images/share/switch_2.png) no-repeat 0 -84px;
}
.shr_switch.folder.pubshr_false{
	width: 100px;
	margin-left: 70px;
	background: url(/navigate/images/share/switch_2_no_public.png) no-repeat 0 -84px;
}
.shr_switch .shr_sel{
	float: left;
	width: 50px;
	height: 42px;
}
.shr_switch .shr_sel{
	cursor: pointer;
}
.shr_switch.folder .shr_sel.unshare:hover{
	background: url(/navigate/images/share/switch_3.png) no-repeat 0 -42px;
}.shr_switch.folder .shr_sel.share:hover{
	background: url(/navigate/images/share/switch_3.png) no-repeat -50px -42px;
}.shr_switch.folder .shr_sel.collaboration:hover{
	background: url(/navigate/images/share/switch_3.png) no-repeat -100px -42px;
}.shr_switch.folder.pubshr_false .shr_sel.collaboration:hover{
	background: url(/navigate/images/share/switch_2_no_public.png) no-repeat -50px -42px;
}
.shr_switch.folder .shr_sel.unshareOn, .shr_switch.folder .shr_sel.unshareOn:hover{
	cursor: default;
	background: url(/navigate/images/share/switch_3.png) no-repeat 0 0;
}.shr_switch.folder .shr_sel.shareOn, .shr_switch.folder .shr_sel.shareOn:hover {
	cursor: default;
	background: url(/navigate/images/share/switch_3.png) no-repeat -50px 0;
}.shr_switch.folder .shr_sel.collaborationOn, .shr_switch.folder .shr_sel.collaborationOn:hover {
	cursor: default;
	background: url(/navigate/images/share/switch_3.png) no-repeat -100px 0;
}


.shr_switch.file .shr_sel.unshare:hover{
	background: url(/navigate/images/share/switch_2.png) no-repeat 0 -42px;
}.shr_switch.file .shr_sel.share:hover{
	background: url(/navigate/images/share/switch_2.png) no-repeat -50px -42px;
}
.shr_switch.file .shr_sel.unshareOn, .shr_switch.file .shr_sel.unshareOn:hover{
	cursor: default;
	background: url(/navigate/images/share/switch_2.png) no-repeat 0 0;
}.shr_switch.file .shr_sel.shareOn, .shr_switch.file .shr_sel.shareOn:hover {
	cursor: default;
	background: url(/navigate/images/share/switch_2.png) no-repeat -50px 0;
}

.shr_switch.file .shr_sel.unshareOn, .shr_switch.file .shr_sel.unshareOn:hover{
	cursor: default;
	background: url(/navigate/images/share/switch_2.png) no-repeat 0 0;
}.shr_switch.file .shr_sel.shareOn, .shr_switch.file .shr_sel.shareOn:hover {
	cursor: default;
	background: url(/navigate/images/share/switch_2.png) no-repeat -50px 0;
}

#adv_shr_box .shr_separater{
	float: left;
	width: 5px;
	height: 360px;
}#adv_shr_box .shr_separater hr{
	width: 1px;
	height: 320px;
	margin-top: 20px;
	border: 0;
	-moz-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.3);
	-webkit-box-shadow:1px 1px 1px rgba(20%,20%,40%,0.3);
	box-shadow:1px 1px 2px rgba(20%,20%,40%,0.3);
}

.islocked{ display:none; width:150px; height:150px; background: url(/navigate/images/share/locked.png) no-repeat top left; position:absolute; top:105px; left:240px; z-index:9999; }
.isunlocked{ display:none; width:150px; height:150px; background: url(/navigate/images/share/locked.png) no-repeat bottom left; position:absolute; top:80px; left:216px; z-index:9999; }

#adv_shr_box .shr_func{	
	height: 350px;
	padding:0px 30px;
	position:relative;
}

.adv_set{width:auto; padding-top: 2px !important; position:absolute; right:35px; bottom:30px; background: url(/navigate/images/share/setting_icon.png) no-repeat; }

.adv_set span{ display: inline-block; width: 20px; height: 20px; padding-right: 7px; background: url(/navigate/images/share/btn_set.png) no-repeat; position: relative; top: 5px;}

.shr_func ul.linkbox{
	margin: 15px auto 0px;
	padding: 0px;
	width:550px;
}
.shr_func ul li, .shr_func_item{
	width: auto;
	height: 52px;
	margin-bottom: 10px;
	padding: 0px;
	cursor: pointer;
}

.sharebox_title{
	width:280px;
	height:30px;
	line-height:30px;
	padding:0px 10px;
	border:1px solid #ccc;
	background:#fff url(/navigate/images/share/btn_share_mode.png) right 0px no-repeat;
	font-size:13px;
	color:#666;
	font-weight:bold;
	cursor:pointer;
	/* 
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px; */
}

.sharearea{
 position:relative;	
}

ul.sharebox{
	position:absolute;
	width:301px;
	height:0;	
	z-index:999;
	background:#FFF;
	overflow:hidden;
	margin-top:-1px;
}

ul.sharebox li{
	font-size:13px;
	border:1px solid #ccc;
	margin-bottom:-1px;
	padding:7px 10px;
	height: auto;
	background:#fff;
	position:relative;
	color:#666;	
}

ul.sharebox li:hover{ background:#EDF5F8; color:#333;}

ul.sharebox li.down{	
	color:#ccc;	
}

ul.sharebox li.down:hover{ background:#FFF; color:#ccc;}

ul.sharebox li:last-child{-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;}

.share_info{position:absolute; left:330px; top:130px; width:200px; height:150px; padding:5px 10px; background:#61b2cb; display:none; }

.shr_func ul li.shr_func_item:hover{
	cursor: pointer;
	background: url(/navigate/images/share/setting_entry.png);
 	background-color: #FBFCFD;
}

.shr_func_item .shr_func_icon, .shr_func_item_v .shr_func_icon{
	position: relative;
	width: 25px;
	height: 25px;
	left: 0x;
	top:5px;
	margin: 0px;
	margin-top: 3px;
	z-index: 990;
}


/* .shr_func_icon.link:hover{
		background-position: left bottom;
	} */
	.shr_func_icon.locked{
		background: url(/navigate/images/share/icon_locked.png) no-repeat;
	}
	.shr_func_icon.unlocked{
		background: url(/navigate/images/share/icon_unlocked.png) no-repeat;
	}
	.shr_func_icon.expiration{
		background: url(/navigate/images/share/icon_expiration.png) no-repeat;
	}
	.shr_func_icon.quota{
		background: url(/navigate/images/share/icon_quota.png) no-repeat;
	}
	.shr_func_icon.white_list{
		background: url(/navigate/images/share/icon_white_list.png) no-repeat;
	}

#shr_link_box{
position: relative;
padding-left:45px;
padding-right:20px;
width: 490px;
height:32px;
overflow:hidden;
z-index: 909;
background: url(/navigate/images/share/link_area.png) no-repeat;	
}

#shr_link_box .shr_icon{position:absolute; left:12px; top:2px;}

#shr_link_box .shr_icon a{
	display:block;
	width:25px;
	height:25px;		
	background: url(/navigate/images/share/link_icon.png) no-repeat;
}
	
#shr_link_box .shr_icon a:hover{
		background-position:0 -40px;
}

#shr_link_box .shr_link{	 
	position:absolute;
	top:5px;
	border:0;
	background:none;
	width:490px;
	font-size: 18px;	
	color: #666 !important;
	/* cursor: pointer; */
}

.shr_func_item .func_title, .shr_func_item_v .func_title, .share_set_title{
	font-size: 15px;
	font-weight: bold;
	color: #666;
	padding-left: 3px;
	padding-bottom:3px;
}

.share_set_title{
	font-size: 15px;
	font-weight: bold;
	color: #666;
	padding-left: 3px;
	padding-bottom:3px;
}

.shr_func_item .func_description, .shr_func_item_v .func_description{
	position: relative;
	font-weight: bold;
	top: -15px;
	left: 35px;
	width: 365px;
	height:25px; 
	font-size: 13px; 
	color: #444444;
	z-index: 909;
}

.shr_func_item.password .loader{display:none;}

.share_to{
margin-top:40px;
width:285px;
color: #666;
font-size: 15px;
font-weight:bold;
padding: 5px;

}

.share_to p{line-height: 1.6;}

.share_to a{display:inline-block; width:20px; height:20px; margin-left:5px; vertical-align: text-bottom; background: url(/navigate/images/share/btn_add_coll.png) left top no-repeat; }

.share_to a:hover{background-position: left bottom;}

.share_to span{margin-top:5px; color:#31A5CA; font-weight:normal;}

.share_content{
float:right;
width:235px;
max-height:190px;
overflow:auto;
border:1px solid #ccc;
color: #666;
font-size: 13px;
margin-top:20px;
margin-right:13px;
}

.share_content .share_set_title{background:#eee; padding:5px;}

.share_content p{ line-height:1.7; padding:5px;}

.share_content p span, .share_content p b{font-weight:bold; color: #31A5CA; word-break: break-all;}

.share_content img{ margin-left:5px; cursor:pointer; }

.share_content .loader, .share_to .loader{display:none; margin-top:3px;}

.share_set{ float:left; width:auto; margin-left:15px;}

.share_set select{ 

border: 1px solid #CECECE;
color: #666;

margin-top: 3px;
width: 270px;
height:31px;
font-size: 15px; 
} 

.share_set option{height:26px;}

.adv_set_box{ background:#FFF; z-index:1100;}

.adv_set_box ul{ position:relative; padding:20px; margin:20px 30px; height:270px; border:1px solid #ccc; box-shadow: 0px 3px 5px #DDD;}

.adv_set_box ul .adv_set_title{width: auto; line-height: 30px; text-align:center; margin: 0px; padding: 0px;}

.adv_set_box ul .back{ position:absolute; right:30px; bottom:20px; color:#0DA0DF; }

/* .adv_set_box ul .back{ position:absolute; right:30px; bottom:20px; display:block; width:37px; height:33px; background:url(/navigate/images/back_btn.png) no-repeat;} */

.func_description.ru_RU{
	font-size: 10px;
}

.total_quota{
	position: relative;
	top: -4px;
	left: 2px;
	width: 240px;
	height: 24px;
	border-width: 2px;
	border-style: solid;
	border-color: #d5d2cb;
	background-color: #fafafa;
}	.quota_used{
		background-color: #f8e0b2;
	}
	.quota_rest{
		width: auto;}
	.quota_text{
		position: relative;
		top: -45px;
		left: 260px;
	}.quota_text.ru_RU{
		left: 250px;
	}
	.quota_hint{
		cursor: help;
		position: relative;
		text-align: center;
		width: 240px;
		top: -25px;
	}
.shr_code_btn{
	margin-top: 5px;
	color: #414141;
	font-size: 15px;
	width: 255px;
	margin: 0 40px;
	text-align: center;
	height: 26px;
}.shr_code_btn.share{
	position: relative;
	top: 110px;
}
.shr_func_item_v.shr_code{
	text-align: center;
	padding-top: 50px;
}
.shr_no_one{
	position: relative;
	text-align: center;
	width: 385px;
	font-weight: bold;
	font-size: 20px;
	color: #717171;
	top: 130px;
	left: 10px;
}.shr_no_one.ru_RU{
	font-size: 14px;
}

#shr_item_setting_mask{
	display: none;
	float:left;
	position: relative;
	top: -365px;
	width: 645px;
	height: 365px;
	background: black;
	z-index: 1200;
	filter:Alpha(Opacity=60, FinishOpacity=60, Style=6); /* IE */
	-moz-opacity:0.6; /* Moz + FF */
	opacity:0.6; /* CSS3 */
}
#shr_item_setting{
	float:left;
	position: relative;
	top: -725px;
	left: 645px;
	width: 620px;
	height: 365px;
	background: white;
	z-index: 1300;
}	.setting_sidebar{
		float: left;
		width: 6px;
		height: 100%;
		background: url(/navigate/images/share/setting_bg.png) no-repeat;
	}
	.setting_content{
		float: left;
		width: 580px;
		height: 100%;
		padding-left: 10px;
		position:relative;
	}.setting_content .st_title{
		margin-top: 20px; font-size: 18px; font-weight: bold; margin-bottom: 10px;
	}.setting_content .st_title span{
		margin-right: 10px;
	}.setting_content .st_description{
		margin-top: 10px; font-size: 14px;
	}.st_description.ru_RU{
		 font-size: 12px;
	}#expiration_option ul, #quota_option ul{
		padding-left: 10px; margin-top: 10px;
	}#expiration_option li, #quota_option li{
			cursor: pointer;
			width: 100%;
			height: 26px;
			padding-left: 32px;
			padding-top: 1px;
			font-size: 15px;
			background: url(/navigate/images/checkbox_grayness_v.png) no-repeat 0px -26px;
			filter: Alpha(Opacity=60);
			-moz-opacity:0.6;
			opacity: 0.6;
	}#expiration_option li.checked, #quota_option li.checked{
			background: url(/navigate/images/checkbox_grayness_v.png) no-repeat 0 0px;
	}#expiration_option li:hover, #quota_option li:hover{
			background: url(/navigate/images/checkbox_grayness_v.png) no-repeat 0 -52px;
			filter: Alpha(Opacity=90);
			-moz-opacity:0.9;
			opacity: 0.9;
	}#expiration_option li.checked:hover, #quota_option li.checked:hover{
			background: url(/navigate/images/checkbox_grayness_v.png) no-repeat 0 -78px;
	}#quota_option li input{
		padding-left: 5px;
	}
	
	
	#share_code_box{
		width: 335px;
		text-align: center;
		background-color: #EAEAEA;
		padding: 30px 10px;
		margin: 50px 15px 60px 15px;
		border-style: double;
		border-color: #E1E1E1;
	}
	
	#share_code_box input.scode{
		font-family: Times, Times New Roman;
		text-align: center;
		width: 330px;
		font-size: 40px;
		border: 0px;
		background-color: #FEFEFE;
		border-style: double;
		border-color: #E1E1E1;
	}
	
#collabrator_owner{ clear:both; margin-top:5px; width: 578px; height: 20px; font-size:13px; font-weight:bold; color: #3D9CC9; }
	
	#collabrator_list{
		margin-top:5px;
		width: 580px;			
		padding-bottom: 3px;
		clear:both;
	}
	
	#collabrator_list .overflow{
		margin: 0;
		padding: 0;
		width: auto;
		height: 117px;
		overflow-y: scroll;
		border: 1px solid #DADADA;
	
	}
	
	#collabrator_list ul.gacls{}
	
	#collabrator_list ul.gacls > li > .group{
		padding:5px;		
		font-size: 13px;		 
		background:#86B2C7;
		color:#fff;		
		border-bottom:1px solid #3C90B8;
	}
	
	#collabrator_list .group + ul{
		/* border-bottom:1px solid #3C90B8; */
	}
	
	#collabrator_list .group input{ float: left; margin-right:5px; margin-top:3px;}
	#collabrator_list .group .g_collo_name{ float: left; max-width:345px; overflow: hidden; position:relative; cursor:pointer;}
	#collabrator_list .group .g_collo_name:hover{ color:#FFE62D;}
	#collabrator_list .group .g_collo_name div.arrow-n{display: inline-block; margin-left: 5px;}
	#collabrator_list .group .g_collo_name:hover div.arrow-n{ border-bottom-color:#FFE62D;}
	#collabrator_list .group .g_collo_name div.arrow-s{display: inline-block; margin-left: 5px;}
	#collabrator_list .group .g_collo_name:hover div.arrow-s{ border-top-color:#FFE62D;}
	#collabrator_list .group .g_contributor, #collabrator_list .group .g_member{float:right; width:150px; padding:0 3px; text-align:center;}
	
	#collabrator_list .group select{width:100%; color:#767676;}
	
	#collabrator_list .group .g_collo_remove{
		cursor: pointer;		
		float: right;
		margin-top: 5px;
		width: 12px;
		height: 12px;
		padding-left:12px;
		background: url(/navigate/images/share/icon_rm_from_list2.png) no-repeat 8px 0px;;
	}
	
	
	
	#collabrator_list ul.acls.open, #collabrator_list ul.sections.open{ display:block;}
	#collabrator_list ul.acls.close, #collabrator_list ul.sections.close{ display:none;}
	
	#collabrator_list ul.acls, #collabrator_list ul.sections{
		margin: 0;
		padding: 0;
		width: auto;		
		color:#767676;
		}
	
	#collabrator_list ul.acls li, #collabrator_list ul.sections li{
		font-size: 13px;		 
		padding:5px;
	}
	
	 #collabrator_list ul.acls li:hover, #collabrator_list ul.sections li:hover{
		background-color: #eee;
	} 
		
	.collabrator_box{float:left; padding:10px 0;}
	.collabrator_box a{ float:right; }
	
	.input_collabrator{
		float: left;
		width: 340px;
		height: 28px;
		padding-left: 10px;
		font-size: 18px;
		margin: 10px 8px 0px 0;
		border-color: #E1E1E1;
		border-width: 1px;
		border-style: solid;
	}
		

.collo_item {
	background:#DADADA; color:#767676; height:25px; line-height:25px;
	border: 1px solid #DADADA;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
	background-image: linear-gradient(bottom, #E2E2E2 25%, #F5F5F5 70%);
	background-image: -o-linear-gradient(bottom, #E2E2E2 25%, #F5F5F5 70%);
	background-image: -moz-linear-gradient(bottom, #E2E2E2 25%, #F5F5F5 70%);
	background-image: -webkit-linear-gradient(bottom, #E2E2E2 25%, #F5F5F5 70%);
	background-image: -ms-linear-gradient(bottom, #E2E2E2 25%, #F5F5F5 70%);
}
.collo_item .collo_name{float:left}
.collo_item .contributor, .collo_item .member{float:right; width: 150px; padding: 0 3px;	text-align: center;}
.collo_item .collo_remove2{
	cursor: pointer;
	/* display: none; */
	float: right;
	margin-top: 1px;
	width: 50px;
	height: 20px;
	background: url(/navigate/images/share/icon_plus_more2.png) 30px 4px no-repeat;	
}

.collo_item .collo_remove2:hover{	
	background: url(/navigate/images/share/icon_plus_more2.png) 30px -20px no-repeat;	
}

.collo_item .collo_remove2.active{	
	background: url(/navigate/images/share/icon_plus_more2.png) 30px -44px no-repeat;	
}

#collabrator_list ul.acls li .collo_name, #collabrator_list ul.sections li .collo_name{ float: left; width:auto; max-width:370px; overflow-x: hidden;}
#collabrator_list ul.acls li .collo_name{
	padding-left: 23px;
	background: url(/navigate/images/aclmark.png) no-repeat 0px -23px;
}
#collabrator_list ul.sections li .collo_name{
	padding-left: 23px;
	background: url(/navigate/images/aclmark.png) no-repeat 0px -3px;
}
#collabrator_list ul.acls li .contributor, #collabrator_list ul.acls li .member, 
#collabrator_list ul.sections li .contributor, #collabrator_list ul.sections li .member{float:right; width:150px; padding:0 3px; text-align:center;}

#collabrator_list ul.acls select, #collabrator_list ul.sections select{width:100%; color:#767676;}

#collabrator_list ul.acls li .collo_remove, #collabrator_list ul.sections li .collo_remove{
	cursor: pointer;
	/* display: none; */
	float: right;
	margin-top: 5px;
	width: 12px;
	height: 12px;
	padding-left:12px;
	background: url(/navigate/images/share/icon_rm_from_list.png) no-repeat 8px 0px;;
}

#btn_back{position:absolute; right:20px; bottom:20px;}
#btn_end{position:absolute; right:0px; bottom:20px;}


.check_upload_box, .final_upload_box{ width:300px; padding:15px; position:absolute; top:300px; left:200px; z-index:1500; background:#FFF;}

.check_upload_box p{ margin-bottom:15px; line-height:1.6;}

.check_upload_box a{ float:right;}

.final_upload_box p{  margin-bottom:15px; line-height:1.6; font-size:15px; font-weight:bold;}

.final_upload_box a{ float:right;}

.fileinput-button{float:right; margin-left:5px; }

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 15px;
  direction: ltr;
  cursor: pointer;
}

#add_vender_outter{
	display: none;
	position: relative;
	top: -305px;
	width:100%;
	height:330px; 
	box-shadow: 10px 10px 5px #888888;
	background-color: white; 
	border-width: 1px; 
	border-top: 0px; 
	border-left: 0px; 
	border-style: outset; 
	border-color: grey; 
	z-index: 99999;
}

#new_vender_inner h1{
	font-size: 24px;
}

#vender_form{
	margin-top: 15px;
}
#vender_form ul li{
	list-style:none;
	display: block;
	width: 350px;
	height: 35px;
	padding: 3px 2x;
}

#vender_form ul li label{
	float: left;
	display: block;
	width: 80px;
	text-align: right;
	font-size: 20px;
}
#vender_form ul li input{
	padding-left: 5px;
	float: right;
	display: block;
	width: 260px;
	font-size: 20px;
}

#vender_form a.btn_cancel{
			float: right;
			background-color: #dbdbdb;
			color:#868686;
			font-size: 12px;
			font-weight: normal;
			text-decoration: none;
			margin:0 5px 0 0;
			white-space: nowrap;
			padding:5px 10px;
			padding:6px 10px\9;}
#vender_form a.btn_cancel:hover{
			background-color: #868686;
			color:#ffffff;}
#vender_form a.btn_save{
			float: right;
			background-color: #ebbaba;
			color:#8d3c3c;
			font-size: 12px;
			font-weight: normal;
			text-decoration: none;
			margin:0 5px 0 0;
			white-space: nowrap;
			padding:5px 10px;
			padding:6px 10px\9;}
#vender_form a.btn_save:hover{
			background-color: #c77575;
			color:#ffffff;}	
/*-------------- social icon ----------------*/

.social_link{ width:85px !important; min-height:70px !important; padding:0 !important; margin:0; background:url(/navigate/images/transparency.gif) !important ;}
.social_link li{ float:left; }
.social_link li a{display:block; width:32px; height:32px; margin:0 5px 5px; background: url(/navigate/images/social-img2.png) ;}
.social_link li a.fb_icon{background-position: -32px -96px !important;}
.social_link li a.fb_icon:hover{background-position: 0 -96px !important;}
.social_link li a.twitter_icon{background-position: -32px -256px !important;}
.social_link li a.twitter_icon:hover{background-position: 0 -256px !important;}
.social_link li a.blog_icon{background-position: -32px -320px !important;}
.social_link li a.blog_icon:hover{background-position: 0 -320px !important;}
.social_link li a.youtube_icon{background-position: -32px -288px !important;}
.social_link li a.youtube_icon:hover{background-position: 0 -288px !important;}
	

/**----------------------arrow--------------------**/
.arrow-n { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid #FFF;}

.arrow-s { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #FFF;}

.arrow-e { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #FFF;} 

.arrow-w { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right:7px solid #FFF; }