/* * default stylesheet pics-gui * 20130315,gc - fixed space between buttons in p-panel-buttons */ html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, label, input, textarea, select, p, blockquote, th, td { margin:0; padding:0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; } label { cursor:pointer; } /* global styles */ .clear { clear:both;} .p-loading32 { position:relative; left:10px; top: 10px; width: 200px; height: 24px; background-image: url(/lib/gui/img/loading32.gif); background-repeat:no-repeat; padding: 8px 0 0 50px; color: #999999; } /* styles for panel/window */ .p-win-top, .p-win-left, .p-win-right, .p-win-bottom, .p-win-center, .p-win-head { background-image: url(/lib/gui/img/window.png); } .p-win-left { width: 5px; } .p-win-right { width: 5px; } .p-win-top { height: 5px; } .p-win-bottom { height: 5px; } .p-win-top .p-win-left { background-position: left 0px; background-repeat: no-repeat;} .p-win-top .p-win-right { background-position: right 0px; background-repeat: no-repeat;} .p-win-top .p-win-center { background-position: 0px -10px; background-repeat: repeat-x; } .p-win-bottom .p-win-left { background-position: 0px -5px; } .p-win-bottom .p-win-right { background-position: -5px -5px; } .p-win-bottom .p-win-center { background-position: 0px -15px; background-repeat: repeat-x; } .p-win-body .p-win-left { background-position: 0px -45px; background-repeat: repeat-y; } .p-win-body .p-win-center { background-image: none; background-color: #CCD8E7; } .p-win-body .p-win-right { background-position: -5px -45px; background-repeat: repeat-y; } .p-win-head { background-position: 0px -20px; background-repeat: repeat-x; height: 25px; } .p-win-title { font-weight: bold; padding: 3px; float:left;} .p-win-toolbox { float:right;} .p-win-content { clear:both; margin: 10px 5px; } .p-win-content-iframe { margin: 0px; padding: 0px; } .p-win-modal { position: absolute; left: 0px; top: 0px; width:100%; height:100%; text-align:center; display: block; background-color:#000000; opacity: 0.3; -moz-opacity: 0.30; filter:alpha(opacity=40);} .p-win-buttons { padding: 3px; text-align: center; width: 100%;} .p-win-loading32 { position:relative; left:50%; top: 10px; margin-left: -12px; height: 24px; background-image: url(/lib/gui/img/loading32.gif); background-repeat:no-repeat; padding: 8px 0 0 50px; color: #999999; } /* styles for panel/window */ .p-panel-top-left, .p-panel-top-center, .p-panel-top-right, .p-panel-bottom-left, .p-panel-bottom-center, .p-panel-bottom-right { background-image: url(/lib/gui/img/list.png); } .p-panel-top-left { height:20px; background-repeat:repeat-y; background-position:0px -115px; padding:0px 1px; } .p-panel-top-center { height:20px; background-repeat:repeat-x; background-position:0px -161px; } .p-panel-top-right { height:20px; background-repeat:repeat-y; background-position:0px -138px; padding:0px 1px; } .p-panel-bottom-left { height:5px; background-repeat:repeat-y; background-position:0px -184px; padding:0px 1px; } .p-panel-bottom-center { height:5px; background-repeat:repeat-x; background-position:0px -189px; } .p-panel-bottom-right { height:5px; background-repeat:no-repeat; background-position:0px -194px; padding:0px 1px; } .p-panel-center { background-color:#E4EBF6; padding:5px; padding-bottom:0px; } .p-panel-title { float:left; font-weight:bold; color:#090953; padding:3px; padding-left:5px; } .p-panel-toolbox { float:right; } .p-panel-content { clear:both; margin: 10px 5px; } .p-panel-buttons { padding:5px 5px 1px 3px; } .p-panel-left, .p-panel-right { background-image: url(/lib/gui/img/list-borders.png); width:0px; padding:0px 1px; background-repeat:repeat-y; } .p-panel-left { background-position:0px 0px; } .p-panel-right { background-position:-2px 2px; } /* styles for panel */ .p-panel { clear:both; border: 1px solid #BBBBBB; } .p-panel-header, .p-panel-footer { background-image: url(/lib/gui/img/panel.png); } .p-panel-header { height: 16px; background-position: 0px 0px; background-repeat: repeat-x; color: #333333; font-weight: bold; padding: 5px 3px;} .p-panel-footer { height: 16px; background-position: 0px -24px; background-repeat: repeat-x; padding: 5px 3px; } .p-panel-content { clear:both; padding: 5px; } /* styles for toolbox-buttons */ .p-tb { background-image: url(/lib/gui/img/tool-sprites.gif); width: 15px; height: 15px; margin: 3px; cursor:pointer; } .p-tb-close { background-position: 0px 0px; } .p-tb-close:hover { background-position: -15px 0px; } .p-tb-expand { background-position: 0px -75px; margin: 0 4px 0 0; vertical-align: top; } .p-tb-expand:hover { background-position: -15px -75px; } .p-tb-collapse { background-position: 0px -60px; margin: 0 4px 0 0; vertical-align: top; } .p-tb-collapse:hover { background-position: -15px -60px; } .p-fieldset-collapsed { border-left-color:transparent !important; border-right-color:transparent !important; border-width:1px 1px 0 !important; padding-bottom:0 !important; } .p-fieldset-collapsed div { display: none; } .p-fieldset { border:1px solid #DDDDDD; display:block; margin-bottom:10px; padding:10px; overflow:hidden; } .p-fieldset legend { color:#333333; font-weight: bold; } /* styles for forms */ .p-form-item { margin-bottom: 0px; } .p-form-spacer { margin-bottom: 10px; } .p-form-label { width: 75px; font-weight: bold; padding:3px 3px 3px 0; float: left; clear: both; } .p-form-field { float:left; margin-bottom: 4px; } .p-form-info { padding:3px 3px 3px 0; float:left; margin-bottom: 4px;} .p-form-text, .p-form-number, .p-form-password { border: 1px solid #B5B8C8; padding: 1px 3px; height: 16px; font-size: 12px; } .p-form-number { text-align: right; } .p-form-select { border: 1px solid #B5B8C8; padding: 0px; height: 20px; font-size: 12px; } .p-form-hidden { width: 1px; height: 1px; visibility: hidden; display: none; } /* we use a normal input as hidden-field */ .p-form-cbgroup { font-weight: normal; float:left; padding-top: 4px;} .p-form-cbgroup span { display: inline-block; min-width: 200px; margin-bottom: 5px; } .p-form-cbgroup div { margin-bottom: 3px; } .p-form-cbgroup input { padding: 4px 0px; } .p-form-cbgroup label { padding: 4px; font-size: 12px; } .p-form-head { background-image: url(/lib/gui/img/table-head.png); font-weight:bold; font-size:11px; height:14px; padding: 3px 5px; border:1px solid #D0D0D0; border-bottom:none; background-repeat:repeat-x; margin-bottom: -1px; } .p-2cols { float: left; width: 50%; } .p-3cols { float: left; width: 33%; } .p-4cols { float: left; width: 25%; } .p-form-seperator { width: 100%; border-bottom: 1px solid #D0D0D0; margin: 5px 0px; clear:both; } /* styles for buttons */ .p-btn32 { cursor:pointer;} .p-btn-left, .p-btn-right, .p-btn-center { background-image: url(/lib/gui/img/button32.png); float:left; } .p-btn-left { height: 32px; width: 5px; background-position: left 0px; background-repeat: no-repeat;} .p-btn-right { height: 32px; width: 5px; background-position: right 0px; background-repeat: no-repeat;} .p-btn-center { height: 32px; min-width: 100px; background-position: 0px -32px; background-repeat: repeat-x; text-align: center; } .p-btn-text { font-size: 13px; font-weight: bold; padding:7px 3px; } .p-btn32:hover .p-btn-left { background-position: left -64px; } .p-btn32:hover .p-btn-right { background-position: right -64px; } .p-btn32:hover .p-btn-center { background-position: 0px -96px; } .p-btn24 { cursor:pointer; } .p-btn24:hover .p-btn-left { background-position: left -64px; } .p-btn24:hover .p-btn-right { background-position: right -64px; } .p-btn24:hover .p-btn-center { background-position: 0px -96px; } .p-btn24 .p-btn-left, .p-btn24 .p-btn-right, .p-btn24 .p-btn-center { background-image: url(/lib/gui/img/button24.png); height: 24px; } .p-btn24 .p-btn-text { font-size: 12px; font-weight: bold; padding:5px 3px; } /* styles for Tabs */ .p-tab, .p-tab-active { float:left; margin: 0px 1px; } .p-tab { cursor:pointer; } .p-tab-active { cursor:default; } .p-tab-left, .p-tab-right, .p-tab-center, .p-tab-panel, .p-tab-close { background-image: url(/lib/gui/img/tab.png); } .p-tab-left { height: 24px; width: 4px; background-position: left -24px; background-repeat: no-repeat; float:left;} .p-tab-right { height: 24px; width: 2px; background-position: right -24px; background-repeat: no-repeat; float:left;} .p-tab-center { height: 24px; background-position: 0px -48px; background-repeat: repeat-x; text-align: center; float:left; } .p-tab-text { font-size: 11px; color: #333333; padding:6px 3px; } .p-slate-style .p-tab-text { font-size: 11px; color: #5B758C; padding:6px 3px; } .p-slate-style .p-tab-active .p-tab-text { color:#FFFFFF; } .p-tab:hover .p-tab-left { background-position: left -72px; } .p-tab:hover .p-tab-right { background-position: right -72px; } .p-tab:hover .p-tab-center { background-position: 0px -96px; } .p-tab-panel { height: 24px; background-position: 0px 0px; background-repeat: repeat-x; padding: 0px 3px; } .p-tab-active .p-tab-left { height: 24px; width: 4px; background-position: left -120px; background-repeat: no-repeat;} .p-tab-active .p-tab-right { height: 24px; width: 2px; background-position: right -120px; background-repeat: no-repeat;} .p-tab-active .p-tab-center { height: 24px; background-position: 0px -144px; background-repeat: repeat-x; text-align: center; } .p-tab-content { } .p-tab-content-active { display: block; } .p-tab-content-inactive { display: none; } .p-tab-close { width: 11px; height: 11px; margin-top: 3px; cursor:pointer; background-position: 0px -168px; float:left; } .p-tab-close:hover { background-position: 0px -179px; } .p-tab-space { float:left; height: 24px; width:3px; } /* styles for menues */ .p-mn32 { float:left; cursor:pointer; height: 16px; padding: 4px 10px; border-right: 1px solid #FFFFFF; font-size: 12px; color: #FFFFFF; margin: 4px 0px; text-align: center;} .p-mn32:hover { background-color: #999999; color: #333333; } /* styles for grid */ .p-grid { clear:both; } .p-grid-border { border: 1px solid #DDDDDD;} .p-grid-header, .p-grid-footer { background-image: url(/lib/gui/img/grid-head.png); } .p-grid-header { height: 16px; background-position: 0px -1px; background-repeat: repeat-x; color: #333333; font-weight: bold; padding: 4px 3px; border-left: 1px solid #DDDDDD;} .p-grid-subhead { font-weight:bold; font-size:11px; color:#333333; padding-left:5px; border-top: 1px solid #DDDDDD; background-color:#EDEDED; height: 20px; } .p-grid-grouphead { font-weight:bold; font-size:11px; color:#333333; padding-left:5px; border-top: 1px solid #DDDDDD; background-color:#EDEDED; height: 20px; } .p-grid-footer { height: 16px; background-position: 0px -23px; background-repeat: repeat-x; padding: 3px 3px 1px 3px; } .p-grid-content { clear:both; padding: 5px; } .p-grid-highlight { cursor: pointer; } .p-grid-highlight:hover { background-color: #CCD8E7; } .p-grid-row:hover td { background-color:#F5F9B9; } .p-grid-cell input, .p-grid-cell-alternate input, .p-grid-cell select, .p-grid-cell-alternate select { font-size:11px; width:100%; border:0px; } .p-grid-cell-alternate input[type="checkbox"], .p-grid-cell input[type="checkbox"] { margin-right:5px; margin-top:4px; } .p-grid-cell-alternate label, .p-grid-cell label { cursor:pointer; } .p-grid-cell select, .p-grid-cell-alternate select { border:none; width:100%; margin:0px; padding:0px; } .p-grid-cell textarea, .p-grid-cell-alternate textarea { border:none; width:100%; height:50px; } .p-grid-cell, .p-grid-cell-alternate, .p-grid-cell a, .p-grid-cell-alternate a { padding: 2px 5px; border-top: 1px solid #DDDDDD; min-height: 20px; font-size:11px; background-color:#FFFFFF; color: #333333;} .p-grid-cell-alternate, .p-grid-cell-alternate input, .p-grid-cell-alternate textarea, .p-grid-cell-alternate select { background-color:#F7F7F7; } /* styles for sort, group and paging in the grid */ .p-grid-btn-next, .p-grid-btn-next-disabled, .p-grid-btn-prev, .p-grid-btn-prev-disabled, .p-grid-btn-first, .p-grid-btn-first-disabled, .p-grid-btn-last, .p-grid-btn-last-disabled, .p-grid-btn-refresh { background-image: url(/lib/gui/img/grid.png); background-repeat:no-repeat; width: 16px; height: 16px; float:left; margin: 2px; } .p-grid-btn-prev { background-position: 0px 0px; cursor: pointer; } .p-grid-btn-prev-disabled { background-position: -16px 0px; } .p-grid-btn-next { background-position: 0px -16px; cursor: pointer; } .p-grid-btn-next-disabled { background-position: -16px -16px; } .p-grid-btn-first { background-position: 0px -32px; cursor: pointer; } .p-grid-btn-first-disabled { background-position: -16px -32px; } .p-grid-btn-last { background-position: 0px -48px; cursor: pointer; } .p-grid-btn-last-disabled { background-position: -16px -48px; } .p-grid-btn-refresh { background-position: 0px -64px; cursor: pointer; } .p-grid-btn-space { border-left: 1px solid #666666; border-right: 1px solid #FFFFFF; margin: 3px; float: left; height: 14px; } .p-grid-page { font-size: 11px; float: left; padding: 0px 3px } .p-grid-page .p-form-number { width: 30px; height: 14px; margin: 1px; } .p-grid-info { font-size: 11px; float: right; margin: 2px; padding-right: 3px; } .p-grid-sort-up, .p-grid-sort-down { background-image: url(/lib/gui/img/grid.png); background-repeat:no-repeat; width: 10px; height: 5px; margin: 2px; } .p-grid-sort-up { background-position: -16px -64px; cursor: pointer; } .p-grid-sort-down { background-position: -16px -69px; cursor: pointer; } .p-grid-expanded, .p-grid-collapsed { background-image: url(/lib/gui/img/grid2.png); background-repeat:no-repeat; width: 11px; height: 11px; margin-right: 5px; cursor: pointer; vertical-align: bottom; } .p-grid-expanded { background-position: -16px -80px; } .p-grid-collapsed { background-position: 0px -80px; } .p-grid-indent { width: 11px; height: 11px; margin-right: 5px; vertical-align: bottom; float:left; } /* styles for GUI-list */ .p-list { } .p-list-head, .p-list-foot, .p-list-cell-left, .p-list-cell-right, .p-list-head-left, .p-list-head-right, .p-list-subhead-left, .p-list-subhead-right { background-image: url(/lib/gui/img/list.png); } .p-list-head { font-weight:bold; font-size:11px; height:24px; padding-left:5px; border-left:1px solid #D0D0D0; background-repeat:repeat-x; background-position:0px -90px; } .p-list-subhead { font-weight:bold; font-size:11px; color:#333333; padding-left:5px; border-bottom:1px solid #EDEDED; background-color:#EDEDED; } .p-list-foot { height:20px; background-repeat:repeat-x; background-position:0px -90px; padding: 2px; width: 9px; height: 15px; } .p-list-cell,.p-list-cell a, .p-list-cell-alternate , .p-list-cell-alternate a { font-size:11px; color:#333333; padding-left:5px; background-color:#FFFFFF; border-bottom:1px solid #EDEDED; } .p-list-cell input, .p-list-cell-alternate input, .p-list-cell select, .p-list-cell-alternate select { font-size:11px; width:100%; border:0px; } .p-list-cell-alternate, .p-list-cell-alternate input { background-color:#F7F7F7; } .p-list-cell-left, .p-list-cell-right, .p-list-head-left, .p-list-head-right, .p-list-subhead-left, .p-list-subhead-right { height:20px; padding-left:1px; padding-right:1px; background-repeat:repeat-y; } .p-list-cell-left, .p-list-subhead-left { background-position:0px 0px; } .p-list-cell-right, .p-list-subhead-right { background-position:right -21px; } .p-list-head-left { background-position:0px -42px; padding:0px; width:2px; } .p-list-head-right { background-position:right -66px; padding:0px; width:2px; } .p-list-row:hover td { background-color:#F5F9B9; } .p-list-marked td { background-color:#FF0000 !important; } /* styles for block-lists */ .p-block-marked { background-color:#FF0000 !important; } /* styles for menu/toolbar */ .p-mn { background-image: url(/lib/gui/img/tb-back.png); height: 26px; width: 100%; } .p-mn-btn, .p-mn-btn-html { padding: 3px; margin: 2px 3px ; font-size: 11px; float: left; height: 14px; border: 1px solid transparent; cursor:pointer; } .p-mn-btn:hover { border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-right: 1px solid #666666; border-bottom: 1px solid #666666;} .p-mn-sep { float: left; margin: 5px 3px 5px 0px; border-left:1px solid #FFFFFF; border-right: 1px solid #AAAAAA; height: 16px; width: 0px;} .p-mn-btn-disabled { padding: 3px; margin: 2px 3px ; font-size: 11px; float: left; height: 14px; border: 1px solid transparent; cursor:pointer; opacity: 0.3; -moz-opacity: 0.30; filter:alpha(opacity=40);} /* styles for tree */ .p-tree-root { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin-bottom:5px; } .p-tree-mainnode { list-style:inside; } .p-tree-mainnode li { margin-top:2px; padding:0px; } .p-tree-node { list-style-type:none; padding-top:5px; } .p-tree-node .p-tree-mainnode { padding-left:20px; padding-top:0px; } /* text */ .p-tree-text { float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; cursor:pointer; padding-top:1px; padding-bottom:1px; } /* highlight/mark */ .p-tree-text_highlight { background-color:#0033CC; color:#FFFFFF; padding-left:2px; padding-right:2px; } /* checkbox */ .p-tree-item-cb { float:left; margin-right:4px; margin-top:1px; } .p-tree-item-cb input { margin:0px; padding:0px; } /* node irems (open, closed, nothing )*/ .p-tree-item, .p-tree-item-open, .p-tree-item-closed { background:url(/lib/gui/img/tree_nodes.png); background-repeat:no-repeat; padding-left:14px; height:9px; float:left; margin-top:2px; } .p-tree-item { background-position: left -18px; } .p-tree-item-open { background-position: left 0px; cursor:pointer; } .p-tree-item-closed { background-position: left -9px; cursor:pointer; } /* type irems (folder, document, module, ...)*/ .p-tree-item-folder, .p-tree-item-page, .p-tree-item-modul { cursor:move; background:url(/lib/gui/img/tree_items.png); background-repeat:no-repeat; padding-left:21px; height:16px; float:left; margin-top:-1px; } .p-tree-item-folder { background-position: left 0px; } .p-tree-item-page { background-position: left -32px; } .p-tree-item-modul { background-position: left -16px; } .p-tree-clear { clear:both; height:1px; margin:0px; padding:0px; } /* marker for drag and drop */ .droppable_before, .droppable_after { border-top:1px dashed #7F9ACB; width:150px; } .droppable_middle { border-top:1px dashed #FF0000; width:150px; } /* STYLES for the CALENDAR */ .c-table { background-color: #FFFFFF; } .c-table td { } .c-header { text-align:center; color: #333333; } .c-header-btn { width: 15px; } .c-table a { padding: 2px 4px; text-decoration: none; color: #000000; display:block; cursor:pointer; } .c-table a:hover { background-color: #DDECFE; color: #000000; } .c-head-week, .c-head-day, .c-head-sunday { background-position:0 -1px; background-repeat:repeat-x; color:#333333; font-weight:bold; height:13px; padding:4px 3px; background-image:url(/lib/gui/img/grid-head.png); } .c-head-sunday { color: #CC0000; } .c-entry-week, .c-entry-day, .c-entry-day-disabled { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; border: 1px solid #FFFFFF; padding: 0px; text-align:right; border-collapse:separate; } .c-entry-week { padding-right: 3px; background-color: #EEEEEE; border: 0px; color: #666666; } .c-entry-day-disabled { } .c-entry-day-disabled a { color: #DDDDDD; } .c-entry-active { background-color: #DDECFE; border:1px solid #BBBBBB; font-weight: bold;} .c-btn-prevmonth, .c-btn-nextmonth, .c-btn-prevyear, .c-btn-nextyear { display: block; background-image: url(/lib/gui/img/smallarrows.png); background-repeat:no-repeat; width: 10px; height: 9px; margin: 2px; } .c-btn-prevyear { background-position: 0px 0px; cursor: pointer; } .c-btn-prevmonth { background-position: -10px 0px; cursor: pointer; } .c-btn-nextmonth { background-position: -20px 0px; cursor: pointer; } .c-btn-nextyear { background-position: -30px 0px; cursor: pointer; } .c-btn-calendar { display: inline-block; vertical-align:top; margin-left: 2px; width: 22px; height: 17px; background-image: url(/lib/gui/img/calendar.gif); background-repeat:no-repeat; }