﻿/* ------------------------------------------------------------------------------ */

.DIV_ManPowerGrid_Main
{
	background-color:#EEEEEE;
	position:relative; 
	width:100%;
}

.DIV_ManPowerGrid_HeaderOrganizeBODY
{
	position:relative; 
	width:400px; 
	height:50px; 
	float:left; 
	overflow:hidden; 
	background-color:#6699AA;
	white-space:nowrap;
	color:White;
	text-align:center;	
	font-weight:bold;
	border-bottom-style: solid; 
	border-bottom-width: 1px; 
	border-bottom-color: #FFFFFF;
	
}


.DIV_ManPowerGrid_HeaderCalendar
{
	position:relative;  
	height:50px; 
	overflow:hidden; 
	color:White;
	background-color:#6699AA; 
	border-bottom-style: solid; 
	border-bottom-width: 1px; 
	border-bottom-color: #FFFFFF;
}


#DIV_ManPowerGrid_HeaderCalendarBODY 
{
	position:absolute;
	top:0px; 
	left:0px; 
	width:3000px;
	height:20px; 
}


.DIV_ManPowerGrid_DetailOrganize
{
	position:relative; 
	width:400px; 
	height:300px; 
	float:left; 
	overflow:hidden;
}

.DIV_ManPowerGrid_DetailOrganize_line
{
	position:absolute; 
	top:0px; 
	right:0px; 
	height:100%; 
	width:2px; 
	background-color:White;
}

#DIV_ManPowerGrid_DetailOrganizeBODY
{
	
	position:absolute; 
	left:0px; 
	top:0px; 
	height:700px; 	
	width:100%;
}


#DIV_ManPowerGrid_DetailManPower
{
	position:relative;  
	height:300px; 
	overflow:auto;
}

.DIV_ManPowerGrid_DetailManPowerBODY
{
	position:absolute;
	top:1px; 
	left:0px; 
	width:auto; /* 1400px */
	height:700px; 
	
}
.DIV_ManPowerGrid_Resize_Line
{
	border-style: none dotted none none; 
	border-width: 2px; 
	border-color: #2F82FF; 
	position:absolute; 
	left:0px; 
	top:0px; 
	width:75px; 
	height:100%; 
	display:none;
}
/* ------------------------------------------------------------------------------ */
.DIV_ManPowerGrid_HeaderMonth_TEXT
{
	padding-top:3px;
}

.DIV_ManPowerGrid_Value_TEXT
{
	padding-top:3px;
	color:#0086A8;
	font-weight:bold;
}

.DIV_ManPowerGrid_Value_EditIcon
{
	width:16px;
	height:16px;
	position:absolute;
	top:1px;
	left:2px;
	background-repeat:no-repeat;
	background-image: url('Images/ManPowerGrid/edit.png'); 
}

.DIV_ManPowerGrid_HeaderMonth
{
	float:left; 
	text-align:center; 
	background-color:#6699AA; 
	width:720px; 
	height:75px; 
	border-right-style: solid; 
	border-right-width: 2px; 
	border-right-color: #FFFFFF;
	position:relative;
}


.DIV_ManPowerGrid_HeaderMonth_TextMonth
{
	width:720px; 
	height:25px; 
	border-bottom-style: solid; 
	border-bottom-width: 1px; 
	border-bottom-color: #FFFFFF;
	
}


.DIV_ManPowerGrid_HeaderMonth_MPW
{	
	width:360px; 
	height:50px; 	
    border-right: 2px solid #FFFFFF;
    position:absolute;
    top:0px;
    left:0px;
}

.DIV_ManPowerGrid_HeaderMonth_MPW .DIV_ManPowerGrid_HeaderMonth_TEXT
{
	padding-top:18px;
}

.DIV_ManPowerGrid_HeaderOrganizeBODY_Text
{
	padding-top:13px;
}

.DIV_ManPowerGrid_HeaderMonth_BUDGET
{	
	width:360px; 
	height:25px; 
	position:absolute;
	top:25px;
	left:360px;
}

.DIV_ManPowerGrid_HeaderMonth_TEXT_ModeMPW
{
	width:360px; 
	height:25px; 
	position:absolute;
	top:25px;
	left:0px;
	border-bottom: 1px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;	
}

.DIV_ManPowerGrid_HeaderMonth_TEXT_ModeBUDGET
{
	width:360px; 
	height:25px; 
	position:absolute;
	top:25px;
	left:360px;
	border-bottom: 1px solid #FFFFFF;
}

.DIV_ManPowerGrid_HeaderMonth_YEAR
{
	
	border-bottom-style : solid; 
	border-width: 1px; 
	border-color: #FFFFFF; 
	position:absolute;
	top:0px;
	left:360px;
	width:360px;
	height:25px; 
}

.DIV_ManPowerGrid_HeaderMonth_Column1
{
	border-right-style: solid; 
	border-width: 1px; 
	border-color: #FFFFFF; 
	width:120px; 
	height:50px; 
	float:left; 
	
}

.DIV_ManPowerGrid_HeaderMonth_Column2
{
	border-right-style: solid; 
	border-width: 1px; 
	border-color: #FFFFFF; 
	width:120px; 
	height:50px; 
	float:left;
}

.DIV_ManPowerGrid_HeaderMonth_Column3
{
	width:118px; 
	height:50px; 
	float:left;
}

.DIV_ManPowerGrid_ManPowerResult
{
	float:left; 
	text-align:center; 	
	width:720px; 
	height:25px; 
	border-right-style: solid; 
	border-right-width: 2px; 
	border-right-color: #FFFFFF;
}

.DIV_ManPowerGrid_ManPowerResult_Column1
{
	border-right-style: solid; 
	border-right-width: 1px; 
	border-right-color: #FFFFFF;
	width:120px; 
	height:25px; 
	float:left; 
	cursor:pointer;
	overflow:hidden;
}

.DIV_ManPowerGrid_ManPowerResult_Column2
{
	border-right-style: solid; 
	border-right-width: 1px; 
	border-right-color: #FFFFFF;
	width:120px;
	height:25px; 
	float:left;
}

.DIV_ManPowerGrid_MPWzone .DIV_ManPowerGrid_ManPowerResult_Column3
{
	width: 118px;
	height: 25px;
	float: left;
	border-right-style: solid; 
	border-right-width: 2px; 
	border-right-color: #FFFFFF;
}

.DIV_ManPowerGrid_BUDGETzone .DIV_ManPowerGrid_ManPowerResult_Column3
{
	width: 118px;
	height: 25px;
	float: left;
	/*text-decoration: underline;*/
}


.DIV_ManPowerGrid_MPWzone
{
	left:0px;
	height: 25px;
	width:362px;
	position:absolute;
}

.DIV_ManPowerGrid_BUDGETzone
{
	left:360px;
	height: 25px;
	width:360px;
	position:absolute;
}
/* ------------------------------------------------------------------------------ */

.DIV_ManPowerGrid_ExpandIcon
{
	cursor:pointer;
	position:absolute;
	top:6px;
	left:3px;
	width:14px;
	height:14px;
	background-repeat:no-repeat;
	background-image: url('Images/ManPowerGrid/expand.png'); 
}

.DIV_ManPowerGrid_shrinkIcon
{
	cursor:pointer;
	position:absolute;
	top:6px;
	left:3px;
	width:14px;
	height:14px;
	background-repeat:no-repeat;
	background-image: url('Images/ManPowerGrid/shrink.png'); 
}

.DIV_ManPowerGrid_AddSubButton
{
	cursor:pointer;
	position:absolute;
	top:6px;
	right:3px;
	width:16px;
	height:16px;
	
	background-repeat:no-repeat;
	background-image: url('Images/ManPowerGrid/addSubBtn.png'); 
}

.DIV_ManPowerGrid_ChooseType_PO
{
	position:absolute;
	top:6px;
	right:3px;
	width:16px;
	height:16px;
	background-color:Green;
	color:White;
	cursor:pointer;
}

.DIV_ManPowerGrid_ChooseType_LV
{
	position:absolute;
	top:6px;
	right:3px;
	width:16px;
	height:16px;
	background-color:Red;
	color:White;
	cursor:pointer;
}

.DIV_ManPowerGrid_DetailOrganizeBODY_Main
{
	
	position:absolute; 
	width:100%; 
	height:auto; 
	margin-top:-1px;
}

.DIV_ManPowerGrid_RowsParent
{
	position:relative; 
	height:25px;
	margin-top:1px;
}

.DIV_ManPowerGrid_RowsChild
{
	position:relative; 
	height:auto;
	margin-left:20px; 
	
}

.DIV_ManPowerGrid_RowsDATA
{
	position:absolute; 
	height:100%; 
	width:100%; 
	margin-left:10px; 
	border: 1px solid #AAAAAA;  
	/*
	border-bottom-color: #AAAAAA; 
	border-bottom-style: solid; 
	border-bottom-width: 1px; */
	
}

.DIV_ManPowerGrid_RowsDATA_TEXT
{
	padding-left:14px; 
	padding-top:3px; 
	white-space:nowrap;
}

/*------------------------------------------------------------------*/
.DIV_ManPowerGrid_DialogTable_Header
{

	background-color:#a0a0a0; 
	height:20px; 
	border-width: 1px; 
	border-color: #FFFFFF; 
	border-bottom-style: solid; 
	color:White;

	
}

.DIV_ManPowerGrid_DialogTable_RowsContent
{
	overflow:auto;
	height:150px;
	background-color:#EEEEEE;	
}

.DIV_ManPowerGrid_DialogTable_Row
{
	
	height:20px; 
	border-width: 1px; 
	border-color: #FFFFFF; 
	border-bottom-style: solid; 
	color:#777777;
	
}

.DIV_ManPowerGrid_DialogTable_C1
{
	float:left; 
	height:100%; 
	width:22px; 
	border-right-style: solid; 
	border-width: 1px; 
	border-color: #FFFFFF; 
}

.DIV_ManPowerGrid_DialogTable_C2
{
	float:left; 
	height:100%; 
	width:80px; 
	border-right-style: solid; 
	border-width: 1px; 
	border-color: #FFFFFF; 
}

.DIV_ManPowerGrid_DialogTable_C3
{
	float:left; 
	height:100%; 
	width:100px; 
	border-right-style: solid; 
	border-width: 1px; 
	border-color: #FFFFFF;
}

.DIV_ManPowerGrid_DialogTable_C4
{
	float:left; 
	height:100%; 
	width:300px; 
}

.DIV_ManPowerGrid_DialogTable_C1 .DIV_ManPowerGrid_DialogTable_TEXT,
.DIV_ManPowerGrid_DialogTable_C2 .DIV_ManPowerGrid_DialogTable_TEXT,
.DIV_ManPowerGrid_DialogTable_C3 .DIV_ManPowerGrid_DialogTable_TEXT
{
	text-align:center; 
	padding-top:2px;
}

.DIV_ManPowerGrid_DialogTable_C4 .DIV_ManPowerGrid_DialogTable_TEXT
{
	padding-top:2px;
}


.DIV_ManPowerGrid_DialogTable_C3 .DIV_ManPowerGrid_DialogTable_TEXT_C3Data
{
	text-align:center; 
	padding-top:2px;
}

.DIV_ManPowerGrid_DialogTable_C4 .DIV_ManPowerGrid_DialogTable_TEXT_C4Data
{
	padding-top:2px;
	padding-left:5px;
	white-space:nowrap;
	overflow:hidden;
}

.DIV_ManPowerGrid_DialogTable_Button
{
	height: 25px;
	text-align: right;
	background-color: #CCCCCC;
	border-width: 1px;
	border-color: #C0C0C0;
	border-bottom-style: solid;
	border-top-style: solid;
	padding-top: 3px;
}

.DIV_ManPowerGrid_DialogTable_Indicator
{
	width:32px;
	height:32px;
	background-repeat:no-repeat;
	background-image: url('Images/ManPowerGrid/indicator.gif'); 
}

.DIV_ManPowerGrid_DialogTable_InfoIcon
{
	width:48px;
	height:48px;
	background-repeat:no-repeat;
	background-image: url('Images/ManPowerGrid/info.png'); 
}

.DIV_ManPowerGrid_DialogTable_Error
{	
	
	width: 48px;
	height: 48px;
	background-repeat: no-repeat;
	background-image: url( 'Images/ManPowerGrid/error.png' );
}

.DIV_ManPowerGrid_EmptyORG
{
	color:White;	
	text-align:center;
	height:16px;
	background-image: url( 'Images/ManPowerGrid/EmptyBG.png' );
	margin-top:1px;
}

.DIV_ManPowerGrid_EmptyDeatil
{
	
	
	color: White;
	text-align: center;
	margin-top: -1px;
	
	height: 17px;
	background-image: url( 'Images/ManPowerGrid/EmptyBG.png' );
	margin-bottom:1px;
	
}




.DIV_ManPowerGrid_FilterIcon
{
	margin-top:3px;
	margin-left:3px;
	width:13px;
	height:12px;
	background-image: url( 'Images/ManPowerGrid/FilterIcon.png' );
	cursor:pointer;
}

.DIV_ManPowerGrid_FilterIcon_Main
{
	position:relative;
	float:left;
}
.DIV_ManPowerGrid_FilterSpace
{
	position:absolute; 
	top:0px; 
	background-color:#444444; 
	height:20px; 
	padding:0px; 
	width:230px; 
	text-align:right
}

#TEXT_FilterSubList
{
	border-color:#444444; 
}


/*------------------------------------------------------------------*/

.DIV_ManPowerGrid_ChooseType_DialogMain
{
	position:relative; 
	background-color:white; 
	width:550px; 
	height:140px;
}

.DIV_ManPowerGrid_ChooseType_DialogMain_Row1
{
	position:relative; 
	width:100%; 
	height:40px;
}

.DIV_ManPowerGrid_ChooseType_DialogMain_Row2
{
	position:relative; 
	width:100%; 
	height:30px;
}

.DIV_ManPowerGrid_ChooseType_DialogMain_ButtonBar
{
	position:absolute; 
	background-color:#e2e2e2; 
	height:30px; 
	width:548px; 
	top:108px; 
	left:0px; 
	margin:1px;
}

.DIV_ManPowerGrid_ChooseType_DialogMain_BtnSave
{
	position:absolute; 
	top:3px; 
	right:100px; 
	height:20px; 
	width:80px; 
	text-align:center;
	background-color:Gray; 
	cursor:pointer; 
	font-weight:bold; 
	color:White; 
	padding-top:4px;
}

.DIV_ManPowerGrid_ChooseType_DialogMain_BtnCancel
{
	position:absolute; 
	top:3px; 
	right:15px; 
	height:20px; 
	width:80px; 
	text-align:center; 
	background-color:Gray; 
	cursor:pointer; 
	font-weight:bold; 
	color:White; 
	padding-top:4px;
}

.DIV_ManPowerGrid_ChooseType_DialogMain_GREEN
{
	position:absolute; 
	top:0px; 
	left:30px; 
	width:230px; 
	height:30px; 
	background-color:#cae8bc; 
	color:#1a7b0d; 
	font-size:13px; 
	font-weight:bold;
}




.DIV_ManPowerGrid_ChooseType_DialogMain_RED
{
	position:absolute; 
	top:0px; 
	left:290px; 
	width:230px; 
	height:30px; 
	background-color:#fcd5d5;  
	color:#911515; 
	font-size:13px; 
	font-weight:bold;
}



.DIV_ManPowerGrid_ChooseType_DialogMain_RadioEmpty
{
	position:absolute;
	top:5px;
	left:5px; 
	width:21px; 
	height:21px;
	background-repeat:no-repeat;
	background-image: url('Images/ManPowerGrid/Radio/Empty.png'); 
	cursor:pointer;
}


.DIV_ManPowerGrid_ChooseType_DialogMain_GREEN .DIV_ManPowerGrid_ChooseType_DialogMain_RadioCheck
{
	position:absolute;
	top:5px;
	left:5px; 
	width:21px; 
	height:21px;
	background-repeat:no-repeat;
	background-image: url('Images/ManPowerGrid/Radio/Check_Green.png'); 
}

.DIV_ManPowerGrid_ChooseType_DialogMain_RED .DIV_ManPowerGrid_ChooseType_DialogMain_RadioCheck
{
	position:absolute;
	top:5px;
	left:5px; 
	width:21px; 
	height:21px;
	background-repeat:no-repeat;
	background-image: url('Images/ManPowerGrid/Radio/Check_Red.png'); 
}

.DIV_ManPowerGrid_ChooseType_DialogMain_TEXT
{
	margin-left:30px; 
	margin-top:6px;
}