<?php

//Theme Array
$theme_array = array (

	'Agility-HTML'	=>	array (
		"id" 			=> "Agility",
		'type'			=> "Responsive HTML5",
		"url" 			=> "http://agility-html.sevenspark.com",
		"themeforest" 	=> "http://themeforest.net/item/agility-responsive-minimal-html5/1054063",
		"preview"		=> "agility_html.jpg",
		"mobile_redirect" => true,
	),
	
	
	'UberMenu'	=> array(
		"id" 			=> "UberMenu - Mega Menu",
		"type"			=> "WP Plugin",
		"url" 			=> "http://wpmegamenu.com",
		"themeforest" 	=> "http://codecanyon.net/item/ubermenu-wordpress-mega-menu-plugin/154703",
		"preview"		=> "http://0.s3.envato.com/files/1967560/megamenupreview.1.1.2.jpg"
	),
	'ScrollCheckpoint' => array(
		"id" 			=> "Scroll Checkpoint",
		"type"			=> "WP Plugin",
		"url" 			=> "http://scrollcheckpoint.sevenspark.com",
		"themeforest" 	=> "http://codecanyon.net/item/scroll-checkpoint-animated-content-panel-plugin/234882",
		"preview"		=> "scroll_checkpoint.jpg",
	),
	'MenuManager'	=> array(
		"id" 			=> "Menu Management Enhancer",
		"type"			=> "WP Plugin",
		"url" 			=> "http://menumanager.sevenspark.com",
		"themeforest" 	=> "http://codecanyon.net/item/menu-management-enhancer-for-wordpress/529353",
		"preview"		=> "menu_manager.jpg",
	),
);



//List Loop
?>

<ul>
			
	<?php
	
	foreach ($theme_array as $i => $theme) :
		
		echo '<li><a href="#" rel="' . $theme['url'] . ',' . $theme['themeforest'] . '?ref=sevenspark">' . 
				ucfirst($theme['id']) . 
				' <span class="product-type">'.$theme['type'].'</span>';
							
		if(isset($theme['preview'])){
			echo '<span class="product-preview"><img src="';
						
			if(strpos($theme['preview'], 'http://') === false){
				echo 'product_previews/'.$theme['preview'];
			}
			else echo $theme['preview'];
			
			echo '" /></span>';
		}
		echo '</a></li>';
				
	endforeach;
				
	?>
				
</ul>

/* Preview hover styles */
#theme_list ul li {
	position:relative;
}
.product-preview{
	position:absolute;
	left:100%;
	top:-1px;
	margin-left:1px;
	background:#222;
	padding:3px;
	display:none;
}
.product-preview img{
	display:block;
	opacity:0;
}

#theme_list ul li a:hover .product-preview{
	display:block;
}
#theme_list ul li a:hover .product-preview img{
	display:block;
	opacity:1;
}



/* Product Type Styles */
.product-type{
	position:absolute;
	right:6px;
	top:8px;
	padding:3px;
	
	color: #222;
	background: #e6e6e6; /* Old browsers */
	background: #e6e6e6 -moz-linear-gradient(top, rgba(255,255,255,.1) 0%, rgba(0,0,0,.1) 100%); /* FF3.6+ */
	background: #e6e6e6 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.1)), color-stop(100%,rgba(0,0,0,.1))); /* Chrome,Safari4+ */
	background: #e6e6e6 -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* Chrome10+,Safari5.1+ */
	background: #e6e6e6 -o-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* Opera11.10+ */
	background: #e6e6e6 -ms-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* IE10+ */
	background: #e6e6e6 linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* W3C */	
	background: #e6e6e6 -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* Chrome10+,Safari5.1+ */
	
	box-shadow:inset 0px 1px 1px rgba(255,255,255,.6);
		
	text-transform:uppercase;
	font-size:9px;
	
	opacity:.9;
	
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

#theme_list ul li a:hover .product-type{
	opacity:1;
}

a, a > * {
transition: color 0.4s ease 0s, background-color 0.4s ease 0s, border 0.4s ease 0s, opacity 0.4s ease-in-out 0s;
}

.groups .viewport { width: 730px; height: 300px; overflow: hidden; position: relative; }
#contact_list .viewport { width: 800px; height: 270px; overflow: hidden; position: relative; }
#friend_list_con_right .viewport { width: 450px; height: 285px; overflow: hidden; position: relative; }
#friend_list_con_left .viewport { width: 100px; height: 261px; overflow: hidden; position: relative; }
.group_user_list .viewport { width: 510px; height: 300px; overflow: hidden; position: relative; }
.open_share_dialog.edit_dialog #friend_list_con_left .viewport { width: 100px; height: 300px; overflow: hidden; position: relative; }
#contact_list .overview, #friend_list_con_right .overview, #friend_list_con_left .overview, .groups .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.group_user_list .scrollbar, #contact_list .scrollbar, #friend_list_con_right .scrollbar, #friend_list_con_left .scrollbar, .groups .scrollbar{ background: transparent ; position: relative; background-position: 0 0; float: right; width: 10px; border-radius:6px; }
.group_user_list .track, #contact_list .track, #friend_list_con_right .track, #friend_list_con_left .track, .groups .track {  height: 100%; width:8px; position: relative; padding: 0 1px;border-radius:6px; overflow:hidden; }
.group_user_list .thumb, #contact_list .thumb, #friend_list_con_right .thumb, #friend_list_con_left .thumb, .groups .thumb { background: #ccc; height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 1px;border-radius:4px; }
.group_user_list .thumb .end, #contact_list .thumb .end, #friend_list_con_right .thumb .end, #friend_list_con_left .thumb .end, .groups .thumb .end {  background: #ccc; overflow: hidden; height: 5px; width: 13px; border-radius:4px;}
#contact_list .disable, #friend_list_con_right .disable, #friend_list_con_left .disable { display: none; }

@charset "utf-8";
/* CSS Document */
#login_out {
	position: absolute;
	top: 10%;
	width: 100%;
}

#deleteuser_dialog {
	display: none;
}

#removephoto_dialog {
	display: none;
}

#login {
	font-weight: bold;
	border: 3px #666 solid;
	width: 400px;
	margin: 0px auto;
	background: #FFF url(http://cs.i.j6.org/images/popup_bt.jpg) bottom left repeat-x;
}

.open_content {
	margin: 10px 20px;
}

/*.open_title{
	margin:0px 5px;
	padding:9px 0px 4px 0px;
	font-size:18px;
}*/
.magage_settings_content .open_title {
	margin: 0px;
}

.magage_settings_content .bottom_item {
	margin-left: 40px;
	margin-left: 280px;
}

.version_row {
	margin: 0px 0 8px;
}

.version_title {
	display: inline-block;
	margin-right: 4px;
	font-weight: bold;
	width: 160px;
	text-align: left;
}
/*.open_title2{
	margin:0px 5px;
	padding:20px 20px 8px 20px ;
	
	font-size:18px;
	background:#fff;
	border-radius:4px 4px 0 0;
	
}*/
.open_dialog.edit_dialog {
	background: url(http://cs.i.j6.org/images/open_dialog_edit.png);
}

.open_share_dialog {
	position: absolute;
	display: none;
	z-index: 2000;
/*font-weight:bold;*/
	width: 590px;
	padding: 16px;
	height: 420px;
	background: url(http://cs.i.j6.org/images/open_share_dialog.png) center center no-repeat;
}

.open_share_dialog.edit_dialog {
}

/*.open_title2 .close_btn{
	position:absolute;
	width:24px;
	height:24px;
	top:15px;
	right:15px;
	background:url(http://cs.i.j6.org/images/icon_close.png) no-repeat;
	cursor:pointer;
}*/
.group_name {
	/*font-weight:bold;*/
	margin: 0;
	padding: 7px 0 10px 20px;
	/*border-bottom:1px solid #ccc;*/;
}

.group_name:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.open_title_line {
}

/*label{
display:block;
float:left;
width:96px;
height:32px;	
}*/


.open_check {
}

.bottom_item {
	position: relative;
	overflow: hidden;
}

.bottom_item input[type="text"] {
	/*position:absolute;
	top:4px;*/;
}

.bottom_item input[type="text"].file_path {
	float: left;
	border: none;
	background: #fff;
	color: #4c4c4c;
	cursor: default;
}

.friend_bottom_item {
/*float:left;*/
	position: relative;
	overflow: hidden;
	margin: 10px 10px 10px 10px;
	padding-top: 8px;
	height: 20px;
}

.file_path {
	/*position:absolute;*/
	width: 300px;
	border: 1px solid #333;
	top: 8px;
}

.login_download {
	font-size: 14px;
	padding: 13px 0px 0px 0px;
}

#downloat_client {
	position: absolute;
	left: 100px;
	width: 173px;
	height: 29px;
	font-size: 14px;
	display: block;
}

#downloat_client a {
	font-weight: bold;
	padding: 6px 0px 0px 30px;
	width: 143px;
	height: 23px;
	color: #000;
	display: block;
	text-decoration: none;
	background: url(http://cs.i.j6.org/images/download_client_btn.jpg) no-repeat;
}

#downloat_client a:link {
}

#downloat_client a:visited {
}

#downloat_client a:hover {
	background: url(http://cs.i.j6.org/images/download_client_btna.jpg) no-repeat;
	color: #FFF;
}

#downloat_client a:active {
}

#login_submit {
	font-weight: bold;
	margin-left: 96px;
	background: none;
	border: 0px;
	display: block;
	width: 78px;
	height: 29px;
	background: url(http://cs.i.j6.org/images/login_btn.jpg) no-repeat;
	color: #FFF;
	font-size: 14px;
	cursor: pointer;
}

#login_submit:hover {
	margin-left: 96px;
	background: none;
	border: 0px;
	display: block;
	width: 78px;
	height: 29px;
	background: url(http://cs.i.j6.org/images/login_btna.jpg) no-repeat;
	color: #FFF;
	font-size: 14px;
}

#copy_file_out {
	position: absolute;
	top: 10%;
	width: 100%;
	z-index: 2000;
}

.open_dialog {
	position: absolute;
	display: none;
	z-index: 2000;
	width: 500px;
	padding: 0px;
	height: 390px;
	background: #fff;
	color: #4d4d4d;
	border-radius: 4px;
}

#move_file {
	position: absolute;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 100%;
	z-index: 2000;
	font-weight: bold;
	border: 1px #666 solid;
	width: 500px;
	margin: 0px auto;
	height: 390px;
	background: #FFF;
}

.protocol_edit_dialog {
	position: absolute;
	z-index: 2000;
	font-weight: bold;
	width: 500px;
	padding: 5px;
	height: 360px;
	background: url(http://cs.i.j6.org/images/open_dialog_manageprotol.png) no-repeat bottom;
}

.protocol_edit_dialog label.profile_create_title {
	display: block;
	float: left;
	width: 180px;
	height: 30px;
	font-weight: bold;
	text-align: right;
	margin-right: 20px;
}

.protocol_edit_dialog label.profile_create_title {
	display: block;
	float: left;
	width: 180px;
	height: 30px;
	font-weight: bold;
	text-align: right;
	margin-right: 20px;
}

.protocol_edit_dialog .profile_input {
	width: 160px;
}

.snapshot_input {
	width: 140px;
}

.profile_input2 {
	width: 70px;
	border-color: #7b9ebd;
}

.protocol_edit_dialog .open_content {
	height: 240px;
}
/*#title_new_user{
	background:url(http://cs.i.j6.org/images/icon_boxtitle_adduser_16.png) center left no-repeat;
	padding-left:20px;
}*/
/*.title_protocol_setting{
	background:url(http://cs.i.j6.org/images/icon_mouseover_settings.png) center left no-repeat;
	padding-left:20px;
}*/
/*.title_chg_user_password{
	background:url(http://cs.i.j6.org/images/password.png) center left no-repeat;
	padding-left:20px;
}*/
.title_ups_setup {
	background: url(http://cs.i.j6.org/images/icon_pagetitle_upssetup_20.png) center left no-repeat;
	padding-left: 20px;
}

.title_component_view {
	background: url(http://cs.i.j6.org/images/icon_mouseover_view.png) center left no-repeat;
	padding-left: 20px;
}

.title_create_amazon_s3 {
	background: url(http://cs.i.j6.org/images/icon_pagetitle_amazons3_16.png) center left no-repeat;
	padding-left: 20px;
}

.title_create_remote {
	background: url(http://cs.i.j6.org/images/icon_pagetitle_backup_serversetting_16.png) center left no-repeat;
	padding-left: 20px;
}

.title_backup_usb {
	background: url(http://cs.i.j6.org/images/icon_pagetitle_frontusb_16.png) center left no-repeat;
	padding-left: 20px;
}

/*#title_move_file{
	background:url(http://cs.i.j6.org/images/move.png) center left no-repeat;
	padding-left:20px;
}*/
/*#title_copy_file{
	background:url(http://cs.i.j6.org/images/copy.png) center left no-repeat;
	padding-left:20px;
}*/

#authentication_title_information {
	background: url(http://cs.i.j6.org/images/icon_info_16.png) center left no-repeat;
	padding-left: 20px;
}
/*#shareSToD_title_information_messages{
	background:url(http://cs.i.j6.org/images/hicloud.png) center left no-repeat;
	padding-left:20px;
}*/

/*#title_share_file{
	background:url(http://cs.i.j6.org/images/share.png) center left no-repeat;
	padding-left:20px;
}*/
.title_information.dialog_info {
	border: none;
	height: 32px;
	background: url(http://cs.i.j6.org/images/dialog_info.png) left top no-repeat;
}

.title_information.dialog_warring {
	border: none;
	height: 32px;
	background: url(http://cs.i.j6.org/images/dialog_warring.png) left top no-repeat;
}

.title_information.dialog_error {
	border: none;
	height: 32px;
	background: url(http://cs.i.j6.org/images/dialog_error.png) left top no-repeat;
}

#my_folder_copy, #my_folder_move {
	background: url(http://cs.i.j6.org/images/logo_single.png) 2px top no-repeat;
	margin: -4px 0px 0px;
	color: #333333;
	padding-left: 32px;
	cursor: pointer;
	border-radius: 0 0 0 0;
}

#my_folder_copy:hover, #my_folder_move:hover {
	background: url(http://cs.i.j6.org/images/logo_single.png) 2px top no-repeat #dbeef1;
}

.close_btn, .close_btn_share {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 10px;
	right: 10px;
	background: url(http://cs.i.j6.org/images/icon_close.png) left top no-repeat;
	cursor: pointer;
}

.close_btn:hover, .close_btn_share:hover {
	background: url(http://cs.i.j6.org/images/icon_close.png) left -24px no-repeat;
}

.close_btn:active, .close_btn_share:active {
	background: url(http://cs.i.j6.org/images/icon_close.png) left -48px no-repeat;
}

#create_user {
	display: none;
}

.create_user_closed {
	position: absolute;
	width: 21px;
	height: 21px;
	top: 3px;
	right: 3px;
	background: url(http://cs.i.j6.org/images/close_btn.png) no-repeat;
	cursor: pointer;
}

.create_user_closed:hover {
	background: url(http://cs.i.j6.org/images/close_btn_a.png) no-repeat;
}

.move_file_list {
	overflow: auto;
	height: 260px;
	margin-bottom: 10px;
}

.movefile_btn {
	position: absolute;
	right: 0px;
	font-size: 14px;
}

.movefile_btn a {
	text-decoration: none;
	background: url(http://cs.i.j6.org/images/blue_btn.jpg) repeat-x center center;
	border: 1px solid #07253d;
	border-radius: 4px;
	color: #fff;
	width: 130px;
	height: 22px;
	text-align: center;
	padding-top: 5px;
	font-size: 14px;
	display: block;
}

.movefile_btn a:link {
}

.movefile_btn a:visited {
}

.movefile_btn a:hover {
	background: url(http://cs.i.j6.org/images/blue_btna.jpg) center repeat-x;
}

.movefile_btn a:active {
}

.cancel_btn {
	position: absolute;
	right: 0px;
	font-size: 14px;
}

.cancel_btn a {
	text-decoration: none;
	background: url(http://cs.i.j6.org/images/gray_btn.jpg) repeat-x center center;
	color: #000;
	width: 78px;
	height: 22px;
	border: 1px solid #8a8a8a;
	border-radius: 4px;
	text-align: center;
	padding-top: 5px;
	font-size: 14px;
	display: block;
}

.cancel_btn a:link {
}

.cancel_btn a:visited {
}

.cancel_btn a:hover {
	background: url(http://cs.i.j6.org/images/gray_btn_a.jpg) repeat-x center center;
	color: #FFF;
}

.cancel_btn a:active {
}

.move_file_treeview {
	padding: 3px;
	font-size: 12px;
	font-weight: 100;
}

#title_image_preview {
	background: url(http://cs.i.j6.org/images/preview.png) center left no-repeat;
	padding-left: 20px;
}

#image_preview_out {
	position: absolute;
	top: 10%;
	width: 100%;
}

#image_preview {
	font-weight: bold;
	border: 1px #666 solid;
	width: 600px;
	margin: 0px auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	background: #FFF;
}

.ok_btn {
	margin: 0px 230px;
	font-size: 14px;
}

.ok_btn a {
	text-decoration: none;
	background: url(http://cs.i.j6.org/images/login_btn.jpg) no-repeat;
	color: #fff;
	width: 78px;
	height: 24px;
	text-align: center;
	padding-top: 5px;
	font-size: 14px;
	display: block;
}

.ok_btn a:link {
}

.ok_btn a:visited {
}

.ok_btn a:hover {
	background: url(http://cs.i.j6.org/images/login_btna.jpg) no-repeat;
}

.ok_btn a:active {
}

.sample_pic {
	padding-bottom: 10px;
}

#title_upload_file {
	font-size: 18px;
	padding: 10px 0 10px;
	border-bottom: 1px solid #ccc;
}

#upload_file_list {
	overflow: hidden;
	height: 50px;
	margin-bottom: 10px;
}

#upload_ok {
	font-size: 14px;
	line-height: 20px;
}

#upload_ok img {
	float: left;
	padding-right: 10px;
}

#tradition_upload {
	display: none;
	position: relative;
	height: 60px;
	padding: 20px 10px;
	background: url(http://cs.i.j6.org/images/open_dialog_upload.png) center -52px;
	border: none;
}

.tra_upload_bottom {
	display: none;
	overflow: hidden;
	background: url(http://cs.i.j6.org/images/open_dialog_upload.png) bottom center;
	border: none;
	padding: 0px 0 10px;
}

.tradition_upload_filed {
	position: relative;
	width: 233px;
	height: 32px;
}

.tradition_upload_filed .fake_file_path {
	margin: 2px 0;
}

#upload_alert_words, #upload_alert_word_pre {
	font-weight: bold;
	padding: 2px 10px;
	color: #000000;
}

#browserTip, .browserTip {
	display: table;
	background: url(http://cs.i.j6.org/images/tip.png) no-repeat left 3px;
	padding: 0px 10px 2px 32px;
	height: 40px;
	font-weight: 100;
	color: #4D4D4D;
}

#browserTip span {
	display: table-cell;
	vertical-align: middle;
}

#upload_alert_words span, #upload_alert_word_pre span {
	color: #e46d6d;
	cursor: pointer;
}

#upload_alert_words span:hover, #upload_alert_word_pre span:hover {
	color: #eee;
}

#choose_file {
	padding: 4px;
	font-size: 12px;
	font-weight: 100;
	text-align: center;
	border: #b6b6b6 1px solid;
	margin-bottom: 10px;
}

.upload_btn_b {
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(http://cs.i.j6.org/images/blue_btn.jpg) repeat-x;
	color: #FFF;
	display: block;
	padding: 2px 3px;
	line-height: 20px;
	border: 1px #000 solid;
	cursor: pointer;
}

.upload_btn_b:hover {
	background: url(http://cs.i.j6.org/images/blue_btna.jpg) repeat-x;
}

.each_file {
	position: relative;
	padding-bottom: 6px;
}

.browse_file {
	background: url(http://cs.i.j6.org/images/gray_btn.jpg);
	border: 1px #8a8a8a solid;
	padding: 0px 10px;
	height: 20px;
}

.browse_file:hover {
}

.file_path_name {
	height: 18px;
}

.ifile {
	left: 0px;
	right: 0px;
}

.ifile2 {
	position: absolute;
	left: 0px;
	right: 0px;
	opacity: 0;
	filter: alpha(opacity=0);
}

#upload_btn {
	background: url(http://cs.i.j6.org/images/gray_btn.jpg);
	border: 1px #8a8a8a solid;
	width: 124px;
}

#upload_btn img {
	padding-right: 3px;
}

#upload_btn a {
	display: block;
	padding-left: 20px;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 2px;
	padding: 2px 8px 2px 2px;
}

#upload_btn a:link {
}

#upload_btn a:visited {
}

#upload_btn a:hover {
	background: url(http://cs.i.j6.org/images/gray_btn_a.jpg);
	color: #FFF;
}

#upload_btn a:active {
}

#revert {
	display: none;
	position: absolute;
	z-index: 1500;
	/*font-weight:bold;
	padding:16px;*/
	width: 800px;
	margin: 0px auto;
	height: 390px;
	background: #fff;
	border-radius: 4px;
}

.revert_comment_text {
	width: 236px;
}

#revert_list {
	height: 280px;
	overflow: auto;
}

#manage_revert {
	border: #999 2px solid;
	overflow: hidden;
}

.revert_version {
	float: left;
	border-right: solid #b5b2b5 1px;
	border-left: solid #fff 1px;
	padding: 4px 8px;
	width: 40px;
	text-align: center;
}

.revert_time {
	float: left;
	border-right: solid #b5b2b5 1px;
	border-left: solid #fff 1px;
	padding: 4px 8px;
	width: 120px;
	text-align: center;
}

.revert_comment {
	float: left;
	border-right: solid #b5b2b5 1px;
	border-left: solid #fff 1px;
	padding: 4px 8px;
	width: 120px;
	text-align: center;
	overflow: inherit;
}

.revert_btn {
	float: left;
	border-left: solid #fff 1px;
	padding: 4px 8px;
	width: 85px;
	text-align: center;
}

.manage_list .revert_version, .manage_list .revert_time, .manage_list .revert_comment,.manage_list_odd .revert_version, .manage_list_odd .revert_time, .manage_list_odd .revert_comment {
	text-align: left;
}

tr#revert_title td {
	background: #d8d8d8;
	color: #333;
	/*text-align:center;*/
	border-right: 1px solid #b3b3b3;
	padding: 6px 3px 6px 10px;
	/*font-weight:bold;*/;
}

tr#revert_title td:last-child {
	border: none;
}

#revert_list table {
	table-layout: fixed;
	width: 100%;
	font-size: 12px;
}

#revert_list tr {
	border-bottom: solid #ccc 1px;
}

.revert_btns {
	display: block;
	width: 60px;
	border: 1px solid #000;
	padding: 0px;
	margin: 0px;
	background: url(http://cs.i.j6.org/images/blue_btn.jpg);
	text-align: center;
}

.revert_btns a {
	text-decoration: none;
	display: block;
	color: #FFF;
	background: url(http://cs.i.j6.org/images/blue_btn.jpg);
}

.revert_btns a:link {
}

.revert_btns a:visited {
}

.revert_btns a:hover {
	background: url(http://cs.i.j6.org/images/blue_btna.jpg);
}

.revert_btns a:active {
}

.t_even td {
	padding: 3px 3px 3px 10px;
	background: #fff;
	font-weight: 100;
	color: #333;
}

.t_odd td {
	padding: 3px 3px 3px 10px;
	background: #f6f6f6;
	font-weight: 100;
	color: #333;
}

.out {
	width: 100%;
}

#change_pic {
	position: absolute;
	z-index: 2000;
	font-weight: bold;
	border: 1px #666 solid;
	width: 500px;
	margin: 0px auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	background: #FFF;
}

.pp_pic {
	text-align: center;
	padding-bottom: 10px;
}

.pp_pic img {
	max-width: 440px;
}

#title_change_pictures {
	background: url(http://cs.i.j6.org/images/change_picture.png) center left no-repeat;
	padding-left: 20px;
}

#index_upload_pic {
	width: 100%;
	text-align: center;
	margin: 0px auto;
}

#index_upload_pic #upload_pic {
	margin-bottom: 6px;
}

#index_upload_pic .browse_pic {
	position: absolute;
	left: 160px;
	right: 0px;
	opacity: 0;
}

.revert_more {
}

.revert_more a {
	display: block;
	width: 20px;
	height: 20px;
	background: url(http://cs.i.j6.org/images/advance_btn.png);
}

.revert_more a:link {
}

.revert_more a:visited {
}

.revert_more a:hover {
	background: url(http://cs.i.j6.org/images/advance_btna.png);
}

.revert_more a:active {
}

.revert_setting {
	position: absolute;
	font-size: 14px;
	top: 100px;
	width: 100%;
	z-index: 2500;
}

.revert_edit {
	width: 240px;
	margin: 0 auto;
	padding: 4px;
	border-radius: 4px;
	z-index: 1000;
	background: #fff;
	border: 1px solid #ccc;
}

label.revert_kind {
	display: block;
	width: 100px;
	height: 20px;
}

.revert_edit textarea {
	margin-bottom: 4px;
}

.revert_edit_bottom {
	position: relative;
	height: 40px;
}

.revert_save_btn {
	position: absolute;
	right: 90px;
	top: 6px;
	display: block;
}

.revert_save_btn a {
}

.revert_save_btn a:link {
}

.revert_save_btn a:visited {
}

.revert_save_btn a:hover {
}

.revert_save_btn a:active {
}

.revert_cancel_btn {
	position: absolute;
	right: 4px;
	top: 6px;
}

.revert_cancel_btn a {
}

.revert_cancel_btn a:link {
}

.revert_cancel_btn a:visited {
}

.revert_cancel_btn a:hover {
}

.revert_cancel_btn a:active {
}

.revert_check {
	float: left;
	width: 18px;
}

.revert_kind {
}

.share_list {
	border: 1px solid  #CCC;
	margin-bottom: 10px;
	max-height: 280px;
	overflow: auto;
}

.share_title {
	background: url(http://cs.i.j6.org/images/bar.jpg);
	overflow: hidden;
	padding-top: 0px;
	text-align: center;
}

.share_check {
	float: left;
	display: block;
	width: 40px;
	height: 16px;
	border-right: #CCC 1px solid;
	text-align: center;
	vertical-align: middle;
	padding: 4px 0px;
}

.share_id {
	float: left;
	display: block;
	width: 185px;
	line-height: 20px;
	border-right: #CCC 1px solid;
	vertical-align: middle;
	padding: 2px;
}

.share_name {
	float: left;
	display: block;
	line-height: 20px;
	vertical-align: middle;
	width: 185px;
	padding: 2px;
}

.share_odd {
	border-top: 1px solid  #CCC;
	background: #f6f6f6;
	font-weight: 100;
	overflow: hidden;
}

.share_even {
	border-top: 1px solid  #CCC;
	background: #fff;
	font-weight: 100;
	overflow: hidden;
}

.save_btn {
	position: absolute;
	right: 90px;
	font-size: 14px;
}

.save_btn a {
	text-decoration: none;
	background: url(http://cs.i.j6.org/images/blue_btn.jpg) repeat-x center center;
	border: 1px solid #07253d;
	border-radius: 4px;
	-khtml-border-radius: 4px;
	color: #fff;
	width: 78px;
	height: 22px;
	text-align: center;
	padding-top: 5px;
	font-size: 14px;
	display: block;
}

.save_btn a:link {
}

.save_btn a:visited {
}

.save_btn a:hover {
	background: url(http://cs.i.j6.org/images/blue_btna.jpg) repeat-x;
}

.save_btn a:active {
}

#loading_out {
	position: absolute;
	width: 100%;
	top: 40%;
	z-index: 2500;
}

#loading {
	margin: 0 auto;
	text-align: center;
	opacity: 0.7;
	position: relative;
	z-index: 9999;
}

#jplayer {
	position: absolute;
	z-index: 2000;
	font-weight: bold;
	border: 1px #666 solid;
	width: 420px;
	margin: 0px auto;
	height: 137px;
	background: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#jplayer_video {
	position: absolute;
	z-index: 2000;
	font-weight: bold;
	border: 1px #666 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 480px;
	margin: 0px auto;
	height: 387px;
	background: #FFF;
}

#title_jplayer {
	background: url(http://cs.i.j6.org/images/music.png) center left no-repeat;
	padding-left: 20px;
}

#title_video_jplayer {
	background: url(http://cs.i.j6.org/images/film.png) center left no-repeat;
	padding-left: 20px;
}

#friend_search {
	height: 14px;
	padding: 2px;
	border: 1px solid #7b9ebd;
}

#quotaForm {
	text-align: center;
	margin: 0px auto;
	padding: 10px;
	width: 300px;
	font-size: 14px;
}

#quotaForm p {
	text-align: left;
}

#updateQuota {
	margin: 4px 0px 0px 103px;
}

#share_list {
	max-width: 395px;
	margin: 0px;
	padding: 10px 0px 10px 15px;
	overflow: hidden;
}

#share_list div img {
	float: left;
	margin: 0px;
	height: 50px;
	padding: 5px 15px 5px 0;
}

.share_list_intro {
	font-size: 12px;
}

.share_list_intro span {
	color: #39599c;
	font-weight: bold;
}

#upload_title {
	position: relative;
}

form#create_new_user label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	font-size: 12px;
	float: right;
	width: 560px;
	text-align: left;
	padding: 3px 0;
	display: block;
	color: #fd8383;
	/*font-style: italic;*/;
}

.dialog_con label.error {
	float: none;
	width: auto;
}
/*#create_group label.error{
	font-size:12px;
	float:left;
	width:460px;
	margin:0 0 0 175px;
	text-align:left;
	padding:3px 0;
	display:block;
	color: #fd8383;
}*/
.error {
	color: #fd8383;
	/*font-style: italic;*/;
}

#manage_fix label.error {
	float: left;
	margin-left: 25px;
}

.magage_settings_content label.error {
	width: 506px;
}

.magage_settings_content #sharegroupForm label.error {
	width: 500px;
	float: left;
	padding-left: 224px;
}

form#CIFS_form label.error, form#FTP_form label.error, form#AFP_form label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	display: block;
	padding-left: 200px;
	color: #fd8383;
	/*font-style: italic;*/;
}

.create_btn {
	position: absolute;
	right: 90px;
	top: 0px;
	display: block;
	cursor: pointer;
	background: url(http://cs.i.j6.org/images/blue_btn.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 1px solid #000;
	border-radius: 4px;
	color: #fff;
	width: 78px;
	padding: 4px 0px;
	font-size: 14px;
}

.create_btn:hover {
	background: url(http://cs.i.j6.org/images/blue_btna.jpg);
}

.alert {
	display: none;
	position: absolute;
	z-index: 2000;
	width: 240px;
	padding: 5px;
	background: url(http://cs.i.j6.org/images/open_dialog_alert.png);
}

.dialog_alert {
	padding: 14px 10px 6px 32px;
	background: url(http://cs.i.j6.org/images/tip.png) no-repeat left 3px;
	min-height: 20px;
}
/*.alert .dialog_con{
	padding:10px;
height:70px;
}*/
.upgrade_msg {
	margin: 3px 0 6px;
}

.upgrade_msg span {
	display: block;
	float: left;
}

.right_arrow {
	display: inline-block;
	width: 30px;
	height: 16px;
	background: url(http://cs.i.j6.org/images/right_arrow.png) center 1px no-repeat;
}

.alert .bottom_item {
	position: relative;
	overflow: inherit;
	float: left;
	left: 60%;
	padding-bottom: 10px;
}

.move_file_btn_set {
	float: right;
}

.active_wrapper .bottom_item {
	padding: 0 10px 10px;
}

.bandwidth_btns {
	padding: 0 10px 10px 60px;
}

.bandwidth_btns a.s_button {
	float: left;
}

.alert a.s_button {
	position: relative;
	right: 50%;
}

/*.dialog{
	display:none;
	position:absolute;
	z-index:2000;
	width:300px;
	padding:16px;
	color:#4d4d4d;
	background:#fff;
	border-radius:4px;
}*/
/*.dialog2{
	display:none;
	position:absolute;
	z-index:2000;
	width:340px;
	padding:5px;
	color:#4d4d4d;	
}*/
.dialog_input {
	margin: 6px 0px;
	width: 100%;
}

#forgetPwd_instruction {
	padding-left: 20px;
	background: url(http://cs.i.j6.org/images/icon_status_yellow.png) no-repeat left top;
}

#forgetPwd_instruction span {
	color: #F00;
}

.alert_list li {
	padding: 0 5px;
	list-style-position: inside;
	list-style-type: decimal;
}

#changepassword_dialog {
	display: none;
}

#changepassword_dialog_con_messages {
	padding: 0px 0px 4px;
}

.dialog_label {
	float: left;
	padding-top: 2px;
	display: block;
	width: 120px;
}

.dialog_chpw_input {
	margin: 0px 0px 10px;
	width: 155px;
}
/*.dialog_title{
	height:30px;
	padding:0px 0px 0px 0px;
	color:#0066cc;
	font-weight:bold;
	font-size:14px;
}*/
/*.dialog_con{
padding:6px;
height:76px;
}*/

.dialog_con input[type="checkbox"], .dialog_con input[type="radio"] {
	margin: 0 6px 0 0;
}
/*.dialog .bottom_item{
	height:30px;
	padding:10px 0px;
	font-weight:bold;
}*/
.bottom_item {
	/*padding-left:258px;*/;
}

.bottom_item .s_button {
	float: left;
}

.dialog .bottom_item {
	overflow: hidden;
	padding: 10px 0px 0px;
	font-weight: bold;
}

#fileupload, #fileupload_flash {
	display: none;
	position: absolute;
	z-index: 2000;
	left: 14px;
	top: 1px;
}

.trap_sink_title {
	background: url(http://cs.i.j6.org/images/nav_btn.jpg) left top;
	color: #666;
	margin-top: 4px;
	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	overflow: hidden;
}

.trap_sink_title div {
	text-align: left;
	font-weight: bold;
}

.trap_sink_1 {
	float: left;
	width: 130px;
	font-size: 11px;
	padding: 8px 4px 6px;
	font-weight: 100;
}

.trap_sink_2 {
	float: left;
	width: 140px;
	font-size: 11px;
	padding: 8px 4px 6px;
	font-weight: 100;
}

.trap_sink_title .trap_sink_2 {
	background: url(http://cs.i.j6.org/images/titlebar_line_divide.png) no-repeat left bottom;
}

.l140 {
	width: 140px;
}

.upgrad_dialog {
	/*display:none;*/
	position: absolute;
	z-index: 500;
	width: 506px;
	border-radius: 4px;
	overflow: hidden;
	background: url(http://cs.i.j6.org/images/dialog_bg.jpg) center bottom no-repeat #fff;
}

.upgrad_dialog .active_wrapper .close_btn {
	top: 5px;
}

#clause, .clause {
	display: none;
	position: absolute;
	z-index: 500;
	width: 640px;
}

.clause_wrapper {
	position: relative;
	padding: 0px;
	background: #fff;
	border-radius: 4px;
	/*background:url(http://cs.i.j6.org/images/component_setting_b.png) left bottom;*/;
}

.clause_wrapper .open_title, .active_wrapper .open_title, ..active_wrapper .open_title2 {
	margin: 0 10px;
}

.active_wrapper {
	position: relative;
	padding: 0px 10px 10px;
	background: #fff;
	border-radius: 0 0 4px 4px;
}

.upgrad_dialog_wrapper {
	position: relative;
	padding: 10px 10px;
}

.upgrad_dialog_wrapper .active_contant {
	width: 340px;
	margin: 0 auto;
	padding: 0 0 15px 0;
	text-align: center;
	height: 260px;
}

.upgrad_dialog_wrapper .active_contant .verify_error {
	padding: 26px 55px 0 100px;
	text-align: left;
	background: url(http://cs.i.j6.org/images/dialog_warring.png) 50px top no-repeat;
	color: #FF5A00;
	min-height: 20px;
}

.upgrad_dialog_wrapper h3 {
	font-weight: 100;
	font-size: 18px;
	padding: 10px 0 10px;
}

.upgrade_btn_set {
	margin: 3px 0;
}

.upgrade_btn_set a {
	display: inline-block;
	line-height: 24px;
	vertical-align: middle;
	margin: 0 4px;
	padding: 0 30px;
	border-radius: 4px;
	color: #fff;
	background: url(http://cs.i.j6.org/images/button2.jpg) left top;
}

.upgrade_btn_set a:hover {
	text-decoration: none;
	background: url(http://cs.i.j6.org/images/button2.jpg) left -32px;
}

.upgrade_btn_set a:active {
	text-decoration: none;
	background: url(http://cs.i.j6.org/images/button2.jpg) left -64px;
}

.active_wrapper h3 {
	padding: 5px 0px;
	color: #0066cc;
}

.active_wrapper .close_btn {
	top: -5px;
}

.share_link_btn_set {
	position: absolute;
	top: 242px;
	right: 16px;
}

#notification_dialog_qs_ok_btn {
	position: absolute;
	top: 172px;
	right: 96px;
	width: 40px;
	text-align: center;
}

#notification_dialog_qs_cancel_btn {
	position: absolute;
	top: 172px;
	right: 16px;
	width: 40px;
	text-align: center;
}

#notification_dialog_qs_linkctrl_btn {
	position: absolute;
	top: 254px;
	left: 20px;
}
/*#notification_dialog_qs_copy_btn{
	background:url(http://cs.i.j6.org/images/button_full_sprite_r.png) right top no-repeat;
}
#notification_dialog_qs_copy_btn:hover{
	background:url(http://cs.i.j6.org/images/button_full_sprite_r.png) right 25px no-repeat;
}
#notification_dialog_qs_copy_btn span{
	background:url(http://cs.i.j6.org/images/button_full_sprite.png) left top;
}
#notification_dialog_qs_copy_btn span:hover{
	background:url(http://cs.i.j6.org/images/button_full_sprite.png) left -25px;
}*/
.clause_content {
	padding: 10px 5px 10px;
}

.active_contant, .sharefile_contant {
	padding: 10px;
	min-height: 100px;
}

.share_link_content {
	overflow: auto;
	min-height: 100px;
	max-height: 200px;
	height: 200px;
}

.share_link_title {
	border-radius: 4px 4px 0 0;
	background: #D9D9D9;
}

.share_link_title .sl_file_name {
	border-right: 1px solid #B3B3B3;
	width: 279px;
}

.share_link_row {
	border-bottom: 1px solid #ccc;
}

.sk_row li {
	float: left;
	padding: 6px 0px 6px 10px;
}

.sl_file_name {
	width: 280px;
}

.sl_path {
	width: 260px;
}

.dialog_input_t {
	padding-bottom: 16px;
	border-bottom: 1px solid #ccc;
}

.dialog_input_b {
}

.dialog_input li {
	margin: 0 0 10px 50px;
}

.dialog_input li input[type="radio"] {
	margin-right: 4px;
}

.dialog_input li select {
	width: 80px;
}
/*#copied{
	background:url(http://cs.i.j6.org/images/icon_status_green.png) left no-repeat;
	padding-left:20px;
	display:none;
}*/
.share_link_return {
	border: 1px solid #7b9ebd;
	margin: 6px 0;
	background: #FFF;
	padding: 2px 1px;
	width: 450px;
}

.tenant_invite {
	border: 1px solid #7b9ebd;
	margin: 6px 0;
	background: #FFF;
	padding: 2px 1px;
	width: 580px;
}

.email_block {
	position: relative;
	background: #4D4D4D;
}

.email_block label.error {
	position: absolute;
	right: 2px;
	top: 2px;
	display: inline;
	width: 150px;
	text-align: right;
}

.email_block .email_input {
	border: none;
	background: none;
	width: 600px;
	margin: 0;
}

.email_each {
	position: relative;
	display: inline-block;
	background: #ddd;
	border-radius: 4px;
	padding: 2px 4px;
	margin: 2px;
}

.email_each.illegal_email {
	color: #FD8383;
}

.append_email {
	max-height: 72px;
	overflow: auto;
}

.delete_email {
/*	position:absolute;
	right:2px;
	top:2px;*/
	display: inline-block;
	width: 10px;
	text-align: center;
	padding: 0 2px;
	border-radius: 3px;
	margin: 0 0 0 4px;
	background: #666;
	color: #fff;
	cursor: pointer;
}

.delete_email:hover {
	background: #3686af;
}

.email_input {
	border: 1px solid #7b9ebd;
	margin: 6px 0;
	background: #FFF;
	padding: 2px 1px;
	width: 595px;
}

.share_link_modify {
	margin-bottom: 0px;
}

.share_link_modify.sigle_send {
	margin: 0 10px;
}

.share_link_modify a {
	margin-top: 5px;
}

.active_list li {
	padding: 2px 0;
}

.active_list li:hover {
	background: #ccc;
}

.active_contant {
	min-height: 140px;
}

.bandwidth_title {
	margin-left: 50px;
}

.active_contant li span {
	display: inline-block;
	width: 50px;
	font-weight: bold;
}

.active_contant .upgrade_note li span {
	width: 320px;
	font-weight: 100;
}

.active_contant .dialog_input li span {
	display: inline;
	font-weight: 100;
}

.clause_list {
	height: 360px;
	overflow: auto;
	margin: 0px 20px 10px;
	line-height: 20px;
}

.clause_list ul li {
	line-height: 24px;
	list-style: disc;
	list-style-position: inside;
	padding-left: 2px;
}

.clause_list h3 {
	padding: 5px 0;
}

.clause_check {
	margin: 0px 20px 0px;
}

#contact_list {
	position: relative;
	height: 270px;
	width: 480px;
	overflow: hidden;
	padding: 6px 10px;
}

.full_btn {
	background: url(http://cs.i.j6.org/images/button_full.png) left top;
	float: left;
	width: 150px;
}

.full_btn.btn_disabled {
	background: none !important;
	cursor: default;
}

.full_btn.btn_disabled a {
	background: url(http://cs.i.j6.org/images/button_disable.png) left top no-repeat !important;
	cursor: default;
}

.full_btn a {
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	padding: 6px 0 5px 6px;
}

.full_btn a:hover {
	background: url(http://cs.i.j6.org/images/button_full.png) left -25px;
}

a#uploadifyStartUpload {
}

a#uploadifyStartUpload:hover {
	text-decoration: none;
	background: url(http://cs.i.j6.org/images/button_full.png) left -25px;
}

a#uploadifyCancelUpload {
}

a#uploadifyCancelUpload:hover {
	text-decoration: none;
	background: url(http://cs.i.j6.org/images/button_full.png) left -25px;
}

#uploadifyTasks td {
	padding: 4px 2px;
}

.uploadifyBar {
	display: inline-block;
	height: 16px;
	width: 140px;
	background: #bfbfbf;
	border-radius: 4px;
	overflow: hidden;
}

.uploadifyPercent {
	position: relative;
	height: 100%;
	width: 20%;
	background: url("http://cs.i.j6.org/images/capacitybarg.jpg") center center repeat-x;
}

.uploadifyStartTd div {
	text-indent: -9999px;
	background: url(http://cs.i.j6.org/images/flash_upload_btn.jpg) center top no-repeat;
	width: 28px;
	height: 20px;
	border-radius: 4px;
	cursor: pointer;
}

.uploadifyStartTd div:hover {
	background-position: center -20px;
}

.uploadifyCancelTd div {
	text-indent: -9999px;
	background: url(http://cs.i.j6.org/images/flash_delete_btn.jpg) center top no-repeat;
	width: 28px;
	height: 20px;
	border-radius: 4px;
	cursor: pointer;
}

.uploadifyCancelTd div:hover {
	background-position: center -20px;
}

.uploadifyErrTr {
	color: #cd0a0a;
	/*border:1px solid #cd0a0a;*/
	background: #feffcb;
}

#uploadifyTasks .uploadifySucTr td {
	padding: 10px 2px;
}

#bigProgressBar .uploadifyBar {
	height: 20px;
	width: 100%;
	border-radius: 4px;
	overflow: hidden;
}

#bigProgressBar .uploadifyPercent {
	height: 100%;
	width: 50%;
	border-radius: 0;
	background: url("http://cs.i.j6.org/images/capacitybarg.jpg") center center repeat-x;
}

.uploadifyBtnSet {
	position: relative;
	float: left;
}

#file_uploadUploader {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
}

#uploadifyBtnImg {
	position: absolute;
	background: url(http://cs.i.j6.org/images/button_full_sprite.png) top left;
	width: 150px;
	height: 25px;
	left: 0;
	top: 0;
	z-index: 1;
}

#uploadifyBtnTxt {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100px;
	text-align: center;
	font-weight: bold;
	padding: 6px 0 0 30px;
	color: #FFFFFF;
}

.uploadifyQueueItem {
	display: none;
}

#select_btn {
	float: right;
	width: 32px;
	height: 25px;
	margin-right: 3px;
	border-radius: 4px;
	overflow: hidden;
	background: url(http://cs.i.j6.org/images/list_style_select.jpg) center top;
}

#select_btn:hover {
	background: url(http://cs.i.j6.org/images/list_style_select.jpg) center -25px;
}

#select_btn:active, #select_btn.select_all {
	background: url(http://cs.i.j6.org/images/list_style_select.jpg) center -50px;
}

#select_btn.c_select_all {
	background: url(http://cs.i.j6.org/images/list_style_select.jpg) center top;
}

#select_btn.c_select_all:hover {
	background: url(http://cs.i.j6.org/images/list_style_select.jpg) center  -25px;
}

#select_btn.c_select_all:active {
	background: url(http://cs.i.j6.org/images/list_style_select.jpg) center  -50px;
}

#show_member_count {
	position: relative;
	float: right;
	width: 70px;
	height: 24px;
	margin: 0px 8px 0 0;
	padding-top: 3px;
	font-size: 11px;
	background: url(http://cs.i.j6.org/images/share_count.png) no-repeat;
}

.total_member_count {
	color: #4d4d4d;
	padding: 3px 0 0 30px;
}

#friend_list_con_left .friend_ind {
	float: left;
	position: relative;
	font-size: 12px;
	height: 30px;
	width: 100px;
	margin: 0px;
	padding: 8px 2px 8px;
	text-align: left;
	border-radius: 0;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
}

#friend_list_con_left .friend_ind .friend_ind_img, #friend_list_con_left .friend_edit .friend_ind_img {
	position: relative;
	width: 30px;
	height: 30px;
	margin: 2px 0 2px;
	overflow: hidden;
}

#friend_list_con_left .friend_id {
	position: absolute;
	left: 30px;
	top: 6px;
}

#friend_list_con_left .friend_id a {
	font-size: 12px;
	color: #4c4c4c;
	position: absolute;
	left: 24px;
	top: 16px;
	width: 40px;
	height: 14px;
	overflow: hidden;
}

#friend_list_con_left .friend_checked .friend_id a {
	color: #fff;
}

#friend_list_con_left {
	float: left;
	position: relative;
	height: 261px;
	width: 110px;
	/*overflow:hidden;*/
	padding: 6px 0px 6px 5px;
}

.member_count {
	position: absolute;
	z-index: 9000;
	left: 31px;
	top: 22px;
	font-size: 11px;
	color: #008cb6;
	font-weight: 100;
}

.friend_checked .member_count {
	color: #fff;
}

#friend_list_con_left .freind_check {
	position: absolute;
	bottom: 0px;
	left: 34px;
	display: block;
	width: 16px;
	height: 16px;
	background: url(http://cs.i.j6.org/images/friend_check.jpg);
	display: none;
}

#friend_list_con_right {
	float: right;
	position: relative;
	height: 290px;
	width: 460px;
	overflow: hidden;
	padding: 6px 6px 6px 0px;
}

#freind_list {
	width: 590px;
}

#friend_list_title, .friend_list_title {
	margin: 0 5px 4px;
	padding: 3px 0px 0;
	height: 33px;
	border-bottom: 1px #B3B3B3 solid;
}

.friend_search_block {
	float: left;
	margin: 2px 0px 0 300px;
}

.friend_list_title .friend_search_block {
	margin: 2px 0px 0 0px;
}

.usr_group_search_block {
	margin: 2px 10px 0 0px;
	margin: 6px 0px 0 0px;
	float: right;
}

#friend_search_nar {
	padding: 1px;
	width: 260px;
	float: left;
	font-size: 12px;
	border: #e6e6e6 1px solid;
	background: #333;
	border-radius: 4px 0 0 4px;
}

#sort_share {
	display: block;
	float: right;
	width: 32px;
	height: 25px;
	margin: 0 3px 0 1px;
	overflow: hidden;
	border-radius: 0 4px 4px 0;
	border-left: none;
	background: url(http://cs.i.j6.org/images/list_style_share.jpg) center top;
	cursor: pointer;
}

#sort_share:hover {
	background: url(http://cs.i.j6.org/images/list_style_share.jpg) center -25px;
}

#sort_share.on_click, sort_share:active {
	background: url(http://cs.i.j6.org/images/list_style_share.jpg) center -50px;
}

#sort_text {
	display: block;
	float: right;
	width: 32px;
	height: 25px;
	overflow: hidden;
	border-radius: 4px 0 0 4px;
	background: url(http://cs.i.j6.org/images/list_style_text.jpg) center top;
	cursor: pointer;
}

#sort_text:hover {
	background: url(http://cs.i.j6.org/images/list_style_text.jpg) center -25px;
}

#sort_text.on_click, #sort_text:active {
	background: url(http://cs.i.j6.org/images/list_style_text.jpg) center -50px;
}

#search_submit {
	cursor: pointer;
	float: left;
	text-indent: -9999px;
	font-size: 0px;
	padding: 0px;
	width: 38px;
	height: 20px;
	border: none;
	background: url(http://cs.i.j6.org/images/search_submit.jpg) center top;
	border: 1px #e6e6e6 solid;
	border-left: none;
	border-radius: 0 4px 4px 0;
	margin-left: -1px;
}

#search_submit:hover {
	background: url(http://cs.i.j6.org/images/search_submit.jpg) center -20px;
}

#search_submit:active {
	background: url(http://cs.i.j6.org/images/search_submit.jpg) center -40px;
}

.sharelink_setting {
	padding: 8px 0 5px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 6px;
	height: 90px;
}

.dia_search_block {
	margin: 6px 0;
}

.dia_search_block form, .dia_search_block .search_submit, .dia_search_block input[type="text"] {
	float: right;
	margin-top: 6px;
}
/*.dia_search_block input[type="text"]{
	width: 300px;
	padding:1px 2px 0;
}*/
.dilog_share_manage_con {
	height: 300px;
	overflow: auto;
}

label.sharelink_set_title {
	display: block;
	float: left;
	width: 150px;
	height: 20px;
	padding: 3px 0 2px 0;
	text-align: left;
	margin-right: 10px;
	-webkit-text-size-adjust: none;
}

.share_link_set_input {
	width: 50px;
}

.sharelink_setting label.error {
	display: block;
	float: right;
	padding: 3px 0 0 0px;
	font-style: italic;
	width: 380px;
}

.sharelink_setting .set_password label.error {
	display: block;
	float: left;
	padding: 0px 0 0 18px;
	font-style: italic;
	width: 320px;
}

.set_password {
	margin-bottom: 3px;
	float: left;
	padding: 3px 0 0;
	height: 20px;
	width: 350px;
}

.share_multi_set {
	margin-top: 8px;
}

.share_link_error {
	color: #FD8383;
	margin-left: 17px;
	height: 14px;
}

.set_password input[type="checkbox"], .set_password label {
	margin: 4px 4px 0 0;
	float: left;
}

.set_password span {
	display: inline-block;
	margin: 2px 4px 0 0;
	color: #008CB6;
	font-weight: bold;
	font-size: 14px;
}

.fileinput-button, button.start, button.cancel {
	background: url(http://cs.i.j6.org/images/button_full.png) left top !important;
	font-size: 12px !important;
	padding: 0 !important;
	border: none !important;
	height: 24px !important;
}

.fileinput-button.btn_disabled, button.start.btn_disabled, button.cancel.btn_disabled {
	background: url(http://cs.i.j6.org/images/button_full_disabled.png) left top !important;
	cursor: default;
}

.fileinput-button:hover, button.start:hover, button.cancel:hover {
	background: url(http://cs.i.j6.org/images/button_full.png) left -25px !important;
}

.fileinput-button.btn_disabled:hover, button.start.btn_disabled:hover, button.cancel.btn_disabled:hover {
	background: url(http://cs.i.j6.org/images/button_full_disabled.png) left top !important;
}

.fileinput-button:active, button.start:active, button.cancel:active {
	background: url(http://cs.i.j6.org/images/button_full.png) left -50px !important;
	font-weight: 100 !important;
}

.fileinput-button .ui-icon, .start .ui-icon, .cancel .ui-icon {
	display: none !important;
}

td.start button, td.cancel button {
	background: url(http://cs.i.j6.org/images/button.png) center top !important;
	border: none !important;
	width: 30px;
	height: 24px;
	border-radius: 4px;
}

td.start button:hover, td.cancel button:hover {
	background: url(http://cs.i.j6.org/images/button.png) center -25px !important;
}

td.start button:active, td.cancel button:active {
	background: url(http://cs.i.j6.org/images/button.png) center -25px !important;
}

td.start button .ui-button-text {
	background: url(http://cs.i.j6.org/images/upload_icon.png) center 2px no-repeat;
}

td.cancel button .ui-button-text {
	background: url(http://cs.i.j6.org/images/cancel_icon.png) center 2px no-repeat;
}

.ui-progressbar-value {
	position: relative;
	width: 140px;
}

.progressbar_text_info {
	position: absolute;
	text-align: center;
	width: 140px;
	z-index: 500;
}

.fileupload-progressbar {
	position: relative;
}

.allprogressbar_text_info {
	position: absolute;
	text-align: center;
	width: 540px;
	z-index: 500;
}

.share_invite_title {
	padding: 3px 0 2px 28px;
	font-size: 18px;
	background: url(http://cs.i.j6.org/images/share.png) left top no-repeat;
	/*font-weight:bold;*/;
}

.title_intro {
	padding-top: 6px;
	font-size: 12px;
}

.title_intro img {
	position: relative;
	top: 3px;
}

.group_user_list {
	height: 300px;
}

.share_create_group {
	padding: 7px 20px;
	border-bottom: 1px solid #999;
}

.firmware_version span {
	display: inline-block;
	padding: 6px 6px 4px;
}

.firmware_version span.firmware_version_l {
	padding-right: 20px;
	background: url(http://cs.i.j6.org/images/arrow.png) right center no-repeat;
}

.upgrade_note {
	text-align: left;
	padding: 0px 0 0;
}

.upgrade_note ul {
}

.upgrade_note li {
	padding: 3px 0 3px 14px;
	background: url(http://cs.i.j6.org/images/list_dot.jpg) left 4px no-repeat;
}

.upgrade_veryfy_inut {
	width: 235px;
	margin: auto;
	padding: 6px 0 0;
}

.upgrade_veryfy_inut input[type="text"] {
	width: 235px;
}

.upgrading {
	color: #fff;
	text-indent: -9999px;
	/*font-size:16px;
	
	font-weight:100;
	padding:5px 0 0 36px;*/
	background: url(http://cs.i.j6.org/images/upgrading.png);
	width: 48px;
	height: 46px;
	margin: 0px auto;
	text-align: left;
}

.machine_img {
	margin-top: 10px;
}

.dw_list {
	height: 300px;
	overflow: hidden;
}

.dw_list span {
	display: inline-block;
}

.dw_file_name {
	width: 240px;
}

.dw_file_size {
	width: 60px;
}

.dw_download_progress {
	position: relative;
	top: 4px;
	margin: 0 4px;
	width: 140px;
	height: 16px;
	background: #bfbfbf;
	border-radius: 4px;
	overflow: hidden;
}

.dw_download_percent {
	height: 16px;
	width: 0%;
	background: url(http://cs.i.j6.org/images/capacitybarg.jpg);
}

.dw_cancel {
	position: relative;
	top: 7px;
	background: url("http://cs.i.j6.org/images/button.png") repeat scroll center top;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
}

.dw_cancel:hover {
	background: url("http://cs.i.j6.org/images/button.png") center -25px;
}

.dw_cancel:active {
	background: url("http://cs.i.j6.org/images/button.png") center -50px;
}

.dw_cancel div {
	width: 30px;
	height: 22px;
	background: url(http://cs.i.j6.org/images/cancel_icon.png) center center no-repeat;
}

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

body {
	background: url(http://cs.i.j6.org/images/login_bg.png) no-repeat center 10px #dbdbdb;
	font-family: Arial, Helvetica, sans-serif;
	color: #4d4d4d;
	font-size: 12px;
}

html {
	-webkit-text-size-adjust: none;
}

a {
	color: #333;
	text-decoration: none;
	cursor: pointer;
}

a:link {
	text-decoration: none;
	color: #008CB6;
}

a:visited {
}

a:hover {
	color: #ff931e;
	/*text-decoration:underline;*/;
}

a:active {
}

select {
	min-width: 60px;
	border: 1px solid #e6e6e6;
	border-radius: 2px;
	background: #4d4d4d;
	color: #f2f2f2;
	border-radius: 4px;
	padding: 1px;
}

input[type="text"], input[type="password"] {
	background: #4d4d4d;
	border: 1px solid #E6E6E6;
	border-radius: 2px 2px 2px 2px;
	color: #FFFFFF;
	padding: 2px;
}

input[type="text"]:focus, input[type="password"]:focus {
	border: 1px solid #0082FF;
}

textarea {
	background: #4D4D4D;
	border: 1px solid #E6E6E6;
	color: #fff;
	width: 250px;
	padding: 2px;
	margin-bottom: 6px;
	resize: none;
	height: 101px;
}

input[type="radio"] {
	display: inline-block;
	margin-right: 4px;
}

#request_information_label {
	height: 126px;
}

#wrapper {
	background: url(http://cs.i.j6.org/images/dashboard_bg.png) no-repeat left 10px;
	position: relative;
	padding-top: 80px;
	margin: 0 auto;
	width: 800px;
}

#wrapper.debug_log {
	background: url(http://cs.i.j6.org/images/dashboard_bg_n.png) no-repeat left 10px;
}

#link_to {
	position: absolute;
	z-index: 5000;
	width: 230px;
	height: 60px;
	top: 140px;
	left: 300px;
}

#link_to a, #link_to a:link {
	position: absolute;
	display: none;
}

#login {
	position: relative;
	margin: 0px 0px 0px 170px;
	padding: 0px 10px;
	width: 400px;
	height: 312px;
	/*background:url(http://cs.i.j6.org/images/dashboard.png);*/;
}

#login_inputs {
	display: block;
	height: 300px;
}

.input_table {
	position: absolute;
	top: 110px;
	left: 50px;
}

.input_table td {
	vertical-align: top;
	padding: 4px;
}

td.input_td {
	height: 54px;
}

.validated_code {
	width: 360px;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 13px;
	color: #006699;
	font-weight: bold;
}
/*input[type="text"], input[type="password"], textarea{
	outline:none;
}*/


#password_hint {
	position: absolute;
	color: #CCC;
	top: 236px;
	left: 250px;
}

.login_input {
	/*outline:none;*/
	width: 206px;
	height: 32px;
	background: url("http://cs.i.j6.org/images/input_text_bg.jpg") repeat-x scroll left top;
	margin: 0px 10px 0px 24px;
	padding-left: 4px;
	padding-top: 4px \9;
	color: #ccc;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #333;
}

#password_container .login_input {
	margin: 2px 10px 2px 33px;
	padding-left: 10px;
}

.login_input[type="password"] {
}

option {
	/*background:#021b34;*/;
}

.login_submit {
	position: absolute;
	cursor: pointer;
	top: 204px;
	left: 141px;
}

.logout_btn {
	position: absolute;
	cursor: pointer;
	top: -42px;
	right: -105px;
}

#remember {
	position: absolute;
	top: 260px;
	left: 230px;
}

#download {
	margin-left: 14px;
	font-weight: bold;
	color: #fff;
	font-size: 12px;
	padding: 0px 10px 0 110px;
	vertical-align: bottom;
	float: left;
}

#d_win, #d_mac, #d_docu, #d_android, #d_ios {
	float: left;
	margin-right: 4px;
	background: url(http://cs.i.j6.org/images/login_download_btn.png) left top;
}

#d_win:hover, #d_mac:hover, #d_docu:hover, #d_android:hover, #d_ios:hover {
	background: url(http://cs.i.j6.org/images/login_download_btn.png) left -60px;
}

#d_win:active, #d_mac:active, #d_docu:active, #d_android:active, #d_ios:active {
	background: url(http://cs.i.j6.org/images/login_download_btn.png) left -120px;
}

#d_win a, #d_mac a, #d_docu a, #d_android a, #d_ios a {
	display: block;
	padding: 43px 1px 0 1px;
	width: 90px;
	height: 17px;
	font-size: 11px;
	color: #fff;
	text-align: center;
}

#d_win a:hover, #d_mac a:hover, #d_docu a:hover, #d_android a:hover, #d_ios a:hover {
	text-decoration: none;
}

#d_win a {
	background: url(http://cs.i.j6.org/images/login_download_win.png) center 3px;
}

#d_mac a {
	background: url(http://cs.i.j6.org/images/login_download_mac.png) center 3px;
}

#d_docu a {
	background: url(http://cs.i.j6.org/images/login_download_manual.png) center 3px;
}

#d_android a {
	background: url(http://cs.i.j6.org/images/login_download_android.png) center 3px;
}

#d_ios a {
	background: url(http://cs.i.j6.org/images/login_download_ios.png) center 3px;
}

#footer {
	display: block;
	text-align: center;
	margin-top: 10px;
	padding: 10px 0px;
}

#u {
	position: absolute;
	/*border:none;*/
	left: 140px;
	top: 135px;
	height: 18px;
	margin: 0;
	width: 240px;
}

#pw {
	position: absolute;
	/*border:none;*/
	left: 140px;
	top: 170px;
	height: 18px;
	margin: 0;
	width: 240px;
}

#loginlangSelect {
	position: absolute;
	right: -100px;
	width: 195px;
	top: -50px;
}

#debug_log {
	position: absolute;
	display: block;
	height: 20px;
	line-height: 20px;
	top: 80px;
	right: 270px;
}

#debug_setting {
	position: absolute;
	top: 84px;
	left: 160px;
	width: 250px;
}

.debug_row {
	margin-bottom: 10px;
}

.debug_row input[type="radio"] {
	float: left;
}

.debug_row span {
	float: left;
	display: block;
	width: 70px;
}

#sAccount {
	position: absolute;
	display: block;
	height: 20px;
	line-height: 20px;
	top: 136px;
	right: 290px;
}

#sPassword {
	position: absolute;
	display: block;
	height: 20px;
	line-height: 20px;
	top: 172px;
	right: 290px;
}

#sLang {
	position: absolute;
	font-weight: bold;
	display: none;
	height: 20px;
	line-height: 20px;
	/*padding-left:30px;
	background:url(http://cs.i.j6.org/images/icon_language.png) no-repeat left center;*/
	top: 190px;
	left: 60px;
}

#alert {
	position: absolute;
	display: block;
	color: #f15a24;
	height: 20px;
	/*line-height:20px;*/
	padding-left: 36px;
	background: url(http://cs.i.j6.org/images/tip.png) no-repeat left center;
	height: 40px;
	top: 260px;
	left: 140px;
	width: 300px;
	display: table;
}

#alert span {
	vertical-align: middle;
	display: table-cell;
}

.alert {
	position: absolute;
	display: block;
	color: #F30;
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
	background: url(http://cs.i.j6.org/images/icon_status_yellow.png) no-repeat left center;
}

#forget_pass {
	position: absolute;
	top: 207px;
	left: 220px;
}

#signup_wrap {
	position: absolute;
	font-size: 11px;
	left: 140px;
	top: 235px;
}

button {
	cursor: pointer;
	display: block;
	border: none;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	background: url(http://cs.i.j6.org/images/blue_btn.jpg) center top;
	padding: 4px 10px;
	box-shadow: 0 0 4px #404040;
	border-radius: 4px;
}

button:hover {
	background: url(http://cs.i.j6.org/images/blue_btn.jpg) center -30px;
}

.key_input {
	width: 346px;
}

.black_btn {
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	background: url(http://cs.i.j6.org/images/blue_btn.jpg) center top;
	color: #FFF;
	font-size: 12px;
	margin-right: 4px;
	padding: 4px 15px;
	border: none;
	cursor: pointer;
	border-radius: 4px;
	/*width:70px;*/
	text-align: center;
}

.black_btn:hover {
	background: url(http://cs.i.j6.org/images/blue_btn.jpg) center -26px;
	color: #FFF;
}

#sign_up {
	display: inline-block;
}

#sign_up a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	background: url(http://cs.i.j6.org/images/blue_btn.jpg) center top;
	color: #FFF;
	font-size: 12px;
	margin-right: 4px;
	padding: 3px 15px;
	border: none;
	cursor: pointer;
	border-radius: 4px;
	/*width:70px;*/
	text-align: center;
}

.login_submit, .logout_btn {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	background: url(http://cs.i.j6.org/images/button_full.png) center -2px;
	color: #FFF;
	font-size: 12px;
	margin-right: 4px;
	padding: 3px 15px;
	border: none;
	cursor: pointer;
	border-radius: 4px;
	/*width:70px;*/
	text-align: center;
}

#sign_up a:hover {
	text-decoration: none;
	background: url(http://cs.i.j6.org/images/blue_btn.jpg) center -26px;
}

.login_submit:hover, .logout_btn:hover {
	text-decoration: none;
	background: url(http://cs.i.j6.org/images/button_full.png) center -27px;
}

#sign_up a:active {
	text-decoration: none;
	background: url(http://cs.i.j6.org/images/blue_btn.jpg) center -51px;
}

.login_submit:active {
	text-decoration: none;
	background: url(http://cs.i.j6.org/images/button_full.png) center -53px;
}

.dialog {
	display: none;
	position: absolute;
	z-index: 2000;
	width: 300px;
	padding: 5px;
	background: #fff;
	border-radius: 4px;
}

.dialog2 {
	display: none;
	position: absolute;
	z-index: 2000;
	width: 340px;
	padding: 5px;
	/*background:url(http://cs.i.j6.org/images/open_dialog_dialog.png);*/;
}

.open_title {
	margin: 0px 5px;
	padding: 9px 0px 4px 0px;
	/*font-weight:bold;*/
	font-size: 18px;
}

.open_title2 {
	margin: 0;
	padding: 20px 20px 8px 20px;
	font-weight: bold;
	font-size: 18px;
	background: #fff;
	border-radius: 4px 4px 0 0;
}

.close_btn {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 10px;
	right: 10px;
	background: url(http://cs.i.j6.org/images/icon_close.png) left top no-repeat;
	cursor: pointer;
}

.open_title2 .close_btn {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 15px;
	right: 15px;
	background: url(http://cs.i.j6.org/images/icon_close.png) left top no-repeat;
	cursor: pointer;
}

.close_btn:hover {
	background: url(http://cs.i.j6.org/images/icon_close.png) left -24px no-repeat;
}

.dialog_con {
	color: #000;
	padding: 10px;
}

.dialog_con2 {
	padding: 2px 23px 20px;
	background: #fff;
	border-radius: 0 0 4px 4px;
}

.dialog2 .bottom_item, .bottom_item {
	overflow: hidden;
	padding: 10px 0px 0px 150px;
	font-weight: bold;
	height: 20px;
}

#notification_dialog .bottom_item {
	padding: 10px 0px 0px 0px;
}

.bottom_item:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

a.s_button {
	background: url(http://cs.i.j6.org/images/button2.jpg) center top;
	color: #FFF;
	font-size: 12px;
	margin-right: 4px;
	padding: 4px 18px;
	border: none;
	cursor: pointer;
	border-radius: 4px;
}

a.s_button:hover {
	background: url(http://cs.i.j6.org/images/button2.jpg) center -32px;
	text-decoration: none;
}

a.s_button:active {
	background: url(http://cs.i.j6.org/images/button2.jpg) center -64px;
}

a.s_button.btn_disabled, .blue_btn2.btn_disabled , .blue_btn2.btn_disabled:hover, .blue_btn2.btn_disabled:active {
	background: #b3b3b3;
	cursor: default;
}

/*a.s_button {
    background: transparent url('http://cs.i.j6.org/images/button_r.png') no-repeat scroll top right;
display: inline-block;
float: right;
height: 25px;
margin-right: 6px;
padding-right: 20px;
text-decoration: none;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}
a.s_button>span {
	color:#fff;
background: transparent url('http://cs.i.j6.org/images/button.png') no-repeat left top;
display: inline-block;
line-height: 14px;
padding: 5px 0 6px 20px;
}
a.s_button:hover{
background: transparent url('http://cs.i.j6.org/images/button_r.png') no-repeat scroll right -25px;
}

a.s_button:hover>span{
background: transparent url('http://cs.i.j6.org/images/button.png') no-repeat left -25px;
}
a.s_button:active{
background: transparent url('http://cs.i.j6.org/images/button_r.png') no-repeat scroll right -50px;
}

a.s_button:active span{
background: transparent url('http://cs.i.j6.org/images/button.png') no-repeat left -50px;
}

a.s_button.btn_disabled, a.s_button.s_button_disable{
	background: transparent url('http://cs.i.j6.org/images/button_disable_r.png') no-repeat scroll top right;
color:#fff;
cursor:default;

}
a.s_button.btn_disabled>span, a.s_button.s_button_disable>span{
	background: transparent url('http://cs.i.j6.org/images/button_disable.png') no-repeat;
color:#666;
cursor:default;
}*/

#blank {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 30;
}

.dialog_input {
	margin: 6px 0px;
	width: 100%;
}

#forgetPwd {
	/*display:none;*/;
}

#forgetPwd_instruction {
	padding-left: 32px;
	background: url(http://cs.i.j6.org/images/tip.png) no-repeat left top;
}

.open_dialog {
	position: absolute;
	display: none;
	z-index: 2000;
/*font-weight:bold;*/
	width: 500px;
	padding: 16px;
/*height:390px;*/
	background: #fff;
	color: #4d4d4d;
	border-radius: 4px;
}

.open_dialog span {
	font-weight: 100;
}

.open_content {
	margin: 20px 30px 20px 30px;
}
/*.sign_up{

height:280px;
margin-bottom:10px;
}*/
/*#title_new_user{
	background:url(http://cs.i.j6.org/images/icon_boxtitle_adduser_16.png) center left no-repeat;
	padding-left:20px;
}*/
label.profile_create_title {
	font-size: 14px;
	display: block;
	float: left;
	width: 130px;
	height: 40px;
/*font-weight:bold;*/
	text-align: right;
	margin-right: 20px;
}

.input_table label.error {
	float: left;
}

label.error, label.error span {
	width: 290px;
	float: right;
	/*display:block;*/
	color: #e04040;
	padding: 0 0 2px 0;
	font-weight: 100;
	font-style: italic;
}

.profile_input {
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
	width: 250px;
	border-color: #7b9ebd;
}

.refresh_words {
	cursor: pointer;
	padding: 3px;
	margin-left: 10px;
}

#captcha_challenge {
	display: inline-block;
	margin: 0 0px 0 1px;
	height: 36px;
}

#refresh_btn {
	float: right;
	margin-right: 35px;
}

#debug_mode {
	height: 80px;
	background: url(http://cs.i.j6.org/images/debug-mode.png) center 10px no-repeat;
}

.blockUI {
	background: #000;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.clear {
	clear: both;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

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

.open_share_dialog_big {
	position: absolute;
	display: none;
	z-index: 2000;
/*font-weight:bold;*/
	width: 790px;
	padding: 5px;
/*height:490px;*/
	background: url(http://cs.i.j6.org/images/share_list_bg.gif) left bottom repeat-x #fff;
	border-radius: 4px;
}

.dialog_block_2 {
	width: 299px;
}

.choose_block {
	width: 210px;
}

.group_block {
	width: 80px;
	border-right: 1px solid #ccc;
}

.group_type_title {
	background: url(http://cs.i.j6.org/images/group_w.png) left center no-repeat #808080;
	color: #fff;
	padding: 5px 0 5px 30px;
}

.group_usr_block {
	width: 379px;
	border-right: 1px solid #ccc;
}

.group_type_tab {
	background: #333;
}

#dialog_drag_con {
	position: relative;
	height: 380px;
	/*border-bottom:1px solid #cdcdcd;*/;
}

.con_l {
	border-radius: 4px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 288px;
	height: 380px;
	margin-left: 10px;
	background: #e2e2e2;
	/*border:1px solid #fff;*/
	/*background:#F99;*/;
}

.con_r {
	position: absolute;
	right: 0;
	top: 0;
	margin-right: 10px;
	width: 480px;
	height: 380px;
	border: 1px solid #fff;
	/*background:#FFC;*/;
}

.modify_group {
	margin: 10px;
}

.modify_group_name {
	width: 160px;
}

.modify_select_count {
	padding: 10px 0 10px 36px;
	background: url(http://cs.i.j6.org/images/group_s.png) left 4px no-repeat;
	color: #008CB6;
}

.group_list_count {
	padding: 4px 0 0px 20px;
}

#drag_region {
	position: relative;
	width: 200px;
	height: 380px;
	left: 200px;
}

#dialog_drag_line {
	position: absolute;
	left: 100px;
	top: 0;
	z-index: 2;
	width: 4px;
	height: 382px;
	background: #fff;
	/*border-left:1px solid #cdcdcd;
	border-right:1px solid #cdcdcd;*/
	cursor: col-resize;
}

#move_usr_block {
	display: none;
	position: relative;
}

#moveRight {
	background: url(http://cs.i.j6.org/images/tree_btn_add.png);
}

#moveRight:hover {
	background: url(http://cs.i.j6.org/images/tree_btn_add.png) left 32px;
}

#moveLeft {
	background: url(http://cs.i.j6.org/images/tree_btn_remove.png);
}

#moveLeft:hover {
	background: url(http://cs.i.j6.org/images/tree_btn_remove.png) left 32px;
}

#move_usr_block div {
	margin-bottom: 4px;
	cursor: pointer;
	width: 32px;
	height: 32px;
}

.group_type_tab li {
	float: left;
	font-size: 12px;
	padding: 2px 16px;
	cursor: pointer;
	color: #CCC;
}

.group_type_tab li.this_type, .group_type_tab li:hover {
	background: #fff;
	color: #000;
}

.group_set {
	border-bottom: 1px solid #999;
	margin: 0px 2px 0px 0;
}

.group_title {
	padding: 6px 4px;
}

.list_group_name {
	display: inline-block;
	padding-left: 3px;
}

.check_group {
	position: relative;
	top: 2px;
}

.group_close {
	border-radius: 4px;
	position: relative;
	display: inline-block;
	top: 2px;
	width: 16px;
	height: 16px;
	background: url(http://cs.i.j6.org/images/drop_btn_down.jpg) -2px -2px;
	cursor: pointer;
	/*float:right;*/;
}

.group_close:hover {
	background: url(http://cs.i.j6.org/images/drop_btn_down.jpg) -2px -22px;
}

.group_close.open {
	background: url(http://cs.i.j6.org/images/drop_btn_up.jpg) -2px -2px;
}

.group_close.open:hover {
	background: url(http://cs.i.j6.org/images/drop_btn_up.jpg) -2px -22px;
}

.gorup_btn_set {
	float: right;
}
/*#add_new_group_btn{
	display:block;
	margin:2px 2px 2px 0;
	font-size:13px;
}*/

.btn {
	display: inline-block;
	margin: 0 6px 0 0;
	cursor: pointer;
	width: 24px;
	height: 20px;
}

.btn_edit {
	background: url(http://cs.i.j6.org/images/share_btn_edit.png) left top;
}

.btn_edit:hover {
	background: url(http://cs.i.j6.org/images/share_btn_edit.png) left -20px;
}

.btn_edit:active {
	background: url(http://cs.i.j6.org/images/share_btn_edit.png) left -40px;
}

.btn_del {
	background: url(http://cs.i.j6.org/images/share_btn_delete.png) left top;
}

.btn_del:hover {
	background: url(http://cs.i.j6.org/images/share_btn_delete.png) left -20px;
}

.btn_del:active {
	background: url(http://cs.i.j6.org/images/share_btn_delete.png) left -40px;
}

.group_set h4 {
	background: url(action.png) right 5px no-repeat #ccc;
	font-size: 16px;
	padding: 2px 4px;
	cursor: pointer;
}

.group_set h4.open {
	background: url(action_up.png) right 4px no-repeat #ccc;
}

.user_list, .group_list, .modify_user_list {
	height: 360px;
	overflow: auto;
	/*overflow:hidden;*/;
}

.group_sets {
	height: 380px;
	overflow: auto;
}

.group_set .user_list {
	height: 170px;
	overflow: auto;
	display: none;
}

#all_usr_list {
	padding-left: 3px;
}

.group_set .user_list.edit_usr_list {
	display: block;
}

.dialog_block_2.float_l {
	border-right: 1px solid #CCC;
}

.group_sel {
	width: 285px;
	margin: 4px 0 4px 6px;
}

.select_count {
	display: none;
	position: absolute;
	right: 8px;
	top: 8px;
	padding: 1px 2px;
	min-width: 12px;
	text-align: right;
	background: #900;
	color: #fff;
}

.user_list li.select_this a, .modify_user_list li.select_this a {
	background: #06c;
	color: #fff;
}

.user_list li.select_this a .freind_check, .modify_user_list li.select_this a .freind_check {
	display: block;
}

.user_list img, .group_list img, .modify_user_list img {
	margin: 4px 0;
}

.group_list li a {
	border-radius: 4px;
	cursor: pointer;
	display: block;
	width: 72px;
	height: 82px;
	overflow: hidden;
	margin: 5px;
}

#new_group, #edit_list_group {
	display: none;
}

.botton_set {
	height: 24px;
	text-align: right;
}

.float_l {
	float: left;
}

.float_r {
	float: right;
}

#title_share_file {
	font-size: 18px;
	font-weight: 100;
	padding: 10px 0 5px 30px;
	margin: 10px 10px 0;
}

#title_share_file .close_btn {
	top: 5px;
}

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

#friend_search {
	width: 360px;
	float: left;
	color: #CCC;
}

#list_style1 {
	overflow: hidden;
	border-radius: 4px 0 0 4px;
	margin-right: 1px;
	display: block;
	float: right;
	width: 32px;
	height: 25px;
	background: url(http://cs.i.j6.org/images/list_style1.jpg) center top;
	cursor: pointer;
}

#list_style1:hover {
	background: url(http://cs.i.j6.org/images/list_style1.jpg) center -25px;
}

#list_style1:active {
	background: url(http://cs.i.j6.org/images/list_style1.jpg) center -50px;
}

#list_style2 {
	border-radius: 0 4px 4px 0;
	overflow: hidden;
	display: block;
	float: right;
	width: 32px;
	height: 25px;
	border-left: none;
	background: url(http://cs.i.j6.org/images/list_style2.jpg) center -50px;
}

#friend_list_content {
	position: relative;
	height: 270px;
	width: 480px;
	overflow-y: scroll;
	overflow-x: auto;
	padding: 6px 10px;
}
/*#friend_list_con_right{
	float:right;
	position:relative;
	height:270px;
	width:375px;
	overflow:hidden;
	padding:6px 10px 6px 0px;
}*/
/*#friend_list_con_left{
	float:left;
	position:relative;
	height:271px;
	width:95px;
	overflow:hidden;
	padding:6px 0px 6px 10px;
}*/
.friend_ind, .friend_ind_n {
	float: left;
	font-size: 12px;
	width: 72px;
	height: 82px;
	margin: 2px 8px 8px;
	padding: 4px 2px 6px;
	text-align: center;
	border-radius: 4px;
	-ms-border-radius: 4px;
	cursor: pointer;
}

.friend_ind.friend_checked, .friend_ind_n.friend_checked {
	background: #0F91ED;
	overflow: hidden;
}

.friend_ind.friend_checked a, .friend_ind.friend_checked a:link, .friend_ind_n.friend_checked a, .friend_ind_n.friend_checked a:link {
	color: #fff;
}

.friend_ind_n.friend_checked .freind_check {
	display: block;
}

.friend_ind.friend_checked .freind_check {
	display: none;
}

.groups .friend_ind, .groups .friend_ind_n {
	margin: 2px 11px 8px;
	padding: 4px 2px 6px;
}

#friend_list_con_right .friend_ind {
	float: left;
	font-size: 12px;
	width: 72px;
	height: 82px;
	margin: 2px 7px 8px;
	padding: 4px 2px 6px;
	text-align: center;
	border-radius: 4px;
	-ms-border-radius: 4px;
	cursor: pointer;
	overflow: hidden;
}

#friend_list_con_right .friend_ind:hover {
	padding: 3px 1px 5px;
	border: 1px solid #0F91ED;
}

.friend_ind img, .friend_ind_n img {
	margin-bottom: 2px;
}

/*.friend_ind a{
	color:#39599c;
	font-weight:bold;
	text-decoration:none;
}*/

.friend_ind a:link, .friend_ind_n a:link {
	color: #333;
}

.friend_ind a:visited {
}

.friend_ind a:hover, .friend_ind_n a:hover {
	color: #008c86;
	text-decoration: underline;
}

.friend_ind a:active {
}

.friend_ind_img {
	position: relative;
	width: 50px;
	height: 50px;
	margin: 2px 11px 5px;
	overflow: hidden;
}

.freind_check {
	position: absolute;
	bottom: 0px;
	right: 0px;
	display: block;
	width: 16px;
	height: 16px;
	background: url(http://cs.i.j6.org/images/friend_check.png);
	display: none;
}

.friend_id {
	top: 22px;
	left: 66px;
}

.friend_id a {
	font-size: 11px;
	font-weight: 100;
}

#all_usr_list.user_list li a, #all_usr_list.modify_user_list li a {
	margin: 5px 7px;
}

.user_list li a, .modify_user_list li a {
	border-radius: 4px;
	cursor: pointer;
	display: block;
	width: 72px;
	height: 82px;
	overflow: hidden;
	margin: 5px 5px;
}

.user_list li, .group_list li, .modify_user_list li {
	position: relative;
	float: left;
	font-size: 11px;
	text-align: center;
}

.clear {
	clear: both;
}

@charset "utf-8";
/* CSS Document */
#detect {
	position: absolute;
	width: 100%;
	height: 100%;
}
/**{-webkit-text-size-adjust:none;}*/
html {
	/*-webkit-text-size-adjust:auto;*/
	height: 100%;
}

body {
	background: #dedede;
	color: #4c4c4c;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif, 微軟正黑體,新細明體;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
/*background-size:contain;
-webkit-text-size-adjust: none;*/;
}

a {
	color: #008cb6;
	text-decoration: none;
	cursor: pointer;
}

a:link {
	text-decoration: none;
}

a:visited {
}

a:hover {
	color: #ff931e;
}

a:active {
}

hr {
	border: 0px;
	height: 1px;
	background: #7b9ebd;
}

select {
	min-width: 60px;
	border: 1px solid #e6e6e6;
	border-radius: 2px;
	background: #4d4d4d;
	color: #f2f2f2;
	border-radius: 4px;
	padding: 1px;
}

.ddns_enable {
	width: 266px;
}

#wrapper {
	width: 980px;
	margin: 0 auto;
	min-height: 300px;
/*overflow:hidden;*/;
}

#header {
	position: relative;
	height: 60px;
}

#header_wrapper {
	background: #dedede;
	position: fixed;
	width: 980px;
	z-index: 25;
}

#delta_link {
	position: absolute;
	right: 0;
	top: 34px;
	cursor: pointer;
	width: 126px;
	height: 34px;
	background: url(../http://cs.i.j6.org/images/link.png) left top;
}

#delta_link:hover {
	background: url(../http://cs.i.j6.org/images/link.png) left -34px;
}

input[type="text"], input[type="password"] {
	border: 1px solid #e6e6e6;
	color: #fff;
	border-radius: 2px;
	background: #4d4d4d;
	padding: 2px;
}

input[type="text"][disabled="disabled"], input[type="password"][disabled="disabled"], textarea[disabled="disabled"] {
	background: #bfbfbf;
}

input[type="text"].ip_input_f {
	width: 25px;
	margin-right: 2px;
}

input[type="text"].ip_input {
	width: 25px;
	margin: 0 2px;
}

textarea {
	border: 1px solid #e6e6e6;
	color: #fff;
	background: #4d4d4d;
	resize: none;
}

textarea:hover {
	border: 1px solid #0082FF;
}

h1 {
	float: left;
	text-indent: -9999px;
	margin-top: 0px;
	background: url(../http://cs.i.j6.org/images/logo.png) no-repeat;
}

#langSelect {
	margin-top: 2px;
}

#langSelect option {
}

#cosa_title {
	display: block;
}

#cosa_title a {
	display: block;
	width: 170px;
	height: 60px;
}

#message_alert {
	float: left;
	position: relative;
	text-indent: -9999px;
	margin: 10px 0px 0px 40px;
	height: 29px;
	width: 26px;
	display: block;
}

#message_alert a {
	background: url(../http://cs.i.j6.org/images/message.png) no-repeat bottom;
	height: 29px;
	width: 26px;
	display: block;
}

#message_alert a:link {
	background: url(../http://cs.i.j6.org/images/message.png) no-repeat;
}

#message_alert a:visited {
}

#message_alert a:hover {
	background: url(../http://cs.i.j6.org/images/message.png) no-repeat #6378ad;
}

#message_alert a:active {
}

#search_block {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 0px;
	float: right;
}

#indicator {
	position: absolute;
	top: 26px;
	right: 145px;
	height: 25px;
}

.ind_img {
	display: none;
	float: left;
	margin-left: 6px;
	height: 25px;
	width: 30px;
}

.refresh_btn {
	position: relative;
	color: #fff;
	cursor: pointer;
	background: url(../http://cs.i.j6.org/images/ind_update.png) left top;
	height: 25px;
	width: 72px;
	float: left;
	/*padding:3px 10px 0 28px;
	margin-top:3px;
	border-radius:10px;*/;
}

.refresh_btn span {
	-webkit-text-size-adjust: none;
	font-size: 11px;
	position: absolute;
	left: 22px;
	top: 5px;
}
/*.refresh_btn:hover{
	background:url(../http://cs.i.j6.org/images/refresh_btn.png) left -20px;
}
.refresh_btn:active{
	background:url(../http://cs.i.j6.org/images/refresh_btn.png) left -40px;
}*/
#ind_newuser {
	display: none;
	float: left;
	margin: 0 5px 0;
	width: 32px;
	height: 25px;
	background: url(../http://cs.i.j6.org/images/ind_pending.png);
}
/*#ind_newuser:hover{
	background:url(../http://cs.i.j6.org/images/ind_pending.png) left -20px;
}
#ind_newuser:active{
	background:url(../http://cs.i.j6.org/images/ind_pending.png) left -40px;
}*/
#ind_flush {
	width: 25px;
	background: url(../http://cs.i.j6.org/images/ind_sync.png);
}

#ind_disk_full {
	width: 25px;
	background: url(../http://cs.i.j6.org/images/ind_full.png);
}

#ind_disk_full.cache40 {
	background: url(../http://cs.i.j6.org/images/ind_cahche_40.png);
}

#ind_disk_full.cache60 {
	background: url(../http://cs.i.j6.org/images/ind_cahche_60.png);
}

#ind_disk_full.cache80 {
	background: url(../http://cs.i.j6.org/images/ind_cahche_80.png);
}

#ind_disconnect {
	background: url(../http://cs.i.j6.org/images/ind_disconnect.png);
}

#ind_connect {
	background: url(../http://cs.i.j6.org/images/ind_connect.png);
}

#disk_error {
	width: 32px;
	background: url(../http://cs.i.j6.org/images/disk_error.png);
}

#disk_rebuild {
	background: url(../http://cs.i.j6.org/images/rebuild.png);
}

#ind_snapshot {
	width: 25px;
	background: url(../http://cs.i.j6.org/images/ind_snapshot.png);
}

#ind_system_upgrade {
	cursor: pointer;
	border-radius: 2px;
	float: left;
	margin: 4px 0 0 6px;
	padding: 2px 6px 0 24px;
	height: 16px;
	color: #FFF;
	background: url(../http://cs.i.j6.org/images/ind_upgrade.jpg) left top;
}

#search, .search {
	padding: 0px 0px 2px 2px;
	margin: 0px;
}

.share_folder_search {
	float: right;
}

form#peopleSearch label.error, .share_folder_search label.error {
	position: absolute;
	right: 00px;
	top: 45px;
	width: 236px;
}

#search form {
	padding: 2px;
}

input[type="text"]#search_content, input[type="text"].search_content {
	float: left;
	width: 178px;
	font-size: 12px;
	height: 14px;
	color: #ccc;
	border-radius: 4px 0 0 4px;
}

#create_new_folder {
	padding: 2px;
	font-size: 14px;
	height: 18px;
}

#create_folder_input {
	font-size: 14px;
	height: 18px;
}

#account_set {
	float: right;
	padding: 0px 0 0 10px;
	width: 240px;
}

.account_divide {
	float: right;
	min-width: 125px;
}

.account_divide select {
	width: 100px;
}
/*#shared_management{
	position:absolute;
	right:85px;
	cursor:pointer;
	width:45px;
	height:29px;
	background:url(../http://cs.i.j6.org/images/sharefile_btn.png) left top;
}
#shared_management:hover{
	background:url(../http://cs.i.j6.org/images/sharefile_btn.png) left -30px;
}
#shared_management:active{
	background:url(../http://cs.i.j6.org/images/sharefile_btn.png) left -60px;
}*/
#account_set .account_divide_b a {
	display: inline-block;
	width: 29px;
	height: 22px;
	padding: 0;
	margin-right: 2px;
	overflow: hidden;
}

#account_set .account_divide_b a#home {
	text-indent: -9999px;
	background: url(../http://cs.i.j6.org/images/nav_home.png) center top no-repeat;
}

#account_set .account_divide_b a#home:hover {
	background: url(../http://cs.i.j6.org/images/nav_home.png) center -22px no-repeat;
}

#account_set .account_divide_b a#home:active {
	background: url(../http://cs.i.j6.org/images/nav_home.png) center -44px no-repeat;
}

#account_set .account_divide_b a#editProfile {
	text-indent: -9999px;
	background: url(../http://cs.i.j6.org/images/nav_profile.png) center top no-repeat;
}

#account_set .account_divide_b a#editProfile:hover {
	background: url(../http://cs.i.j6.org/images/nav_profile.png) center -22px no-repeat;
}

#account_set .account_divide_b a#editProfile:active {
	background: url(../http://cs.i.j6.org/images/nav_profile.png) center -44px no-repeat;
}

#account_set .account_divide_b a#help {
	text-indent: -9999px;
	background: url(../http://cs.i.j6.org/images/nav_help.png) center top no-repeat;
}

#account_set .account_divide_b a#help:hover {
	background: url(../http://cs.i.j6.org/images/nav_help.png) center -22px no-repeat;
}

#account_set .account_divide_b a#help:active {
	background: url(../http://cs.i.j6.org/images/nav_help.png) center -44px no-repeat;
}

#account_set span.account_show {
	padding-right: 4px;
}

#account_set img {
	display: none;
	line-height: 18px;
	vertical-align: middle;
}

#account_set a {
	font-size: 12px;
	display: inline-block;
	text-decoration: none;
	padding: 4px 6px;
	line-height: 18px;
	vertical-align: middle;
	color: #4c4c4c;
}

#l_side {
	position: fixed;
	top: 105px;
 /* new menu bar */
	top: 60px;
	float: left;
	width: 233px;
}

#r_side {
	float: left;
	width: 120px;
}

.nav_submnu {
	display: none;
	width: 178px;
	position: absolute;
	z-index: 300;
	top: 30px;
}

#profile_pic {
	background: #fff;
	border: 1px solid #b2b2b2;
	padding: 25px;
	text-align: center;
	position: relative;
	z-index: 10;
}

#profile_pic:hover #chg_img {
	display: block;
}

#chg_img {
	position: absolute;
	color: #FFF;
	background: url(../http://cs.i.j6.org/images/chg_pic.png) no-repeat left;
	bottom: 0px;
	right: 0px;
	padding-top: 6px;
	padding-left: 22px;
	width: 211px;
	height: 20px;
	display: none;
	cursor: pointer;
}

#talk_sth {
	padding: 2px 6px 6px 6px;
	*padding: 2px 6px 6px 6px;
	width: 164px;
	border-right: 1px #b5bace solid;
	border-left: 1px #b5bace solid;
	border-bottom: 1px #b5bace solid;
	margin: 0px 0px 10px 0px;
	background: #FFFFFF;
}

#talk_sth textarea {
	border: 0px;
	font-size: 12px;
	width: 100%;
}

#main_menu {
}

#main_menu a {
	text-decoration: none;
	color: #000;
}

#main_menu a:link {
	text-decoration: none;
	color: #000;
}

#main_menu a:visited {
}

#main_menu a:hover {
}

#main_menu a:active {
}

#main_menu #edit_profile li {
	display: block;
	width: 178px;
}

#main_menu #edit_profile li a {
	display: block;
	padding: 3px 0px 3px 20px;
	background: url(../http://cs.i.j6.org/images/edit_profile.png) center left no-repeat;
	width: 158px;
}

#main_menu #edit_profile li a:link {
}

#main_menu #edit_profile li a:visited {
}

#main_menu #edit_profile li a:hover {
	background: url(../http://cs.i.j6.org/images/edit_profile.png) center left no-repeat #eff3f7;
}

#main_menu #edit_profile li a:active {
}

#main_menu #edit_profile li {
	display: block;
	width: 178px;
}

#main_menu #my_calendar li a {
	display: block;
	padding: 3px 0px 3px 20px;
	background: url(../http://cs.i.j6.org/images/my_calendar.png) center left no-repeat;
	width: 158px;
}

#main_menu #my_calendar li a:link {
}

#main_menu #my_calendar li a:visited {
}

#main_menu #my_calendar li a:hover {
	background: url(../http://cs.i.j6.org/images/my_calendar.png) center left no-repeat #eff3f7;
}

#main_menu #my_calendar li a:active {
}

#main_menu #recent_activities li {
	display: block;
	width: 178px;
}

#main_menu #recent_activities li a {
	display: block;
	padding: 3px 0px 3px 20px;
	background: url(../http://cs.i.j6.org/images/activities.png) center left no-repeat;
	width: 158px;
}

#main_menu #recent_activities li a:link {
}

#main_menu #recent_activities li a:visited {
}

#main_menu #recent_activities li a:hover {
	background: url(../http://cs.i.j6.org/images/activities.png) center left no-repeat #eff3f7;
}

#main_menu #recent_activities li a:active {
}

#main_menu #my_sites li {
	display: block;
	width: 178px;
}

#main_menu #my_sites li a {
	display: block;
	padding: 3px 0px 3px 20px;
	background: url(../http://cs.i.j6.org/images/my_sites.png) center left no-repeat;
	width: 158px;
}

#main_menu #my_sites li a:link {
}

#main_menu #my_sites li a:visited {
}

#main_menu #my_sites li a:hover {
	background: url(../http://cs.i.j6.org/images/my_sites.png) center left no-repeat #eff3f7;
}

#main_menu #my_sites li a:active {
}

#main_menu #new_site li {
	display: block;
	width: 178px;
}

#main_menu #new_site li a {
	display: block;
	padding: 3px 0px 3px 20px;
	width: 158px;
}

#main_menu #new_site li a:link {
}

#main_menu #new_site li a:visited {
}

#main_menu #new_site li a:hover {
	background: #eff3f7;
}

#main_menu #new_site li a:active {
}

.add {
	background: #1a346c;
	color: #FFF;
	display: inline-block;
	width: 14px;
	text-align: center;
}

#main_menu #members li {
	display: block;
	width: 178px;
}

#main_menu #members li a {
	display: block;
	padding: 3px 0px 3px 20px;
	background: url(../http://cs.i.j6.org/images/members.png) center left no-repeat;
	width: 158px;
}

#main_menu #members li a:link {
}

#main_menu #members li a:visited {
}

#main_menu #members li a:hover {
	background: url(../http://cs.i.j6.org/images/members.png) center left no-repeat #eff3f7;
}

#main_menu #members li a:active {
}

.side_count {
	color: #1397dc;
}

.profile_title {
	color: #999;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
}

.side_title {
	position: relative;
	margin-top: 7px;
	font-size: 13px;
	color: #fff;
	background: url(../http://cs.i.j6.org/images/side_title.jpg) repeat-x left top;
	height: 15px;
	padding: 9px 25px 8px;
	border-radius: 4px 4px 0 0;
	border-bottom: none;
}

.dash_l_title {
	position: relative;
	font-size: 13px;
	color: #fff;
	background: url(../http://cs.i.j6.org/images/side_title.jpg) repeat-x left top;
	height: 15px;
	padding: 9px 25px 8px;
	border-radius: 4px 4px 0 0;
	border: 1px solid #b2b2b2;
	border-bottom: none;
}

#chage_drop {
	position: absolute;
	right: 5px;
	top: 7px;
	width: 20px;
	height: 20px;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
}

.dropdown_menu {
	background: url(../http://cs.i.j6.org/images/drop_btn_down.jpg) left top;
}

.dropdown_menu:hover {
	background: url(../http://cs.i.j6.org/images/drop_btn_down.jpg)  left -20px;
}

.dropdown_menu:active {
	background: url(../http://cs.i.j6.org/images/drop_btn_down.jpg)  left -40px;
}

.dropup_menu {
	background: url(../http://cs.i.j6.org/images/drop_btn_up.jpg) left top;
}

.dropup_menu:hover {
	background: url(../http://cs.i.j6.org/images/drop_btn_up.jpg) left -20px;
}

.dropup_menu:active {
	background: url(../http://cs.i.j6.org/images/drop_btn_up.jpg) left -40px;
}

.side_content {
	padding: 10px 4px;
	border: 1px solid #b2b2b2;
	border-top: none;
	background: #fff;
	overflow: hidden;
}

#side_tree {
	/*margin-top:36px;*/;
}

ul#download_list {
	display: none;
	padding: 0 6px;
}

.side_content ul#download_list li a {
	padding: 6px 12px 3px 45px;
	font-size: 12px;
	border: 1px solid #fff;
	border-radius: 4px;
	color: #4d4d4d;
}

.side_content ul#download_list li a:hover {
	border: 1px solid #008CB6;
	color: #008cb6;
	text-decoration: none;
}

.side_content ul#download_list li:active a {
	border: 1px solid #BAE8FF;
}

.side_content ul#download_list li:active {
	background: #BAE8FF;
}

#app_windows a {
	background: url(../http://cs.i.j6.org/images/download_icon_win.png) 12px center no-repeat;
}

#app_mac a {
	background: url(../http://cs.i.j6.org/images/download_icon_mac.png) 12px center no-repeat;
}

#app_android a {
	background: url(../http://cs.i.j6.org/images/download_icon_android.png) 12px center no-repeat;
}

#app_ios a {
	background: url(../http://cs.i.j6.org/images/download_icon_ios.png) 12px center no-repeat;
}

.side_content ul#download_list li a {
	line-height: 24px;
	display: block;
}

#treeview {
	width: 172px;
	max-height: 220px;
	margin-right: 2px;
	overflow: auto;
}

#sidebartree {
	/*max-height:350px;*/
	width: 172px;
	margin-right: 2px;
	overflow: auto;
}

.r_side_content {
}

#protocol_control, #profile_back_up, #component_list,  #ups, #ddns_setting, #health_check, #computer_name, #profile_raid_monitor, #profile_event, #agent_upload {
	display: none;
}

#sub_menu .r_side_content {
	font-size: 11px;
	-webkit-text-size-adjust: none;
}

#sub_menu li {
	background: url(../http://cs.i.j6.org/images/admin_submenu.png) left top;
	width: 120px;
	height: 62px;
	margin-bottom: 7px;
}

#sub_menu li:hover {
	background: url(../http://cs.i.j6.org/images/admin_submenu.png) left -62px;
	;
}

#sub_menu li:active, #sub_menu li.now_menu {
	background: url(../http://cs.i.j6.org/images/admin_submenu.png) left -124px;
	;
}

#sub_menu li a {
	display: block;
	padding: 46px 1px 2px;
	line-height: 11px;
	height: 14px;
	text-align: center;
	background-position: center 6px;
	background-repeat: no-repeat;
	color: #4c4c4c;
}

#sub_menu li:hover a, #sub_menu li:active a, #sub_menu li.now_menu a {
	color: #fff;
	text-decoration: none;
	background-position: center -56px;
}

#profile_baseinfo a {
	background-image: url(../http://cs.i.j6.org/images/submenu_editprofile.png);
}

#profile_picture a {
	background-image: url(../http://cs.i.j6.org/images/submenu_chgphoto.png);
}

#profile_password a, #password a {
	background-image: url(../http://cs.i.j6.org/images/submenu_chgpass.png);
}

#lan_set a {
	background-image: url(../http://cs.i.j6.org/images/submenu_network.png);
}

#upgrade_verion a {
	background-image: url(../http://cs.i.j6.org/images/submenu_firmware.png);
}

#profile_tenant_setting a {
	background-image: url(../http://cs.i.j6.org/images/submenu_tenant_setup.png);
}

#general_setting a {
	background-image: url(../http://cs.i.j6.org/images/submenu_general_setting.png);
}

#system_setting a {
	background-image: url(../http://cs.i.j6.org/images/submenu_system.png);
}

#disk_setting a {
	background-image: url(../http://cs.i.j6.org/images/submenu_disk.png);
}

#profile_tenant_manage a {
	background-image: url(../http://cs.i.j6.org/images/submenu_tenant_info.png);
}

#tenant_regist a {
	background-image: url(../http://cs.i.j6.org/images/submenu_tenant_regist.png);
}

#configuration a {
	background-image: url(../http://cs.i.j6.org/images/submenu_configuration.png);
}

#time_set a {
	background-image: url(../http://cs.i.j6.org/images/submenu_time.png);
}

#snapshot a {
	background-image: url(../http://cs.i.j6.org/images/submenu_snapshot.png);
}

#shared_folder a {
	background-image: url(../http://cs.i.j6.org/images/submenu_sharefolder.png);
}

#shared_link a {
	background-image: url(../http://cs.i.j6.org/images/submenu_publiclink.png);
}

#snapshot_schdule a {
	background-image: url(../http://cs.i.j6.org/images/submenu_snapshot_schdule.png);
}

#http_proxy a {
	background-image: url(../http://cs.i.j6.org/images/submenu_proxy.png);
}

#sys_log a {
	background-image: url(../http://cs.i.j6.org/images/submenu_systemlog.png);
}

#auto_regist a {
	background-image: url(../http://cs.i.j6.org/images/submenu_autoregist.png);
}

#profile_signup_request a {
	background-image: url(../http://cs.i.j6.org/images/submenu_request.png);
}

#transmission_set a {
	background-image: url(../http://cs.i.j6.org/images/submenu_transmission.png);
}

#profile_user_manage a {
	background-image: url(../http://cs.i.j6.org/images/submenu_user.png);
}

#profile_contact_user a {
	background-image: url(../http://cs.i.j6.org/images/submenu_group.png);
}

#ladap_setting a {
	background-image: url(../http://cs.i.j6.org/images/submenu_ad.png);
}

#cpu_usage a {
	background-image: url(../http://cs.i.j6.org/images/submenu_cpu.png);
}

#memory_usage a {
	background-image: url(../http://cs.i.j6.org/images/submenu_memory.png);
}

#network_usage a {
	background-image: url(../http://cs.i.j6.org/images/submenu_network.png);
}

#cloud_serv a {
	background-image: url(../http://cs.i.j6.org/images/submenu_cloudserver.png);
}

#security a {
	background-image: url(../http://cs.i.j6.org/images/submenu_security.png);
}

#backup a {
	background-image: url(../http://cs.i.j6.org/images/submenu_backup.png);
}

#notification a {
	background-image: url(../http://cs.i.j6.org/images/submenu_notification.png);
}

#shout_down a {
	background-image: url(../http://cs.i.j6.org/images/submenu_power.png);
}

.members_shot {
	margin-top: 10px;
	color: #999;
}

.members_shot img {
	float: left;
	padding-right: 10px;
}

.memeber_id a {
	text-decoration: none;
	font-size: 14px;
	color: #39599c;
	font-weight: bold;
}

#main {
	float: right;
	width: 733px;
	padding: 0px 0 0 0px;
/*height:650px;*/;
}

#main_user_docu {
	width: 733px;
	padding: 0px 0 0 0px;
/*height:650px;*/;
}

#main_l {
	float: right;
	width: 850px;
	padding-top: 0px;
	border: 1px solid #B2B2B2;
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
}

#document_library {
/*max-height: 500px;*/
	border: 1px solid #b2b2b2;
	border-radius: 4px 4px 0 0;
	overflow: hidden;
	padding-bottom: 20px;
	background: #fff;
}

#share_links_con {
	display: none;
}

.link_port {
	width: 76px;
}

#title_intro {
	position: relative;
	margin: 0px 20px 0px 20px;
	height: 48px;
}

#title_intro img {
	position: absolute;
	top: 0px;
	left: 0px;
}

#title_name {
	position: absolute;
	left: 56px;
	padding-right: 20px;
	font-size: 20px;
	font-weight: bold;
	background: url(../http://cs.i.j6.org/images/lockornot_n.png) right top no-repeat;
}

#site_intro {
	position: absolute;
	left: 56px;
	top: 26px;
	color: #999;
}

#nav {
	padding: 17px 20px 0px 0px;
	padding: 20px 20px 0px 0px \9;
 /*IE8 */
	*padding: 20px 20px 0px 0px;
 /*IE7 */;
}

#nav ul {
	padding: 0px;
	overflow: hidden;
}

#nav li {
	float: left;
}

#mailserver_use_encryption {
	float: left;
	margin: 5px 5px 0 0;
}

#nav li a {
	display: block;
	float: left;
	background: url(../http://cs.i.j6.org/images/button_submenu.png) no-repeat;
	background-position: -320px -98px;
	padding: 6px 22px 6px 12px;
	height: 16px;
	color: #FFFFFF;
}

#folder_path, .main_con .folder_path {
	position: relative;
	float: left;
	margin: 22px 0 22px 50px;
	font-size: 17px;
	height: 29px;
	/*font-weight:bold;*/
	color: #008cb6;
}

#folder_path {
	width: 660px;
}

.folder_path {
	float: left;
	margin: 22px 0 22px 50px;
	font-size: 17px;
	height: 29px;
	/*font-weight:bold;*/
	color: #008cb6;
}

.folder_path_crumb {
	/*width:660px;*/
	white-space: nowrap;
	overflow: hidden;
}

.folder_path_con {
	display: inline-block;
}

.folder_path_drop {
	position: absolute;
	top: 30px;
	background: #fff;
	z-index: 100;
	border: 1px solid #B2B2B2;
	display: none;
}

.folder_path .folder_path_drop a, #folder_path .folder_path_drop a {
	display: block;
	padding: 7px 8px 7px 32px;
	min-width: 120px;
	background: url(../http://cs.i.j6.org/images/folder.png) left 3px no-repeat;
}

.folder_path .folder_path_drop a:hover, #folder_path .folder_path_drop a:hover {
	background: url(../http://cs.i.j6.org/images/folder.png) left 3px no-repeat #b2defb;
	color: #008CB6;
}

.folder_path .folder_path_drop a:after, #folder_path .folder_path_drop a:after {
	content: "";
}

.folder_path .folder_path_drop .docu_root a, #folder_path .folder_path_drop .docu_root a {
	background: url(../http://cs.i.j6.org/images/logo_single.png) 2px 1px no-repeat;
}

.folder_path .folder_path_drop .docu_root a:hover, #folder_path .folder_path_drop .docu_root a:hover {
	background: url(../http://cs.i.j6.org/images/logo_single.png) 2px 1px no-repeat #b2defb;
}

.share_inv_intro {
	float: left;
	margin: 0px 0 2px 50px;
	font-size: 12px;
}

.share_inv_intro img {
	position: relative;
	top: 4px;
}

#folder_path .path_home, .folder_path .path_home {
	padding-left: 28px;
	background: url(../http://cs.i.j6.org/images/path_drop.png) left top no-repeat;
}

#folder_path a:first-child, .folder_path a:first-child {
	/*font-size:18px;*/;
}

#folder_path a:after, .folder_path a:after {
	content: ">";
	padding-left: 6px;
	display: inline-block;
}

#folder_path img, .folder_path img {
	display: none;
}

#folder_path a, .folder_path a {
	display: inline-block;
	/*color:#666;*/
	color: #008cb6;
	padding: 5px 8px 5px 0;
}

#folder_path a:hover, .folder_path a:hover {
	color: #ff931e;
	text-decoration: none;
}

#docu_operatoin, .document_operatoin {
	margin: 0px 0px 0px 50px;
	height: 35px;
	position: relative;
}

.docu_operatoin {
	float: left;
	margin: 8px 0px 0 2px;
}

.docu_operatoin li {
	float: left;
	border: 1px solid #b2b2b2;
	border-radius: 4px;
	overflow: hidden;
	margin-right: 3px;
	background: #fff;
}

.docu_operatoin li:hover {
	background: url(../http://cs.i.j6.org/images/operation_btn.jpg) left top;
}

.docu_operatoin li a {
	display: block;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background-position: center top;
}

.docu_operatoin li.disabled_btn {
	cursor: default;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.docu_operatoin li.disabled_btn:hover {
	background: #fff;
}

.docu_operatoin li.disabled_btn a {
	cursor: default;
}

.docu_operation_r {
	margin-right: 20px;
	float: right;
	margin-top: 4px;
	width: 360px;
	text-align: right;
}

a.share_folder_edit {
	background-image: url(../http://cs.i.j6.org/images/opera_edit.png);
}

a.share_folder_share {
	background-image: url(../http://cs.i.j6.org/images/opera_share.png);
}

a.share_folder_cifs {
	background-image: url(../http://cs.i.j6.org/images/opera_cifs.png);
}

a.share_snapshot_list {
	background-image: url(../http://cs.i.j6.org/images/opera_snapshot_list.png);
}

a.share_folder_nfs {
	background-image: url(../http://cs.i.j6.org/images/opera_nfs.png);
}

a.share_folder_refresh {
	background-image: url(../http://cs.i.j6.org/images/opera_refresh.png);
}

.docu_operatoin li a:hover {
	background-position: center -25px;
}

.docu_operatoin li.disabled_btn a:hover {
	background-position: center top;
}

#share_folder_operatoin {
	margin: 0px 0px 0px 46px;
	height: 30px;
	position: relative;
}

#share_folder_operatoin+#profile_content {
	padding-top: 7px;
}

#search_docu {
	position: relative;
	float: right;
	margin: 8px 20px 8px 0;
	top: 0;
}

.search_docu {
	position: relative;
	float: right;
	margin: 2px 20px 8px 0;
	top: 0;
}

.filter_words {
	float: left;
	padding: 4px 10px 4px 0;
}

.search_docu .search_clear_btn, #search_docu .search_clear_btn, .friend_search_block .search_clear_btn {
	position: absolute;
	right: 40px;
	top: 6px;
}

.friend_search_block select {
	float: left;
	margin: 0 6px 0 0;
}

#docu_operatoin img {
	padding-right: 4px;
}

a.p_button {
    /* Sliding right image */
	background: transparent url('../http://cs.i.j6.org/images/button_r.png') no-repeat scroll top right;
	display: inline-block;
	float: right;
	height: 25px;
	margin-right: 6px;
	padding-right: 20px;
	text-decoration: none;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a.p_button span {
	color: #fff;
	background: transparent url('../http://cs.i.j6.org/images/button.png') no-repeat left top;
	display: inline-block;
	line-height: 14px;
	padding: 5px 0 6px 20px;
}

a.p_button:hover {
	background: transparent url('../http://cs.i.j6.org/images/button_r.png') no-repeat scroll right -25px;
}

a.p_button:hover span {
	background: transparent url('../http://cs.i.j6.org/images/button.png') no-repeat left -25px;
}

a.p_button:active {
	background: transparent url('../http://cs.i.j6.org/images/button_r.png') no-repeat scroll right -50px;
}

a.p_button:active span {
	background: transparent url('../http://cs.i.j6.org/images/button.png') no-repeat left -50px;
}

a.p_button.btn_disabled {
    /* Sliding right image */
	background: transparent url('../http://cs.i.j6.org/images/button_disable_r.png') no-repeat scroll top right;
	color: #fff;
	cursor: default;
}

a.p_button.btn_disabled span {
	background: transparent url('../http://cs.i.j6.org/images/button_disable.png') no-repeat;
	color: #666;
	cursor: default;
}

a.p_button.btn_disabled:hover {
	background: transparent url('../http://cs.i.j6.org/images/button_disable_r.png') no-repeat scroll top right;
}

a.p_button.btn_disabled:hover span {
	background: transparent url('../http://cs.i.j6.org/images/button_disable.png') no-repeat;
}

#promise_docu_upload {
	float: left;
	border-radius: 4px;
	cursor: pointer;
	margin-right: 2px;
	overflow: hidden;
}

#promise_docu_upload span {
	display: block;
	width: 32px;
	height: 28px;
	background: url(../http://cs.i.j6.org/images/opera_upload.png) center top no-repeat;
}

#promise_docu_upload span:hover {
	background: url(../http://cs.i.j6.org/images/opera_upload.png) center -27px no-repeat;
}

#promise_delete_all {
	float: left;
	border-radius: 4px;
	cursor: pointer;
	margin-right: 2px;
	overflow: hidden;
}

#promise_delete_all span:hover {
	background: url(../http://cs.i.j6.org/images/opera_clearall.png) center -27px no-repeat;
}

#promise_delete_all span {
	display: block;
	width: 32px;
	height: 28px;
	background: url(../http://cs.i.j6.org/images/opera_clearall.png) center top no-repeat;
}

#create_folder_submit {
	float: left;
	border-radius: 4px;
	cursor: pointer;
	overflow: hidden;
	margin-right: 10px;
}

#create_folder_submit span {
	display: block;
	width: 32px;
	height: 28px;
	background: url(../http://cs.i.j6.org/images/opera_addfolder.png) center top no-repeat;
}

#create_folder_submit span:hover {
	background: url(../http://cs.i.j6.org/images/opera_addfolder.png) center -27px no-repeat;
}

#create_share_folder_btn {
	float: left;
	border-radius: 4px;
	cursor: pointer;
	overflow: hidden;
	margin-right: 3px;
}

#create_share_folder_btn span {
	display: block;
	width: 33px;
	height: 27px;
	background: url(../http://cs.i.j6.org/images/opera_addfolder.png) center top no-repeat;
}

#create_share_folder_btn span:hover {
	background: url(../http://cs.i.j6.org/images/opera_addfolder.png) center -27px no-repeat;
}

.snapshot_now {
	float: left;
	border-radius: 4px;
	cursor: pointer;
	overflow: hidden;
	margin-right: 10px;
}

.snapshot_now span {
	display: block;
	width: 33px;
	height: 27px;
	background: url(../http://cs.i.j6.org/images/opera_snapshot_now.png) center top no-repeat;
}

.snapshot_now span:hover {
	background: url(../http://cs.i.j6.org/images/opera_snapshot_now.png) center -27px no-repeat;
}

#create_snapshot_dis {
	float: left;
	width: 33px;
	height: 27px;
	background: url(../http://cs.i.j6.org/images/opera_create_snapshot_dis.png) center top no-repeat;
}

#create_snapshot, #generate_invite_link {
	float: left;
	border-radius: 4px;
	cursor: pointer;
	overflow: hidden;
	margin-right: 3px;
}

#create_snapshot span {
	display: block;
	width: 33px;
	height: 27px;
	background: url(../http://cs.i.j6.org/images/opera_create_snapshot.png) center top no-repeat;
}

#create_snapshot span:hover {
	background: url(../http://cs.i.j6.org/images/opera_create_snapshot.png) center -27px no-repeat;
}

#generate_invite_link span {
	display: block;
	width: 33px;
	height: 27px;
	background: url(../http://cs.i.j6.org/images/opera_generate_link.png) center top no-repeat;
}

#generate_invite_link span:hover {
	background: url(../http://cs.i.j6.org/images/opera_generate_link.png) center -27px no-repeat;
}

#snapshot_schedule {
	float: left;
	border-radius: 4px;
	cursor: pointer;
	overflow: hidden;
	margin-right: 10px;
}

#snapshot_schedule span {
	display: block;
	width: 33px;
	height: 27px;
	background: url(../http://cs.i.j6.org/images/opera_snapshot_schedule.png) center top no-repeat;
}

#snapshot_schedule span:hover {
	background: url(../http://cs.i.j6.org/images/opera_snapshot_schedule.png) center -27px no-repeat;
}

#delete_share_folder_btn {
	float: left;
	border-radius: 4px;
	cursor: pointer;
	overflow: hidden;
}

#delete_share_folder_btn span {
	display: block;
	width: 33px;
	height: 27px;
	background: url(../http://cs.i.j6.org/images/opera_delete2.png) center top no-repeat;
}

#delete_share_folder_btn span:hover {
	background: url(../http://cs.i.j6.org/images/opera_delete2.png) center -27px no-repeat;
}

.bandwidth_btn_set .opera_btn {
	margin: 0 0 0 5px;
}

.bandwidth_btn_set .opera_btn span {
}

.opera_btn {
	border: 1px solid #B2B2B2;
	border-radius: 4px;
	overflow: hidden;
	margin-right: 3px;
	float: left;
	cursor: pointer;
}

.opera_btn:hover {
	background: url(../http://cs.i.j6.org/images/operation_btn.jpg) left top;
}

.opera_btn:active {
	border: none;
	background: url(../http://cs.i.j6.org/images/operation_btn.jpg) left -27px;
}

.opera_btn.disabled_btn {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: default;
}

.opera_btn.disabled_btn:hover {
	background: none;
}

.opera_btn.disabled_btn:active {
	background: none;
}

.opera_btn span {
	display: block;
	width: 31px;
	height: 25px;
	background-position: center top;
	background-repeat: no-repeat;
}

.opera_btn.disabled_btn:hover span {
	background-position: center top;
	background-repeat: no-repeat;
}

.opera_btn:hover span {
	background-position: center -25px;
	background-repeat: no-repeat;
}

.opera_btn.disabled_btn:active span {
	background-position: center top;
	background-repeat: no-repeat;
}

.opera_btn:active span {
	width: 33px;
	height: 27px;
	background-position: center -24px;
	background-repeat: no-repeat;
}

#snapshot_delete span {
	background-image: url(../http://cs.i.j6.org/images/opera_delete.png);
}

.snapshot_delete span {
	background-image: url(../http://cs.i.j6.org/images/opera_cancel_backup.png);
}

.snapshot_edit span {
	background-image: url(../http://cs.i.j6.org/images/opera_edit.png);
}

#snapshot_move span {
	background-image: url(../http://cs.i.j6.org/images/opera_move2.png);
}

#snapshot_cancel span {
	background-image: url(../http://cs.i.j6.org/images/opera_snapshot_cancel.png);
}

.add_usr_btn {
	height: 20px;
	display: block;
	float: left;
	border-radius: 4px;
	cursor: pointer;
	overflow: hidden;
	margin-right: 3px;
}
/*.share_folder_edit_row > div.add_usr_btn{
	height:28px;
	display:inline-block;
	float:left;
	border-radius:4px;
	cursor:pointer;
	overflow:hidden;
	margin-right:3px;
	padding:0;
	margin:6px 0 0;
}*/
.add_usr_btn span {
	display: block;
	width: 33px;
	height: 27px;
	background: url(../http://cs.i.j6.org/images/opera_addusr.png) center top no-repeat;
}

.add_usr_btn span:hover {
	background: url(../http://cs.i.j6.org/images/opera_addusr.png) center -27px no-repeat;
}

.delete_usr_btn {
	float: left;
	border-radius: 4px;
	cursor: pointer;
	overflow: hidden;
	margin-right: 3px;
}

.delete_usr_btn span {
	display: block;
	width: 33px;
	height: 27px;
	background: url(../http://cs.i.j6.org/images/opera_deleteusr.png) center top no-repeat;
}

.delete_usr_btn span:hover {
	background: url(../http://cs.i.j6.org/images/opera_deleteusr.png) center -27px no-repeat;
}

#docu_opera_menu {
	overflow: hidden;
	float: left;
	border-radius: 2px;
	/*background: url(../http://cs.i.j6.org/images/docu_nav.jpg) repeat-x left top;*/;
}

#docu_opera_menu li {
	float: left;
	background: #fff;
	border: 1px solid #b2b2b2;
	border-radius: 4px;
	cursor: pointer;
	margin-right: 2px;
}

#docu_opera_menu li:hover {
	background: url(../http://cs.i.j6.org/images/operation_btn.jpg) left top;
}

#docu_opera_menu li a {
	display: block;
	width: 30px;
	height: 26px;
}

#docu_opera_menu li a:hover {
	background-position: center -25px;
}
/*#docu_opera_menu li a{
	display:block;
	color:#666;
	cursor:pointer;
	padding:4px 10px;
}*/
a.l_button {
    /* Sliding right image */
	background: transparent url('../http://cs.i.j6.org/images/button_r.png') no-repeat scroll top right;
	display: inline-block;
	float: left;
	height: 32px;
	margin-right: 0px;
	padding-right: 24px;
	text-decoration: none;
	color: #0066cc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

a.l_button span {
	color: #fff;
	float: left;
	background: transparent url('../http://cs.i.j6.org/images/button.png') no-repeat left top;
	display: inline-block;
	line-height: 22px;
	padding: 5px 0 7px 24px;
}

a.l_button:hover {
	background: transparent url('../http://cs.i.j6.org/images/button_r.png') no-repeat scroll right -33px;
}

a.l_button:hover span {
	background: transparent url('../http://cs.i.j6.org/images/button.png') no-repeat left -33px;
	color: #fff;
}

a.button_disable {
    /* Sliding right image */
	background: transparent url('../http://cs.i.j6.org/images/button_disable_r.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 32px;
	text-decoration: none;
	color: #bebebe;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

a.button_disable span {
	color: #666;
	background: transparent url('../http://cs.i.j6.org/images/button_disable.png') no-repeat;
	display: block;
	line-height: 22px;
}

a.button_disable:hover {
	background: transparent url('../http://cs.i.j6.org/images/button_disable_r.png') no-repeat scroll top right;
}

a.button_disable:hover span {
	color: #666;
	background: transparent url('../http://cs.i.j6.org/images/button_disable.png') no-repeat;
}

a.s_button {
	background: url(../http://cs.i.j6.org/images/button2.jpg) center top;
	color: #FFF;
	font-size: 12px;
	margin-right: 4px;
	height: 14px;
	padding: 3px 18px 5px;
	border: none;
	cursor: pointer;
	border-radius: 4px;
}

a.s_button:hover {
	background: url(../http://cs.i.j6.org/images/button2.jpg) center -32px;
	text-decoration: none;
}

a.s_button:active {
	background: url(../http://cs.i.j6.org/images/button2.jpg) center -64px;
}

a.s_button.btn_disabled, .blue_btn2.btn_disabled , .blue_btn2.btn_disabled:hover, .blue_btn2.btn_disabled:active {
	background: #b3b3b3;
	cursor: default;
}
/*a.s_button>span {
	color:#fff;
background: transparent url('../http://cs.i.j6.org/images/button.png') no-repeat left top;
display: inline-block;
line-height: 14px;
padding: 5px 0 6px 20px;
}
a.s_button:hover{
background: transparent url('../http://cs.i.j6.org/images/button_r.png') no-repeat scroll right -25px;
}

a.s_button:hover>span{
background: transparent url('../http://cs.i.j6.org/images/button.png') no-repeat left -25px;
}
a.s_button:active{
background: transparent url('../http://cs.i.j6.org/images/button_r.png') no-repeat scroll right -50px;
}

a.s_button:active span{
background: transparent url('../http://cs.i.j6.org/images/button.png') no-repeat left -50px;
}

a.s_button.btn_disabled, a.s_button.s_button_disable{
	background: transparent url('../http://cs.i.j6.org/images/button_disable_r.png') no-repeat scroll top right;
color:#fff;
cursor:default;

}
a.s_button.btn_disabled>span, a.s_button.s_button_disable>span{
	background: transparent url('../http://cs.i.j6.org/images/button_disable.png') no-repeat;
color:#fff;
cursor:default;
}*/



a.m_button {
    /* Sliding right image */
	display: block;
	float: right;
	height: 32px;
	margin-right: 0px;
	padding-right: 24px;
	text-decoration: none;
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

a.m_button>span {
	color: #ccc;
	display: block;
	line-height: 22px;
	padding: 5px 0 7px 14px;
}

a.m_button:hover {
	background: transparent url('../http://cs.i.j6.org/images/s_btn_r.png') no-repeat scroll right -32px;
}

a.m_button:hover>span {
	text-shadow: 0px -1px #000;
	color: #fff;
	background: transparent url('../http://cs.i.j6.org/images/s_btn.png') no-repeat left -32px;
}

#delete_all {
	padding: 1px 0px 2px 22px;
	background: url(../http://cs.i.j6.org/images/delete.png) no-repeat center left;
}

ul.document_tabs {
	position: fixed;
	top: 95px;
/* new menu bar */
	top: 50px;
	width: 731px;
	/*border-radius:4px 4px 0 0;*/
	margin: 0;
	z-index: 25;
	overflow: hidden;
	margin-top: 10px;
	background: url(../http://cs.i.j6.org/images/side_title.jpg) repeat-x bottom #dedede;
}

ul.back_up_tabs {
	overflow: hidden;
	background: url("../http://cs.i.j6.org/images/box_tab.jpg") repeat scroll left top transparent;
	margin: 0 0 10px 0;
}

ul.third_menu {
	overflow: hidden;
	background: url("../http://cs.i.j6.org/images/box_tab.jpg") repeat scroll left top transparent;
	margin: 0;
}

ul.bind_tabs {
	overflow: hidden;
	background: url("../http://cs.i.j6.org/images/box_tab.jpg") repeat scroll left top transparent;
	margin: 0 0 10px 0;
}

ul.nav_menu {
	overflow: hidden;
	background: url(../http://cs.i.j6.org/images/nav_btn.jpg) repeat-x left top;
	border-radius: 4px;
	margin: 0 0 10px 0;
	overflow: hidden;
}

ul.nav_menu.usr_menu li a span {
	text-align: center;
	width: 150px;
}

ul.nav_menu li a span img {
	position: relative;
	top: -4px;
}

ul.nav_menu li {
	float: left;
}

ul.nav_menu li a {
	display: block;
	color: #fff;
	border-right: 1px solid #b1b1b1;
}

ul.nav_menu li a span {
	display: block;
	height: 16px;
	padding: 10px 16px 9px;
}

ul.nav_menu li a:hover {
	text-decoration: none;
	background: url(../http://cs.i.j6.org/images/nav_btn.jpg) repeat-x left -35px;
}

ul.nav_menu li a:active, ul.nav_menu li.now_backup a {
	background: url(../http://cs.i.j6.org/images/nav_btn.jpg) repeat-x left -70px;
}

#hotfix_settings, #hotfix_check_update, .check_sf_block {
	display: none;
}

#hotfix_frequency_at {
	position: relative;
	top: 5px;
	padding: 0 10px;
}

a.back_up_tab {
    /* Sliding right image */
	cursor: pointer;
	background: transparent url(../http://cs.i.j6.org/images/box_tab.jpg) left top;
	display: block;
	float: left;
	height: 32px;
	margin-right: 0px;
	padding-right: 8px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
/*font-weight:bold;*/
	border-right: 1px solid #e6e6e6;
}

a.back_up_tab>span {
	color: #fff;
	font-size: 13px;
	height: 15px;
	background: transparent url(../http://cs.i.j6.org/images/box_tab.jpg) left top;
	display: block;
	line-height: 15px;
	padding: 9px 0 8px 8px;
}

a.back_up_tab:hover {
	background: transparent url(../http://cs.i.j6.org/images/box_tab.jpg) left -32px;
}

a.back_up_tab:hover>span {
	background: transparent url(../http://cs.i.j6.org/images/box_tab.jpg) left -32px;
}

a.back_up_tab:active {
	background: transparent url(../http://cs.i.j6.org/images/box_tab.jpg) left -64px;
}

a.back_up_tab:active span {
	background: transparent url(../http://cs.i.j6.org/images/box_tab.jpg) left -64px;
}

.now_backup a.back_up_tab {
    /* Sliding right image */
	cursor: pointer;
	background: transparent url(../http://cs.i.j6.org/images/box_tab.jpg) left -64px;
	display: block;
	float: left;
	height: 15px;
	margin-right: 0px;
	padding: 9px 8px 8px 0;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
/*font-weight:bold;*/;
}

.now_backup a.back_up_tab>span {
	background: none;
	display: block;
	line-height: 15px;
	height: 15px;
	padding: 0px 0 0px 8px;
}

.backup_intro {
	padding: 8px 0px 8px 20px;
	background: url(../http://cs.i.j6.org/images/light_green.png) no-repeat 1px 6px;
	color: #ccc;
	text-shadow: black 0px -1px;
	font-weight: bold;
	font-size: 11px;
	border-bottom: 1px solid #222222;
}

.backup_title_list {
	font-weight: bold;
	background: #d9d9d9;
	color: #333;
	font-weight: bold;
	overflow: hidden;
}

.addomain_title {
	background: url(../http://cs.i.j6.org/images/titlebar_bg.jpg);
	color: #FFFFFF;
}

.default_table {
	position: relative;
	top: -16px;
}

.default_table td {
	padding: 8px 10px;
}

.default_table tr {
	border-bottom: 1px solid #ccc;
}

.default_table tr.table_title {
	border-bottom: none;
	border-radius: 4px 4px 0 0;
}

.default_table .table_title td {
	border-right: 1px solid #B2B2B2;
}

.default_table .table_title td:last-child {
	border: none;
}

.table_title {
	background: #D9D9D9;
	color: #333;
	/*font-weight:bold;*/;
}

.table_title img {
	display: none;
}

.table_title li {
	cursor: pointer;
	float: left;
	padding: 6px 2px;
}

.table_title li.adapter_title_half {
	border-right: 1px solid #b3b3b3;
	width: 267px;
}

.table_row li {
	float: left;
	height: 18px;
	padding: 10px 2px;
}

.table_row {
	border-bottom: 1px solid #ccc;
}

.file_status {
	width: 76px;
}

.table_title .file_status {
	text-align: center;
}

.s_pending {
	text-align: center;
	color: #4C4C4C;
}

.s_accept {
	background: url(../http://cs.i.j6.org/images/share_check_ok.png) center 10px no-repeat #99D470;
}

.s_reject {
	background: url(../http://cs.i.j6.org/images/share_check_not.png) center 10px no-repeat #FD6A5A;
}

.backup_list {
	overflow: hidden;
	border-top: #ccc solid 1px;
	border-bottom: #fff solid 1px;
}

.backup_list div {
	float: left;
	font-size: 11px;
	padding: 8px 4px 6px;
}

.backup_list div.manage_setting {
	float: right;
}

.backup_title_list div {
	float: left;
	font-size: 11px;
	padding: 8px 4px 6px;
}

.backup_title_list0 {
	width: 200px;
}

.backup_title_list div.backup_title_list0 {
	width: 200px;
	background: none;
}

.backup_title_listf2 {
	width: 160px;
}

.backup_title_listf3 {
	width: 330px;
}

.ad_domain_list {
	width: 280px;
}

.ad_domain_action {
	width: 360px;
}

.backup_title_list1 {
	width: 70px;
}

.backup_title_list div.backup_title_list1 {
	width: 70px;
	background: none;
}

.backup_id_title {
	width: 30px;
}

.backup_title_list div.backup_id_title {
	width: 30px;
	background: none;
}

.backup_title_list2 {
	width: 150px;
}

.backup_title_list div.backup_title_list2 {
	width: 150px;
	background: none;
}

.network_title_list {
	width: 38px;
}

.backup_title_list div.network_title_list {
	width: 38px;
	background: none;
}

.adapter_title_list {
	width: 42px;
}

.backup_list div.adapter_title_list_ver {
	width: 56px;
	font-weight: bold;
	/*border-left:#999 1px dotted;*/
	/*color:#3e576f;*/;
}

.adapter_title_list_ipv4 {
	width: 150px;
}

.adapter_title_list_ipv6 {
	width: 228px;
}

.table_row li.adapter_title_half {
	width: 240px;
	padding-left: 30px;
}

.sharedocu_each .adapter_title_half {
	width: 237px;
	padding-left: 34px;
}

.adapter_title_half.s_group {
	background: url(../http://cs.i.j6.org/images/group_s.png) left center no-repeat;
}

.adapter_title_half.s_user {
	background: url(../http://cs.i.j6.org/images/user.png) left center no-repeat;
}

.sharedocu_each .adapter_title_half.s_group {
	background: url(../http://cs.i.j6.org/images/group_s.png) 5px center no-repeat;
}

.sharedocu_each .adapter_title_half.s_user {
	background: url(../http://cs.i.j6.org/images/user.png) 5px center no-repeat;
}

.new_group {
	background: url(../http://cs.i.j6.org/images/new_group.png) left 8px no-repeat;
}

.edit_group {
	background: url(../http://cs.i.j6.org/images/edit_group.png) left 8px no-repeat;
}

.adapter_title_half.f_folder, .f_folder {
	background: url(../http://cs.i.j6.org/images/f_folder.png) left center no-repeat;
}

.adapter_title_half.f_word, .f_word {
	background: url(../http://cs.i.j6.org/images/f_word.png) left center no-repeat;
}

.adapter_title_half.f_excel, .f_excel {
	background: url(../http://cs.i.j6.org/images/f_excel.png) left center no-repeat;
}

.adapter_title_half.f_ppt, .f_ppt {
	background: url(../http://cs.i.j6.org/images/f_ppt.png) left center no-repeat;
}

.adapter_title_half.f_pdf, .f_pdf {
	background: url(../http://cs.i.j6.org/images/f_pdf.png) left center no-repeat;
}

.adapter_title_half.f_music, .f_music {
	background: url(../http://cs.i.j6.org/images/f_music.png) left center no-repeat;
}

.adapter_title_half.f_movie, .f_movie {
	background: url(../http://cs.i.j6.org/images/f_movie.png) left center no-repeat;
}

.adapter_title_half.f_file, .f_file {
	background: url(../http://cs.i.j6.org/images/f_file.png) left center no-repeat;
}

.adapter_title_half.f_rar, .f_rar {
	background: url(../http://cs.i.j6.org/images/f_rar.png) left center no-repeat;
}

.adapter_title_half.f_txt, .f_txt {
	background: url(../http://cs.i.j6.org/images/f_txt.png) left center no-repeat;
}

.adapter_title_half.f_zip, .f_zip {
	background: url(../http://cs.i.j6.org/images/f_zip.png) left center no-repeat;
}

.adapter_title_half.f_picture, .f_picture {
	background: url(../http://cs.i.j6.org/images/f_picture.png) left center no-repeat;
}

.backup_title_list div.adapter_title_half0 {
	width: 215px;
	background: none;
}

.backup_title_list div.adapter_title_list {
	width: 42px;
	background: none;
}

.backup_title1_2 {
	width: 100px;
}

.backup_title2_2 {
	width: 170px;
}

.backup_title150 {
	width: 150px;
}

.backup_title2_3 {
	width: 170px;
}

.backup_title2_4 {
	width: 70px;
}

.backup_title2_5 {
	width: 80px;
}

.backup_title1_3 {
	width: 50px;
}

.backup_title1_4 {
	width: 60px;
}

.backup_title1_5 {
	width: 50px;
}

.backup_title1_6 {
	width: 100px;
}

.backup_title1_7 {
	width: 100px;
}

.backup_title1_8 {
	width: 130px;
}

.backup_title4_4 {
	width: 100px;
}

.backup_title40 {
	width: 40px;
}

.backup_title110 {
	width: 110px;
}

.backup_title120 {
	width: 120px;
}

.backup_title230 {
	width: 230px;
}

.backup_title210 {
	width: 210px;
}

.backup_title140 {
	width: 140px;
}

.docu_more0 {
	display: none;
	position: absolute;
	left: 0px;
	border: 1px solid #aeaeae;
	background: #f4f5ff;
	width: 140px;
	top: 30px;
	z-index: 9999;
}

.docu_more0 div {
	padding: 5px 20px 5px 30px;
}

.ducu_copy a:hover {
	background-image: none;
	background-color: #d4d6ef;
}

.ducu_copy a:active {
}

#create_folder {
	margin: 0;
	padding: 8px 0 8px 18px;
	width: 752px;
	overflow: hidden;
}

#create_folder input[type="text"] {
	width: 229px;
}

.set_content > div.percent_input_block > span {
	float: none;
}

.percent_input_block {
	position: relative;
	top: -3px;
}

.email_notification_set .s_button {
	position: relative;
	top: -2px;
	margin-left: 2px;
}

.percent_input {
	width: 40px;
}

.saveQuota, .cancelQuota {
	font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
	line-height: 18px;
	vertical-align: top;
	background: url(../http://cs.i.j6.org/images/blue_btn.jpg) repeat-x center top;
	color: #FFF;
	margin: 0px 3px 0px 2px;
	padding: 0px 3px 3px;
	height: 24px;
/*box-shadow:0 0 4px #404040;*/
	border: 1px solid #bdbdbd;
	border-radius: 2px;
	cursor: pointer;
	overflow: hidden;
}

.saveQuota:hover, .cancelQuota:hover {
	background: url(../http://cs.i.j6.org/images/blue_btn.jpg) repeat-x center -30px;
}

#remote_backup_addip {
	position: relative;
	height: 42px;
}
/*#remote_backup_addip #create_folder_submit{
	position:absolute;
	left:530px;
	top:0px;
}*/
#share_invitation_con {
	display: none;
}

#docu_library_con {
	/*position:relative;*/;
}

.main_con {
	/*position:relative;*/;
}

#docu_library_con {
	/*min-height:450px;*/;
}

#docu_operatoin_out {
	top: 135px;
 /* new menu bar */
	top: 90px;
	/*padding-top:4px;*/
	position: fixed;
	width: 730px;
	width: 731px;
	z-index: 29;
	background: #fff;
}

#docu_user_operatoin_out {
	border-top: 1px solid #b2b2b2;
	position: fixed;
	width: 731px;
	background: #fff;
	z-index: 29;
	top: 60px;
}
/*.fixed {
	position: fixed; top: -20px;
}*/
#document_list, .document_list {
	/*padding-top:116px;*/
	margin: 0px 20px;
}

.document_lists {
	/*padding-top:116px;*/
	margin: 0px 0px 0px 19px;
}

#document_content {
	padding-top: 200px;
 /* new menu bar */
	padding-top: 225px;
	/*min-height:400px;*/;
}

#user_document_content {
	padding-top: 160px;
	min-height: 400px;
}

.document_content {
	padding-top: 118px;
	min-height: 400px;
}

#dilog_share_manage_content {
	padding-top: 250px;
}

.document_list_more {
	margin: 10px 25px 10px;
	text-align: center;
}

.document_list_more a {
	display: block;
	color: #fff;
	text-indent: -9999px;
	height: 16px;
	background: url(../http://cs.i.j6.org/images/loading_b.gif) center top no-repeat;
}

.document_list_more a:link {
	color: #fff;
}

.document_list_more a:hover {
	text-decoration: none;
	color: #fff;
}

.document_list_more a:active {
	background: url(../http://cs.i.j6.org/images/blue_btn.jpg) center -51px;
}

.document_title {
	background: #d9d9d9;
	border-radius: 4px 4px 0 0;
	margin: 0px 20px;
	color: #333;
	vertical-align: text-top;
	overflow: hidden;
/*font-weight:bold;*/;
}

.share_folder_title {
	background: #d9d9d9;
	border-radius: 4px 4px 0 0;
	color: #333;
	vertical-align: text-top;
	overflow: hidden;
/*text-align:center;
font-weight:bold;*/;
}

.group_user_count {
	color: #008CB6;
}

.share_manage_groupname {
	padding: 6px 4px 6px 46px;
	text-align: left;
	background: url(../http://cs.i.j6.org/images/group_s.png) 15px 4px no-repeat;
}

.share_folder_title .t_docu_size, .share_folder_title .t_docu_snapshot_size {
	/*text-align:center;*/
	width: 90px;
}

.share_folder_title .t_docu_file {
	/*text-align:center;*/
	width: 90px;
}

.share_folder_title .t_docu_folder {
	/*text-align:center;*/
	width: 100px;
}

.share_folder_title_l {
	float: left;
	background: #d9d9d9;
	border-radius: 4px 4px 0 0;
	color: #333;
	vertical-align: text-top;
	overflow: hidden;
/*text-align:center;
font-weight:bold;*/
	margin-right: 10px;
}

.transmission_title {
	background: #d9d9d9;
	border-radius: 4px 4px 0 0;
	color: #333;
	vertical-align: text-top;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
	margin: 20px 0;
}

.transmission_title:first-child {
	margin: 0 0 20px;
}

.transmission_title div {
	float: left;
	font-size: 12px;
}

.share_folder_title img, .share_folder_title img {
	opacity: 0;
	filter: alpha(opacity=0);
}

.document_title_set div {
	float: left;
}

.document_title img {
	display: none;
}

.document_title_set {
	position: relative;
}

#content {
	position: relative;
}

.ad_box_tree {
	padding: 10px 0px;
	max-height: 300px;
	overflow: auto;
}

.ad_box_tree .ui-widget-content {
	background: none;
}

.ad_box_tree img {
	display: inline-block;
	/*float:left;*/
	padding: 0px 4px 0 0px;
}

.ad_box_tree ul {
	margin-left: 20px;
}

.ad_box_tree li {
	margin-left: 16px;
	padding: 4px 0;
}

.ad_box_tree li:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.ad_box_tree input[type="checkbox"] {
	margin-right: 6px;
}

.document_each:after, .dataTables_wrapper:after, .sharedocu_each:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.document_title span, .share_folder_title span, .transmission_title span, .share_folder_title_l span {
	display: inline-block;
	padding: 7px 2px 7px 10px;
	font-size: 12px;
}

.document_title .t_docu_name span, .document_title .t_file_inv_name span {
	padding: 7px 2px 7px 0px;
}

.share_folder_title .share_manage_groupname span {
	padding: 0;
}

.document_title, .transmission_title {
	cursor: default;
}

.pointer {
	cursor: pointer;
}

.pointer span {
	color: #008cb6;
}

.pointer:hover span {
	color: #ff931e;
}

.docu_checkbox, .invite_checkbox {
	vertical-align: top;
	text-align: left;
	margin: 12px 10px 0 3px;
	float: left;
/*width:20px;*/;
}

.docu_more_checkbox, .docu_invite_checkbox {
	vertical-align: top;
	text-align: left;
	margin: 6px 10px 0 7px;
	float: left;
/*width:20px;*/;
}

.docu_name {
	float: left;
	width: 240px;
/*cursor:pointer;*/
	height: 24px;
	overflow: hidden;
}

.share_folder_name {
	float: left;
	width: 230px;
	overflow: hidden;
	background-position: 0 6px !important;
}

.share_folder_name a {
	display: block;
	color: #666;
	padding: 10px 0 10px 30px;
}

.share_folder_name a:hover {
	color: #008cb6;
}

.snapshot_row > div.snap_shot_id {
	padding-left: 27px;
	text-align: left;
}

.snap_shot_id {
	position: relative;
	float: left;
	width: 172px;
	overflow: hidden;
}

.snap_shot_id input[type="checkbox"] {
	position: absolute;
	left: 9px;
	/*float:left;*/;
}

.docu_share_d {
	position: relative;
	float: left;
	display: block;
	width: 80px;
	height: 16px;
	overflow: hidden;
	padding-left: 6px;
/*text-align:center;*/;
}

.docu_share_d img {
	position: absolute;
	top: 7px;
	left: 36px;
}

.num_div {
	/*text-align:right;*/;
}

.docu_size {
	float: left;
	width: 87px;
	overflow: hidden;
/*text-align:center;*/;
}

.docu_size.num_div {
	width: 70px;
	/*text-align:right;*/
	padding: 16px 15px 10px 8px;
}

.docu_file {
	position: relative;
	float: left;
	width: 70px;
	overflow: hidden;
	height: 16px;
}

.docu_file img {
	position: absolute;
	;
	left: 20px;
	top: 2px;
}

#snapshot_list_content .docu_file {
	text-align: left;
	width: 83px;
	padding-left: 10px;
}

.docu_file.num_div {
	width: 70px;
	padding-right: 15px;
	/*text-align:right;*/;
}

.docu_folder {
	float: left;
	width: 80px;
	overflow: hidden;
}

.docu_folder.num_div {
	width: 85px;
	padding-right: 15px;
	/*text-align:right;*/;
}

.docu_modi {
	float: left;
	width: 138px;
	overflow: hidden;
/*text-align:center;*/;
}

.docu_act {
	float: left;
	width: 20px;
	overflow: hidden;
	cursor: pointer;
}

.docu_recover {
	float: left;
	width: 20px;
	overflow: hidden;
	cursor: pointer;
}

.t_sharelink_name {
	float: left;
/*padding-left:30px;*/
	width: 240px;
	overflow: hidden;
	border-right: 1px solid #b3b3b3;
}

.t_file_inv_name, .t_file_inv_sender {
	float: left;
/*padding-left:30px;*/
	width: 270px;
	overflow: hidden;
	border-right: 1px solid #b3b3b3;
}

.t_docu_share_name {
	width: 260px;
	overflow: hidden;
	border-right: 1px solid #b3b3b3;
}

.t_docu_name {
	width: 280px;
	overflow: hidden;
/*border-right:1px solid #b3b3b3;*/;
}

.t_sharefolder_name {
	width: 230px;
	overflow: hidden;
	border-right: 1px solid #b3b3b3;
}

.t_share_folder_name {
	width: 300px;
	overflow: hidden;
}

.t_snap_shot_id {
	width: 200px;
	overflow: hidden;
	border-right: 1px solid #b3b3b3;
}

.t_snap_shot_id input[type="checkbox"] {
	margin: 0 4px 0 3px;
}

.t_docu_share_d {
	display: block;
	width: 85px;
	overflow: hidden;
	border-right: 1px solid #b3b3b3;
}

.t_docu_share_type_d {
	height: 28px;
	display: block;
	width: 40px;
	overflow: hidden;
	border-right: 1px solid #b3b3b3;
}

.docu_share_type_d {
	display: block;
	width: 39px;
	text-align: center;
}

.document_each div.share_file {
	background: url(../http://cs.i.j6.org/images/share.png) center 8px no-repeat;
	padding: 10px 0 30px 5px;
	cursor: pointer;
}

.document_each div.share_file_from {
	background: url(../http://cs.i.j6.org/images/share_from.png) center 8px no-repeat;
	padding: 10px 0 30px 5px;
	cursor: pointer;
}

.sharedocu_each div.docu_share {
	padding: 16px 0 10px 8px;
	display: block;
	width: 75px;
/*text-align:center;*/;
}

.t_docu_file {
	width: 70px;
	overflow: hidden;
	border-right: 1px solid #b3b3b3;
}

.t_docu_folder {
	width: 80px;
	overflow: hidden;
	border-right: 1px solid #b3b3b3;
}

.t_docu_export {
	width: 80px;
	overflow: hidden;
	border-right: 1px solid #b3b3b3;
}

.snapshot_row div.docu_export {
	/*padding:3px 0;*/
	text-align: left;
	padding-left: 10px;
	width: 70px;
	overflow: hidden;
}

.t_docu_path {
	width: 200px;
	overflow: hidden;
}

.docu_path {
	width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.t_docu_action {
	width: 120px;
	overflow: hidden;
}

.t_docu_size, .t_docu_snapshot_size {
	width: 90px;
	overflow: hidden;
	border-right: 1px solid #b3b3b3;
}

.t_docu_usage {
	width: 150px;
	overflow: hidden;
	border-right: 1px solid #b3b3b3;
}

.t_docu_dwn {
	width: 125px;
	overflow: hidden;
	border-right: 1px solid #b3b3b3;
}

#t_sl_counts {
	width: 145px;
}

.sharedocu_each div.docu_dwn {
	padding: 16px 0 10px 10px;
	width: 116px;
	/*text-align:center;*/;
}

.docu_dwn_time {
	width: 146px;
}

.docu_status {
	/*text-align:center;*/
	position: relative;
}

.sharedocu_each .docu_status {
	margin-left: 15px;
}

.docu_status span {
	display: block;
	width: 60px;
	/*text-align:center;*/;
}

.docu_status img {
	position: absolute;
	top: 8px;
	left: 15px;
}

.t_docu_modi {
	width: 130px;
	overflow: hidden;
}

.t_docu_time {
	width: 140px;
	overflow: hidden;
	border-right: 1px solid #b3b3b3;
}

.t_snap_time {
	width: 120px;
	overflow: hidden;
	border-right: 1px solid #b3b3b3;
}

.snap_time {
	width: 120px;
}

.t_docu_check {
	width: 115px;
	overflow: hidden;
	border-right: 1px solid #b3b3b3;
}

.t_docu_permission {
	width: 140px;
	overflow: hidden;
	border-right: 1px solid #b3b3b3;
}

.t_docu_group_user {
	width: 380px;
	border-right: 1px solid #b3b3b3;
}

.t_docu_type {
	width: 64px;
	border-right: 1px solid #b3b3b3;
}

.docu_type {
	text-align: center;
	width: 65px;
}

.docu_type.type_user {
	background: #9ed4fa;
}

.docu_type.type_group {
	background: #bbe4a0;
}

.trans_type {
	width: 250px;
	border-right: 1px solid #b3b3b3;
	text-align: left;
	margin-left: 216px;
}

.trans_value {
	padding-left: 10px;
	width: 60px;
}

.share_folder_edit_row > div.share_user {
	width: 350px;
	line-height: 20px;
	vertical-align: middle;
	padding-left: 34px;
	background: url(../http://cs.i.j6.org/images/user.png) 2px center no-repeat;
}

.share_user span, .share_group span {
	float: left;
}

.share_folder_edit_row > div.share_group {
	width: 350px;
	line-height: 20px;
	vertical-align: middle;
	padding-left: 34px;
	background: url(../http://cs.i.j6.org/images/group_s.png) 2px center no-repeat;
}

.docu_check {
	width: 65px;
	overflow: hidden;
	margin-left: 47px;
}

.docu_permission {
	width: 140px;
	overflow: hidden;
}

.snap_by_sch_or_not {
	width: 140px;
	overflow: hidden;
	text-align: center;
}

.t_docu_check_last {
	width: 115px;
	overflow: hidden;
}

.t_docu_act img {
	display: inline-block;
	cursor: pointer;
}

.document_each_all {
	position: relative;
/*width:743px;*/;
}

.document_each_all a::-moz-selection, .document_each_all div::-moz-selection {
	background: none;
}

.document_each_all::selection, .document_each_all a::selection , .document_each_all div::selection {
	background: none;
}

.document_each_all {
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	background: none;
}

.document_each {
	position: relative;
	padding: 0px 2px 0px 4px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
/*line-height:20px;*/
	white-space: nowrap;
}

.sharedocu_each {
	position: relative;
	padding: 0px 3px 0px 4px;
	border-bottom: 1px solid #ccc;
}

.sharefolder_each {
	position: relative;
	padding: 0px 3px 0px 4px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}

.sharefolder_each:hover {
	background: #e8e8e8;
}

.snapshot_row {
	padding: 2px 3px 2px 4px;
/*border:1px solid #fff;*/
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
}

.snapshot_row:hover {
	background: #e8e8e8;
}

.snapshot_row input[type="checkbox"] {
	margin: 0 4px 0 0;
}

.snapshot_row>div {
	float: left;
	padding: 16px 0 10px;
	text-align: center;
}

.snapshot_row>div.docu_path {
	padding-left: 10px;
}

#snapshot_list_content .snapshot_row div.docu_size {
	padding: 16px 0 12px 8px;
	width: 140px;
	text-align: left;
}

.share_folder_edit_row {
	position: relative;
	padding: 0px 3px 0px 0px;
	border-bottom: 1px solid #ccc;
/*background:url(../http://cs.i.j6.org/images/share_folder_edit_row_line.gif) right bottom no-repeat;*/;
}

.add_user_set {
	position: absolute;
	left: 400px;
	top: 0px;
	height: 28px;
	width: 240px;
}

.usr_row_narrow {
	padding: 3px 0 3px 4px;
	border-bottom: 1px solid #ccc;
}

.usr_row_narrow .docu_check {
	float: left;
	margin-top: 3px;
}

.folder_type_group {
	padding-left: 30px;
	background: url(../http://cs.i.j6.org/images/group_s.png) left top no-repeat;
}

.folder_type_user {
	padding-left: 30px;
	background: url(../http://cs.i.j6.org/images/user.png) left top no-repeat;
}

.share_folder_edit_row>div {
	float: left;
	font-size: 12px;
	padding: 10px 0 10px 2px;
	height: 25px;
}

.share_folder_edit_row>div.add_usr_btn {
	float: left;
	font-size: 13px;
	padding: 0;
	margin: 8px 4px 0;
	height: 27px;
}

.share_folder_edit_row>div span {
	height: 25px;
	display: inline-block;
	line-height: 25px;
	vertical-align: middle;
}

.share_folder_edit_row>div.docu_name span {
	height: 16px;
	display: inline-block;
	line-height: 16px;
	vertical-align: middle;
}

.share_folder_edit_row>div.add_usr_btn span {
	height: 28px;
	display: inline-block;
	line-height: 28px;
	vertical-align: middle;
}

.share_folder_edit_row>div input[type="checkbox"], .share_folder_edit_row>div input[type="radio"] {
	margin: 5px 4px 0 0;
	float: left;
}

.add_folder_row {
	display: none;
	padding: 6px 3px 6px 30px;
	border-bottom: 1px solid #dedede;
	background: url(../http://cs.i.j6.org/images/folder.png) left 7px no-repeat;
}

.add_folder_row input[type="text"] {
	width: 240px;
}

.document_each div, .sharedocu_each div {
	font-size: 12px;
	display: block;
	padding: 16px 0 10px 5px;
	float: left;
}

.sharedocu_each div.s_accept {
	padding: 20px 0 21px;
	width: 112px;
}

.sharedocu_each div.s_reject {
	padding: 20px 0 21px;
	width: 112px;
}

.sharedocu_each div.s_pending {
	padding: 15px 0 11px;
	width: 112px;
}

.sharedocu_each div.docu_status {
	text-align: center;
	padding: 8px 0 0;
	margin: 0;
}

.sharefolder_each div {
	font-size: 12px;
	float: left;
	padding: 2px 0;
}

.sharefolder_each div span.sharefolder_info {
	display: inline-block;
	padding: 10px 2px;
}

.document_each .docu_name {
	display: block;
	padding: 12px 0 6px;
	width: 282px;
	height: 18px;
	background-position: left 6px !important;
}

.sharedocu_each .docu_name {
	display: block;
	padding: 0;
	width: 302px;
	height: 36px;
	background-position: left 6px !important;
}

.document_each .docu_share_name {
	display: block;
	padding: 0;
	width: 262px;
	height: 36px;
	background-position: left 6px !important;
}

.usr_row_narrow .docu_name {
	display: block;
	padding: 0;
	width: 312px;
}

.share_folder_edit_row .docu_name {
	display: block;
	padding: 0;
	width: 282px;
	background-position: left 6px !important;
	color: #666;
	padding: 12px 0 6px 30px;
}

.document_each .docu_name_share, .document_each .docu_share_name a {
	display: block;
	/*color:#666;*/
	padding: 12px 0 12px 30px;
}

.docu_share_name a {
	display: block;
	color: #4c4c4c;
	padding: 12px 0 12px 30px;
}

.document_each .docu_name a {
	display: inline-block;
	padding: 3px 0 3px 30px;
	color: #4c4c4c;
}

.document_each div.t_sharelink_name, .sharedocu_each div.t_sharelink_name {
	padding: 12px 0 12px 30px;
	width: 230px;
}

.document_each div.sharelink_name, .sharedocu_each div.sharelink_name {
	/*position:relative;*/
	padding: 12px 0 12px 30px;
	width: 210px;
}

.sharelink_tooltip {
	position: absolute;
	display: none;
	background: #fff;
	border: 1px solid #767676;
	border-radius: 6px;
	padding: 5px 6px;
	/*right:0px;*/
	top: 30px;
	cursor: default;
	z-index: 500;
	min-width: 60px;
	max-width: 300px;
	word-break: break-all;
	background-image: linear-gradient(bottom, rgb(209,209,209) 0%, rgb(255,255,255) 53%);
	background-image: -o-linear-gradient(bottom, rgb(209,209,209) 0%, rgb(255,255,255) 53%);
	background-image: -moz-linear-gradient(bottom, rgb(209,209,209) 0%, rgb(255,255,255) 53%);
	background-image: -webkit-linear-gradient(bottom, rgb(209,209,209) 0%, rgb(255,255,255) 53%);
	background-image: -ms-linear-gradient(bottom, rgb(209,209,209) 0%, rgb(255,255,255) 53%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(209,209,209)),
	color-stop(0.53, rgb(255,255,255))
);
}

.document_each .docu_name a:hover {
	color: #008cb6;
}

.document_each:hover, .sharedocu_each:hover {
	position: relative;
	vertical-align: text-top;
	background: #b2defb;
}

.docu_download {
	float: left;
	width: 20px;
	padding-left: 6px;
}

.doculist_share {
	float: left;
	width: 20px;
	padding-left: 6px;
}

.docu_delete {
	float: left;
	cursor: pointer;
	width: 20px;
	padding-left: 6px;
}

.docu_more {
	display: none;
	position: absolute;
	right: 0px;
	background: #0f0f0f;
	width: 199px;
	z-index: 9999;
}

.docu_more.open_dropup {
	bottom: 42px;
}

.docu_more.open_dropdown {
	top: 42px;
}

.docu_on {
	position: absolute;
	display: none;
	background: #b2defb;
	top: 0px;
	left: 0px;
/*width:741px;*/
	width: 691px;
	height: 42px;
}

.docu_more div {
	padding: 8px 20px 8px 30px;
}

.docu_more div:hover {
	background-color: #232323;
}

.docu_more div:hover a {
	color: #FFFFFF;
}

.ducu_open {
	background: url(../http://cs.i.j6.org/images/opera_folderopen.png) center top no-repeat;
}

.download_btn, .revertBtn {
	display: block;
	float: left;
	text-indent: -9999px;
	background: #fff;
	/*border:1px solid #b2b2b2;*/
	border-radius: 4px;
	cursor: pointer;
	margin-right: 2px;
	background: url(../http://cs.i.j6.org/images/button2.jpg) left top;
}

.download_btn:hover, .revertBtn:hover {
	background: url(../http://cs.i.j6.org/images/button2.jpg) left -32px;
}

.download_btn:active, .revertBtn:active {
	background: url(../http://cs.i.j6.org/images/button2.jpg) left -64px;
}

.download_btn span {
	background: url("../http://cs.i.j6.org/images/opera_download.png") no-repeat scroll center -25px transparent;
	display: block;
	width: 31px;
	height: 25px;
}
/*.download_btn:hover span{
	background: url("../http://cs.i.j6.org/images/opera_download.png") no-repeat scroll center -25px transparent;
	display:block;
	width:31px;
	height:25px;
}*/
.revertBtn span {
	background: url("../http://cs.i.j6.org/images/opera_revert_version.png") no-repeat scroll center -25px transparent;
	display: block;
	width: 31px;
	height: 25px;
}
/*.revertBtn:hover span{
	background: url("../http://cs.i.j6.org/images/opera_revert_version.png") no-repeat scroll center -25px transparent;
	display:block;
	width:31px;
	height:25px;
}*/
.ducumore_download {
	background: url(../http://cs.i.j6.org/images/opera_download.png) center top no-repeat;
}

.ducumore_delete {
	background: url(../http://cs.i.j6.org/images/opera_delete.png) center top no-repeat;
}

.ducumore_delete.recycle_delete {
	background: url(../http://cs.i.j6.org/images/opera_delete_recyclebin.png) center top no-repeat;
}

.ducu_rename {
	background: url(../http://cs.i.j6.org/images/opera_edit.png) center top no-repeat;
}

.ducu_dis {
/*background-image:url(../http://cs.i.j6.org/images/rename.png);*/
	color: #999999;
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 20px;
}

.dis_rename {
	background-image: url(../http://cs.i.j6.org/images/dis_rename.png);
}

.dis_download {
	background-image: url(../http://cs.i.j6.org/images/dis_download.png);
}

.dis_history {
	background-image: url(../http://cs.i.j6.org/images/dis_recovery.png);
}

.dis_comment {
	background-image: url(../http://cs.i.j6.org/images/dis_comment.png);
}

.dis_share {
	background-image: url(../http://cs.i.j6.org/images/dis_share.png);
}

.ducu_copy {
	background: url(../http://cs.i.j6.org/images/opera_copy.png) center top no-repeat;
}

.ducu_move {
	background: url(../http://cs.i.j6.org/images/opera_move.png) center top no-repeat;
}

.ducu_d_delete {
	background-image: url(../http://cs.i.j6.org/images/delete.png);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 20px;
	cursor: pointer;
}

.ducu_d_delete:hover {
	background-image: url(../http://cs.i.j6.org/images/delete.png);
	background-repeat: no-repeat;
	background-position: 10px;
}

.ducu_d_download {
	background-image: url(../http://cs.i.j6.org/images/download.png);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 20px;
	cursor: pointer;
}

.ducu_d_download:hover {
	background-image: url(../http://cs.i.j6.org/images/download.png);
	background-repeat: no-repeat;
	background-position: 10px;
}

.ducu_preview {
	background: url(../http://cs.i.j6.org/images/opera_preview.png) center top no-repeat;
}

.ducu_public, .ducu_publics {
	background: url(../http://cs.i.j6.org/images/opera_public_link.png) center top no-repeat;
}

.ducu_comment {
	background: url(../http://cs.i.j6.org/images/opera_comment.png) center top no-repeat;
}

.ducu_version {
	background-image: url(../http://cs.i.j6.org/images/upload.png);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 20px;
	cursor: pointer;
}

.ducu_version:hover {
	background-image: url(../http://cs.i.j6.org/images/upload.png);
}

.ducu_revert {
	background: url(../http://cs.i.j6.org/images/opera_revert_version.png) center top no-repeat;
}

.docu_recover {
	background: url(../http://cs.i.j6.org/images/opera_recover.png) center top no-repeat;
}

.ducu_share {
	background: url(../http://cs.i.j6.org/images/opera_share.png) center top no-repeat;
}

.ducu_flag {
	background-image: url(../http://cs.i.j6.org/images/flag.png);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 20px;
	cursor: pointer;
}

.ducu_flag:hover {
	background-image: url(../http://cs.i.j6.org/images/flag.png);
	background-repeat: no-repeat;
	background-position: 10px;
}

.ducu_unset_flag {
	background-image: url(../http://cs.i.j6.org/images/unset_flag.png);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 20px;
	cursor: pointer;
}

.ducu_unset_flag:hover {
	background-image: url(../http://cs.i.j6.org/images/unset_flag.png);
	background-repeat: no-repeat;
	background-position: 10px;
}

.ducu_more_copy {
	background-image: url(../http://cs.i.j6.org/images/copy.png);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 20px;
	cursor: pointer;
}

.ducu_more_copy:hover {
	background-image: url(../http://cs.i.j6.org/images/copy.png);
	background-repeat: no-repeat;
	background-position: 10px;
}

.ducu_more_move {
	background-image: url(../http://cs.i.j6.org/images/move.png);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 20px;
	cursor: pointer;
}

.ducu_more_move:hover {
	background-image: url(../http://cs.i.j6.org/images/move.png);
	background-repeat: no-repeat;
	background-position: 10px;
}

.ducu_more_d_delete {
	background-image: url(../http://cs.i.j6.org/images/delete.png);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 20px;
	cursor: pointer;
}

.ducu_more_d_delete:hover {
	background-color: #d4deef;
	background-image: url(../http://cs.i.j6.org/images/delete.png);
	background-repeat: no-repeat;
	background-position: 10px;
}

.ducu_more_d_download {
	background-image: url(../http://cs.i.j6.org/images/download.png);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 20px;
	cursor: pointer;
}

.ducu_more_d_download:hover {
	background-color: #d4deef;
	background-image: url(../http://cs.i.j6.org/images/download.png);
	background-repeat: no-repeat;
	background-position: 10px;
}

.ducu_more_flag {
	background-image: url(../http://cs.i.j6.org/images/flag.png);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 20px;
	cursor: pointer;
}

.ducu_more_flag:hover {
	background-color: #d4deef;
	background-image: url(../http://cs.i.j6.org/images/flag.png);
	background-repeat: no-repeat;
	background-position: 10px;
}

.ducu_more_unset_flag {
	background-image: url(../http://cs.i.j6.org/images/unset_flag.png);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 20px;
	cursor: pointer;
}

.ducu_more_unset_flag:hover {
	background-color: #d4deef;
	background-image: url(../http://cs.i.j6.org/images/unset_flag.png);
	background-repeat: no-repeat;
	background-position: 10px;
}

#close_box {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #999;
}

.upload_info {
	display: none;
	padding: 10px 20px;
	width: 691px;
	position: fixed;
	background: #FFF;
	bottom: 0px;
	margin-left: 247px;
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
}

.upload_progress {
	border-radius: 3px;
	overflow: hidden;
	margin-top: 2px;
	background: #bfbfbf;
	height: 17px;
}

.upload_bar {
	background: url(../http://cs.i.j6.org/images/capacitybarg.jpg);
	width: 0;
	height: 17px;
}

#footer {
	display: block;
	text-align: center;
	margin-top: 10px;
	padding: 10px 0px;
}

.clear {
	clear: both;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

#profile {
	background: #fff;
	color: #4d4d4d;
}

#profile:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.step_row {
	margin: 25px 25px 0;
}

.step_row li {
	float: left;
	color: #fff;
	text-align: center;
	font-size: 11px;
}

.step_block {
	width: 134px;
	height: 48px;
	background: url(../http://cs.i.j6.org/images/step.jpg) left top;
	border-radius: 4px;
}
/*.step_block:hover{
	background:url(../http://cs.i.j6.org/images/step.jpg) left -50px;
}*/
.step_block.this_step {
	background: url(../http://cs.i.j6.org/images/step.jpg) left -100px;
}
/*.step_block:hover .step_num{
	background:url(../http://cs.i.j6.org/images/step_num.png) left -24px;
}*/
.step_block.this_step .step_num {
	background: url(../http://cs.i.j6.org/images/step_num.png) left -48px;
}

.step_num {
	font-weight: bold;
	font-size: 18px;
	width: 32px;
	height: 24px;
	background: url(../http://cs.i.j6.org/images/step_num.png) left top;
	margin: 4px auto 4px;
}

.step_arrow {
	background: url(../http://cs.i.j6.org/images/step_arrow.png);
	width: 12px;
	height: 24px;
	margin: 0 8px;
}

#manage_fix {
	/*position:absolute;*/
	width: 848px;
	/*background:url(../http://cs.i.j6.org/images/body_bg.png) 0 -150px repeat-x #e8ebec;*/;
}

.sub_menu li {
	line-height: 36px;
	cursor: pointer;
}

.sub_menu li:hover {
	background: url(../http://cs.i.j6.org/images/admin_submenu_hover.jpg) bottom repeat-x;
}

.sub_menu li a {
	color: #cccccc;
	display: block;
	padding-left: 14px;
}

.sub_menu li a:hover {
	color: #fff;
}

.sub_menu li.now_menu {
	background: url(../http://cs.i.j6.org/images/admin_submenu_on.jpg) bottom repeat-x;
}

.sub_menu li.now_menu a {
	color: #fff;
	font-weight: bold;
}

#profile_back_up {
	background: url(../http://cs.i.j6.org/images/icon_pagetitle_backup_20.png) no-repeat 2px center;
}

/*#upgrade_verion{
	background:url(../http://cs.i.j6.org/images/icon_submenu_nasfirmwareupdate.png) no-repeat 2px center;
}*/

#protocol_control {
	background: url(../http://cs.i.j6.org/images/icon_pagetitle_protocalcontrol_20.png) no-repeat 2px center;
}

#service_control {
	background: url(../http://cs.i.j6.org/images/icon_submenu_nasservice.png) no-repeat 2px center;
}

#component_list {
	background: url(../http://cs.i.j6.org/images/icon_submenu_componentlist.png) no-repeat 2px center;
}

#ups {
	background: url(../http://cs.i.j6.org/images/icon_submenu_ups.png) no-repeat 2px center;
}

#wizard {
	background: url(../http://cs.i.j6.org/images/icon_submenu_wizard.png) no-repeat 2px center;
}
/*#hot_fix{
	background:url(../http://cs.i.j6.org/images/icon_submenu_nasreplication.png) no-repeat 2px center;
}*/
/*#agent_upload{
	background:url(../http://cs.i.j6.org/images/icon_pagetitle_restorefactorydefault_20.png) no-repeat 2px center;
}*/

#ddns_setting {
	background: url(../http://cs.i.j6.org/images/icon_ddns.png) no-repeat 2px center;
}

#profile_raid_monitor {
	background: url(../http://cs.i.j6.org/images/icon_submenu_nasperf.png) no-repeat 2px center;
}

/*#profile_user_log{
	background:url(../http://cs.i.j6.org/images/icon_pagetitle_userlog.png) no-repeat 2px center;
}*/

#profile_title, .content_title {
	/*display:inline-block;*/
	font-size: 18px;
	vertical-align: text-top;
	padding: 25px 0 10px 25px;
	margin: 0px 20px 6px 20px;
	border-bottom: 1px solid #ccc;
	font-weight: 100;
}

.wating_img {
	position: relative;
	top: 2px;
	margin-right: 4px;
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../http://cs.i.j6.org/images/waiting.png) left top;
}

#profile_title .status_red, .content_title .status_red, #profile_title .status_green, .content_title .status_green {
	font-size: 12px;
	font-weight: 100;
}

.page_intro {
	padding: 4px 0 4px 250px;
}

.level_btn_set {
	margin: 8px 20px;
}

.level_btn_set li {
	float: left;
	font-size: 11px;
	padding: 4px 1px;
	width: 52px;
	margin-right: 5px;
	border-radius: 4px;
	cursor: pointer;
	text-align: center;
	background-position: left top;
	border-width: 1px;
	border-style: solid;
}

.level_btn_set li:hover {
	background-position: left -25px;
	border-width: 0px;
	padding: 5px 2px;
}

.level_btn_set li:active, .level_btn_set li.selected_type, #level_all.selected_type, #level_critical.selected_type, #level_error.selected_type {
	padding: 5px 2px;
	background-position: left -50px;
	color: #fff;
	border-width: 0px;
}

#level_all {
	border-color: #73b01f;
	color: #4c4c4c;
	background-image: url(../http://cs.i.j6.org/images/log_btn_all.png);
}

#level_critical {
	border-color: #ff1d25;
	color: #4c4c4c;
	background-image: url(../http://cs.i.j6.org/images/log_btn_critical.png);
}

#level_warring {
	border-color: #ff931e;
	background-image: url(../http://cs.i.j6.org/images/log_btn_warring.png);
}

#level_error {
	border-color: #B06EB5;
	background-image: url(../http://cs.i.j6.org/images/log_btn_error.png);
	border-color: #ff1d25;
	color: #4c4c4c;
	background-image: url(../http://cs.i.j6.org/images/log_btn_critical.png);
}

#level_info {
	border-color: #3fa9f5;
	background-image: url(../http://cs.i.j6.org/images/log_btn_info.png);
}

.log_level_warring {
	background: #ff9e42;
}

.log_level_error {
	background: #ff3b00;
}

.log_level_info {
	background: #46a7d2;
}

.page_title {
	font-size: 18px;
	padding: 25px 20px 10px 45px;
}

.share_floder_name {
	font-size: 12px;
	padding: 8px 0 2px 30px;
	/*color:#008CB6;*/
	background: url(../http://cs.i.j6.org/images/folder.png) left top no-repeat;
}

.sh_page_first, .sh_page_prev, .sh_page_next, .sh_page_last {
	display: inline-block;
	width: 12px;
	height: 12px;
}

.sh_page_first {
	background: url(../http://cs.i.j6.org/images/page_first.png) -2px top;
}

.sh_page_prev {
	background: url(../http://cs.i.j6.org/images/page_prev.png) -2px top;
}

.sh_page_next {
	background: url(../http://cs.i.j6.org/images/page_next.png) -2px top;
}

.sh_page_last {
	background: url(../http://cs.i.j6.org/images/page_last.png) -2px top;
}

.dns_setting {
	padding: 0px 0 4px 20px;
	font-size: 15px;
	font-weight: bold;
}

#title_document_library {
	background: url(../http://cs.i.j6.org/images/icon_pagetitle_bga.png) left center no-repeat;
	padding-left: 28px;
}

#tab_remote, #tab_local, #tab_amazon, #tab_snapshot, #tab_cht {
	display: none;
}

#title_wizard {
	background: url(../http://cs.i.j6.org/images/icon_submenu_wizard.png) left center no-repeat;
	padding-left: 28px;
}

#title_upload_setting {
	background: url(../http://cs.i.j6.org/images/icon_boxtitle_mount.png) left center no-repeat;
	padding-left: 28px;
}

#title_protocol {
	background: url(../http://cs.i.j6.org/images/icon_pagetitle_protocalcontrol_20.png) left center no-repeat;
	padding-left: 28px;
}

#title_service {
	background: url(../http://cs.i.j6.org/images/icon_submenu_nasservice.png) left center no-repeat;
	padding-left: 28px;
}

#title_componentlist {
	background: url(../http://cs.i.j6.org/images/icon_submenu_componentlist.png) left center no-repeat;
	padding-left: 28px;
}

#title_ups {
	background: url(../http://cs.i.j6.org/images/icon_submenu_ups.png) left center no-repeat;
	padding-left: 28px;
}

#title_raidmonitor {
	background: url(../http://cs.i.j6.org/images/icon_submenu_nasperf.png) left center no-repeat;
	padding-left: 28px;
}

#title_information, #title_revert, .title_information {
	border-bottom: 1px solid #ccc;
	padding: 8px 0 5px;
	font-size: 18px;
	/*font-weight:bold;*/;
}

.title_logo {
	/*border-bottom:1px solid #ccc;
	background:url(../http://cs.i.j6.org/images/logo_dialog.png) 185px 40px no-repeat;*/
	height: 30px;
}

.title_sharelink {
	border-bottom: 1px solid #ccc;
	padding: 8px 0 5px 28px;
	font-size: 18px;
}

.title_share_manage {
	padding: 20px 0 5px 20px;
	font-size: 18px;
}

#profile_content, #sharelink_content {
	padding: 19px 20px 25px;
	overflow: hidden;
	font-size: 12px;
	border-top: none;
	min-height: 360px;
}

#profile_content input[type="radio"], .set_content input[type="radio"] {
	position: relative;
	top: 0px;
	height: 14px;
	vertical-align: middle;
}

#profile_content .share_folder_edit_row input[type="radio"] {
	top: 0;
}

.set_content, .set_content2 {
	padding: 19px 20px 25px;
	overflow: hidden;
	font-size: 12px;
	border-top: none;
	min-height: 360px;
}

.bandwidth_intro {
	margin: 10px 25px 0 45px;
}

.bandwidth_mean {
	float: left;
	width: 150px;
	margin-top: 6px;
}

.bandwidth_mean img {
	position: relative;
	top: 5px;
	display: inline-block;
	margin-left: 6px;
}

.upgrade_set_content {
	padding: 0px 0px 20px;
	overflow: hidden;
	font-size: 14px;
	border-top: none;
}

.scale_bar {
	height: 12px;
	background: url(../http://cs.i.j6.org/images/scale.png) 100px top no-repeat;
}

.scale_bar_t {
	margin-top: 10px;
}

.schedule_row {
	margin: 8px 0 8px 20px;
}

.bandwidth_btn_set {
	margin-right: 16px;
	float: right;
}

.schedule_bar_wrapper {
	background: url("../http://cs.i.j6.org/images/scale_bar.jpg");
	border-radius: 4px;
	height: 26px;
	float: left;
	width: 685px;
	overflow: hidden;
}

.week_title {
	background: url(../http://cs.i.j6.org/images/side_title.jpg);
	height: 20px;
	width: 85px;
	color: #fff;
	text-align: center;
	padding: 6px 0 0;
	font-size: 12px;
	float: left;
}

.schedule_bar {
	position: relative;
	width: 600px;
	height: 26px;
	float: right;
}

.schedule_begin {
	/*position:absolute;
	left:0;
	top:0;*/
	float: left;
	height: 26px;
}

.schedule_end {
	padding-top: 5px;
	float: left;
	height: 21px;
}

.schedule_begin {
	background: url(../http://cs.i.j6.org/images/scale_bar.jpg);
	z-index: 3;
}

.schedule_end {
	/*background:url(../http://cs.i.j6.org/images/scale_bar2.jpg);*/
	background: #E5E5E5;
	z-index: 2;
}

.schedule_end.limited_speed {
	background: url(../http://cs.i.j6.org/images/scale_bar3.jpg);
	text-align: center;
	white-space: nowrap;
}

.content_block {
	display: none;
}

.content_div {
	margin: 0px 0 16px 230px;
}

.num {
	background: none repeat scroll 0 0 #46A7D2;
	border-radius: 4px 4px 4px 4px;
	color: #FFFFFF;
	display: inline-block;
	margin-right: 4px;
	padding: 2px 4px;
	text-align: right;
	width: 12px;
}

.intro_list {
	margin-left: 230px;
}

.intro_list li {
	margin-bottom: 10px;
}

.set_content label, #profile_content label, .wizard_content_in label {
	float: left;
}

#mailserver_use_admin_email {
	float: left;
	margin: 8px 8px 0 0;
}

#hotfix_frequency_select {
	float: left;
}

#profile_content>div>span, .set_content>div>span {
	display: inline-block;
	float: left;
	padding-top: 4px;
}

.set_content>div.content_alert>span {
	display: table-cell;
	float: none;
	padding: 0;
}

#profile_content>div.content_alert2>span, .set_content>div.content_alert2>span {
	float: none;
	display: table-cell;
	vertical-align: middle;
	padding-top: 0px;
}

.help_btn {
	display: inline-block;
	margin: 0 0 6px 10px;
	/*float:left;*/
	width: 24px;
	height: 24px;
	background: url(../http://cs.i.j6.org/images/help_btn.jpg) center top;
	cursor: pointer;
	vertical-align: middle;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.help_btn:hover {
	background: url(../http://cs.i.j6.org/images/help_btn.jpg) center -25px;
}

.help_btn:active {
	background: url(../http://cs.i.j6.org/images/help_btn.jpg) center -50px;
}

#percent_block {
	height: 28px;
}

#migrate_storage_setting {
	display: none;
}

.regist_admin_tab_out {
	max-height: 500px;
	overflow: auto;
}

#dropbox_clouse {
	margin: 0 auto 10px;
	width: 700px;
	line-height: 24px;
	text-align: justify;
	max-height: 400px;
	overflow: auto;
}

.bottom_confirm {
	text-align: right;
	padding-top: 10px;
}

.bottom_confirm input[type=checkbox] {
	margin-right: 4px;
}

#systemmonitor_page_jvm_memory {
	cursor: pointer;
}

#systemmonitor_page_jvm_memory div {
	margin-left: 4px;
	display: inline-block;
	width: 20px;
	height: 16px;
	background: url(../http://cs.i.j6.org/images/action.png) center 4px no-repeat;
}

#systemmonitor_page_jvm_memory div.close_list {
	background: url(../http://cs.i.j6.org/images/action_up.png) center 4px no-repeat;
}

#jvm_memory_use_block {
	display: nonel;
}

#public_set_check {
	padding-top: 10px;
	float: right;
}

.public_set_note {
	padding-left: 20px;
	background: url(../http://cs.i.j6.org/images/icon_status_yellow.png) no-repeat left;
}

#usermanage_content0, #usermanage_content {
	margin: 0px 0 10px;
	color: #666;
}

.usermanage_content {
	margin-bottom: 25px;
}

label.profile_add_title, .share_label_title {
	display: block;
	float: left;
	width: 225px;
	height: 30px;
	text-align: right;
	padding: 4px 0 0 0;
	margin: 0 5px 0 0;
}

.profile_add_title.label_disabled {
	color: #ccc;
}

.description {
	position: relative;
	top: 4px;
}

.magage_settings_content .bandwidth_setting {
	top: 3px;
}

.bandwidth_setting {
	position: relative;
}

.bandwidth_setting div {
	display: inline-block;
	float: none;
	margin-right: 10px;
}

.bandwidth_setting input[type="text"] {
	width: 40px;
}

.edit_radio {
	padding-top: 3px;
	float: left;
}

.edit_radio div {
	position: relative;
	top: 1px;
	display: inline-block;
	float: none;
	width: 60px;
}

.input_row label {
}

span.profile_add_title {
	display: inline-block;
	padding-top: 4px;
}

.confirm_info {
	float: right;
	width: 380px;
	padding: 4px 0 4px 26px;
	background: url(../http://cs.i.j6.org/images/confirm_img.png) left top no-repeat;
}

#enable_http_proxy {
	float: left;
}

.sub_label {
	display: block;
	float: left;
	width: 90px;
	padding: 3px 10px 0 0;
	text-align: right;
}

.iscsi_setting span {
	display: inline-block;
	padding: 6px 0 0 0;
}

.auto_regist_info {
	width: 250px;
	resize: none;
}

.hotfix_check {
	float: left;
	margin: 7px 6px 0 0px;
}

.hotfix_time {
	display: inline-block;
	width: 180px;
}

.hotfix_refresh {
	display: inline-block;
	cursor: pointer;
	font-size: 12px;
	color: #fff;
	background: url(../http://cs.i.j6.org/images/blue_btn.jpg) center top;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-right: 3px;
}

.hotfix_refresh:hover {
	background: url(../http://cs.i.j6.org/images/blue_btn.jpg) center -30px;
	text-shadow: 0 0 0;
	color: #FFF;
}

.hotfix_refresh span {
	display: block;
	padding: 2px 6px 2px 20px;
	background: url(../http://cs.i.j6.org/images/refresh.png) 1px 1px no-repeat;
}

.hotfix_refresh_disable {
	cursor: default;
	background: url(../http://cs.i.j6.org/images/gray_btn_disable.jpg) center;
	color: #666;
}

.hotfix_refresh_disable:hover {
	color: #666;
	background: url(../http://cs.i.j6.org/images/gray_btn_disable.jpg) center;
}

.hotfix_refresh_disable span {
	background: url(../http://cs.i.j6.org/images/refresh_disable.png) 1px 1px no-repeat;
}

#scheduling_time {
	width: 476px;
	float: right;
}

#scheduling_time p {
	line-height: 20px;
	text-align: justify;
	padding-bottom: 10px;
}

#scheduling_time .trap_sink_title {
	margin-bottom: 6px;
}

#scheduling_time .trap_sink_title div {
	float: left;
	font-size: 12px;
	padding: 6px 4px 6px;
	font-weight: 100;
	color: #666;
}

.l107 {
	width: 107px;
}

.l90 {
	width: 90px;
}

label.hotfix_title {
	display: block;
	float: left;
	width: 114px;
	padding-top: 5px;
	height: 35px;
	font-weight: bold;
	text-align: left;
	margin-right: 20px;
}

.week_time {
	line-height: 36px;
	vertical-align: bottom;
}

.week_time select {
	width: 50px;
}

.devide_time {
	display: inline-block;
	padding: 0 10px;
}

label.profile_create_title {
	font-size: 14px;
	display: block;
	float: left;
	width: 140px;
	padding-top: 6px;
	height: 40px;
	font-weight: bold;
	text-align: left;
	margin-right: 5px;
}

#timeZone_select {
	margin: 0;
	border: 1px solid #7b9ebd;
}

fieldset label.profile_add_title {
	width: 186px;
}

.profile_input {
	font-size: 14px;
	padding: 2px;
	width: 260px;
}

.sharelink_pw {
	font-size: 14px;
	padding: 2px;
	width: 140px;
}

.add_group_input {
	font-size: 14px;
	padding: 2px;
	width: 160px;
}

.user_conut {
	display: inline-block;
	background: url(../http://cs.i.j6.org/images/group_s.png) left top no-repeat;
	color: #008CB6;
	padding: 4px 0 2px 32px;
}

.input_textarea {
	width: 265px;
}

.profile_submit {
	padding-left: 230px;
	overflow: hidden;
}

.chpho_submit {
	padding-left: 320px;
}

.snapshot_submit {
	padding: 5px 0 0 28px;
	overflow: hidden;
}

.snapshot_submit a {
	float: left;
}

.divide_line {
	height: 1px;
	background: #ccc;
	margin: 20px 0;
}

.check_index {
	margin: 8px 4px 0 0;
	display: inline-block;
}

.system_btn {
	float: left;
	margin-right: 10px;
	width: 93px;
	height: 18px;
	color: #fff;
	padding: 42px 2px 0;
	background-position: left top;
	cursor: pointer;
	font-size: 12px;
	text-align: center;
}

.system_btn:hover {
	background-position: left -62px;
}

.system_btn:active {
	background-position: left -124px;
}

#shutdown_btn {
	background-image: url(../http://cs.i.j6.org/images/btn_power.png);
}

#restart_btn {
	background-image: url(../http://cs.i.j6.org/images/btn_restart.png);
}

#configuration_save {
	background-image: url(../http://cs.i.j6.org/images/btn_save.png);
}

#configurtion_restore {
	background-image: url(../http://cs.i.j6.org/images/btn_restore.png);
}

.control_btn_set {
	margin-top: 10px;
}

.sharefolder_btn_set {
	float: left;
	margin: 10px 0 0 316px;
}

.edit_user_and_group_btn_set {
	margin: 10px 0 0 310px;
	float: left;
}

.control_btn_set, .control_btn_set a {
	float: left;
}

.share_link_submit {
	padding-left: 230px;
	overflow: hidden;
}

.addomain_submit {
	padding-left: 0px;
	float: left;
	overflow: hidden;
}

.profile_submit .s_button {
	float: left;
}

.profile_submit .s_button, .share_link_submit .s_button {
	float: left;
}

.accept_btn {
	background: url(../http://cs.i.j6.org/images/share_check_ok.png) 6px 2px no-repeat #99D470;
	width: 26px;
	height: 20px;
	display: block;
	float: left;
	margin: 8px 4px 0 0;
	border-radius: 4px;
	border: 1px solid #99D470;
}

.accept_btn:hover {
	background: url(../http://cs.i.j6.org/images/share_check_ok.png) 6px -32px no-repeat #fff;
	width: 26px;
	height: 20px;
	border: 1px solid #7AC943;
}

.accept_btn:active {
	background: url(../http://cs.i.j6.org/images/share_check_ok.png) 6px 2px no-repeat #7AC943;
	border: 1px solid #7AC943;
}

.reject_btn {
	background: url(../http://cs.i.j6.org/images/share_check_not.png) 5px 2px no-repeat #FD6A5A;
	width: 26px;
	height: 20px;
	display: block;
	float: left;
	margin: 8px 4px 0 0;
	border-radius: 4px;
	border: 1px solid #FD6A5A;
}

.reject_btn:hover {
	background: url(../http://cs.i.j6.org/images/share_check_not.png) 5px -31px no-repeat #fff;
	border: 1px solid #FF1D25;
}

.reject_btn:active {
	background: url(../http://cs.i.j6.org/images/share_check_not.png) 5px 2px no-repeat #FF3C25;
	border: 1px solid #FF3C25;
}

.share_management_alert {
	color: #008cb6;
	float: left;
	width: 300px;
	padding: 0px 0 10px 32px;
	background: url(../http://cs.i.j6.org/images/tip.png) left top no-repeat;
}

.share_management_alert.tenant_invite_dialog {
	width: auto;
}

.revert_alert {
	color: #008cb6;
	padding: 0px 0 10px 32px;
	min-height: 24px;
	background: url(../http://cs.i.j6.org/images/tip.png) left top no-repeat;
}

.log_alert {
	padding: 0px 0 10px 32px;
	min-height: 24px;
	margin: 10px 20px 0 20px;
	background: url(../http://cs.i.j6.org/images/tip.png) left top no-repeat;
}

.blue_btn2 {
	font-family: Arial, Helvetica, sans-serif;
	background: url(../http://cs.i.j6.org/images/button_full.png) center -1px;
	color: #FFF;
	font-size: 12px;
	margin-right: 4px;
	padding: 4px 18px;
	border: none;
	cursor: pointer;
	border-radius: 4px;
}

.blue_btn2:hover {
	background: url(../http://cs.i.j6.org/images/button_full.png) center -26px;
	color: #FFF;
	text-decoration: none;
}

.blue_btn2:active {
	background: url(../http://cs.i.j6.org/images/button_full.png) center -51px;
	color: #FFF;
}

.log_save {
	position: relative;
	top: -2px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../http://cs.i.j6.org/images/button2.jpg) center top;
	color: #FFF;
	font-size: 12px;
	padding: 5px 10px;
	border: none;
	cursor: pointer;
	border-radius: 4px;
}

.log_save span {
	display: inline-block;
	padding-left: 20px;
	background: url(../http://cs.i.j6.org/images/export.png) left center no-repeat;
}

.log_save:hover {
	background: url(../http://cs.i.j6.org/images/button2.jpg) center -32px;
	color: #FFF;
	text-decoration: none;
}

.log_save:active {
	background: url(../http://cs.i.j6.org/images/button2.jpg) center -64px;
}

.blue_btn {
	font-family: Arial, Helvetica, sans-serif;
	background: url(../http://cs.i.j6.org/images/blue_btn.jpg) center top;
	color: #FFF;
	font-size: 12px;
	margin-right: 4px;
	padding: 3px 10px;
	border: none;
	cursor: pointer;
	border-radius: 4px;
}

.blue_btn:hover {
	background: url(../http://cs.i.j6.org/images/blue_btn.jpg) center -26px;
	color: #FFF;
	text-decoration: none;
}

.blue_btn:active {
	background: url(../http://cs.i.j6.org/images/blue_btn.jpg) center -51px;
}

.blue_btn[disabled="disabled"] {
	background: #b3b3b3;
	cursor: default;
	/*background:url(../http://cs.i.j6.org/images/gray_btn.jpg) center center;
	color:#666;
	border:1px solid #ccc;
	font-size:14px;
	padding:2px 10px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	cursor:auto;*/;
}

.check_btn {
	width: }
#usrlog_select, #syslog_select{
	position:relative;
	top: -1px;
	width: 36px;
	text-indent: -9999px;
	background-image: url(../http://cs.i.j6.org/images/search_btn.png);
}

#manage_user {
	overflow: hidden;
}

.manage_search_bar {
	position: relative;
	margin: 10px 20px 5px 41px;
	;
	height: 26px;
}

.new_user_info {
	padding-left: 14px;
	padding-left: 0px;
	/*background:url(../http://cs.i.j6.org/images/new_user.png) left top no-repeat;
	color:#008cb6;*/
	position: absolute;
	left: 44px;
	top: -10px;
	top: 11px;
}

.manage_search_bar:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.manage_search_bar .p_button {
	position: absolute;
	left: 310px;
	top: 7px;
}

.tenant_status_table {
	position: absolute;
	top: -4px;
	right: 0;
	width: 340px;
	float: right;
}

.tenant_status_table td {
	text-align: right;
	/*padding:2px;*/;
}

.manage_group_block {
	position: relative;
	top: 6px;
	height: 48px;
	margin-left: 20px;
}

.manage_group_block .new_user_info {
	left: 70px;
	width: 280px;
	left: 76px;
	top: 18px;
}

.manage_group_block .permission_alert {
	float: right;
	margin: 0 25px 0 0;
	width: 400px;
}

#add_group_btn {
	float: left;
	width: 44px;
	height: 25px;
	background: url(../http://cs.i.j6.org/images/btn_addgroup.png) left top;
	cursor: pointer;
	margin: 8px 10px 0 25px;
}

#add_group_btn:hover {
	background: url(../http://cs.i.j6.org/images/btn_addgroup.png) left -25px;
}

#add_group_btn:active {
	background: url(../http://cs.i.j6.org/images/btn_addgroup.png) left -50px;
}

.manage_bar {
	position: relative;
	margin: 4px 0px;
}

#add_group_btn+.manage_bar {
	float: right;
	margin: 18px 25px 10px;
}

.manage_search_bar .manage_bar {
	position: relative;
	top: -4px;
	padding: 12px 0px 0;
	text-align: right;
	float: right;
}

#manage_title {
	border-radius: 4px 4px 0 0;
	padding: 0;
	font-size: 12px;
	background: #D9D9D9;
	margin: 0 18px 0 20px;
	overflow: hidden;
	/*font-weight:bold;
	text-align:center;*/;
}

#manage_title:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#system_title, .system_title {
	margin: 0 20px;
	border-radius: 4px 4px 0 0;
	/*height:25px;*/
	padding: 0px 0px 0px;
	font-size: 12px;
	background: url(../http://cs.i.j6.org/images/system_title.png) left top;
	overflow: hidden;
	/*font-weight:bold;*/;
}

#event_title {
	padding: 8px 0px 3px;
	font-size: 12px;
	background: #d9d9d9;
	overflow: hidden;
	color: #333;
	font-weight: bold;
}

.storage_man_title {
	padding: 8px 0px 3px;
	font-size: 12px;
	background: url(../http://cs.i.j6.org/images/manage_storage_title.png) no-repeat bottom;
	overflow: hidden;
	color: #fff;
	font-weight: bold;
}

.storage_2section_title {
	padding: 8px 0px 3px;
	font-size: 12px;
	background: url(../http://cs.i.j6.org/images/manage_title0.jpg) repeat-x top;
	overflow: hidden;
	color: #fff;
	text-shadow: 0px -1px 0px #000;
	font-weight: bold;
}

.ups_title {
	padding: 8px 0px 4px;
	font-size: 12px;
	background: url(../http://cs.i.j6.org/images/manage_title0.jpg) repeat-x left 8px;
	overflow: hidden;
	color: #fff;
	text-shadow: 0px -1px 0px #000;
	font-weight: bold;
	border: 1px solid #222;
	border-top: none;
}

.storage_file_title {
	padding: 8px 0px 3px;
	font-size: 12px;
	background: url(../http://cs.i.j6.org/images/manage_filesystem_title.png) no-repeat bottom;
	overflow: hidden;
	color: #fff;
	font-weight: bold;
}

#system_title div, #event_title div, .system_title {
	/*cursor:pointer;*/;
}

#system_title img, #event_title img, .system_title img {
	opacity: 0;
	filter: alpha(opacity=0);
}

.manage_check {
	opacity: 0;
	filter: alpha(opacity=0);
	float: left;
	padding: 6px 9px 5px 8px;
}

.manage_enable {
	float: left;
	padding: 4px 4px;
	width: 72px;
	text-align: center;
}

.manage_avatar {
	float: left;
	padding: 8px 5px;
	width: 60px;
	/*text-align:center;*/;
}

#manage_title .manage_avatar {
	border-right: 1px solid #b2b2b2;
	width: 56px;
	padding: 8px 0px 8px 10px;
}

.manage_list .manage_avatar, .manage_list_disable .manage_avatar {
	padding: 4px 5px;
}

.manage_list.tenant_list .manage_account {
	padding-left: 11px;
	padding-right: 10px;
}

.manage_list.tenant_list .manage_usage {
	padding-left: 0;
	width: 73px;
}

.manage_list.tenant_list .manage_username {
	padding-left: 3px;
}

.tenant_inactive {
	background: #ffe2c3;
}

.manage_avatar_img {
	margin: 0 auto;
	width: 50px;
	height: 50px;
	overflow: hidden;
}

.manage_account {
	float: left;
	padding: 4px 5px;
	width: 130px;
}

.manage_username {
	float: left;
	padding: 4px 5px;
	width: 182px;
}

.manage_usage {
	float: left;
	padding: 4px 5px;
	width: 75px;
}

.manage_quota {
	float: left;
	padding: 4px 5px;
	width: 70px;
	text-align: center;
}

.manage_active {
	float: left;
	cursor: pointer;
	padding: 10px 5px 10px 10px;
	width: 20px;
	border-right: 1px solid #b2b2b2;
}

.manage_list .manage_active {
	border-right: none;
	padding: 10px 5px 10px 11px;
	height: 36px;
}

.manage_list .manage_active.inactive {
	background: url(../http://cs.i.j6.org/images/pending.png) center 12px no-repeat;
}

.manage_enable2 {
	float: left;
	cursor: pointer;
	padding: 8px 5px 8px 10px;
	width: 66px;
	/*text-align:center;*/
	border-right: 1px solid #b2b2b2;
}

.check_disable {
	display: block;
	width: 62px;
	height: 30px;
	background: url(../http://cs.i.j6.org/images/checkbox.png) 0 -150px;
}

.manage_account2 {
	float: left;
	/*cursor:pointer;*/
	padding: 8px 0px 8px 10px;
	width: 129px;
	border-right: 1px solid #b2b2b2;
}

.manage_username2 {
	float: left;
	/*cursor:pointer;*/
	padding: 4px 5px;
	width: 181px;
	border-right: 1px solid #b2b2b2;
}

#manage_title .manage_username2, #manage_title .manage_usage2, #manage_title .manage_quota2, #manage_title .manage_action {
	padding: 8px 0px 8px 10px;
}

.manage_usage2 {
	float: left;
	/*cursor:pointer;*/
	padding: 8px 5px;
	width: 69px;
	border-right: 1px solid #b2b2b2;
}

.manage_quota2 {
	float: left;
	cursor: pointer;
	padding: 8px 5px;
	width: 73px;
	border-right: 1px solid #b2b2b2;
}

.manage_account2 img, .manage_username2 img, .manage_usage2 img, .manage_quota2 img, .manage_enable2 img, .manage_active img {
	opacity: 0;
	filter: alpha(opacity=0);
}

.manage_action {
	float: left;
	padding: 8px 0px 8px 4px;
	width: 152px;
	/*text-align:left;*/;
}

.manage_action.tenant_action {
	width: 110px;
}

.manage_name {
	overflow: hidden;
}

.doedit, .doedit_user, .dopassword, .dodelete, .doedit_group, .dofile {
	background-position: center top;
}

.doedit:hover, .doedit_user:hover, .dopassword:hover, .dodelete:hover, .doedit_group:hover, .dofile:hover {
	background-position: center -25px;
}

.doedit:active, .doedit_user:active, .dopassword:active, .dodelete:active, .doedit_group:active, .dofile:active {
	background-position: center -50px;
}

.doedit img, .doedit_user img, .dopassword img, .dodelete img, .doedit_group img {
	display: none;
}

.doedit, .doedit_user, .doedit_group, .dofile {
	display: block;
	width: 33px;
	height: 25px;
	background-image: url(../http://cs.i.j6.org/images/btn_edit.jpg);
	border: 1px solid #b2b2b2;
	border-radius: 4px;
	overflow: hidden;
	margin-right: 1px;
	float: left;
}

.dopassword {
	display: block;
	width: 33px;
	height: 25px;
	background-image: url(../http://cs.i.j6.org/images/btn_password.jpg);
	border: 1px solid #b2b2b2;
	border-radius: 4px;
	overflow: hidden;
	margin-right: 1px;
	float: left;
}

.dodelete {
	display: block;
	width: 33px;
	height: 25px;
	background-image: url(../http://cs.i.j6.org/images/btn_delete.jpg);
	border: 1px solid #b2b2b2;
	border-radius: 4px;
	overflow: hidden;
	margin-right: 1px;
	float: left;
}

.dofile {
	display: block;
	width: 33px;
	height: 25px;
	background-image: url(../http://cs.i.j6.org/images/btn_filemanage.jpg);
	border: 1px solid #b2b2b2;
	border-radius: 4px;
	overflow: hidden;
	margin-right: 3px;
	float: left;
}

.log_time, .manage_name {
	float: left;
	padding: 4px 0px 4px 10px;
	width: 460px;
	/*margin-right:10px;*/;
}

.log_table_time {
	width: 160px;
}

.log_table_account {
	width: 200px;
}

.system_title .log_table_time, .system_title .log_table_type {
	border-right: 1px solid #b3b3b3;
}

tr.system_title .log_table_type {
	background: url(../http://cs.i.j6.org/images/system_title.png) center top;
}

tr.system_title .log_table_content {
	background: url(../http://cs.i.j6.org/images/system_title.png) right top;
}

.log_type {
	float: left;
	padding: 4px 5px;
	width: 90px;
}

.log_table_type {
	width: 90px;
}

#dash_l td.type_name {
	padding-right: 6px;
	/*text-align:right;*/;
}

.log_type.level_warning, .level_warning, .dash_l_content .sy_alert_no.level_warning {
	background: #fad2a1;
}

.log_type.level_info, .level_info, .dash_l_content .sy_alert_no.level_info {
	background: #AFDBF8;
}

.log_type.level_error, .level_error, .dash_l_content .sy_alert_no.level_error {
	background: #DEC3DE;
	background: #ff1d25;
	color: #fff;
}

.level_critical, .dash_l_content .sy_alert_no.level_critical {
	background: #ff1d25;
	color: #fff;
}

.system_title .log_type {
	padding: 8px 5px 8px 6px;
	border-right: 1px solid #b3b3b3;
}

.log_message {
	float: left;
	padding: 4px 5px;
	width: 310px;
}

.manage_members {
	float: left;
	padding: 4px 0px 4px 10px;
	width: 150px;
}

.log_content {
	float: left;
	padding: 4px 0;
	width: 420px;
}

.log_msg {
	/*width:500px;*/
	word-break: break-all;
}

.log_level, .manage_act {
	float: left;
	padding: 4px 0px 4px 10px;
	width: 140px;
}

.manage_content {
	float: left;
	padding: 4px 5px;
	width: 400px;
}

#system_title .log_time, .system_title .log_time, .system_title .manage_name {
	padding: 8px 5px 8px 6px;
	width: 170px;
	border-right: 1px solid #b3b3b3;
}

#system_title .manage_name {
	padding: 8px 0px 8px 10px;
	width: 459px;
	border-right: 1px solid #b3b3b3;
}

.system_title .manage_log {
	padding: 8px 5px 8px 6px;
	width: 80px;
	border-right: 1px solid #b3b3b3;
}

.manage_log {
	float: left;
	padding: 4px 5px;
	width: 80px;
}

#system_title .log_message, .system_title .manage_members {
	padding: 8px 5px 8px 6px;
	width: 296px;
	border-right: 1px solid #b3b3b3;
}

#system_title .manage_members {
	padding: 8px 0px 8px 10px;
	width: 150px;
	border-right: 1px solid #b3b3b3;
}

#system_title .log_level, #system_title .manage_act, .system_title .manage_act {
	padding: 8px 0px 8px 10px;
	width: 140px;
}

.system_title .manage_content {
	padding: 8px 5px 8px 6px;
	width: 420px;
}

#system_title .log_time {
	padding: 8px 5px 8px 6px;
	width: 170px;
}

#system_title .log_message {
	padding: 8px 5px 8px 17px;
	width: 303px;
}

#system_title .log_level {
	padding: 8px 5px 8px 20px;
	width: 210px;
}

.sto_id {
	float: left;
	padding: 4px 5px;
	width: 50px;
}

.storage_man_title .sto_id, .storage_file_title .sto_id {
	padding: 4px 5px 4px 15px;
	width: 45px;
}

.sto_ali {
	float: left;
	padding: 4px 5px;
	width: 80px;
}

.sto_sta {
	float: left;
	padding: 4px 5px;
	width: 110px;
}

.sto_cap {
	float: left;
	padding: 4px 5px;
	width: 100px;
}

.sto_frecap {
	float: left;
	padding: 4px 5px;
	width: 100px;
}

.sto_media {
	float: left;
	padding: 4px 5px;
	width: 100px;
}

.sto_logi {
	float: left;
	padding: 4px 5px;
	width: 140px;
}

.sto_opea {
	float: left;
	padding: 4px 5px;
	width: 150px;
}

.sto_flsys {
	float: left;
	padding: 4px 5px;
	width: 90px;
}

.sto_mou {
	float: left;
	padding: 4px 5px;
	width: 90px;
}

.eve_index {
	float: left;
	padding: 4px 5px;
	width: 60px;
}

.eve_device {
	float: left;
	padding: 4px 5px;
	width: 100px;
}

.eve_id {
	float: left;
	padding: 4px 5px;
	width: 100px;
}

.eve_severity {
	float: left;
	padding: 4px 5px;
	width: 80px;
}

.eve_time {
	float: left;
	padding: 4px 5px;
	width: 140px;
}

.eve_description {
	float: left;
	padding: 4px 5px;
	width: 210px;
}

#event_title .eve_index {
	padding: 4px 5px 4px 14px;
	width: 56px;
}

#event_title .eve_device {
	padding: 4px 5px 4px 10px;
	width: 94px;
}

#event_title .eve_id {
	padding: 4px 5px 4px 10px;
	width: 94px;
}

#event_title .eve_severity {
	padding: 4px 5px 4px 10px;
	width: 76px;
}

#event_title .eve_time {
	padding: 4px 5px 4px 10px;
	width: 125px;
}

#event_title .eve_description {
	padding: 4px 5px 4px 20px;
	width: 190px;
}

.title_section1 {
	float: left;
	padding: 4px 5px 4px 10px;
	width: 235px;
}

.title_section2 {
	float: left;
	padding: 4px 5px 4px 10px;
	width: 480px;
}

.title_section2b {
	float: left;
	padding: 4px 5px 4px 10px;
	width: 455px;
}

.storage_2section_title .title_section1 {
	float: left;
	padding: 4px 5px 4px 20px;
	width: 235px;
}

.storage_2section_title .title_section2 {
	float: left;
	padding: 4px 5px 4px 10px;
	width: 480px;
}

.storage_2section_title .title_section2b {
	float: left;
	padding: 4px 5px 4px 10px;
	width: 455px;
}

.title_section3 img {
	padding: 6px 4px 0 0;
	cursor: pointer;
}

.ups_section {
	padding: 4px 5px;
	text-align: center;
}

.health_check_title table {
	margin: 4px 0 0 6px;
}

.table_disable {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.log_table {
	margin: 0px auto 25px;
	color: #666666;
}

.log_table tr {
	border-bottom: 1px solid #ccc;
}

.log_table tr td {
	margin: 10px;
	padding: 8px 0px 8px 10px;
}

.log_table tr td.status_error {
	background: url(../http://cs.i.j6.org/images/light.png) left -82px no-repeat;
	padding-left: 20px;
}

.log_table tr td.status_warn {
}

.log_table tr td.status_normal {
}

.log_table tr td.status_check {
}

.log_table tr td.status_wait {
}

.status_error div, .status_warn div, .status_normal div {
	border-right: 1px solid #999;
}

.manage_setting {
	float: right;
}

.manage_list div {
	text-align: left;
	line-height: 24px;
	vertical-align: middle;
}

.manage_list {
	padding: 0px;
	margin: 0 20px;
	font-weight: 100;
	overflow: hidden;
	color: #666;
	border-bottom: 1px solid #ccc;
}

.manage_list a {
	color: #666;
}

.manage_list a:link {
	color: #666;
}

.manage_list a:hover {
	text-decoration: none;
	color: #008cb6;
}

.manage_list_odd {
	padding: 0px;
	background: url(../http://cs.i.j6.org/images/manage_user.gif) #ebebeb;
	font-weight: 100;
	overflow: hidden;
	color: #333;
}

.manage_list_disable {
	margin: 0 20px;
	padding: 0px;
	border-bottom: 1px solid #ccc;
	background: #ccc;
	font-weight: 100;
	overflow: hidden;
	color: #666;
}

.manage_list_disable a {
	color: #666666;
}

.manage_list_disable a:link {
	color: #666666;
}

.manage_list_disable a:hover {
	text-decoration: none;
}

.manage_list_disable img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.manage_list_disable .manage_action a {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.manage_list .manage_check, .manage_list_odd .manage_check {
	height: 16px;
	padding: 21px 8px;
}

.manage_list_disable .manage_enable {
	/*height:16px;*/
	margin: 0;
	text-algin: left;
}

.manage_list .manage_usage,.manage_list .manage_quota ,.manage_list_odd .manage_usage,.manage_list_odd .manage_quota {
	line-height: 50px;
	vertical-align: middle;
	text-align: left;
}

.manage_list .manage_quota, .manage_list_odd .manage_quota {
	/*cursor:pointer;*/;
}

.page_control {
	padding: 10px 20px 4px;
	font-size: 12px;
}

.page_control span {
	padding-right: 20px;
}

.page_change {
	float: right;
}

.page_change div {
	float: right;
	display: block;
	width: 30px;
	height: 23px;
	margin-left: 10px;
	text-indent: -9999px;
	cursor: pointer;
}

.page_first {
	background: url(../http://cs.i.j6.org/images/icon_pagination_first.png) left top;
}

.page_first:hover {
	background: url(../http://cs.i.j6.org/images/icon_pagination_first.png) left -24px;
}

.page_first:active {
	background: url(../http://cs.i.j6.org/images/icon_pagination_first.png) left -48px;
}

.page_prev {
	background: url(../http://cs.i.j6.org/images/icon_pagination_back.png) left top;
}

.page_prev:hover {
	background: url(../http://cs.i.j6.org/images/icon_pagination_back.png) left -24px;
}

.page_prev:active {
	background: url(../http://cs.i.j6.org/images/icon_pagination_back.png) left -48px;
}

.page_next {
	background: url(../http://cs.i.j6.org/images/icon_pagination_next.png) left top;
}

.page_next:hover {
	background: url(../http://cs.i.j6.org/images/icon_pagination_next.png) left -24px;
}

.page_next:active {
	background: url(../http://cs.i.j6.org/images/icon_pagination_next.png) left -48px;
}

.page_last {
	background: url(../http://cs.i.j6.org/images/icon_pagination_last.png) left top;
}

.page_last:hover {
	background: url(../http://cs.i.j6.org/images/icon_pagination_last.png) left -24px;
}

.page_last:active {
	background: url(../http://cs.i.j6.org/images/icon_pagination_last.png) left -48px;
}

.manage_list_disable .manage_usage,.manage_list_disable .manage_quota {
	line-height: 50px;
	vertical-align: middle;
	text-align: left;
}
/*.manage_list .manage_quota:hover, .manage_list_odd .manage_quota:hover{
	background:url(../http://cs.i.j6.org/images/edit.png) no-repeat 90px center;
}
*/
.manage_username, .manage_account {
	display: table;
	height: 50px;
}

.manage_username a, .manage_account a, .manage_username span, .manage_account span {
	display: block;
	display: table-cell;
	vertical-align: middle;
}

.manage_username-cell * {
	vertical-align: middle;
}

.manage_list  .manage_enable, .manage_list_odd  .manage_enable {
	vertical-align: middle;
	padding: 16px 4px 0 6px;
}

.manage_list_disable .manage_enable {
	vertical-align: middle;
	padding: 16px 10px 0 0px;
	margin: 0;
}

.manage_quota_edit {
	width: 100px;
	float: left;
	padding: 19px 7px 19px 8px;
	text-align: left;
}

.manage_quota_edit input[type="text"] {
	border-color: #7b9ebd;
	width: 40px;
	height: 16px;
	padding: 0px;
	margin: 0px;
}

option {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}

.manage_list_disable .manage_action, .manage_list .manage_action, .manage_list_odd .manage_action {
	height: 16px;
	padding: 14px 4px;
	text-align: left;
}

.manage_action img, .manage_act img {
	padding: 0 2px 0 0px;
}

#user_search, input[type="text"].user_search {
	/*border-radius:4px 0 0 4px;*/
	font-size: 12px;
	padding: 1px;
	width: 172px;
	height: 16px;
	border-radius: 4px 0 0 4px;
	float: left;
}

.search_button {
	float: left;
	cursor: pointer;
	text-indent: -9999px;
	font-size: 0px;
	padding: 0px;
	width: 22px;
	height: 22px;
	border: none;
	background: url(../http://cs.i.j6.org/images/search_submit.jpg) center top;
	border: 1px #e6e6e6 solid;
	border-radius: 4px;
	margin: 0 6px 0 2px;
}

.search_button:hover {
	background: url(../http://cs.i.j6.org/images/search_submit.jpg) center -20px;
}

.search_button:active {
	background: url(../http://cs.i.j6.org/images/search_submit.jpg) center -40px;
}

#search_library_submit, #search_share_folder_submit, .search_submit {
	cursor: pointer;
	float: left;
	text-indent: -9999px;
	font-size: 0px;
	padding: 0px;
	width: 38px;
	height: 20px;
	border: none;
	background: url(../http://cs.i.j6.org/images/search_submit.jpg) center top;
	border: 1px #e6e6e6 solid;
	border-left: none;
	border-radius: 0 4px 4px 0;
	margin-left: -1px;
/*border:1px solid #7b9ebd;*/;
}

#search_library_submit:hover, #search_share_folder_submit:hover, .search_submit:hover {
	background: url(../http://cs.i.j6.org/images/search_submit.jpg) center -20px;
}

#search_library_submit:active, #search_share_folder_submit:active, .search_submit:active {
	background: url(../http://cs.i.j6.org/images/search_submit.jpg) center -40px;
}

#search_submit {
	cursor: pointer;
	float: left;
	text-indent: -9999px;
	font-size: 0px;
	padding: 0px;
	margin-left: -1px;
	margin-top: 0px;
	width: 19px;
	height: 19px;
	border: none;
	background: url(../http://cs.i.j6.org/images/search_submit.jpg) center center;
	border: 1px solid #7b9ebd;
}

#search_submit:hover {
	background: url(../http://cs.i.j6.org/images/search_submit_a.jpg) center center;
}

.search_refresh {
	cursor: pointer;
	float: left;
	text-indent: -9999px;
	font-size: 0px;
	padding: 0px;
/*margin-left:-1px;*/
	margin: 0px 2px 0 2px;
	border-radius: 4px;
	width: 32px;
	height: 25px;
	border: none;
	background: url(../http://cs.i.j6.org/images/list_style_refresh.jpg) center top;
	border: 1px solid #b2b2b2;
}

.search_refresh:hover {
	background: url(../http://cs.i.j6.org/images/list_style_refresh.jpg) center -25px;
}

.search_refresh:active {
	background: url(../http://cs.i.j6.org/images/list_style_refresh.jpg) center -50px;
}

.btn_back {
	float: left;
	margin-left: 4px;
	display: block;
	width: 40px;
	height: 22px;
	background: url(../http://cs.i.j6.org/images/btn_back.png) left top;
}

.btn_back:hover {
	background: url(../http://cs.i.j6.org/images/btn_back.png) left -22px;
}

.btn_back:active {
	background: url(../http://cs.i.j6.org/images/btn_back.png) left -44px;
}

.create_tenant_btn {
	float: left;
	border-radius: 4px;
	cursor: pointer;
	overflow: hidden;
	margin-left: 5px;
	width: 33px;
	height: 27px;
	background: url(../http://cs.i.j6.org/images/opera_addtenant.png) center top no-repeat;
}

.create_tenant_btn:hover {
	background: url(../http://cs.i.j6.org/images/opera_addtenant.png) center -27px no-repeat;
}

#create_user_btn, .create_user_btn {
	float: left;
	border-radius: 4px;
	cursor: pointer;
	overflow: hidden;
	margin-left: 5px;
	width: 33px;
	height: 27px;
	background: url(../http://cs.i.j6.org/images/opera_addusr.png) center top no-repeat;
}

#create_user_btn:hover, .create_user_btn:hover {
	background: url(../http://cs.i.j6.org/images/opera_addusr.png) center -27px no-repeat;
}

#health_check_top {
	font-size: 14px;
	padding: 0px 0 0px 20px;
}

#health_check_top .s_button {
	float: left;
}

.health_check_line {
	float: left;
	padding: 7px 6px 0 0;
}

.check_min {
	color: #ffa5a5;
	font-weight: bold;
	font-size: 16px;
}

#backup_operatoin, .backup_operatoin {
	margin: 0px 20px 10px;
}

.start_back_time, .begin_time, .end_time {
	width: 90px;
}

.key_word {
	margin-left: 5px;
}

.clear_log_set {
	width: 270px;
}

#backup_operatoin ul, .backup_operatoin ul {
	overflow: hidden;
}

#backup_operatoin li {
}

.dataTables_wrapper {
	padding: 10px 25px 25px;
	background: #fff;
}

.check_waiting {
	display: block;
	display: none;
	float: left;
	background: url(../http://cs.i.j6.org/images/ajax-loader2.gif) left 10px no-repeat;
	padding: 10px 0 0px 20px;
	color: #333333;
}
/*#backup_operatoin li{
float:left;
display:block;
margin-right:8px;
background:url(../http://cs.i.j6.org/images/gray_btn.jpg);
border:1px #8a8a8a solid;
border-radius:4px;
-khtml-border-radius:4px;
}
#backup_operatoin li a{

	display:block;
color:#000;
font-weight:bold;
padding:2px 8px 2px 4px;
}
#backup_operatoin li a:link{

}
#backup_operatoin li a:visited{

}
#backup_operatoin li a:hover{
color:#FFF;
background:url(../http://cs.i.j6.org/images/gray_btn_a.jpg);
}
#backup_operatoin li a:active{

}
#backup_operatoin img{
padding-right:4px;
}*/

.backup_date {
	float: left;
	padding: 4px 8px;
	width: 500px;
	text-align: center;
}

.backup_size {
	float: left;
	padding: 4px 8px;
	width: 80px;
	text-align: center;
}

.backup_action {
	float: left;
	padding: 4px 8px;
	width: 68px;
	text-align: center;
}

.backup_more {
	position: absolute;
	right: 1px;
	border: 1px solid #666;
	background: #f4f5ff;
	width: 62px;
	height: 60px;
	top: 22px;
	z-index: 2000;
}

.backup_remove {
	float: left;
	padding: 4px 3px;
}

.backup_restore {
	float: left;
	padding: 4px 3px;
}

.backup_download {
	float: left;
	padding: 4px 3px;
}

.manage_list_odd .backup_date, .manage_list_odd .backup_size,.manage_list .backup_date,.manage_list .backup_size {
	text-align: left;
	line-height: 25px;
	vertical-align: middle;
}

.blue2_btn {
	margin: 4px 0px;
}

.blue2_btn a {
	background: url(../http://cs.i.j6.org/images/blue_btn.jpg) center center;
	color: #FFF;
	border: 1px solid #07253d;
	height: 25px;
	font-size: 14px;
	padding: 2px 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
}

.blue2_btn a:link {
	color: #FFF;
}

.blue2_btn a:visited {
}

.blue2_btn a:hover {
	background: url(../http://cs.i.j6.org/images/blue_btna.jpg) center center;
}

.blue2_btn a:active {
	background: #2c4a88;
}

#manage_backup {
	border: #999 1px solid;
}

#manage_backup #manage_title {
	padding: 0px;
	background: url(../http://cs.i.j6.org/images/titlebar_bg.jpg);
	border-bottom: solid #b5b2b5 1px;
	overflow: hidden;
	color: #fff;
	/*font-weight:bold;*/;
}

#manage_backup .manage_list {
	position: relative;
	padding: 0px;
	color: #333;
}

#manage_backup .manage_list_odd {
	position: relative;
	padding: 0px;
	background: url(../http://cs.i.j6.org/images/backup_table.gif) #ebebeb;
	color: #333;
}

#manage_backup .manage_list .backup_action, #manage_backup .manage_list_odd .backup_action {
	padding: 7px 8px 6px;
}

#manage_log {
	border: #999 1px solid;
	overflow: hidden;
}

#manage_log .manage_list {
	position: relative;
	padding: 6px;
	overflow: hidden;
	color: #333;
}

#manage_log .manage_list_odd {
	position: relative;
	padding: 6px;
	background: #ebebeb;
	overflow: hidden;
	color: #333;
}

#tree_box {
	padding-top: 0px;
	overflow: auto;
}

#my_folder {
	position: relative;
	line-height: 18px;
	height: 16px;
	overflow: hidden;
	width: 172px;
	cursor: pointer;
}

#my_folder span {
	position: absolute;
	overflow: hidden;
	width: 9999px;
}

#picture_left {
	float: left;
	width: 180px;
	text-align: center;
	margin: 0 17px 0 100px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

#picture_left a:hover {
	/*text-decoration:underline;*/;
}

.remove_center {
	text-align: center;
	margin: 0 0px;
}

.remove_center .s_button, .remove_center .s_button_disable {
	float: left;
}

#picture_right {
	float: left;
	width: 300px;
}

#upload_pic {
	position: relative;
}

.browse_pic {
	position: absolute;
	left: 0px;
	right: 0px;
/*	opacity:0;
	filter:alpha(opacity=0);*/;
}

#picture_right .browse_pic {
	position: absolute;
	left: 53px;
	right: 0px;
/*	opacity:0;
	filter:alpha(opacity=0);*/;
}

#profile_content .blue_btn2 {
	position: relative;
	top: 4px;
}

#profile_content label.error, .set_content label.error {
	float: right;
	width: 580px;
}

#profile_content .input_row label.error {
	float: right;
	width: 580px;
	height: 14px;
}

#disk_real {
	width: 810px;
	height: 147px;
	background: url(../http://cs.i.j6.org/images/disk2.png) left top no-repeat;
	margin: 0 0px 20px;
	padding: 15px 0 0 54px;
}

#disk_real li {
	position: relative;
	width: 164px;
	height: 36px;
	float: left;
	margin: 0px;
	padding: 2px;
	background: url(../http://cs.i.j6.org/images/disk2_single.png) center center;
}

#disk_real li.disk_error {
	background: url(../http://cs.i.j6.org/images/disk2_single_error.png);
}

#disk_real li.disk_warning {
	background: url(../http://cs.i.j6.org/images/disk2_single_warning.png);
}

#disk_real li.disk_error .disk_num, #disk_bg li.disk_error .disk_num {
	background: #e72222;
}

#disk_real li.disk_warning .disk_num {
	background: #e98f38;
}

#disk_bg {
	width: 693px;
	height: 147px;
	background: url(../http://cs.i.j6.org/images/disk.jpg);
	margin: 0 25px 20px;
	padding: 18px 0 0 42px;
}

#disk_bg li {
	position: relative;
	width: 156px;
	height: 36px;
	float: left;
	margin: 1px;
	padding: 1px;
	background: url(../http://cs.i.j6.org/images/disk_0.png);
}
/*#disk_bg li.disk_error{
	background:url(../http://cs.i.j6.org/images/disk_0_error.png);
}*/
.disk_ga {
	border: 3px solid #00c3ff;
}

.disk_gb {
	border: 3px solid #ec9734;
}

#disk_real li.disk_none {
	padding: 5px;
	background: url(../http://cs.i.j6.org/images/disk2_single_none.jpg) center center;
}

.disk_num {
	background: #3fd046;
	color: #fff;
	width: 20px;
	line-height: 20px;
	vertical-align: middle;
	font-size: 14px;
	display: block;
	float: left;
	border-radius: 10px;
	text-align: center;
	margin-right: 2px;
}

#mailserver_auth_area label.error {
	width: 480px;
}

.active_contant label.error {
	width: 534px;
}

.share_link_modify label.error {
	float: left;
	width: 580px;
}

#profile_content select {
}

#profile_content.auto_regist_page label.error {
	float: right;
	width: 580px;
}

#sharelink_content label.error {
	float: right;
	width: 428px;
}

#usermanage_content.transmission_setting .magage_settings_content label.error {
	position: absolute;
	top: 22px;
	left: 220px;
}

#title_new_user, #editUser_title, #changePWDSilde_title {
	padding-left: 260px;
}

#title_share_group_message, .title_share_group_message {
	padding-left: 20px;
}

.magage_settings_content .open_title {
	background: none;
}

#sharegropu_namelable {
	font-size: 15px;
	display: inline-block;
	width: 248px;
	width: 150px;
	text-align: right;
}

.usr_group_name {
	font-size: 15px;
	display: inline-block;
	padding-left: 20px;
	width: 150px;
	text-align: left;
}
/*#usermanage_content .magage_settings_content label.error{
	position:static;
}*/
.health_check_email td {
	font-size: 14px;
	vertical-align: top;
}

#notice_email_span {
	padding-top: 5px;
	display: block;
}

#sharelink_content h3, .set_content h3 {
	font-weight: 100;
	font-size: 15px;
	vertical-align: middle;
	padding-bottom: 0px;
	margin-bottom: 16px;
	border-bottom: 1px solid #ddd;
}

#profile_content h3, .sub_title {
	font-weight: 100;
	font-size: 15px;
	vertical-align: middle;
	padding: 4px 0 4px 10px;
	margin-bottom: 16px;
	background: #d9d9d9;
}

.storage_title {
	padding: 8px 0 8px 10px;
	color: #0066cc;
	font-weight: bold;
}

#profile_content h3 img, #sharelink_content h3 img {
	vertical-align: middle;
}

#system_l1l {
	float: left;
	width: 450px;
}

.system_ll {
	float: left;
	width: 370px;
}

.system_lr {
	float: right;
	width: 370px;
}

.system_data {
	font-weight: 100;
	font-size: 12px;
	color: #000000;
}

#promise_b {
	width: 370px;
	height: 300px;
	background: url(../http://cs.i.j6.org/images/promise_b.png);
}

#promise_f {
	width: 370px;
	height: 300px;
	background: url(../http://cs.i.j6.org/images/promise_f.png);
}

fieldset {
	padding: 10px 4px;
	margin: 10px 0;
	border: 1px solid #666;
	display: block;
}

fieldset#eth0b, fieldset#eth1b, fieldset#bind_filed2 {
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.auto_dns {
	display: inline-block;
	padding-bottom: 10px;
}

.ip {
	width: 60px;
}

legend {
	color: #ccc;
	font-weight: bold;
}

.set_quota, .set_upload_quota {
	position: relative;
}

.set_quota_input {
	width: 50px;
}

.set_quota select {
	position: absolute;
	top: 0px;
	left: 335px;
	margin: 0px;
}

.set_upload_quota select {
	position: absolute;
	top: 3px;
	left: 290px;
	margin: 0px;
}

.set_upload_quota span.quick_share_span {
	position: absolute;
	top: 4px;
	left: 310px;
	margin: 0px;
}

.set_upload_quota span.quick_share_link_span {
	position: absolute;
	top: 0px;
	left: 346px;
	margin: 0px;
}

div.input_alert {
	font-size: 12px;
	color: #F00;
	display: none;
}

#quota, .digits {
	width: 42px;
}

#quotaForm span.input_alert {
	font-size: 12px;
	color: #F00;
	padding-left: 40px;
	display: none;
}

#profile_content textarea, #sharelink_content textarea, .set_content textarea {
	margin-bottom: 5px;
}

#profile_content input[name="quota"], #sharelink_content input[name="quota"], .set_content input[name="quota"] {
	padding: 2px;
	width: 50px;
}

#profile_content_bottom {
	padding-top: 8px;
}

.profile_content_top {
	display: none;
	padding-bottom: 8px;
	overflow: hidden;
}

#profile_content_bottom .blue2_btn {
	float: left;
	padding-right: 10px;
}

.system_kind {
	margin-left: 10px;
	width: 60px;
	float: left;
	text-align: left;
}

#quota_bar {
	float: left;
	position: relative;
	margin: 3px 0 0;
	width: 260px;
	height: 17px;
	border-radius: 3px;
	background: #BFBFBF;
}

#quota_bar_index {
	position: relative;
	margin: 10px 25px 6px;
	height: 17px;
	background: #bfbfbf;
	border-radius: 3px;
	overflow: hidden;
}

#quota_bar_index.iscsi_bar {
	width: 100%;
}

#quota_percent {
	width: 0%;
	height: 18px;
	background: url(../http://cs.i.j6.org/images/capacitybarg.jpg) repeat-x;
}

#quota_percent.cap_m {
	background: url(../http://cs.i.j6.org/images/capacitybarb.jpg) repeat-x;
}

#quota_percent.cap_m.cap_f {
	background: url(../http://cs.i.j6.org/images/capacitybaro.jpg) repeat-x;
}

#iscsi_per_num {
	width: 50px;
	text-align: right;
	float: right;
	color: #ddd;
	padding: 1px 2px 0 0;
}

#quota_percent_num {
	position: absolute;
	margin: 2px 35px;
	width: 100px;
	text-align: center;
}

#quota_num {
	text-align: center;
	color: #4d4d4d;
}

#quota_bar #quota_percent div {
	position: absolute;
	top: 2px;
	width: 250px;
	text-align: center;
	font-size: 11px;
}

#backview {
	position: relative;
	width: 798px;
}

#network_use, #network_use2, #network_use3, #network_use4 {
	display: inline-block;
}

#nethole1 {
	position: absolute;
	cursor: pointer;
	width: 25px;
	height: 17px;
	top: 122px;
	left: 300px;
	z-index: 10;
}

#nethole1:hover {
	background: url(../http://cs.i.j6.org/images/net_hover.png);
}

#net_info1 {
	position: absolute;
	width: 143px;
	height: 170px;
	background: url(../http://cs.i.j6.org/images/net_bubble_l.png);
	top: 105px;
	right: 460px;
	color: #39599c;
	padding: 33px 0px 0px 11px;
	display: none;
}

#net_info1 div {
	padding-bottom: 31px;
}

#nethole2 {
	position: absolute;
	cursor: pointer;
	width: 25px;
	height: 17px;
	top: 122px;
	left: 335px;
	z-index: 11;
}

#nethole2:hover {
	background: url(../http://cs.i.j6.org/images/net_hover.png);
}

#net_info2 {
	position: absolute;
	width: 132px;
	height: 170px;
	background: url(../http://cs.i.j6.org/images/net_bubble_r.png);
	top: 105px;
	left: 360px;
	color: #39599c;
	padding: 33px 0px 0px 26px;
	display: none;
}

#net_info2 div {
	padding-bottom: 31px;
}

.date_input {
	padding: 4px 2px;
	width: 500px;
}

.time_input {
	width: 30px;
	padding: 4px 2px 4px 4px;
	height: 16px;
}

.hour_input {
	width: 30px;
	padding: 1px;
}

h3#time_type1, h3#time_type2, h3#bind_form_title {
	cursor: pointer;
}

form[name="myForm"] {
	display: none;
}

#myForm {
	display: none;
}

#systemmonitor_page_memory_total_value {
	display: inline-block;
	padding-left: 25px;
}

.mem_num {
	display: inline-block;
	width: 60px;
	padding-right: 50px;
	color: #666;
	text-align: left;
}

form[name="eth1"] {
	display: none;
}

#hard_disk {
	width: 450px;
	height: 18px;
	border: 1px solid #b5bace;
	background: #FFF;
	margin: 2px 0px 10px;
	background: url(../http://cs.i.j6.org/images/capacitybar.jpg) repeat-x;
}

#hard_disk_per {
	width: 0%;
	height: 18px;
	background: url(../http://cs.i.j6.org/images/capacitybar2.jpg);
}

#bind_or_not {
	position: relative;
	height: 96px;
}

#ipv6_bind_or_not {
	position: relative;
	height: 96px;
}

#unbind_mode, #ipv6_unbind_mode {
	display: none;
}

#bind, #ipv6_bind {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 330px;
	height: 72px;
	text-align: left;
	padding: 0 10px 10px;
	border-radius: 6px;
	-khtml-border-radius: 6px;
	cursor: pointer;
}

#bind.this_sec, #ipv6_bind.this_sec, #unbind.this_sec, #ipv6_unbind.this_sec {
	background: #0a53a8;
	color: #FFFFFF;
}

#unbind, #ipv6_unbind {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 330px;
	height: 72px;
	text-align: left;
	border-radius: 6px;
	padding: 0 10px 10px;
	-khtml-border-radius: 6px;
	cursor: pointer;
}

#unbind.this_sec div span, #ipv6_unbind.this_sec div span,#bind.this_sec div span, #ipv6_bind.this_sec div span {
	color: #afc5f3;
	font-weight: bold;
}

#unbind div span, #ipv6_unbind div span, #bind div span, #ipv6_bind div span {
	color: #39599c;
	font-weight: bold;
}

.power_table {
	display: none;
}

#dash_l {
	float: left;
	width: 245px;
	overflow: hidden;
}

#dash_r {
	float: right;
	width: 723px;
	overflow: hidden;
}

#dash_l td {
	font-size: 11px;
	padding: 2px 2px 4px 0;
}

.backup_time {
	color: #408A45;
	min-height: 40px;
}

.backup_time_title {
	min-height: 40px;
	padding: 10px 0 0 24px;
	background: url(../http://cs.i.j6.org/images/backup_img.png) left 10px no-repeat;
	border-top: 1px solid #ddd;
}

.dash_l_content {
	background: #fff;
	padding: 10px 15px;
	border: 1px solid #b2b2b2;
	border-radius: 0 0 4px 4px;
	margin-bottom: 10px;
	text-align: center;
}

.dash_l_content td {
	text-align: left;
}

.dash_log_list {
	height: 220px;
}

.dash_l_content img {
	/*margin-left:10px;*/;
}

.system_row li {
	float: left;
	margin-bottom: 8px;
	font-size: 11px;
	overflow: hidden;
}

.sy_alert_no {
	background: #46A7D2;
	color: #fff;
	width: 16px;
	/*height:5px;*/
	padding: 1px;
	margin-right: 4px;
	text-align: center;
	/*text-indent:-9999px;*/;
}

.dash_l_content .sy_alert_no {
	margin: 3px 4px 0 0px;
	height: 5px;
	width: 5px;
	text-indent: -9999px;
}

.sy_alert_name {
	width: 132px;
	margin-right: 4px;
	float: right;
	text-align: left;
	/*color:#008CB6;*/;
}

.sys_alert_btn {
	float: left;
	margin-left: 8px;
}

.top_user {
	float: left;
	font-size: 16px;
	margin: 30px 0 0 30px;
	width: 320px;
}

.top_user h3 {
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: 100;
}

.system_row li.sy_usr_name, .system_row li.sy_usr_vol {
	font-size: 12px;
}

.sy_usr_cap {
	position: relative;
	top: 2px;
	width: 60px;
	height: 10px;
	margin-right: 4px;
}

.sy_usr_bar {
	height: 10px;
	background: #8CE86E;
	width: 0%;
}

.sy_usr_name {
	width: 80px;
	margin-right: 4px;
}

.short_cut {
	float: left;
	width: 270px;
	margin: 70px 0 0 20px;
}

.short_cut li {
	float: left;
	background-image: url(../http://cs.i.j6.org/images/shortcut.png);
	background-position: center top;
	margin: 0 10px 10px 0;
}

.short_cut li:hover {
	background-position: center -85px;
}

.short_cut li:active {
	background-position: center -170px;
}

.short_cut li a {
	display: block;
	width: 112px;
	font-size: 11px;
	text-align: center;
	padding: 58px 2px 7px;
	line-height: 12px;
	height: 20px;
}

.short_cut li a:hover {
	color: #fff;
	text-decoration: none;
}

#short_cut_ceate_account {
	background-image: url(../http://cs.i.j6.org/images/shortcut_create_account.png);
	background-position: center top;
}

#short_cut_manage_tenant {
	background-image: url(../http://cs.i.j6.org/images/shortcut_manage_tenant.png);
	background-position: center top;
}

#short_cut_share_folder {
	background-image: url(../http://cs.i.j6.org/images/shortcut_sharefolder.png);
	background-position: center top;
}
/*#short_cut_snapshot{
	background-image:url(../http://cs.i.j6.org/images/shortcut_snapshot.png);
	background-position:center top;
}
#short_cut_sync{
	background-image:url(../http://cs.i.j6.org/images/shortcut_sync.png);
	background-position:center top;
}*/
#short_cut_bandwidth {
	background-image: url(../http://cs.i.j6.org/images/shortcut_bandwidth.png);
	background-position: center top;
}

#short_cut_getsupport {
	background-image: url(../http://cs.i.j6.org/images/shortcut_getsupport.png);
	background-position: center top;
}

#short_cut_ceate_account:hover, #short_cut_share_folder:hover, #short_cut_snapshot:hover, #short_cut_sync:hover, #short_cut_bandwidth:hover, #short_cut_getsupport:hover, #short_cut_manage_tenant:hover {
	background-position: center -85px;
}

#short_cut_ceate_account:active, #short_cut_share_folder:active, #short_cut_snapshot:active, #short_cut_sync:active,  #short_cut_bandwidth:active {
	background-position: center -170px;
}

#system_status {
	display: inline-block;
}

.dash_r_title {
	background: url(../http://cs.i.j6.org/images/manage_title0.jpg) left top repeat-x;
	color: #666;
	font-weight: bold;
	font-size: 14px;
	;
	height: 21px;
	padding: 8px 0px 6px 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}

#usage_top_3 {
	display: inline-block;
}

#storage_overview {
	display: inline-block;
	padding-left: 28px;
	background: url(../http://cs.i.j6.org/images/icon_submenu_perf.png) left center no-repeat;
}

.dash_r_content {
	background: #fff;
	padding: 25px;
	border: 1px solid #b2b2b2;
	border-radius: 4px;
}

.dash_chart {
	border-bottom: dotted 1px #808080;
	padding: 0 0 40px 20px;
}

.chart_block {
	position: relative;
	float: left;
	width: 310px;
	margin-right: 0px;
}

.chart_total {
	position: absolute;
	font-size: smaller;
	bottom: 63px;
	width: 80px;
	right: 55px;
}

.legend table td {
	vertical-align: top;
}

.legendLabel {
	width: 100px;
}

.legendColorBox div {
	margin: 1px 2px 0 0;
}

.chart_block h3 {
	width: 180px;
	color: #4d4d4d;
	font-size: 16px;
	text-align: center;
	margin-bottom: 12px;
	font-weight: 100;
}

#cap_chart, #cache_status {
	width: 300px;
	height: 160px;
}

span.usage_ava {
	display: inline-block;
	width: 68px;
}

span.usage_acc {
	display: inline-block;
	width: 120px;
}

span.usage_name {
	display: inline-block;
	width: 170px;
}

span.usage_usage {
	display: inline-block;
	width: 100px;
}

.dash_usage_list .usage_ava, .dash_usage_list .usage_acc, .dash_usage_list .usage_name, .dash_usage_list .usage_usage {
	line-height: 28px;
	vertical-align: middle;
}

.dash_usage_list .usage_ava {
	width: 50px;
	margin-right: 20px;
	overflow: hidden;
}

#storage_overview_l {
	float: left;
	width: 240px;
}

#storage_overview_l ul {
	padding-top: 4px;
}

#storage_overview_l ul span.pie_label {
	display: inline-block;
	margin: 2px 6px 0 0;
	height: 12px;
	width: 12px;
}

#chart_div {
	width: 210px;
	height: 200px;
}

#storage_chart {
	width: 240px;
	height: 160px;
}

#storage_overview_r {
	float: right;
	width: 240px;
}

.stov {
	display: inline-block;
	width: 120px;
}

#up_grade {
	text-align: center;
	line-height: 30px;
}

#wizard_content {
	position: relative;
}

#wizard_content_r {
}

.wizard_content_in {
	padding: 10px 25px 30px;
	overflow: hidden;
	min-height: 300px;
	border-top: none;
}

.wizard_content_in h3 {
	color: #666;
	font-weight: bold;
	font-size: 15px;
	vertical-align: middle;
	padding-bottom: 0px;
	margin-bottom: 16px;
	border-bottom: 1px solid #ddd;
}

#wizard_progress_bg {
	width: 100%;
	height: 20px;
	border: 1px solid #999;
	border-radius: 4px;
	-ms-border-radius: 4px;
	background: url(../http://cs.i.j6.org/images/wizard_progress_bg.jpg);
}

#wizard_progress_bar {
	width: 0%;
	height: 20px;
	background: url(../http://cs.i.j6.org/images/wizard_progress_bar.jpg);
}

#wizard_progress_pre {
	padding-top: 4px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	color: #0066cc;
}

ul#wizard_menu {
	display: none;
	position: absolute;
	top: 3px;
	left: 2px;
}

ul#wizard_menu li {
	font-weight: bold;
	cursor: pointer;
	padding: 20px 0px 16px 20px;
	width: 180px;
}

ul#wizard_menu li.this_menu {
	color: #0066cc;
	background: url(../http://cs.i.j6.org/images/select_button_select.png) bottom left no-repeat;
}

#blank {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 30;
}

.blockUI {
	background: #000;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.edit_user {
	display: none;
}

.magage_settings {
	display: none;
	position: relative;
	padding: 0px 21px 0 21px;
	font-size: 12px;
}

#usermanage_content0 .magage_settings, #usermanage_content .magage_settings {
	padding: 0px 21px 0 20px;
}

.backup_settings {
	position: relative;
	display: none;
	padding: 0px 0px;
	font-size: 12px;
}

.magage_settings_content {
	background: #fff;
	padding: 0px 10px 10px;
	/*border:1px solid #ccc;*/
	background: #e5e5e5;
	border-radius: 4px;
	margin: 0 0px;
}

.groups {
	overflow: auto;
	width: 746px;
	max-height: 300px;
	margin: 0 20px 10px;
	background: #fff;
}

.groups .group_list_count {
	padding: 5px 20px;
}

.style_list.groups .friend_ind, .style_list.groups .friend_ind_n {
	float: none;
	width: 715px;
	;
	position: relative;
	height: 54px;
	border-bottom: 1px solid #CCCCCC;
	padding: 4px 0;
	margin: 4px 11px;
}

.style_list .friend_id {
	position: absolute;
	left: 70px;
	top: 24px;
}

.list_style1 {
	overflow: hidden;
	border-radius: 4px 0 0 4px;
	margin-right: 1px;
	display: block;
	float: right;
	width: 32px;
	height: 25px;
	background: url(../http://cs.i.j6.org/images/list_style1.jpg) center top;
	cursor: pointer;
}

.list_style1:hover {
	background: url(../http://cs.i.j6.org/images/list_style1.jpg) center -25px;
}

.list_style1:active, .list_style1.this_type {
	background: url(../http://cs.i.j6.org/images/list_style1.jpg) center -50px;
}

.list_style2 {
	border-radius: 0 4px 4px 0;
	overflow: hidden;
	display: block;
	float: right;
	width: 32px;
	height: 25px;
	border-left: none;
	background: url(../http://cs.i.j6.org/images/list_style2.jpg) center top;
	cursor: pointer;
}

.list_style2:hover {
	background: url(../http://cs.i.j6.org/images/list_style2.jpg) center -25px;
}

.list_style2:active, .list_style2.this_type {
	background: url(../http://cs.i.j6.org/images/list_style2.jpg) center -50px;
}

.manage_close_btn {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 14px;
	right: 30px;
	background: url(../http://cs.i.j6.org/images/icon_close.png) no-repeat left top;
	cursor: pointer;
}

.backup_settings .manage_close_btn {
	top: 10px;
	right: 10px;
}

.manage_close_btn:hover {
	background: url(../http://cs.i.j6.org/images/icon_close.png) left -24px no-repeat;
}

.magage_settings form, .backup_settings form {
	padding: 10px 0px 0px;
}

.magage_settings label.profile_create_title, .backup_settings label.profile_create_title {
	width: 275px;
	height: 32px;
	text-align: right;
	font-weight: 100;
}

#trap_sink {
	displat: none;
}

#trap_sink_left {
	float: left;
}

#trap_sink_right {
	float: right;
	width: 320px;
	margin-right: 10px;
}

#backup_server_ip {
	float: right;
	width: 320px;
	margin: -10px 60px 14px 0px;
}

#trap_sink_left label.profile_create_title {
	width: 150px;
	height: 32px;
}

#trap_sink_left .s_button {
	float: left;
}

.trap_sink_input {
	width: 150px;
}

.component_list_in {
	-webkit-text-size-adjust: none;
	margin: 0px 10px;
	border-top: #aaaaaa solid 1px;
}

.component_list_in_l {
	font-weight: bold;
	color: #156394;
	text-align: right;
	padding: 8px 30px 10px 0px;
	background: url(../http://cs.i.j6.org/images/bg_left_title01.png) right top no-repeat;
}

.component_list_in_r {
	background: #fff;
}

.component_list_list0 {
	overflow: hidden;
	border-top: #FFF solid 1px;
	border-bottom: #999999 solid 1px;
}

.component_list_list0 div {
	float: left;
	font-size: 11px;
	padding: 8px 4px 6px;
}

.component_list_list0 div.manage_setting {
	float: right;
}

.component_list_list {
	overflow: hidden;
	border-top: #FFF solid 1px;
	border-bottom: #ccc solid 1px;
	margin-bottom: 4px;
}

.component_list_list div {
	float: left;
	font-size: 11px;
	padding: 8px 4px 6px;
}

.component_list_list div.manage_setting {
	float: right;
}

.component_settings_content {
	padding: 0px 20px 20px;
	background: url(../http://cs.i.j6.org/images/component_setting_b.png) bottom;
}

label.component_long_title {
	display: block;
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 20px;
	width: 300px;
	height: 32px;
}

.enclosure_view li {
	color: #0066cc;
	font-size: 12px;
	font-weight: bold;
	list-style-type: square;
	list-style-position: inside;
	padding: 7px 0px;
	border-bottom: 1px #999999 dotted;
}

#battery_capacity {
	float: left;
	height: 16px;
	border: 1px solid #666;
	width: 160px;
	background: url(../http://cs.i.j6.org/images/battery_bar.jpg) repeat-x;
	border-radius: 4px;
	-ms-border-radius: 4px;
}

#battery_percent {
	background: url(../http://cs.i.j6.org/images/battery_bar_con.jpg);
	width: 40%;
	height: 100%;
}

#battery_num {
	float: left;
	padding-left: 10px;
	color: #FF6600;
}

.ups_setup {
	display: none;
}

#ad_domain_check {
	display: none;
}

.addomain_user_list {
	max-height: 400px;
	overflow: auto;
}

#ups_info {
	display: none;
}

.fake_upload_filed {
	float: left;
	position: relative;
	width: 233px;
	height: 32px;
}

.fake_pro_upload_filed {
	float: left;
	position: relative;
	margin-bottom: 10px;
	width: 233px;
	height: 32px;
}

.fake_cover {
	position: absolute;
	left: 0;
	top: -2px;
	/*border:none;*/;
}

a.fake_img {
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
	display: inline-block;
	width: 233px;
	height: 32px;
	background: url(../http://cs.i.j6.org/images/upload_file.png) 0 0;
}

a.fake_img:hover {
	background-position: 0 -42px;
}

.fake_upload_filed span, .fake_pro_upload_filed span, .tradition_upload_filed span {
	cursor: posinter;
	position: absolute;
	top: 8px;
	right: 10px;
	text-align: center;
	width: 70px;
	font-size: 12px;
	z-index: 26;
	color: #fff;
}

.fake_upload_filed:hover span, .fake_pro_upload_filed:hover span, .tradition_upload_filed:hover span {
	color: #fff;
}

input.fake_file_path[type="text"] {
	position: absolute;
	top: 6px;
	left: 4px;
	z-index: 28;
	width: 134px;
	border: none;
	background: none;
	color: #fff;
}

input.fake_file_path[type="text"][disabled="disabled"] {
	position: absolute;
	top: 6px;
	left: 4px;
	z-index: 28;
	width: 134px;
	border: none;
	background: none;
	color: #fff;
	background: #bfbfbf;
}

.fake_upload_file {
	position: absolute;
	right: 0px;
	top: 2px;
	z-index: 29;
	opacity: 0;
	filter: alpha(opacity=0);
	font-size: 20px;
}

#event_datatable_title, .event_datatable_title {
	padding: 4px 0px 3px;
	background: #d9d9d9;
	font-size: 12px;
	overflow: hidden;
	color: #666;
	font-weight: bold;
}

#event_datatable_title th, .event_datatable_title th {
	padding: 8px 2px;
	cursor: pointer;
	font-weight: bold;
	font-size: 12px;
	color: #333;
	background: #d9d9d9;
}

#event_datatable_title img, .event_datatable_title img {
	opacity: 0;
	filter: alpha(opacity=0);
}

.DataTables_sort_wrapper {
	padding: 0px 0px 0px;
	height: 20px;
	font-weight: bold;
}

.datatable_body tr {
	background: #c6cbcf;
}

.datatable_body tr td {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #fff;
}

.intro_this {
	position: relative;
}

#box {
	display: none;
	position: absolute;
	bottom: 20px;
	left: -17px;
	width: 260px;
}

#head_l {
	background-image: url(../http://cs.i.j6.org/images/tooltip_head_left.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#head_r {
	background-image: url(../http://cs.i.j6.org/images/tooltip_head_right.png);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 5px 0px 5px 0;
	font-size: 14px;
	margin: 0px;
}

#dialog_content {
	background-image: url(../http://cs.i.j6.org/images/tooltip_body_left.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#innercontent {
	background-image: url(../http://cs.i.j6.org/images/tooltip_body_right.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 0px 10px 20px;
}

#innercontent {
	background-image: url(../http://cs.i.j6.org/images/tooltip_body_right.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 0px 10px 20px;
}

.firmware_list_table {
	font-size: 12px;
}

.firm_ware_control {
	padding-bottom: 10px;
	overflow: hidden;
}

.firm_ware_control a {
	float: left;
}

.firmware_list_table td {
	padding: 8px 0 8px 10px;
}

.table_head {
	background: #d9d9d9;
	color: #333;
	overflow: hidden;
}

.table_list {
	border-bottom: 1px solid #ccc;
}

.table_list a, .table_list input[type=checkbox] {
	padding: 2px;
	margin-right: 4px;
}

#regist_history {
	display: none;
}

.manage_alert {
	display: block;
	min-height: 40px;
	padding: 0 10px 6px 32px;
	margin: 0 0 10px 230px;
	background: url(../http://cs.i.j6.org/images/tip.png) no-repeat left top;
}

.manage_alert span {
	display: table-cell;
	vertical-align: middle;
	height: 30px;
}

.control_msg {
	margin: -15px 0 20px 25px;
}

.control_msg .group_user_count {
	padding: 4px 8px 0;
}

.content_alert {
	background: url(../http://cs.i.j6.org/images/tip.png) no-repeat left 5px;
	background: url(../http://cs.i.j6.org/images/tip_warning.png) no-repeat left 5px;
	padding: 0px 10px 0px 32px;
	color: #4D4D4D;
	margin: 10px 0 16px 230px;
	height: 40px;
	display: table;
}

.content_alert.error_alert {
	background: url(../http://cs.i.j6.org/images/tip_error.png) no-repeat left 5px;
}

.content_alert.warning_alert {
	background: url(../http://cs.i.j6.org/images/tip_warning.png) no-repeat left 5px;
}

.content_alert span {
	display: table-cell;
	vertical-align: middle;
}

.profile_alert2 {
	padding: 0px 0 10px 10px;
}

.magage_settings_content .content_alert {
	margin: 10px 0 0px 280px;
}

.content_alert2 {
	display: table;
	background: url(../http://cs.i.j6.org/images/tip.png) no-repeat left 5px;
	background: url(../http://cs.i.j6.org/images/tip_warning.png) no-repeat left 5px;
	padding: 0px 10px 0px 32px;
	color: #4D4D4D;
	margin: 10px 0 16px 230px;
	height: 40px;
}

.content_alert2 span {
	display: table-cell;
	vertical-align: middle;
}

.content_alert2 strong {
	color: #008CB6;
}

.permission_alert {
	background: url(../http://cs.i.j6.org/images/tip.png) no-repeat left top;
	padding: 0px 10px 6px 32px;
	margin: 10px 0 0px 315px;
	min-height: 36px;
}

.select_user_alert {
	float: left;
	background: url(../http://cs.i.j6.org/images/tip.png) no-repeat left top;
	padding: 0px 10px 0px 32px;
	margin: 0px 0 0px 0px;
	min-height: 36px;
}

.permission_alert strong, .select_user_alert strong {
	color: #008CB6;
}

.share_folder_edit_row>div span.user_count {
	display: block;
	line-height: 25px;
	height: 25px;
	/*float:left;*/
	vertical-align: middle;
	color: #008CB6;
}

.share_folder_edit_row .docu_type {
	width: 63px;
}

.user_count {
	color: #008CB6;
}

.snapshot_alert {
	background: url(../http://cs.i.j6.org/images/snapshot_img.png) no-repeat left top;
	padding: 10px 10px 0px 50px;
	color: #408A45;
	margin: 10px 0 10px 220px;
	min-height: 40px;
}

.profile_alert {
	background: url("../http://cs.i.j6.org/images/tip.png") no-repeat scroll left top transparent;
	margin: 10px 0 10px 220px;
	min-height: 40px;
	padding: 0 10px 6px 34px;
}

.profile_alert:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*side bar hide in cosa style*/
#protocol_control, #profile_back_up, #component_list, #ups, #ddns_setting {
	display: none;
}
/* hide in cosa style*/
#divUps, #status_list_title_software_version, #profile_raid_monitor ,  #status_list_title_sysstatus , #status_list_title_version ,#dash_r_storage_overview_title , #dash_r_storage_overview_content , #dashboard_storage_overview_bottom_img , #ntp_management {
	display: none;
}
/*time setting hide in cosa style*/
#timeserver_div {
	display: none;
}
/*lansetting setting hide in cosa style*/
#ipv4_ipv6_tabs, #bind_or_not {
	display: none;
}

#select_all_no {
	border: 1px #7b9ebd solid;
	overflow: hidden;
	height: 18px;
	margin: 0 0 3px 10px;
	float: right;
}

.group_edit {
	margin-right: 2px;
}

#add_group {
	float: left;
	width: 32px;
	height: 25px;
	margin-right: 3px;
	border-radius: 4px;
	overflow: hidden;
	background: url(../http://cs.i.j6.org/images/list_style_addusr.jpg) center top;
	text-indent: -9999px;
}

#add_group:hover {
	background: url(../http://cs.i.j6.org/images/list_style_addusr.jpg) center -25px;
}

#add_group:active {
	background: url(../http://cs.i.j6.org/images/list_style_addusr.jpg) center -50px;
}

#add_group.edit_disable {
	opacity: 0.5;
	filter: alpha(opacity=50);
	color: #666;
	cursor: default;
}

#add_group.edit_disable:hover {
	background: url(../http://cs.i.j6.org/images/list_style_addusr.jpg) center top;
	color: #666;
}

#edit_group, #rename_group {
	float: left;
	width: 105px;
	height: 15px;
	text-align: center;
	padding: 4px 2px 4px 5px;
	background: url(../http://cs.i.j6.org/images/blue_btn.jpg) left top;
	color: #fff;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
}

#edit_group:hover, #rename_group:hover {
	background: url(../http://cs.i.j6.org/images/blue_btn.jpg) left -26px;
}

#edit_group:active, #rename_group:active {
	background: url(../http://cs.i.j6.org/images/blue_btn.jpg) left -50px;
}

#rename_group.edit_disable {
	opacity: 0.5;
	filter: alpha(opacity=50);
	color: #666;
	cursor: default;
}

#rename_group.edit_disable:hover {
	background: url(../http://cs.i.j6.org/images/btn_edit_group.jpg) center -1px;
	color: #666;
}

#delete_group {
	float: left;
	width: 32px;
	height: 25px;
	margin-right: 3px;
	border-radius: 4px;
	overflow: hidden;
	background: url(../http://cs.i.j6.org/images/list_style_delete.jpg) center top;
	text-indent: -9999px;
}

#delete_group:hover {
	background: url(../http://cs.i.j6.org/images/list_style_delete.jpg) center -25px;
}

#delete_group:active {
	background: url(../http://cs.i.j6.org/images/list_style_delete.jpg) center -50px;
}

#delete_group.edit_disable {
	opacity: 0.5;
	filter: alpha(opacity=50);
	color: #666;
	cursor: default;
}

#delete_group.edit_disable:hover {
	background: url(../http://cs.i.j6.org/images/list_style_delete.jpg) center top;
	color: #666;
}

#group_confirm, #group_confirm2 {
	display: none;
}

.group_btn {
	float: left;
	display: block;
	width: 45px;
	padding-top: 2px;
	text-align: center;
	border: 1px #7b9ebd solid;
	height: 16px;
	background: url(../http://cs.i.j6.org/images/btn_group.jpg) center -1px;
	color: #385696;
	cursor: pointer;
}

.group_btn:hover {
	background: url(../http://cs.i.j6.org/images/btn_group.jpg) center 19px;
	color: #FFFFFF;
}

.friend_edit {
	float: left;
	font-size: 12px;
	width: 100px;
	height: 82px;
	margin: 2px 0px 8px;
	padding: 4px 2px 6px;
	text-align: center;
	border-radius: 4px;
	-ms-border-radius: 4px;
	cursor: pointer;
	background: #d2d2d2;
}

.friend_edit img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.group_name_input {
	width: 80px;
}

.watermark {
	color: #CCCCCC;
}

.status_green {
	color: #208d23;
}

.chg_line {
	display: inline-block;
	margin: 0 25px 5px 45px;
}

.status_red {
	color: #e04040;
}

.float_l {
	float: left;
}

.float_r {
	float: right;
}

.file_tree, .select_tree {
	border: 2px solid #fff;
	width: 372px;
	background: #f2f2f2;
	height: 300px;
	overflow: auto;
}

.open_dialog .edit_folder_tree {
	height: auto;
}

.edit_folder_tree {
	height: 300px;
	overflow: auto;
}

.ad_tree .folder_path {
	display: inline-block;
	color: #666;
	float: right;
	padding: 6px 2px 0 0;
	font-size: 12px;
	margin: 0;
	height: 14px;
}

.file_tree {
	margin-right: 8px;
}

.file_tree ul, .edit_folder_tree ul {
	padding-left: 20px;
	display: none;
}

.file_tree li, .edit_folder_tree li {
	position: relative;
	padding: 2px 0;
}

.select_tree li {
	padding: 2px 0 2px 2px;
	position: relative;
}

.file_tree li a, .edit_folder_tree li a {
	color: #4c4c4c;
	margin-left: 20px;
	display: block;
	position: relative;
}

.select_tree li a {
	color: #4c4c4c;
	display: block;
}

.ad_tree .select_tree li a .folder_name {
}

.file_tree li a .folder_name, .select_tree li a .folder_name, .edit_folder_tree li a .folder_name {
	position: absolute;
	top: 6px;
	overflow: hidden;
	display: block;
	left: 28px;
	white-space: nowrap;
}

.file_tree li a:hover, .file_tree li a.selected, .select_tree li a:hover, .select_tree li a.selected, .edit_folder_tree li a:hover, .edit_folder_tree li a.selected {
	background: #dbeef1;
}

.ad_info_img {
	position: relative;
	top: 3px;
}

.ad_tree .f_close, .ad_tree .f_open {
	left: -16px;
}

.f_close {
	top: 7px;
	position: absolute;
	left: 0px;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../http://cs.i.j6.org/images/drop_btn_down.jpg) center -1px no-repeat;
}

.f_close:hover {
	background: url(../http://cs.i.j6.org/images/drop_btn_down.jpg) center -21px no-repeat;
}

.f_close:active {
	background: url(../http://cs.i.j6.org/images/drop_btn_down.jpg) center -41px no-repeat;
}

.f_open {
	position: absolute;
	top: 7px;
	left: 0px;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../http://cs.i.j6.org/images/drop_btn_up.jpg) center -1px no-repeat;
}

.f_open:hover {
	background: url(../http://cs.i.j6.org/images/drop_btn_up.jpg) center -21px no-repeat;
}

.f_open:active {
	background: url(../http://cs.i.j6.org/images/drop_btn_up.jpg) center -41px no-repeat;
}

.select_tree {
	margin-left: 8px;
}

.node_type {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 3px;
}

.folder {
	background: url(../http://cs.i.j6.org/images/folder.png) left top no-repeat;
	display: inline-block;
}

.user {
	background: url(../http://cs.i.j6.org/images/user.png) left 1px no-repeat;
}

.group {
	background: url(../http://cs.i.j6.org/images/group.png) left 1px no-repeat;
}

.system {
	background: url(../http://cs.i.j6.org/images/system.png) left 1px no-repeat;
}

.user_g {
	background: url(../http://cs.i.j6.org/images/user_d.png) left 1px no-repeat;
}

.user_n {
	background: url(../http://cs.i.j6.org/images/user_n.png) left 1px no-repeat;
}

.check_not {
	background: url(../http://cs.i.j6.org/images/check_not.png) 5px 10px no-repeat;
}

.control_btn {
	float: left;
	width: 32px;
}

.control_btn li {
	text-align: center;
	height: 32px;
	cursor: pointer;
	background-position: left top;
}

.control_btn li:hover {
	background-position: left -32px;
}

.control_btn li:active {
	background-position: left -64px;
}

.btn_ok {
	background-image: url(../http://cs.i.j6.org/images/ok_btn.png);
}

.btn_ok.btn_disabled {
	background-image: url(../http://cs.i.j6.org/images/ok_btn_disabled.png);
}

#move, .move {
	background-image: url(../http://cs.i.j6.org/images/tree_btn_add.png);
}

#remove {
	background-image: url(../http://cs.i.j6.org/images/tree_btn_remove.png);
}

.group_show {
	position: relative;
	top: 0px;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 4px;
	background: url(../http://cs.i.j6.org/images/drop_btn_down.jpg) left top;
	float: left;
	cursor: pointer;
	border-radius: 4px;
	overflow: hidden;
}

.group_show:hover {
	background: url(../http://cs.i.j6.org/images/drop_btn_down.jpg) left -20px;
}

.share_info_error {
	color: #fd8383;
	/*font-style: italic;*/;
}

#loading_img {
	position: fixed;
	width: 100%;
	height: 100%;
	background: url(../http://cs.i.j6.org/images/loading.gif) center center no-repeat;
	z-index: 9000;
}

.progress_con {
	margin: 20px 0 10px;
	float: left;
	background: #878787;
	border-radius: 4px;
	width: 290px;
	height: 15px;
	overflow: hidden;
}

.progress_bar {
	height: 15px;
	background: url(../http://cs.i.j6.org/images/capacitybarg.jpg);
	width: 0%;
}

.progress_num {
	float: left;
	padding-top: 1px;
	margin: 20px 0 10px 10px;
	color: #8CD757;
	width: 40px;
}

.tipsy {
	font-size: 12px;
	position: absolute;
	padding: 5px;
	z-index: 100000;
}

.tipsy-inner {
	background-color: #000;
	color: #FFF;
	max-width: 200px;
	padding: 5px 8px 4px 8px;
	text-align: center;
}

  /* Rounded corners */
.tipsy-inner {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

.tipsy-arrow {
	position: absolute;
	width: 0;
	height: 0;
	line-height: 0;
	border: 5px dashed #000;
}

  /* Rules to colour arrows */
.tipsy-arrow-n {
	border-bottom-color: #000;
}

.tipsy-arrow-s {
	border-top-color: #000;
}

.tipsy-arrow-e {
	border-left-color: #000;
}

.tipsy-arrow-w {
	border-right-color: #000;
}

.tipsy-n .tipsy-arrow {
	top: 0px;
	left: 50%;
	margin-left: -5px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
	top: 0;
	left: 10px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
	top: 0;
	right: 10px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
	bottom: 0;
	left: 10px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
	bottom: 0;
	right: 10px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
	right: 0;
	top: 50%;
	margin-top: -5px;
	border-left-style: solid;
	border-right: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
	left: 0;
	top: 50%;
	margin-top: -5px;
	border-right-style: solid;
	border-left: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

.paginate {
	margin-top: 5px;
}

.paginate li {
	float: left;
	padding: 2px 4px;
	border-radius: 2px;
	margin-left: 4px;
	cursor: pointer;
	/* background: url("../http://cs.i.j6.org/images/opera_btn.jpg") repeat scroll left top transparent;*/
	border: 1px solid #b2b2b2;
	color: #636363;
}

.paginate {
	float: right;
	margin: 4px 25px;
}

#profile_content .paginate {
	margin: 4px 0px 4px 25px;
}

.paginate li {
	float: left;
	margin-left: 5px;
	/*padding:1px 3px;*/
	min-width: 10px;
	border: 1px solid #999;
	text-align: right;
	cursor: pointer;
	min-width: 16px;
	line-height: 16px;
	height: 16px;
	vertical-align: middle;
	text-align: center;
}

.paginate li:hover {
	background: #636363;
	color: #fff;
}

.paginate li.this_page {
	background: #636363;
	color: #fff;
}

.paginate li.btn_disabled, .paginate li.btn_disabled:hover {
	cursor: default;
	border: 1px solid #ccc;
	background: #bfbfbf;
	color: #fff;
}

.page_num {
	float: left;
	margin: 0 4px;
	float: left;
}

.page_num input[type="text"] {
	padding: 1px 2px;
	width: 30px;
	text-align: right;
}

#setup_complete_tips {
	display: inline-block;
	height: 28px;
}

404: Not Found

<!-- Border Radius -->

<div class="rounded-box">


</div>

<style>

/*    */

.rounded-box {

	width:600px;
	height:400px;
	background-color:#ffffff; 

    border-radius: 30px ; /* shorthand */


	border-top-left-radius: 30px; 
	border-top-right-radius: 10px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 10px;


	border-top-left-radius: 30px; /* one value */
	border-top-left-radius: 80px 40px; /* two value - horizontal -vertical */

	border-radius: 30px 40px; 

	/* first - top left bottom right corner  */
	/* second - top right bottom left corner  */

	border-radius: 50px / 100px; 
	/* all cornes 50px horizontal - 100 vertical  */

    /* lemon shape */
    width:200px;
	height:200px;
	background-color:#F5F240; 
    border-radius: 10px 150px 30px 150px; 
}



</style>

/* I’ve included both a condensed version and a longer base 
with each corner radius broken down into a different property.*/

#container {
    -webkit-border-radius: 4px 3px 6px 10px;
    -moz-border-radius: 4px 3px 6px 10px;
    -o-border-radius: 4px 3px 6px 10px;
    border-radius: 4px 3px 6px 10px;
}

/* alternative syntax broken into each line */
#container {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 10px;
    
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 10px;
}

.transparent {
    filter: alpha(opacity=50); /* internet explorer */
    -khtml-opacity: 0.5;      /* khtml, old safari */
    -moz-opacity: 0.5;       /* mozilla, netscape */
    opacity: 0.5;           /* fx, safari, opera */
}

/* Assuming this HTML structure:

	<div class="clear">
		<div class="floated"></div>
		<div class="floated"></div>
		<div class="floated"></div>
	</div>
*/

.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.clear:after {
    clear: both;
}

/* best method to clearfix - a new micro clearfix hack *


	<div class="clear">
		<div class="group"></div>
		<div class="floated"></div>
		<div class="floated"></div>
	</div>
*/

.group:before,
.group:after {
    content: " ";
    display: table;
}

.group:after {
    clear: both;
}
/*fi ie 7*/
.group{
	*zoom: 1;
}
</style>

/*You should apply this class onto a container which holds 
floating elements. This will ensure any content which comes 
afterwards will not float but instead be pushed down and cleared. */


.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

SVG Stacking
===============

Full tutorial: http://hofmannsven.com/2013/laboratory/svg-stacking/



Demo (with a div): http://hofmannsven.com/demo/svg-stacking/

Demo (with a background image): http://hofmannsven.com/demo/svg-stacks/background/

(function($) {
 $(document).ready(function() {
  // Fixing the WebKit Issues
  $('div a').fixSVGStackBackground();
  $('img').fixSVGStack();
 });
 
 if (Modernizr.svg) {
  // Finally we are using the SVG Image via the hash 
  // but only if the browser can handle it...
  $('#svg a').html('<img src="img/stacked-demo-stack.svg#layer" width="60" height="60" alt="SVG Stacked Image" />');
 } else {
  // ...and proving a PNG Image for older browsers!
  $('#svg a').html('<img src="img/fallback-demo-stack.png" width="60" height="60" alt="Fallback for the SVG Stacked Image" />');
 }
})(jQuery);

<div id="svg">
 <a href="http://hofmannsven.com">
  <!-- Fallback if JavaScript is disabled -->
  <img 
   src="img/fallback-demo-stack.png" 
   width="60" 
   height="60" 
   alt="Fallback for the SVG Stacked Image" 
  />
 </a>
</div>

xsltproc --novalid Desktop/stack.xslt Desktop/demo-stack.svg > Desktop/stacked-demo-stack.svg

<?xml version="1.0" encoding="utf-8"?>
<!-- 
 Generator: Adobe Illustrator 15.1.0, 
 SVG Export Plug-In . SVG Version: 6.00 Build 0) 
-->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg 
 version="1.1" 
 xmlns="http://www.w3.org/2000/svg" 
 xmlns:xlink="http://www.w3.org/1999/xlink" 
 x="0px" 
 y="0px" 
 width="60px" 
 height="60px" 
 viewBox="0 0 60 60" 
 xml:space="preserve">
 <g id="first">
  <path [...] />
 </g>
 <g id="second">
  <path [...] />
 </g>
 <g id="third">
  <path [...] />
 </g>
</svg>

<img 
 src="img/stacked-demo-stack.svg#layer" 
 width="60" 
 height="60" 
 alt="SVG Stacked Image" 
/>

<!-- Loading jQuery -->
<script src="js/jquery.js"></script>
<!-- Loading SVG Stack Fix for WebKit Browsers -->
<script src="js/fixsvgstack.js"></script>
<!-- Loading Modernizr (only the SVG Browser Support) -->
<script src="js/modernizr.svg.js"></script>

<?xml version="1.0"?>
<svg 
 xmlns="http://www.w3.org/2000/svg" 
 xmlns:xlink="http://www.w3.org/1999/xlink">
  <svg:style 
    xmlns:svg="http://www.w3.org/2000/svg" type="text/css">
      .i { display: none; fill: #010101; }
      .i:target { display: block; }
  </svg:style>
 <svg:svg 
  xmlns:svg="http://www.w3.org/2000/svg" 
  class="i" 
  id="first" 
  width="60px" 
  height="60px" 
  viewBox="0 0 60 60">
   <path [...] />
 </svg:svg>
 <svg:svg 
  xmlns:svg="http://www.w3.org/2000/svg" 
  class="i" 
  id="second" 
  width="60px" 
  height="60px" 
  viewBox="0 0 60 60">
   <path [...] />
 </svg:svg>
 <svg:svg 
  xmlns:svg="http://www.w3.org/2000/svg" 
  class="i" 
  id="third" 
  width="60px" 
  height="60px" 
  viewBox="0 0 60 60">
   <path [...] />
 </svg:svg>
</svg>

<xsl:stylesheet version="1.0"
  xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
  xmlns:svg="http://www.w3.org/2000/svg">
	<xsl:template match="/svg:svg">
		<xsl:copy>
			<svg:style type="text/css">
				<![CDATA[
					.i {display:none;}
					.i:target {display:block;}
				]]>
			</svg:style>
			<xsl:apply-templates />	
		</xsl:copy>
	</xsl:template>
	<xsl:template match="/svg:svg/svg:g">
		<svg:svg class="i">
			<xsl:attribute name="id"><xsl:value-of select="@id" /></xsl:attribute>
			<xsl:copy-of select="/svg:svg/@width" />
			<xsl:copy-of select="/svg:svg/@height" />
			<xsl:copy-of select="/svg:svg/@viewBox" />
			<xsl:apply-templates select="@*|node()"/>
		</svg:svg>
	</xsl:template>
	<xsl:template match="comment()" />
	<xsl:template match="@*|node()">
		<xsl:copy>
			<xsl:apply-templates select="@*|*" />
		</xsl:copy>
	</xsl:template>
</xsl:stylesheet>

.i { 
  display: none;
}
.i:target { 
  display: block; 
}

/*Each web browser comes packaged with its own set of
standard rules for styling documents. By default if 
you include no other CSS rules you’ll be given a set 
of standard fonts, margins, and padding for your website.*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
}
html { height: 101%; } /* always display scrollbars */
body { font-size: 62.5%; line-height: 1; font-family: Arial, Tahoma, Verdana, sans-serif; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; } 

input { outline: none; }

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">

/* PC宽屏样式*/
/* iPad及以下，所有小于（不等于）960宽度的平板电脑*/
@media only screen and (max-width: 959px) {}
/* 仅iPad竖版，所有小于（不等于）960宽度的平板电脑的竖版*/
@media only screen and (min-width: 768px) and (max-width: 959px) {}
/* iPhone及以下*/
@media only screen and (max-width: 767px) {}
/* 仅iPhone横版，包括某些平板电脑的竖版*/
@media only screen and (min-width: 480px) and (max-width: 767px) {}
/* 仅iphone4 竖版*/
@mediaonly screen and (max-width: 479px) {}