/*------------------------------------------------------------------------------------------------*/
.container{ width:770px; margin: 0px auto;  }
.contents { padding: 0px 10px 10px 10px; background: #fff; }
.left_content { float:left; width:399px; background: #fff; }
.right_content { float:right; width:300px; background: #fff; }

.left_box { width: 170px; vertical-align: top;}
.main_box { padding:5px 5px 5px 5px; vertical-align: top;}
.main_box_list { min-height: 400px;}

.left { float:left; }
.right { float:right; }

.error_msg_box { width:320px;padding:5px 5px 5px 10px;margin:28px 0 0 123px; *margin:25px 0 0 10px; display:none; position:absolute;}

.odd  { background: #fafafa; }
.button { cursor:pointer; padding:3px; }

.button_s { cursor:pointer; position:relative; padding: 3px 5px; }
.button_m { cursor:pointer; position:relative; padding: 3px 10px; }
.button_l { cursor:pointer; position:relative; padding: 5px 15px; }
.button_xl { cursor:pointer; position:relative; padding: 7px 15px; }

.signin_button { cursor:pointer; padding: 5px 15px 5px 15px; }
.popup_button { cursor:pointer; padding: 5px 15px 5px 15px; }


/* swfu */
.swfupload { cursor:pointer; float:left; margin-right:5px; }
.swfu_box { border: 1px solid #A6C9E2; height:150px; overflow:auto; margin:0 0px; }
.swfu_button { cursor:pointer; float:left; padding:3px; margin-right:5px; }
.swfu_footer { text-align:center; margin-top: 10px;  }
.swfu_foot_button { cursor:pointer; padding:3px; margin-right:5px; }

/* Header */
.header { padding-bottom: 5px; }
.header {_height:1%;} 
*:first-child+html .header {height:1%;}
.header:after{content:" "; display:block; clear:both; height:0; visibility:hidden; }

    .header .logo {float: left; margin-top: 5px; margin-left:5px; }
	.header .usr_img { float: right; margin: 10px 15px 0px 0px; border: 1px solid #fff; }
	* html .header .usr_img { margin: 15px 7px 0px 0px;}

	.header .info { float: right; text-align: right; font-size: 12px; margin: 10px 10px 0px 0px; padding: 0px 0px 0px 0px; color: #fff; vertical-align: top;}
	.header .info a { font-size: 12px; color: #fff;}
	.header .info .email { padding: 1px 0px 3px 0px; }
	.header .info .signout { padding: 3px 0px 1px 0px;}
	.header .info .signout a { font-size: 12px; color: #ccc; }

/* Top Menu */
/* .top_nav { padding-left:10px; padding-right:10px; background:#fff;} */

.top_nav { padding:0px 10px 0px 10px; height:35px; background:#ddd url(../images/top_nav_bg.gif) repeat-x left top; }
.top_nav { _height:1%; } 
*:first-child+html .top_nav {height:1%;}
.top_nav:after{content:" "; display:block; clear:both; height:0; visibility:hidden; }

	.top_nav .menu { float: left; text-align: center; margin: 8px 5px 0px 0px; background: #eee; border: 1px solid #ddd;}
	.top_nav .menu a{ display:block; color:#999; font-size:12px; font-weight:bold; text-align:center; padding:5px 20px 0px 20px; height:19px; }

	.top_nav .select { margin: 5px 5px -1px 0px; background: #fff; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #fff;}
	.top_nav .select a{ font-size: 14px; color: #666; height:22px; }

	.top_nav .menu_right { float: right; margin-top:5px; text-align: center;  }	
	.top_nav .menu_right .keyword { display: inline; border:1px solid #ccc; padding:3px 3px 3px 3px; width:150px; font-size:12px;}
   	.top_nav .search { margin-top: 6px; width:160px; padding-left:25px; background: #fff url(../images/search_icon.gif) no-repeat 5px 50%; } 



/* Location */
.location { display: block; margin:0px; background: #fff; padding:5px 0px 10px 0px; margin: 10px 5px 0px 5px;}
.location {_height:1%;} 
*:first-child+html .location {height:1%;}
.location:after{content:" "; display:block; clear:both; height:0; visibility:hidden; }

    .location .normal { width:24px; height:24px; background: url(../images/box_icon_24x24.png) no-repeat 0px 0px; }
    .location .share { width:24px; height:24px; background: url(../images/box_icon_24x24.png) no-repeat 0px -24px; }

	.location .box { float:left; color:#333;  position:relative; font-weight: bold; font-size: 12px; font-family: "Trebuchet MS"; padding: 0px 5px 0px 30px;}
    .location .back { float:left; color:#333; position:relative; font-weight: bold; font-size: 12px; font-family: "Trebuchet MS"; padding: 0 5px;}

    .location .root { float:left; color:#333; position:relative; font-weight: bold; font-size: 12px; font-family: "Trebuchet MS"; padding: 0 5px;}

	/* .location .box a { font-weight: bold; font-size: 14px;  } */
    .location .folder { position:absolute; left:0.2em; margin:-13px 5px 0 0; top:50%; }

	.location .arrow { float:left; margin-left:10px; margin-right:10px;}

	.location .usr { }
	.location .usr a { color:#999; font-size: 12px; padding-left: 10px;}
	.location .tools { float:right; vertical-align:bottom;}

	.location .usr_list {margin-top: 10px; }
	.location .usr_list a { font-size: 12px; background: url(../images/share_icon.gif) no-repeat 2px; padding: 3px 0px 3px 20px; } 
	.location .note { font-size: 12px; background:#fafafa; padding: 10px; } 

/* Items */
.item { margin: 0px 5px 0px 5px; padding: 5px 5px 5px 5px; border-bottom: 1px solid #eee; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; overflow:hidden; }
.item {_height:1%;} 
*:first-child+html .item {height:1%;}
.item:after{content:" "; display:block; clear:both; height:0; visibility:hidden; }
/* .item:hover { background: #eee; border: 1px solid #ccc;} */

    .item .thumb { float:left; width: 80px; height:80px; padding:0px; border:1px solid #ddd; cursor:pointer; }
    .item .item_info { float:left; margin-left:10px; }

    .item .item_info .icon { float:left; width: 35px; text-align:center; }
    .item .item_info .info { float:left; margin-left:10px;}

    .item .item_info .name { width: 550px; text-overflow:ellipsis; overflow: hidden; margin-top:5px;}
    .item .item_info .name a { font-size: 14px; font-weight: bold; color: #333; }
    .item .item_info .name a:hover, .item .item_info .name a:active, .item .item_info .name a:focus {color: #39f; text-decoration: none;}
    .item .meta_data  { margin-top:10px; color:#666;}

    .item .tools  { margin-top:10px; }
    .item .tools a { font-size: 12px; margin: 0px 10px 0px 0px; }
    .item .summary { font-size: 12px; font-weight: normal;  margin-right: 140px; color: #ccc; }

    .item .comment_area { margin: 20px 10px 10px 10px; }
    .item .comment_box { margin: 0px; padding:0px; }

    .comment_list { margin: 5px 5px 10px 5px; }

    .comment { padding:10px 0px; margin:0px 0px; }
    .comment .usr_thumb { margin: 0px; width:30px; text-align:center; }
    .comment .usr_thumb img { width:30px; height:30px; }
    .comment .content { width:350px; margin-left:10px;}
    .comment .content .msg { color:#333; }
    .comment .content .meta { margin-top:3px; }
    .comment .content .date { color:#ccc; }
    .comment .tool { width:20px; text-align:center; }

/* Empty */
.item_view { margin: 5px 0px 5px 0px; background: #fff;}
.item_title { font-size:15px; font-weight: bold;  padding: 5px 0px 5px 5px; background: #fff;}
.no_item_box { font-size:12px; padding: 20px; vertical-align:middle; background: #fff; margin: 5px 0px 5px 0px; }


/* Boxs */
.boxs { clear: both; margin:0px 5px 5px 5px; padding: 5px; border: 1px solid #eee; overflow:hidden;}
.boxs {_height:1%;} 
*:first-child+html .boxs {height:1%;}
.boxs:after{content:" "; display:block; clear:both; height:0; visibility:hidden; }
.boxs:hover { background: #FFF7C0; }
	.boxs .box_icon { float:left; margin: 5px; }
    .boxs .box_icon_img_01 { display:block; width:32px; height:32px; background: url(../images/box_icon.png) no-repeat 0px 0px; }
    .boxs .box_icon_img_02 { display:block; width:32px; height:32px; background: url(../images/box_icon.png) no-repeat 0px -32px; }
	.boxs .box_info { float:left; margin-left: 10px; padding-top: 5px; }

	.boxs .name { display:block; width: 550px; text-overflow:ellipsis; overflow: hidden;}
	.boxs .name a { font-size: 14px; font-weight: bold; color: #333; }
	.boxs .name a:hover, .item .name a:active, .item .name a:focus {color: #39f; text-decoration: none;}
    
	.boxs .box_tools { float: right; padding: 5px 10px 5px 10px; }
	.boxs .box_tools a { font-size: 12px; margin: 0px 0px 0px 0px; }
	
	.boxs .info { float:left; font-size: 12px; color: #999; }
	.boxs .summary { font-size: 12px; font-weight: normal;  margin-right: 140px; color: #ddd; }
	.boxs .tools  { padding: 0px 0px 0px 0px; }
	.boxs .tools a { font-size: 12px; margin: 0px 10px 0px 0px; }


.fullscreen_box { position: fixed; top: 0px; left: 0px; height:100%; width:100%; }
* html .fullscreen_box { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop)+'px'); left: 0px; width: 100%; height: 100%; }
.flash_view { height: 400px; border:1px solid #ccc; }

/* Pagging */
.pagging { padding:0px; margin: 10px 0px; text-align: center;}

    .pagging .bar { padding: 0px 1px 0px 1px;}
	.pagging a{ display:inline-block; color:#666; text-decoration:none;  padding:2px 5px; border: 1px solid #ddd; background-color:#fafafa; }
	.pagging .selected { font-weight:bold; color:#06c; padding: 2px 5px; border: 1px solid #06c; background-color:rgb(224, 238, 251);}
	.pagging .first{  }
	.pagging .prev{  }
	.pagging .next{  }
	.pagging .last{  }

/* form */
form ul { list-style: none; }
form li { clear:both; display:block; margin:0; padding:3px 5px 3px 5px; }
form span.req {color:red !important; display:inline-block; float:none; font-weight:bold; margin:0; padding:0; }
form span.help { color:#999 !important; display:inline-block; float:none; font-weight:normal; margin: 0; padding:0; }
label.desc { border:medium none; color:#222222; display:block; font-size:1em; font-weight:normal; line-height:150%; margin:0; padding:0 0 1px; }
form .color { float:left; display:block; padding:3px 5px; text-align:center; margin:2px 4px 2px 0px;}

div.desc { border:medium none; color:#222222; font-size:12px; font-weight:bold; line-height:150%; margin:0; padding:0 0 3px; }

input.large, select.large, textarea.large { width:97% !important; }
input.text, input.search, textarea.textarea { background:#FFFFFF url(/images/fieldbg.gif) repeat-x scroll center top; border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px;}
input.text, input.search, input.file, textarea.textarea, select.select { color:#333333; font-family:"Lucida Grande",Tahoma,Arial,sans-serif; font-size:100%; margin:0; padding:3px 1px; }

input.checkbox, input.radio { display:inline-block; height:13px; margin:3px 0 0; padding:0; width:13px; }
/*
form li.focused, form li:hover { background-color:#FFF7C0; }
form li.focused { background-color:#FFF7C0; }
*/

/* Copy & Move */
.folder_list { height:190px; width:320px; overflow: auto; border: 1px solid #ddd; padding: 3px; margin:0px; }



.folder_list li.focused, .folder_list li:hover { background-color:#FFF7C0; }
.folder_list li.focused { background-color:#FFF7C0; }
.folder_list li.disabled { background-color:#eee; }

.folder_list li .normal { width:24px; height:24px; background: url(../images/box_icon_24x24.png) no-repeat 0px 0px; }
.folder_list li .share  { width:24px; height:24px; background: url(../images/box_icon_24x24.png) no-repeat  0px -24px; }
.folder_list li .folder { position:absolute; left:0.2em; margin:-13px 5px 0 0; top:50%; }
.folder_list li label { position:relative; padding: 3px 5px 3px 30px; display:block; margin-left:15px;}