@charset "utf-8";

#technical_skill_contents {
}

#technical_skill_contents #controll_area{
	padding:5px 10px;
}


#technical_skill_contents #legend_area{
	width:auto;
	padding:5px 10px;
	padding-left:500px;
}
#technical_skill_contents #legend_area table{
	border : dotted 1px #aaa;
}

#technical_skill_contents table.level_map_graph {
	margin:10px 0px;
	padding:0;
	border-collapse: collapse;
}
#technical_skill_contents table.level_map_graph tr th{
	font-size:7pt;
	border:solid 2px #4a5967;
	padding:5px 0;
	margin:0;
	background-color:#ddddff;
}

#technical_skill_contents table.level_map_graph tr th div{
	font-size:6pt;
	padding:0;
	margin:0;
	width:100%;
	overflow:hidden;
}
#technical_skill_contents table.level_map_graph tr th div.large {
	font-size:7pt;
}


#technical_skill_contents table.level_map_graph tr td{
	padding:0;
	margin:0;
}
#technical_skill_contents table.level_map_graph tr td.spacer {
	padding:0;
	margin:0;
	line-height:1px;
	font-size:1pt;
}

#technical_skill_contents table.level_map_graph tr td.graph_area{
	line-height:1px;
	font-size:1pt;
	background: url(../img/graph/background_border.gif) ;
}
#technical_skill_contents table.level_map_graph tr td.count_area{

}

#technical_skill_contents table.level_map_graph tr td.count_area div {
	margin: 1px;
	line-height:1.5em;
	text-align:center;
	border-bottom: dotted 2px #000;
	border: solid 1px #000;
}
#technical_skill_contents table.level_map_graph tr td.count_area div.top {
	background-color:#ddffdd;
}
#technical_skill_contents table.level_map_graph tr td.total_area {
}

#technical_skill_contents table.level_map_graph tr td.total_area div {
	margin: 1px;
	height:1.5em;
	line-height:1.5em;
	text-align:center;
	border-bottom: dotted 2px #000;
	border: solid 1px #000;
}

#technical_skill_contents table.level_map_graph tr td.average_area {
}
#technical_skill_contents table.level_map_graph tr td.average_area div {
	margin: 1px;
	height:1.5em;
	line-height:1.5em;
	text-align:center;
	border-bottom: dotted 2px #000;
	border: solid 1px #000;
}

#technical_skill_contents table.level_map_graph tr .spacer {
	background-color:#fff;
	width:2px;
	border:0;
}



#technical_skill_contents table.tree_box_name {
	width:100%;
	border-collapse: collapse;
}
#technical_skill_contents table.tree_box_name tr td.tree_box {
	width:15px;
}
#technical_skill_contents div.box_name {
	width:auto;
	border:solid 1px #4a5967;
	font-size:8pt;
	padding:4px;
	margin:1px;
	background-color:#ddddff;
}
#technical_skill_contents div.box_name_selected {
	width:auto;
	border:solid 1px #ca5967;
	font-size:8pt;
	padding:4px;
	margin:1px;
	background-color:#fcc ;
}


#technical_skill_contents div.box_adjust {
	width:150px;
	overflow:hidden;
}

#technical_skill_contents div.box_adjust_x {
}


#technical_skill_contents .ts_task_check_point {
	background-color:#ffcccc;

}
#technical_skill_contents .level_box {
	width:50px;
	font-size:8pt;
	border:solid 1px #4a5967;
	padding:4px 0;
	text-align:center;
}

#technical_skill_contents .att_msg {
	text-align:right;
	color:#669966;
}



#technical_skill_workarea_contents {
	padding:5px 10px;

}

.question_box {
	width:830px;
	height:500px;
	border:dotted 1px #4a5967;
	background-color:#f0f0e0;
	position: absolute;
	top:10px;
	left:10px;
	display:none;
	padding:0px;
	margin:0px;
	z-index:3;
}






.question_box .question_box_header {
	width:100%;
	height:20px;
	background-color:#8a99a7;
	position:relative; 
}
.question_box .question_box_header .close {
	position:absolute;   
	right:5px;   
	top:3px;   

	width:20px; 
	height:20px; 
	cursor:pointer;
}
.question_box_data {
	margin:10px;
	width:810px;
	height:450px;
	border:solid 1px #4a5967;
	overflow:auto;
	background-color:#fff;

}
.question_box_loading {
	position:relative; 
	width:810px;
	height:450px;
}
.question_box_loading img{
	position: absolute;
	top:50%;
	left:40%;
}
#technical_skill_contents table.rev_diag_label {
	width:560px;
	border-collapse: collapse;
	margin-right:20px;
}
#technical_skill_contents table.rev_diag_label tr th,
#technical_skill_contents table.rev_diag_label tr td{
	border-bottom : solid 1px #4a5967;
}

#technical_skill_contents .message_area {
	border : dotted 1px #4a5967;
	margin : 5px;
	padding : 5px;
	width:660px;
}
#technical_skill_contents .rev_section_controll {
	width:400px;
	padding:2px;
	margin:0;
	border:solid 1px #4a5967;
}
#technical_skill_contents #title_taskrev_title{
	border:solid 1px #4a5967;
	width:1000px;
	text-indent:0.5em;
	height:1.5em;
	line-height:1.5em;
	margin-top: 10px;
	margin-bottom:10px;
	color:#fff;
	background-image:url(../img/background/h50_4a5967.png);
	background-repeat:repeat-x;
	background-color:#4a5967;
}

#technical_skill_contents table.level_map_graph tr td  div.before_list{
	float:left;
}
#technical_skill_contents table.level_map_graph tr td  div.next_list{
	float:right;
}

#technical_skill_contents table.level_map_graph tr th.section_name div{
	width:120px;
	font-size:8pt;
	overflow:hidden;
	height:1.5em;
	line-height:1.5em;
	text-align:left;
	padding-left:2px;
	font-weight:normal;
}
#technical_skill_contents table.level_map_graph tr th.entry_name div{
	width:120px;
	font-size:9pt;
	overflow:hidden;
	line-height:1.5em;
	text-align:left;
	padding-left:2px;
	word-break:break-all;
	font-weight:normal;
}
#technical_skill_contents table.level_map_graph tr th.job_name div{
	width:120px;
	height:1.5em;
	font-size:7pt;
	overflow:hidden;
	line-height:1.5em;
	text-align:left;
	word-break:break-all;
	font-weight:normal;
	padding:0;
	padding-left:3px;
}
#technical_skill_contents table.level_map_graph tr th.main div{
	width:180px;
}

#technical_skill_contents table.level_map_graph tr td.task_rev_level_main div.level_area{
	background-color:#fff;
	padding:2px;
	padding-left:10px;
	border : solid 1px #ccc;
	text-align:left;
	margin:1px;
	height:22px;
	position:relative;
}

#technical_skill_contents table.level_map_graph tr td.task_rev_level_main div.tree_target{
	border : solid 1px #4a5967;
}



#technical_skill_contents table.level_map_graph tr td.task_rev_level_main div.level_area div.disp_area {
}

#technical_skill_contents table.level_map_graph tr td.task_rev_level_main div.level_area div.disp_area input{
	width:3em;
	font-size:9pt;
	text-align:center;
	font-weight:bold;
}
#technical_skill_contents table.level_map_graph tr td.task_rev_level_main div.level_area div.action_area{
	position:absolute;
	top:2px;
	left:95px;
	
	margin:0px;
	padding:0;
	line-height:10px
	font-size:10px;
	
}
#technical_skill_contents table.level_map_graph tr td.task_rev_level_main div.level_area div.action_area div{
	width:50px;
	height:10px;
	line-height:10px
	font-size:10px;
}

#technical_skill_contents table.level_map_graph tr td.task_rev_level_main div.level_area div.action_area div.up_img a{
	background:url(../img/recognit/up_icon.png) no-repeat ;
}
#technical_skill_contents table.level_map_graph tr td.task_rev_level_main div.level_area div.action_area div.down_img a{
	background:url(../img/recognit/down_icon.png) no-repeat ;
}

#technical_skill_contents table.level_map_graph tr td.task_rev_level div.disp_area{
	background-color:#fff;
	border : solid 1px #ccc;
	text-align:center;
	margin:1px;
	line-height:1.9em;
	height:24px;
	padding:1px;
}
#technical_skill_contents table.level_map_graph tr td.task_rev_level div.disp_area span{
	text-indent:0.5em;
}
#technical_skill_contents table.level_map_graph tr td.task_rev_level div.tree_target{
	border : solid 1px #4a5967;
}

#technical_skill_contents table.level_map_graph tr td.task_rev_level div .level_entry {
	display:none;
}
#technical_skill_contents table.level_map_graph tr td.task_rev_level div .level_separate {
	display:none;
}

#technical_skill_contents table.level_map_graph tr td.task_rev_level div .level_admin {
	display:inline;
}

#technical_skill_contents .rev_value_change_up {
	color :#66aa66;
}
#technical_skill_contents .rev_value_change_down {
	color :#ff3333;
}

#technical_skill_contents #rev_controll_area{
	padding:5px 20px;
	width:950px;
}

#technical_skill_contents #rev_controll_area #disp_tree_area {
	float:left;
}

#technical_skill_contents #rev_controll_area #disp_target_area {
	float:right;
}
#technical_skill_contents #rev_submit_area {
	text-align;center;
	border :dotted 1px #000;
	padding:5px 0px;
	margin:1px;
	font-size:12pt;
	white-space:nowrap;
	position:relative;
}
#technical_skill_contents #rev_controll_area .clear {
	clear:both;
}