/* Main */
* {
  font-family: Arial, Helvetica, sans-serif;
}
textarea,
input {
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
}
body {
  background: #fff url(../images/bg.png) repeat-x top left;
  background-attachment: fixed;
  margin: 0;
  padding: 70px 0 0 0;
  height: 100%;
  color: #666;
  font-size: small;
}
div.header {
  background-image:url(../images/bg.png);
  background-repeat:repeat-x;
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  border-bottom: inset;
}
.user {
  position:fixed;
  top:23px;
  left: 750px;
}
* html body{
  overflow: hidden;
}
* html div.content {
  padding-left: 8px;
  height: 100%;
  overflow:auto;
}
div.datetime {
  padding-left: 8px;
}
div.login,
table.login {
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
table.login tr,
table.login td {
  text-align:left;
}
td.loginbutton {
  text-align:center;
}
div.passwordchange {
  width:150px;
  overflow: hidden;
  margin-left:auto;
  margin-right:auto;
}
h1 {
  margin-top: 5px;
  margin-left: 8px;
}

img.icon {
  border: none;
}

/* Main (Print) */
@media print{
  * html body{
    overflow:auto;
  }
  body {
    height:auto;
    background:none;
    background-image:none;
    color: #000;
    padding: 0 0 0 0;
  }
  div.header{
    background:none;
    position:static;
    top: 0px;
    height:80px;
  }
  h1 {
    margin-top: 0px;
  }
  .icon {
    visibility:hidden;
  }

  /* Project Lists */
  div.expand a {
    visibility:hidden;
  }

  /* Archive */
  div.content input {
    visibility:hidden;
  }

  /* Management Projectdetails */
  .ProjectID {
    visibility:hidden;
  }
}

/* Data-Table */
div.datatable {
  padding-top: 8px;
  padding-left: 8px;
}
div.datatable th,
div.datatable td {
  padding: 0.1em 0.2em 0.1em 0.2em;
  vertical-align:middle;
  text-align: left;
  color: #000;
}
div.datatable th {
  font-weight: bold;
  background: #D3DCE3;
  white-space: nowrap;
}
div.datatable th.center {
  text-align: center;
  cursor: pointer;
}
div.datatable tr.odd {
  background: #E5E5E5;
}
div.datatable tr.even {
  background: #D5D5D5;
}
div.datatable tr.marked {
  background: #FFCC99;
}
div.datatable tr.light {
  background: #F6F6F6;
}
div.datatable td.cellright {
  text-align: right;
}
div.datatable td.cellcenter {
  text-align: center;
}
div.datatable td.timevalue {
  text-align: right;
}
div.datatable td.projectdispatch {
  font-weight: bold;
  color: blue;
}
div.datatable td.statuswhite {
  background: #fff;
}
div.datatable td.statusgreen {
  background: #99ff99;
}
div.datatable td.statusyellow {
  background: #ffff00;
}
div.datatable td.statusred {
  background: #ff6666;
}
div.datatable th.totalvalue,
div.datatable td.totalvalue,
div.datatable td.diffvalue,
div.datatable td.diffvaluered,
div.datatable td.diffvaluegreen {
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
}
div.datatable td.diffvaluered {
  color: red;
}
div.datatable td.diffvaluegreen {
  color: green;
}
div.datatable td.weekendcol {
  text-align: right;
  background: #bbb;
}
div.datatable td.totalvalueweekendcol {
  background: #bbb;
  text-align: right;
  font-weight: bold;
}
div.datatable a {
  text-decoration: none;
  color: black;
}

/* Tabber */
.tabbertabhide {
  display:none;
}
#tabber {
  margin-top:1em;
}
.tabbernav a, .tabbernav a:link, .tabbernav a:visited {
  text-decoration:none;
}
ul.tabbernav
{
  margin:0;
  padding: 3px 0;
  border-bottom: 1px solid #778;
  font: bold 12px Verdana, sans-serif;
  width:99%;
}
ul.tabbernav li
{
  list-style: none;
  margin: 0;
  display: inline;
}
ul.tabbernav li a
{
  padding: 3px 0.5em;
  margin-left: 3px;
  border: 1px solid #778;
  border-bottom: none;
  background: #DDE;
  text-decoration: none;
}
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover
{
  color: #000;
  background: #AAE;
  border-color: #227;
}
ul.tabbernav li.tabberactive a
{
  background-color: #fff;
  border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
  color: #000;
  background: white;
  border-bottom: 1px solid white;
}
.tabbertab {
  padding:5px;
  border:1px solid #aaa;
  border-top:0;
  width:98%;
}

/* Archive */
#reactivate {
  position:fixed;
  top:38px;
  left: 470px;
}

/* Edit Hours */
#save {
  position:fixed;
  top:38px;
  left: 470px;
}

/* Project Lists */
label {
  font-weight: bold;
  font-size: small;
  color: #666;
}

div.project {
  border-bottom: inset;
  border-bottom-color: #666;
}

div.client {
  //width:880px;
  width:1300px;
}
div.client table {
  padding:0px;
  border-spacing:0px;
}
div.client td {
  padding:2px;
  vertical-align:top;	
}
div.client h2 {
  margin:5px;
}

div.expand a {
  text-decoration:none;
  color:#666;
  outline: none;
}

div.details {
  display:none;
  padding-left: 14px;
}
div.details td.value {
  color: black;
}
div.details td.valuestrong {
  font-weight: bold;
  color: black;
}
div.details td.valuelight {
  color:grey;
}
div.details td.cellright {
  text-align:right;
}
div.details #buttons {
  padding-top:5px;
}

/* Booking Period */
div.bookings {
  width: 100%;
  overflow: hidden;
}

div.bookings div.period {
  position:relative;
  top: 3px;
  left: 400px;
  width: 400px;
  float:left;
  margin-right: 400px;
}

div.bookings div.button {
  padding-top:3px;
  overflow: hidden;
}

div.bookinglist td.value {
  text-align: right;
}

/* Project Details */
td {
  vertical-align: top;
}

#Project,
#SAPProjectID,
#ProjectTypeID {
  width:250px;
}

#StartDate,
#EndDate,
#Budget,
#HourlyRate,
#TimeDone,
#Progress {
  width:100px;
}

#Budget,
#HourlyRate,
#TimeDone,
#Progress {
  text-align:right;
}

/* Progressbars */
div.barContainer {
  position:relative;
  height:20px;
}
div.bar {
  z-index:0;
  position:absolute;
}
div.barImage {
  z-index:1;
  position:absolute;
  width:300px;
}
img.barImage {
  top:0px;
  left:0px;
  height:20px;
  width:100%;
}
div.barValue{
  color: black;
  position:absolute;
  left:310px;
  width:50px;
}
#newProject,
#newSAPProject {
  position:fixed;
  top:38px;
  left: 490px;
}

/* Time Recording */
.datetime {
  border-bottom:inset;
  border-bottom-color:#aaa;
}
.inputtime {
  text-align:right;
  color:black;
}
div.datatable select {
  width:190px;
}
div.datatable input#Remark {
  width:240px;
}
#previousday,
#nextday {
  outline: none;
}

/* Time Monthly-Overview */
.selection {
  padding-left: 8px;
  border-bottom:inset;
  border-bottom-color:#aaa;
}
.monthselection {
  margin-left:350px;
}
.value {
  color:black;
}
#previousmonth,
#nextmonth {
  outline: none;
}
div.overviewsapremark {
  padding-left: 8px;
}
/* Time Preferences */
div.worktime,
div.favorites {
  border-bottom:inset;
  border-bottom-color:#aaa;
}
div.buttons {
  padding-left: 8px;
}

/* Management Projectdetails */
div.data {
  padding-left: 8px;
  border-bottom:inset;
  border-bottom-color:#aaa;
}
div.period {
  position:relative;
  top: 3px;
  left: 400px;
  width: 400px;
}
#StartDatePeriod,
#EndDatePeriod {
  width:100px;
}
div.worktime {
  padding-left: 8px;
}
div.worktime td.value {
  text-align: right;
}
div.worktime td.totalvalue {
  text-align: right;
  font-weight: bold;
  color:black;
}
div.worktime td.totallabel {
  text-align: right;
  font-weight: bold;
  color: #666;
}
div.summary {
  border-bottom:inset;
  border-bottom-color:#aaa;
}

/* Setup */
div.setupdata {
  padding-left: 8px;
}
input#HourlyRateInternal,
input#HourlyRateDefault,
input#WorkStartDate,
input#DailyWorkTime {
  text-align: right;
  width:100px;
}

/* Dispatcher */
#dispatch {
  margin-top: 15px;
  margin-left: 440px;
}