@charset "utf-8";
/* CSS Document */

html{
	height:100%;
	overflow-y:scroll;
}
body{
	margin:0px;
	font-size:14px;
	height:100%;
	background-color:#FFFFFF;
}
a {
	color:#3366CC;
	text-decoration:none;
}
a:hover{
	background-color:#FFFFCC;
	color:#336699 !important;
}
ul{
	padding:0px 16px;	
}

.clear{
	clear:both;	
}
.hidden{
	display:none;	
}
.showtoggle{
	display:none;	
}

.basic_table{
	border-collapse:collapse;
}
.basic_table th,
.basic_table td{
	padding:4px;
	border:solid 1px #CCCCCC;
}
.basic_table th{
	background-color:#F8F8F8;
}
.dot_table{
	border-collapse:collapse;
}
.dot_table th,
.dot_table td{
	padding:8px;
	border-bottom:dotted 1px #999999;
	line-height:140%;
}
.dot_table th{
}
.line_table{
	width:100%;
	border-collapse:collapse;	
	margin-bottom:10px;
	font-size:12px;
}
.line_table th,
.line_table td{
	padding:8px 0px;
	border-bottom:solid 1px #CCCCCC;
	vertical-align:middle;
}
.line_table th{
	font-weight:bold;
	width:180px;
	text-align:left;
}
.linetable_header td{
	font-size:10px;
	padding:0px 0px 2px;	
	color:#CCCCCC;
}

.noborder th,
.noborder td{
	padding:2px 0px;
	border:none;
	line-height:140%;
}

.box{
	border:solid 1px #CCCCCC;
	padding:8px;	
}
.no_under{
	border-bottom:none;	
}
.hilite tr:hover{
	background-color:#FFFFEE;
}
.description{
	font-size:12px;
	font-weight:normal;
	color:#999;	
}
.nameselector_hidden{
	height:0px;
	width:0px;
	border:none;	
}
.fromto_Selecting{
	background-color:#00FF99 !important;	
}
.focusrow:hover{
	background-color:#FFFFEE;
}
.redicon{
	background-color:red;
	color:white;
	padding:0px 10px;
	text-align:center;
	font-size:12px;	
	line-height:20px;
}
.orangeicon{
	background-color:#FF9933;
	color:white;
	padding:0px 10px;
	text-align:center;
	font-size:12px;	
	line-height:20px;
}
.greenicon{
	background-color:#01AE00;
	color:white;
	padding:0px 10px;
	text-align:center;
	font-size:12px;	
	line-height:20px;
}


/* page */
.btn{
	background-color:#EEEEEE;
	font-size:12px;
	text-align:center;
	font-weight:normal;
	padding:2px;
	width:100px;
	border:solid 1px #999999;
	cursor:pointer;
}
.pagetitle{
	padding:10px 0px;
	border-bottom:solid 2px #666666;	
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	position:relative;
}
.grouptitle{
	padding:10px 0px;
	border-bottom:double 3px #CCCCCC;	
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	position:relative;
	background-image:url(/img/common/group_icon.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:24px;
}
.pagetitle .btn,.grouptitle .btn{
	position:absolute;
	right:0px;	
	bottom:6px;
}
.btn:hover{
	background-color:#F8F8F8;	
}
.btn2{
	background-color:#CCCCCC;
	font-size:12px;
	text-align:center;
	font-weight:normal;
	padding:2px 12px;
	cursor:pointer;
}
.btn2:hover{
	background-color:#F8F8F8;	
}
.btn2red{
	background-color:#FFCACA;	
}
.btn2green{
	background-color:#A2FD9F;	
}
.btn2litegreen{
	background-color:#CEFFC1;	
}
.jobstatus0{
	background-color:#FFCACA;	
}
.jobstatus10{
	background-color:#B3D5FF;	
}
.jobstatus20,.jobstatus21,.jobstatus30,.jobstatus40,.jobstatus50,.jobstatus60{
	background-color:#A2FD9F;	
}



/* dialog */
.dialog{
	width:540px;
	padding:10px;
	border:solid 5px #CCCCCC;
	margin:20px auto;
}
.dialog h2{
	font-size:100%;
	text-align:center;
	padding:8px;
	margin:0px;
	background-color:#EEEEEE;
}
.caution{
	border:solid 1px #FF0000;
	background-color:#FFF4F4;
	padding:10px;
	margin:auto;
	color:red;
	text-align:center;	
}

/* align & color */
.pad10{		padding:10px;	}
.pad20{		padding:20px;	}
.pad50{		padding:50px;	}
.no_v_pad{
	padding-top:2px;
	padding-bottom:2px;
}
.no_bottom_margin{
	margin-bottom:1px;
}
.no_h_pad{
	padding-left:0px;
	padding-right:0px;
}
.t_center{
	text-align:center;
}
.t_left{
	text-align:left;
}
.t_right{
	text-align:right;
}
.m_center{
	margin:auto;	
}
.f_left{
	float:left;
}
.f_right{
	float:right;	
}
.mr10{
	margin-right:10px;
}
.w100{	width:100px;	}
.w160{	width:160px;	}
.w200{	width:200px;	}
.w300{	width:300px;	}
.w400{	width:400px;	}
.w450{	width:450px;	}
.w500{	width:500px;	}
.w600{	width:600px;	}
.w100p{	width:100%;		}
.red{	color:#FF0000;	}
.gray{	color:#999999;	}
.caption{	
		color:#999999;
		font-size:12px;
		padding:0px 20px;
}

/* main */
#main{
	position:relative;
	padding-left:160px;
	background-color:#FFF;
}
#contents{
	border-left:solid 1px #CCCCCC;
}
.basic_text{
	font-size:12px;
	color:#333333;
	line-height:160%;	
}

/* header */
#header{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:32px;
	background-image:url(../img/common/titlebar.png);
	background-repeat:no-repeat;
	background-color:#666666;
	z-index:999;
}
#header #totop{
	width:100px;
	height:32px;
	position:absolute;
	left:0px;
	top:0px;
	cursor:pointer;
}
#header #usermenu{
	width:120px;
	text-align:center;
	height:14px;
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	color:#FFFFFF;
	font-weight:bold;
	padding:4px 0px;
	font-size:13px;
	background-color:#333333;
	overflow:hidden;
}
#header #usermenu a:hover{
	background-color:inherit;
	color:#FFFFFF !important;
}
#header #usermenu:hover{
	background-color:#484848;
}
#header .menuopen{
	height:auto !important;
}
#header .menuopen:hover{
	background-color:#333333 !important;
}
#header a{
	color:#FFFFFF;	
}
#header .submenu{
	padding:4px;margin-top:10px;	
}
#header .submenu div{
	padding:6px 0px;
	border-top:dotted 1px #999999;	
	font-weight:normal;	
	font-size:12px;
}
#header .submenu div:hover{
	background-color:#777777;
}


/* menu */
#menu{
	position:absolute;
	left:0px;
	width;156px;
	padding-right:4px;
	z-index:999;
	font-size:12px;
	text-align:right;
}
#profile{
	padding:4px 4px 0px 0px;	
	font-size:14px;
	font-weight:bold;
	width:156px;	
}
#maingroup{
	padding:2px 4px 10px 0px;
	line-height:160%;	
}
.menuGroup{
	padding:8px 4px 2px;	
	padding-left:5px;
	color:#999;	
}
.production_link{
	background-color:#F8F8F8;
	cursor:pointer;
}
.production_link:hover{
	background-color:#EEEEEE;
}
.production_link .title{
	font-size:10px;
	color:white;
	background-color:#999999;
	padding:0px 2px;
	margin-right:2px;
}
.group_link{
	cursor:pointer;
	background-image:url(/img/common/art_group.png);
	background-repeat:no-repeat;
	background-position:right top;
	padding-right:11px;
}
.group_link:hover{
	background-color:#EEEEEE;
	background-position:right bottom;	
}

.menuItem{
	margin:4px;
	padding-right:4px;
	border-right:solid 3px #999999;		
	cursor:pointer;
}
.menuItem:hover{
	background-color:#EEEEEE;
	border-right:solid 3px #FF0033;
}

/* popupbox */
.pb_backscreen{
	position: fixed;
	z-index:1000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.pb_edge{
	position: fixed;
	z-index:1001;
	top:50%;
	left:50%;	
	height:620px;
	width:420px;
	margin-left:-210px;
	margin-top:-260px;
	background-color:#999;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.pb_dialog{
	position: fixed;
	width:750px;
	height:400px;
	top:50%;
	left:50%;
	right:auto;
	background-color:#FFF;
	z-index:1002;
	margin-left:-200px;
	margin-top:-150px;
	padding:0px;
	overflow:hidden;
}
.pb_close{
	width:16px;
	height:16px;
	background-color:FC0;
	background-image:url(/img/icon/close.png);
	position:absolute;
	right:0px;
	margin:2px;
}
.pb_close:hover{
	background-position:0px -16px;	
}

/* clickbox */
.cb_backscreen{
	position: fixed;
	z-index:1000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background-color:#FFFFFF;
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}
.cb_dialog{
	position: fixed;
	width:100px;
	height:100px;
	right:auto;
	background-color:#FFF;
	z-index:1002;
	padding:0px;
	overflow:hidden;
}

/* editbox */
.edit_box{
	height:24px;
}
.edit_box .view{
	line-height:170%;
}
.edit_box .view:hover{
	text-decoration:underline;
	color:#0066CC;
	line-height:170%;
}
.edit_box .edit{
	display:none;
}

/* tab */
.tab{
	background-image:url(/img/menu_back.png);
	background-repeat:repeat-x;
}
.tab table{
	border-collapse:collapse;
}
.tab td{
	padding:4px 12px 3px;
	border:solid 1px #999999;
	background-color:#DDDDDD;
	height:14px;
	cursor:pointer;
}
.tab .spacing{
	border:none;
	border-bottom:solid 1px #999999;
	background-color:#FFFFFF;
	width:2px;
	padding:4px 0px;
	overflow:hidden;
}
.tab .selected{
	background-color:#FFFFFF;
	border-bottom:solid 1px #FFFFFF;
}
.tab td:hover{
	background-color:#FFFF99;
}

/* statics */
.box800{
	width:800px;
	margin:15px auto;
	line-height:160%;
}
.box640{
	width:640px;
	margin:15px auto;
	line-height:160%;
}
.box800 h3{
	padding:2px 8px;
	background-color:#EEEEEE;
	margin-bottom:4px;
	font-weight:bold;
	font-size:14px;
	margin:0px 0px 8px;
}

/* padding:2px 8px;background-color:#EEEEEE;margin-bottom:4px; */

/* calendar */
#calendar{
	font-size:12px;	
}
.calendar_day_a_week{
	width:14%;
	height:120px;
	vertical-align:text-top;
}
.calendar_day_a_week .date{
	font-size:12px;
	background-color:#999;
	color:#FFFFFF;
	padding:2px 0px 2px 5px;
	-webkit-border-radius: 3px;
}
.calendar_day_a_week .week6{
	background-color:#69F;
}
.calendar_day_a_week .week0{
	background-color:#F66;
}
.calendar_day_a_week .ui-selecting {
	background-color:#6F9;
}
.calendar_day_a_week .ui-selected {
	background-color:#390;
}
.calendar_day_a_week:hover{
	background-color:#FFFFCC;
}
#calendar .hoverClass{
	background-color:#EBFFE1;	
}
.calendar_today{
	background-color:#FFE7CE;
}

.calendar_clickmenu{
	padding:2px;
}
.calendar_clickmenu_title{
	text-align:center;
	padding:2px;
	background-color:#666666;
	color:#FFFFFF;
	font-size:12px;
	line-height:14px;		
}
.calendar_clickmenu_element{
	text-align:center;
	padding:2px;
	background-color:#EEEEEE;
	font-size:12px;
	line-height:14px;
	cursor:pointer;
	border:solid 1px #666666;
	margin-top:2px;
}
.calendar_clickmenu_element:hover{
	background-color:#FFFFCC;
}
.select_day{
	border:solid 1px #FF3300;
	background-color:#FFF0E1;
}
.input_time{
	width:100px;	
}
.input_text{
	width:250px;		
}
.input_textarea{
	width:250px;
	height:70px;		
}
.schedule_elm{
	cursor:pointer;
	background-color:#CEE7FF;
	margin-top:1px;
	padding:1px;
	-webkit-border-radius: 3px;		
}
.schedule_elm2{
	background-color:#D7F4FB;
}
.schedule_elm:hover{
	background-color:#FF9966;	
}
.item_use_elm{
	cursor:pointer;
	background-color:#CECEFF;
	margin-top:1px;
	padding:1px;
	-webkit-border-radius: 3px;		
}
.item_use_elm:hover{
	background-color:#FF9966;	
}
.item_status_2{
	border-bottom:solid 1px #009933;
	background-color:#BBBBBB;
}
.item_color_1{
	color:red !important;
	background-color:#FFF !important;
}

.equip_elm{
	cursor:pointer;
	background-color:#F6CEFF;
	margin-top:1px;
	padding:1px;
	-webkit-border-radius: 3px;		
}

.event_elm{
	cursor:pointer;
	background-color:#FAE8A0;
	margin-top:0px;
	padding:1px;
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #999999;
	-webkit-border-radius: 3px;		
}
.event_elm:hover{
	background-color:#FF9966;	
}
.event_status_1{
	background-color:#FFE1DF;	
}
.event_status_2{
	background-color:#FAE8A0;	
}
.event_status_3{
	background-color:#D1F5D5;	
}



.dialog720{
	width:680px;
	height:90%;
	overflow-y:scroll;
	padding:20px;		
}

/* time selector */
.input_time{
	text-align:center;
}
.input_time_hour{
	
}
.input_time_elm{
	width:50px;
	height:12px;
	border:solid 1px #666666;
	background-color:#EEEEEE;
	text-align:center;
	font-size:12px;
	line-height:12px;
	padding:2px;
	float:left;
	margin:0px 1px 1px 0px;
	cursor:pointer;
}
.input_time_elm:hover{
	background-color:#FFFFCC;
}
.select_time{
	background-color:#FFCC99;
}
#input_time_box .ui-selecting {
	background-color:#6F9;
}
#input_time_box .ui-selected {
	background-color:#390;
}


/* config */

.tablelist ul{
	margin:4px;
	padding:0px 0px 0px 20px;
}
.tablelist li{
	margin-bottom:8px;	
}
.grouptree ul{
	margin:4px;
	padding:0px 0px 0px 20px;
	color:#CCCCCC;
}
.grouptree li{
	margin:0px;
	padding:0px;
	list-style-type:disc;
}
.grouptree .mygroup{
	color:#000000;
}

/* utility */
.member_selector{
	padding:2px;
	cursor:pointer;
}
.member_selector:hover{
	background-color:#FFFFCC;
}
.member_selected{
	background-color:#F8F8F8;	
}

.mustinput{
	border:solid 2px #FF0000;	
}


/* select calendar */

.selectCalender{
	
}
.selectCalenderYearMonth{
	text-align:center;
	font-size:14px;
	padding:2px;
	background-color:#F4F4F4;
	border:solid 1px #CCCCCC;
}
.selectCalenderTable{
	width:100%;
	border-collapse:collapse;
}
.selectCalenderDay{
	font-size:12px;
	text-align:center;
	border:solid 1px #CCCCCC;
	cursor:pointer;
}
.selectCalenderDay:hover{
	background-color:#FFFF66;	
}
.selectCalenderWeek5{
	background-color:#D8EEFE;	
}
.selectCalenderWeek6{
	background-color:#FFE8EA;	
}

@media print {
    .noprint {
		display:none;
	}
	#main{
		padding-left:0px !important;
	}
	#contents{
		border-left:none !important;	
	}
 }
@media screen {
	.print{
		display:none;	
	}
}
.timeoverlap{
	border-left:solid 5px red !important;	
}

.itemicon{
	display:inline-block;	
	border-radius:2px;
	padding:2px;
	margin-right:2px;
	margin-bottom:2px;
}

.equip{
	width:100%;
	border-collapse: collapse;
}
.equip td,.equip th{
	border: solid 1px #A3A3A3;
	padding: 2px;
}
.equip th{
	background-color: #666666;
	color:white;
	text-align: left;
}
.equip .elm{
	display: inline-block;margin-right: 20px;	
	border-radius: 3px;
}
.equip .elm:hover{
	background-color: #FFF2A1;
}