/***************************************************
 *                TIMESHEET SETUP                  *
 ***************************************************/

span.timesheet_date
{
	margin-left: 1em;
	margin-right: 1em;
}

h2 *
{
	vertical-align: middle;
}

table.timesheet
{
	margin-bottom: 10px;
}

a.nav_prev img, a.nav_next img
{
	border: 0;
}

td, th
{
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
}

th.day, th.sum
{
	width: 2em;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
}

th.day.weekend
{
	color: red;
}

tr.footer td, tr.task td
{
	border-bottom: 1px solid black;
}

tr.footer td.task
{
	padding-left: 0.5em;
	padding-right: 1em;
}

td.taskname
{
	white-space: nowrap;
	background: #efefef;
	border-left: 1px solid black;
	border-top: 1px solid black;
	padding-left: 0.5em;
	padding-right: 1em;
}

td.entry.weekend
{
	background: #ffcccc;
}

td.entry
{
	width: 2em;
}

td.entry input 
{
	width: 100%;
	border: none;
	text-align: right;
}

td.entry.weekend input
{
	background: #ffcccc;
}

td.sum
{
	background: #ffffcc;
}

td.entry, td.sum
{
	border-left: 1px solid black;
	border-top: 1px solid black;
}

td.entry.last, td.sum
{
	border-right: 1px solid black;
}

td.entry.readonly, td.sum
{
	font-family: MS Shell Dlg;
	text-align: right;
	width: 2em;
	padding-right: 0.3em;
	vertical-align: baseline;
}

td.entry.readonly
{
	color: #8080ff;
}

td.entry.readonly.weekend
{
	color: white;
}

td.entry.norate
{
	background: red;
}

td.entry.norate input
{
	background: red;
}

td.customer
{
	font-weight: bold;
}

div.newTasks
{
	margin-left: 1em;
}

p.addNewTask img
{
	vertical-align: middle;
	padding-right: 0.2em;
}

p.addNewTask span
{
	vertical-align: middle;
}

p.addNewTask a
{
	text-decoration: none;
	font-weight: normal;
	color: inherit;
}

/***************************************************
 *            TIMESHEET REPORT SETUP               *
 ***************************************************/

table.timesheet_report
{
	margin-top: 0em;
}

td.post img
{
	border: 0;
	vertical-align: middle;
	margin-left: 0.4em;
}

table.timesheet_report th
{
	font-size: 11pt;
	border-bottom: 1px solid black;
}

table.timesheet_report th.name
{
	text-align: left;
}

table.timesheet_report .cost, table.timesheet_report .cost_vat, table.timesheet_report .hours
{
	padding-left: 1em;
	text-align: right;
}

table.timesheet_report th.date_from, table.timesheet_report th.date_to
{
	padding-left: 1em;
	text-align: left;
}

table.timesheet_report td.date_from, table.timesheet_report td.date_to
{
	padding-left: 1em;
	text-align: right;
}

table.timesheet_report tr.total td
{
	font-weight: bold;
	padding-top: 1em;
	font-size: 11pt;
	border-top: 1px solid black;
	border-bottom: 3px double black;
}

table.timesheet_report tr.parent td
{
	padding-top: 0.5em;
	font-weight: bold;
	font-size: 11pt;
}

table.timesheet_report tr.child1 td
{
	font-size: 11pt;
}

table.timesheet_report tr.child1 td.name
{
	padding-left: 1em;
}

table.timesheet_report tr.child2 td.name
{
	padding-left: 2em;
}

span.date input
{
	width: 5em;
}

span.unbilled_only
{
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
}

div.newTasks div.caption
{
	margin-top: 0.5em;
	margin-bottom: 1em;
	font-weight: bold;
}

div.newTasks span.task
{
	display: block;
}

table.timesheet_report td.name a
{
	text-decoration: none;
	color: inherit;
}

table.timesheettransaction_entries th
{
	text-transform: uppercase;
	border-bottom: 1px solid black;
}

table.timesheettransaction_entries td, table.timesheettransaction_entries th
{
	padding-right: 1em;
}

table.timesheettransaction_entries .hours, table.timesheettransaction_entries .cost, table.timesheettransaction_entries .cost_vat, table.timesheettransaction_entries .rate
{
	text-align: right;
	white-space: nowrap;
}

table.timesheettransaction_entries .project, table.timesheettransaction_entries .employee, table.timesheettransaction_entries .date
{
	text-align: left;
}

div.timesheet_details
{
	display: none;
	position: absolute;
	width: auto;
	height: auto;
	left: 1em;
	top: 1em;
	background: white;
	border: 1px solid black;
	padding: 1em;
	white-space: nowrap;
	z-index: 200;
}

body.timesheet_details_print
{
	padding: 1em;
	white-space: nowrap;
}

body.timesheet_details_print h1
{
	font-size: 14pt;
	margin-bottom: 0.3em;
}

body.timesheet_details_print h2
{
	font-size: 12pt;
}

body.timesheet_details_print
{
	height: auto;
}

body.timesheet_details_print div.content
{
	height: auto;
}

/***************************************************
 *                TIMESHEET PERIOD                 *
 ***************************************************/

div.year
{
	border: 1px solid black;
	background: #f0f0f0;
	width: 20em;
/*	float: left;*/
	padding: 0.3em;
	text-align: center;
	margin-bottom: 0.5em;
}

/*
Make div.year expand to encompass entire contents, including
floating images
*/

div.year:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

div.year {display: inline-block;}

/* Hides from IE5/Mac \*/
* html div.year {height: 1px;}
div.year {display: block;}
/* End hide from IE5/Mac */

div.year h2
{
	margin: 0;
	padding: 0 0 0.2em 0;
}

span.period
{
/*	border-left: 1px solid black;
	border-top: 1px solid black; 
	padding-right: 0.2em;
	padding-left: 0.2em; */
	float: left;
	display: block;
	width: 3.5em;
	text-align: center;
}

div#entry_details
{
	visibility: hidden;
	position: absolute;
	background: white;
	border: 1px solid black;
	padding: 1em;
	left: 40%;
	top: 30%;
}

div#entry_details td
{
	padding-right: 0.5em;
	vertical-align: top;
}

div#entry_details.visible
{
	visibility: visible;
}

a#entry_details_close
{
	font-size: 10pt;
	float: right;
	margin-top: 0.3em;
}

div.timesheetActions
{
   margin-top: 2em;
}