// service-desk.css
.growl { position: absolute; width: 400px; } .growl-header-outer { background: url(images/outer-left.png) no-repeat left top; } .growl-header-inner { background: url(images/outer-right.png) no-repeat right top; margin-left: 15px; } .growl-title { font-size: 12px; font-weight: bold; margin-right: 15px; line-height: 300%; text-align: center; background: url(images/v-body.png) repeat-x left top; cursor: move; overflow: hidden; white-space: nowrap; text-indent: 10px; } .growl-inner { background: url(images/h-body.png) repeat-y left top; } .growl-inner-body { background: url(images/h-body.png) repeat-y right top; margin-left: 15px; } .growl-content { background-color: #ffcd04; margin-right: 15px; overflow: auto; } .growl-message, .growl-message-odd { padding: 5px 10px; } .growl-message#first { padding-top: 0px; } .growl-message-odd { background-color: #ffde58; } .growl-footer-container { margin-right: 23px; padding-top: 10px; } .growl-footer-outer { background: url(images/inner-left.png) no-repeat left bottom; } .growl-footer-inner { background: url(images/inner-right.png) no-repeat right bottom; margin-left: 15px; position: relative; } .growl-footer { height: 50px; margin-right: 15px; background: url(images/v-body.png) repeat-x left bottom; position: inherit; } .growl-button { width: 16px; height: 16px; display: block; cursor: pointer; } .growl-loader { position: absolute; width: 136px; height: 10px; right: 10px; bottom: 45px; z-index: 200; background: url(/service-desk/images/ajax-loader.gif) no-repeat; } #growl-close { background: transparent url(images/ctrlClose.png) no-repeat center; width: 20px; position: absolute; top: 7px; right: 5px; } #growl-resize { background: url(images/resize.png) no-repeat left top; position: absolute; bottom: 3px; right: 2px; cursor: se-resize; } .system-message { list-style: none; padding: 0; margin-left: 2px;} .buttons-bar { height: 26px; margin-bottom: 10px; } .button-left, .button-right, .button-left div, .button-right div{ float: left; } .button-left { background: url(images/button_left.png) no-repeat; margin-left: 5px; } .button-right { background: url(images/button_right.png) 100% 0 no-repeat; margin-left: 5px; } .button-right a { display: block; height: 26px; float: left; line-height: 26px; font-size: 12px; font-weight: bold; color: #333; cursor: pointer; } .button-left a { padding: 0 20px 0 6px; } .button-right a { padding: 0 20px 0 15px; } .button-right a:hover { text-decoration: none; color: #0B55C4; } .button-right a.activePanel { text-decoration: underline; } .button-left-more .button-right, .button-left-less .button-right { background: url(images/button_right_d.png) 100% 0 no-repeat; } .button-left-more .button-right a, .button-left-less .button-right a { padding: 0 25px 0 15px; } .button-left-less, .button-left-more { position: relative; } .button-left-less .sub-menu { top: 26px; left: -999em; } .button-left-more .sub-menu { top: 26px; left: 0; } .button-left-less .sub-menu, .button-left-more .sub-menu { background-color: #F0F0F0; border: 1px solid #999999; list-style: none; padding: 0px; margin: 0px; display: block; position: absolute; } .button-left-more .sub-menu li { padding: 0px; margin: 0px; text-align: left; width: auto; } .button-left-more .sub-menu a:hover { text-decoration: none; background-color: #CCCCCC; } .button-left-more .sub-menu a { padding: 5px; margin: 0px; display: block; color: #000; font-weight: bold; width: 13em; } .toolbar-box { margin-bottom: 10px; } .toolbar-box .header { line-height: 48px; margin-left: 10px; } div.toolbar { float: right; text-align: right; padding: 0; } table.toolbar { border-collapse: collapse; padding: 0; margin: 0; background: #fbfbfb; } table.toolbar td { border: none; padding: 1px 1px 1px 4px; text-align: center; color: #666; height: 48px; } table.toolbar td.divider { border-right: 1px solid #eee; width: 5px; } table.toolbar div { float: none; width: 32px; height: 32px; margin: 0 auto; } table.toolbar a { display: block; float: left; white-space: nowrap; border: 1px solid #fbfbfb; padding: 1px 5px; cursor: pointer; } table.toolbar a:hover { border-left: 1px solid #eee; border-top: 1px solid #eee; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-decoration: none; color: #0B55C4; } .icon-32-user { background-image: url(icons/icon-32-adduser.png); } .icon-32-send { background-image: url(icons/icon-32-send.png); } .icon-32-delete { background-image: url(icons/icon-32-trash.png); } .icon-32-help { background-image: url(icons/icon-32-help.png); } .icon-32-cancel { background-image: url(icons/icon-32-cancel.png); } .icon-32-config { background-image: url(icons/icon-32-config.png); } .icon-32-export { background-image: url(icons/icon-32-export.png); } .icon-32-apply { background-image: url(icons/icon-32-apply.png); } .icon-32-back{ background-image: url(icons/icon-32-back.png); } .icon-32-save { background-image: url(icons/icon-32-save.png); } .icon-32-edit { background-image: url(icons/icon-32-edit.png); } .icon-32-copy { background-image: url(icons/icon-32-copy.png); } .icon-32-move { background-image: url(icons/icon-32-move.png); } .icon-32-new { background-image: url(icons/icon-32-new.png); } .icon-32-run { background-image: url(icons/icon-32-run.png); } .icon-32-upload { background-image: url(icons/icon-32-upload.png); } .icon-32-assign { background-image: url(icons/icon-32-publish.png); } .icon-32-html { background-image: url(icons/icon-32-html.png); } .icon-32-css { background-image: url(icons/icon-32-css.png); } .icon-32-publish { background-image: url(icons/icon-32-publish.png); } .icon-32-unpublish { background-image: url(icons/icon-32-unpublish.png);} .icon-32-restore{ background-image: url(icons/icon-32-revert.png); } .icon-32-trash { background-image: url(icons/icon-32-trash.png); } .icon-32-archive { background-image: url(icons/icon-32-archive.png); } .icon-32-unarchive { background-image: url(icons/icon-32-unarchive.png); } .icon-32-preview { background-image: url(icons/icon-32-archive.png); } .icon-32-default { background-image: url(icons/icon-32-default.png); } .icon-32-security { background-image: url(icons/icon-32-lock.png); } table.admintable { } table.admintable th{ text-align: center; background: #f0f0f0; color: #666; border-bottom: 1px solid #999; font-weight: bold; } table.admintable td { padding: 3px; background-color: #f6f6f6; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; vertical-align: top; } table.admintable td.key { text-align: right; color: #666; font-weight: bold; white-space: nowrap; padding: 3px; background-color: #f6f6f6; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; vertical-align: top; } table.admintable td.description { text-align: left; color: #333; font-weight: normal; padding: 3px; background-color: #f6f6f6; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; vertical-align: top; } table.adminlist { width: 100%; border-spacing: 1px; background-color: #e7e7e7; color: #666; } table.adminlist td, table.adminlist th { padding: 4px; } table.adminlist thead th { text-align: center; background: #f0f0f0; color: #666; border-bottom: 1px solid #999; border-left: 1px solid #fff; } table.adminlist thead a:hover { text-decoration: none; } table.adminlist thead th img { vertical-align: middle; } table.adminlist tbody th { font-weight: bold; } table.adminlist tbody tr { background-color: #fff; text-align: left; } table.adminlist tbody tr.row1 { background: #f9f9f9; border-top: 1px solid #fff; } table.adminlist tbody tr.row0:hover td, table.adminlist tbody tr.row1:hover td { background-color: #ffd ; } table.adminlist tbody tr td { height: 25px; background: #fff; border: 1px solid #fff; } table.adminlist tbody tr.row1 td { background: #f9f9f9; border-top: 1px solid #FFF; } table.adminlist tfoot tr { text-align: center; color: #333; } table.adminlist tfoot td, table.adminlist tfoot th { background-color: #f3f3f3; border-top: 1px solid #999; text-align: center; } table.adminlist td.order { text-align: center; } table.adminlist td.order span { float: left; display: block; width: 20px; text-align: center; } table.adminlist .pagination { display:table; padding:0; margin:0 auto; } table.adminform { background-color: #f9f9f9; border: solid 1px #d5d5d5; width: 100%; border-collapse: collapse; margin: 8px 0 10px 0; margin-bottom: 15px; width: 100%; } table.adminform tr.row0 { background-color: #f9f9f9; } table.adminform tr.row1 { background-color: #eeeeee; } table.adminform th { text-align: center; background: #f0f0f0; color: #666; border-bottom: 1px solid #999; border-left: 1px solid #fff; } table.adminform td { padding: 3px; text-align: left; } fieldset.adminform { border: 1px solid #ccc; margin: 0 10px 10px 10px; } ul.sd_navigation { margin-left: 0px; padding-left: 0px; } ul.sd_navigation li { list-style: none; margin: 0; padding: 0; border: 1px solid #F3F3F3; } ul.sd_navigation li a { display: block; padding: 0px 0px 3px 22px; } ul.signup-navigation { margin-left: 0; padding-left: 0; } ul.signup-navigation li { list-style: none; margin: 5px 0; padding: 1px; background-color: #f3f3f1; border: 1px solid #cecece; } ul.signup-navigation li span { padding: 2px; line-height: 180%; } ul.signup-navigation li.stage_passed span { background-color: #f3f3f1; color: #d7d7db; } ul.signup-navigation li.stage_next span { background-color: #f3f3f1; color: #d7d7db; } ul.signup-navigation li.stage_current span { background-color: #ababb1; color: #6c6b66; }