@charset "utf-8";
/* --------- CSS document */
html {
overflow: auto;
}
body {
	margin:0;
	padding:0;
	background:#414141;
	font-family:Tahoma, sans-serif, Arial, Tahoma, Geneva;
}
td{font-family:Tahoma, Tahoma, sans-serif, Arial, Tahoma, Geneva;}
* html body {
	behavior:url("css/csshover.htc");
	}
a {
	outline:none;
	color:#066;
	text-decoration:none;
}
a:hover {
	outline:none;
	color:#656464;
	text-decoration:underline;
}
/* --------- THE SAME LAYOUT */
.main_wrapper {
	width:980px;
	margin:0 auto;
}
.relative {
	position:relative;
}
ul, form {
	margin:0;
	padding:0;
}
input {
	font-family:Tahoma, sans-serif, Arial, Tahoma, Geneva;
	color:#656464
}
/* --------- LAYOUT */
#admin_wrapper {
	font-family:Tahoma, sans-serif, Arial, Tahoma, Geneva;
	font-size:12px;
	color:#656464
}
/* --------- HEADER */
#header_wrapper {
	height:80px;
	background:#414141;
	border-bottom:5px solid #575757;
}
#cats_wrapper {
	position:absolute;
	top:25px;
	right:0;
	padding:5px;
	color:#c7c7c7;
}
#cats_wrapper ul {
	list-style:none;
}
#cats_wrapper ul li {
	display:inline;
	margin-left:20px;
}
#cats_wrapper ul li a {
	color:#c7c7c7;
}
#cats_wrapper ul li a:hover {
	text-decoration:underline;
}
#select_wrapper {
	position:absolute;
	top:25px;
	left:0px;
	color:#c7c7c7;
	background:#5d5d5d;
	border:3px solid #3b3b3b;
}
#dropmenu {
	float:left;
	padding:5px;
	width:300px;
}
.arrow,
.close {
	float:left;
	width:24px;
	height:24px;
	cursor:pointer;
	background:#525252 url(../images/icons/arrow.png) no-repeat center center;
}
.close {
	background:#525252 url(../images/icons/close.png) no-repeat center center;
}
#doplist {
	display:none;
	position:absolute;
	top:58px;
	left:0px;
	width:334px;
	background:#5d5d5d;
	border:3px solid #3b3b3b;
}
#doplist ul {
	list-style:none;
}
#doplist ul li {
	padding:8px 5px;
	margin-bottom:1px;
}
#doplist ul li:hover,
#doplist ul li.active {
	background:#787878;
}
#doplist ul li a {
	color:#c7c7c7;
}
#doplist ul li a:hover {
	text-decoration:underline
}
/* --------- BODY */
#body_wrapper {
	min-height:500px;
	height:auto !important;
	height:500px;
	background:#c0d7fc;
	padding-bottom:50px;
}
#body_label {
	padding-left:5px;
	padding-top:30px;
	padding-bottom:20px;
	font-size:20px;
}

.text_01 {
	padding-left:5px;
	font-size:14px;
	font-weight:bold
}
.hanging
{
	font-weight:bold;
	color:#FF0000
}
label.require
{
	padding-left:5px;
	font-size:14px;
	font-weight:bold
}
label.require_small
{
	padding-left:5px;
	font-size:12px;
	font-weight:bold
}
label.point
{
	padding-left:5px;
	font-size:16px;
	font-weight:bold;
	color:#FF00FF
}
span.require{
	color:#FF0000;
	font-weight:bold;
}
.body_main {
	background:#f1f1f1;
	border:3px solid #9fc1f8;
}
.body_form {
	padding:10px 50px;
}

.form_input_500
{
	padding:4px;
	width:500px;
	background:#fff;
}

.form_input {
	padding:4px;
	width:300px;
	background:#fff;
}

.input_nomal
{	
	border:3px solid #ccc;
}
.input_error
{
	border:3px solid #FF0000;
}

.form_input_small {
	width:29px;
	text-align:center;
	padding:0px;
	border-width:2px;
	border:3px solid #ccc;
}
.form_input_stock_code {
	width:85px;
	text-align:center;
	padding:0px;
	border:3px solid #ccc;
	color:#0000FF;
	font-weight:bold
}
.form_input_point {
	width:50px;
	text-align:center;
	padding:0px;
	border:3px solid #FF00FF;
	color:#FF00FF;
	font-weight:bold
}
.form_textarea {
	width:500px;
	height:150px;
	border:3px solid #ccc;
	background:#fff;
}
.form_button {
	background:#f1f1f1;
	border:3px solid #9fc1f8;
	padding:5px 10px;
	float:left;
	margin-left:5px;
}
.form_button:hover {
	background:#d1e2fe;
	cursor:pointer
}
.form_button a:hover{
	text-decoration:none;
}
/* -- */
.form_select_wrapper {
  position:absolute;
  background-color:white;
  border:3px solid #ccc;
  margin:0px;
  padding:0px;
  text-align:left;
  max-height:200px;
  overflow:auto;
  margin-top:1px;
}
.form_select_wrapper ul {
  list-style-type:none;
}
.form_select_wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  margin-bottom:1px;
  padding:5px;
  cursor:pointer;
}
.form_select_wrapper ul li.selected { 
	/*background-color: #f1f1f1;*/
}
.form_select_wrapper ul li.current {
	background-color: #deeafc;
	text-decoration:underline;
}
label {
    /*display: block;
	border:0px;*/
}
.form_selectbox { /* look&fell of  select box*/
  padding:4px;
  width : 300px; 
  display : block;
  text-align:left;
  background:#fff url('../images/icons/select.png') no-repeat 285px;
  cursor: pointer;
  border:3px solid #ccc;
}

.form_selectbox_01 { /* look&fell of  select box*/
  padding:0px; 
  text-align:left;
  cursor: pointer;
  border:3px solid #ccc;
}
.plus
{
	text-align:center;
	border:3px solid #ccc;
	font-size:15px;
	font-weight:bold;
	color:#aaa;
	margin:5px;
}
.bold{font-weight:bold}
.inherit{ font-weight:bold; text-decoration:inherit;color:#FF0000}
#profession
{
	float:left;
	padding-bottom:10px
}
select {
	/*background: url('../images/icons/select.png') right;*/
	
}
/* -- */
.body_main tr.body_value:hover {
	background:#c9dcfb;
}
.body_title {
	font-weight:bold;
	background:#afccfb
}
.body_odd {
	background:#eeecec
}
.body_ecc {
	background:#FFCCFF
}
.control_wrapper {
	padding-top:10px;
}
.button_wrapper {
	float:right;
}
.body_paging {
	float:left;
	background:#f1f1f1;
	border:3px solid #9fc1f8;
	padding:2px 10px;
	width:expression('50%');
}
.body_paging li { 
	float:left;
	font-size:11px;
	list-style:none; /* savers */
	}
.body_paging a {
	margin-right:2px;
}
.body_paging .previous-off,
.body_paging .next-off,
.body_paging .spacing-dot,
.body_paging .info,
.body_paging a:link, 
.body_paging a:visited,
.body_paging .active {
	display:block;
	float:left;
	font-weight:bold;
	padding:3px 6px;
}
.body_paging .previous-off,
.body_paging .spacing-dot,
.body_paging .next-off {
	font-weight:normal;
}
.body_paging .spacing-dot,
.body_paging .info {
	font-weight:normal;
}
.body_paging .next a,
.body_paging .previous a {
	font-weight:bold;
}
.body_paging .active {
	color:#3a83f8;
	font-weight:bold;
}
.body_paging a:link, 
.body_paging a:visited {
	font-weight:normal;
}
.body_paging a:hover {
}
/* --------- FOOTER */
#footer_wrapper {
	padding:20px 0px;
	font-size:11px;
	color:#8d8a8a;
	background:#414141;
	border-top:5px solid #575757
}
/* --------- CLEAR FIX LAYOUT */
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}
* html > body .clearfix {
	width: 100%;
	display: block;
}
* html .clearfix {
	height: 1%;
}
.popup
{
	clear: both;
	display: block;
	width:100%;
	font-family:Tahoma, sans-serif, Arial, Tahoma, Geneva;
	font-size:12px;
	padding:5px;
	border:2px solid #333333;
	background:#FFFFFF;
}
label.error
{
	color:#FF0000;
	margin:5px;
	border:0px;
}
input.error
{
	border: 3px solid #FF0000;
}
textarea.error
{
	border: 3px solid #FF0000;
}
.border_color1
{
	border-color:#ff9900;
}
.border_color2
{
	border-color:#ffebcc;
}
#chart{width:200px; height:100px; background:#FFFFFF}

.fileUploadQueueItem {
	font: 11px Tahoma, sans-serif, Arial, Tahoma, Geneva;
	background-color: #F5F5F5;
	border: 3px solid #E5E5E5;
	margin-top: 5px;
	padding: 10px;
	width: 300px;
}
.fileUploadQueueItem .cancel {
	float: right;
}
.fileUploadProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.fileUploadProgressBar {
	background-color: #0099FF;
}
.block_150{
	float:left;
	width:150px;
	padding:10px
	}
.block_200{
	float:left;
	width:200px;
	padding:10px
}
.block {
	float:left;
	margin:2px;
	padding:2px
}
.w300
{
	width:300px;
}
.w200
{
	width:200px;
}
.w150
{
	width:150px;
}
.w400
{
	width:300px;
}
.bg_01
{background:#FFFFCC;}
.bg_red
{background:#FF0000}
.bg_blue
{background:#99CCFF}
.font_blue
{color:#0000FF}
.calendar_wait{background:url(../images/icons/calendar_empty.png) no-repeat center top; width:70px; height:70px}
.bl01{ text-align:center; font-size:10px; font-weight:bold; color:#FFFFFF; padding-top:3px; }
.bl02{ text-align:center;font-size:10px;padding-top:4px;}
.bl03{ text-align:center;font-size:24px; font-weight:bold; padding:0px; vertical-align:top; line-height:24px; height:24px}

#box_calendar_popup{ position:absolute; top:50%; left:50%; display:none}
#box_calendar_content{ background:#99CCCC; border:1px solid #333333; color:#000000; width:450px}

#box_calendar_now{padding:3px}
#box_calendar_now fieldset{ border:1px solid #0000FF; padding:3px}
#box_calendar_now legend{ color:#0000FF; font-weight:bold; border:#0000FF 1px solid; margin:2px; padding:5px}

#box_calendar_past{padding:3px}
#box_calendar_past legend{ color:#666666; font-weight:bold; border:#666666 1px solid; margin:2px; padding:5px}
#box_calendar_past fieldset{ border:1px solid #666666; padding:3px}
#box_calendar_content li{float:left; width:400px;}
#box_calendar_content ul{padding:5px; list-style:none}
#taskbar {
    bottom: 0;
    left:  0;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    position: fixed;
    z-index: 1000;
    width: 100%;
}
#taskbar .TaskbarContainer {
	width:  95%;
	margin:  0 auto;
}
#box_member{}
#box_member ul{list-style:none; list-style-type:none; background:#000066 }
#box_member li{ float:left; width:200px; margin-bottom:10px}
#box_member li label, img{cursor:pointer}
.title_01 {border:3px solid #9fc1f8;border-bottom:0px; font-size:16px; padding:5px; width:60px; text-align:center; color:#0000FF}
.title_01 span{font-size:10px; color:#000000}
.name_bold{ font-weight:bold; color:#0000FF}
#list_relax{ margin:10px}
#body_main_pikachu {
	background:#f1f1f1;
	border:3px solid #9fc1f8;
	height:150px
}
#body_main_pikachu ul{list-style:none; list-style-type:none;}
#body_main_pikachu li{ text-align:center; margin:10px; float:left}