body{
	background:#E6EFF6;
}

#auth{
	padding:7px;
	width:400px;
	float:left;
	background:url('/img/alarma.gif');
	clear:both;
	position:absolute;
	z-index:2;
}
#auth .ram{
	border:1px solid #ccc;
	border-collapse:collapse;
	background:#fff;
	padding:5px 5px;
}
#auth table{
	width:100%;
	font-size:1.3em;
}
#auth table th{
	font-weight:normal;
	text-align:right;
	color:#333;
	vertical-align:top;
	padding-right:10px;
}
#auth table input{
	font-size:1em;
}
#auth table input.text{
	border:1px solid #ccc;
	background:#FFFDF5;
	width:300px;
}
#auth-shadow{
	width:520px;
	height:19px;
	position:absolute;
	float:left;
	background:url('/img/auth-bg.png') no-repeat;
	z-index:1;
}

#header{
	margin:0 30px;
}

#logo{
	float:left;
	font-size:2.3em;
	text-decoration:none;
	color:#3E82BB;
	border-bottom:1px solid #3E82BB;
	font-family:"Times new Roman";
}
#logo:hover{
	border:0;
}
#footer{
	text-align:right;
	font-size:.85em;
	color:#3E82BB;
	margin:0 30px;
}
#content{
	background:#fff;
	padding:4px;
	margin:20px 26px;
	padding-bottom:20px;
	position:relative;
}
#content .kant-1{
	float:left;
	position:absolute;
	width:4px;
	height:4px;
	left:0;
	top:0;
	background:url('/img/kant.png') no-repeat left top;
}
#content .kant-2{
	float:left;
	position:absolute;
	width:4px;
	height:4px;
	right:0;
	top:0;
	background:url('/img/kant.png') no-repeat right top;
}
#content .kant-3{
	float:left;
	position:absolute;
	width:4px;
	height:4px;
	left:0;
	bottom:0;
	background:url('/img/kant.png') no-repeat left bottom;
}
#content .kant-4{
	float:left;
	position:absolute;
	width:4px;
	height:4px;
	right:0;
	bottom:0;
	background:url('/img/kant.png') no-repeat right bottom;
}
#content .kant-top{
	float:left;
	position:absolute;
	width:auto;
	height:4px;
	left:4px;
	right:4px;
	top:0;
	background:url('/img/kant-top.png') repeat-x;
}
#content .kant-bottom{
	float:left;
	position:absolute;
	width:auto;
	height:4px;
	left:4px;
	right:4px;
	bottom:0;
	background:url('/img/kant-bottom.png') repeat-x;
}
#content .kant-left{
	float:left;
	position:absolute;
	width:4px;
	height:auto;
	top:4px;
	bottom:4px;
	left:0;
	background:url('/img/kant-left.png') repeat-y;
}
#content .kant-right{
	float:left;
	position:absolute;
	width:4px;
	height:auto;
	top:4px;
	bottom:4px;
	right:0;
	background:url('/img/kant-right.png') repeat-y;
}
#content #left{
	margin-right:200px;
	padding:10px 20px;
}
#content #right{
	float:right;
	width:179px;
	padding:10px;
}
#content #right hr{
	border:0;
	border-top:1px solid #ccc;
	margin:10px 0;
}
#content #full{
	padding:10px 20px;
}

a.add{
	display:block;
	padding-left:22px;
	height:18px;
	line-height:18px;
	margin:2px 0;
	font-size:1.2em;
	text-decoration:none;
	background:url('/img/add.gif') no-repeat left;
	color:#58AB3E;
}
a.edit{
	display:block;
	padding-left:22px;
	height:18px;
	line-height:18px;
	margin:2px 0;
	font-size:1.2em;
	text-decoration:none;
	background:url('/img/icon/pencil.png') no-repeat left;
	color:#C09E45;
}
a.del{
	display:block;
	padding-left:22px;
	height:18px;
	line-height:18px;
	margin:2px 0;
	font-size:1.2em;
	text-decoration:none;
	background:url('/img/icon/cross-circle.png') no-repeat left;
	color:#B74251;
}
a.add:hover, a.edit:hover, a.del:hover{
	text-decoration:underline;
}

.kant-small{
	position:relative;
}
.kant-small .kant-1{
	position:absolute;
	float:left;
	width:4px;
	height:4px;
	left:0;
	top:0;
	background:url('/img/kant-small.png') no-repeat left top;
}
.kant-small .kant-2{
	position:absolute;
	float:left;
	width:4px;
	height:4px;
	right:0;
	top:0;
	background:url('/img/kant-small.png') no-repeat right top;
}
.kant-small .kant-3{
	position:absolute;
	float:left;
	width:4px;
	height:4px;
	left:0;
	bottom:0;
	background:url('/img/kant-small.png') no-repeat left bottom;
}
.kant-small .kant-4{
	position:absolute;
	float:left;
	width:4px;
	height:4px;
	right:0;
	bottom:0;
	background:url('/img/kant-small.png') no-repeat right bottom;
}

#topmenu{
	float:left;
	padding:0;
	margin:8px 25px;
	list-style:none;
}
#topmenu li{
	float:left;
	margin-right:5px;
}
#topmenu a{
	float:left;
	padding:2px 10px 3px;
	font-size:1.3em;
	color:#00708D;
}
#topmenu a:hover{
	background:#BFDBE2;
	text-decoration:none;
}
#topmenu .active a{
	background:#00708D;
	color:#fff;
	text-decoration:none;
}

.table{
	width:100%;
	border-collapse:collapse;
}
.table th{
	background:#e2e2e2;
	border-bottom:2px solid #ccc;
	padding:3px 5px;
}
.table td{
	padding:3px 5px;
}
.table tr:hover td{
	cursor:pointer;
	background:#FFFFB5;
}
.table .num{
	width:10px;
	text-align:right;
}
.table .name{
	text-align:left;
}
.table .count{
	text-align:right;
	width:10px;
}
.table .center{
	text-align:center;
	width:10px;
}
.table .no{
	text-align:center;
	padding:30px 0;
	font-size:1.3em;
}
.form{
	margin:0 auto;
}
.form th{
	padding-right:5px;
	text-align:right;
	font-size:1.3em;
	font-weight:normal;
	vertical-align:top;
}
#place{

}
#place .item{
	margin-bottom:20px;
}
#place h3{
	margin-bottom:5px;
}
#place .no{
	text-align:center;
	font-size:1.3em;
	margin:30px 0;
}

.image-upload{
	border-collapse:collapse;
}
.image-upload td{
	padding:0;
	vertical-align:top;
}
.image-upload th{
	padding:0;
	padding-right:10px;
}
#preview{
	width:100px;
	height:100px;
	float:left;
	overflow:hidden;
}