/* CSS Document */
body { font-family: "Lucida Grande", arial, helvetica, verdana, sans-serif; font-size: 12px; line-height: 21px; color: #000; background: transparent;}

/**** general stuff ****/
form {margin: 0; padding: 0;}
img {border: 0;}
a:link, a:active, a:visited, a:hover { color: #666; text-decoration: none; border: 0;}
a.img:link, a.img:visited, a.img:hover, a.img:active {background: transparent; border: 0;}
a.clean {border: 0px;}

h1 {font-size: 18px; font-weight: bold;}
h2 {font-size: 16px;}
h3 {font-size: 14px; margin-top: 5px; margin-bottom: 5px; padding: 0;}
p {margin-top: 1em;}

.do_not_print {display: none;}
.buttons_h {display: none;}

.h3_nav {
  float: right;
  font-size: 11px;
  font-weight: normal;
}

.h3_nav a:link, .h3_nav a:visited, .h3_nav a:hover, .h3_nav a:active {
  color: #C10202;
  border: 0;
  text-decoration: underline;
}

.h3_nav a:hover {
  text-decoration: none;
}

.floatl {
  float: left;
}

.floatr {
  float: right;
}

/* DEFAULT STYLE FOR INPUTs */
input,
textarea {
  margin: 0;
  padding: 3px;
}

input[type="checkbox"],
input[type="image"],
input[type="submit"],
input[type="radio"],
input.normal {
  display: inline;
  padding: 0;
  width: auto;
  margin-top : 3pt ;
}

input.long,
select.long {
  width: 300px;
}

select optgroup option {
  padding-left: 10px;
}

input.ie-auto { display: inline; width: auto; padding: 0; }
dl {
  /* position: relative; */
  padding: 0;
  margin: 0;
}

dt {
  /* position: relative; */
  width: 200px;
  margin: 3px 8px 0 0;
  padding: 0;
  font-size: 12px;
  text-align: right;
  white-space: nowrap;
  float: left;
  clear: left;
}

dd {
  /* position: relative; */
  text-align: left;
  margin: 0 0 15px 0;
}

/* for dd's with a helper explanation below */
dd.with_helper {
  margin: 0;
}

dd.helper {
  margin: -15px 0 15px 0;
  color: #777;
  font-size: 11px;
  line-height: 16px;
}

dd select {
  padding: 2px;
}

dd.controller {
  margin: 0;
}

/* the buttons in a form */
dd.controller td input.button_control {
  margin-left: 0;
  margin-right: 10px;
}

dt.required {
  font-weight: bold;
}


/**** the main container ****/
.container {
  text-align: center;
  width: 800px;
  border: 0;
  margin: auto;
}

/**** COMPANY HEADER ****/

#company_header {
  width: 100%;
  color: #999;
  text-align: left;
  padding-top: 8px;
  font-size: 14px;
  font-weight: bold;
        border-bottom: 1px solid #999;
}

#company_header a {display: none;}

#company_header .floatr {
  font-size: 11px;
  font-weight: normal;
  color: #999;
  visibility: hidden;
  display: none;
}

#company_header .floatr a:link,
#company_header .floatr a:visited,
#company_header .floatr a:active,
#company_header .floatr a:hover {
  color: #aaa;
  border-bottom: 1px solid #999;
}

#company_header .floatr a:hover {
  background: #555;
  border-bottom: 1px solid #555;
}

/**** end COMPANY HEADER ****/


/**** NAVIGATION: should not show up in print ****/
#main_tab {visibility: hidden; display: none;}
#subtab {visibility: hidden; display: none;}
.small_buttons {display: none;}

/**** header stuff ****/
.title {
  padding: 10px;
  color: #6F9748;
  font-weight: bold;
  font-size: 16px;
}

#header .subTitle {
  margin: 0 10px 8px 10px;
  color: #6F9748;
  font-weight: bold;
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
}



/**** container for all the "real" content ****/

#mainbody {
  background: transparent;
  border: 0px solid #ccc;
  text-align: left;
}

#mainbody h1 {border-bottom: 2px solid #000; margin-bottom: 10px;}
#mainbody h1 .h1_nav {display: none;}

/* float, half half */
#mainbody .floatl_half {
  width: 360px;
  margin-top: 10px;
}

#mainbody .floatr_half {
  width: 360px;
  margin-top: 10px;
}

#mainbody .floatl_wide {
  padding: 0;
  margin: 0;
  float: left;
  width: 420px;
  margin-top: 10px;
  border-right: 0px solid red;
}

#mainbody .floatl_wide dt {
  width: 140px;
}

.form_important {
  background: #ffa;
  border-left: 10px solid #ff6;
  padding: 5px 20px 5px 10px;
  margin: 20px;
  font-weight: bold;
}

#mainbody .floatr_narrow {
  float: right;
  width: 300px;
  margin-top: 10px;
}

/**** TIMESHEET class ****/
.timesheet {
}


p.help {
  margin: 0;
  margin-bottom: 10px;
  font-size: 11px;
  line-height: 16px;
  color: #666;
  display: none;
}

/* a light shaded box to contain lists (well, anything) */
.list_box {
  border: 1px solid #CCCC99;
  background: #FFFFDD;
  margin: 0;
  padding: 10px;
}

.inactive {
  background: #eeeeee;
}

#mainbody .list_box h1 {
  padding: 0px;
  margin: 0px;
  margin-top: 5px;
  color: #666;
  border-bottom: 1px solid #ccc;
  font-weight: normal;
  font-size: 11px;
  width: 100%;
}

.list_box ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list_box li {
  padding: 10px;
  font-size: 11px;
  line-height: 18px;
  color: #666;
  list-style: none;
}

.list_box ul.strong {
  border: 0px solid green;
  list-style: none;
  margin: 0;
  padding: 0;
}

.list_box ul.strong li {
  padding-top: 2px;
  padding-bottom: 0px;
  font-size: 12px;
  line-height: 18px;
}

.list_box ul li ul {
  border: 0px solid green;
  list-style: none;
  margin: 0;
  padding: 0 0 0 10px;
}

.list_box ul li ul li {
  padding: 0px;
  font-size: 12px;
  line-height: 18px;
  color: #666;
}

.list_box li a:link,
.list_box li a:visited,
.list_box li a:active,
.list_box li a:hover {
/*  color: #444; */
}

.list_box li strong {
  font-size: 14px;
}

table.mini-inline th {
  padding: 3px;
  border-bottom: 1px solid #666;
  font-size: 11px;
}

table.mini-inline td {
  padding: 3px 0 0 3px;
}

/*** form on top of a page ***/

.form_top {
  /* position: relative; */
  padding: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #666;
}

/* these forms are hidden and are called out by certain links */
.hidden_form {
  background: #FFFFAA;
  padding: 10px;
  margin-bottom: 0px;
}

.hidden_form td {
  /* padding-right: 10px; */
}

/*** simple form table ***/
table.simple_form {
  border: 0px solid green;
}

table.simple_form th {
  width: 150px;
  text-align: right;
  padding: 10px;
  font-size: 14px;
  vertical-align: top;
}

table.simple_form th.optional {
  font-weight: normal;
}

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

#minibody {
  background: white url("images/back-mainbody.gif") repeat-x;;
  border: 0px solid #ccc;
  padding: 5px;
  margin: 0;
  text-align: left;
  color: #000;
}

#left {
  float: left;
  width: 162px;
  margin: 0px;
  padding: 0px;
  margin-right: 0px;
  border-right: 1px dotted #666666;
  background: transparent;
}

#content {
  float: left;
  margin: 0px;
  padding: 10px;
  padding-top: 0;
  border: 0px solid red;
  background: #ffffff;
  width: 750px;
}

#left_wide {
  float: left;
  width: 450px;
  margin-right: 10px;
  border: 1px solid #cccccc;
}

#right_narrow {
  float: right;
  width: 220px;
  background: #dddddd;
}

#one_third {
  float: left;
  border: 1px solid #cccccc;
  width: 220px;
  margin-right: 10px;
}

#footer {
  margin: 10px auto;
  width: 750px;
  text-align: left;
  font-size: 11px;
  padding: 10px;
  color: #666;
  visibility: hidden;
  display: none;
}

#footer #credit {
  float: right;
}

/********* edit project ***************/
.task_estimate {
  float: right;
}

.tasks_block_estimate {
  border: 1px solid #cccccc;
  margin: 10px;
  padding: 10px;
  background: #eeeeee;
}

.tasks_block_estimate table {
  border: 1px solid #cccccc;
}

.tasks_block_estimate td {
  padding: 5px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  background: white;
}

#pageTitle {
  font-weight: bold;
  font-size: 15px;
  width: 100%;
  font-family: verdana, arial, helvetica, sans-serif;
  padding: 0 0 3px 0;
  color: #006A7B;
  border-bottom: 2px solid #006A7B;
}

#pageNav {
  padding: 3px 0 3px 0;
}

.subHeaderL {
  padding: 10px 0 10px 0;
  font-size: 13px;
  float: left;
}

.subHeader {
  font-size: 14px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 25px;
}

#ajax_status {
  padding: 10px;
  color:#999;
}

#save-indicator {
  color: #999;
  background-color: yellow;
}

/**** TIMESHEET togle ****/
#timeperiod_toggle {
  /* position: relative; */
}

.tab_active {
  /* position: relative; */
  top: -2px;
  background: #666;
  padding: 5px 10px;
  color: white;
}

.tab_inactive {
  /* position: relative; */
  top: -2px;
  background: #ccc;
  padding: 5px 10px;
  color: white;
}

.tab_inactive a:link,
.tab_inactive a:visited,
.tab_inactive a:hover,
.tab_inactive a:active {
  color: #666;
  border: 0;
}

.tab_inactive a:hover {
  color: #000;
  background: transparent;
}

/**** TIMESHEET table ****/
table.basic-input {
  width: 100%;
  z-index: 2;
  border-left: 1px solid #CCCC99;
  border-right: 1px solid #CCCC99;
  margin-top: 20px;
}

table.basic-input caption {
  margin: 0 0 15px;
  text-align: left;
}

table.basic-input thead th {
  background-color: #FFFFE1;
  border-top: 2px solid #CCCC99;
  border-bottom: 1px solid #CCCC99;
  font-weight: normal;
  padding: 5px;
  font-weight: bold;
	text-align: left;
  vertical-align: bottom;
}

table.basic-input thead th.control {
  width: 15px;
  padding: 0;
}

table.basic-input thead th.date {
  font-size: 11px;
  line-height: 14px;
  font-weight: normal;
  text-align: right;
}

table.basic-input thead th.project {
  width: 320px;
}

table.basic-input thead th.total {
  width: 40px;
  text-align: right;
  padding-right: 15px;
}

table.basic-input thead th.number {
  text-align: right;
}

table.basic-input thead td.mini {
  padding: 3px;
  border-top: 0px;
  border-bottom: 1px solid #CCCC99;
  background-color:#FFFFCE;
  font-weight: normal;
  font-size: 11px;
  width: 90px;
}

/* FOOTER CELLS */
table.basic-input tfoot td {
  font-weight: bold;
  background-color: #FFFF99;
  padding: 10px 5px;
  border-top: 1px solid #CCCC99;
  border-bottom: 2px solid #CCCC99;
}

table.basic-input tfoot td.mini {
  padding: 3px;
  border-top: 0px;
  border-bottom: 3px solid #666;
  background-color:#eee;
  font-weight: normal;
  font-size: 11px;
  width: 90px;
}

table.basic-input tfoot td.sum {
  text-align: right;
  font-size: 14px;
  padding-left: 5px;
  padding-right: 15px;
}

table.basic-input tfoot td.sub_sum {
  font-weight: normal;
  font-size: 11px;
  padding-right: 5px;
}

table.basic-input tfoot td.sum .zero {
  color: #999;
}

table.basic-input tfoot td.notes {
  text-align: left;
  border-top: 1px solid #9ACE96;
}

/* BODY CELLS */
table.basic-input tbody td {
  border-bottom: 2px solid #DDDDAA;
  font-size: 11px;
  line-height: 14px;
  margin: 0;
  padding: 8px 5px 8px 5px;
  text-align: left;
  background-color: #FFFFDD;
}

table.basic-input tbody td.number {
  padding: 0 5px;
  text-align: right;
}

table.basic-input tbody td input {
  text-align: right;
}

table.basic-input tbody td.task {
  padding: 0;
  text-align: left;
}

table.basic-input tbody td.weekend {
  background-color: #eee;
  text-align: right;
}

table.basic-input tbody td input {
  padding: 2px;
  border-top: 1px solid #999;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #999;
  font-size: 11px;
  width: 30px;
  background: #f3f3f3;
}

table.basic-input tbody td input.time {
  width: 50px;
  text-align: left;
  border-top: 1px solid #bbb;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #bbb;
}

table.basic-input tbody td input.notes {
  width: 250px;
  margin: 0;
  text-align: left;
  border-top: 1px solid #bbb;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #bbb;
}

table.basic-input tbody td input.checkbox {
  padding: 0;
  border: 0;
  width: 20px;
  background: transparent;
}

table.basic-input tbody td.task a {
  color:#336699;
}

table.basic-input tbody td.empty {
  color: #888;
  padding: 5px;
}
table.basic-input tbody tr:hover td {

}

table.basic-input tbody td.date {
  font-size: .9em;
  padding: 0 5px;
  width: 110px;
}

table.basic-input tbody td.sum {
  text-align: right;
  padding-right: 15px;
}

table.basic-input tbody a {
  display: block;
  padding: 5px;
  text-decoration: none;
}

table.basic-input tbody a.delete {
  display: inline;
  text-decoration: none;
  border: none;
  background: transparent;
  padding: 0;
}

table.basic-input tbody a:hover {
  text-decoration: none;
}

table.basic-input tbody em {
  display: block;
  font-size: .7em;
  font-style: normal;
  font-weight: normal;
}

table.basic-input tbody em a {
  color: #3C77A2;
}

input.read_only {
  border: solid 0 #fff;
  background: transparent;
}

.mini_helper {
  font-size:9px;
  font-weight:normal;
  text-decoration: none;
}

/*************
* Basic form
**************/
#basic_form {
  font-size:12px;
  width: 560px;
}

#basic_form dl {}

#basic_form dt {
  width: 110px;
  margin: 4px 8px 0 0; padding: 0;
  text-align: right;
  white-space: nowrap;
  float: left;
  clear: left;
  /* position: relative; */
}

#basic_form dd {
  margin: 0 0 5px 0px;
}

.helper {
  color: #666;
  font-size: 11px;
}


/*** the notice box ***/
.notice {
  background: #eee;
  padding: 10px 15px 10px 15px;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  margin-bottom: 10px;
  color: #c00;
}


/*** the warning box ***/
.warning {display: none;}

.column_inline_box {
  position: absolute;
  left: 20px;
  background: #fefefe;
  border: 1px solid #999;
  z-index: 100;
  margin-top: 10px;
  width: 310px;
  padding: 10px;
}

.indent_form {
  margin-left: 20px;
}

.column_form {
  background: #ffff99;
  margin-bottom: 10px;
  padding: 10px;
  font-size: 11px;
}

.column_form form {
  padding: 0;
  margin: 0;
}

.column_form h2 {
  font-size: 14px;
  border: 0;
  padding: 0;
  margin: 0;
  margin-bottom: 5px;
}

.column_form dl {}

.column_form dt {
  margin: 4px 8px 0 0; padding: 0;
  text-align: left;
  white-space: nowrap;
  /* position: relative; */
}

.column_form dd {
  margin: 0 0 5px 0px;
}

.column_form .callout {
  text-align: center;
  background: #DD8;
  padding: 5px;
  margin: 0;
  margin-top: 10px;
}

.column_form input {
  padding: 1px;
  font-size: 11px;
}

.column_form select {
  padding: 1px;
  font-size: 11px;
  width: 150px;
}

.column_form input.button_inline {
  padding: 2px 2px 0 2px;
}

.column_form input.estimate {
  width: 50px;
}

.column_form td strong {
  font-size: 11px;
}

.callout a:link, .callout a:visited, .callout a:hover, .callout a:active {
  background: transparent;
  border: 0;
  color: #C00;
  padding: 0;
  border-bottom: 1px solid #C99;
}

.callout a:hover {
  background: #ff9;
  border-bottom: 1px solid #ff9;
}

/* Reporting layout */
#time_specification {
  margin-bottom: 10px;
}

#reporting_slim_col {
  height: 60px;
  margin-top: 10px;
}

#reporting_wide_col {
  margin-top: 10px;
}

.report_header {
  font-size: 14px;
  margin: 0px;
  padding: 0;
  list-style: none;
}

.report_header_nav {
  font-size: 11px;
  margin: 0px;
  padding: 0;
}

.report_layer {
}

.report_layer a {
  border: 0;
}

.report_total {
  border-top:1px solid #ccc;
  padding: 5px 0 5px 0;
  font-size: 14px;
}

#time_selector {
  margin: 0 15px 10px 15px;
}

/*** tips ***/
.tips {
  background: #D7E9EC;
  padding: 10px 15px 10px 15px;
  font-size: 11px;
  line-height: 18px;
  font-weight: normal;
  margin-bottom: 10px;
}

.tips p {
  margin: 5px 0 5px 0;
}

.tips h2 {
  font-size: 14px;
  margin: 5px 0 5px 0;
}

.tips ul {
  /* position: relative; */
  list-style: none;
  margin: 0;
  margin-left: 10px;
  padding: 0;
}

.tips li {
  padding: 0;
  margin: 0;
  margin-bottom: 4px;
}


/*** error messages ***/

.fieldWithErrors {
  background-color: #e0c0c0;
  display: inline;
}

.fieldWithErrors input,
.fieldWithErrors select,
.fieldWithErrors textarea {
  background-color: #FFFF66;
}

#errorExplanation {
  /* position: relative; */
  padding: 15px 20px 7px 20px;
  margin-bottom: 20px;
  background: #FFCCFF;
  font-size: 11px;
}

#errorExplanation h2 {
  font-size: 14px;
  margin: 0;
  margin-bottom: 5px;
}

#errorExplanation p {
  margin: 0;
}

#errorExplanation ul {
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  padding-left: 20px;
}

#errorExplanation li {
  margin: 0;
}

/* float controller */
.float_controller_container {
  /* position: relative; */
  z-index: 2;
}

.float_controller {
  position: absolute;
  width: 30px;
  top: -6px;
  left: -25px;
  z-index: 1;
  /* border: 1px solid green; */
}

.float_controller_2 {
  font-size:11px;
/*  position: absolute;
  width: 100px;
  left: 250px;
  z-index: 1;
  /* border: 1px solid green; */
}

/**** TIMESHEET MISC ****/

#add_link {
  /* position: relative; */
  margin-top: 15px;
  margin-bottom: 10px;
}

#controllers {
  margin-top: 25px;
  font-size: 14px;
}

#controllers a:link,
#controllers a:visited,
#controllers a:hover,
#controllers a:active {
  color: #C60;
  font-weight: bold;
  border: 0;
  text-decoration: underline;
}

.controllers_inline {
  margin-top: 5px;
}

#notes_field {
  width: 400px;
  border: 1px solid #D3D5AE;
  background: #F7F9D1;
  margin: 0;
  padding: 10px;
  font-size: 11px;
}

#notes_field textarea {
  border: 1px solid #D3D5AE;
  width: 99%;
  height: 40px;
  margin: 0;
  margin-bottom: 5px;
  padding: 3px;
  font-family: "Lucida Grande", arial, helvetica, verdana, sans-serif;
  font-size: 11px;
  line-height: 14px;
}

a.highlight:link,
a.highlight:visited,
a.highlight:hover,
a.highlight:active {
  font-size: 12px;
  font-weight: bold;
  color: #C60;
}

/**** end: TIMESHEET MISC ****/

.flash {
  /* position: relative; */
  padding: 5px;
  background-color: #FFFF99;
  font-size: 11px;
  color: #666;
}

/* small link used in footer, usually used to show the lesser info */
/* such as on people screen, "show inactive employees */
.sublink {
  float: right;
  font-size: 11px;
  font-weight: normal;
}

.sublink a:link,
.sublink a:visited,
.sublink a:hover,
.sublink a:active {
  color: #666;
}

/***** pending approval timesheets *****/
#pending_approval_project {

}

#pending_approval_project .project_name {
  background: #cc0;
}

#pending_approval_project .person {

}

#pending_approval_project .time_period {
  position: absolute;
  left: 220px;
}

#pending_approval_project .total_hours {
  position: absolute;
  left: 400px;
}

/***** blocks for forms and information on the company account details page *****/

.info_block {
  background: #efefef;
  padding: 10px;
  margin-bottom: 10px;
}

.info_block li {
  margin-left: 20px;
}

.info_block p {
  margin-bottom: 5px;
}

/***** Pricing Model table (duped from marketing) *****/

table.pricing {
  border-top: 3px solid #666;
  border-bottom: 3px solid #666;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  background: white;
}

table.pricing th {
  padding: 5px 10px 0px 10px;
  border: 0px;
  margin: 0;
}

table.pricing thead th {
  border: 0;
  padding-top: 10px;
  color: red;
  border-left: 1px solid #cccccc;
}

table.pricing thead td {
  border: 0;
}

table.pricing td {
  padding: 10px 10px 10px 10px;
  border: 0px;
  border-left: 1px solid #cccccc;
  margin: 0;
}

table.pricing td.price {
  font-size: 11px;
  font-weight: bold;
  border: 0;
  border-left: 1px solid #ccc;
  padding-top: 0px;
  padding-bottom: 0px;
}

table.pricing td.action {
  font-size: 11px;
  font-weight: bold;
  border: 0;
  border-left: 1px solid #ccc;
  padding-top: 0px;
  padding-bottom: 5px;
}

/**** LOGIN styles ****/
#login {
        background: white url("images/back-mainbody.gif") repeat-x;
        width: 350px;
        margin: 10% auto;
        padding: 20px 10px;
        border: 5px solid #666;
}

#login h2 {
  font-size: 18px;
}

input.login {
  margin-left: 0;
}

table.login_form {
}

table.login_form th {
  width: 150px;
  text-align: right;
  padding: 8px 5px 5px 5px;
  vertical-align: top;
}

table.login_form td {
  padding: 5px;
  text-align: left;
}

/**** For daily detailed report printing ****/
#detail_controls {
        display: none;
}

/**** TABLE FOR SUMMARY ****/
.timesheet_summary {
  padding: 20px 0;
}

.timesheet_summary h2 {
  margin: 0;
  font-size: 14px;
  color: #444;
}

table.timesheet_summary {
  width: 100%;
  margin: 0px auto 10px auto;
  text-align: left;
  padding: 0;
        border-top: 6px solid black;
}

table.timesheet_summary thead th {
  font-weight: normal;
  padding: 3px 0 0 5pt;
  text-align: left;
  vertical-align: bottom;
  border-bottom: 1px solid #ccc;
  background-color: #FFFFE1;
}

table.timesheet_summary thead th.amount {
        text-align: right;
}

table.timesheet_summary thead th a:active,
table.timesheet_summary thead th a:link,
table.timesheet_summary thead th a:visited,
table.timesheet_summary thead th a:hover {
  color: #006699;
  text-decoration: none;
  border-bottom: 0;
}

table.timesheet_summary tbody tr.highlight {
  background-color: #ffffce;
  cursor: pointer;
}

table.timesheet_summary tbody tr.normal {
  background-color: #ffffdd;
}

table.timesheet_summary tbody td {
  padding: 0 2px 0 0px;
  border-bottom: 1px solid #ccc;
  font-size: 12px;
  vertical-align: top;
  font-weight : bold ;
}

table.timesheet_summary tbody td.header {
  font-weight: normal;
  padding: 3px 0 0 0;
  text-align: left;
  vertical-align: bottom;
  border-bottom: 1px solid #ccc;
  background-color: #FFFFE1;
}

table.timesheet_summary tbody td.number, table.timesheet_summary tbody td.amount {
  text-align: right; padding-right: 0pt;
}

table.timesheet_summary tbody td.daily_notes {
  color: #666;
}

table.timesheet_summary tfoot td { font-weight: bold; }
table.timesheet_summary tfoot td.total_label {
  text-transform: uppercase;
  text-align: right;
  line-height: 1.6em; }
table.timesheet_summary tfoot td.total_amount {
  text-align: right;
  font-size: 1.2em; }
table.timesheet_summary tfoot td.subtotal_label {
  font-weight: normal;
  font-size: 11px;
  line-height: 1.7em;
  text-align: right; }
table.timesheet_summary tfoot td.subtotal_amount {
  font-weight: normal;
  font-size: 11px;
  line-height: 1.7em;
  text-align: right; }


#helpbox {display: none; visibility: hidden;}

/****************************************************************/
/*  original filename print-reportin.css                        */
/****************************************************************/


h1 .timeframe {color: #666666;}

/******** SNAPSHOT TABLE ***********/
table.reportin {border: 0; border-top: 0px; border-bottom: 0; width: 100%;}
table.last {border-bottom: 1px solid #ccc;}
table.reportin thead th {
  padding: 10px 6px 0; border-bottom: 2px solid #999;
  font-size: 1em; text-align: right; font-weight: bold;}
table.reportin thead th.client_name {width:312px; font-weight: bold; text-align: left;}
table.reportin thead th.subject_long {width:312px; font-weight: bold; text-align: left;}
table.reportin thead th.subject {width:260px; font-weight: bold; text-align: left;}
table.reportin thead th.hours {width:80px;}
table.reportin thead th.hours_nopad {width:80px;}
table.reportin thead th.rates {width:45px;}
table.reportin thead th.costs {width:80px;}
table.reportin thead th.graph {padding: 3px 5px 0 0; text-align: left;}
table.reportin thead th.billable {width:70px; text-align: center;}
table.reportin td {padding: 5px 6px; text-align: left; font-size: 1em; line-height: 1.2em; border-bottom: 1px solid #ddd;}
table.reportin td.nobdr {border: 0;}
table.reportin td.number {text-align: right;}
table.reportin td.hours {text-align: right; padding-right: 3px;}
table.reportin td.hours img {display: none; visibility: hidden;}
table.reportin tr {background: transparent;}
table.reportin thead tr.total {background: transparent;}
table.reportin thead tr.total td {border-top: 1px solid #ccc; border-bottom: 0; padding: 8px 6px; font-size: 1em;}
table.reportin thead tr.total td.hours {text-align: right; padding-right: 15px;}
table.reportin tfoot tr {background: transparent; color: #666; /*#ffb;*/}
table.reportin tfoot td {text-align: right; border-top: 1px solid #ccc; border-bottom: 0px solid #ccc; padding: 6px 6px;}
table.reportin tfoot td.total {font-weight: bold; text-align: left;}
table.reportin tfoot td.hours {padding-right: 0;}

/******** REPORT HEADER *********/
#report_header {margin: 0; padding: 8px 0; overflow: hidden;}
#report_header table {width: 310px; float: left; }
#report_header table td {vertical-align: top; font-weight: bold; }
#report_header table td.label {font-weight: normal; padding-right: 10px;}
#report_header table td img {display: none;}


/*** report snapshot (need a table to better position graph with info) ***/
table.report_snapshot {width: 100%;}
table.report_snapshot td {width: 100%; padding: 0; margin: 0;}

table.report_details td {padding: 0; font-weight: bold;}
table.report_details td.label {color: #777; padding-right: 8px; font-weight: normal;}

/*********** BASIC BAR GRAPH ***********/
div.bar_graph {position: relative; padding: 2px 0 0 0; height: 12px; text-align: left;}
div.bar_graph div.bottom {position: absolute; z-index: 3;}
div.bar_graph div.top {position: absolute; z-index: 4;}
div.bar_graph div.fill_hours {border-top: 12px solid #76C043;}
div.bar_graph div.fill_estimate {border-top: 12px solid #76C043;}
div.bar_graph div.bg_hours {border-top: 12px solid #C5E9A2;}
div.bar_graph div.bg_estimate {border-top: 12px solid #D2E9E9;}
div.bar_graph div.bg_over_estimate {border-top: 12px solid #CC0000;}

/*** rounded buttons ***/
a.rounded_button:link,
a.rounded_button:visited,
a.rounded_button:hover,
a.rounded_button:active {
  display: block;
  font-size: 14px;
  line-height: 15px;
  font-weight: bold;
  color: #333;
  margin: 0;
  padding: 10px 0 10px 12px;
  width: 175px;
  background: none;
  background-color: transparent;
  border: 0;
}

.big_button {
  display: block;
  padding: 0;
  height: 35px;
  margin-bottom: 10px;
  background: url("images/big_button.gif") no-repeat;
/*  border: 1px solid green; */
}

ul.dashboard_controls {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 20px;
}

ul.dashboard_controls li {
  margin: 0;
  padding: 0 0 5px 10px;
}

.message {visibility: hidden; display: none;}

.message ul {
  margin: 0;
  padding: 5px 0 5px 10px;
  list-style: none;
}

.report_nav {visibility: hidden; display: none;}

.tab_sub_nav {
  border-top: 1px solid #999;
  padding: 10px;
  margin: 0;
}

/***** quick stats ******/

ul.overlays {
  margin:0;
  padding:0;
  display:inline;
  list-style:none;
}

ul.overlays a {
  text-decoration: none;
}

ul.overlays li {
  float: left;
  padding:0;
  text-align:center;
  margin: 0;
}

ul.overlays li.estimates {display: none;}

ul.overlays li#visitors {
  margin-left:0;
}
ul.overlays li p {
  text-align:left;
}
ul.overlays li strong {
  display:block;
  margin:.3em 0;
  font-size:1.7em;
  font-weight:bold;
  text-align:center;
  text-transform:capitalize;
}
ul.overlays li a.overlay {
  text-align:center;
  display:block;
  width:110px;
  padding-top:5px;
  margin-top: 0;
  margin-right: 5px;
  height:50px;
  color:#666;
  font-size:11px;
  font-weight:normal;
  text-decoration:none;
  border: 0;
  border: 1px solid #999;
  /*background:url(/images/dashboard_summary.gif) no-repeat;*/
}

ul.overlays li a.overlay_selected {
  /*background:url(/images/dashboard_summary_selected.gif) no-repeat;*/
  color: #333;
  font-weight:bold;
  text-decoration:none;
  height: 48px;
  border: 2px solid #666;
  background: #ccc;
}

ul.overlays li a.overlay:hover {
  /* background:url(/images/dashboard_summary_selected.gif) no-repeat; */
  text-decoration:none;
}


/******** ESTIMATES ********/
#estimate h3 {
        padding-bottom: 5px;
  border-bottom: 3px solid #666;
  margin: 20px 0 10px;
  color: #333;
  font-size: 18px;
  font-weight: bold;
}

table.estimate {border: 0px; width: 100%; font-size: 11px;}
table.estimate thead th {padding: 3px 5px 0; border-bottom: 2px solid #999; text-align: right; font-weight: bold;}
table.estimate thead th.project {text-align: left; width: 314px;}
table.estimate thead th.actual_hours {width: 80px;}
table.estimate thead th.graph {width: 180px; padding: 3px 5px 0 0;}
table.estimate td {padding: 1px 8px; text-align: right; font-size: 11px; border-bottom: 1px solid #ddd;}
table.estimate td.graph {padding: 0px 5px 0 0;}
table.estimate td.project {padding: 3px 5px; text-align: left;}
table.estimate tr {background: transparent;}

/******** MINI ESTIMATE GRAPH ***********/
div.estimate_graph_container {
  position: relative;
  padding: 2px 0 0 0;
  line-height: 0;
  width:230px; /* 172px; */
  text-align: left;
  height: 11px;
}

div.estimate_graph_container div.estimate_graph {
  position: absolute;
  border-top: 11px solid #d2e9e9;
  width: 75%;
  text-align:left;
  font-weight: normal;
  z-index: 3;
  border-right: 1px solid #c7dddd;
}

div.estimate_graph_container div.highlight {
  position: absolute;
  border-top: 11px solid #76C043;
  width: 75%;
  z-index: 4;
}

div.estimate_graph_container div.estimate_graph_over_estimate {
  position: absolute;
  border-top: 11px solid #cc0000;
  width: 75%;
  z-index: 3;
}

/******** FIXED WIDTH GRAPH ***********/
/*** current used on /estimates, billable graph for all active projects ***/

div.fixed_graph_container {
  position: relative;
  padding: 0;
  margin: 0;
  line-height: 0px;
  height: 9px;
  width:70px;
  text-align: left;
  border: 1px solid #6F8E4A; /* 333; */
  background-color: #C5E9A2;
  float: left;
}

div.underestimate {width:120px; margin-bottom:5px;}
div.overestimate {width:120px; background-color:red; margin-bottom:5px;}

div.fixed_graph_container div.highlight {
  position: absolute;
  border-top: 9px solid #76C043;
  line-height: 0;
  text-align:left;
}

.over_estimate {
  color:red;
  font-weight:bold;
}

.within_estimate {
  color:#339900;
  font-weight:bold;
}

/******** PROJECT SNAPSHOT TABLE ***********/
table.snapshot { width: 100%; border-bottom: 1px solid #ccc;}

table.snapshot thead th {
  padding: 3px 5px;
  border-bottom: 2px solid #ccc;
  font-size: 11px;
  text-align: right;
  font-weight: bold;
}
table.snapshot thead th.client_name {width:312px; text-align: left;}
table.snapshot thead th.total_hours {width:80px;}
table.snapshot thead th.graph {padding: 3px 5px 0 0; text-align: left;}
table.snapshot thead th.billable {width:70px; text-align: center;}
table.snapshot td {border-bottom: 1px solid #ddd; padding: 2px 3px 1px 4px; text-align: right; font-size: 11px;}

.report_header {
  font-size: 14px;
  margin: 0px;
  padding: 0;
  list-style: none;
  width: 470px;
  float:left;
}

.report_header_status {
  text-align:left;
  float:right;
  width:117px;
  font-size:11px;
  border-left:1px solid #ccc;
  padding:5px 5px 5px 5px;
  margin:-5px 0 0px 0;
  line-height: 18px;
}

#trial_message {display: none;}
.dashboard_table_bottom {display: none;}
/****************************************************************/
/*  original filename print-additional.css                        */
/****************************************************************/


.cache_link {
  display: none; }

.main_buttons, .buttons_h {
  display: none; }

#timesheet_view_selector {
  display: none; }

ul.manage {
  list-style: none;
  margin: 0;
  border-top: 1px solid #d5d5d5;
  padding: 0; }
  ul.manage li {
    border-bottom: 1px solid #d5d5d5;
    padding: 0; }
    ul.manage li a .notes {
      font-weight: normal; }
    ul.manage li.section_header {
      font-size: 1em;
      font-weight: bold;
      
      border-bottom: 1px solid #CCCCCC;
      border-top: 0;
      padding: 5px;
      background-color: #DDDDDD; }
      ul.manage li.section_header .notes {
        color: #666;
        font-weight: normal; }
    ul.manage li.header {
      background-color: #F6F6F6;
      padding: 7px 5px;
      font-size: 10px;
      line-height: 1em; }
    ul.manage li.header_link {
      line-height: 1em;
      padding: 5px 5px 5px 0;
      background-color: transparent;
      font-weight: bold; }
      ul.manage li.header_link a {
        color: #000000; }
        ul.manage li.header_link a:hover {
          background: #000000;
          color: #ffffff; }
      ul.manage li.header_link .project_users_count {
        float: right;
        width: 140px;
        font-weight: normal;
        font-size: 0.9em;
        color: #888888;
        text-align: center; }

ul.edit_links a.link {
  display: block;
  padding: 2px 5px 2px 10px;
  color: #000000;
  font-size: 0.9em;
  font-weight: normal;
  
  border: 0; }
  ul.edit_links a.link:hover {
    background: #deeaff url("images/btn_edit.gif") no-repeat 5px 7px; }
  ul.edit_links a.link .notes {
    font-weight: normal; }
  ul.edit_links a.link .project_users_count {
    float: right;
    width: 140px;
    font-weight: normal;
    color: #888888;
    text-align: center; }

table.entries {
  width: 100%;
  border-left: 0;
  border-right: 0;
  margin-top: 10px;
  font-size: 0.95em;
  line-height: 1.3em; }
  table.entries thead th {
    background-color: transparent;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    font-weight: bold;
    padding: 2px 5px;
    text-align: left;
    vertical-align: middle; }
    table.entries thead th.amount {
      text-align: right; }
  table.entries thead.subhead th {
    background-color: transparent;
    color: #666666;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 9px; }
  table.entries tbody tr {
    background-color: #ffffff; }
    table.entries tbody tr.deactivated {
      background-color: #eee;
      color: #777; }
    table.entries tbody tr.highlight {
      background-color: #ffffce;
      cursor: pointer; }
    table.entries tbody tr.normal {
      background-color: #ffffff; }
    table.entries tbody tr.form {
      background-color: #eeeeee; }
  table.entries tbody td {
    border-bottom: 1px solid #cccccc;
    margin: 0;
    padding: 8px 5px 8px 5px;
    text-align: left;
    vertical-align: top; }
    table.entries tbody td input, table.entries tbody td textarea {
      padding: 0.2em 0.1em;
      border: 1px solid #999; }
    table.entries tbody td select {
      font-size: 1em; }
    table.entries tbody td.amount {
      text-align: right; }
    table.entries tbody td.notes {
      color: #666; }
    table.entries tbody td.control {
      padding: 0;
      width: 1px; }
    table.entries tbody td a.delete, table.entries tbody td a.edit, table.entries tbody td a.timer {
      display: none; }
  table.entries tfoot td {
    font-size: 1em;
    font-weight: bold;
    
    background-color: transparent;
    padding: 8px 5px;
    border: 0; }
    table.entries tfoot td.total_label {
      font-weight: normal;
      text-transform: uppercase;
      text-align: right; }
    table.entries tfoot td.total_amount {
      font-size: 1.1em;
      text-align: right; }
    table.entries tfoot td.controls {
      padding: 0 5px;
      vertical-align: center; }

table.daily thead th.amount {
  text-align: center; }
table.daily tbody td.task {
  width: 260px; }
  table.daily tbody td.task select {
    width: 260px;
    margin-bottom: 4px; }
table.daily tbody td.amount {
  width: 50px; }
  table.daily tbody td.amount input {
    width: 40px;
    text-align: right; }
table.daily tbody td.timer {
  padding: 0;
  width: 1px; }
table.daily tbody td.notes {
  width: 345px; }
  table.daily tbody td.notes input {
    width: 340px; }

table.expenses thead th.date {
  width: 100px;
  text-align: left; }
table.expenses thead th.category {
  width: 212px; }
table.expenses thead th.amount {
  width: 72px; }
table.expenses tbody td.date {
  width: 100px; }
table.expenses tbody td.amount {
  width: 72px;
  text-align: right;
  text-align: right; }
table.expenses tbody td.category {
  width: 212px; }
table.expenses tr.form td.date select {
  width: 100px; }
table.expenses tr.form td.category select {
  width: 212px;
  margin-bottom: 4px; }
table.expenses tr.form td.notes input {
  width: 270px; }
table.expenses tr.form td.amount input {
  width: 55px;
  text-align: right; }
  table.expenses tr.form td.amount input.mileage {
    width: 38px; }
table.expenses tfoot td.controls {
  width: 112px; }
table.expenses tfoot td.total_label {
  width: 212px; }
table.expenses tfoot td.total_amount {
  width: 72px; }
table.expenses tfoot td.controls a.add {
  display: none; }

#timesheet_top_panel {
  background-color: transparent;
  padding: 10px 6px;
  margin: 0; }
  #timesheet_top_panel h2 {
    font-size: 1em;
    line-height: 1em;
    padding: 0;
    margin: 0; }

#add_form {
  display: none; }

/****************************************************************/
/*  original filename print-invoice.css                        */
/****************************************************************/


#invoice-show #company_header, #invoice-show #mainbody h1, #invoice-show #payment_history, #invoice-show #activity_log {
  display: none; }
#invoice-show #company_info {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #000; }
  #invoice-show #company_info table {
    width: 100%; }
  #invoice-show #company_info td {
    vertical-align: top; }
    #invoice-show #company_info td.logo {
      width: 50%;
      padding-right: 85px; }
      #invoice-show #company_info td.logo h3 {
        text-transform: uppercase;
        font-size: 16px;
        margin: 0; }
#invoice-show #invoice_header {
  padding-bottom: 2em;
  overflow: hidden; }
  #invoice-show #invoice_header table {
    width: 50%;
    float: left; }
    #invoice-show #invoice_header table td {
      vertical-align: top;
      font-weight: bold; }
      #invoice-show #invoice_header table td.label {
        width: 80px;
        padding-right: 5px;
        font-weight: normal; }
  #invoice-show #invoice_header #client_summary {
    width: 40%;
    float: left; }
    #invoice-show #invoice_header #client_summary h3 {
      font-size: 12px;
      margin: 0; }
  #invoice-show #invoice_header p {
    margin: 0; }
#invoice-show table.invoice_items {
  border: 0;
  margin-top: 40px; }
  #invoice-show table.invoice_items thead th, #invoice-show table.invoice_items tbody td {
    font-size: 11px;
    background: transparent;
    padding: 3px 5px 0 0; }
  #invoice-show table.invoice_items thead th {
    border-bottom: 1px solid #000;
    line-height: 1.4em;
    background-color: transparent;
    font-weight: bold; }
  #invoice-show table.invoice_items th.type, #invoice-show table.invoice_items td.type {
    width: 80px; }
  #invoice-show table.invoice_items th.tax, #invoice-show table.invoice_items td.tax {
    width: 40px;
    text-align: right; }
  #invoice-show table.invoice_items th.quantity, #invoice-show table.invoice_items td.quantity {
    width: 80px;
    text-align: right; }
  #invoice-show table.invoice_items th.price, #invoice-show table.invoice_items td.price, #invoice-show table.invoice_items th.amount, #invoice-show table.invoice_items td.amount {
    width: 100px;
    text-align: right; }
  #invoice-show table.invoice_items th.amount, #invoice-show table.invoice_items td.amount {
    padding-right: 0; }
  #invoice-show table.invoice_items tfoot td {
    padding: 0 0 2px 0;
    font-weight: normal; }
    #invoice-show table.invoice_items tfoot td.amount {
      font-size: 1em; }
    #invoice-show table.invoice_items tfoot td.label {
      text-align: right; }
    #invoice-show table.invoice_items tfoot td.total {
      font-size: 1.1em;
      font-weight: bold; }
#invoice-show #invoice_notes_area {
  border-top: 1px solid #000;
  margin-top: 1em;
  margin: 1em auto;
  padding: 0;
  font-size: 0.95em;
  width: 100%;
  border: 0; }
  #invoice-show #invoice_notes_area h3 {
    border-top: 1px solid #000;
    margin-bottom: 0;
    font-size: 1.1em; }

/****************************************************************/
/*  original filename ie.css                        */
/****************************************************************/


.buttons_h:after, .buttons_h,
.main_buttons:after, .main_buttons,
.small_buttons:after, .small_buttons,
#report_header:after, #report_header,
#invoice_header:after, #invoice_header
{_zoom: 1;}