@CHARSET "UTF-8";

/* {
	margin:0;
	padding:0;
}*/

h1,h2,h3,h4,h5,h6,input,select,textarea,ol,dl,ul,li,dt,dd,fieldset,img{
	margin:0; padding:0;
}
input,select{
	vertical-align:middle;
}
fieldset,img{
	border:0;
}
br{line-height:0; font-size:0;}

img {
	border:none;
}

hr {
	color:#C63;
}

body{
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	background-color:#EEE;
}

textarea {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#page {
	width:800px;
	margin:0 auto;
	border:1px solid #B6B6B6;
	background-color:#FFF;
	padding:0;
}

#login_box {
	width: 100%;
}

#login_box table {
	border:1px solid #B6B6B6;
	background-color:#FFF;
}

#login_box th{
	text-align:center;
	font-size:12px;
}

#login_box #copyright{
	text-align:center;
	font-family: Arial; 
	color: #999; 
	font-size: 11px; 
	padding-top: 10px;
}

#header{
	/*background-color:#EC3C21;*/
	background-color:#000;
	width:100%;
}

#footer {
	background:url(../images/common/bg_footer.gif) repeat-x;
	color:#000000;
	font-size:11px;
	height:33px;
	padding-left:25px;
	text-align:left;
}

#footer .poweredby{
	float:right;
	padding-right:20px;
}

#logo {
	float:left;
	/*padding:1px 2px;*/
}

#topmenu {
	float:right;
	padding:8px 10px;
	color:#FFF;
	text-align:right;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
}

#topmenu ul{
	list-style-type: none;
}

#topmenu li {
	display:block;
	padding:2px 0;
	font-weight:bolder;
}

#topmenu a{
	color:#FF6600;
	text-decoration: none;
}

#topmenu a:hover {
	color:#FF6600;
	text-decoration:underline;
}

#nav_menu {
	width:100%;
	background-color: #EC3C21;
	float:left;
}

#nav_menu ul#nav_one{
	float:left;
}

#nav_menu ul#nav_help{
	float:right;
}

#error_page {
	width:400px;
	margin:20px auto;
}

#main_body{
	padding:10px;
	float:left;
	width:780px;
}

#main_body h1{
	border-bottom: 4px solid #A9CDE4;
	background-color: #F0F9FD;
	color:#3F89C3;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	padding-left:10px;
	margin-bottom:10px;
	text-align:left;
	vertical-align:middle;
}

#main_body h1 span.action a{
	margin: 0 0 0 450px;
	color:#F60;
	font-size:12px;
}

#main_body .edit_block, #main_body .report_block{
	width:600px;
	padding:5px 10px;
}

#main_body .search_block{
	padding:5px 10px;
	width:760px;
}

#main_body .list_block{
	width:760px;
	padding:5px 10px;
}

#main_body .home_block{
	/*background: url(../images/common/bg_home.gif) #FFF;*/
	width:760px;
	margin:5px 10px;
}

#main_body .home_block .notice{
	padding: 10px 20px 0 20px;
	font-size:12px;
	color: #EC3C21;
}

#main_body .home_block .notice p{
	color: #333;
}

#main_body .home_block .notice .more {
	text-align:right;
}

#main_body .home_block .notice .more a{
	color: #EC3C21;
	text-decoration:none;
	font-weight:bolder;
}

#main_body .upload_result{
	width:600px;
}

#main_body .upload_result .upload_block{
	margin:0 10px;
}

#main_body .upload_result a{
	color: #FF6600;
	font-weight:bolder;
	padding-left:5px;
}

.edit_block table , .list_block table {
	/*border-collapse:collapse;*/
	width: 100%;
	font-size:12px;
}

.report_block table {
	width: 400px;
	border-collapse:collapse;
	border: solid #000 1px;
	margin:4px 10px;
}

.report_block table td, .report_block table th{
	border: solid #000 1px;
}

#main_body .edit_block table th{
	text-align:left;
	/*font-weight:normal;*/
	color:#CD6702;
}

#main_body .edit_block table td, #main_body .edit_block table th{
	padding:3px;
	/*border:1px solid #D8D8D8;*/
}

#main_body .list_block table th {
	background-color:#e5e5d8;
	color:#666;
	padding:4px;
	text-align:center;
}

#main_body .list_block table .even-line td {
	background-color:#f4f4ef;
}

#main_body .list_block table a{
	color: #FF6600;
	font-weight:bolder;
}

#main_body .list_block table td{
	background-color:#e5e5d8;
	/*border-bottom:1px dotted #ccc;*/
	padding:2px 4px;
	vertical-align:middle;
}

#main_body p.notes {
	padding:8px 25px;
	color:#CD6702;
	font-weight:bolder;
}

#main_body a.button {
	background-color: #FF6600;
	font-weight:bolder;
	padding: 2px 5px;
	margin-right:10px;
	color: #FFF;
	text-decoration:none;
}

#main_body a.order-done{
	/*text-decoration:line-through;*/
}

.wide-list table {
	width:auto;
}

.wide-list table td, .wide-list table th{
	white-space: nowrap;
}

table.quick-view{
	width:100%;
}

table.quick-view th{
	text-align:left;
}

.action a {
	color: #FF6600;
	font-weight:bolder;
}

.clear {
	clear:both;
}

.errfield {
	border: 1px solid #DD3C10; 
}

.errmsg {
	color: #DD3C10;
	padding-top:2px;
}

div.message { 
	color: #C33;
	background-color:#FFEBE8 !important;
	border:1px solid #DD3C10;
	font-size:12px;
	line-height:16px;
	margin:0 0 5px 0;
	padding:5px 10px;
}

div.message p{
	margin:12px 0;
}

div.message ul {
	padding-left:15px;
}

div.blank-line {
	margin-bottom:15px;
}

div.wide-list {
	padding-bottom:5px;
	overflow-x:scroll;
	/*position: relative;*/
	width:760px;
}

div.group-block{
	text-align:right;
	padding: 5px 5px 0 0;
}

input.btn_normal{
	/*width:100px;
	color:#F60;
	border:1px solid #F60;
	font:12px;
	padding-top: 6px;*/
}

div.calendar{
	float:left;
	width:60%;
	padding:10px;
}

div.note{
	float:left;
	padding: 50px 0 0 0;
}

div.note p span{
	width: 50px;
	line-height:20px;
	padding:0 10px;
	
}

div.note p span.holiday{
	background-color:#fbf484;
}

div.note p span.workday{
	background-color:#a4cae6;
}

input.news_order_set{
	width:20px;
}

table.calendar{
	border: 1px solid #036;
	
}

table.calendar td, table.calendar th{
	line-height:15pt;
	text-align:center;
	width: 40px;
	font-weight:normal;
}

table.calendar .calendar-header {
	background-image:url(../images/common/monthbg.gif);
	font-family: Verdana,Arial,sans-serif;
	font-size:12px;
}

table.calendar .calendar-header td{
	width: auto;
	line-height: 22px;
	vertical-align: middle;
}

table.calendar a{
	text-decoration: none;
	color: #433D27;
	font-weight:bolder;
	font-family:Geneva,Verdana,Arial,sans-serif;
	font-size:10px;
}

/* ---- page ---- */
.pager { background:#CCCCCC; border-bottom:2px solid #F6FCFE; font-family: Tahoma, Arial, Helvetica, sans-serif, "simsun";font-size:12px}
.pager td{ background:#fff; width:20px; /*line-height:20px*/; text-align:center; color:#999; }
.pager td.etc{ width:40px; }
.pager td a{ display:block; color:#999; text-decoration:none; }
.pager td a img {vertical-align:middle;}
.pager td a:hover,.pagenum td a.select{ background:#d2f1c4; }
.pager td a.select{font-weight:bold;text-decoration:underline;}