/***********************************************************************
 * BiscuitPocket, The CGI-based Web Storage System.
 * version 1.1.0
 * written by M. Nakayama
 * Copyright(c) 2006 ANCL,Inc. All rights reserved.
 * Oikawa bldg., 1-10-8 Kanda-Suda-cho-, Chiyoda-ku, Tokyo 101-0041 Japan
 * http://www.ancl.co.jp/
 * 
 * The license description and the latest version are available at:
 * http://crypto.ancl.co.jp/biscuit/
 ************************************************************************/

/*トップレベルの基本ボックス領域の絶対レイアウト*/

div#server-document {
	position: absolute;
	height: 542px;
}

div#login-header {
	position: absolute;
	top: 10px;
	height: 50px;
	width: 1000px;
}

div#admin-page {
	position: absolute;
	top: 60px;
	width: 1000px;
}

div#dir-list {
	position: absolute;
	top: 60px;
	width: 1000px;
}

div#dir-header {
	height: 30px;
}

div#dir-labels {
	height: 20px;
}

div#entries-head {
	left:0px;
	height: 16px;
}

div#dir-entries {
	margin-left: 10px;
	padding: 0px;
	height: 52px;
}

div#dir-path {
	left:0px;
	height: 16px;
}

div#dir-status {
	position: absolute;
	top: 162px;
	left: 0px;
	width: 1000px;
	height: 30px;
}

div#dir-setting {
	position: absolute;
	top: 192px;
	height: 20px;
	width: 1000px;
}

div#dir-caution {
	position: absolute;
	top: 217px;
	height: 20px;
	width: 1000px;
}

div#error-message {
	position: absolute;
	top: 242px;
	width: 1000px;
}

div#uploading-form {
	position: absolute;
	top: 242px;
}

/**********************************************************************/
/*配色*/

div#dir-header,
div#dir-labels,
div#dir-list,
div#dir-status,
div#dir-setting {
	background-color: #dddddd;	/*replace_line:"	background-color: {dir_background_color};"*/
}

div#dir-path {
	background-color: #99CCCC;
}

#dir-entries {
	background-color: #eaeaea;
}

/*
.timestamp {
	background-color: #eeeeee;
}
*/

div#uploading-form {
	background-color: #eeeeee;
}

/**********************************************************************/
/*リスト一覧における各カラムのサイズ定義*/

.dir-up,
.directory,
.file {
	height: 20px;
	background-color: #ffffff;
}

.chkbox {
	display:block;
	float:left;
	height: 20px;
	width: 30px;
}

.icon {
	display:block;
	float:left;
	height: 20px;
	width: 26px;
}

.name {
	display:block;
	float:left;
	height: 20px;
	width: 203px;
}

.show_link {
	display:block;
	float:left;
	height: 20px;
	width: 56px;
}

.size {
	display:block;
	float:left;
	height: 20px;
	width: 101px;
	text-align: right;
	padding-right: 2px;
}

.local_timestamp {
	display:block;
	float:left;
	height: 20px;
	width: 138px;
	text-align: right;
	padding-right: 2px;
}

.timestamp {
	display:block;
	float:left;
	height: 20px;
	width: 138px;
	text-align: right;
	padding-right: 2px;
}

.download_link {
	display:block;
	float:left;
	height: 20px;
	width: 110px;
}

.rename_link {
	display:block;
	float:left;
	height: 20px;
	width: 100px;
	padding-left: 5px;
}

.delete_link {
	display:block;
	float:left;
	height: 20px;
	width: 55px;
}

.break {
	clear: left;
}

/**********************************************************************/
/*以下は個々の各ボックス内のレイアウトや、全体のデザイン上の調整*/

* {
	font-size:10pt;
}

table {
	font-size:10pt
}

hr,
.nodisplay {
	display: none;
}

div#login-header span#server-logo{
	display: block;
	float: left;
	width: 198px;
	height: 41px;
	background: url(login.cgi?action=img&img=style_logo_server_s) left top no-repeat;
}

div#dir-list div#dir-header span#dir-topicon {
	padding-top: 5px;
	padding-left: 10px;
	display: block;
	float: left;
}

div#dir-list div#dir-header span#legend {
	padding-top: 7px;
	padding-right: 10px;
	display: block;
	float: right;
}

div#dir-list div#dir-header span#dir-name {
	padding-top: 7px;
	display: block;
	float: left;
}

div#dir-status span#stat {
	padding-top: 3px;
	padding-right: 10px;
	display: block;
	float: right;
}

div#dir-status span#buttons {
	padding-top: 3px;
	padding-left: 10px;
	display: block;
	float: left;
}

div#dir-setting span {
	padding-right: 10px;
	display: block;
	float: right;
	height: 20px;
}

div#dir-change-form {
	width: 400px;
}

div#dir-change-form div {
	height: 20px;
}

div#dir-setting #dir-change-title {
	font-weight: bold;
}

div#dir-setting #dir-change-buttons {
	text-align: right;
}

div#dir-labels {
	padding-left: 10px;
	line-height: 14px;
}

#select-all {
	display: block;
	float:left;
	width: 315px;
	left: 10px;
}

div#entries-head span {
	cursor:w-resize;
	border-left: solid 1px #999999;
	background-color: #dddddd;
	height: 16px;
}

.caution {
	color: #ff0000;
}

#select-all a,
.dir-up a,
.directory a,
.file a ,
#directory-upload-link span a {
	text-decoration : none;
}

#dir-labels .size,
#dir-labels .local_timestamp {
	text-align: center;
}

div#error-message div {
	height: 20px;
}

div#error-message span#error-msg-header {
	padding: 2px 5px;
	background-color: #ff0000;
	color: #ffffff;
	font-weight: bold;
}

#uploading-form {
	min-width: 750px;
}

#uploading-form h2 {
	margin: 0px;
	padding-left: 10px;
	line-height: 30px;
	height: 35px;
	width: 400px;
}

div#file-upload-form {
	margin: 0px 10px;
}

div#file-upload-form form,
div#admin-page form {
	margin: 0px;
}

div#meterspace {
	width: 700px;
	margin-left: 20px
}

#directory-upload-link span {
	display: block;
	padding-left: 10px;
	height: 24px;
	width: 200px;
}

/***********************************/
/*角丸*/

div#dir-list div#dir-header span#dir-topicon,
div#uploading-form  h2,
.corner-left-top {
	background-image: url(login.cgi?action=img&img=style_t_lt);
	background-position: left top;
	background-repeat: no-repeat;
}

div#dir-list div#dir-header span#legend,
div#uploading-form,
.corner-right-top {
	background-image: url(login.cgi?action=img&img=style_t_rt);
	background-position: right top;
	background-repeat: no-repeat;
}

#dir-setting,
#directory-upload-link span,
.corner-left-bottom {
	background-image: url(login.cgi?action=img&img=style_t_lb);
	background-position: left bottom;
	background-repeat: no-repeat;
}

div#dir-setting span,
#directory-upload-link,
.corner-right-bottom {
	background-image: url(login.cgi?action=img&img=style_t_rb);
	background-position: right bottom;
	background-repeat: no-repeat;
}


/**********************************************************************/
/*レイアウトデバッグ時の各領域の色分け*/

/*

div#login-header {
	background-color: #ee99ee;
}

div#admin-page {
	background-color: #ff0000;
}

div#dir-list {
	border-style: dashed;
	border-width: thin;
	border-color: red;
}

div#dir-entries {
	border-style: dashed;
	border-width: thin;
	border-color: red;
}

div#server-document {
	background-color: #999999;
}


div#dir-list {
	border-style: dashed;
	border-width: thin;
	border-color: red;
}

div#dir-list {
	background-color: #222222;
}

.chkbox {
	background-color: #ff0000;
}
.icon {
	background-color: #00ff00;
}
.name {
	background-color: #0000ff;
}
.show_link {
	background-color: #00ffff;
}
.size {
	background-color: #ff00ff;
}
.local_timestamp {
	background-color: #ffff00;
}
.timestamp {
	background-color: #999999;
}
.rename_link {
	background-color: #cccccc;
}
.download_link {
	background-color: #ffff99;
}
.delete_link {
	background-color: #9999ff;
}

div#dir-header{
	background-color: #ff0000;
}

div#dir-labels{
	background-color: #ccffcc;
}

span#buttons{
	background-color: #ccccff;
}

span#stat{
	background-color: #ffcccc;
}

div#dir-setting {
	background-color: #0000ff;
}

#dir-topicon,
#legend  {
	background-color: #dddddd;
}

div#dir-status {
	background-color: #333333;
}

#error-message{
	background-color: #333333;
}

#test {
	background-color: #00ff00;
}

#uploading-form h2 {
	background-color: #333333;
}

#file-upload-form {
	border-style: dashed;
	border-width: thin;
	border-color: red;
}

#meterspace {
	background-color: #0000ff;
}

#directory-upload-link {
	background-color: #333333;
}

#directory-upload-link span {
	background-color: #ff0000;
}

*/