body {
  
  padding: 0;
  margin: 0;
  font-family: calibri;
}
a {
  color: #000;
}
#dispatch-table {
  width: 1024px;
  height: 768px;
  border: 1px solid #000;
}
#logo {
  height: 5%;
  color: #ff0000;
  background: #e0e0e0;
  font-family: Brush Script Std;
  font-size: 1.60em;
  border-bottom: 1px dotted #000;
}
#admin {
  background: #e0e0e0;
  font-size: .75em;
  border-bottom: 1px dotted #000;
}
#admin a {
  color: #000;
}

td#timeline {
  background: #e0e0e0;
  width: 65%;
  height: 85%;
  border-right: 1px dotted #000;
}
table#timeline {
  width: 100%;
}
table#timeline th {
  background: #e0e0e0 !important;
  height: 25px;
  font-size: 100% !important;
  border-right: 0 !important;
  border-bottom: 1px solid #000;
}
table#timeline .t {
  padding-right: 5px;
  background: #e0e0e0 !important;
  text-align: right;
  width: 7%;
  border-right: 1px solid #000;
  border-bottom: 0 !important;
}
table#timeline td.t {
  font-weight: bold;
}
table#timeline .s {
  background: #efefef;
  border-right: 1px dotted #000;
  width: 20%;
}
table#timeline .c {
  background: #fff;
  border-right: 1px dotted #000;
  text-align: center;
  font-size: 75%;
  width: 20%;
}
table#timeline .c .l {
  float: left;
  margin-left: 5px;
}
table#timeline .c .r {
  float: right;
  margin-right: 5px;
}
table#timeline .c a {
  color: #000;
  text-decoration: none;
}
table#timeline .n {
  background: #efefef;
  border-bottom: 1px dotted #000;
}
table#timeline .e {
  border-right: 0;
}
table#timeline .end td {
  border-bottom: 1px solid #000;
}
table#timeline .end td.t { border-bottom: 0; }
table#timeline tr.odd .c {
  background: #f7f077;
}
table#timeline tr.even .c {
  background: #fff77f;
}
table#timeline tr.odd td.di {
  background: #efefef;
  color: #b5b5b5;
}
table#timeline tr.even td.di { 
  background: #ffffff;
  color: #b5b5b5;
}
table#timeline .di a {
  color: #b5b5b5;
}

td#priority {
  width: 35%;
  height: 85%;
  background: #e0e0e0;
}
table#priority {
  width: 340px;
}
table#priority th {
  background: #e0e0e0;
  height: 25px;
  border-bottom: 1px dotted #000;
  text-align: center;
}
table#priority td.call-unassigned {
  background-color: #efefef;
  font-size: 75%;
  height: 74px;
  width: 170px;
  padding: 9px;
  border-bottom: 1px dotted #000;
  border-right: 1px dotted #000;
}
table#priority td.priority-low {
  background-color: #dbdd17;
}
table#priority td.priority-medium {
  background-color: #c47b24;
}
table#priority td.priority-high {
  background-color: #c43424;
}
table#priority td.priority-late {
  background-image: url('./priority-late.gif');
}
table#priority td.priority-late .low div.container {
  background-color: #ddde76;
}
table#priority td.priority-late .medium div.container {
  background-color: #d1ab7c;
}
table#priority td.priority-late .high div.container {
  background-color: #d1857c;
}

table#priority td.call-unassigned div.container {
  background: #e0e0e0;
  border: 1px dotted #000;
  display: table;
  width: 100%;
}
table#priority td.call-unassigned div.ttl {
  float: left;
  margin-left: 5px;
}
table#priority td.call-unassigned div.edit {
  float: right;
  margin-right: 5px;
}
table#priority td.call-unassigned div.edit a {
  color: #000;
  text-decoration: none;
}
table#priority td.call-unassigned div.deliver {
  clear: both;
  border-top: 1px dotted #000;
  padding-top: 3px;
  border-bottom: 1px dotted #000;
  padding-bottom: 3px;
  margin-bottom: 3px;
}
table#priority td.call-unassigned div.date {
  float: left;
  margin-right: 5px;
  padding-left: 5px;
}
table#priority td.call-unassigned div.description {
  float: left;
  margin-left: 15px;
  margin-right: 5px;
  padding-bottom: 3px;
  text-align: justify;
}

table#priority td.call-assigned {
  background-color: #efefef;
  font-size: 75%;
  height: 20px;
  border-bottom: 1px dotted #000;
  border-right: 1px dotted #000;
}
table#priority td.call-assigned div {
  height: 20px;
  float: left;
  position: relative;
  top: 3px;
  margin-right: 10px;
}
table#priority td.call-assigned img {
  position: relative;
  top: 3px;
}
table#priority td.apriority-low {
  background: #ddde76;
}
table#priority td.apriority-medium {
  background: #d1ab7c;
}
table#priority td.apriority-high {
  background: #d1857c;
}
table#priority td.call-assigned div.date {
  padding-left: 5px;
}
table#priority td.call-assigned div.deliver {
  position: relative;
  top: 0px;
  min-width: 170px;
}
table#priority td.call-assigned div.tid {
  width: 45px;
}
table#priority td.call-assigned div.edit {
  float: right;
  margin-right: 5px;
}
table#priority td.call-assigned div.edit a {
  color: #000;
  text-decoration: none;
}

td#timeline-selection {
  height: 10%;
  background: #e0e0e0;
  border-top: 1px dotted #000;
  border-right: 1px dotted #000;
}
td#timeline iframe, td#priority iframe, td#timeline-selection iframe {
  border: 0;
  width: 100%;
  height: 100%;
}
td#timeline-selection iframe {
  height: 70px;
}