diff --git a/include/staff/kb-categories.inc.php b/include/staff/kb-categories.inc.php
index 0ab8b03fc1e6326eac435768954c049dc0b3aa64..eb673a735678e3ebd867f3019b34443822a4b178 100644
--- a/include/staff/kb-categories.inc.php
+++ b/include/staff/kb-categories.inc.php
@@ -3,59 +3,51 @@ if(!defined('OSTSTAFFINC') || !$thisstaff) die('Access Denied');
?>
<h2>Frequently Asked Questions</h2>
-<form id="kbSearch" action="kb.php" method="get" style="padding-top:15px;">
+<form id="kbSearch" action="kb.php" method="get">
<input type="hidden" name="a" value="search">
- <table border="0" cellspacing="0" cellpadding="3">
- <tr>
- <td width="440">
- <input id="query" type="text" size="20" name="q" value="<?php echo Format::htmlchars($_REQUEST['q']); ?>">
- <select name="cid">
- <option value="">— All Categories —</option>
- <?php
- $sql='SELECT category_id, name, count(faq.category_id) as faqs '
- .' FROM '.FAQ_CATEGORY_TABLE.' cat '
- .' LEFT JOIN '.FAQ_TABLE.' faq USING(category_id) '
- .' GROUP BY cat.category_id '
- .' HAVING faqs>0 '
- .' ORDER BY cat.name DESC ';
- if(($res=db_query($sql)) && db_num_rows($res)) {
- while($row=db_fetch_array($res))
- echo sprintf('<option value="%d" %s>%s (%d)</option>',
- $row['category_id'],
- ($_REQUEST['cid'] && $row['category_id']==$_REQUEST['cid']?'selected="selected"':''),
- $row['name'],
- $row['faqs']);
- }
- ?>
- </select>
- </td>
- <td width="100" rowspan="2">
- <input id="searchSubmit" type="submit" value="Search">
- </td>
- </tr>
- <tr>
- <td width="400">
- <select name="topicId" style="width:350px;">
- <option value="">— All Help Topics —</option>
- <?php
- $sql='SELECT ht.topic_id, ht.topic, count(faq.topic_id) as faqs '
- .' FROM '.TOPIC_TABLE.' ht '
- .' LEFT JOIN '.FAQ_TOPIC_TABLE.' faq USING(topic_id) '
- .' GROUP BY ht.topic_id '
- .' HAVING faqs>0 '
- .' ORDER BY ht.topic DESC ';
- if(($res=db_query($sql)) && db_num_rows($res)) {
- while($row=db_fetch_array($res))
- echo sprintf('<option value="%d" %s>%s (%d)</option>',
- $row['topic_id'],
- ($_REQUEST['topicId'] && $row['topic_id']==$_REQUEST['cid']?'selected="selected"':''),
- $row['topic'], $row['faqs']);
- }
- ?>
- </select>
- </td>
- </tr>
- </table>
+ <div>
+ <input id="query" type="text" size="20" name="q" value="<?php echo Format::htmlchars($_REQUEST['q']); ?>">
+ <select name="cid" id="cid">
+ <option value="">— All Categories —</option>
+ <?php
+ $sql='SELECT category_id, name, count(faq.category_id) as faqs '
+ .' FROM '.FAQ_CATEGORY_TABLE.' cat '
+ .' LEFT JOIN '.FAQ_TABLE.' faq USING(category_id) '
+ .' GROUP BY cat.category_id '
+ .' HAVING faqs>0 '
+ .' ORDER BY cat.name DESC ';
+ if(($res=db_query($sql)) && db_num_rows($res)) {
+ while($row=db_fetch_array($res))
+ echo sprintf('<option value="%d" %s>%s (%d)</option>',
+ $row['category_id'],
+ ($_REQUEST['cid'] && $row['category_id']==$_REQUEST['cid']?'selected="selected"':''),
+ $row['name'],
+ $row['faqs']);
+ }
+ ?>
+ </select>
+ <input id="searchSubmit" type="submit" value="Search">
+ </div>
+ <div>
+ <select name="topicId" style="width:350px;" id="topic-id">
+ <option value="">— All Help Topics —</option>
+ <?php
+ $sql='SELECT ht.topic_id, ht.topic, count(faq.topic_id) as faqs '
+ .' FROM '.TOPIC_TABLE.' ht '
+ .' LEFT JOIN '.FAQ_TOPIC_TABLE.' faq USING(topic_id) '
+ .' GROUP BY ht.topic_id '
+ .' HAVING faqs>0 '
+ .' ORDER BY ht.topic DESC ';
+ if(($res=db_query($sql)) && db_num_rows($res)) {
+ while($row=db_fetch_array($res))
+ echo sprintf('<option value="%d" %s>%s (%d)</option>',
+ $row['topic_id'],
+ ($_REQUEST['topicId'] && $row['topic_id']==$_REQUEST['cid']?'selected="selected"':''),
+ $row['topic'], $row['faqs']);
+ }
+ ?>
+ </select>
+ </div>
</form>
<hr>
<div>
@@ -96,7 +88,7 @@ if($_REQUEST['q'] || $_REQUEST['cid'] || $_REQUEST['topicId']) { //Search.
echo '<div>Click on the category to browse FAQs.</div>
<ul id="kb">';
while($row=db_fetch_array($res)) {
-
+
echo sprintf('
<li>
<h4><a href="kb.php?cid=%d">%s (%d)</a> - <span>%s</span></h4>
diff --git a/include/staff/kb-category.inc.php b/include/staff/kb-category.inc.php
index 619aa6205fd8db22e0a3060d5e23b495162b5e10..e7013192e995738c2f9be4f249c3292acac9ab53 100644
--- a/include/staff/kb-category.inc.php
+++ b/include/staff/kb-category.inc.php
@@ -11,23 +11,23 @@ if(!defined('OSTSTAFFINC') || !$category || !$thisstaff) die('Access Denied');
<div>
<strong><?php echo $category->getName() ?></strong>
<span>(<?php echo $category->isPublic()?'Public':'Internal'; ?>)</span>
- <br>
- <div class="faded"> Last updated <?php echo Format::db_daydatetime($category->getUpdateDate()); ?></div>
+ <time>Last updated <?php echo Format::db_daydatetime($category->getUpdateDate()); ?></time>
</div>
-<p>
+<div class="cat-desc">
<?php echo Format::safe_html($category->getDescription()); ?>
-</p>
+</div>
<?php
if($thisstaff->canManageFAQ()) {
- echo sprintf('<a href="categories.php?id=%d" class="Icon editCategory">Edit Category</a>
- | <a href="categories.php" class="Icon deleteCategory">Delete Category</a>
- | <a href="faq.php?cid=%d&a=add" class="Icon newFAQ">Add New FAQ</a>',
+ echo sprintf('<div class="cat-manage-bar"><a href="categories.php?id=%d" class="Icon editCategory">Edit Category</a>
+ <a href="categories.php" class="Icon deleteCategory">Delete Category</a>
+ <a href="faq.php?cid=%d&a=add" class="Icon newFAQ">Add New FAQ</a></div>',
$category->getId(),
$category->getId());
-}
+} else {
?>
<hr>
<?php
+}
$sql='SELECT faq.faq_id, question, ispublished, count(attach.file_id) as attachments '
.' FROM '.FAQ_TABLE.' faq '
@@ -39,7 +39,7 @@ if(($res=db_query($sql)) && db_num_rows($res)) {
<ol>';
while($row=db_fetch_array($res)) {
echo sprintf('
- <li><a href="faq.php?id=%d" class="previewfaq">%s</a> - <span>%s</span></li>',
+ <li><a href="faq.php?id=%d" class="previewfaq">%s <span>- %s</span></a></li>',
$row['faq_id'],$row['question'],$row['ispublished']?'Published':'Internal');
}
echo ' </ol>
diff --git a/scp/css/scp.css b/scp/css/scp.css
index 80f99b8ba7eb61958adcb454307e74fc9d1aae6f..c5eb222ba8bb06f9111b068fffb23cd7a9cb17c3 100644
--- a/scp/css/scp.css
+++ b/scp/css/scp.css
@@ -1,1225 +1,1308 @@
-body {
- background:#eee;
- font-family:arial, helvetica, sans-serif;
- font-size:10pt;
- color:#000;
- margin:0;
- padding:0;
-}
-
-a {
- color:#E65524;
- text-decoration:none;
-}
-
-.centered {
- text-align:center;
-}
-
-.clear {
- clear:both;
-}
-
-.faded {
- color:#666;
-}
-
-.strike { text-decoration:line-through; color:red; }
-
-#canned_attachments label { padding:3px; padding-right:10px; }
-
-
-#breadcrumbs {
- color: #333;
- margin-bottom: 15px;
-}
-
-#breadcrumbs a {
- color: #555;
-}
-
-#msg_notice { margin: 0; padding: 5px 10px 5px 36px; height: 16px; line-height: 16px; margin-bottom: 10px; border: 1px solid #0a0; background: url('../images/icons/ok.png?1300763726') 10px 50% no-repeat #e0ffe0; }
-
-#msg_warning { margin: 0; padding: 5px 10px 5px 36px; height: 16px; line-height: 16px; margin-bottom: 10px; border: 1px solid #f26522; background: url('../images/icons/alert.png?1307823786') 10px 50% no-repeat #ffffdd; }
-
-#msg_error { margin: 0; padding: 5px 10px 5px 36px; height: 16px; line-height: 16px; margin-bottom: 10px; border: 1px solid #a00; background: url('../images/icons/error.png') 10px 50% no-repeat #fff0f0; }
-
-
-#container {
- width:960px;
- margin:0 auto 20px auto;
-}
-
-#header {
- height:76px;
- background:url(../images/header-bg.png) top left repeat-x;
- border-left:1px solid #aaa;
- border-right:1px solid #aaa;
-}
-
-#logo {
- display:block;
- float:left;
- width:190px;
- height:76px;
- text-decoration:none;
- outline:none;
- text-indent:-9999px;
- background:url(../images/ost-logo.png) top left no-repeat;
-}
-
-#header p {
- display:block;
- width:430px;
- float:right;
- margin:10px;
- background:#eee;
- border:1px solid #ccc;
- padding:8px;
- text-align:center;
-}
-
-#nav, #sub_nav {
- clear:both;
- margin:0;
- padding:0 20px;
- height:26px;
- line-height:26px;
- border-left:1px solid #aaa;
- border-right:1px solid #aaa;
-}
-
-#nav .active, #sub_nav li {
- margin:0;
- padding:0;
- list-style:none;
- display:inline;
-}
-
-#nav {
- background:#eee;
- padding-top:4px;
- z-index:200;
- border-top:1px solid #ddd;
- border-bottom:1px solid #c5d9ec;
-}
-
-#nav .active a, #nav .inactive {
- display:block;
- float:left;
- width:115px;
- height:26px;
- color:#555;
- text-align:center;
- font-weight:bold;
- margin-top:1px;
- margin-right:5px;
- position:relative;
-}
-
-#nav .inactive a {
- color:#555;
- display:block;
-}
-
-#nav .active a {
- background:url(../images/tab-bg.png) top left no-repeat;
- color:#004a80;
-}
-
-#nav .inactive ul {
- display:none;
- width:230px;
- background:#fbfbfb;
- margin:0;
- padding:0;
- position:relative;
- z-index:500;
- border-bottom:1px solid #ccc;
- border-left:1px solid #ccc;
- border-right:1px solid #ccc;
-}
-
-#nav .inactive li {
- display:block;
- margin:0;
- padding:0 5px;
- list-style:none;
- text-align:left;
-}
-
-#nav .inactive:hover {
- background:url(../images/tab-bg.png) bottom left no-repeat;
-}
-
-#nav .inactive:hover ul {
- display:block;
- -moz-box-shadow: 3px 3px 3px #ccc;
- -webkit-box-shadow: 3px 3px 3px #ccc;
- box-shadow: 3px 3px 3px #ccc;
-}
-
-.ieshadow {
- width:230px;
- background:#000;
- filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
- -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
- zoom: 1;
- z-index:300;
- position:absolute;
- top:24px;
- left:0;
-}
-
-#nav .inactive li {
- background:#fbfbfb;
-}
-
-#nav .inactive li a {
- padding-left:24px;
- background-position:0 50%;
- background-repeat:no-repeat;
- font-weight:normal;
- background-color:#fbfbfb;
-}
-
-#nav .inactive li a:hover {
- color:#E65524;
-}
-
-#sub_nav {
- background:#f7f7f7;
- border-bottom:1px solid #bebebe;
-}
-
-#sub_nav a {
- display:block;
- float:left;
- margin-right:10px;
- padding:0 10px 0 21px;
- background-position:0 50%;
- background-repeat:no-repeat;
- color:#000;
-}
-
-#sub_nav a:hover {
- color:#E65524;
-}
-
-#sub_nav a.active {
- font-weight:bold;
-}
-
-#sub_nav .open { background-image:url(../images/icons/open.gif) }
-#sub_nav .answered { background-image:url(../images/icons/answered.gif) }
-#sub_nav .mine { background-image:url(../images/icons/mine.gif) }
-#sub_nav .closed { background-image:url(../images/icons/closed.gif) }
-#sub_nav .new { background-image:url(../images/icons/new.gif) }
-
-a.test { background-image:url(../images/icons/open.gif) }
-
-a.Ticket { background:url(../images/icons/open_tickets.gif) }
-a.assignedTickets { background:url(../images/icons/assigned_tickets.gif) }
-a.overdueTickets { background:url(../images/icons/overdue_tickets.gif) }
-a.answeredTickets { background:url(../images/icons/answered_tickets.gif) }
-a.closedTickets { background:url(../images/icons/closed_tickets.gif) }
-a.newTicket { background:url(../images/icons/new_ticket.gif) }
-
-a.premade { background:url(../images/icons/premade_reply.gif) }
-a.newPremade { background:url(../images/icons/new_premade_reply.gif) }
-
-a.kb { background:url(../images/icons/kb.gif) }
-a.kb-categories { background:url(../images/icons/kb-categories.gif) }
-a.canned { background:url(../images/icons/canned.gif) }
-
-a.staff { background:url(../images/icons/list_groups.gif) }
-a.user { background:url(../images/icons/list_users.gif) }
-a.userPref { background:url(../images/icons/user_preferences.gif) }
-a.userPasswd { background:url(../images/icons/change_password.gif) }
-
-a.preferences { background:url(../images/icons/settings.gif) }
-a.attachment { background:url(../images/icons/attachment.gif ) }
-a.api { background:url(../images/icons/api.png) }
-a.newapi { background:url(../images/icons/new_api.png) }
-
-a.sla { background:url(../images/icons/slas.png) }
-a.newsla { background:url(../images/icons/new_sla.png) }
-
-a.logs { background:url(../images/icons/logs.gif) }
-
-a.emails { background:url(../images/icons/emails.png) }
-a.newEmail { background:url(../images/icons/new_email.png) }
-
-a.emailTemplates { background:url(../images/icons/email_templates.png) }
-a.newEmailTemplate { background:url(../images/icons/new_email_template.png) }
-
-a.emailFilters { background:url(../images/icons/email_filters.png) }
-a.newEmailFilter { background:url(../images/icons/new_email_filter.png) }
-
-a.emailSettings { background:url(../images/icons/emails.png) }
-a.emailDiagnostic { background:url(../images/icons/email_diagnostic.gif) }
-a.banList { background:url(../images/icons/ban_list.gif) }
-
-a.users { background:url(../images/icons/list_users.gif) }
-a.newuser { background:url(../images/icons/new_user.gif) }
-a.groups { background:url(../images/icons/list_groups.gif) }
-a.teams { background:url(../images/icons/teams.gif) }
-a.newgroup { background:url(../images/icons/new_group.gif) }
-
-a.helpTopics { background:url(../images/icons/help_topics.png) }
-a.newHelpTopic { background:url(../images/icons/new_help_topic.png) }
-
-a.departments { background:url(../images/icons/list_departments.gif) }
-a.newDepartment { background:url(../images/icons/new_department.gif) }
-
-
-/* Generic CSS based Icons. use=> <tag class="Icon iconname">text</tag> */
-
-.Icon {
- width: auto;
- padding-left:20px;
- background-position: left center;
- background-repeat: no-repeat;
-}
-
-
-a.Icon { background-repeat: no-repeat;}
-
-
-a.Icon:hover {
- text-decoration: underline;
-}
-
-
-.Icon.newstaff { background:url(../images/icons/new_user.gif) 0 0 no-repeat; }
-.Icon.newteam { background:url(../images/icons/new_team.gif) 0 0 no-repeat; }
-
-.Icon.Ticket { background:url(../images/icons/ticket.gif) 0 2px no-repeat; }
-.Icon.webTicket { background:url(../images/icons/ticket_source_web.gif) 0 0 no-repeat; }
-.Icon.emailTicket { background:url(../images/icons/ticket_source_email.gif) 0 0 no-repeat; }
-.Icon.phoneTicket { background:url(../images/icons/ticket_source_phone.gif) 0 0 no-repeat; }
-.Icon.otherTicket { background:url(../images/icons/ticket_source_other.gif) 0 0 no-repeat; }
-.Icon.overdueTicket { background:url(../images/icons/overdue_ticket.gif) 0 0 no-repeat; }
-.Icon.assignedTicket { background:url(../images/icons/assigned_ticket.gif) 0 0 no-repeat; }
-.Icon.lockedTicket { background:url(../images/icons/locked_ticket.gif) 0 0 no-repeat; }
-.Icon.editTicket { background-image: url(../images/icons/edit_ticket.png); }
-
-.Icon.newCategory { background-image: url(../images/icons/new_category.png); }
-.Icon.editCategory { background-image: url(../images/icons/edit_category.png); }
-.Icon.deleteCategory { background-image: url(../images/icons/delete_category.png); }
-.Icon.newFAQ { background-image: url(../images/icons/new_faq.png); }
-.Icon.newReply { background-image: url(../images/icons/new_reply.png); }
-
-.Icon.file { background-image: url(../images/icons/file.gif); }
-.Icon.refresh { background-image: url(../images/icons/refresh.gif); }
-.Icon.note {
- font-weight: bold;
- font-size: 1em;
- background-image: url(../images/icons/note.gif);
-}
-
-.Icon.thread {
- font-weight: bold;
- font-size: 1em;
- background-image: url(../images/icons/thread.gif);
-}
-
-
-.Icon.debugLog { background:url(../images/icons/log_debug.gif) 0 2px no-repeat; }
-.Icon.alertLog { background:url(../images/icons/log_alert.gif) 0 2px no-repeat; }
-.Icon.errorLog { background:url(../images/icons/log_error.gif) 0 2px no-repeat; }
-
-
-
-#content {
- clear:both;
- border:1px solid #aaa;
- border-top:none;
- border-bottom:3px solid #bbb;
- padding:10px 10px 20px 10px;
- background:#fff;
-}
-
-#content a {
- color:#184E81;
-}
-
-#footer {
- clear:both;
- padding:10px;
- text-align:center;
- font-size:9pt;
-}
-
-table { vertical-align:top; }
-
-table.list {
- clear:both;
- background:#ccc;
- margin: 2px 0;
- border-bottom: 1px solid #ccc;
- font-family:arial, helvetica, sans-serif;
- font-size:10pt;
-}
-
-table.list caption {
- text-align:left;
- padding:5px;
- background:#929292;
- color:#fff;
- font-weight:bold;
-}
-
-table.list thead th {
- background-color:#eee;
- color:#000;
- text-align:left;
- vertical-align:top;
-}
-
-table.list th a {
-
- text-decoration:none;
- color:#000;
-}
-
-table.list thead th a { padding: 3px; display: block; color: #000; background: url('../images/asc_desc.gif') 100% 50% no-repeat; }
-
-table.list thead th a.asc { background: url('../images/asc.gif') 100% 50% no-repeat #cfe6ff; }
-table.list thead th a.desc { background: url('../images/desc.gif') 100% 50% no-repeat #cfe6ff; }
-table.list tbody td {
- background:#fff;
- border:1px solid #fff;
- padding:1px;
- vertical-align:top;
-}
-
-table.list tbody td { background: #fff; padding: 1px; padding-left:2px; vertical-align: top; }
-table.list tbody tr.odd td { background-color: #f0faff; }
-table.list tbody tr:hover td { background: #ffe; }
-table.list tbody tr.odd:hover td { background: #ffd; }
-
-table.list tfoot td {
- background:#eee;
- padding: 2px;
-}
-
-table.list tbody td.webticket, table.list tbody tr.row1 td.webticket {
- text-indent:20px;
- background:url(../images/icons/ticket_source_web.gif) 0 50% no-repeat #fff;
-}
-
-table.list tbody td.emailticket, table.list tbody tr.row1 td.emailticket {
- text-indent:20px;
- background:url(../images/icons/ticket_source_email.gif) 0 50% no-repeat;
-}
-
-table.list tbody td.phoneticket, table.list tbody tr.row1 td.phoneticket {
- text-indent:20px;
- background:url(../images/icons/ticket_source_phone.gif) 0 50% no-repeat;
-}
-
-table.list tbody td.otherticket, table.list tbody tr.row1 td.otherticket {
- text-indent:20px;
- background:url(../images/icons/ticket_source_other.gif) 0 50% no-repeat;
-}
-
-a.refresh {
- display:block;
- float:right;
- width:auto;
- height:16px;
- line-height:16px;
- padding:2px 5px 2px 2px;
- background-position:2px 50%;
- background-repeat:no-repeat;
- padding-left:24px;
- margin-left:10px;
- margin-bottom: 2px;
- border:1px solid #aaa;
- background-image:url(../images/icons/refresh.gif);
-}
-
-a.edit, a.print {
- display:block;
- float:right;
- width:auto;
- height:16px;
- line-height:16px;
- padding:2px 5px 2px 2px;
- background-position:2px 50%;
- background-repeat:no-repeat;
- padding-left:24px;
- margin-left:10px;
- border:1px solid #aaa;
- background-image:url(../images/icons/edit_ticket.png);
-}
-
-a.print {
- background-image:url(../images/icons/printer.gif);
-}
-
-.btn {
- padding:3px 10px;
- background:url(../images/btn_bg.png) top left repeat-x #ccc;
- border:1px solid #777;
- color:#000;
-}
-
-.button { padding:1px 5px; margin-right:10px; color:#777; font-weight:bold;}
-
-.btn_sm {
- padding:2px 5px;
- font-size:9pt;
- background:url(../images/btn_sm_bg.png) top left repeat-x #f90;
- border:1px solid #777;
- color:#fff;
- font-weight:bold;
-}
-
-.btn:hover, .btn_sm:hover {
- background-position: bottom left;
-}
-
-.search label {
- display:block;
- line-height:25px;
- height:25px;
-}
-
-.search input[type=text] {
- height:23px;
- line-height:23px;
- border:1px solid #aaa;
- background:#fff;
- padding:2px;
-}
-
-.form_table {
- margin-top:3px;
- border-left:1px solid #ddd;
- border-right:1px solid #ddd;
-}
-
-.form_table td {
- border-bottom:1px solid #ddd;
-}
-
-
-.form_table td.multi-line {
- vertical-align:top;
-}
-
-.form_table input[type=text], .form_table input[type=password], .form_table textarea {
- background:#fff;
- border:1px solid #aaa;
-}
-
-.form_table input[type=radio], .form_table input[type=checkbox] {
- position:relative;
- top:3px;
- margin-left:0;
- padding-left:0;
-}
-
-.form_table .required {
- font-weight:bold;
-}
-
-.form_table em {
- font-weight:normal;
- color:#666;
-}
-
-.error {
- color:#f00;
-}
-
-.form_table .error input {
- border:1px solid #f00;
-}
-
-.form_table th {
- text-align:left;
- border:1px solid #ccc;
- background:#eee;
- padding:0;
-}
-
-.form_table th h4 {
- margin:0;
- padding:5px;
- color:#fff;
- background:#929292;
-}
-
-.form_table th em {
- display:block;
- padding:5px;
- color:#000;
-}
-
-.settings_table {
- margin-top:2px;
- border-left:1px solid #ddd;
- border-right:1px solid #ddd;
-}
-
-.settings_table td {
- border-bottom:1px solid #ddd;
-}
-
-.settings_table input[type=radio], .settings_table input[type=checkbox] {
- margin-left:0;
- padding-left:0;
-}
-
-#content .settings_table th h4 a {
- display:block;
- color:#fff;
-}
-
-.settings_table h4 a span {
- font-size:12pt;
- line-height:14px;
- display:inline-block;
- width:14px;
- height:14px;
- overflow:hidden;
- text-align:center;
- color:#444;
- background:#ccc;
- position:relative;
- top:2px;
-}
-
-h2 {
- margin:0;
- padding:0;
- font-size:12pt;
- color:#0A568E;
-}
-
-h2 span { color:#000; }
-
-h3 {
- margin:10px 0 0 0;
- padding:5px 0;
- font-size:10pt;
- color:#444;
-}
-
-.ticket_info th {
- text-align:left;
-}
-
-.ticket_info {
- background:#F4FAFF;
-}
-
-.right_align { text-align:right; }
-
-h2 .reload {
- display:inline-block;
- width:16px;
- height:16px;
- background:url(../images/icons/refresh.gif) top left no-repeat;
- outline:none;
- text-indent:-9999px;
-}
-
-#assigned_message {
- margin:10px 0;
- padding:5px 5px 5px 30px;
- background:url(../images/icons/assigned_ticket.gif) 5px 50% no-repeat #ffd;
- border:1px solid #f90;
-}
-
-
-
-
-#ticket_actions {
- padding:5px;
- background:#eee;
- border:1px solid #aaa;
- border-bottom:none;
- margin:0;
-}
-
-#threads {
- margin:0;
- padding:5px 10px 0 10px;
- border:1px solid #aaa;
- background:#F4FAFF;
- height:30px;
-}
-
-#threads li {
- list-style:none;
- margin:0;
- padding:0;
- display:inline;
-}
-
-#threads li a {
- display:block;
- width:auto;
- float:left;
- height:30px;
- line-height:30px;
- border-top:1px solid #F4FAFF;
- padding:0 10px 0 32px;
- margin-right:10px;
-}
-
-#threads li a.active {
- height:29px;
- background-color:#fff;
- border:1px solid #aaa;
- border-bottom:none;
- border-top:2px solid #ed9100;
- font-weight:bold;
-}
-
-#toggle_ticket_thread {
- background:url(../images/icons/open.gif) 10px 50% no-repeat;
-}
-
-#toggle_notes {
- background:url(../images/icons/note.gif) 10px 50% no-repeat;
-}
-
-#latest_notes {
- margin:10px 0;
- padding:10px;
- background:#ffe;
- border:1px solid #e7e765;
-}
-
-#latest_notes h3 {
- margin:0 0 10px 0;
- padding:0;
- font-size:11pt;
-}
-
-#latest_notes h3 span, #latest_notes h3 a {
- color:#777;
- font-weight:normal;
- text-decoration:none;
- font-size:10pt;
-}
-
-#latest_notes ul {
- margin:0 20px;
- padding:0;
-}
-
-#latest_notes ul li {
- margin:0;
- padding:0 0 10px 0;
- list-style:none;
-}
-
-#latest_notes em {
- color:#777;
-}
-
-#ticket_thread table {
- margin-top:10px;
- border:1px solid #aaa;
- border-bottom:2px solid #aaa;
-}
-
-#ticket_notes table {
- margin-top:10px;
- border:1px solid #ddd;
- border-bottom:2px solid #ddd;
-}
-
-#ticket_thread table th, #ticket_notes table th {
- text-align:left;
- border-bottom:1px solid #aaa;
- font-size:10pt;
- padding:5px;
-}
-
-#ticket_notes table th {
- text-align:left;
- border-bottom:1px solid #ddd;
- font-size:10pt;
- padding:5px;
- background:#F4FAFF;
-}
-
-#ticket_notes table th em {
- font-weight:normal;
- font-size:10pt;
- color:#666;
-}
-
-#ticket_thread .message th {
- background:#C3D9FF;
-}
-
-#ticket_notes .date {
- font-weight:normal;
- font-size:10pt;
- color:#888;
- text-align:right;
-}
-
-#ticket_thread .response th {
- background:#FFE0B3;
-}
-
-#ticket_thread table td, #ticket_notes table td {
- padding:5px;
-}
-
-#ticket_notes td {
- background:#f9f9f9;
-}
-
-#ticket_thread .info, #ticket_notes .info {
- padding:5px;
- background:#F4FAFF;
- height:16px;
- line-height:16px;
-}
-
-#ticket_notes .info {
- background:#f9f9f9;
-}
-
-#response_options {
- margin-top:30px;
-}
-
-#response_options form {
- padding:0 10px;
-}
-
-#response_options ul {
- padding:4px 0 0 190px;
- margin:0;
- text-align:center;
- height:29px;
- border-bottom:1px solid #aaa;
- background:#eef3f8;
-}
-
-#response_options li {
- margin:0;
- padding:0;
- display:inline;
- list-style:none;
-}
-
-#response_options li a {
- width:130px;
- font-weight:bold;
- padding:5px;
- height:18px;
- line-height:20px;
- color:#444;
- display:block;
- float:left;
- outline:none;
- position:relative;
- top:0;
- background:#fbfbfb;
- border:1px solid #eee;
- border-bottom:none;
-}
-
-#response_options .reply_tab.tell {
- color:#a00 !important;
- background-image:url(../images/reminder.png);
- background-position:12px 50%;
- background-repeat:no-repeat;
-}
-
-#response_options li a.active {
- height:18px;
- color:#184E81;
- background-color:#f9f9f9;
- border:1px solid #aaa;
- border-top:2px solid #81a9d7;
- border-bottom:none;
-}
-
-#response_options form {
- padding:10px 5px;
- background:#f9f9f9;
- border:1px solid #aaa;
- border-top:none;
-}
-
-#response_options table {
- width:928px;
-}
-
-#response_options td {
- vertical-align:top;
-}
-
-#response_options textarea {
- width:760px !important;
-}
-
-#response_options input[type=text], #response_options textarea {
- border:1px solid #aaa;
- background:#fff;
-}
-
-.attachments .uploads div {
- display:inline-block;
- padding-right:20px;
-}
-
-
-
-.file {
- display:inline-block;
- padding-left:20px;
- margin-right:20px;
- background:url(../images/icons/file.gif) 0 50% no-repeat;
-}
-
-.expander {
- line-height:14px;
- display:inline-block;
- width:12px;
- height:12px;
- overflow:hidden;
- text-align:center;
- color:#aaa;
- position:relative;
-}
-
-/** Popup Tool Tips and Content **/
-
-.tip_box {
- display:block;
- height:30px;
- position:absolute;
- z-index:1000;
-}
-
-.tip_arrow {
- display:block;
- position:absolute;
- top:5px;
- left:-11px;
- width:12px;
- z-index:700;
-}
-
-.tip_content {
- height:auto !important;
- height:20px;
- min-height:20px;
- padding:10px 5px 5px 5px;
- border:1px solid #666;
- background:#fff;
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius:5px;
- -moz-box-shadow: 3px 3px 3px #666;
- -webkit-box-shadow: 3px 3px 3px #666;
- box-shadow: 3px 3px 3px #666;
- z-index:500;
- position:absolute;
- top:0;
- left:-1px;
- width:auto !important;
- width:300px;
-}
-
-.tip_content hr {
-
- color: #ddd;
- background-color: #ddd;
- height: 1px;
- border: 0;
- padding: 0;
- margin: 0.2em 0;
- width: 100%;
-}
-
-.tip_close {
- position:absolute;
- left:100%;
- top:0;
- margin-left:-12px;
-}
-
-.tip_shadow {
- display:none;
- background:#000;
- filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.60);
- -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.60)";
- zoom: 1;
- position:absolute;
- z-index:200;
- top:0;
- left:0;
- width:auto !important;
- width:310px;
-}
-
-.tip_menu {
- margin:10px 0 0 0;
- padding:5px 0;
- border-top:1px solid #aaa;
- height:16px;
- font-size:9pt;
-}
-
-.tip_menu li {
- display:inline;
- list-style:none;
- margin:0;
- padding:0;
-}
-
-.tip_menu li a {
- display:block;
- width:auto;
- _width:0;
- float:left;
- padding:0 10px;
- border-right:1px solid #ddd;
- color:#666;
-}
-
-.tip_menu li a:hover {
- color:#E76C74;
-}
-
-.tip_content form {
- display:none;
- line-height:24px;
-}
-
-.tip_content select, .tip_content textarea {
- width:295px;
-}
-
-.tip_content textarea {
- padding:0;
- border:1px solid #aaa;
- background:#fff;
-}
-
-.tip_content form p {
- margin:0;
- width:auto !important;
- width:295px;
- text-align:right;
- line-height:24px;
-}
-
-/* Knowledgebase */
-#kb {
- margin: 2px 0;
- padding: 0;
- overflow: hidden;
-}
-
-#kb > li {
- margin: 0 0 5px 0;
- padding: 0 10px;
- width: auto;
- float: left;
- clear: both;
-}
-
-#kb > li h4 {
- padding-bottom:3px;
- margin-bottom:3px;
-}
-
-#kb > li h4 span {
- color:#666;
-}
-
-#kb > li h4 a {
- font-size: 14px;
-}
-
-#faq {
- clear: both;
- margin: 0;
- padding: 5 0 10px 5px;
-}
-#faq ol {
- font-size: 15px;
- margin-left: 0;
- padding-left: 0;
-}
-#faq ol li {
- list-style: none;
- margin: 0 0 10px 0;
- color: #999;
-}
-#faq ol li a {
- display: inline;
- height: 16px;
- line-height: 16px;
- padding-left: 24px;
- background: url('../images/icons/page.png') 0 50% no-repeat;
-}
-
-
-/* Advanced Ticket Search */
-
-#overlay {
- background:#000;
- position:absolute;
- display:none;
- z-index:1000;
-}
-
-#advanced-search, #advanced-search * {
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
-}
-
-#advanced-search {
- position:absolute;
- padding:1em;
- width:640px;
- height:360px;
- background:#fff;
- border:1px solid #2a67ac;
- display:none;
- z-index:1200;
-}
-
-#advanced-search h3 {
- color:#2a67ac;
- font-size:20px;
- margin:0;
- padding:0;
- display:inline-block;
-}
-
-#advanced-search a.close {
- display:inline-block;
- float:right;
- font-size:16px;
- color:#777;
-}
-
-#advanced-search form {
- clear:both;
- padding:2em 0 1em 0;
- width:100%;
-}
-
-#advanced-search div.closed_by, #advanced-search span.spinner {
- display:none;
-}
-
-#advanced-search fieldset {
- margin:0;
- padding:0.25em 0;
- border:none;
- overflow:hidden;
-}
-
-#advanced-search label {
- width:100px;
- display:inline-block;
- text-align:right;
- padding:10px;
-}
-
-#advanced-search fieldset input {
- border:1px solid #ccc;
- background:#fff;
-}
-
-#advanced-search fieldset select {
- width:170px;
- display:inline-block;
-}
-
-#advanced-search fieldset span {
- width:50px;
- display:inline-block;
- text-align:center;
- color:#777;
- font-size:0.75em;
-}
-
-#advanced-search .query input {
- width:350px;
-}
-
-#advanced-search .date_range input {
- width:175px;
-}
-
-#advanced-search .date_range i {
- display:inline-block;
- margin-left:3px;
- position:relative;
- top:5px;
- width:16px;
- height:16px;
- background:url(../images/cal.png) bottom left no-repeat;
-}
-
-#advanced-search fieldset.sorting select {
- width:130px;
-}
-
-#advanced-search p {
- text-align:center;
-}
-
-#advanced-search input[type="submit"],
-#advanced-search input[type="reset"],
-#advanced-search input[type="button"]
-{
- display:inline-block;
- margin:0;
- height:24px;
- line-height:24px;
- font-weight:bold;
- border:1px solid #666666;
- padding:0 10px;
- background: url('../images/grey_btn_bg.png?1312910883') top left repeat-x;
- color: #333;
-}
-
-#advanced-search input[type="reset"], #advanced-search input[type="button"] {
- opacity:0.7;
-}
-
-#advanced-search input[type=submit]:hover, #advanced-search input[type=submit]:active,
-#advanced-search input[type=reset]:hover, #advanced-search input[type=reset]:active {
- background-position:bottom left;
-}
-
-#result-count div {
- padding:5px 10px;
- text-align:left;
- font-weight:bold;
- width:100%;
- margin:0 auto;
-}
-
-#result-count .success {
- background:#e3ffd8;
- border:1px solid #0a0;
-}
-
-#result-count .fail {
- background:#ffd8d8;
- border:1px solid #a00;
-}
-
+body {
+ background:#eee;
+ font-family:arial, helvetica, sans-serif;
+ font-size:10pt;
+ color:#000;
+ margin:0;
+ padding:0;
+}
+
+a {
+ color:#E65524;
+ text-decoration:none;
+}
+
+.centered {
+ text-align:center;
+}
+
+.clear {
+ clear:both;
+}
+
+.faded {
+ color:#666;
+}
+
+.strike { text-decoration:line-through; color:red; }
+
+#canned_attachments label { padding:3px; padding-right:10px; }
+
+
+#breadcrumbs {
+ color: #333;
+ margin-bottom: 15px;
+}
+
+#breadcrumbs a {
+ color: #555;
+}
+
+#msg_notice { margin: 0; padding: 5px 10px 5px 36px; height: 16px; line-height: 16px; margin-bottom: 10px; border: 1px solid #0a0; background: url('../images/icons/ok.png?1300763726') 10px 50% no-repeat #e0ffe0; }
+
+#msg_warning { margin: 0; padding: 5px 10px 5px 36px; height: 16px; line-height: 16px; margin-bottom: 10px; border: 1px solid #f26522; background: url('../images/icons/alert.png?1307823786') 10px 50% no-repeat #ffffdd; }
+
+#msg_error { margin: 0; padding: 5px 10px 5px 36px; height: 16px; line-height: 16px; margin-bottom: 10px; border: 1px solid #a00; background: url('../images/icons/error.png') 10px 50% no-repeat #fff0f0; }
+
+
+#container {
+ width:960px;
+ margin:0 auto 20px auto;
+}
+
+#header {
+ height:76px;
+ background:url(../images/header-bg.png) top left repeat-x;
+ border-left:1px solid #aaa;
+ border-right:1px solid #aaa;
+}
+
+#logo {
+ display:block;
+ float:left;
+ width:190px;
+ height:76px;
+ text-decoration:none;
+ outline:none;
+ text-indent:-9999px;
+ background:url(../images/ost-logo.png) top left no-repeat;
+}
+
+#header p {
+ display:block;
+ width:430px;
+ float:right;
+ margin:10px;
+ background:#eee;
+ border:1px solid #ccc;
+ padding:8px;
+ text-align:center;
+}
+
+#nav, #sub_nav {
+ clear:both;
+ margin:0;
+ padding:0 20px;
+ height:26px;
+ line-height:26px;
+ border-left:1px solid #aaa;
+ border-right:1px solid #aaa;
+}
+
+#nav .active, #sub_nav li {
+ margin:0;
+ padding:0;
+ list-style:none;
+ display:inline;
+}
+
+#nav {
+ background:#eee;
+ padding-top:4px;
+ z-index:200;
+ border-top:1px solid #ddd;
+ border-bottom:1px solid #c5d9ec;
+}
+
+#nav .active a, #nav .inactive {
+ display:block;
+ float:left;
+ width:115px;
+ height:26px;
+ color:#555;
+ text-align:center;
+ font-weight:bold;
+ margin-top:1px;
+ margin-right:5px;
+ position:relative;
+}
+
+#nav .inactive a {
+ color:#555;
+ display:block;
+}
+
+#nav .active a {
+ background:url(../images/tab-bg.png) top left no-repeat;
+ color:#004a80;
+}
+
+#nav .inactive ul {
+ display:none;
+ width:230px;
+ background:#fbfbfb;
+ margin:0;
+ padding:0;
+ position:relative;
+ z-index:500;
+ border-bottom:1px solid #ccc;
+ border-left:1px solid #ccc;
+ border-right:1px solid #ccc;
+}
+
+#nav .inactive li {
+ display:block;
+ margin:0;
+ padding:0 5px;
+ list-style:none;
+ text-align:left;
+}
+
+#nav .inactive:hover {
+ background:url(../images/tab-bg.png) bottom left no-repeat;
+}
+
+#nav .inactive:hover ul {
+ display:block;
+ -moz-box-shadow: 3px 3px 3px #ccc;
+ -webkit-box-shadow: 3px 3px 3px #ccc;
+ box-shadow: 3px 3px 3px #ccc;
+}
+
+.ieshadow {
+ width:230px;
+ background:#000;
+ filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
+ -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
+ zoom: 1;
+ z-index:300;
+ position:absolute;
+ top:24px;
+ left:0;
+}
+
+#nav .inactive li {
+ background:#fbfbfb;
+}
+
+#nav .inactive li a {
+ padding-left:24px;
+ background-position:0 50%;
+ background-repeat:no-repeat;
+ font-weight:normal;
+ background-color:#fbfbfb;
+}
+
+#nav .inactive li a:hover {
+ color:#E65524;
+}
+
+#sub_nav {
+ background:#f7f7f7;
+ border-bottom:1px solid #bebebe;
+}
+
+#sub_nav a {
+ display:block;
+ float:left;
+ margin-right:10px;
+ padding:0 10px 0 21px;
+ background-position:0 50%;
+ background-repeat:no-repeat;
+ color:#000;
+}
+
+#sub_nav a:hover {
+ color:#E65524;
+}
+
+#sub_nav a.active {
+ font-weight:bold;
+}
+
+#sub_nav .open { background-image:url(../images/icons/open.gif) }
+#sub_nav .answered { background-image:url(../images/icons/answered.gif) }
+#sub_nav .mine { background-image:url(../images/icons/mine.gif) }
+#sub_nav .closed { background-image:url(../images/icons/closed.gif) }
+#sub_nav .new { background-image:url(../images/icons/new.gif) }
+
+a.test { background-image:url(../images/icons/open.gif) }
+
+a.Ticket { background:url(../images/icons/open_tickets.gif) }
+a.assignedTickets { background:url(../images/icons/assigned_tickets.gif) }
+a.overdueTickets { background:url(../images/icons/overdue_tickets.gif) }
+a.answeredTickets { background:url(../images/icons/answered_tickets.gif) }
+a.closedTickets { background:url(../images/icons/closed_tickets.gif) }
+a.newTicket { background:url(../images/icons/new_ticket.gif) }
+
+a.premade { background:url(../images/icons/premade_reply.gif) }
+a.newPremade { background:url(../images/icons/new_premade_reply.gif) }
+
+a.kb { background:url(../images/icons/kb.gif) }
+a.kb-categories { background:url(../images/icons/kb-categories.gif) }
+a.canned { background:url(../images/icons/canned.gif) }
+
+a.staff { background:url(../images/icons/list_groups.gif) }
+a.user { background:url(../images/icons/list_users.gif) }
+a.userPref { background:url(../images/icons/user_preferences.gif) }
+a.userPasswd { background:url(../images/icons/change_password.gif) }
+
+a.preferences { background:url(../images/icons/settings.gif) }
+a.attachment { background:url(../images/icons/attachment.gif ) }
+a.api { background:url(../images/icons/api.png) }
+a.newapi { background:url(../images/icons/new_api.png) }
+
+a.sla { background:url(../images/icons/slas.png) }
+a.newsla { background:url(../images/icons/new_sla.png) }
+
+a.logs { background:url(../images/icons/logs.gif) }
+
+a.emails { background:url(../images/icons/emails.png) }
+a.newEmail { background:url(../images/icons/new_email.png) }
+
+a.emailTemplates { background:url(../images/icons/email_templates.png) }
+a.newEmailTemplate { background:url(../images/icons/new_email_template.png) }
+
+a.emailFilters { background:url(../images/icons/email_filters.png) }
+a.newEmailFilter { background:url(../images/icons/new_email_filter.png) }
+
+a.emailSettings { background:url(../images/icons/emails.png) }
+a.emailDiagnostic { background:url(../images/icons/email_diagnostic.gif) }
+a.banList { background:url(../images/icons/ban_list.gif) }
+
+a.users { background:url(../images/icons/list_users.gif) }
+a.newuser { background:url(../images/icons/new_user.gif) }
+a.groups { background:url(../images/icons/list_groups.gif) }
+a.teams { background:url(../images/icons/teams.gif) }
+a.newgroup { background:url(../images/icons/new_group.gif) }
+
+a.helpTopics { background:url(../images/icons/help_topics.png) }
+a.newHelpTopic { background:url(../images/icons/new_help_topic.png) }
+
+a.departments { background:url(../images/icons/list_departments.gif) }
+a.newDepartment { background:url(../images/icons/new_department.gif) }
+
+
+/* Generic CSS based Icons. use=> <tag class="Icon iconname">text</tag> */
+
+.Icon {
+ width: auto;
+ padding-left:20px;
+ background-position: left center;
+ background-repeat: no-repeat;
+}
+
+
+a.Icon { background-repeat: no-repeat;}
+
+
+a.Icon:hover {
+ text-decoration: underline;
+}
+
+
+.Icon.newstaff { background:url(../images/icons/new_user.gif) 0 0 no-repeat; }
+.Icon.newteam { background:url(../images/icons/new_team.gif) 0 0 no-repeat; }
+
+.Icon.Ticket { background:url(../images/icons/ticket.gif) 0 2px no-repeat; }
+.Icon.webTicket { background:url(../images/icons/ticket_source_web.gif) 0 0 no-repeat; }
+.Icon.emailTicket { background:url(../images/icons/ticket_source_email.gif) 0 0 no-repeat; }
+.Icon.phoneTicket { background:url(../images/icons/ticket_source_phone.gif) 0 0 no-repeat; }
+.Icon.otherTicket { background:url(../images/icons/ticket_source_other.gif) 0 0 no-repeat; }
+.Icon.overdueTicket { background:url(../images/icons/overdue_ticket.gif) 0 0 no-repeat; }
+.Icon.assignedTicket { background:url(../images/icons/assigned_ticket.gif) 0 0 no-repeat; }
+.Icon.lockedTicket { background:url(../images/icons/locked_ticket.gif) 0 0 no-repeat; }
+.Icon.editTicket { background-image: url(../images/icons/edit_ticket.png); }
+
+.Icon.newCategory { background-image: url(../images/icons/new_category.png); }
+.Icon.editCategory { background-image: url(../images/icons/edit_category.png); }
+.Icon.deleteCategory { background-image: url(../images/icons/delete_category.png); }
+.Icon.newFAQ { background-image: url(../images/icons/new_faq.png); }
+.Icon.newReply { background-image: url(../images/icons/new_reply.png); }
+
+.Icon.file { background-image: url(../images/icons/file.gif); }
+.Icon.refresh { background-image: url(../images/icons/refresh.gif); }
+.Icon.note {
+ font-weight: bold;
+ font-size: 1em;
+ background-image: url(../images/icons/note.gif);
+}
+
+.Icon.thread {
+ font-weight: bold;
+ font-size: 1em;
+ background-image: url(../images/icons/thread.gif);
+}
+
+
+.Icon.debugLog { background:url(../images/icons/log_debug.gif) 0 2px no-repeat; }
+.Icon.alertLog { background:url(../images/icons/log_alert.gif) 0 2px no-repeat; }
+.Icon.errorLog { background:url(../images/icons/log_error.gif) 0 2px no-repeat; }
+
+
+
+#content {
+ clear:both;
+ border:1px solid #aaa;
+ border-top:none;
+ border-bottom:3px solid #bbb;
+ padding:10px 10px 20px 10px;
+ background:#fff;
+}
+
+#content a {
+ color:#184E81;
+}
+
+#footer {
+ clear:both;
+ padding:10px;
+ text-align:center;
+ font-size:9pt;
+}
+
+table { vertical-align:top; }
+
+table.list {
+ clear:both;
+ background:#ccc;
+ margin: 2px 0;
+ border-bottom: 1px solid #ccc;
+ font-family:arial, helvetica, sans-serif;
+ font-size:10pt;
+}
+
+table.list caption {
+ text-align:left;
+ padding:5px;
+ background:#929292;
+ color:#fff;
+ font-weight:bold;
+}
+
+table.list thead th {
+ background-color:#eee;
+ color:#000;
+ text-align:left;
+ vertical-align:top;
+}
+
+table.list th a {
+
+ text-decoration:none;
+ color:#000;
+}
+
+table.list thead th a { padding: 3px; display: block; color: #000; background: url('../images/asc_desc.gif') 100% 50% no-repeat; }
+
+table.list thead th a.asc { background: url('../images/asc.gif') 100% 50% no-repeat #cfe6ff; }
+table.list thead th a.desc { background: url('../images/desc.gif') 100% 50% no-repeat #cfe6ff; }
+table.list tbody td {
+ background:#fff;
+ border:1px solid #fff;
+ padding:1px;
+ vertical-align:top;
+}
+
+table.list tbody td { background: #fff; padding: 1px; padding-left:2px; vertical-align: top; }
+table.list tbody tr.odd td { background-color: #f0faff; }
+table.list tbody tr:hover td { background: #ffe; }
+table.list tbody tr.odd:hover td { background: #ffd; }
+
+table.list tfoot td {
+ background:#eee;
+ padding: 2px;
+}
+
+table.list tbody td.webticket, table.list tbody tr.row1 td.webticket {
+ text-indent:20px;
+ background:url(../images/icons/ticket_source_web.gif) 0 50% no-repeat #fff;
+}
+
+table.list tbody td.emailticket, table.list tbody tr.row1 td.emailticket {
+ text-indent:20px;
+ background:url(../images/icons/ticket_source_email.gif) 0 50% no-repeat;
+}
+
+table.list tbody td.phoneticket, table.list tbody tr.row1 td.phoneticket {
+ text-indent:20px;
+ background:url(../images/icons/ticket_source_phone.gif) 0 50% no-repeat;
+}
+
+table.list tbody td.otherticket, table.list tbody tr.row1 td.otherticket {
+ text-indent:20px;
+ background:url(../images/icons/ticket_source_other.gif) 0 50% no-repeat;
+}
+
+a.refresh {
+ display:block;
+ float:right;
+ width:auto;
+ height:16px;
+ line-height:16px;
+ padding:2px 5px 2px 2px;
+ background-position:2px 50%;
+ background-repeat:no-repeat;
+ padding-left:24px;
+ margin-left:10px;
+ margin-bottom: 2px;
+ border:1px solid #aaa;
+ background-image:url(../images/icons/refresh.gif);
+}
+
+a.edit, a.print {
+ display:block;
+ float:right;
+ width:auto;
+ height:16px;
+ line-height:16px;
+ padding:2px 5px 2px 2px;
+ background-position:2px 50%;
+ background-repeat:no-repeat;
+ padding-left:24px;
+ margin-left:10px;
+ border:1px solid #aaa;
+ background-image:url(../images/icons/edit_ticket.png);
+}
+
+a.print {
+ background-image:url(../images/icons/printer.gif);
+}
+
+.btn {
+ padding:3px 10px;
+ background:url(../images/btn_bg.png) top left repeat-x #ccc;
+ border:1px solid #777;
+ color:#000;
+}
+
+.button { padding:1px 5px; margin-right:10px; color:#777; font-weight:bold;}
+
+.btn_sm {
+ padding:2px 5px;
+ font-size:9pt;
+ background:url(../images/btn_sm_bg.png) top left repeat-x #f90;
+ border:1px solid #777;
+ color:#fff;
+ font-weight:bold;
+}
+
+.btn:hover, .btn_sm:hover {
+ background-position: bottom left;
+}
+
+.search label {
+ display:block;
+ line-height:25px;
+ height:25px;
+}
+
+.search input[type=text] {
+ height:23px;
+ line-height:23px;
+ border:1px solid #aaa;
+ background:#fff;
+ padding:2px;
+}
+
+.form_table {
+ margin-top:3px;
+ border-left:1px solid #ddd;
+ border-right:1px solid #ddd;
+}
+
+.form_table td {
+ border-bottom:1px solid #ddd;
+}
+
+
+.form_table td.multi-line {
+ vertical-align:top;
+}
+
+.form_table input[type=text], .form_table input[type=password], .form_table textarea {
+ background:#fff;
+ border:1px solid #aaa;
+}
+
+.form_table input[type=radio], .form_table input[type=checkbox] {
+ position:relative;
+ top:3px;
+ margin-left:0;
+ padding-left:0;
+}
+
+.form_table .required {
+ font-weight:bold;
+}
+
+.form_table em {
+ font-weight:normal;
+ color:#666;
+}
+
+.error {
+ color:#f00;
+}
+
+.form_table .error input {
+ border:1px solid #f00;
+}
+
+.form_table th {
+ text-align:left;
+ border:1px solid #ccc;
+ background:#eee;
+ padding:0;
+}
+
+.form_table th h4 {
+ margin:0;
+ padding:5px;
+ color:#fff;
+ background:#929292;
+}
+
+.form_table th em {
+ display:block;
+ padding:5px;
+ color:#000;
+}
+
+.settings_table {
+ margin-top:2px;
+ border-left:1px solid #ddd;
+ border-right:1px solid #ddd;
+}
+
+.settings_table td {
+ border-bottom:1px solid #ddd;
+}
+
+.settings_table input[type=radio], .settings_table input[type=checkbox] {
+ margin-left:0;
+ padding-left:0;
+}
+
+#content .settings_table th h4 a {
+ display:block;
+ color:#fff;
+}
+
+.settings_table h4 a span {
+ font-size:12pt;
+ line-height:14px;
+ display:inline-block;
+ width:14px;
+ height:14px;
+ overflow:hidden;
+ text-align:center;
+ color:#444;
+ background:#ccc;
+ position:relative;
+ top:2px;
+}
+
+h2 {
+ margin:0;
+ padding:0;
+ font-size:12pt;
+ color:#0A568E;
+}
+
+h2 span { color:#000; }
+
+h3 {
+ margin:10px 0 0 0;
+ padding:5px 0;
+ font-size:10pt;
+ color:#444;
+}
+
+.ticket_info th {
+ text-align:left;
+}
+
+.ticket_info {
+ background:#F4FAFF;
+}
+
+.right_align { text-align:right; }
+
+h2 .reload {
+ display:inline-block;
+ width:16px;
+ height:16px;
+ background:url(../images/icons/refresh.gif) top left no-repeat;
+ outline:none;
+ text-indent:-9999px;
+}
+
+#assigned_message {
+ margin:10px 0;
+ padding:5px 5px 5px 30px;
+ background:url(../images/icons/assigned_ticket.gif) 5px 50% no-repeat #ffd;
+ border:1px solid #f90;
+}
+
+
+
+
+#ticket_actions {
+ padding:5px;
+ background:#eee;
+ border:1px solid #aaa;
+ border-bottom:none;
+ margin:0;
+}
+
+#threads {
+ margin:0;
+ padding:5px 10px 0 10px;
+ border:1px solid #aaa;
+ background:#F4FAFF;
+ height:30px;
+}
+
+#threads li {
+ list-style:none;
+ margin:0;
+ padding:0;
+ display:inline;
+}
+
+#threads li a {
+ display:block;
+ width:auto;
+ float:left;
+ height:30px;
+ line-height:30px;
+ border-top:1px solid #F4FAFF;
+ padding:0 10px 0 32px;
+ margin-right:10px;
+}
+
+#threads li a.active {
+ height:29px;
+ background-color:#fff;
+ border:1px solid #aaa;
+ border-bottom:none;
+ border-top:2px solid #ed9100;
+ font-weight:bold;
+}
+
+#toggle_ticket_thread {
+ background:url(../images/icons/open.gif) 10px 50% no-repeat;
+}
+
+#toggle_notes {
+ background:url(../images/icons/note.gif) 10px 50% no-repeat;
+}
+
+#latest_notes {
+ margin:10px 0;
+ padding:10px;
+ background:#ffe;
+ border:1px solid #e7e765;
+}
+
+#latest_notes h3 {
+ margin:0 0 10px 0;
+ padding:0;
+ font-size:11pt;
+}
+
+#latest_notes h3 span, #latest_notes h3 a {
+ color:#777;
+ font-weight:normal;
+ text-decoration:none;
+ font-size:10pt;
+}
+
+#latest_notes ul {
+ margin:0 20px;
+ padding:0;
+}
+
+#latest_notes ul li {
+ margin:0;
+ padding:0 0 10px 0;
+ list-style:none;
+}
+
+#latest_notes em {
+ color:#777;
+}
+
+#ticket_thread table {
+ margin-top:10px;
+ border:1px solid #aaa;
+ border-bottom:2px solid #aaa;
+}
+
+#ticket_notes table {
+ margin-top:10px;
+ border:1px solid #ddd;
+ border-bottom:2px solid #ddd;
+}
+
+#ticket_thread table th, #ticket_notes table th {
+ text-align:left;
+ border-bottom:1px solid #aaa;
+ font-size:10pt;
+ padding:5px;
+}
+
+#ticket_notes table th {
+ text-align:left;
+ border-bottom:1px solid #ddd;
+ font-size:10pt;
+ padding:5px;
+ background:#F4FAFF;
+}
+
+#ticket_notes table th em {
+ font-weight:normal;
+ font-size:10pt;
+ color:#666;
+}
+
+#ticket_thread .message th {
+ background:#C3D9FF;
+}
+
+#ticket_notes .date {
+ font-weight:normal;
+ font-size:10pt;
+ color:#888;
+ text-align:right;
+}
+
+#ticket_thread .response th {
+ background:#FFE0B3;
+}
+
+#ticket_thread table td, #ticket_notes table td {
+ padding:5px;
+}
+
+#ticket_notes td {
+ background:#f9f9f9;
+}
+
+#ticket_thread .info, #ticket_notes .info {
+ padding:5px;
+ background:#F4FAFF;
+ height:16px;
+ line-height:16px;
+}
+
+#ticket_notes .info {
+ background:#f9f9f9;
+}
+
+#response_options {
+ margin-top:30px;
+}
+
+#response_options form {
+ padding:0 10px;
+}
+
+#response_options ul {
+ padding:4px 0 0 190px;
+ margin:0;
+ text-align:center;
+ height:29px;
+ border-bottom:1px solid #aaa;
+ background:#eef3f8;
+}
+
+#response_options li {
+ margin:0;
+ padding:0;
+ display:inline;
+ list-style:none;
+}
+
+#response_options li a {
+ width:130px;
+ font-weight:bold;
+ padding:5px;
+ height:18px;
+ line-height:20px;
+ color:#444;
+ display:block;
+ float:left;
+ outline:none;
+ position:relative;
+ top:0;
+ background:#fbfbfb;
+ border:1px solid #eee;
+ border-bottom:none;
+}
+
+#response_options .reply_tab.tell {
+ color:#a00 !important;
+ background-image:url(../images/reminder.png);
+ background-position:12px 50%;
+ background-repeat:no-repeat;
+}
+
+#response_options li a.active {
+ height:18px;
+ color:#184E81;
+ background-color:#f9f9f9;
+ border:1px solid #aaa;
+ border-top:2px solid #81a9d7;
+ border-bottom:none;
+}
+
+#response_options form {
+ padding:10px 5px;
+ background:#f9f9f9;
+ border:1px solid #aaa;
+ border-top:none;
+}
+
+#response_options table {
+ width:928px;
+}
+
+#response_options td {
+ vertical-align:top;
+}
+
+#response_options textarea {
+ width:760px !important;
+}
+
+#response_options input[type=text], #response_options textarea {
+ border:1px solid #aaa;
+ background:#fff;
+}
+
+.attachments .uploads div {
+ display:inline-block;
+ padding-right:20px;
+}
+
+
+
+.file {
+ display:inline-block;
+ padding-left:20px;
+ margin-right:20px;
+ background:url(../images/icons/file.gif) 0 50% no-repeat;
+}
+
+.expander {
+ line-height:14px;
+ display:inline-block;
+ width:12px;
+ height:12px;
+ overflow:hidden;
+ text-align:center;
+ color:#aaa;
+ position:relative;
+}
+
+/** Popup Tool Tips and Content **/
+
+.tip_box {
+ display:block;
+ height:30px;
+ position:absolute;
+ z-index:1000;
+}
+
+.tip_arrow {
+ display:block;
+ position:absolute;
+ top:5px;
+ left:-11px;
+ width:12px;
+ z-index:700;
+}
+
+.tip_content {
+ height:auto !important;
+ height:20px;
+ min-height:20px;
+ padding:10px 5px 5px 5px;
+ border:1px solid #666;
+ background:#fff;
+ -moz-border-radius:5px;
+ -webkit-border-radius:5px;
+ border-radius:5px;
+ -moz-box-shadow: 3px 3px 3px #666;
+ -webkit-box-shadow: 3px 3px 3px #666;
+ box-shadow: 3px 3px 3px #666;
+ z-index:500;
+ position:absolute;
+ top:0;
+ left:-1px;
+ width:auto !important;
+ width:300px;
+}
+
+.tip_content hr {
+
+ color: #ddd;
+ background-color: #ddd;
+ height: 1px;
+ border: 0;
+ padding: 0;
+ margin: 0.2em 0;
+ width: 100%;
+}
+
+.tip_close {
+ position:absolute;
+ left:100%;
+ top:0;
+ margin-left:-12px;
+}
+
+.tip_shadow {
+ display:none;
+ background:#000;
+ filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.60);
+ -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.60)";
+ zoom: 1;
+ position:absolute;
+ z-index:200;
+ top:0;
+ left:0;
+ width:auto !important;
+ width:310px;
+}
+
+.tip_menu {
+ margin:10px 0 0 0;
+ padding:5px 0;
+ border-top:1px solid #aaa;
+ height:16px;
+ font-size:9pt;
+}
+
+.tip_menu li {
+ display:inline;
+ list-style:none;
+ margin:0;
+ padding:0;
+}
+
+.tip_menu li a {
+ display:block;
+ width:auto;
+ _width:0;
+ float:left;
+ padding:0 10px;
+ border-right:1px solid #ddd;
+ color:#666;
+}
+
+.tip_menu li a:hover {
+ color:#E76C74;
+}
+
+.tip_content form {
+ display:none;
+ line-height:24px;
+}
+
+.tip_content select, .tip_content textarea {
+ width:295px;
+}
+
+.tip_content textarea {
+ padding:0;
+ border:1px solid #aaa;
+ background:#fff;
+}
+
+.tip_content form p {
+ margin:0;
+ width:auto !important;
+ width:295px;
+ text-align:right;
+ line-height:24px;
+}
+
+/* Knowledgebase */
+/* Knowledgebase */
+#kb {
+ margin: 2px 0;
+ padding: 5px;
+ overflow: hidden;
+}
+
+#kb li {
+ padding:10px 10px 10px 46px;
+ height:auto !important;
+ overflow:hidden;
+ margin:0;
+ background-image:url(../images/kb_large_folder.png), url(../images/kb_category_bg.png);
+ background-position:0 50%, bottom left;
+ background-repeat:no-repeat, repeat-x;
+ border-bottom:1px solid #ddd;
+}
+
+
+#kb li h4 {
+ padding-bottom:3px;
+ margin:0 0 3px 0;
+}
+
+#kb li h4 span {
+ color:#666;
+ font-weight:normal;
+}
+
+#kb li h4 a {
+ font-size: 14px;
+}
+
+#kbSearch {
+ padding:10px 0;
+ overflow:hidden;
+}
+
+#kbSearch div {
+ clear:both;
+ overflow:hidden;
+ padding-top:5px;
+}
+
+#kbSearch #query {
+ margin:0;
+ display:inline-block;
+ float:left;
+ width:200px;
+ margin-right:5px;
+}
+
+#kbSearch #cid {
+ margin:0;
+ display:inline-block;
+ float:left;
+ width:200px;
+ margin-right:5px;
+ position:relative;
+ top:2px;
+}
+
+#kbSearch #topic-id {
+ margin:0;
+ display:inline-block;
+ float:left;
+ width:410px;
+}
+
+#kbSearch #searchSubmit {
+ margin:0;
+ display:inline-block;
+ float:left;
+ position:relative;
+ top:2px;
+}
+
+#faq {
+ clear: both;
+ margin: 0;
+ padding: 5 0 10px 5px;
+}
+#faq ol {
+ font-size: 15px;
+ margin-left: 0;
+ padding-left: 0;
+}
+#faq ol li {
+ list-style: none;
+ margin: 0;
+ padding:5px 0;
+ color: #999;
+ border-bottom:1px solid #ddd;
+}
+
+#faq ol li a {
+ display: inline;
+ height: 16px;
+ font-size:13px;
+ line-height: 16px;
+ padding-left: 24px;
+ background: url('../images/icons/page.png') 0 50% no-repeat;
+}
+
+#faq ol li a span {
+ font-weight:normal;
+ color:#777;
+}
+
+#faq ol li:hover {
+ background-color:#e9f5ff;
+}
+
+time {
+ display:inline-block;
+ float:right;
+ color:#777;
+}
+
+.cat-desc {
+ padding-top:5px;
+ padding-bottom:25px;
+}
+
+.cat-manage-bar {
+ background:#e3f5ff;
+ padding:5px;
+ border-bottom:1px solid #777;
+}
+
+.cat-manage-bar a {
+ display:inline-block;
+ margin-right:20px;
+}
+
+/* Advanced Ticket Search */
+
+#overlay {
+ background:#000;
+ position:absolute;
+ display:none;
+ z-index:1000;
+}
+
+#advanced-search, #advanced-search * {
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+}
+
+#advanced-search {
+ position:absolute;
+ padding:1em;
+ width:640px;
+ height:360px;
+ background:#fff;
+ border:1px solid #2a67ac;
+ display:none;
+ z-index:1200;
+}
+
+#advanced-search h3 {
+ color:#2a67ac;
+ font-size:20px;
+ margin:0;
+ padding:0;
+ display:inline-block;
+}
+
+#advanced-search a.close {
+ display:inline-block;
+ float:right;
+ font-size:16px;
+ color:#777;
+}
+
+#advanced-search form {
+ clear:both;
+ padding:2em 0 1em 0;
+ width:100%;
+}
+
+#advanced-search div.closed_by, #advanced-search span.spinner {
+ display:none;
+}
+
+#advanced-search fieldset {
+ margin:0;
+ padding:0.25em 0;
+ border:none;
+ overflow:hidden;
+}
+
+#advanced-search label {
+ width:100px;
+ display:inline-block;
+ text-align:right;
+ padding:10px;
+}
+
+#advanced-search fieldset input {
+ border:1px solid #ccc;
+ background:#fff;
+}
+
+#advanced-search fieldset select {
+ width:170px;
+ display:inline-block;
+}
+
+#advanced-search fieldset span {
+ width:50px;
+ display:inline-block;
+ text-align:center;
+ color:#777;
+ font-size:0.75em;
+}
+
+#advanced-search .query input {
+ width:350px;
+}
+
+#advanced-search .date_range input {
+ width:175px;
+}
+
+#advanced-search .date_range i {
+ display:inline-block;
+ margin-left:3px;
+ position:relative;
+ top:5px;
+ width:16px;
+ height:16px;
+ background:url(../images/cal.png) bottom left no-repeat;
+}
+
+#advanced-search fieldset.sorting select {
+ width:130px;
+}
+
+#advanced-search p {
+ text-align:center;
+}
+
+#advanced-search input[type="submit"],
+#advanced-search input[type="reset"],
+#advanced-search input[type="button"]
+{
+ display:inline-block;
+ margin:0;
+ height:24px;
+ line-height:24px;
+ font-weight:bold;
+ border:1px solid #666666;
+ padding:0 10px;
+ background: url('../images/grey_btn_bg.png?1312910883') top left repeat-x;
+ color: #333;
+}
+
+#advanced-search input[type="reset"], #advanced-search input[type="button"] {
+ opacity:0.7;
+}
+
+#advanced-search input[type=submit]:hover, #advanced-search input[type=submit]:active,
+#advanced-search input[type=reset]:hover, #advanced-search input[type=reset]:active {
+ background-position:bottom left;
+}
+
+#result-count div {
+ padding:5px 10px;
+ text-align:left;
+ font-weight:bold;
+ width:100%;
+ margin:0 auto;
+}
+
+#result-count .success {
+ background:#e3ffd8;
+ border:1px solid #0a0;
+}
+
+#result-count .fail {
+ background:#ffd8d8;
+ border:1px solid #a00;
+}
diff --git a/scp/images/kb_category_bg.png b/scp/images/kb_category_bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..174d675f4c491060a413232bdef7e0e9298df60e
Binary files /dev/null and b/scp/images/kb_category_bg.png differ
diff --git a/scp/images/kb_large_folder.png b/scp/images/kb_large_folder.png
new file mode 100644
index 0000000000000000000000000000000000000000..144fa828a3fc83613dd7a5b29368b6da290fd09d
Binary files /dev/null and b/scp/images/kb_large_folder.png differ