body, div, span, table, tr, td, th, a, input, select, textarea, legend, fieldset, form, label, img
{
	font-family: arial, verdana, helvetica;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	text-align: left;
}
img
{
	font-size: 4px;
}
body, div, table, tr, td, th, textarea, legend, fieldset, form
{
	vertical-align: top;
}
a, label
{
	vertical-align: baseline;
}
input, select, img
{
	vertical-align: middle;
}
body, div, span, table, tr, td, th, a, legend, form, label, img
{
	border-collapse: collapse;
	border-spacing: 0px;
	border: none;
}
body, div, span, table, tr, td, th, a, legend, form, label, img
{
	margin: 0px;
	padding: 0px;
}
/*body, div, table, fieldset*/
body, div, span, a, input, select, textarea, legend, fieldset, form, label, img
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
body
{
	background-image: url(images/body_background.gif);
	width: 1000px;
	height: 530px;
	min-width: 1000px;
	min-height: 530px;
}
html>body
{
	width: auto;
	height: auto;
}
input
{
	padding: 0px 2px 0px 2px;
}
table, th, td
{
	white-space: nowrap;
}
th
{
	font-weight: bold;
}
fieldset
{
	margin: 0px 2px;
	padding: 2px;
}
legend
{
	margin: 1px;
	padding: 0xp;
}

/*-------------------------------------------*/

table.list tr th
{
	padding: 0px 2px;
}
table.list tr td
{
	padding: 0px 2px;
}

/*-------------------------------------------*/

table.userStatus tr.odd
{
	background: #dfdfdf;
}

table.userStatus tr th
{
	padding: 0px 2px;
	vertical-align: middle;
}
table.userStatus tr td
{
	padding: 0px 2px;
	vertical-align: middle;
}

/*-------------------------------------------*/

table.num_list tr th
{
	padding: 0px 2px;
	text-align: right;
}
table.num_list tr td
{
	padding: 0px 2px;
	text-align: right;
}

/*-------------------------------------------*/

table.input_form
{
	font-weight: bold;
}
table.input_form tr.hidden
{
	display: none;
}
table.input_form tr td
{
	padding: 3px 2px;
	vertical-align: middle;
}

/*-------------------------------------------*/

div.debug_info
{
	font-size: 60px;
	font-weight: bold;
	position: absolute;
	top: 0px;
	left: 12px;
}

table.page_holder
{
	width: 100%;
	height: 100%;
}
table.page_holder td.page
{
	text-align: center;
	/*border: solid 4px #0000ff;*/
}
div.page
{
	height: 100%;
	margin: auto;
}
div.mainview
{
	background: url(skin/desk_bg.png) top left repeat;
	padding: 16px 16px;
	/*height: 100%;*/
}

/*-------------------------------------------*/

.page_header
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 84px;
}
.page_header table
{
	width: 100%;
	height: 100%;
	background: url(images/page-top-middle.gif) top left repeat;
}
.page_header div.info
{
	font-size: 10px;
	text-align: right;
	color: #ffffff;
	margin: 0px;
	padding: 4px 12px;
	position: relative;
	top: -14px;
}

/*-------------------------------------------*/

div.menubar
{
	width: 100%;
	height: 20px;
}
div.menubar table
{
	width: 100%;
	height: 100%;
}
div.menubar td
{
	vertical-align: middle;
	background: url(images/page-menu-middle.gif) top repeat;
}
div.menubar td.left
{
	width: 6px;
	background: url(images/page-menu-left.gif) top left no-repeat;
}
div.menubar td.right
{
	width: 6px;
	background: url(images/page-menu-right.gif) top right no-repeat;
}

/*-------------------------------------------*/

div.menubar table.menuitems
{
	width: 10px;	/* Avoid 100% width */
	height: 100%;
}
div.menubar table.menuitems td
{
	padding: 2px 12px 0px 4px;
	vertical-align: middle;
	background: transparent;
}
div.menubar table.menuitems a
{
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
	vertical-align: top;
}
div.menubar table.menuitems a:hover
{
	color: #ffbc2b;
}

/*-------------------------------------------*/

div.submenubar
{
	width: 100%;
	height: 20px;
}
div.submenubar table
{
	width: 100%;
	height: 100%;
	background: url(images/page-submenu-middle.gif) top left repeat;
}
div.submenubar td
{
	vertical-align: middle;
	background: transparent;
}
div.submenubar td.left
{
	width: 16px;
	background: url(images/page-submenu-left.gif) top left no-repeat;
}
div.submenubar td.right
{
	width: 16px;
	background: url(images/page-submenu-right.gif) top right no-repeat;
}


/*-------------------------------------------*/

div.submenubar table.submenuitems
{
	width: 10px;	/* Avoid 100% width */
	height: 100%;
}
div.submenubar table.submenuitems td
{
	padding: 0px 12px 0px 4px;
	vertical-align: middle;
	color: #ffffff;
	font-size: 10px;
}
div.submenubar table.submenuitems a
{
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
}
div.submenubar table.submenuitems a:hover
{
	color: #b81600;
}

/*-------------------------------------------*/

div.container
{
	overflow: auto;
}

/*-------------------------------------------*/

div.time_inout
{
	padding: 1px;
	height: 600px;
	overflow: auto;
}
table.time_inout
{
	padding: 2px;
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
}
table.time_inout th
{
	padding: 2px 6px;
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px 0px;
	vertical-align: middle;
}
table.time_inout td
{
	padding: 1px 6px;
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px 0px;
	vertical-align: middle;
}
table.time_inout td img
{
	margin: 0px 2px;
}

/*-------------------------------------------*/

table.workhours_table
{
	padding: 2px;
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	background-color: #ffffff;
}
table.workhours_table th
{
	padding: 2px 6px;
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px 1px;
	width: 60px;
}
table.workhours_table td
{
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px 1px;
	color: #5f5f5f;
	text-align: center;
	height: 40px;
}
table.workhours_table td div
{
	padding: 1px 1px 0px 1px;
	font-size: 8px;
}
table.workhours_table td div span
{
	padding: 1px 2px 0px 2px;
	background-color: #efefff;
	color: #3f3f3f;
	font-size: 8px;
	height: 12px;
	vertical-align: top;
}
table.workhours_table input
{
	margin: 0px;
	padding: 0px;
	border: none;
	color: #000000;
	background: transparent;
	text-align: center;
	font-family: courier, verdana, helvetica;
	font-size: 14px;
}

/*-------------------------------------------*/

table.statistics
{
	padding: 2px;
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
}
table.statistics th
{
	padding: 2px 6px;
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px 0px;
	text-align: right;
	width: 80px;
}
table.statistics td
{
	padding: 1px 6px;
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px 0px;
	text-align: right;
}
table.statistics td a
{
	text-decoration: none;
	color: #000000;
}
table.statistics td a:hover
{
	color: #eb6510;
}

/*-------------------------------------------*/

table.calendar
{
	padding: 2px;
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	background-color: #ffffff;
}
table.calendar th
{
	padding: 4px 0px;
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px 1px;
	vertical-align: middle;
}
table.calendar th.weekend
{
	color: #b81600;
}
table.calendar td
{
	padding: 3px 0px;
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px 1px;
	background-color: #ffffff;
	font-size: 10px;
}
table.calendar td.empty
{
	background-color: #dfdfdf;
}
table.calendar td.current
{
	background-color: #e7eef3;
}
table.calendar td.empty_current
{
	background-color: #c4d4e0;
}
table.calendar td div
{
	font-size: 10px;
}
table.calendar a
{
	text-decoration: none;
}
table.calendar th a
{
	font-weight: bold;
	color: #000000;
}
table.calendar th.weekend a
{
	color: #b81600;
}
table.calendar th a:hover
{
	color: #eb6510;
}
table.calendar td a
{
	font-size: 10px;
	color: #000000;
}
table.calendar td a:hover
{
	color: #eb6510;
}
table.calendar input
{
	margin: 0px 4px;
	padding: 1px 2px;
}
table.calendar table td, table.calendar table th
{
	padding: 0px 2px;
}
table.calendar table input
{
	margin: 2px 4px;
	/*vertical-align: middle;*/
}
/*
table.calendar table input.check_box
{
	margin-left: 0px;
	margin-right: 4px;
	padding: 0px;
}
*/
table.calendar table select
{
	margin: 2px 4px 2px 4px;
	/*vertical-align: middle;*/
}

/*-------------------------------------------*/

div.calendar_navi
{
	padding: 1px 4px;
}
div.calendar_navi a
{
	text-decoration: none;
	color: #000000;
}
div.calendar_navi a:hover
{
	color: #eb6510;
}

/*-------------------------------------------*/

table.calendar_monthview
{
	padding: 2px;
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	background-color: #ffffff;
}
table.calendar_monthview th
{
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px 1px;
	background-color: #7f7f7f;
	color: #ffffff;
	font-size: 10px;
	text-align: center;
	width: 22px;
	height: 14px;
}
table.calendar_monthview td
{
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px 1px;
	color: #000000;
	font-size: 10px;
	text-align: center;
	width: 22px;
	height: 22px;
}
table.calendar_monthview th.weekend_day
{
	color: #000000;
}
table.calendar_monthview td a
{
	text-decoration: none;
	color: #000000;
}
table.calendar_monthview td a:hover
{
	color: #eb6510;
}
table.calendar_monthview td div
{
	padding: 1px 1px 0px 1px;
	white-space: nowrap;
	font-size: 8px;
}
table.calendar_monthview td div span
{
	padding: 1px 2px 0px 2px;
	background-color: #efefff;
	color: #3f3f3f;
}
/*
table.calendar_monthview td input.plain
{
	padding: 0px;
	border: none;
	color: #000000;
	background: none;
	text-align: center;
	font-family: courier,verdana,helvetica;
	font-size: 14px;
}
*/
/*-------------------------------------------*/

div.calendar_event
{
	overflow: auto;
	color: #000000;
}

div.calendar_event input
{
	padding: 1px 2px;
	/*vertical-align: middle;*/
}

/*-------------------------------------------*/

div.popup_viewEvents table th, div.popup_viewEvents table td
{
	padding: 0px;
	text-align: left;
	vertical-align: middle;
}
div.popup_viewEvents table td
{
	white-space: normal;
}
div.popup_viewEvents table th a img
{
	margin: 0px 2px;
}

/*-------------------------------------------*/

div.help_text
{
	overflow: auto;
	/*border: solid 1px #ffffff;*/
}
div.help_text table td
{
	white-space: normal;
}
div.help_text h5
{
	margin: 0px;
	padding: 4px 4px 0px 4px;
	font-size: 12px;
}
div.help_text p
{
	margin: 0px;
	padding: 0px 4px 4px 20px;
	vertical-align: baseline;
}
div.help_text img
{
	margin: 0px 2px;
	vertical-align: -1px;
}

/*-------------------------------------------*/

table.user_list
{
	border: solid 1px #7f7f7f;
}
table.user_list tr.header, table.user_list tr.header:hover
{
	background: transparent;
	cursor: default;
}
table.user_list tr
{
	background: #c4d4e0;
	cursor: pointer;
}
table.user_list tr.odd
{
	background: #ffffff;
}
table.user_list tr:hover
{
	background-color: #dfdfff;
}
table.user_list th
{
	padding: 2px 2px;
	border: solid #7f7f7f;
	border-width: 1px 0px;
}
table.user_list td
{
	padding: 1px 2px;
	border: solid #7f7f7f;
	border-width: 1px 0px;
}
table.user_list td a
{
	text-decoration: none;
	color: #000000;
}
table.user_list td a:hover
{
	color: #eb6510;
}

/*-------------------------------------------*/

fieldset.form
{
	padding: 2px 4px;
}
fieldset.form input, fieldset.form img
{
	/*vertical-align: middle;*/
}

/*-------------------------------------------*/

table.layout_compact td, table.layout_compact th, td.layout_compact, th.layout_compact
{
	margin: 0px;
	padding: 0px;
	border: none;
	white-space: nowrap;
	background: transparent;
	border: none;
	/*border: solid 1px #ff0000;*/
}

/*-------------------------------------------*/

table.layout_row
{
	/*border: solid 1px #0000ff;*/
}

table.layout_row td, table.layout_row th
{
	margin: 0px;
	padding: 0px 2px;
	vertical-align: middle;
	/*border: solid 1px #00ff00;*/
}
table.layout_row input
{
	margin: 2px 4px;
}
table.layout_row input.check_box
{
	margin: 0px;
	margin-left: 0px;
	margin-right: 2px;
	padding: 0px;
}
table.layout_row select
{
	margin: 2px 4px 2px 4px;
	padding: 0px;
}
table.layout_row fieldset
{
	margin: 0px;
	padding: 4px;
}

table.layout_row table.layout_compact td, table.layout_row table.layout_compact th
{
	margin: 0px;
	padding: 0px;
	border: none;
	white-space: nowrap;
	background: transparent;
	border: none;
/*	border: solid 1px #ff00ff;*/
}

/*-------------------------------------------*/

table.time_ruler
{
	border: none;
	/*width: 1440px;*/
}
table.time_ruler td, table.time_ruler th
{
	border: none;
	width: 60px;
	padding: 0px;
	background: transparent;
}


/*-------------------------------------------*/

.tablerow_bg_odd
{
	background-color: #ffffff;
}
.tablerow_bg_even
{
	background-color: #c4d4e0;
}
.tablerow_bg_odd_cur
{
	background-color: #c4d4ff;
}
.tablerow_bg_even_cur
{
	background-color: #efefff;
}
.column_header
{
	color: #0000ff;
	text-align: left;
	border-right: solid 1px #7f7f7f;
}
.zero_number
{
	color: #9f9f9f;
}
.negative_number
{
	color: #b81600;
}
.weekend_day
{
	color: #b81600;
}
.unimportant
{
	color: #9f9f9f;
}
.date
{
	text-align: center;
}
.date_arrows
{
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
	font-size: 12px;
	/*vertical-align: middle;*/
}
.arrows
{
	padding: 0px;
	text-align: left;
	font-size: 12px;
	width: 13px;
	height: 17px;
	border: none;
}
.center
{
	text-align: center;
}

/*-------------------------------------------*/

