table.job-item-left {
float: left;
width: 80%;
}

table.job-item-left td {
padding: 0.5em 0.25em;
vertical-align: top;
}

table.job-item-right {
width: 20%;
padding: 1em;
}

table.job-item-right td label {
text-align: left;
}

div.commentbox {
width: 100%;
height: 8em;
overflow: auto;
text-align: left;
max-width: 53em;
}

p.itemcomments {
margin: 0 0 0 0.25em;
white-space: normal;
}

/*~~~~~~~ Job Item Navigation ~~~~~~~*/
td.panel-nav-left, td.panel-nav-left-inactive, td.panel-nav-right, td.panel-nav-right-inactive {
width: 3%;
vertical-align: middle;
}

td.panel-nav-left {
cursor: pointer;
background: #252525 url(../images/icon-left-reverse-20.png) center no-repeat;
}

td.panel-nav-right {
cursor: pointer;
background: #252525 url(../images/icon-right-reverse-20.png) center no-repeat;
}

td.panel-nav-left-inactive {
background: #CCCCCC url(../images/icon-left-reverse-20.png) center no-repeat;
}

td.panel-nav-right-inactive {
background: #CCCCCC url(../images/icon-right-reverse-20.png) center no-repeat;
}

td.panel-nav-left:hover{
background: #f15a25 url(../images/icon-left-reverse-20.png) center no-repeat;
}

td.panel-nav-right:hover{
background: #f15a25 url(../images/icon-right-reverse-20.png) center no-repeat;
}

/*~~~~~~~ Job Item ~~~~~~~*/
div.panel-wrapper-edit {
display: block;
width: 100%;
border-collapse: collapse;
border-top: 2px solid #f15a25;
border-bottom: 2px solid #f15a25;
margin: 0 0 2em 0;
}

div.panel-job-item {
margin: 1em 0;
background: #F2F2F2;
padding: 5px;
}

table.jobitem-details {
table-layout: fixed;
white-space: nowrap;
width: 100%;
}

fieldset.billingType {
padding: 0.5em;
}