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_finance.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: 1.2em;
}

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

ul.menu li ul {


}

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

ul.menu li ul li a:hover {
	background-image: url(../images/arrow_submenu_finance.png);
	background-repeat: no-repeat;
	background-position: 20px 9px;

}

.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_finance.png);
	background-repeat: no-repeat;
	background-position: 67px 12px;
}

ul.menu #btn_personal a:hover {
	text-decoration: none;
	color: #0066cc;
	background-image: url(../images/arrow_submenu_finance.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_finance.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_finance.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_finance.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_finance.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: #0066cc;
	text-decoration: underline;
}
.li_relatedlink {
	background-image: url(../images/bg_menu_relatedlink_finance.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_finance.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_finance_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_finance.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_finance_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_finance_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_finance_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_finance_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_finance_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_finance.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_finance.png);
	background-repeat: no-repeat;
	background-position: -11px 0px;
}
a.nextbtn {
	background-image: url(../images/next_btn_finance.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_finance.png);
	background-repeat: no-repeat;
	background-position: -11px 0px;
}
/****************************************************/
a.duty_tabbtn{
	width:154px;
	height:44px;
	display: block;
	background-image: url(../images/tabbtn_duty.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_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.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_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-finance.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:30px 0 30px 0;}
.weeks p{margin:0; padding:2px 4px; float:left; width:15px; height:15px; text-align:center; color:#333; font-size:12px; line-height:1px;}

.day div a{background:url(../images/event-icon-finance.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;}*/
.bg-calendar{
	width:180px; 
	float:left; 
	background:url(../images/bg-calendar-finance.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-finance.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;}