employeelsi
.dateandtime
{
	text-align: right;
}
.bottombar
{
	background: #BFDBFC;
	border-top: solid 1px #0000FF;
	border-bottom: solid 1px #0000FF;
	height: 16px;
}
.mainmenubar
{
	background: /*#BFDBFC*/ #0055ff;
	border-top: solid 1px #0055ff;
	border-bottom: solid 1px #0055ff;
	border-width: 2px;
	height: 16px;
}
.mainmenubutton
{
	font-size: 12px;
	background-color: Transparent;
	text-decoration: none;
	font-weight: bold;
	color: /*#0000FF*/ #FFFFFF;
	padding: 0px 10px 0px 10px;
	border-right: solid 2px #FFFFFF;
}
.mainmenubuttonleft
{
	font-size: 12px;
	background-color: Transparent;
	text-decoration: none;
	font-weight: bold;
	color: /*#0000FF*/ #FFFFFF;
	padding: 0px 10px 0px 10px;
	border-right: solid 2px #FFFFFF;
	border-left: solid 2px #FFFFFF;
}
.mainmenubutton:hover
{
	font-size: 12px;
	background-color: #FFFFFF/*#E4F7FD*/;
	text-decoration: none;
	font-weight: bold;
	color: #0000FF;
	padding: 0px 10px 0px 10px;
	border-right: solid 2px #FFFFFF;
	border-top: solid 1px #0000FF;
}
.mainmenubuttonleft:hover
{
	font-size: 12px;
	background-color: #FFFFFF/*#E4F7FD*/;
	text-decoration: none;
	font-weight: bold;
	color: #0000FF;
	padding: 0px 10px 0px 10px;
	border-right: solid 2px #FFFFFF;
	border-top: solid 1px #0000FF;
}
.submenubar
{
	/*background: #BFDBFC;
	border-top: solid 1px #0000FF;
	border-bottom: solid 1px #0000FF;*/
	height: 16px;
}
.submenubutton
{
	font-size: 12px;
	background-color: #FFFFFF;
	text-decoration: none;
	/*font-weight: bold;*/
	color: #0000FF;
	padding: 0px 10px 0px 10px;
	/*border-top: solid 1px #0055FF;
	border-right: solid 2px #FFFFFF;
	*/border-right: solid 1px #000000;
}
.submenubuttonleft
{
	font-size: 12px;
	background-color: #FFFFFF;
	text-decoration: none;
	/*font-weight: bold;*/
	color: #0000FF;
	padding: 0px 10px 0px 10px;
	/*border-top: solid 1px #0055FF;
	border-right: solid 2px #FFFFFF;
	*/border-right: solid 1px #000000;
	border-left: solid 1px #000000;
}
.submenubutton:hover
{
	font-size: 12px;
	background: #FFFFFF;
	text-decoration: underline;
	/*font-weight: bold;*/
	color: #0000FF;
	padding: 0px 10px 0px 10px;
	/*border-top: solid 1px #0055FF;
	border-bottom: solid 2px #0055FF;
	*/border-right: solid 1px #000000;
}
.submenubuttonleft:hover
{
	font-size: 12px;
	background-color: #FFFFFF;
	text-decoration: underline;
	/*font-weight: bold;*/
	color: #0000FF;
	padding: 0px 10px 0px 10px;
	/*border-top: solid 1px #0055FF;
	border-right: solid 2px #FFFFFF;
	*/border-right: solid 1px #000000;
	border-left: solid 1px #000000;
}
.menubox
{
	background-color: #EEEEEE;
	color: /*#0000FF*/#000000;
	text-decoration: none;
	border: solid 1px /*#0000FF*/#000000;
}
.menuboxtitle
{
	padding: 2px 2px 2px 5px;
	background-color: /*#BFDBFC #0055FF*/#444444;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	/*border-bottom: solid 1px #0000FF;
	border-top: solid 1px #0000FF;*/
}
.menuboxlist
{
	list-style: none;
	text-decoration: none;
	color: #0000FF;
	text-align: left;
}
.menuboxitem
{
	/*background-color: #BFDBFC;*/
	text-decoration: none;
	color: /*#0000FF*/#000000;
}
.menuboxitem:hover
{
	/*background-color: #BFDBFC;*/
	text-decoration: underline;
	background-color: #FFFFFF;
	color: /*#0000FF*/#000000;
}
.logo
{
	background-color: Transparent;
	color: #0000FF;
	font-weight: bold;
	/*width: 150px;*/
	vertical-align: baseline;
}
.statusbar
{
	color: #0000FF;
	text-align: Right;
	font-size: 12px;
	font-weight: normal;
	vertical-align:baseline;
}
/*
 * MAIN NAVIGATION
 */
#main_navigation
{
	background-color: #596E92;
	padding: 2px 2px 2px 2px;
}
/*
 * MAIN MENU
 */
#main_menu1,
#main_menu2,
#main_menu3,
#main_menu4,
#main_menu5,
#main_menu6
{
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	color:#BBBBBB;
	padding:0px 15px 0px 15px;
}
#main_menu1:hover,
#main_menu2:hover,
#main_menu3:hover,
#main_menu4:hover,
#main_menu5:hover,
#main_menu6:hover
{
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	color:#DDDDDD;
	/*border-top: solid 3px #DDDDDD;*/
	padding:0px 15px 0px 15px;
}
#page_index #main_menu1,
#page_payroll_register #main_menu1,
#page_faq #main_menu2,
#page_employee_menu #main_menu2,
#page_employee_list #main_menu2,
#page_employee_pay #main_menu2,
#page_employee_edit #main_menu2,
#page_help #main_menu3,
#page_setup_menu #main_menu3,
#page_payroll_period #main_menu3,
#page_computation_shop #main_menu3,
#page_payroll_schedule #main_menu3,
#page_edit_company #main_menu3,
#page_employee_pass #main_menu3,
#page_payroll_period_list #main_menu3,
#page_features #main_menu4,
#page_tables_2 #main_menu4,
#page_tables_1 #main_menu5,
#page_file_generator #main_menu5,
#page_file_generator_sss #main_menu5,
#page_file_generator_phic #main_menu5,
#page_files #main_menu5,
#page_logout #main_menu6
{
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	border-top: solid 3px #FFFFFF;
	padding:0px 15px 0px 15px;
}
/*
 * SUB NAVIGATION
 */
#sub_navigation
{
	background-color: #A9BEE2;
	padding: 2px 2px 2px 2px;
	border-bottom: solid 4px #596E92;
}
#sub_menu1,
#sub_menu2,
#sub_menu3,
#sub_menu4,
#sub_menu5,
#sub_menu6,
#sub_menu7,
#sub_menu8,
#sub_menu9,
#sub_menu10
{
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	color:#596E92;
	border-top: solid 2px #A9BEE2;
	border-bottom: solid 2px #A9BEE2;
	border-left: solid 2px #A9BEE2;
	border-right: solid 2px #A9BEE2;
	padding:0px 15px 0px 15px;
}
#sub_menu1:hover,
#sub_menu2:hover,
#sub_menu3:hover,
#sub_menu4:hover,
#sub_menu5:hover,
#sub_menu6:hover,
#sub_menu7:hover,
#sub_menu8:hover,
#sub_menu9:hover,
#sub_menu10:hover
{
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	border-top: solid 2px #A9BEE2;
	border-bottom: solid 2px #A9BEE2;
	border-left: solid 2px #A9BEE2;
	border-right: solid 2px #A9BEE2;
	padding:0px 15px 0px 15px;
}
#page_employee_edit #sub_menu1,
#page_employee_list #sub_menu1,
#page_payroll_period #sub_menu1,
#page_payroll_period_list #sub_menu1,
#page_file_generator_phic #sub_menu1,
#page_employee_pay #sub_menu2,
#page_computation_shop #sub_menu2,
#page_file_generator_sss #sub_menu2,
#page_payroll_schedule #sub_menu3,
#page_edit_company #sub_menu4,
#page_employee_pass #sub_menu5,
#none #sub_menu6,
#none #sub_menu7,
#none #sub_menu8,
#none #sub_menu9,
#none #sub_menu10
{
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#596E92;
	border-top: solid 2px #596E92;
	border-bottom: solid 2px #596E92;
	border-left: solid 2px #A9BEE2;
	border-right: solid 2px #A9BEE2;
	padding:0px 15px 0px 15px;
}
/*
 * TABLE MENU
 */
#table_navigation
{
	background-color: #A9BEE2;
	padding: 2px 2px 2px 2px;
	border-top: solid 4px #596E92;
}
.table_menu
{
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	color:#596E92;
	padding:0px 15px 0px 15px;
}
.table_menu:hover
{
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	padding:0px 15px 0px 15px;
}