/*******************************************************************************
 ****   View
 ******************************************************************************/
.sliph-view{}
.sliph-view .frame{
    position: relative;
}
.sliph-view .buttons{
    margin-bottom: 10px;
    font-size: 0.9em;
}
.sliph-view .ui-button{
    font-size: 0.75em;
    margin: 0 5px 5px 0;
    float: left;
}
.sliph-view .ui-button.right{
    margin: 0 0 5px 5px;
}
.sliph-view .ui-buttonset .ui-button{
    margin: 0 0 5px 0;
}
.sliph-view .ui-buttonset .ui-button.ui-corner-left{
    margin-left: 5px;
}
.sliph-view .ui-buttonset .ui-button.ui-corner-right{
    margin-right: 5px;
}
.sliph-view .checkbox-column{
    width: 1%;
    text-align: center;
}
.sliph-view .checkbox-column input[type=checkbox]{
    opacity: 0.5;
}
.sliph-view .checkbox-column input[type=checkbox][checked]{
    opacity: 1;
}
.sliph-view .view-wrapped{
    font-size: 0.85em;
    line-height: 1.5em;
}
.sliph-view tbody td{
    vertical-align: middle;
}
/*******************************************************************************
 ****   Custom Classes
 ******************************************************************************/
.sliph-view .frame .icon{
    _text-align: center;
    padding: 0;
    padding-top: 5px;
}
.sliph-view .frame .minimal{
    width: 1%;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
}
.sliph-view .frame .minimal.tablesorter-header{
    padding-right: 17px
}
.sliph-view .frame th.id,
.sliph-view .frame td.id{
    width: 1%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
.sliph-view .description{
    font-size: 0.75em;
    line-height: 1.3em;
}
.sliph-view tr.grouped-position{
    background: #eee;
}
/*******************************************************************************
 ****   Icon Link Columns
 ******************************************************************************/
.sliph-view td.icon-link{
    white-space: nowrap;
}
.sliph-view td.icon-link img{
    margin-right: 5px;
    margin-left: 5px;
    height: 16px;
    float: left;
}
.sliph-view td.icon-link .text{
    padding: 2px 5px;
    color: #009;
}
.sliph-view td.icon{
    white-space: nowrap;
}
.sliph-view td.icon img{
    margin-right: 5px;
    margin-left: 5px;
    margin-top: -2px;
    height: 16px;
    position: absolute;
}
.sliph-view td.icon .text{
    padding: 2px 5px;
    margin-left: 25px;
}
.sliph-view td.icon-link .member-add-link{
    font-size: 0.85em;
}
/*******************************************************************************
 ****   Actions
 ******************************************************************************/
.sliph-view-action{
    width: 16px;
    height: 16px;
    margin: 0 4px;
    background: left top no-repeat;
    cursor: pointer;
}
.sliph-view-action.query     { background-image: url(images/icons/bulletin.png); }
.sliph-view-action.add       { background-image: url(images/icons/add.png); }
.sliph-view-action.edit      { background-image: url(images/icons/edit.png); }
.sliph-view-action.delete    { background-image: url(images/icons/delete.png); }
.sliph-view-action.restore   { background-image: url(images/icons/restore.png); }
.sliph-view-action.preview   { background-image: url(images/icons/preview.png); }
.sliph-view-action.history   { background-image: url(images/icons/history.png); }
.sliph-view-action.access    { background-image: url(images/icons/keys.png); }
.sliph-view-action.cron      { background-image: url(images/icons/cron.png); }
.sliph-view-action.link      { background-image: url(images/icons/link.png); }
.sliph-view-action.sendEmail { background-image: url(images/icons/email_send.png); }
.sliph-view-action.discard   { background-image: url(images/icons/discard.png); }
.sliph-view-action.accept    { background-image: url(images/icons/accept.png); }
.sliph-view-action.post      { background-image: url(images/icons/post.png); }
.sliph-view-action.upload    { background-image: url(images/icons/upload.png); }
.sliph-view-action.review    { background-image: url(images/icons/review.png); }
.sliph-view-action.user      { background-image: url(images/icons/user.png); }
.sliph-view-action.dollar    { background-image: url(images/icons/dollar.png); }
.sliph-view-action.scales    { background-image: url(images/icons/scales.png); }
.sliph-view-action.page_upload{ background-image: url(images/icons/page_upload.png); }
.sliph-view-action.pdf       { background-image: url(images/icons/file_pdf.png); }
.sliph-view-action.chart_pie { background-image: url(images/icons/chart_pie.png); }
.sliph-view-action.chart_bar { background-image: url(images/icons/chart_bar.png); }
.sliph-view-action.edit-content { background-image: url(images/icons/edit_content.png); }
.sliph-view-action.privacy   { background-image: url(images/icons/lock.png); }
.sliph-view-action.confirm   { background-image: url(images/icons/confirm.png); }
.sliph-view-action.reject    { background-image: url(images/icons/reject.png); }
.sliph-view-action.complete  { background-image: url(images/icons/confirm.png); }
.sliph-view-action.signoff   { background-image: url(images/icons/arrow_right.png); }
.sliph-view-action.revise    { background-image: url(images/icons/revise.png); }
.sliph-view-action.report    { background-image: url(images/icons/file_pdf.png); }
.sliph-view-action.print     { background-image: url(images/icons/print.png); }
.sliph-view-action.expire    { background-image: url(images/icons/expire.png); }
.sliph-view-action.upload-fixes { background-image: url(images/icons/fixes.png); }
.sliph-view-action.note      { background-image: url(images/icons/note.png); }
.sliph-view-action.diff      { background-image: url(images/icons/diff.png); }
.sliph-view-action.pin       { background-image: url(images/icons/pin.png); }
.sliph-view-action.email-history { background-image: url(images/icons/email_open.png); }
.sliph-view-action.hourglass { background-image: url(images/icons/hourglass.png); }
.sliph-view-action.division  { background-image: url(images/icons/bricks.png); }
.sliph-view-action.cal_green { background-image: url(images/icons/calendar_green.png); }
.sliph-view-action.cal_red   { background-image: url(images/icons/calendar_red.png); }
.sliph-view-action.flag_red  { background-image: url(images/icons/flag_red.png); }
.sliph-view-action.arrow_right { background-image: url(images/icons/arrow_right.png); }
.sliph-view-action.arrow_left { background-image: url(images/icons/arrow_left.png); }
.sliph-view .frame .actions-list-cell{
    padding: 2px;
    min-width: 113px;
}
.sliph-view .frame .actions-list-cell .ui-buttonset{
    margin: 0;
}
.sliph-view .frame .actions-list-cell button{
    margin: 0;
}
.sliph-view-action.disabled{
    cursor: default;
    opacity: 0.2;
}
/*******************************************************************************
 ****   With Selected
 ******************************************************************************/
.with-selected{
    clear: left;
    padding-top: 10px;
}
.with-selected .arrow{
    width: 30px;
    height: 16px;
    float: left;
    margin-left: 15px;
    margin-top: 10px;
    background: url(images/with-selected.png) center center no-repeat;
}
/*******************************************************************************
 ****   No Records Display
 ******************************************************************************/
.no-records{
    margin: 1px;
    background: #fff;
    padding: 15px;
    color: #333;
    font-size: 0.9em;
}
/*******************************************************************************
 ****   Edit Section Details Buttons
 ******************************************************************************/
.sliph-view .ui-buttonset .ui-button.sliph-view-action-list-button,
.sliph-view .ui-buttonset .ui-button.sliph-view-action-list-action{
    margin: 0;
}
.sliph-view-action-list-wrapper .ui-buttonset{
    white-space: nowrap;
}

/*******************************************************************************
 ****   Data Blocks
 ******************************************************************************/
.sliph-view .view-data-block th{
    padding: 8px;
}
.sliph-view .view-data-block td{
    padding: 8px;
}

/*******************************************************************************
 ****   Custom Email Content Styles
 ******************************************************************************/
.email-content{
    background: #fff !important;
    padding: 10px !important;
    line-height: 1.5em !important;
    font-size: 0.8em;
}
.email-content p{
    margin-bottom: 1em !important;
}
.force-monospace{
    font-family: 'courier new', courier, monospace !important;
}
.force-monospace strong{
    font-weight: bold !important;
    font-family: 'courier new', courier, monospace !important;
}
/*******************************************************************************
 ****   History View Row Classes
 ******************************************************************************/
table.history-table td{
    font-size: 0.75em;
    line-height: 1.3em;
}
table.history-table th{
    white-space: nowrap;
}
table.history-table .sliph-date{
    white-space: nowrap;
}
tr.row-class-changed td,
tr.row-class-changed td a{
    color: #006699;
}
tr.row-class-added td,
tr.row-class-added td a{
    color: #009900;
}
tr.row-class-removed td,
tr.row-class-removed td a{
    color: #993333;
}
.history-format-title{
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 0.2em;
    margin-bottom: 0.2em;
    margin-top: 0.8em;
    font-weight: bold;
}
.history-format-title:first-child{
    margin-top: 0;
}
.history-format-title.sub-title{
    margin-top: 0.3em;
}
.history-format-label{
    font-weight: bold;
    float: left;
    clear: left;
    width: 50px;
}
.sliph-icon.history-flag-changed,
.sliph-icon.history-flag-added,
.sliph-icon.history-flag-removed{
    width: 16px;
    height: 16px;
    background: url(images/icons/history-changed.png) left top no-repeat;
    cursor: default;
    margin: 0 6px;
}
.sliph-icon.history-flag-added{
    background-image: url(images/icons/history-added.png);
}
.sliph-icon.history-flag-removed{
    background-image: url(images/icons/history-removed.png);
}
table.history-table td strong{
    line-height: 2em;
}
table.history-table td hr{
    margin: 0.5em 0 0.3em 0;
}

/*******************************************************************************
 ****   Table Hierarchy
 ******************************************************************************/
.table-sub-node{
    margin-left: 10px;
    margin-right: 5px;
    width: 16px;
    height: 13px;
    float: left;
    background: url(images/table-tree.png) left center repeat;
}

.sliph-view-with-item strong{
    font-weight: normal;
    font-family: 'Open Sans Bold';
}

/*******************************************************************************
 ****   User Notes Link
 ******************************************************************************/
.sliph-form .sliph-user-notes-link{
    text-decoration: underline;
    color: #00c;
    cursor: pointer;
}

/*******************************************************************************
 ****   Pagination
 ******************************************************************************/
.pager.tablesorter-pager{
    float: right;
    padding: 13px 10px 6px 0;
    min-width: 240px;
    text-align: right;
}
.pager.tablesorter-pager div{
    float: left;
    margin-top: 3px;
}
.pager.tablesorter-pager div.disabled{
    cursor: default;
    opacity: 0.5;
}
.pager.tablesorter-pager .pagedisplay{
    font-size: 0.8em;
    padding: 2px 6px;
}
.pager.tablesorter-pager .pagesize{
    border-radius: 5px;
    font-size: 0.75em;
    margin-left: 5px;
    border: 1px solid #ccc;
}
.pager.tablesorter-pager .prev,
.pager.tablesorter-pager .next,
.pager.tablesorter-pager .first,
.pager.tablesorter-pager .last{
    float: left;
    width: 16px;
    height: 16px;
    background: center center no-repeat;
    margin: 3px 3px 0 3px;
    cursor: pointer;
}
.pager.tablesorter-pager .prev { background-image: url(images/icons/pagination/prev.png); }
.pager.tablesorter-pager .next { background-image: url(images/icons/pagination/next.png); }
.pager.tablesorter-pager .first{ background-image: url(images/icons/pagination/first.png); }
.pager.tablesorter-pager .last { background-image: url(images/icons/pagination/last.png); }
.pager.tablesorter-pager .prev.disabled { background-image: url(images/icons/pagination/prev_disabled.png); }
.pager.tablesorter-pager .next.disabled { background-image: url(images/icons/pagination/next_disabled.png); }
.pager.tablesorter-pager .first.disabled{ background-image: url(images/icons/pagination/first_disabled.png); }
.pager.tablesorter-pager .last.disabled { background-image: url(images/icons/pagination/last_disabled.png); }

table input.tablesorter-filter.disabled{
    display: none;
}

/*******************************************************************************
 ****   Export Hide/Show
 ******************************************************************************/
.export-show{
    display: none;
}

/*******************************************************************************
 ****   Overview Conflicts
 ******************************************************************************/
.sliph-overview-conflict{
    display: block;
    color: #f00;
    font-style: italic;
}
.sliph-overview-costing-expand{
    padding-left: 1em;
    color: #00c;
    cursor: pointer;
}
.sliph-form .sliph-overview-costing-table .group-title td{
    padding: 4px;
    font-size: 0.9em;
}

.sliph-cover-menu .ui-button-text{
    font-size: 0.7em;
}
.sliph-cover-back {
    margin: 2em 1em 1em 1em;
}
.sliph-cover-submit {
    margin: 2em 1em 1em 0;
}

/*******************************************************************************
 ****   Document Diff
 ******************************************************************************/
#sliph-document-diff{
    border: 1px solid #ccc;
    padding: 1em;
    font-size: 0.8em;
    line-height: 1.5em;
    min-height: 500px;
}

/*******************************************************************************
 ****   php-dff styles
 ******************************************************************************/
.Differences {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}

.Differences thead th {
    text-align: left;
    border-bottom: 1px solid #000;
    background: #aaa;
    color: #000;
    padding: 4px;
}
.Differences tbody th {
    text-align: right;
    background: #ccc;
    width: 4em;
    padding: 1px 2px;
    border-right: 1px solid #000;
    vertical-align: top;
    font-size: 13px;
}

.Differences td {
    padding: 1px 2px;
    font-family: Consolas, monospace;
    font-size: 13px;
}

.DifferencesSideBySide .ChangeInsert td.Left {
    background: #dfd;
}

.DifferencesSideBySide .ChangeInsert td.Right {
    background: #cfc;
}

.DifferencesSideBySide .ChangeDelete td.Left {
    background: #f88;
}

.DifferencesSideBySide .ChangeDelete td.Right {
    background: #faa;
}

.DifferencesSideBySide .ChangeReplace .Left {
    background: #fe9;
}

.DifferencesSideBySide .ChangeReplace .Right {
    background: #fd8;
}

.Differences ins, .Differences del {
    text-decoration: none;
}

.DifferencesSideBySide .ChangeReplace ins, .DifferencesSideBySide .ChangeReplace del {
    background: #fc0;
}

.Differences .Skipped {
    background: #f7f7f7;
}

.DifferencesInline .ChangeReplace .Left,
.DifferencesInline .ChangeDelete .Left {
    background: #fdd;
}

.DifferencesInline .ChangeReplace .Right,
.DifferencesInline .ChangeInsert .Right {
    background: #dfd;
}

.DifferencesInline .ChangeReplace ins {
    background: #9e9;
}

.DifferencesInline .ChangeReplace del {
    background: #e99;
}

pre {
    width: 100%;
    overflow: auto;
}

.ui-button-text-only.small .ui-button-text{
    padding-left: 0.75em;
    padding-right: 0.75em;
    
}

/*******************************************************************************
 ****   CRM Visualize Graph
 ******************************************************************************/
#phone-log-overview .visualize{
    float: left;
    margin-left: 10px;
}