﻿/* Main and common */
div.ppVersion{ color: silver; padding: 10px 0; clear: both; }
.ppd4f_configHelp code { display: block; border: 1px solid #ccc; background-color: #fafafa; padding: 5px; margin: 5px; }
.ppd4f ul,
.ppd4f li,
.ppd4f p {padding: 0; margin: 0;}
.ppd4f, 
.ppd4f legend {font-size: 9pt;} 
.ppd4f input[type=button], 
.ppd4f input[type=reset], 
.ppd4f input[type=submit], 
.ppd4f button { min-width: 0; } 
.ppd4f form { height: auto; }
.ppd4f h1, .ppd4f h2, .ppd4f h3, .ppd4f h4 {clear:both;}
.ppd4f table {border-collapse: collapse;}
.ppd4f th {text-align:left;}
.ppd4f .right {text-align:right;}
.ppd4f .floatLeft {float: left;}
.ppd4f .clear {clear:both;}
.ppd4f .hidden {display:none;}
.ppd4f p.info{ border: 1px solid #dc9; padding: 7px 7px 7px 28px; background: #fff6bb url("/_layouts/15/ppd4f/img/info.png") no-repeat 6px center; border-radius: 4px; margin: 5px 0; }
.ppd4f p.success{ border: 1px solid green; padding: 7px 7px 7px 28px; background: #dfd url("/_layouts/15/ppd4f/img/complete.png") no-repeat 6px center; border-radius: 4px; }
.ppd4f p.error { padding: .3em; }
.ppd4f p.error .ui-icon { float: left; margin-right: .3em; }
.ppd4f div.loading {display:inline-block; padding: 2px 0 2px 20px; background:url("/_layouts/15/ppd4f/img/loader.gif") no-repeat 2px center;}
.ppd4f .folderInfo {margin-top: 20px;}
.ppd4f table.layout{ width: 100%; border-collapse: collapse; clear: both; margin-bottom: 15px; }
.ppd4f table.layout td{ vertical-align: top; padding: 0; }
.ppd4f table.layout td.main{ padding: 15px; height: 400px; }
.ppd4f.maximized { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: white; }
.ppd4f.maximized > * { background-color: white; }
.ppd4f a.buttonMaximize { float: right; display: inline-block; padding: 2px 3px; }
.ppd4f a.buttonMaximize .ui-icon { float: left; height:12px; background-position:-17px -81px; }
.ppd4f div.reportStatus { margin: 5px 0 30px 0; }
.ppd4f a.iconUpdateReport {background: url("/_layouts/15/ppd4f/img/updateReport.png") no-repeat scroll 2px center transparent; display: inline-block; padding: 2px 3px 2px 20px; position: absolute; left: 46%;}
.ppd4f .user { display: inline-block; /*float: left; height: 16px;*/ }
.ppd4f .user span { float: left; }
.ppd4f .user.unknown span { background-image:url("images/ui-icons_888888_256x240.png"); }
.ppd4f a.filePreview { margin-left: 3px; width: 16px; height: 16px; display: inline-block; background-image:url("/_layouts/15/ppd4f/img/previewFile.gif"); opacity: .5; filter:Alpha(Opacity=50); }
.ppd4f a.filePreview:hover,
.ppd4f a.filePreview:focus,
.ppd4f a.filePreview:active { opacity: 1; filter:Alpha(Opacity=100); }
.ppd4f a.revision { float: right; display: inline-block; padding: 0; margin: 0 0 5px 0; }
.ppd4f a.upload{ background:url("/_layouts/15/ppd4f/img/upload.gif") no-repeat left center; padding: 4px 3px 1px 20px; float: left; display: inline-block; margin: 0 10px 0 0; }
.ppd4f a.createFolder{ background:url("/_layouts/15/ppd4f/img/folder_create.gif") no-repeat left center; padding: 4px 3px 1px 20px; float: left; display: inline-block; margin: 0 10px 0 0; }
.ppd4f a.iconHelp {background: url("/_layouts/15/Images/helpicon.gif") no-repeat scroll 2px center transparent; display: inline-block; padding: 2px 3px 2px 20px;}
.ppd4f table.alignTable,
.ppd4f table.alignTable > tbody > tr > td { border: 0 !important; padding: 0; }

.ppd4f .tabs li .ui-icon-close { float: left; margin: .4em .2em 0 0; cursor: pointer; }
.ppd4f .hidden_not {border: solid 2px yellow;}
.ppd4f .hiddeniframediv {visibility:hidden; height:0; width:0;}
.ppd4f .hiddeniframediv_not {border: solid 2px yellow;}
.ppd4f .removed {border: solid 2px red;}
.ppd4f option.info { color: #999; }
.ppd4f label input[type=checkbox] {vertical-align: middle;}
.ppd4f span.moveHandle { cursor: move; }
.ppd4f label.fieldValue { font-weight: bold; font-size: .8em; }
.ppd4f div.fieldValue { min-height: 20px; }

.ppd4f .mandatory { color:Red; }

/*.ppd4f span.user.unknown span { opacity: .5; filter:Alpha(Opacity=50); }*/
.ppd4f div.ticket fieldset { padding: 0 10px 6px 10px; }
.ppd4f div.ticket fieldset legend { margin-bottom: 4px; }

/* Action popup / dialog */
.ppd4f.dialog.preview.loading { background:url("/_layouts/15/ppd4f/img/loader.gif") no-repeat center center; }
.ppd4f.dialog.preview iframe { width:100%; height:100%; border: none; }
.ppd4f.dialog.preview iframe.hidden { display:none; }
.ppd4f.dialog.revision label { display: block; margin: 8px 0; }
.ppd4f.dialog.revision label input.numeric { width: 50px; margin-left: 10px; }
.ppd4f.dialog label { display: block; margin: 2px 0; font-weight: bold; font-size: 80%; clear: both; }
.ppd4f.dialog label .value { font-weight: normal; height: 23px; /*font-size: 1em; font-size: 9pt;*/ }
.ppd4f.dialog input.folderName { width: 280px; }
.ppd4f.dialog input.comment { width: 280px; }
.ppd4f.dialog input.itemName { width: 280px; display: inline-block; font-weight: normal; font-size: 1em; font-size: 9pt; }
.ui-widget { font-size: 9pt; }
.ppd4f.dialog ul { margin: 10px 0; }
.ppd4f.dialog li { margin: 0 0 0 20px; }
.ppd4f.ui-dialog.updateReport h1 { font-size: 1.2em; margin: 8px 0 4px 0; }
.ppd4f.ui-dialog.updateReport button { margin-top: 3px; }
.ppd4f.dialog a.remove { display: inline-block; width: 16px; height: 16px; background:url("/_layouts/15/ppd4f/img/delete.gif") no-repeat; }
.ppd4f.ui-dialog.createFolder .ui-dialog-title { display: inline-block; background:url("/_layouts/15/ppd4f/img/folder_create.gif") no-repeat left center; padding: 1px 3px 1px 20px; }
.ppd4f.ui-dialog.createFolder a.addAnother { display: inline-block; background:url("/_layouts/15/ppd4f/img/add.gif") no-repeat left center; padding: 1px 3px 1px 18px; }
/*.ppd4f.dialog h1{ font-size: 12pt; font-weight: bold; }*/
.ppd4f.ui-dialog.delete .ui-dialog-title { display: inline-block; background:url("/_layouts/15/ppd4f/img/delete.gif") no-repeat left center; padding: 1px 3px 1px 20px; }
.ppd4f.ui-dialog.rename .ui-dialog-title { display: inline-block; background:url("/_layouts/15/ppd4f/img/rename.gif") no-repeat left center; padding: 1px 3px 1px 20px; }
.ppd4f.ui-dialog.lock .ui-dialog-title,
.ppd4f.ui-dialog.steallock .ui-dialog-title { display: inline-block; background:url("/_layouts/15/ppd4f/img/lock.png") no-repeat left center; padding: 1px 3px 1px 20px; }
.ppd4f.ui-dialog.unlock .ui-dialog-title,
.ppd4f.ui-dialog.breaklock .ui-dialog-title { display: inline-block; background:url("/_layouts/15/ppd4f/img/unlock.png") no-repeat left center; padding: 1px 3px 1px 20px; }
.ppd4f.ui-dialog.move .ui-dialog-title { display: inline-block; background:url("/_layouts/15/ppd4f/img/folder_tree.gif") no-repeat left center; padding: 1px 3px 1px 20px; }
.ppd4f.ui-dialog.info .ui-dialog-title { display: inline-block; background:url("/_layouts/15/ppd4f/img/info.gif") no-repeat left center; padding: 1px 3px 1px 20px; }
.ppd4f.ui-dialog.svnUrl .ui-dialog-title { display: inline-block; background:url("/_layouts/15/ppd4f/img/link.png") no-repeat left center; padding: 1px 3px 1px 20px; }
.ppd4f.ui-dialog.uploadFiles .ui-dialog-title { display: inline-block; background:url("/_layouts/15/ppd4f/img/upload.gif") no-repeat left center; padding: 1px 3px 1px 20px; }
.ppd4f.ui-dialog.updateReport .ui-dialog-title { display: inline-block; background:url("/_layouts/15/ppd4f/img/updateReport.png") no-repeat left center; padding: 1px 3px 1px 20px; }
.ppd4f.ui-dialog form.fileUpload { margin-top: 15px; }
.ppd4f.ui-dialog input.fileDescription { width: 250px; }
.ppd4f.ui-dialog div.lockInfo { border: solid 1px #dc9; background: #FFFCE4 url("/_layouts/15/ppd4f/img/lock.png") no-repeat 2px 2px; }
.ppd4f.ui-dialog div.lockInfo p{padding-left: 20px; margin: 0; }
.ppd4f.ui-dialog .ui-dialog-titlebar-close {margin-top: -12px;}
.ppd4f.ui-dialog .ui-resizable-se {background-position:-64px -224px; right:1px; bottom: 1px;}
/* Folder tree */
.ppd4f td.folderTree{ width: 1px; height: 425px; }
.ppd4f div.folderTree{ width: 200px; height: 100%; border: 1px solid silver; background: #fafafa; overflow: hidden; padding: 0 5px 5px 0; }
.ppd4f ul.folderTree{ width: 100%; height: 100%; padding: 3px; /*margin-right: 10px;*/ margin: 0; overflow: scroll; }
.ppd4f ul.folderTree ul{ margin: 0 0 0 18px; padding: 0; }
.ppd4f ul.folderTree li{ list-style: none; white-space: nowrap; }
.ppd4f ul.folderTree a{ color: gray; padding: 1px 1px 1px 20px; background:url("/_layouts/15/ppd4f/img/folder.gif") no-repeat 2px center; display: inline-block; white-space: nowrap; -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; }
.ppd4f ul.folderTree a.error{ background-image:url("/_layouts/15/ppd4f/img/folder_error.png"); }
.ppd4f ul.folderTree a.loading{ background-image:url("/_layouts/15/ppd4f/img/loader.gif"); }
.ppd4f ul.folderTree a.search{ background-image:url("/_layouts/15/Images/searchqry.gif"); }
.ppd4f ul.folderTree a.active{ background-color: #aaf; }
.ppd4f ul.folderTree a:hover{ -moz-opacity:0.70; filter:alpha(opacity=70); opacity:0.70; }
.ppd4f ul.folderTree a.loaded,
.ppd4f ul.folderTree a.loaded:hover{ color: black; -moz-opacity:1.00; filter:alpha(opacity=100); opacity:1.00; }
.ppd4f ul.folderTree a.expandable{ display: inline-block; width: 10px; height: 10px; padding: 1px 2px 1px 0; background:url("/_layouts/15/Images/plus.gif") no-repeat left center; }
.ppd4f ul.folderTree a.expanded{ background-image:url("/_layouts/15/Images/minus.gif"); }
.ppd4f ul.folderTree a.expandable.empty{ background-image:none; }

/* File tree toggler */
.ppd4f a.folderTreeToggler { float: left; display:inline-block; width: 22px; height: 22px; border: 1px solid #ddd; margin: 4px; background: #f3f3f3 url("/_layouts/15/ppd4f/img/folder_tree.gif") no-repeat center center; }
.ppd4f a.folderTreeToggler.inactive { background-color: transparent; }
.ppd4f a.folderTreeToggler:hover{ border-color: silver; }

/* Bread crumb */
.ppd4f td.breadCrumb{ height: 1px; }
.ppd4f div.breadCrumb{ border: 1px solid silver; border-left: none; background: #eee; padding: 3px; }
.ppd4f div.breadCrumb a{ border: 1px solid #eaeaea; padding: 4px 4px 4px 21px; display: inline-block; vertical-align: middle; background:url("/_layouts/15/ppd4f/img/folder.gif") no-repeat 3px center; }
.ppd4f div.breadCrumb a:hover{ border-color: silver; }
.ppd4f div.breadCrumb a.error{ background-image:url("/_layouts/15/ppd4f/img/folder_error.png"); }
.ppd4f div.breadCrumb a.loading{ background-image:url("/_layouts/15/ppd4f/img/loader.gif"); }
.ppd4f div.breadCrumb a.search{ background-image:url("/_layouts/15/Images/searchqry.gif"); }

/* Filter */
.ppd4f div.filters {padding: 5px;}
.ppd4f table.filterSection {border-collapse:collapse; border: solid 1px #ccc; width:100%;}
.ppd4f table.filterSection td {border: solid 1px #ccc; padding: 3px;}
.ppd4f table.filterSection th {border: solid 1px #ccc; padding: 5px; background-color: #eee;}
.ppd4f table.filterSection input.time {width: 80px; margin: 0 5px;}
.ppd4f table.filterSection td.placeHolder {height: 25px; background-color: #ffd; text-align:center; color:silver;}
.ppd4f label.addFilter{margin: 3px 10px; font-weight: bold;}
.ppd4f label.addFilter select{margin: 2px 10px; vertical-align: middle;}

/* Result table AND attachments table */
.ppd4f table.datatable {width: 100%; border-collapse:collapse; border: solid 1px #ccc; clear: both;}
.ppd4f table.datatable td {border: solid 1px #ccc; padding: 3px; font-size: 8pt;}
.ppd4f table.datatable td * {font-size: 8pt;}
.ppd4f table.datatable th {border: solid 1px #ccc; padding: 3px; background-color: #eee; white-space:nowrap;}
.ppd4f table.datatable th.sorting {cursor: pointer;}
.ppd4f table.datatable th.sorting_asc, .ppd4f table.datatable th.sorting_desc {background-color: #e6e6e6; cursor: pointer;}
.ppd4f table.datatable th span {width:8px; height:16px; background-position: -131px -31px; opacity: .15; filter:Alpha(Opacity=15);}
.ppd4f table.datatable th span.ui-icon {display: inline-block;}
.ppd4f table.datatable th:hover span {width:8px; height:16px; background-position: -67px -31px; opacity: .5; filter:Alpha(Opacity=50);}
.ppd4f table.datatable th.sorting_asc span {background-position: -67px -31px; opacity: 1; filter:Alpha(Opacity=100);}
.ppd4f table.datatable th.sorting_desc span {background-position: -2px -32px; opacity: 1; filter:Alpha(Opacity=100);}
/*.ppd4f table.datatable th.sorting_asc:hover span,
.ppd4f table.datatable th.sorting_desc:hover span {background-position: -131px -31px; opacity: 1; filter:Alpha(Opacity=100);}*/
.ppd4f div.dataTables_length { float: left; width: 40%; }
.ppd4f div.dataTables_filter { float: right; width: 50%; text-align: right; }
.ppd4f .dataTables_info{float: left;}
/*.ppd4f .dataTables_paginate { width: 50px; float: right; text-align: right; }*/
.ppd4f .paging_full_numbers { float: right; text-align: right; }
.ppd4f .paging_full_numbers span.paginate_button { cursor: pointer; color: #000; border: solid 1px #ddd; background-color: #eee; display:inline-block; margin-left: 3px; padding: 3px; }
.ppd4f .paging_full_numbers span.paginate_button:hover { border-color: #ddd5aa; background-color: #fffadd; }
.ppd4f .paging_full_numbers span.paginate_active { cursor: default; color: #000; border: solid 1px #dc9; background-color: #fff6bb; display:inline-block; margin-left: 3px; padding: 3px; }
.ppd4f .paging_full_numbers span.paginate_button_disabled, .ppd4f .paging_full_numbers span.paginate_button_disabled:hover { cursor: default; color: #ccc; border: solid 1px #eee; background-color: #f4f4f4; display:inline-block; margin-left: 3px; padding: 3px; }
.ppd4f table.datatable tr.hover td{ background-color: #f8f8f8; }
.ppd4f table.datatable tr.highlight td{ background-color: #ffc; }
.ppd4f span.age1 { display:inline-block; margin-right: 2px; width: 16px; height: 16px; background: url("/_layouts/15/ppd4f/img/pp_age.gif") no-repeat 0px center; }
.ppd4f span.age2 { display:inline-block; margin-right: 2px; width: 16px; height: 16px; background: url("/_layouts/15/ppd4f/img/pp_age.gif") no-repeat -16px center; }
.ppd4f span.age3 { display:inline-block; margin-right: 2px; width: 16px; height: 16px; background: url("/_layouts/15/ppd4f/img/pp_age.gif") no-repeat -32px center; }
.ppd4f span.age4 { display:inline-block; margin-right: 2px; width: 16px; height: 16px; background: url("/_layouts/15/ppd4f/img/pp_age.gif") no-repeat -48px center; }
.ppd4f span.age5 { display:inline-block; margin-right: 2px; width: 16px; height: 16px; background: url("/_layouts/15/ppd4f/img/pp_age.gif") no-repeat -64px center; }
.ppd4f span.age6 { display:inline-block; margin-right: 2px; width: 16px; height: 16px; background: url("/_layouts/15/ppd4f/img/pp_age.gif") no-repeat -80px center; }

/* File/folder menu */
.ppd4f table.datatable td { padding: 3px 3px 2px 3px; }
.ppd4f table.datatable td.menu { padding: 0; }
.ppd4f table.datatable td.menu table { width: 100%; height: 100%; border-color: transparent; }
.ppd4f table.datatable td.menu table td { border-color: transparent; }
.ppd4f table.datatable td.menu table td.objectContainer { padding: 1px 2px; }

.ppd4f table.datatable td.menu:hover td.objectContainer,
.ppd4f table.datatable td.menu:hover td.menuArrow,
.ppd4f table.datatable td.menu:hover table,
.ppd4f table.datatable td.menu.clicked td.objectContainer,
.ppd4f table.datatable td.menu.clicked td.menuArrow,
.ppd4f table.datatable td.menu.clicked table{ border-color: #666; }
.ppd4f table.datatable td.menu td.menuArrow{ padding: 0; width: 20px; vertical-align: middle; text-align: center; }
.ppd4f table.datatable td.menu td.menuArrow a{ display: block; width: 18px; height: 18px; }
.ppd4f table.datatable td.menu:hover td.menuArrow a,
.ppd4f table.datatable td.menu.clicked td.menuArrow a,
.ppd4f table.datatable tr.hover td.menu td.menuArrow a,
.ppd4f table.datatable td.menu td.menuArrow a:focus,
.ppd4f table.datatable td.menu td.menuArrow a:active{ background: url("/_layouts/15/ppd4f/img/menu.gif") no-repeat center center; /*display: block; width: 20px; height: 100%;*/ }

.ppd4f table.datatable td.menu ul{ margin: 0; padding: 0; list-style-type: none; display: block; position: absolute; clear: both; float: none; }
.ppd4f table.datatable td.menu.clicked ul { border: 1px solid #666; border-top: 0; }
.ppd4f table.datatable td.menu ul li{ display: none; }
.ppd4f table.datatable td.menu.clicked ul li{ display: block; position: static; /*position: absolute;*/ margin: 0; padding: 0; }
.ppd4f table.datatable td.menu ul li{ clear: both; float: none; }
.ppd4f table.datatable td.menu ul li a{ background:url("/_layouts/15/ppd4f/img/save.gif") no-repeat 2px center white; padding: 4px 4px 4px 22px; display: block; margin: 0; }
.ppd4f table.datatable td.menu ul li a:active,
.ppd4f table.datatable td.menu ul li a:focus,
.ppd4f table.datatable td.menu ul li a:hover{ background-color: #ddd; }
.ppd4f table.datatable td.menu a.open{ background-image:url("/_layouts/15/ppd4f/img/open.gif"); }
.ppd4f table.datatable td.menu a.download{ background-image:url("/_layouts/15/ppd4f/img/download.gif"); }
.ppd4f table.datatable td.menu a.preview{ background-image:url("/_layouts/15/ppd4f/img/previewFile.gif"); }
.ppd4f table.datatable td.menu a.text{ background-image:url("/_layouts/15/ppd4f/img/previewText.gif"); }
.ppd4f table.datatable td.menu a.rename{ background-image:url("/_layouts/15/ppd4f/img/rename.gif"); }
.ppd4f table.datatable td.menu a.delete{ background-image:url("/_layouts/15/ppd4f/img/delete.gif"); }
.ppd4f table.datatable td.menu a.lock{ background-image:url("/_layouts/15/ppd4f/img/lock.png"); }
.ppd4f table.datatable td.menu a.unlock{ background-image:url("/_layouts/15/ppd4f/img/unlock.png"); }
.ppd4f table.datatable td.menu a.move{ background-image:url("/_layouts/15/ppd4f/img/folder_tree.gif"); }
.ppd4f table.datatable td.menu a.copy{ background-image:url("/_layouts/15/ppd4f/img/folder_tree.gif"); }
.ppd4f table.datatable td.menu a.svnUrl{ background-image:url("/_layouts/15/ppd4f/img/link.png"); }
.ppd4f table.datatable td.menu a.info{ background-image:url("/_layouts/15/ppd4f/img/info.gif"); }
.ppd4f table.datatable td.menu a.editFile{ background-image:url("/_layouts/15/ppd4f/img/file_edit.gif"); } /* /_layouts/Images/CMSEditSourceDoc.GIF */
.ppd4f table.datatable td.menu a.officeEditWord{ background-image:url("/_layouts/15/Images/icdocx.gif"); }
.ppd4f table.datatable td.menu a.officeEditExcel{ background-image:url("/_layouts/15/Images/icxlsx.gif"); }
.ppd4f table.datatable td.menu a.officeEditPowerPoint{ background-image:url("/_layouts/15/Images/icpptx.gif"); }
.ppd4f table.datatable td.menu a.default{ font-weight: bold; }

/* Links table */
.ppd4f table.links tr.added { background-color: #afa; color: #0a0; }
.ppd4f table.links tr.removed { background-color: #faa; color: #a00; }

/*.ppd4f .dataTables_paginate div { width: 19px; height: 19px; float: left; margin-left: 3px; }*/
/* Pagination nested */
/*.dataTables_paginate {width: 44px; * width: 50px; float: right; text-align: right;}
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next
{margin-left: 3px; float: left; display: inline-block; background-color: #ccc; width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png);}
.paginate_disabled_previous {background-position: -112px -192px;}
.paginate_enabled_previous {background-position: -112px -192px;}
.paginate_disabled_next {background-position: -144px -192px;}
.paginate_enabled_next {background-position: -144px -192px;}*/

/* Ticket view */
.ppd4f table.headerFields { width: 100%; }
.ppd4f table.headerFields td { width: 25%; padding-right: 8px; vertical-align: top; }
.ppd4f table.fields { width: 100%; }
.ppd4f table.fields td { width: 50%; padding-right: 8px; vertical-align: top; }
.ppd4f table.idSummary { border-collapse:collapse; width: 100%; }
.ppd4f table.idSummary td.ticketId { width: 1px; vertical-align: top; font-size: 2em; padding-right: 16px; }
.ppd4f table.idSummary input { width: 98%; }
.ppd4f textarea { width: 100%; }
.ppd4f table.typeDates { border-collapse:collapse; width: 100%; }
.ppd4f table.typeDates td { width: 25%; padding-right: 8px; }
.ppd4f div.properties { margin: 8px 0; }
.ppd4f div.ticketDescription { margin: 5px; }
.ppd4f div.actions { border: solid 1px #dc9; border-bottom: none; }
.ppd4f div.action { background-color: #fffadd; padding: 4px; border-bottom: solid 1px #dc9; }
.ppd4f div.action label { margin-right: 3px; font-weight:bold; }
.ppd4f div.action span.description { margin-left: 3px; font-size: .9em; }
.ppd4f div.buttons { margin: 3px 0; clear: both; }
.ppd4f div.toolbar { text-align:right; margin-bottom: 2px; }
.ppd4f div.userControl td { padding: 0; }
.ppd4f div.userControl select { width: 200px; }
.ppd4f div.userControl input { padding-right: 16px; }
/*.ppd4f div.userControl a.closeButton {display: inline-block; width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }*/
.ppd4f div.listControl td { padding: 0; width: auto; }
.ppd4f div.listControl .listItem { display: inline-block; padding: 3px; border: solid 1px #ddd; float: left; margin: 0 5px 1px 0; }

/* Change log */
.ppd4f table.changeLog {width: 100%; border-collapse:collapse; border-bottom: solid 1px #ddd; clear: both;}
/*.ppd4f table.changeLog tbody tr.odd,
.ppd4f table.changeLog tbody tr.even { background-color: #f4f4f4; }*/
.ppd4f table.changeLog tbody tr.odd td,
.ppd4f table.changeLog tbody tr.even td { background-color: #f4f4f4; border-top: solid 1px gray; }
.ppd4f table.changeLog td { /*border: solid 1px #ccc;*/ padding: 3px;}
.ppd4f table.changeLog td.changes { padding: 0;}
.ppd4f table.changeLog th {/*border: solid 1px #ccc;*/ padding: 3px; background-color: #eee; cursor: pointer; white-space:nowrap; width: 50%;}
/*.ppd4f table.changeLog th.sorting_asc,
.ppd4f table.changeLog th.sorting_desc {background-color: #e6e6e6;}*/
.ppd4f table.changeLog th span {width:8px; height:16px; background-position: -131px -31px; opacity: .15; filter:Alpha(Opacity=15);}
.ppd4f table.changeLog th span.ui-icon {display: inline-block;}
.ppd4f table.changeLog th:hover span {width:8px; height:16px; background-position: -67px -31px; opacity: .5; filter:Alpha(Opacity=50);}
.ppd4f table.changeLog th.sorting_asc span {background-position: -67px -31px; opacity: 1; filter:Alpha(Opacity=100);}
.ppd4f table.changeLog th.sorting_desc span {background-position: -2px -32px; opacity: 1; filter:Alpha(Opacity=100);}
/*.ppd4f table.changeLog th.sorting_asc:hover span,
.ppd4f table.changeLog th.sorting_desc:hover span {background-position: -131px -31px; opacity: 1; filter:Alpha(Opacity=100);}*/
/*.ppd4f div.changeLog { margin-bottom: 10px; border: solid 1px #ddd; }*/
.ppd4f table.changeLog .user { float: left; font-weight:bold; }
.ppd4f table.changeLog .datetime { float: right; font-style: italic; }
/*.ppd4f table.changeLog .change { border-top: solid 1px #ddd; clear: both; }*/
.ppd4f table.changeLog .change { background-color: #fffadd; padding: 1px 3px; margin: 0 0 1px 0; }
.ppd4f table.changeLog .change .fieldName { font-weight:bold; font-style: italic; }
.ppd4f table.changeLog .change .valueFrom,
.ppd4f table.changeLog .change .valueTo { font-weight: bold; }
.ppd4f table.changeLog .change .nothing { color: #dc9; font-weight: normal; }
.ppd4f table.changeLog .comment { padding: 5px 5px 8px 5px; }


/* Column selecter */
.ppd4f div.columns label { width: 200px; height: 19px; white-space: nowrap; margin: 1px 5px; display: inline-block; float: left; border: solid 1px #f6f6f6; background-color: white; }
.ppd4f div.columns label:hover { border-color: #fea; background-color: #fffcf0; }
.ppd4f div.columns label.ui-sortable-helper { opacity: .7; filter:Alpha(Opacity=70); }
.ppd4f div.columns label.placeHolder { border-color: #fea; background-color: #fffae0; }

/* Search result */
.ppd4f div.searchResult {margin-top: 10px;}

/* The foldable area */
.ppd4f .foldable {}
.ppd4f .foldable.folded {border: 0;}
.ppd4f .foldable.folded * {display:none;}
.ppd4f .foldable.folded legend, .ppd4f .foldable.folded legend a, .ppd4f .foldable.folded legend a span {display:inline;}
.ppd4f .foldable legend a span {float:left;}
.ppd4f .foldable legend span.foldedInfo {display: none;}
.ppd4f .foldable.folded legend span.foldedInfo {display: inline; color: Silver; font-size: .8em;}
.ppd4f legend {width:auto; border-bottom:0;}

/* Debug */
.ppd4f .debugObjTable table {border: solid 1px black;}
.ppd4f .debugObjTable th, .ppd4f .debugObjTable td {text-align: left; vertical-align: top;}
.ppd4f .debugObjTable .null {color: Silver;}
.ppd4f .debugObjTable .error {color: Red;}
.ppd4f .debugResponse{border: solid 1px gray; margin: 2px; padding: 3px; clear:both;}
.ppd4f .debugResponse .preview{color: #888;}
.ppd4f .debugResponse .json{border: solid 1px #bbb; margin: 2px; padding: 3px; font-size: 80%;}

.ppMaximized { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow:auto; background: #fff; z-index: 999999; }

/* File icons */
.ppd4f a.folder_up{ display:inline-block; padding: 2px 2px 2px 19px; background:url("/_layouts/15/ppd4f/img/folder_up.gif") no-repeat left center; }
.ppd4f a.folder{ display:inline-block; padding: 2px 2px 2px 19px; background:url("/_layouts/15/ppd4f/img/folder.gif") no-repeat left center; }
.ppd4f a.file{ display:inline-block; padding: 2px 2px 2px 19px; background:url("/_layouts/15/Images/icgen.gif") no-repeat 2px center; }
.ppd4f a.accdb{ background-image:url("/_layouts/15/Images/icaccdb.gif"); }
.ppd4f a.accdc{ background-image:url("/_layouts/15/Images/icaccdc.gif"); }
.ppd4f a.accde{ background-image:url("/_layouts/15/Images/icaccde.gif"); }
.ppd4f a.asax{ background-image:url("/_layouts/15/Images/icasax.gif"); }
.ppd4f a.ascx{ background-image:url("/_layouts/15/Images/icascx.gif"); }
.ppd4f a.asmx{ background-image:url("/_layouts/15/Images/icasmx.gif"); }
.ppd4f a.asp{ background-image:url("/_layouts/15/Images/icasp.gif"); }
.ppd4f a.aspx{ background-image:url("/_layouts/15/Images/icaspx.gif"); }
.ppd4f a.bmp{ background-image:url("/_layouts/15/Images/icbmp.gif"); }
.ppd4f a.c16{ background-image:url("/_layouts/15/Images/icc16.gif"); }
.ppd4f a.cat{ background-image:url("/_layouts/15/Images/iccat.gif"); }
.ppd4f a.change{ background-image:url("/_layouts/15/Images/icchange.gif"); }
.ppd4f a.chm{ background-image:url("/_layouts/15/Images/icchm.gif"); }
.ppd4f a.config{ background-image:url("/_layouts/15/Images/icconfig.gif"); }
.ppd4f a.css{ background-image:url("/_layouts/15/Images/iccss.gif"); }
.ppd4f a.db{ background-image:url("/_layouts/15/Images/icdb.gif"); }
.ppd4f a.dib{ background-image:url("/_layouts/15/Images/icdib.gif"); }
.ppd4f a.disc{ background-image:url("/_layouts/15/Images/icdisc.gif"); }
.ppd4f a.doc{ background-image:url("/_layouts/15/Images/icdoc.gif"); }
.ppd4f a.docp{ background-image:url("/_layouts/15/Images/icdocp.gif"); }
.ppd4f a.docx{ background-image:url("/_layouts/15/Images/icdocx.gif"); }
.ppd4f a.dot{ background-image:url("/_layouts/15/Images/icdot.gif"); }
.ppd4f a.dotx{ background-image:url("/_layouts/15/Images/icdotx.gif"); }
.ppd4f a.dvd{ background-image:url("/_layouts/15/Images/icdvd.gif"); }
.ppd4f a.dwp{ background-image:url("/_layouts/15/Images/icdwp.gif"); }
.ppd4f a.dwt{ background-image:url("/_layouts/15/Images/icdwt.gif"); }
.ppd4f a.eml{ background-image:url("/_layouts/15/Images/iceml.gif"); }
.ppd4f a.est{ background-image:url("/_layouts/15/Images/icest.gif"); }
.ppd4f a.fwp{ background-image:url("/_layouts/15/Images/icfwp.gif"); }
.ppd4f a.gen{ background-image:url("/_layouts/15/Images/icgen.gif"); }
.ppd4f a.gif{ background-image:url("/_layouts/15/Images/icgif.gif"); }
.ppd4f a.hlp{ background-image:url("/_layouts/15/Images/ichlp.gif"); }
.ppd4f a.hta{ background-image:url("/_layouts/15/Images/ichta.gif"); }
.ppd4f a.htm{ background-image:url("/_layouts/15/Images/ichtm.gif"); }
.ppd4f a.html{ background-image:url("/_layouts/15/Images/ichtm.gif"); }
.ppd4f a.htmdoc{ background-image:url("/_layouts/15/Images/ichtmdoc.gif"); }
.ppd4f a.htmfp{ background-image:url("/_layouts/15/Images/ichtmfp.gif"); }
.ppd4f a.htmppt{ background-image:url("/_layouts/15/Images/ichtmppt.gif"); }
.ppd4f a.htmpub{ background-image:url("/_layouts/15/Images/ichtmpub.gif"); }
.ppd4f a.htmxls{ background-image:url("/_layouts/15/Images/ichtmxls.gif"); }
.ppd4f a.htt{ background-image:url("/_layouts/15/Images/ichtt.gif"); }
.ppd4f a.inf{ background-image:url("/_layouts/15/Images/icinf.gif"); }
.ppd4f a.ini{ background-image:url("/_layouts/15/Images/icini.gif"); }
.ppd4f a.jfif{ background-image:url("/_layouts/15/Images/icjfif.gif"); }
.ppd4f a.jpe{ background-image:url("/_layouts/15/Images/icjpe.gif"); }
.ppd4f a.jpeg{ background-image:url("/_layouts/15/Images/icjpeg.gif"); }
.ppd4f a.jpg{ background-image:url("/_layouts/15/Images/icjpg.gif"); }
.ppd4f a.js{ background-image:url("/_layouts/15/Images/icjs.gif"); }
.ppd4f a.jse{ background-image:url("/_layouts/15/Images/icjse.gif"); }
.ppd4f a.log{ background-image:url("/_layouts/15/Images/iclog.gif"); }
.ppd4f a.m16{ background-image:url("/_layouts/15/Images/icm16.gif"); }
.ppd4f a.manage{ background-image:url("/_layouts/15/Images/icmanage.gif"); }
.ppd4f a.master{ background-image:url("/_layouts/15/Images/icmaster.gif"); }
.ppd4f a.mht{ background-image:url("/_layouts/15/Images/icmht.gif"); }
.ppd4f a.mhtml{ background-image:url("/_layouts/15/Images/icmhtml.gif"); }
.ppd4f a.mhtpub{ background-image:url("/_layouts/15/Images/icmhtpub.gif"); }
.ppd4f a.mpd{ background-image:url("/_layouts/15/Images/icmpd.gif"); }
.ppd4f a.mpp{ background-image:url("/_layouts/15/Images/icmpp.gif"); }
.ppd4f a.mps{ background-image:url("/_layouts/15/Images/icmps.gif"); }
.ppd4f a.mpt{ background-image:url("/_layouts/15/Images/icmpt.gif"); }
.ppd4f a.mpw{ background-image:url("/_layouts/15/Images/icmpw.gif"); }
.ppd4f a.mpx{ background-image:url("/_layouts/15/Images/icmpx.gif"); }
.ppd4f a.msg{ background-image:url("/_layouts/15/Images/icmsg.gif"); }
.ppd4f a.msi{ background-image:url("/_layouts/15/Images/icmsi.gif"); }
.ppd4f a.msp{ background-image:url("/_layouts/15/Images/icmsp.gif"); }
.ppd4f a.npie{ background-image:url("/_layouts/15/Images/icnpie.gif"); }
.ppd4f a.o16{ background-image:url("/_layouts/15/Images/ico16.gif"); }
.ppd4f a.ocx{ background-image:url("/_layouts/15/Images/icocx.gif"); }
.ppd4f a.odc{ background-image:url("/_layouts/15/Images/icodc.gif"); }
.ppd4f a.odcc{ background-image:url("/_layouts/15/Images/icodcc.gif"); }
.ppd4f a.odcd{ background-image:url("/_layouts/15/Images/icodcd.gif"); }
.ppd4f a.odct{ background-image:url("/_layouts/15/Images/icodct.gif"); }
.ppd4f a.one{ background-image:url("/_layouts/15/Images/icone.gif"); }
.ppd4f a.onp{ background-image:url("/_layouts/15/Images/iconp.gif"); }
.ppd4f a.ont{ background-image:url("/_layouts/15/Images/icont.gif"); }
.ppd4f a.pdf{ background-image:url("/_layouts/15/Images/pdf.png"); }
.ppd4f a.pinned{ background-image:url("/_layouts/15/Images/icpinned.gif"); }
.ppd4f a.png{ background-image:url("/_layouts/15/Images/icpng.gif"); }
.ppd4f a.pot{ background-image:url("/_layouts/15/Images/icpot.gif"); }
.ppd4f a.potx{ background-image:url("/_layouts/15/Images/icpotx.gif"); }
.ppd4f a.pps{ background-image:url("/_layouts/15/Images/icpps.gif"); }
.ppd4f a.ppt{ background-image:url("/_layouts/15/Images/icppt.gif"); }
.ppd4f a.pptp{ background-image:url("/_layouts/15/Images/icpptp.gif"); }
.ppd4f a.pptx{ background-image:url("/_layouts/15/Images/icpptx.gif"); }
.ppd4f a.prop{ background-image:url("/_layouts/15/Images/icprop.gif"); }
.ppd4f a.psp{ background-image:url("/_layouts/15/Images/icpsp.gif"); }
.ppd4f a.ptm{ background-image:url("/_layouts/15/Images/icptm.gif"); }
.ppd4f a.ptt{ background-image:url("/_layouts/15/Images/icptt.gif"); }
.ppd4f a.pub{ background-image:url("/_layouts/15/Images/icpub.gif"); }
.ppd4f a.review{ background-image:url("/_layouts/15/Images/icreview.gif"); }
.ppd4f a.rtf{ background-image:url("/_layouts/15/Images/icrtf.gif"); }
.ppd4f a.smrtpg{ background-image:url("/_layouts/15/Images/icsmrtpg.gif"); }
.ppd4f a.spgen{ background-image:url("/_layouts/15/Images/icspgen.gif"); }
.ppd4f a.spweb{ background-image:url("/_layouts/15/Images/icspweb.gif"); }
.ppd4f a.storage{ background-image:url("/_layouts/15/Images/icstorage.gif"); }
.ppd4f a.stp{ background-image:url("/_layouts/15/Images/icstp.gif"); }
.ppd4f a.stt{ background-image:url("/_layouts/15/Images/icstt.gif"); }
.ppd4f a.tif{ background-image:url("/_layouts/15/Images/ictif.gif"); }
.ppd4f a.tiff{ background-image:url("/_layouts/15/Images/ictiff.gif"); }
.ppd4f a.txt{ background-image:url("/_layouts/15/Images/ictxt.gif"); }
.ppd4f a.unpinned{ background-image:url("/_layouts/15/Images/icunpinned.gif"); }
.ppd4f a.vbe{ background-image:url("/_layouts/15/Images/icvbe.gif"); }
.ppd4f a.vbs{ background-image:url("/_layouts/15/Images/icvbs.gif"); }
.ppd4f a.vdx{ background-image:url("/_layouts/15/Images/icvdx.gif"); }
.ppd4f a.vsd{ background-image:url("/_layouts/15/Images/icvsd.gif"); }
.ppd4f a.vsl{ background-image:url("/_layouts/15/Images/icvsl.gif"); }
.ppd4f a.vss{ background-image:url("/_layouts/15/Images/icvss.gif"); }
.ppd4f a.vst{ background-image:url("/_layouts/15/Images/icvst.gif"); }
.ppd4f a.vsu{ background-image:url("/_layouts/15/Images/icvsu.gif"); }
.ppd4f a.vsw{ background-image:url("/_layouts/15/Images/icvsw.gif"); }
.ppd4f a.vsx{ background-image:url("/_layouts/15/Images/icvsx.gif"); }
.ppd4f a.vtx{ background-image:url("/_layouts/15/Images/icvtx.gif"); }
.ppd4f a.wm{ background-image:url("/_layouts/15/Images/icwm.gif"); }
.ppd4f a.wma{ background-image:url("/_layouts/15/Images/icwma.gif"); }
.ppd4f a.wmd{ background-image:url("/_layouts/15/Images/icwmd.gif"); }
.ppd4f a.wmp{ background-image:url("/_layouts/15/Images/icwmp.gif"); }
.ppd4f a.wms{ background-image:url("/_layouts/15/Images/icwms.gif"); }
.ppd4f a.wmv{ background-image:url("/_layouts/15/Images/icwmv.gif"); }
.ppd4f a.wmx{ background-image:url("/_layouts/15/Images/icwmx.gif"); }
.ppd4f a.wmz{ background-image:url("/_layouts/15/Images/icwmz.gif"); }
.ppd4f a.wsf{ background-image:url("/_layouts/15/Images/icwsf.gif"); }
.ppd4f a.xddoc{ background-image:url("/_layouts/15/Images/icxddoc.gif"); }
.ppd4f a.xls{ background-image:url("/_layouts/15/Images/icxls.png"); }
.ppd4f a.xlsp{ background-image:url("/_layouts/15/Images/icxlsp.gif"); }
.ppd4f a.xlsx{ background-image:url("/_layouts/15/Images/icxlsx.gif"); }
.ppd4f a.xlt{ background-image:url("/_layouts/15/Images/icxlt.gif"); }
.ppd4f a.xltx{ background-image:url("/_layouts/15/Images/icxltx.gif"); }
.ppd4f a.xml{ background-image:url("/_layouts/15/Images/icxml.gif"); }
.ppd4f a.xps{ background-image:url("/_layouts/15/Images/icxps.gif"); }
.ppd4f a.xsd{ background-image:url("/_layouts/15/Images/icxsd.gif"); }
.ppd4f a.xsl{ background-image:url("/_layouts/15/Images/icxsl.gif"); }
.ppd4f a.xslt{ background-image:url("/_layouts/15/Images/icxslt.gif"); }
.ppd4f a.xsn{ background-image:url("/_layouts/15/Images/icxsn.gif"); }
.ppd4f a.zip{ background-image:url("/_layouts/15/Images/iczip.gif"); }
