body {

}

p {
  line-height: 1.5em;
}

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
	width: 209px;

}

ul.menu li a {
	color: #666666;
	background-image: url(../images/menu_manage.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-weight: bold;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.9em;
	padding-left: 0.5em;
}

ul.menu li a:hover {
	background-image: url(../images/menu_manage.gif);
	background-repeat: no-repeat;
	background-position: 0px -30px;
	color: #339900;
	text-decoration: none;
}

ul.menu li ul {
	line-height: 17px;


}

ul.menu li ul li a {
	color: #666666;
	padding-left: 20px;
	background-image: url(../images/arrow_submenu_manage.png);
	background-repeat: no-repeat;
	background-position: 10px 12px;
}

ul.menu li ul li a:hover {
	background-image: url(../images/arrow_submenu_manage.png);
	background-repeat: no-repeat;
	background-position: 10px 12px;

}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }

ul.menu #btn_personal {
	width: 80px;


}

ul.menu #btn_personal a {
	font-weight: bold;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0em;
	padding-top: 0.5em;
	background-image: url(../images/arrow_submenu_manage.png);
	background-repeat: no-repeat;
	background-position: 67px 12px;
}

ul.menu #btn_personal a:hover {
	text-decoration: none;
	color: #339900;
	background-image: url(../images/arrow_submenu_manage.png);
	background-repeat: no-repeat;
	background-position: 67px 12px;
}

ul.menu li #detail_personal {
	width: 340px;
	line-height: 20px;




}

ul.menu li #detail_personal li {
	color: #666666;
	font-weight: normal;
	width: 340px;
	padding-bottom: 5px;
}

a.prev_monthbtn {
	width:25px;
	height:20px;
	display: block;
	background-image: url(../images/btn_calendar_prev_manage.gif);
	background-repeat: no-repeat;
}
a.prev_monthbtn:hover {
	background-position: -25px 0px;
}
a.next_monthbtn{
	width:25px;
	height:20px;
	display: block;
	background-image: url(../images/btn_calendar_next_manage.gif);
	background-repeat: no-repeat;
}
a.next_monthbtn:hover {
	background-position: -25px 0px;
}
a.datebtn {
	width:25px;
	height:18px;
	display: block;
	background-image: url(../images/btn_calender_day_manage.gif);
	background-repeat: no-repeat;
	color: #666666;
	text-align: center;
	padding-top: 2px;
}
a.datebtn:hover, td.event a.datebtn {
	background-position: -25px 0px;
	color: #666666;
	text-decoration: none;
}
.li_inline_month {
	float: left;
	padding-right: 1px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/calendar_bgmonth_manage.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 18px;
	width: 129px;
	padding-top: 2px;
}

a.link_line {
	color: #666666;
}
a.link_line:hover ,li.selected a.link_line  {
	color: #339900;
	text-decoration: underline;
}
.li_relatedlink {
	background-image: url(../images/bg_menu_relatedlink_manage.jpg);
	padding-left: 30px;
	padding-top: 7px;
	padding-right: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E2E2E2;
	background-repeat: no-repeat;
	padding-bottom: 7px;
	background-position: 0px -2px;
}

a.mission_tabbtn {
	width:188px;
	height:44px;
	display: block;
	background-image: url(../images/tabbtn_mission_manage.gif);
}
a.mission_tabbtn:hover,li.selected  a.mission_tabbtn   {
	background-position: -188px 0px;
}
a.mission_tabbtn_en {
	width:188px;
	height:44px;
	display: block;
	background-image: url(../images/tabbtn_mission_manage_en.gif);
}
a.mission_tabbtn_en:hover,li.selected  a.mission_tabbtn_en   {
	background-position: -188px 0px;
}
a.objective_tabbtn{
	background-image: url(../images/tabbtn_objective_manage.gif);
	background-repeat: no-repeat;
	width:131px;
	height:44px;
	display: block;
}
a.objective_tabbtn:hover ,li.selected  a.objective_tabbtn  {

	background-position: -131px 0px;
}
a.objective_tabbtn_en{
	background-image: url(../images/tabbtn_objective_manage_en.gif);
	background-repeat: no-repeat;
	width:131px;
	height:44px;
	display: block;
}
a.objective_tabbtn_en:hover ,li.selected  a.objective_tabbtn_en  {

	background-position: -131px 0px;
}



a.staff_tabbtn {
	background: url(../images/tabbtn_manage_staff_th.gif);
	width:131px;
	height:44px;
	display: block;
}
a.staff_tabbtn:hover,li.selected  a.staff_tabbtn  {
	background-position: -131px 0px;
}
a.staff_tabbtn_en {
	background: url(../images/tabbtn_manage_staff_en.gif);
	width:131px;
	height:44px;
	display: block;
}
a.staff_tabbtn_en:hover,li.selected  a.staff_tabbtn_en  {
	background-position: -131px 0px;
}

a.structure_tabbtn {
	background: url(../images/tabbtn_manage_structure_th.gif);
	width:131px;
	height:44px;
	display: block;
}
a.structure_tabbtn:hover,li.selected  a.structure_tabbtn  {
	background-position: -131px 0px;
}
a.structure_tabbtn_en {
	background: url(../images/tabbtn_manage_structure_en.gif);
	width:131px;
	height:44px;
	display: block;
}
a.structure_tabbtn_en:hover,li.selected  a.structure_tabbtn_en  {
	background-position: -131px 0px;
}




a.prevbtn {
	background-image: url(../images/prev_btn_manage.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 11px;
	width: 11px;
}
a.prevbtn:hover  {
	text-decoration: none;
	background-image: url(../images/prev_btn_manage.png);
	background-repeat: no-repeat;
	background-position: -11px 0px;
}
a.nextbtn {
	background-image: url(../images/next_btn_manage.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 11px;
	width: 11px;
}
a.nextbtn:hover  {
	text-decoration: none;
	background-image: url(../images/next_btn_manage.png);
	background-repeat: no-repeat;
	background-position: -11px 0px;
}
/****************************************************/
a.duty_tabbtn{
	width:154px;
	height:44px;
	display: block;
	background-image: url(../images/tabbtn_duty_manage.png);
	background-repeat: no-repeat;
}
a.duty_tabbtn:hover,li.selected a.duty_tabbtn  {
	background-position: -154px 0px;
}
a.duty_tabbtn_en{
	width:154px;
	height:44px;
	display: block;
	background-image: url(../images/tabbtn_duty_manage_en.png);
	background-repeat: no-repeat;
}
a.duty_tabbtn_en:hover,li.selected a.duty_tabbtn_en  {
	background-position: -154px 0px;
}
a.personal_tabbtn {
	background-image: url(../images/tabbtn_personal_manage.png);
	background-repeat: no-repeat;
	width:119px;
	height:44px;
	display: block;
}
a.personal_tabbtn:hover,li.selected a.personal_tabbtn   {
	background-position: -119px 0px;
}
a.personal_tabbtn_en {
	background-image: url(../images/tabbtn_personal_manage_en.png);
	background-repeat: no-repeat;
	width:119px;
	height:44px;
	display: block;
}
a.personal_tabbtn_en:hover,li.selected a.personal_tabbtn_en   {
	background-position: -119px 0px;
}

/* calendar */
/*.bg-calendar{width:180px; float:left; background:url(../images/bg-calendar-manage.gif) top no-repeat; 	height:190px; padding:15px 0 0 20px;}
.month{float:left; width:129px; height:25px; text-align:center; color:#333; font-weight:bold;}
.weeks{padding:15px 0 20px 0;}
.weeks p{padding:5px 4px; float:left; width:15px;text-align:center; color:#333; font-size:12px; line-height:1px;}

.day div a{background:url(../images/event-icon-manage.gif) no-repeat; padding:0 0 3px 0; width:19px; height:15px; display:block; color:#FFF; text-decoration:none;}
.day div p{margin:0; padding:0 4px; float:left; width:15px; height:18px; text-align:center; color:#333; font-size:11px;}

.day-nav{float:left;margin:0; padding:0; list-style:none;}

.day-nav-next{width:17px; height:17px; display:block; float:left; cursor:pointer;}
.day-nav-previous{width:17px; height:17px; display:block; float:left; cursor:pointer;}*/
.bg-calendar{
	width:180px; 
	float:left; 
	background:url(../images/bg-calendar-manage.gif) top no-repeat; 
	height:190px; 
	padding:15px 0 0 20px;
}

.month{float:left; width:129px; height:25px; text-align:center; color:#333; font-weight:bold;}
.weeks{float:left;padding:15px 0 20px 0;}
.weeks p{margin:0; padding:5px 4px 5px 4px; float:left; width:15px;text-align:center; color:#333; font-size:12px; line-height:1px;}
.day{float:left;}
.day div a{background:url(../images/event-icon-manage.gif) no-repeat; padding:0 0 3px 0; width:19px; height:15px; display:block; color:#FFF; text-decoration:none;}
.day div p{margin:0; padding:0 4px; float:left; width:15px; height:18px; text-align:center; color:#333; font-size:11px;}
.day-nav{margin:0; padding:0; list-style:none;}

.day-nav-next{width:17px; height:17px; display:block; float:left; cursor:pointer;}
.day-nav-previous{width:17px; height:17px; display:block; float:left; cursor:pointer;}