@charset "utf-8";

/*============================================== SPACE ==============================================*/
ul,ol,li{list-style:none outside;}

/*padding*/
.padding2 { padding-top:2px;}
.padding3 { padding-top:3px;}
.padding4 { padding-top:4px;}
.padding5 { padding-top:5px;}
.padding10 { padding-top:10px;}
.padding15 { padding-top:15px; }
.padding20 { padding-top:20px;}
.padding25 { padding-top:25px;}
.padding30 { padding-top:30px; }
.padding35 { padding-top:35px; }
.padding40 { padding-top:40px; }

/*margin*/
.margin3 {margin-top:3px;}
.margin5 {margin-top:5px;}
.margin10 {margin-top:10px;}
.margin15 {margin-top:15px;}
.margin20 {margin-top:20px;}

/*============================================== //SPACE ==============================================*/

/*=============================================== MAIN ===============================================*/
.main_box_summary {background:url(../../images/project/content/main_bg_summary.gif); width:303px; height:62px; margin-top:9px; padding:10px 20px;}
.main_summary_element {float:left; width:75px;}

/* graph_lank */
.main_box_lank {background:url(../../images/project/content/main_bg_lank.gif); width:287px; height:161px; margin-top:9px; padding:15px 13px 0 30px;}
.main_graph_bg {float:left; background:url(../../images/project/content/main_bg_graph.gif); width:270px; height:105px; margin-top:15px;}
.main_graph {float:left; padding-left:10px;}
.main_graph_bar {width:42px; height:100px; position:relative;}
.main_graph_on {background:url(../../images/project/content/main_graph.gif); float:left; left:0px; bottom:0px; position:absolute;}
.main_graph_userName {text-align:center; padding-top:9px;}

/* calendar_main */
.main_box_calendar {float:left; background:url(../../images/project/content/main_bg_calendar.gif); width:226px; height:176px; margin-top:9px;}
.main_calendar_month {width:190px; padding-top:6px;}
.main_calendar_week {clear:both; font:11px Dotum; font-weight:bold; color:#555; letter-spacing:4px; text-align:center; padding-top:15px;}
.main_calendar_days {width:175px; padding:0 0 0 22px; margin-top:5px;}

.sub_box_calendar {background:#FFF; width:185px; height:143px; margin:6px;}
.sub_calendar_month {width:184px; padding-top:10px;}
.sub_calendar_week {clear:both; font:11px Dotum; font-weight:bold; color:#555; letter-spacing:4px; text-align:center; padding-top:6px;}
.sub_calendar_days {width:175px; margin:5px 0 0 5px;}

.sub_box_calendar_members {float:left; background:url(../../images/project/content/box2_bg.gif); width:184px; height:178px;}


				
.main_date_today  {float:left; width:20px; font:10px bold Verdana; color:#555; text-align:center; letter-spacing:-1px;  margin:1px 1px 0 0; text-decoration:none;
					border:2px solid #7e8492;}
		a.main_date_today:link, a.main_date_today:visited, a.main_date_today:active 
			{float:left; width:20px; font-size:10px; color:#555; font-family:Verdana; font-weight:bold; margin:1px 1px 0 0; 
				padding: 1px 0; margin-right:1px; text-decoration:none; border:2px solid #7e8492;}
		a.main_date_today:hover
			{float:left; width:20px; font:10px Verdana; font-weight:bold; color:#555; background:#c9d8ec; letter-spacing:-1px; margin:1px 1px 0 0; text-decoration:none;
				border:2px solid #7e8492;}
			
.main_date_schedule  {float:left; width:24px; font-size:10px; color:#fff; background:#9da1ac; font-family:Verdana; font-weight:bold; text-align:center; letter-spacing:-1px; 
						margin:1px 1px 0 0; text-decoration:none; }
		a.main_date_schedule:link, a.main_date_schedule:visited, a.main_date_schedule:active 
			{float:left; width:24px; font-size:10px; color:#fff; background:#9da1ac; font-family:Verdana; font-weight:bold; letter-spacing:-1px; 
				padding: 3px 0; margin:1px 1px 0 0; text-decoration:none; }
		a.main_date_schedule:hover
			{float:left; width:24px; font:10px Verdana; font-weight:bold; color:#fff; background:#9da1ac; letter-spacing:-1px; margin:1px 1px 0 0; text-decoration:none; }
				
.main_date_sun  {float:left; width:24px; font:10px bold Verdana; color:#dc2828; text-align:center; letter-spacing:-1px;  margin:1px 1px 0 0; text-decoration:none; }
		a.main_date_sun:link, a.main_date_sun:visited, a.main_date_sun:active 
			{float:left; width:24px; font-size:10px; color:#dc2828; font-family:Verdana; font-weight:bold; letter-spacing:-1px; 
				padding: 3px 0; margin:1px 1px 0 0; text-decoration:none; }
		a.main_date_sun:hover
			{float:left; width:24px; font:10px Verdana; font-weight:bold; color:#dc2828; background:#c9d8ec; letter-spacing:-1px; margin:1px 1px 0 0; text-decoration:none; }
				
.main_date_sat  {float:left; width:24px; font:10px bold Verdana; color:#3176b9; text-align:center; letter-spacing:-1px;  margin:1px 1px 0 0; text-decoration:none; }
		a.main_date_sat:link, a.main_date_sat:visited, a.main_date_sat:active 
			{float:left; width:24px; font-size:10px; color:#3176b9; font-family:Verdana; font-weight:bold; letter-spacing:-1px; 
				padding: 3px 0; margin:1px 1px 0 0; text-decoration:none; }
		a.main_date_sat:hover
			{float:left; width:24px; font:10px Verdana; font-weight:bold; color:#3176b9; background:#c9d8ec; letter-spacing:-1px; margin:1px 1px 0 0; text-decoration:none; }

.main_date_mon  {float:left; width:24px; font:10px bold Verdana; color:#555; text-align:center; letter-spacing:-1px; margin:1px 1px 0 0; text-decoration:none; }
		a.main_date_mon:link, a.main_date_mon:visited, a.main_date_mon:active 
			{float:left; width:24px; font-size:10px; color:#555; font-family:Verdana; font-weight:bold; letter-spacing:-1px; 
				padding: 3px 0; margin:1px 1px 0 0; text-decoration:none; }
		a.main_date_mon:hover
			{float:left; width:24px; font:10px Verdana; font-weight:bold; color:#555; background:#c9d8ec; letter-spacing:-1px; margin:1px 1px 0 0; text-decoration:none; }
				
.main_date_sun_off {float:left; width:24px; font:10px bold Verdana; color:#ea9292; text-align:center; letter-spacing:-1px; margin:1px 1px 0 0; text-decoration:none; }
		a.main_date_sun_off:link, a.main_date_sun_off:visited, a.main_date_sun_off:active 
			{float:left; width:24px; font-size:10px; color:#ea9292; font-family:Verdana; font-weight:bold; letter-spacing:-1px; 
				padding: 3px 0; margin:1px 1px 0 0; text-decoration:none; }
		a.main_date_sun_off:hover
			{float:left; width:24px; font:10px Verdana; font-weight:bold; color:#ea9292; background:#c9d8ec; letter-spacing:-1px; margin:1px 1px 0 0; text-decoration:none; }
				
.main_date_sat_off {float:left; width:24px; font:10px bold Verdana; color:#7a9adb; text-align:center; letter-spacing:-1px; margin:1px 1px 0 0; text-decoration:none; }
		a.main_date_sat_off:link, a.main_date_sat_off:visited, a.main_date_sat_off:active 
			{float:left; width:24px; font-size:10px; color:#7a9adb; font-family:Verdana; font-weight:bold; letter-spacing:-1px; 
				padding: 3px 0; margin:1px 1px 0 0; text-decoration:none; }
		a.main_date_sat_off:hover
			{float:left; width:24px; font:10px Verdana; font-weight:bold; color:#7a9adb; background:#c9d8ec; letter-spacing:-1px; margin:1px 1px 0 0; text-decoration:none; }

.main_date_mon_off {float:left; width:24px; font:10px bold Verdana; color:#999; text-align:center; letter-spacing:-1px; margin:1px 1px 0 0; text-decoration:none; }
		a.main_date_mon_off:link, a.main_date_mon_off:visited, a.main_date_mon_off:active 
			{float:left; width:24px; font-size:10px; color:#999; font-family:Verdana; font-weight:bold; letter-spacing:-1px; 
				padding: 3px 0; margin:1px 1px 0 0; text-decoration:none; }
		a.main_date_mon_off:hover
			{float:left; width:24px; font:10px Verdana; font-weight:bold; color:#999; background:#c9d8ec; letter-spacing:-1px; margin:1px 1px 0 0; text-decoration:none; }

/* calendar_main_schedule */
.main_box_schedule {float:left; background:url(../../images/project/content/main_bg_schedule.gif); width:477px; height:176px; margin-top:9px;}
.main_schedule {padding:8px 0 3px 0;}
.scroll_main_schedule {
	overflow:scroll;
	overflow-x:hidden;
	width:437px;
	height:127px;
	scrollbar-3dlight-color:#B4B4B4;
	scrollbar-arrow-color:#333333;
	scrollbar-base-color:#FCFCFC;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-face-color:#EDEDED;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#B4B4B4;
	border:1px solid #e7e7e7;
	padding:5px 10px;
	margin:6px 9px;
	background:#FFF;
	}

/* graph-task */
#main_graph {background:url(../images/project/content/graph_bg.gif); width:60px; height:10px;}
#main_graph .main_graph_progress {background:url(../images/project/content/graph_progress.gif); height:10px; float:left;}/*ÁøÇàÁß*/
.main_graph_progress_wait {background:url(../images/project/content/graph_bg.gif); height:10px; float:left;}/*´ë±âÁß*/
.main_graph_progress_delay {background:url(../images/project/content/graph_progress_delay.gif); height:10px; float:left;}/*Áö¿¬*/
.main_graph_progress_end {background:url(../images/project/content/graph_progress_end.gif); height:10px; float:left;}/*¿Ï·á*/
.main_graph_progress_difficulty {background:url(../images/project/content/graph_progress_difficulty.gif); height:10px; float:left;}/*Áö¿¬ ÈÄ ¿Ï·á*/
/*============================================== /MAIN ===============================================*/

#mainTitle {width:703px; height:24px; background: url(../../images/project/content/line_3px.gif) 0 21px repeat-x; float:left;}

/* ---- ÀÏÁ¤ ------ */
#schedule {float:left; border-top:1px solid #d6d6d6; border-left:1px solid #d6d6d6;}
#schedule td {width:98px; height:90px; vertical-align:top; padding:5px; font-size:11px; font-family:Dotum,Verdana;
				border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background:#fafafa;}
#schedule .td_today {border:3px solid #8fb7dd; width:93px;}
#schedule .td_holiday {background:#f9edec;}
#schedule .td_select {background:#e8edf0;}

#schedule_gantt {float:left; border-top:1px solid #d6d6d6; border:1px solid #d6d6d6;}
#schedule_gantt td {height:433px; background-color:#fafafa; border-right:2px solid #d3d3d3;}
#schedule_gantt .td_bg {width:97px; height:433px; background:url(../../images/project/content/schedule_gantt_dotline.gif);}
#schedule_gantt .head {width:97px; height:21px; background:url(../../images/project/content/schedule2_head_bg.gif); float:left;
						font-size:11px; font-family: Dotum,Verdana; color:#666; font-weight:bold; text-align:center; padding-top:10px;}
.scroll_gantt {
	overflow:scroll;
	overflow-y:scroll;
	width:687px;
	height:450px;
	scrollbar-3dlight-color:#B4B4B4;
	scrollbar-arrow-color:#333333;
	scrollbar-base-color:#FCFCFC;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-face-color:#EDEDED;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#B4B4B4;}

.scheduleField_ing {position:relative;}/*-ÁøÇàÁß-*/
.scheduleField_left_ing {background:url(../../images/project/content/schedule_01_field_left.gif) no-repeat;}
.scheduleField_right_ing {background:url(../../images/project/content/schedule_01_field_right.gif) no-repeat;}
.scheduleField_bg_ing {font-size:11px; background:#9fb66f; padding-top:2px}

.scheduleField_end {position:relative;}
.scheduleField_left_end {background:url(../../images/project/content/schedule_02_field_left.gif) no-repeat;}
.scheduleField_right_end {background:url(../../images/project/content/schedule_02_field_right.gif) no-repeat;}
.scheduleField_bg_end {font-size:11px; background:#6eabd4; padding-top:2px}

.scheduleField_delay {position:relative;}
.scheduleField_left_delay {background:url(../../images/project/content/schedule_03_field_left.gif) no-repeat;}
.scheduleField_right_delay {background:url(../../images/project/content/schedule_03_field_right.gif) no-repeat;}
.scheduleField_bg_delay {font-size:11px; background:#eb8479; padding-top:2px}

.scheduleField_difficulty {position:relative;}
.scheduleField_left_difficulty {background:url(../../images/project/content/schedule_04_field_left.gif) no-repeat;}
.scheduleField_right_difficulty {background:url(../../images/project/content/schedule_04_field_right.gif) no-repeat;}
.scheduleField_bg_difficulty {font-size:11px; background:#c19fd2; padding-top:2px}

.scheduleField_wait {position:relative;}
.scheduleField_left_wait {background:url(../../images/project/content/schedule_05_field_left.gif) no-repeat;}
.scheduleField_right_wait {background:url(../../images/project/content/schedule_05_field_right.gif) no-repeat;}
.scheduleField_bg_wait {font-size:11px; background:#bfd3bc; padding-top:2px}

.scheduleField_etc {position:relative;}
.scheduleField_left_etc {background:url(../../images/project/content/schedule_06_field_left.gif) no-repeat;}
.scheduleField_right_etc {background:url(../../images/project/content/schedule_06_field_right.gif) no-repeat;}
.scheduleField_bg_etc {height:15px; font-size:11px; line-height:11px; background:#b1b1b1; padding-top:2px}

.schedule_write_week {background:#e8f0f6; border:solid 1px #7f9db9; padding:7px; overflow:auto;}

/* =============== form ====================*/
.select_listHead {font:12px; color:#333;}

.input_default { height:16px;
		border:1px solid #cccccc;
		background-color:#fdfdfd;
		font-size:12px;
		font-color:#444444;
		padding:4px 0 0 3px;
		}

.input_search { height:17px;
		border:2px solid #cccccc;
		background-color:#fdfdfd;
		font-size:12px;
		font-color:#444444;
		padding:4px 0 0 3px;
		}
/* =============== /form ====================*/

/* =============== dot + text ====================*/
.dot_element_01 {background:url('../../images/project/bullet/dot_01.gif') no-repeat 0 3px; padding-left:10px; font-weight:bold;}
.dot_element_02 {background:url('../../images/project/bullet/dot_02.gif') no-repeat 0 4px; padding-left:8px;height:18px;}
.dot_element_03 {background:url('../../images/project/bullet/dot_02.gif') no-repeat 0 12px; padding-left:10px;}
.dot_element_04 {background:url('../../images/project/bullet/dot_03.gif') no-repeat 0 4px; padding-left:8px;height:18px}
.dot_element_05 {background:url('../../images/project/bullet/arrow_05.gif') no-repeat 0 4px; padding-left:15px;height:21px; margin-left:8px;}
.dot_element_06 {background:url('../../images/project/bullet/dot_04.gif') no-repeat 0 3px; padding-left:10px; font-weight:bold;}
/* =============== /dot + text ==================*/

/* =============== LINE ====================*/
.line_dot_schedule {border-bottom: 1px dotted #666;}
.line_dot_b4b4b4 {border-bottom: 1px dotted #b4b4b4; clear:both; height:10px;}
.line_dot_d4d4d4 {border-bottom: 1px dotted #d4d4d4;}
.line_dot_b9b9b9 {border-bottom: 1px dotted #b9b9b9;}
.line_f1f1f0 {border-bottom: 1px solid #f1f1f0;}
.line_E6E6E6 {border-bottom: 1px solid #E6E6E6;}
.line_E0E0E0 {border-bottom: 1px solid #E0E0E0; clear:both;}
.line_2px_DADADA {border-bottom: 2px solid #DADADA;}
/* =============== /LINE ====================*/

/* =============== BUTTON ====================*/
/* schedule_date_btn */
#btn_date_prev { width: 21px; height: 18px; }
#btn_date_prev a:link, #btn_date_prev a:visited { display: block;
	background: url(../../images/project/button/btn_date_prev.gif); }
#btn_date_prev a:hover { background: url(../../images/project/button/btn_date_prev.gif) 0 -18px; }
#btn_date_prev a:active { background: url(../../images/project/button/btn_date_prev.gif) 0 -36px; }

#btn_date_next { width: 21px; height: 18px; }
#btn_date_next a:link, #btn_date_next a:visited { display: block;
	background: url(../../images/project/button/btn_date_next.gif); }
#btn_date_next a:hover { background: url(../../images/project/button/btn_date_next.gif) 0 -18px; }
#btn_date_next a:active { background: url(../../images/project/button/btn_date_next.gif) 0 -36px; }
/* =============== /BUTTON ====================*/


/*============================================== BOX ==============================================*/
/* bgcolor */ 
#box_text .rtop, .rbottom{display:block} 
#box_text .rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background:#EEEEEE} 
#box_text .r1{margin: 0 5px} 
#box_text .r2{margin: 0 3px} 
#box_text .r3{margin: 0 2px} 
#box_text .r4{margin: 0 1px; height: 2px}
#box_text .box { background:#EEEEEE; padding:5px 10px; font-size:12px; font-size:12px}

/* img roundbox (schedule) */
.box_schedule_top {background-image:url(../../images/project/content/box_schedule_top_bg.gif); width:310px; height:13px;}
.box_schedule_bottom {background-image:url(../../images/project/content/box_schedule_bottom_bg.gif); width:310px; height:13px;}

/* border */
.box_border_01 {background:#FFF; border:1px solid #f1f1f0;}
.img_border_01 {border:1px solid #d1d1d1;}

/* drop-down */
.drop_select {width:180px; border:1px solid #D3D3D3; padding:4px 10px 6px 10px; background-color:#F5F5F5;}

/* autokeyword */
.autokeyword_select {border:1px solid #D3D3D3; padding:4px 0px 6px 0px; background-color:#F5F5F5;
		overflow:auto;
		scrollbar-3dlight-color:#B4B4B4;
		scrollbar-arrow-color:#333333;
		scrollbar-base-color:#FCFCFC;
		scrollbar-darkshadow-color:#FFFFFF;
		scrollbar-face-color:#EDEDED;
		scrollbar-highlight-color:#FFFFFF;
		scrollbar-shadow-color:#B4B4B4;
		}
.autokeyword_word { font-size:12px; color:#444; font-family:Gulim, Verdana; 
				padding:5px 10px; text-decoration:none; }
		a.autokeyword_word, a.autokeyword_word, a.autokeyword_word:active 
			{ font-size:12px; color:#444; font-family:Gulim, Verdana;
				display:block; padding:5px 10px; text-decoration:none;}
		a.autokeyword_word:hover
			{ font-size:12px; color:#444; font-family:Gulim, Verdana; background:#dedede;
				padding:5px 10px; text-decoration:none;}

/*============================================== /BOX ==============================================*/

/* =============== LIST ====================*/
.list_head {clear:both; background:url(../../images/project/content/list_head_bg.gif) repeat; height:31px;}
#list {border-bottom: 1px dotted #B4B4B4; height:23px; margin:8px 0 8px 0;}
#list .element {text-align:left; float:left; }

.list_head {background:url(../../images/project/content/list_head_bg.gif) repeat; height:31px;}
#list {border-bottom: 1px dotted #B4B4B4; height:23px; margin:8px 0 8px 0;}
#list .element {text-align:left; float:left;}

#list_report {border-bottom: 1px dotted #B4B4B4; height:28px; margin:8px 0 8px 0;}
#list_report .element {text-align:left; float:left;}

#list_graph {border-bottom: 1px dotted #B4B4B4; height:55px; margin:15px 0 15px 0;}

#list_file_hor {border-bottom: 1px dotted #B4B4B4; height:121px; margin-top:15px;}
#list_file_hor_all {border-bottom: 1px dotted #B4B4B4; height:95px; margin-top:15px;}
#list_file_ver {border-bottom: 1px dotted #B4B4B4; height:110px; margin-top:15px;}
#list_file_url {border-bottom: 1px dotted #B4B4B4; height:93px; margin-top:15px;}

#list_graph_all {padding-top:15px;}

#list_set_task {border-bottom: 1px dotted #B4B4B4; height:23px; margin:8px 0 8px 0;}

.scroll_file_list {
	overflow:scroll;
	overflow-x:hidden;
	width:659px;
	height:130px; 
	scrollbar-3dlight-color:#B4B4B4;
	scrollbar-arrow-color:#333333;
	scrollbar-base-color:#FCFCFC;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-face-color:#EDEDED;
	scrollbar-highlight-color:#FFFFFF; 
	scrollbar-shadow-color:#B4B4B4;
	border: 1px solid #e6e6e6;
	padding:15px;
	background:#fbfbfb;
	}


/* ÆÄÀÏ ¹Ì¸®º¸±â */
.list_file_view {border-bottom:1px dotted #B4B4B4; height:93px; padding-top:15px; background:#555555;}

/* page number (FF align center error) */
#paging .paging_number
		{ font-size:11px; color:#444; font-family:Verdana; border:1px solid #e6e6e6;
			letter-spacing:-1px; padding:4px 5px; text-decoration:none; }
		a.paging_number:link, a.paging_number:visited, a.paging_number:active 
		{ font-size:11px; color:#fff; font-family:Verdana; border:1px solid #452635;
			letter-spacing:-1px; display: block;padding:4px 5px; background-color:#fff;text-decoration:none; }
		a.paging_number:hover
		{ font-size:11px; color:#fff; font-family:Verdana; border:1px solid #852336; background:#c3c3c3;
			letter-spacing:-1px; padding:4px 5px;background-color:#BBB; text-decoration:none; }

.list_footer {border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; background:#fafafa; height:31px;}
/* =============== /LIST ====================*/

#view_editor {width:659px; overflow-x:hidden; padding:10px;}
#view_editor ol,ul {padding-left:30px; width:680px;}

/*--------- TAB ------------*/
.tab_bg_schedule { background-image: url(../../images/project/popup/tab_line.gif); height:27px;}

/*---- schedule_member color ----*/
.member_01 {background:#c2e162} .member_02 {background:#fc7ab4} .member_03 {background:#fd9437} .member_04 {background:#5ebcda}
.member_05 {background:#70e2de} .member_06 {background:#c5ace6} .member_07 {background:#fdb937} .member_08 {background:#46a266}
.member_09 {background:#70e2de} .member_10 {background:#99aadf} .member_11 {background:#fab79d} .member_12 {background:#637fdb}
.member_13 {background:#e6d4fd} .member_14 {background:#fddb89} .member_15 {background:#98c7a8} .member_16 {background:#fa6e82}
.member_17 {background:#a1d7fa} .member_18 {background:#02a1d4} .member_19 {background:#fc7ab4} .member_20 {background:#db9afa}
.member_21 {background:#28d6db} .member_22 {background:#f9f1c2} .member_23 {background:#79c3db} .member_24 {background:#94c400}
.member_25 {background:#506dcb} .member_26 {background:#fa6666} .member_27 {background:#3baed3} .member_28 {background:#ae81f8}
.member_29 {background:#eaf7ae} .member_30 {background:#76d7fc}

/* graph-task */
#graph {background:url(../../images/project/content/graph_bg.gif); width:60px; height:10px;}
.graph_progress {background:url(../../images/project/content/graph_progress.gif); height:10px; float:left;}/*ÁøÇàÁß*/
.graph_progress_wait {background:url(../../images/project/content/graph_bg.gif); height:10px; float:left;}/*´ë±âÁß*/
.graph_progress_delay {background:url(../../images/project/content/graph_progress_delay.gif); height:10px; float:left;}/*Áö¿¬*/
.graph_progress_end {background:url(../../images/project/content/graph_progress_end.gif); height:10px; float:left;}/*¿Ï·á*/
.graph_progress_difficulty {background:url(../../images/project/content/graph_progress_difficulty.gif); height:10px; float:left;}/*Áö¿¬ ÈÄ ¿Ï·á*/

/* schedule_graph */
#graph_schedule {background:url(../../images/project/content/graph_schedule_bg.gif); width:160px; height:7px; float:left;}

/* graph-lank */
#graph_lank {background:url(../../images/project/content/graph_lank_bg.gif); width:9px; height:100px; position:relative}
.graph_lank_on {background:url(../../images/project/content/graph_lank_on.gif); float:left; left:0px; bottom:0px; position:absolute}


/*--------- main-projectstory-scroll ------------*/	
.scroll_tpstory {
	overflow:auto;
	overflow-x:hidden;
	width:271px;
	height:70px;
	scrollbar-3dlight-color:#B4B4B4;
	scrollbar-arrow-color:#333333;
	scrollbar-base-color:#FCFCFC;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-face-color:#EDEDED;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#B4B4B4;
	padding:0 5px 0 0;
	background:#fff;
	}

/* thumbnail */
.img_file_hor {width:98px;height:73px;border:1px solid #D1D1D1; float:left;}
.img_file_ver {width:78px;height:98px;border:1px solid #D1D1D1; float:left;}
.img_project {float:left;width:155px;height:116px;border:2px solid #CFCFCF;}


/* file box*/
#FileBox {border:2px solid #dcdbdb; width:679px; padding:10px}
        .BoxPadding{padding:35px 0  78px 40px;}
		.BoxPadding02{padding:30px 0 30px 40px;}
		.Boxboder{ border:1px solid #e8e8e8; background-color:#f7f7f7;padding:40px; line-height:20px; width:597px;}

/* position*/
.position_table02 { width:400px; margin-left:140px; border-top:1px solid #d6d6d6; border-left:1px solid #d6d6d6; }
.position_table02 th { height:24px; text-align:center; font-weight:bold; color:#333333; background:url(../../images/project/content/bg_th.gif) repeat-x;}
.position_table02 th , .position_table02 td { text-align:center; border-bottom:1px solid #d6d6d6; border-right:1px solid #d6d6d6; padding:3px 4px 2px 6px; }
.position_table02 td { height:27px; text-align:center; border-bottom:1px solid #d6d6d6;}		
.top_btn { width:399px; margin-left:140px; margin-bottom:7px; text-align:right;}

/* data*/
.set_data { border-bottom:1px solid #e6e6e6; margin-top:5px; padding-bottom:24px; }
.set_data dt { padding-left:11px; margin-left:20px; margin-bottom:9px; font-size:14px; font-weight:bold; background:url(../../images/project/bullet/dot_01.gif) 0 3px no-repeat; }
.set_data dd{  margin-left:20px; color:#666666;}
.set_data .txt{ line-height:19px;}
.set_data .txt2{ margin-left:12px; padding-left:7px; color:#006dd3; font-weight:boldbackground:url(../../images/project/bullet/arrow_blue.gif) 0 3px no-repeat;}
.set_data a.txt2{ text-decoration: underline;}
.set_data .btn {float:left; margin-right:20px}


/* =============== gantt chart ====================*/
.gantt_chart { padding:0;}
.gantt_chart .date_bg{ height:33px; margin-top:17px; margin-bottom:13px; background:url(../../images/project/content/gantt_date_bg.gif) no-repeat; } 
.gantt_chart .date{ margin-right:6px; }
.gantt_chart .date2{ margin-left:2px; margin-right:1px; }
.gantt_chart .top_menu{ height:27px; width:703px; padding-top:6px; background:url(../../images/project/content/gantt_top_bg.gif) no-repeat; }
.gantt_chart .top_menu .view_type{ float: left; width:70px; margin-top:2px; padding:0; margin:0; }
.gantt_chart .top_menu .view_type li{ float:left; margin-top:2px;}
.gantt_chart .top_menu .today {float:left; margin-left:145px; margin-right:7px;}
.gantt_chart ul{ padding-left:17px;}
.gantt_chart li{ float:left; margin-left:4px; }

.gantt_chart .task_con{ float:left; width:366px;  height:546px; }
.gantt_chart .task_con .tit_box{ height:42px; font-weight:bold; background:url(../../images/project/content/gantt_tit_bg.gif) repeat-x; }
.gantt_chart .task_con .tit_box .tit_none{ float:left; width:22px; height:26px; text-align:center; padding-top:15px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background-color:#f1f2f1;}
.gantt_chart .task_con .tit_box .tit1{ float:left; width:178px; height:27px; padding-top:15px; text-align:center; }
.gantt_chart .task_con .tit_box .tit2{ float:left; width:54px; height:27px; padding-top:15px; text-align:center;}
.gantt_chart .task_con .tit_box .tit3{ float:left; width:53px; height:27px; padding-top:15px; text-align:center; }
.gantt_chart .task_con .tit_box .tit4{ float:left; width:51px; height:27px; padding-top:15px; text-align:center; }
.gantt_chart .task_con .task_list{ overflow:hidden; width:366px;  height:504px; 
								scrollbar-3dlight-color:#B4B4B4; scrollbar-arrow-color:#333333; scrollbar-base-color:#FCFCFC; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#EDEDED;
								scrollbar-highlight-color:#FFFFFF;	scrollbar-shadow-color:#B4B4B4; }
.gantt_chart .task_con .task_list .task {float:left;}
.gantt_chart .task_con .task_list .task img { vertical-align:middle;}
.gantt_chart .task_con .task_list .task .num{ float:left; width:22px; height:19px; padding-top:8px; text-align:center; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background-color:#f1f2f1; }
.gantt_chart .task_con .task_list .task .cell1{ float:left; width:166px; height:27px; padding:0px 3px 0px 9px; vertical-align:bottom;overflow:hidden; line-height:28px; text-align:left; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
.gantt_chart .task_con .task_list .task .cell2{ float:left; width:48px; height:19px; padding:8px 3px 0 3px; overflow:hidden; text-align:center; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
.gantt_chart .task_con .task_list .task .cell3{  float:left; width:47px; height:19px; padding:8px 3px 0 3px; overflow:hidden; text-align:center; border-bottom:1px solid #e4e4e4; }
.gantt_check {width:12px; height:12px;}
.gantt_gline { margin:0 4px 0 4px;}

.middle_bar { float:left; width:6px; height:546px; background:url(../../images/project/content/gantt_middlebar.gif) repeat-y; }							

.gantt_chart .calender_con{ float:left; }
.gantt_chart .calender_con .top{ position:relative; width:313px; overflow:hidden; border-right:17px solid #e8e8e8;}
.gantt_chart .calender_con .top .week_con { position:relative; width:3000px; }
.gantt_chart .calender_con .top .week{ float:left; width:126px; }
.gantt_chart .calender_con .top .week .date_s{ height:12px; width:115px; padding:5px; text-align:center; border-right:1px solid #bdbdbd; background:url(../../images/project/content/gantt_date_bg2.gif) repeat-x; }
.gantt_chart .calender_con .top .week .day{ float:left; width:17px; height:15px; padding-top:4px; text-align:center; border-right:1px solid #bdbdbd; background-color:#f6f6f6;}
.gantt_chart .calender_con .calender_box{ float:left; width:330px; height: 503px; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; border-top:1px solid #bdbdbd; background:transparent url(../../images/project/content/gantt_con_bg.gif) repeat scroll 0 0;
							overflow-x: scroll; overflow-y:scroll;  scrollbar-3dlight-color:#B4B4B4; scrollbar-arrow-color:#333333; scrollbar-base-color:#FCFCFC; scrollbar-darkshadow-color:#FFFFFF;
							scrollbar-face-color:#EDEDED; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#B4B4B4;}		
.editor_field { float:left; width:175px; height:18px; padding-top:6px; font-size:12px; border:2px solid #636363; }