/* Copyright (c) 2007, Virtual Software Inc. All rights reserved. */
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */

/*****************************************************************************/
/* Global generic HTML rules */

body {
	font: 12px arial, helvetica, clean, sans-serif;
	/* Default line-height based on font-size rather than "computed-value"
	 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height */
	line-height:1.22em;
}

table {
	/*font-size: inherit;*/
}

thead { display: table-header-group; }
tfoot { display: table-footer-group; }

td {
	text-align: left;
}


/**
 * 99% for safari; 100% is too large
 */

select, input, button, textarea {
	font: 99% arial, helvetica, clean, sans-serif;
}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace; font-size:100%;}

/**
 * Fonts
 * 
 */

/* Table heading, white */
.hw	{
	font-family: arial, helvetica, clean, sans-serif;
	font-size:11px;
	color:#ffffff;
}

/* TODO: create standard font sizes and naming. */
.font85p { font-size: 85% }
.font90p { font-size: 90% }
.font95p { font-size: 95% }

body, form, span, div, ul, .zero_padding_margin {
	margin: 0;
	padding: 0;
}

.clear_both { clear: both; }

a { text-decoration: none; }

a:hover div,
a:hover { text-decoration: underline; }

a img { border: none; }

h1 {
	font-size: 150%;
}

input.fill {
}

input, select, button {
	/*margin: 0px 2px;*/
	margin: 0;
}

label {
	padding-left: 0.2em;
	padding-right: 0.5em;
}

label.left {
	padding-left: 0;
	padding-right: 0.2em;
}

label input[type='checkbox'] {
	margin-right: 0.2em;
}
/*special checkboxes */
.receiptmissing, .billable, .reimbursable, .saveAttach
{
	vertical-align:middle;
}

input[type='text'], input[type='password'], textarea {
	padding: 1px 2px;
}

/* Following two classes are used for styling based on focus */

.input_focus {
	border: 1px solid #33677F;
	background-color: #ffffff;
    /*background: url('../images/bg_input_focus.png') top repeat-x;*/
}

.input_idle {
	border: 1px solid #85b1de;
	background-color: #ffffff;
    /*background: url('../images/bg_input_idle.png') top repeat-x;*/
}

ul {
	margin-left: 1em;
}

/*
textarea.input_focus {
	height: auto;
}

textarea.input_idle {
	height: 1.2em;
}

div.timecard input.description.input_focus {
	height: 5em;
}
*/
.hide
{
	display: none;
}
.nomargin,
table td.nomargin
{ margin: 0; }

.nopadding,
table.standard td.nopadding
{ padding: 0; }

table .noborder,
table table.noborder,
table table.noborder td,
table table.noborder tbody td,
.noborder {
	border: 0;
	border-collapse: collapse;
}

.nowrap { white-space: nowrap; }

table thead tr td.left,
table tr.header td.left,
.left { text-align: left; }

.center { text-align: center; }
.right { text-align: right; }

.error { color: red }

.red { color: red }

.green { color: green }

.bold { font-weight: bold; }

.italic { font-style: italic; }

.underline { text-decoration: underline; }

.block { display: block; }

.test_border { border: 1px solid #777; }

.float_left { float: left; }
.float_right { float: right; }

.dropDown {
	cursor: pointer !important;
}

a.expandContract {
	cursor: pointer;
	text-decoration: none;
}

.draggableHandle {
	cursor: move;
}


/*****************************************************************************/
/* Standard colors */

table tbody tr td.unsubmitted,
table.standard.striped tbody tr td.unsubmitted,
.titoTable tr.unsubmitted td.rowNumber,
.titoTable tr.unsubmitted td.controls,
.unsubmitted {
	background-color: #fe4 !important;
}

.titoTable tr.approved td.rowNumber,
.titoTable tr.approved td.controls,
.approved {
	background-color: #5e5 !important;
}

.titoTable tr.toBeApproved td.rowNumber,
.titoTable tr.toBeApproved td.controls,
.toBeApproved {
	background-color: #7bf !important;
}

.titoTable tr.rejected td.rowNumber,
.titoTable tr.rejected td.controls,
.rejected {
	background-color: #f44 !important;
}

.titoTable tr.disabled td, .disabled, .disabled td {
	background-color: #e0e0e0 !important;
}

#titlebar a,
#titlebar .link_color,
h1
{
  color: #364554;
}

a:visited { color: blue }

#titlebar a:hover, #footer a:hover {
	color: #85b0ff;
}

table.standard tbody th,
table.standard th, 
table.standard thead td,
table.standard tbody.header
table.standard tr.header td,
table.cal_month th,
.menubar table td
{
	border-color: #aaa;
}

table.standard,
table.standard tbody td,
table.standard td,
table table.standard tbody td,
table.filter td,
.filterElement,
table.cal_month td
{
	border-color: #ccc;
}

table.expenseActions,
table.expenseActions td {
	border-color: #498a2d #ccc #ccc #ccc!important;
}

.expenseDetailsInbox table.expenseActions,
.expenseDetailsInbox table.expenseActions td {
	border-color: #fbd211 #ccc #ccc #ccc !important;
}

/* Striped table:
	 .striped_even is default. Can manually set .striped_odd, or use 
	 .striped_new_row to allow javascript on each row that should toggle
	 from previous row (this allows multi-row striping).
	 Be sure to set .striped on <table>.
*/

table.standard tbody td, 
table.striped tbody tr.striped_even td {
	background: #fff6dd;
}

table.filter tbody td,
table.expenseActions tbody td,
.filter, .filterElement {
	background: #fff1cb url(../images/bg_gradient_standard.png) repeat-x;
}

table.striped tbody tr.striped_odd td {
	background: #e8dfc9;
}

/* Highlighted should be the highest priority, over checked, striped, etc. */

table.standard tbody tr.highlighted td,
table.standard tbody tr.highlighted td.total {
	background: #ffff55 !important;
}

table.standard tbody tr.checked td,
table.standard tbody tr.checked td.total,
table.funcTable tbody tr.checked td,
table.funcTable tbody tr.checked td.total {
	background: #b3eca8;
}

table tbody tr.table_row_divider td {
	background: #e6e6e6;
	height: 6px;
	padding: 0;
}

table.standard tbody th {
	background: #e0d7c2;
	text-align: left;
}

table.standard tbody th.center {
	text-align: center;
}


table .gray_gradient_bg,
table.standard tbody.footer,
table.standard tbody.footer tr,
table.standard tbody.footer tr td,
table.standard tr.footer,
table.standard tr.footer td,
table.filter tbody.footer,
.menubar table tr td,
.footer {
	background: #fff1cb url(../images/bg_gradient_standard.png) repeat-x;
}

table table td.default,
table.default thead td, 
table.default tbody.header td,
table.default tr.header td,
thead td.default,
tbody.header td.default,
tr.header td.default {
	color: #0f0f0f;
	background: #b0d3f5 url(../images/bg_separator.png) repeat-x !important;
}

table table td.time,
table.time thead td, 
table.time tbody.header td,
table.time tr.header td,
thead td.time,
tbody.header td.time,
tr.header td.time {
	color: #f0f0f0;
	background: #435669 url(../images/bg_th_time.png) repeat-x;
}

table table td.expense,
table.expense thead td,
table.expense tbody.header td,
table.expense tr.header td,
thead td.expense,
tbody.header td.expense,
tr.header td.expense {
	color: #f0f0f0;
	background: #498a2d url(../images/bg_th_expense.png) repeat-x;
}

/*	Inbox colors */

table table td.inbox,
table.inbox thead td, 
table.inbox tbody.header td,
table.inbox tr.header td,
.inbox table thead tr td {
	color: #555;
	/*color: #f0f0f0;*/
	/*background: #b0d3f5 url(../images/bg_separator.png) repeat-x !important;*/
	background: #fbd211 url(../images/bg_th_inbox.png) repeat-x !important;
}

table.standard tbody tr.bg_light_gray td,
table.standard tr td.bg_light_gray,
table.standard tr.striped_even td.bg_light_gray,
table.standard tr.striped_odd td.bg_light_gray,
.bg_light_gray,
.section_marker,
table tbody tr.section_marker,
table tbody tr.section_marker td {
	background: #e0e0e0;
}

table.standard .total,
table.standard tbody tr td.total,
table.standard tbody tr.footer td.total {
	background: #fff6c4;
}

table.standard tbody tr.footer td.total {
	font-weight: bold;
}

table.standard tbody.total_footer,
table.standard tr.total_footer,
table.standard tr.total_footer td,
table.total_footer tbody.footer,
.total_footer {
	background: #fff3b0 url(../images/bg_gradient_yellow.png) repeat-x;
}

table tr.section_separator td,
td.section_separator,
table.standard tbody tr td.section_separator {
	background: #b0d3f5 url(../images/bg_separator.png) repeat-x !important;
}

tbody.total_footer tr,
tbody.total_footer tr td,
tr.total_footer td {
	background: inherit;
}

#signatures table {
	page-break-inside: avoid;
	border: 1px solid black;
	margin: 0.25in 0 0 0; /* No bottom margin to prevent plank pages on print */
	border-collapse: collapse;
}

@media print {
	#signatures table {
		margin-bottom: 0; /* Prevent blank pages on print */
	}
}

#signatures td {
	padding: 0.25em 0.5em;
}

tr.signature_line {
	height: 0.5in;
}

td.signature_line {
	width: 4in;
	border-bottom: 1px solid black;
}	

.fieldEditor {
	font-size: 95%;
	position: relative;
}

.fieldEditor td.fields {
	padding: 10px 0 0 10px;
}

.fieldEditor table.fields {
	margin: 10px 0px 5px 10px;
}

.fieldEditor table.fields td {
	padding: 0px 10px 5px 0px;
}

.fieldEditor span.field {
	white-space: nowrap;
	margin: 0 1em 0.5em 0;
}

.fieldEditor .actions {
	padding: 5px 10px;
	background: #fff489 url(../images/bg_gradient_action.png) repeat-x;
}

/*****************************************************************************/
/* 	Dialogs
	Message Box, AJAX Progress, Title Bar Message, popups, etc.

	.message_box - styles for the message box that appears above the content and flashes when operations
		are done, are invalid, etc.
		Note: be sure to add a div.message_box_end after the div.message_box 
	
*/

.message_box_wrapper {
	margin-bottom: 12px !important; /* overrides .hilitableBackground, need +20px of margin */
	padding: 8px;
	/*background-color: blue;*/
	float: left;
}

.message_box, .titlebar_message_box {
	padding: 10px 20px 10px 50px;
}

/*.message_box, .dialogPopup, .dialogAlert {*/
.message_box, .titlebar_message_box {
	background-color: white;
	background-repeat: no-repeat;
	position: relative;
	z-index: 99;
}

.message_box {
	border: 2px solid;
	background-position: 10px 10px;
	min-width: 300px;
	min-height: 32px;
	float: left;
}

.titlebar_message_box {
	border: 1px solid;
	line-height: 1.3em;
	padding: 5px 25px 5px 25px;
	background-position: 5px 5px;
	min-width: 200px;
	margin: 0px 15px 0px 15px;
	float: none;
}

.message_box_end {
	clear: left;
}

.message_box h1 {
  font: 15px arial,helvetica,clean,sans-serif;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

.message_box p {
  padding: 0;
  margin: 0;
}

.message_box_close {
  position: absolute;
  top: 2px;
  right: 2px;
  cursor: pointer;
}

.no_message_close_box .message_box_close {
	display: none;
}

.message_box .buttons {
	padding-top: 20px;
}

.message_box .buttons input {
	/* spacing between buttons */
	margin: 0 2px;
}

.message_box.success {
	background-image: url(../images/icon32_success.png); 
}

.message_box.attention {
	background-image: url(../images/icon32_attention.png);
}

.message_box.error {
	background-image: url(../images/icon32_error.png); 
}

.message_box.info {
	background-image: url(../images/icon32_info.png);
}

.message_box.success, .titlebar_message_box.success {
	background-color: #e2f2c7;
}

.message_box.attention, .titlebar_message_box.attention {
	background-color: #fef4cb;
}

.message_box.error, .titlebar_message_box.error {
	background-color: #ffdada;
}

.message_box.info, .titlebar_message_box.info {
	background-color: #ccd9e5;
}

.titlebar_message_box.success { background-image: url(../images/icon_success.png); }
.titlebar_message_box.attention { background-image: url(../images/icon_attention.png); }
.titlebar_message_box.error { background-image: url(../images/icon_error.png); }
.titlebar_message_box.info { background-image: url(../images/icon_info.png); }

.message_box.success, .titlebar_message_box.success, .message_box.success h1 {
	color: #4F8A10 !important;
}

.message_box.attention, .titlebar_message_box.attention, .message_box.attention h1 {
	color: #9F6000 !important;
}

.message_box.error, .titlebar_message_box.error, .message_box.error h1 {
	color: #D8000C !important;
}

.message_box.info, .titlebar_message_box.info, .message_box.info h1 {
	color: #19334C !important;
}

.message_box.attention.titoMessage 
{
	width:89%;
}

.inProgress {
	border: 2px solid #19334C;
	padding: 10px 24px 10px 24px;
	color: #19334C;  
	background-color: #ccd9e5;
}
/*put waitImage div in inProgress because background-position not working with IE6*/
.waitImage {
	position:relative;
	padding-left: 24px;
    background-image: url(../images/ajax-loader-blue.gif);
	background-repeat: no-repeat;
}
.dialog {
	min-width: 200px;
	border: 2px solid #19334C;
	color: #19334C;  
	background: white;
}

.dialogStandard {
	background: #ccd9e5;
}

.dialog .titleBar {
	background: #435669 url(../images/bg_th_time.png) repeat-x !important;
	width: auto;
	color: #f0f0f0;
	padding: 0.3em 1em;
	text-align: center;
	margin: 0;
	font-size: 110%;
}

.dialog .menubar {
	padding: 0;
	margin: 0;
}

.dialog #subjectbar {
	padding: 0;
	margin: 0;
}

.dialog .contents {
	margin: 0;
}

.dialog .marginedContents {
	margin: 10px;
}

.ui-resizable-se {
	background-image: url(../images/resizer.png);
	height: 12px;
	width: 12px;
	bottom: 2px;
	right: 2px;
	position: absolute;
	cursor: se-resize;
}

/*****************************************************************************/
/* Icons */

/*.icon_right*/
img.icon, img.icon_notext {
	cursor: default;
	/* prevent image from setting row height so table text is vertically
	aligned, whether or not there's an inline image. */
	margin: -3px 2px -4px 2px;
	padding: 0px 0px;
}

span.icon {
	line-height: 18px;
}

button.icon {
	padding-top: 1px;
	padding-bottom: 2px;
	font-size: 95%;
}

button.icon img {
	padding-right: 2px;
}

img.icon_notext {
	margin: -8px 2px -8px 2px;
}

a.icon, a.icon_notext {
	text-decoration: none;
	cursor: pointer;
}

a.icon:hover span,
a.icon_notext:hover span {
	text-decoration: underline;
}

a img.icon,
a img.icon_notext {
	cursor: pointer;
}

input.autoCompleteField,
input.autoCompleteField_focus
{
	border-left: none;
	border-right: none;
}

input.autoCompleteField 
{
	border-top: solid 1px #85b1de;
	border-bottom: solid 1px #85b1de;
}
input.autoCompleteField_focus
{
	border-top: solid 1px #33677f;
	border-bottom: solid 1px #33677f;
}
input.autoCompleteFieldAlone
{
	border-left: solid 1px #85b1de;
	border-right: solid 1px #85b1de;
}
input.autoCompleteFieldAlone_focus
{
	border-left: solid 1px #33677f;
	border-right: solid 1px #33677f;
}

img.autoCompleteMagnifier
{
	border-top: solid 1px #85b1de;
	border-bottom: solid 1px #85b1de;
	border-left: solid 1px #85b1de;
	border-right: 0px;
	background-color: White;
}

img.autoCompleteMagnifier_focus
{
	border-top: solid 1px #33677f;
	border-bottom: solid 1px #33677f;
	border-left: solid 1px #33677f;
	border-right: 0px;
	background-color: White;
}

img.dropDown_default 
{
	border-top: solid 1px #85b1de;
	border-bottom: solid 1px #85b1de;
	border-left: 0px;
	border-right: solid 1px #85b1de;
}

img.dropDown_default_focus
{
	border-top: solid 1px #33677f;
	border-bottom: solid 1px #33677f;
	border-left: 0px;
	border-right: solid 1px #33677f;
}
img.quickAddSpan
{
	cursor: pointer;
}
img.icon_dropdown {
	background-image: url(../images/icon_dropdown.png);
}

img.icon_dropdown:hover {
	background-image: url(../images/icon_dropdown_hover.png);
}

#flash_message .icon_notext {
	margin: 0px;
}

.splitrowdelete
{
	cursor:pointer !important;
}

.splitRemainingFxAmount,
.splitTotalFxAmount
{
	padding-right: 3px;
}

.tableSplitText 
{
	font-size: 90%;
	font-style:italic;
	color:gray;
	padding-left: 20px !important;
}
.nolrborder
{
	border-left: 0px !important;
	border-right: 0px !important;
}
/*****************************************************************************/
/* Standard types */

@media screen {
}

@media print {
}

table.standard,
table table.standard
{
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;
	margin-bottom: 20px;
	font-size: 100%;
}

table.standard tr {
	/*vertical-align: text-bottom;*/
}

table.standard .footer .invisible,
table.standard .invisible,
table.standard tr.invisible,
.invisible {
	border-style: none;
	background: white;
}

table.standard th,
table.standard td,
table table.standard td
{
	padding: 2px 3px;
	/*margin: 5px;*/
	border-width: 1px;
	border-style: solid;
}

/*
table.standard thead th,
table.standard tr.header th {
	font-weight: bold;
	text-align: left;
	padding-left: 20px;
	background: #c2dCf5 url(../images/icon_mark.png) no-repeat 2px 3px;
	color: #19334C;
}
*/

table.standard thead td,
table.standard tbody.header td,
table.standard tr.header td {
	/*border: 1px solid #444;*/
	text-align: center;
	/*background-color: #c0c090;*/
}

table.standard thead td.alt,
table.standard tbody.header td.alt,
table.standard tr.header td.alt {
	background: #4c6176;
}

table.standard thead td.today,
table.standard tbody.header td.today,
table.standard tr.header td.today {
	background: #7c91a6;
}

table.standard.none,
table.standard.none tbody tr td {
  border: 0;
  background: #ffffff;
}

/* structural table is just used for lining things up. */

table.structural,
table.structural td,
table.structural th,
table table.structural,
table table.structural td,
table table.structural th,
table table table.structural td,
table table table.structural th {
	border-collapse: collapse;
	border-style: none;
	margin: 0;
	padding: 0;
}

table.default thead td, 
table.default tbody.header td,
table.default tr.header td,
thead td.default,
tbody.header td.default,
tr.header td.default,
table.time thead td, 
table.time tbody.header td,
table.time tr.header td,
thead td.time,
tbody.header td.time,
tr.header td.time,
table.expense thead td, 
table.expense tbody.header td,
table.expense tr.header td,
thead td.expense,
tbody.header td.expense,
tr.header td.expense
{
	font-size: 90%;
	text-align: center;
}

table.filter, table.actions,table.expenseActions {
	border: 0;
	border-top: 6px solid #435669;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-bottom: 20px;
	 position: relative;
}

table.filter td.namefield {
	background: #e0d7c2;
	padding-left: 6px;
	padding-right: 6px;
}


div.filter {
	border-top: 6px solid #435669;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	float: left;
}

/* Extra wrapper div to prevent double borders using negative margins. */
div.filter2 {
	margin-right: -1px;
	float: left;
}

table.filter td,
table.actions td,
table.expenseActions td,
.filterElement {
	border-width: 1px;
	border-style: solid;
	padding: 3px 5px;
}

.filterElement {
	float: left;
	border-width: 1px;
	height: 1.75em;
	line-height: 1.75em;
	vertical-align: middle;
	/* Margin of -1 to allow overlap of borders */
	margin-bottom: -1px;
	margin-left: -1px;
	white-space: nowrap;
}

.filterElement .icon {
	margin-top: 0.2em;
}

table.cal_month {
	border-collapse: collapse;
}

table.cal_month th,
table.cal_month td {
	border-width: 1px;
	border-style: solid;
}

table.cal_month thead th {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #f0f0f0;
	background: #435669 url(../images/bg_th_time.png) repeat-x;
	line-height: 26px;
}

table.cal_month thead td {
	text-align: center;
	font-size: 11px;
}

table.cal_month tbody td {
	padding: 0;
}

table.cal_month tbody td .day {
}

table.cal_month tbody td.hoverable:hover,
table.cal_month tbody .hovered,
table.standard tr.hoverable:hover td,
table.standard tbody tr.hoverable:hover td,
.titoTable tbody.titoSectionBody tr.hoverable:hover td,
.hoverable:hover, .hovered {
	background-color: #d2e1ec;
	cursor: pointer;
}

table.cal_month tbody td .day_number,
table.cal_month tbody td .day_data {
	padding: 0.1em 0.3em;
}

table.cal_month colgroup {
	width: 11%;
}

table.cal_month colgroup.timecard {
	vertical-align: top;
	background: #ffffcc;
}

table.cal_month colgroup.status {
	vertical-align: middle;
	background: #ffffcc;
}

table.cal_month .status {
	background: #ffffcc;
}

table.cal_month .day_data {
	color: #101010;
	font-size: 15px;
	text-align: center;
}

table.cal_month .day_number {
	color: #666666;
	background: #cdf;
	border-bottom: 1px solid #bce;
	font-size: 11px;
}

table.cal_month .day_number a {
	color: #666666;
	text-decoration: none;
}


.editable,
.editableValue,
.editable .icon {
	cursor: pointer;
}

#dashboardContent {
}

.tito {
}

.titoContent {
	/*margin: 20px 0 0 20px;*/
}
@media print { .titoContent{ margin-left: 0 } }

#sidebarCalendar {
	margin-bottom: 10px;
}

table#sidebarLayout {
	border-collapse: collapse;
	border-style: none;
	margin: 0;
	padding: 0;
}

.sidebar {
	margin: 0;
	padding: 0;
	background: #e6e6e6;
	/*width: 180px; Doesn't work */
}

.sidebar2 {
	padding: 10px;
}

.sidebar, .sidebarControl {
	vertical-align: top;
	border-right: 1px solid #bbb;
}

.sidebarControl {
	padding: 0;
}
@media print { .sidebarControl { display: none; } }

.sidebarControl:hover {
	background-color: #bba !important;
}

.sidebarControlExpanded {
	background: #ddd url(../images/expand_left.png) no-repeat 0 0; 
}

.sidebarControlCollapsed {
	background: #ddd url(../images/expand_right.png) no-repeat 0 0; 
}

.sidebarLayoutContents {
	vertical-align: top; 
	padding: 20px 0 0 20px;
	width: 100%;
}

.sidebarTable {
	background: #eef;
	color: #000;
	margin-bottom: 10px;
}

.sidebarTable {
	border-collapse: collapse;
	width: 100%;
	font-size: 95%;
}

.sidebarTable thead td,
.titoTable tr.header td {
	font-size: 98%;
	font-weight: bold;
	color: #f0f0f0;
	background: #435669 url(../images/bg_th_time.png) repeat-x;
	padding: 0.15em;
	text-align: center;
}

/*.sidebarTableExpense thead td {
	color: #f0f0f0;
	background: #435669 url(../images/bg_th_expense.png) repeat-x;
}*/

.sidebar table th,
.sidebar table td {
 	text-align: center;
}

.sidebar table td.left {
 	text-align: left;
}

.sidebar table td.right {
 	text-align: right;
}

.sidebarTable th, .sidebarTable td {
	padding: 0.1em 0.5em;
	border: 1px solid #ccc;
}

.sidebarTable tbody th {
	background: #cdf;
}

.sidebarTable tbody td {
	padding: 0.2em 0.4em;
	vertical-align: middle;
}

.highlightableBackground {
	margin: -8px -8px -8px -8px;
	padding: 8px;
	float: left;
}

.titoTable {
	margin: 0 0 20px 0;
}

.titoTable tbody {
}

.titoTable th, .titoTable td {
	padding: 0.1em 0.5em;
	border: 1px solid #ccc;
}

.titoTable tr.header td {
	font-size: 110%;
	font-weight: normal;
	color: #f0f0f0;
	background: #435669 url(../images/bg_th_time.png) repeat-x;
	padding: 0.15em;
	text-align: center;
}

.titoTable tbody th {
	font-weight: normal;
	padding: 0.15em 1em;
	text-align: center;
}

.titoTable td.section_separator { width: 5px; }
td.rowNumber{ width: 2em; }
td.controls{ width: 20px; }
td.titoTimeIn, td.titoTimeOut { width: 4.6em; }
td.titoBreak, .td.titoAdj, td.titoHours { width: 3.5em; }
td.titoProject { width: 18em; }
td.taskElement { width: 16em; }
td.titoType { width: 10em; }
td.titoDescription { width:  22em; }
td.titoStatus { width: 12em; }

.titoEditTable .message_box {
	margin-bottom: 0;
}

.titoEditTable h1 {
	margin: 0.2em 0 0.5em 0;
}

.titoPopin {
	border: 5px solid #435669;
}

.tito_description {
	height: 2em;
}

.tito_text {
	font-size: 90%;
}

table.actions {
	border-top: 6px solid #435669;
}

table.actions tbody th,
table.actions tbody td {
	border-color: #bba;
	padding: 0.4em;
	border-width: 1px;
	border-style: solid;
}

table.actions tbody td {
	background: #fffae0;
}

table.actions tbody th {
	background: #e0d7c2;
	text-align: left;
}

table.actions tr.comment td {
	background: #e0e0e0;
	font-weight: bold;
}

table.actions tr.footer td,
table tbody.actions tr td,
table tbody tr.actions td {
	background: #fff489 url(../images/bg_gradient_action.png) repeat-x;
}

.indented {
	margin-left: 20px;
}

div.separator, div.separator_error {
	background: #b0d3f5 url(../images/bg_separator.png) repeat-x !important;
	width: 100%;
	padding: 0.2em 0;
	margin: 0px auto 20px auto;
	font-size: 110%;
	font-weight: bold;
	border-top: 1px solid #e5edf5;
	border-bottom: 1px solid #b2cce5;
	color: #19334C;
}

div.separator .icon, div.separator_error .icon {
}

div.separator_error {
	background: #ffcdcd url(../images/bg_separator_error.png) repeat-x;
	border-bottom: 1px solid #ffcdcd;
	border-top: 1px solid #ffe6e6;
	color: #D8000C;
}

.popin {
	border: 5px solid #63bb3d;
}

.progress_bar {
	height: 13px;
	width: 65px;
	border: 1px solid blue;
	background: url(../images/progress_bar.gif) no-repeat;
}

/*****************************************************************************/
/* Page layout rules */

#header {
  /* Background must be non-opaque for when headers are frozen and scrolling under */
  background: white;
  /* Header on top of scrolling content when frozen */
  z-index: 1;
}

#titlebar, #navbar, #subjectbar, #messagebar, #clockinbar {
  /* No padding on top or bottom due to fixed headers */
  padding: 0;
  margin: 0 10px;
  /* Background must be non-opaque for when headers are frozen and scrolling under */
  background: white;
  /* Header on top of scrolling content when frozen */
  z-index: 1;
}

#titlebar, #content, #navbar, #header {
   /* FF3 */
   left: 0px;
   right: 0px;
}

#titlebar {
	padding-top: 10px;
	color: #364554;
}

#navbar, #navbar a {
	background: #364554 url(../images/bg_nav.png) repeat-x !important;
}

#navbar {
	vertical-align: middle;
	padding: 0;
	border: 1px solid #1f2831;
	border-right: 0;
	min-height: 1.8em;
}

/* 	navbar2's purpose in life is the margin-bottom of -1, so that the bottom
	border of the menu items overlap it, but if the window is narrowed and the
	navbar extends to multiple lines, the borders between lines show correctly.
*/
#navbar2 {
	margin-bottom: -1px;
}

#navbar a {
	padding: 0.4em 0.6em 0.35em 0.5em;
	text-decoration: none;
	color: #f0f0f0;
	font: 11px arial,sans-serif,helvetica;
	font-weight: bold;
	cursor: pointer;
	/* top/left margin of -1 to allow overlap of borders */
	margin-top: -1px;
	margin-left: -1px;
	/*position: relative;*/
	white-space: nowrap;
	line-height: 1.3em;
}

#navbar a img {
	vertical-align: middle;
}


#navbar a span.text {
	vertical-align: middle;
}

#navbar .left {
	float: left;
	border: 1px solid #1f2831;
}

#navbar .right {
	float: right; 
	border: 1px solid #1f2831;
}

#navbar a:hover {
	background: #4c6176;
	color: #f0f0f0;
}

#navbar a:hover span {
	text-decoration: none;
	/*color: #85b0ff;*/
}

#navbar a.selected {
	background: #85b0ff url(../images/bg_nav_highlighted.png) repeat-x !important;
	color: #1f2831 !important;
}

/* This is the menubar style right below and against the subject bar */

.dockedMenubar table {
	border-collapse: collapse;
	width: 100%;
	text-align: center;
}

.dockedMenubar table td {
	padding: 0.35em 0.5em 0.3em;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	white-space: nowrap;
}

.dockedMenubar table td.leftmost {
	border-left: 0;
	width: 49%;
	display: none;
}

.dockedMenubar table td.rightmost {
	border-right: 0;
	width: 99%;
}

/* This is the menubar style like the report menu */

.floatingMenubar table {
	border-collapse: collapse;
	text-align: center;
	border-color: #aaa;
	border: 0;
	border-top: 6px solid #435669;
	margin: 20px auto 10px auto;
	text-align: center;
}

.floatingMenubar table td {
	padding: 0.25em 0.5em;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	white-space: nowrap;
}

.floatingMenubar table td.leftmost {
	display: none;
}

.floatingMenubar table td.rightmost {
	display: none;
}

#subjectbar {
}

.subjectbarTable {
	background: #d7d7d7 url(../images/bg_gradient_gray.png) repeat-x;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #909090;
	padding: 1px 4px;
	min-height: 18px;
	width: 100%;
}

#subjectbar h1 {
	font-size: 120%;
	font-weight: bold;
	margin: 0;
}

.messagebar {
	border-bottom: solid 1px #cccc99;
	font-size: 90%;
}

.messagebar, .messagebar td {
	background: #eeeecc;
}

.messagebar td {
	border: 0;
	padding: 0.4em 0.3em 0.2em;
}

#footer {
	background: #364554 url(../images/bg_nav.png) repeat-x !important;
	width: 100%;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	border-top: 1px solid #364554;
	border-bottom: 1px solid #364554;
	color: #f0f0f0;
	font-size: 10px;
	line-height: 16px;
}


#footer .left { float: left; }
#footer .right { float: right; }

#footer span {
	padding: .2em .6em;
	vertical-align: middle;
}

#footer a {
	color: #f0f0f0;
	text-decoration: underline;
}

#content {
  display: block;
  /* No padding (margin?) on top or bottom due to fixed headers */
  padding: 0 10px;
  z-index: 0;
  /*position: relative; required for fixed header, but causes login page to not indent properly in IE7 */
}

div.calendar {
  z-index: 999;
}

#subjectbar .button {
	background: #364554;
	vertical-align: middle;
	padding: .2em .6em;
	margin: .1em 0;
	border: 1px solid #1f2831;
	color: #f0f0f0;
	font: 11px arial,sans-serif,helvetica;
	font-weight: bold;
	cursor: pointer;
}

#report_config {
	background: #e6e6e6 url(../images/bg_long_white2gray.png) repeat-x;
}

#report_list {
	font: 11px arial,sans-serif,helvetica;
	float: left;
	background: #e6e6e6;
	padding: 8px;
}

#report_list table {
	background: white;
}

#report_list table thead, #report_list table thead td {
	font-size: 120%;
	background: #435669 url(../images/bg_th_time.png) repeat-x;
	text-align: center;
	color: #f0f0f0;
}

#report_list table thead td {
	padding: .2em;
}

#report_list_items {
	border: 1px solid #435669;
	padding: 0;
	border-collapse: collapse;
}

#report_list_items table {
	border-collapse:collapse;
}
#report_list_items table thead td{
	font-size: 11px;
}

#report_settings {
	font: 11px arial,sans-serif,helvetica;
	float: left;
}

#report_settings_div {
	padding: 0;
	margin: 8px;
	border: 1px solid #435669;
	background: white;
}

#report_settings table {
	border-collapse:collapse;
}

#report_settings table thead {
	background: #435669 url(../images/bg_th_time.png) repeat-x;
	color: #f0f0f0;
}

/*
#report_list_items, #report_settings_detail {
	position: absolute;
	margin-top: -1px;  Overlap top border with bottom border on button. 
	z-index: 9;
}
*/

.report_table {
	margin: 0 auto;
}

#report_content .filter {
	margin: 0 auto;
}

table tr td.admin_container {
	vertical-align: top;
	padding-top: 1.2em;
	background-color: #e6e6e6;
}

table.admin {
	margin: 0 8px 1em;
	background: white;
	border: 1px solid #435669;
	font-size: 90%;
	width: 160px;
	border-collapse: collapse;
}

table.admin thead,
table.admin_data_edit thead,
table.admin_data_list thead {
	background: #435669 url(../images/bg_th_time.png) repeat-x;
	color: #f0f0f0;
}

table.admin thead td {
	padding: 0.2em;
	text-align: center;
	border-bottom: 1px solid #435669;	
}

table.admin tbody td {
	padding: 0.25em 0.6em 0.25em;
}

table.admin .icon {
	margin-right: 4px;
}

table.admin_data_list {
}

table table table.admin_data_edit,
table.admin_data_edit {
	border: 1px solid #435669;
	border-collapse: collapse;
	font-size: 90%;
	margin: 0 0 20px 0;
}

div.quickAddCenter 
{
	text-align: center;
	padding: 18px;
}

#quickadd_flash_box
{
	position:absolute; /*due to problem of scroll for popup, just make this flash_box always show and not scrollable*/
	padding-left: 0px;
	padding-top: 0px;
	z-index: 10000;
}
.quickadd_message_box_wrapper 
{
	margin-bottom: 12px !important; /* overrides .hilitableBackground, need +20px of margin */
	padding: 8px;
	/*background-color: blue;*/
	float: left;
}

.quickadd_message_box {
	border: 2px solid;
	background-position: 10px 10px;
	min-height: 32px;
	float: left;
}

table.admin_data_edit input,
table.admin_data_edit select {
	margin-left: 0;
}

table table table.admin_data_edit tbody td {
	border: 1px solid #435669;
}

table table table.admin_data_edit table td {
	border: 0;
}

table.admin_data_edit thead,
table table table.admin_data_edit thead,
table.admin_data_list thead {
	color: #f0f0f0;
	border-bottom: 1px solid #435669;
}

table.admin_data_edit thead td,
table table table.admin_data_edit thead td,
table.admin_data_list thead td {
	padding: 0.3em 0.6em;
}

table.admin_data_edit thead a,
table.admin_data_list thead a {
	color: #f0f0f0;
	text-decoration: underline;
}

table.admin_data_edit thead a:hover,
table.admin_data_list thead a:hover {
	color: #85b0ff;
}

table.admin_data_edit table table.section tbody td {
	padding: 0em 1em;
}

table.admin_data_edit table table.section table tbody td {
	padding: 0 0.75em 0 0;
}

table.admin_data_edit table tbody td {
	padding: 0.1em 0.5em;
}

table.admin_data_edit table {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

table.admin_data_edit tr.comment,
table.admin_data_edit table tr.comment {
	/*border-bottom: 1px solid #acc6df;*/
}

table.admin_data_edit tr.comment td,
table.admin_data_edit table tr.comment td {
	background: #c2dCf5;
	padding: 0.2em 0.6em;
	border-bottom: 1px solid #acc6df;
}

table.admin_data_edit.primary table td {
	margin: 0;
	padding: 1px;
}

table.admin_data_edit.secondary table td {
	margin: 0;
	padding: 1px;
}
table.admin_data_edit.secondary table span {
	margin: 0;
	padding: 0;
}

table.admin_data_list {
	border-top: 1px solid #435669;	
	border-bottom: 2px solid #435669;	
	border-collapse: collapse;
	font-size: 90%;
	margin: 0 0 10px 5px;
}

table.admin_my_account {
	width: 753px;
	border-bottom-style: none;
	overflow:hidden;
}

table.admin_my_account thead 
{
	overflow: hidden;
}

table.admin_data_list div.iframecontainer {
	height:450px;
	width:753px;
	min-width: 350px;
	min-height: 350px;
	position:relative;
	border-style:none;
	
}

table.admin_data_list #accountMicrosite {
	width:120%;
	height: 100%;
	border-style:none;
	overflow:hidden;
}

table.admin_data_list #editAccountButton 
{
/*	font-weight:bold;*/
	position:absolute;
	text-align: center;
/*	border: 1px solid #666666; */
	cursor: pointer;
	padding: 1px 6px;
	z-index: 100;
	margin-left: 241px;
	margin-top: 9px;
	display: none;
}

table.admin_data_list #editAccountButton img
{
	cursor: pointer;
}
table.admin_data_list tr.bg_light_gray_thick 
{
	line-height:22px;
}
tr.bg_light_gray_thick td 
{
	padding-left: 8px;
}
table.admin_data_list .admin_my_account_status
{
	padding-left: 70px;
	color: Lime;
}

table.admin_data_list .admin_my_account_status_red
{
	padding-left: 70px;
	color: Red;
}

table.faxCoverPage td {
	vertical-align: top;
}

table.faxCoverPage td.barcode {
	padding-top: 2em;
	text-align: center;
}

table.faxCoverData {
	border-collapse: collapse;
	/*margin-left: 2em;*/
}

table.faxCoverData th, table.faxCoverData td {
	border: 1px solid #aaa;
	padding: 0.3em 1em;
}

table.faxCoverData thead th {
	color: #0f0f0f;
	background: #b0d3f5 url(../images/bg_separator.png) repeat-x !important;
	font-size: 120%;
}

table.faxCoverData tbody th {
	white-space: nowrap;
}

table.faxCoverData tbody td {
	width: 100%;
}

table.faxCoverData ol {
	padding: 0 0 0 1.5em;
	margin-top: 0;
	list-style-position: outside;
}

table.faxCoverData li {
	margin-bottom: 0.5em;
}

@media screen {
	/* For scanned page images, scale to browser width, screen only. */

	img.pageImageBrowserWidth {
		width: 100%;
	}
}

@media print {
	img.pageImage {
		width: 85%;
	}
}

a.thumbnail {
	float: left;
	margin: 0 20px 0 0;
}

a.thumbnailSelected {
	border: 4px solid #ffff77;
	margin: -4px 16px -4px -4px;
}

img.thumbnail {
	border: 1px solid #000;
}

/*****************************************************************************/
/*	Context-sensitive displays */

.useContext {
	display: none;
}

.contextWrapper {
	/*position: relative;*/
	z-index: 400;
}

.contextFocuser {
	position: relative;
}

.contextWrapperHasFocus {
	margin-top: -0.5px; /* Compensate for Firefox absolute position bug which adds one extra pixel */
	/*padding: 0.5em;*/
	border: 2px solid black;
	background: white;
	position: absolute;
}

.contextWrapperHasFocus .useContext {
	display: block !important;
}

.contextWrapperHasFocus input.useContext  {
	display: inline !important;
}

.contextShadow {
	background: black;
	position: absolute;
	z-index: 399;
}

.contextWrapper h1 {
	margin-top: 0;
}

/*****************************************************************************/
/*	Styles for jquery.simplemodal */

#simplemodal-overlay {
	background-color: #002;
	cursor: wait;
}

#simplemodal-container, .modalContainer {
	left: 50%;
	top: 40%;
	/*border: 2px solid #19334C;
	color: #19334C;  
	background: #ccd9e5;*/
}

#simplemodal-container h1 {
	margin: 0 0 0.7em 0;
}

#simplemodal-container .simplemodal-close, .dialogClose {
	background: url(../images/icon_close.gif) no-repeat;
	width: 13px;
	height: 13px;
	display: inline;
	z-index: 3200;
	position: absolute;
	cursor: pointer;
}

#simplemodal-container .simplemodal-close {
	top: 4px;
	right: 4px;
}

#simplemodal-container .dialogClose {
	top: 5px;
	right: 5px;
}

.scrollable {
	overflow: auto;
}

/*****************************************************************************/
/* Login page */
#ie6BrowserWarning,
#sslNotice {
	PADDING-RIGHT: 8px;
	PADDING-LEFT: 8px;
	PADDING-BOTTOM: 8px;
	PADDING-TOP: 8px;
	BACKGROUND-COLOR: #cddceb;
	border-bottom: #909090 1px solid;
	white-space: nowrap;
}

#login_wrapper, #login_notice {
	margin-left: 20px;
}

#loginContainer {
	margin: 0 20px 20px 0;
	float: left;
}

#login {
	border: 2px solid;
	padding: 0;
	color: #19334C;  
	background: #ccd9e5;
	float: left;
}

#login h1 {
  font-size: 150%;
  font-weight: bold;
  padding: 0 0 1em 0;
  margin: 0;
}

#login table {
	border: 0;
	border-collapse: collapse;
}

#login table thead td {
	background: #435669 url(../images/bg_th_time.png) repeat-x;
	border-bottom: 1px solid #435669;
	color: #f0f0f0;
	font-size: 100%;
	text-align: center;
	padding: 0.2em;
	margin: 0;
}

#login table tbody tr.company td,
#login table tbody tr.company th,
#login table .ajax_message,
#login table tbody tr.buttons td {
	padding-top: 2em;
}

#login table tbody tr.forgot td {
	padding-bottom: 1em;
	background: inherit;
}

#login table tbody tr.ajax_message td {
	font-size: 90%;
}

#login table tbody th {
	font-weight: bold;
	text-align: left;
}

#login table tbody th,
#login table tbody td {
	padding: .25em 1em;
}

#login input {
	margin: 0;
}

#tito {
	position: absolute;
	float: left;
	background-color: white;
	border: 1px solid #33677F;
	padding: 2.5em 0.5em 0.5em 0.5em;
}

#tito th {
	text-align: center;
}

#tito input {
	text-align: center;
}

/*****************************************************************************/
/* jquery-ui-autocomplete */
.ui-autocomplete-results-with-magnifier 
{
	margin-left: -17px;
}

.ui-autocomplete-results-with-magnifier,
.ui-autocomplete-results 
{
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}
.ui-autocomplete-results-with-magnifier ul,
.ui-autocomplete-results ul 
{
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ui-autocomplete-results-with-magnifier li,
.ui-autocomplete-results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 95%;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 1.2em;
	overflow: hidden;
}

.ui-autocomplete-loading 
{
	background: white url('../images/ajax-loader.gif') right center no-repeat;
}

.ui-autocomplete-odd {
	background-color: #eee;
}

.ui-autocomplete-over {
	background-color: #0A246A;
	color: white;
}

/*****************************************************************************/
/* Media type controls */

@media screen {
	/*****************************************************************************/
	/* Pinned ("fixed") header rules */
	
	.noscreen { display: none; }
	
	#header.pinned { position: fixed; }
	
	#content.pinned { position: absolute; }

}

@media print {
	body {
		font: 8pt arial, helvetica, clean, sans-serif;
	}

	.noprint { display: none; }
	
	#navbar,
	#report_list, #report_settings,
	.filter,
	.actions,
	.expenseActions,
	.message_box
	{ display: none; }

	/* Fixed header */
	#header, #content {
		top: 0 !important;
	}

	img.dropDown { display: none }
	
	/*a { text-decoration: none; }*/
	
	/*a { display: none; }*/
	
	/*a.icon { display: none; }*/
}