div#timeEntryContainer
{
    margin-top: 15px;
    margin-right: 15px;
    border-left: none;
}
.ui-tabs-vertical { display: table; height: 500px; width: 100%; padding: 0; border-radius: 0 10px 10px 0; }
.ui-tabs-vertical > .ui-tabs-nav { padding: .2em .1em .2em .2em; width: 1%; width: 150px; display: table-cell !important; vertical-align: top; border-radius: 0; border-top: none; border-bottom: none; border-left: none; }
.ui-tabs-vertical > .ui-tabs-nav li { width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical > .ui-tabs-nav li a { display:block; width: 95%; padding: 0.3em 0.2em 0.3em 0.3em; white-space: normal; }
.ui-tabs-vertical > .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; margin: 0 -1px .2em 0; }
.ui-tabs-vertical > .ui-tabs-panel { padding: 0; display: table-cell; }
.ui-tabs-vertical > .ui-widget-header 
{ 
    background: #AFAFAF;
}
div#timeEntryContainer .ui-tabs-panel
{
    padding: 0;   
}

li.summaryTab a,
li.addCustomerTabLink a
{
    font-weight: bold;
}

/* timesheet header */
.timesheetHeaderBar
{
    /*display: none;*/
    color: #fff;
    overflow: auto;
    padding: 10px;
    border-bottom: 3px double #aaa;
    border-left: 1px solid #aaa;
    border-top-right-radius: 10px;
    
}
.timesheetHeaderBar h1
{
    font-size: 1.5em;
    float: left;
    font-weight: bold;
}
.timesheetHeaderBar .timesheetHeaderDates
{
    font-size: 0.9em;
    float: right;   
}
.timesheetHeaderBar .timesheetHeaderStatus
{
    /*clear: right;
    padding-top: 10px;
    float: right;   */
}
.customerTimesheetTabs 
{
    margin: 10px;
}

/* UDF editable */
.userDefinedFieldsBlock {
    display: none;
}
.userDefinedFieldsBlock > div {
    display: table-row;
}
.userDefinedFieldsBlock > div > div {
    display: table-cell;
    padding: 3px;
}
.userDefinedFieldsBlock > div > div:first-child {
    white-space: nowrap;
}
.userDefinedFieldsBlock > div > div input,
.userDefinedFieldsBlock > div > div select {
    min-width: 100%;
}
.userDefinedFieldsBlock > div > div input {
    min-width: 150px;
}

/* UDF uneditable */
div.timesheetLinePanel.uneditable .userDefinedFieldsBlock {
    display: none;
}
div.timesheetLinePanel.uneditable .userDefinedFieldsBlock > div {
    float: left;
    white-space: nowrap;
}
div.timesheetLinePanel.uneditable .userDefinedFieldsBlock > div > span {
    padding-right: 20px;
}
div.timesheetLinePanel.uneditable .userDefinedFieldsBlock > div > span:first-child {
    font-weight: bold;
    padding-right: 5px;
}

/* Button Bar */
div.timesheetButtonBar {
    border: 1px solid #555;
    background-color: #4C505B;    
    overflow: auto;
}
div.timesheetButtonBar > div.actions {
    padding: 5px;
    overflow: auto;
}
div.timesheetButtonBar > div.actions > div {
    float: left;
}
div.timesheetButtonBar > div.actions > div:first-child {
    margin-right: 5px;
}
div.timesheetButtonBar input.ui-button:first-child {
}
div.timesheetButtonBar input.ui-button {
    padding: 5px;
}
div.timesheetButtonBar > div.calculations {
    margin: 4px 5px 8px;
}
div.timesheetButtonBar > div.calculations fieldset {
    border: 1px solid #555;
    border-radius: 5px;
    padding: 10px;
    font-size: 0.9em;
    background-color: #fff;
}
div.timesheetButtonBar > div.calculations table {
	text-align: right;
	width: 100%;
}
div.timesheetButtonBar > div.calculations div.separator {
    margin: 10px 0;
    height: 1px;
    background: #555;
}
div.timesheetButtonBar > div.calculations td {
    padding: 2px 3px;
    white-space: nowrap;
}
div.timesheetButtonBar > div.calculations td:first-child {
    text-align: right;
}
div.timesheetButtonBar > div.calculations td:nth-child(2n) {
	width: 60px;
}
div.timesheetButtonBar > div.calculations table.payTypeTotalsTable tr:first-child td {
    font-weight: bold;
    padding-bottom: 10px;
}
div.timesheetButtonBar > div.calculations tr.firstExpense td {
    border-top: 1px dashed #888;
}
div.timesheetButtonBar span.ui-button-text {
    padding: 5px;
}
div.timesheetButtonBarTop {
    margin: 5px 0;
}
div.timesheetButtonBarBottom {
    margin: 8px 0;
    display: inline-block;
    min-width: 292px;
}
div.timeEntryMessagePanel {
    padding: 10px 0;
    text-align: center;
    color: #ff0000;
    font-weight: bold;
}
div.timeEntryMessagePanel img {
    vertical-align: middle;
}

div#jobList ul
{
    margin: 0;
    padding: 0;   
}

div#jobList ul li
{
    list-style: none;
    margin: 3px; 
}

/* Timesheet Lines */
div.timesheetPanelTable {
    display: table;
    width: 100%;
}
div.timesheetColumnHeaderPanel {
    display: table-row;
    font-weight: bold;
    color: #000;
    background-color: #ccc;
}
div.timesheetColumnHeaderPanel > div {
    display: table-cell;
    padding: 5px;
    vertical-align: top;
    padding: 6px 5px;
    text-align: center;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #555;
    border-top: 1px solid #555;
}
div.timesheetLinePanel {
    border-top: 1px solid #555;
    overflow: auto;
    font-size: 0.9em;
    display: table-row;
}
div.timesheetLinePanel:first-child {
    border-top: none;
}
div.timesheetLinePanel:nth-child(2n) {
    background-color: #eee;
}
div.timesheetLinePanel > div {
    padding: 5px;
    display: table-cell;
    vertical-align: top;
}
div.timesheetLinePanel .comment {
    width: 150px;
    transition: height 0.2s ease 0s;
}
div.timesheetLinePanel .position {
    min-width: 100%;
}
div.timesheetLinePanel input[type='text'] {
    /*color: #aaa;
    border: 1px solid #ccc;*/
    color: #333;
    border-color: #888;
    width: 100%;
    padding: 1px;
}
div.timesheetLinePanel input[type='text'].readonly {
    color: #000;
    border: none;
    background-color: transparent;
}
div.timesheetLinePanel select.payType {
    width: 100%;
}
div.timesheetLinePanel input.focused {
    color: #333;
    border-color: #555;
}
div.timesheetLinePanel.approved {
    background-color: #CEFFD9 !important;
}
div.timesheetLinePanel.partiallyapproved {
    background-color: #FFFABF !important;
}
div.timesheetLinePanel.rejected {
    background-color: #FCD2CC !important;
}

div.timesheetLinePanel.uneditable > div {
    border-right: 1px solid #ccc;
}
div.timesheetLinePanel.uneditable > div:first-child {
    border-left: 1px solid #ccc;
}
div.timesheetLinePanel.uneditable:last-child > div {
    border-bottom: 1px solid #ccc;
}
div.timesheetLinePanel.uneditable input {
    min-width: 60px;
    /*background-color: #ddd;
    border: 1px solid #CCCCCC; */
    background-color: transparent;
    border: none;
    color: #333;
}
div.timesheetLinePanel.uneditable input.dateDDL {
    width: 100px;
}
div.timesheetLinePanel.uneditable input.position {
    min-width: 100%;
}
div.timesheetLinePanel .hours.calculated {
    background-color: #fafafa;
    color: #888;
}
div.timesheetLinePanel.uneditable .hours.calculated {
    background-color: transparent;
    color: #333;
}

div.timesheetLinePanel .read-more a,
div.timesheetLinePanel .read-less a {
    font-weight: bold;
    color: #2659AB;
}

div.timesheetLinePanel .action_Panel {
    min-width: 15px;
}
div.timesheetLinePanel .date_Panel {
    min-width: 100px;
}
div.timesheetLinePanel .position_Panel {
    min-width: 100px;
}
div.timesheetLinePanel .paytype_Panel {
    min-width: 100px;
}
div.timesheetLinePanel .hours_Panel {
    min-width: 60px;
    text-align: right;
}
div.timesheetLinePanel .expense_Panel {
    min-width: 60px;
    text-align: right;
}
div.timesheetLinePanel .inTime_Panel,
div.timesheetLinePanel .inTime2_Panel {
    min-width: 60px;
    text-align: right;
}
div.timesheetLinePanel .outTime_Panel,
div.timesheetLinePanel .outTime2_Panel {
    min-width: 60px;
    text-align: right;
}
div.timesheetLinePanel .lunch_Panel {
    min-width: 60px;
    text-align: right;
}
div.timesheetLinePanel .daysWorked_Panel {
    min-width: 60px;
    text-align: right;
}
div.timesheetLinePanel .numberColumn_Panel {
    min-width: 60px;
    text-align: right;
}
div.timesheetLinePanel .comment_Panel {
    min-width: 150px;
}
div.timesheetLinePanel .upload_Panel {
    min-width: 150px;
}
div.timesheetLinePanel .udf_Panel {
    width: 100%;
}
div.timesheetLinePanel .udf_Panel .error {
    min-width: 150px;
}

button.addLinesButton {
    margin: 15px 0 0 0;
}

div.timesheetLinePanel .rejectedReasonPanel {
    clear: both;
    margin-top: 5px;
    display: none;
}
div.timesheetLinePanel .rejectedReasonPanel textarea {
    width: 100%;
    height: 1em;
}
div.timesheetLinePanel .rejectedReasonPanel .label {
    color: Red;
}

/* timesheet Info control */
div.timesheetInfo {
    margin: 5px 0 8px;
}
div.timesheetInfo table {
    border: 1px solid #ccc;
}
div.timesheetInfo td {
    padding: 2px 15px 2px 10px;
    border-top: 1px solid #ddd;
}
div.timesheetInfo td:first-child {
    background-color: #ccc;
    font-weight: bold;
    border-top: 1px solid #fff;
}
div.timesheetInfo tr:first-child td {
    border-top: none;
}

/* Dark gradient background */
.timesheetHeaderBar,
div.timesheetButtonBar .actions
{
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.20, #4C505B), color-stop(0.80, #8A90A0) );
    background-image: -moz-linear-gradient( center bottom, #4C505B 20%, #8A90A0 80% );
    background-image: -o-linear-gradient( center bottom, #4C505B 20%, #8A90A0 80% );
    background-image: -ms-linear-gradient( bottom, #4C505B 20%, #8A90A0 80% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4C505B', endColorstr='#8A90A0');
}

.hasHours
{
    font-weight: bold !important;
}