/*

css specific to the timesheet application (not the admin side)

*/

/* links in the app
************************************************************/
a.btn{
  border:1px outset #666;
  padding:3px 5px;
  background:#ddd;
  color:#000;
  text-decoration:none;
}
a.btn:hover{
  background:#ccc;
}
a.btn:active{
  border:1px inset #666;
}
a.icon{
  padding:3px 20px 3px 0;
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:center right;
}
a.right_arrow{
  background-image:url(../images/icons/silver/arrow_left.gif);
}
a.right_arrow:hover{
  background-image:url(../images/icons/orange/arrow_left.gif);
}
a.back{
  background-image:url(../images/icons/silver/back.gif);
}
a.back:hover{
  background-image:url(../images/icons/orange/back.gif);
}
a.check{
  background-image:url(../images/icons/silver/check.gif);
}
a.check:hover{
  background-image:url(../images/icons/orange/check.gif);
}
a.comment{
  background-image:url(../images/icons/silver/comment.gif);
}
a.comment:hover{
  background-image:url(../images/icons/orange/comment.gif);
}
a.edit{
  background-image:url(../images/icons/silver/edit.gif);
}
a.edit:hover{
  background-image:url(../images/icons/orange/edit.gif);
}
a.add{
  background-image:url(../images/icons/silver/add.gif);
}
a.add:hover{
  background-image:url(../images/icons/orange/add.gif);
}
a.delete{
  background-image:url(../images/icons/silver/remove.gif);
}
a.delete:hover{
  background-image:url(../images/icons/orange/remove.gif);
}
a.close{
  background-image:url(../images/icons/silver/close.gif);
}
a.close:hover{
  background-image:url(../images/icons/orange/close.gif);
}

/* forms and fields
************************************************************/
form{ display:inline; }
form p{
  clear:left;
}
form p label{
  float:left;
  width:12em;
  padding:4px 0 0;
}
form p.no_input label{ padding-top:0; }
form p input[type=checkbox]{
  position:relative;
  top:-4px;
  left:-4px;
}
form p.btn{
  margin-left:12em;
}
form.timesheet p.btn{
  margin-left:0;
  text-align:left;
}
form p.btn img.indicator{
  position:relative;
  top:3px;
}
.highlight{ background-color:#ff9; }

/* the main app components
************************************************************/
#content h3{
  font-size:1.6em;
  font-weight:normal;
  margin:0 0 10px;
}
#content fieldset legend{
  font-size:1.4em;
}
#notice{
  border:1px solid #ccc;
  border-left:0;
  border-right:0;
  text-align:center;
  padding:10px 10px 5px;
  margin-bottom:10px;
}
#notice h3{
  margin:0;
  padding:0;
}
#content table{
  border:1px solid #666;
  border-collapse:collapse;
}
#content table thead tr{
}
#content table thead tr th{
  background:#aaa;
  border-right:1px solid #666;
  border-bottom:1px solid #666;
  text-align:center;
  padding:5px 10px;
}
#content table thead tr th.blank, #content table tbody tr td.blank{
  background:#eee;
}
#content table tbody tr{
  background:#fff;
}
#content table tbody tr.alt0{
  background:#eee;
}
#content table tbody tr:hover{
  background:#ff9;
}
#content table tbody tr td{
  text-align:center;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:5px 10px;
}
#content table tbody tr.totals td.label{
  text-align:right;
  font-weight:bold;
}
#content table#timesheet tbody tr td.hours input{
  text-align:center;
}
#content table.my_projects tbody tr.active{}
#content table#my_projects tbody tr.inactive{
  color:#aaa;
}
#content table tbody tr.weekend{
  background:#9bf;
  color:#666;
}
#content table#my_projects tbody tr.deleted td, #content table#my_projects tbody tr.deleted td a{
  text-decoration:line-through;
  color:#bbb;
}
#content p span.important{
  font-weight:bold;
  font-size:1.3em;
}
#add_project{
  margin:20px 0 0;
  /* this overflow is for a bug in firefox that hides the cursor when the textboxes in this element have focus */
  overflow:hidden;
}