/* Common HTML Property Classes */
body {
margin:0px 0px 0px 0px;
font-family:verdana, Helvetica, sans-serif;
font-size: small;
background: #fff;
}
h1 {
font-family:verdana, Helvetica, sans-serif;
font-size: 12px;
width: 100%;
color: #fff;
background: #1474BE;
padding: 5px 5px 5px 5px;
/*margin-left: 6px;*/
}
h2 {
font-family:verdana, Helvetica, sans-serif;
font-size: small;
padding: 0px 5px 5px 5px;
margin-left: 6px;
color: #003366;
text-decoration: none;
}
.notice {
font-family:verdana, Helvetica, sans-serif;
font-size: 10px;
/*padding: 0px 5px 5px 5px;*/
/*margin-left: 6px;*/
color: #003366;
text-decoration: none;
}
a {
color: #004092;
font-weight: none;
text-decoration: none;
}
a:hover {
color: #ff6600;
font-weight: none;
text-decoration: none;
}
.content_table {
font-family:verdana, Helvetica, sans-serif;
font-size: 10px;
padding: 10px 2px 2px 10px;
margin-left: 6px;
color: #000000;
}
/* BEGIN: Custom Classes */
/* BEGIN: the top Logo and Navigation Class */
.logoPlusNav {
font-family:verdana, Helvetica, sans-serif;
font-size: x-small;
font-weight: none;
width: 100%;
text-align: right;
/*padding-right: 10px;*/
padding-top: 10px;
}
/*** END OF: the top Logo and Navigation Class ***/
/* BEGIN: the top Logo and Navigation Class */
.footer {
text-align: center;
font-family:verdana, Helvetica, sans-serif;
font-size: x-small;
font-weight: none;
width: 99%;
color: #333;
}
.powered {
text-align: center;
font-family:verdana, Helvetica, sans-serif;
font-size: small;
font-weight: none;
width: 99%;
color: #333;
}
/*** END OF: the top Logo and Navigation Class ***/
/* BEGIN: the top Tab Menu Class */
.tabmenu ul {
list-style:none;
font-family:verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}
.tabmenu li {
float: left;
background: url("../images/hdp_tabbg1.gif") no-repeat;
height: 19px;
width: 110px;
text-align: center;
padding-top: 5px;
margin-right: 15px;
}
.tabmenu #current {
background: url("../images/hdp_tabbg.gif") no-repeat;
color: white;
}
.tabmenu a {
color: #000;
text-decoration: none;
}
.tabmenu a:hover {
color: #0033cc;
text-decoration: none;
}
/*** END OF: the top Tab Menu Class ***/
/* BEGIN: the Sub Menu Class */
.submenu {
float: none;
/*width: 95%;*/
background: #51A1DC;
height: 24px;
margin-left: 6px;
text-align: left;
padding: 6px 0px 1px 35px;
display:none;
font-size:12px;
color: #333;
}
.submenu a {
color: #fff;
}
.submenu a:hover {
color: orange;
text-decoration: none;
}
/*** END OF: the Sub Menu Class ***/
/* BEGIN: General FORM Class*/
.form-container {
width: 99%;
padding-bottom: 8px;
/*margin-top: 10px;*/
/*margin-bottom: 5px;*/
margin-left: 6px;
font-family:verdana, Helvetica, sans-serif;
font-size: small;
background: #f5f5f5; /*E5EAEF*/
padding-bottom:20px;
border: 1px solid #003366;
}
.formrow {
clear: both;
padding: 6px 0px 6px 0px;
}
.formrow #alte {
clear: both;
padding-top: 8px;
background: green;
}
.formrow .label {
float: left;
width: 24%;
text-align: left;
padding-left: 20px;
padding-bottom: 1px;
font-weight: bold;
font-size: 90%; }
.formrow .labeldesc {
font-size: xx-small;
color: #888;
}
.formrow .field {
float: right;
width: 64%;
text-align: left;
padding-left: 5px;
}
.formheading { clear: both; padding: 6px 0px 6px 0px; } .formheading .label { float: left; text-align: left; padding-left: 20px; padding-bottom: 3px; font-weight: bold; } .formsubheading { clear: both; padding-left:20px; padding-top:10px; padding-bottom:10px; color: #003366; font-weight:bold; } #outgoing { padding-bottom:20px; } .singleline-field { width: 200px; } .singleline-fieldtitle { width:400px; } .multiselect-field { width: 200px; height:70px; } .stdbutton-field { /*do no specify button width */ } .textarea-field { width: 400px; } .textarea-bigfield { width: 400px; height:300px; } /*** END OF: General FORM Class ***/ /* BEGIN: General TABLE Class*/ .table-container { width: 97%; padding-bottom: 8px; margin-top: 10px; margin-bottom: 5px; margin-left: 6px; font-family:verdana, Helvetica, sans-serif; font-size: small; background: #E5EAEF; border: 1px solid #003366; } .tablerow { width: 97%%; height: 24px; text-align: left; padding: 10px 0px 0px 10px; color:#fff; font-weight:bold; margin-bottom: 10px; border-bottom:1px dashed #E5EAEF; /* removed uppercase for table headers text-transform: uppercase; letter-spacing: .07em; */ background: #FF6600; }
.tabledata {
text-align: left;
padding: 10px 0px 0px 10px;
margin-bottom: 10px;
background:#e5e5e5;
}
.tabledataalt {
text-align: left;
padding: 10px 0px 0px 10px;
margin-bottom: 10px;
background: #fff;
}
/* here ends table class*/ .toptitle { float: none; width: 95%; background: #E5EAEF; height: 25px; margin-left: 6px; text-align: left; padding: 9px 0px 0px 40px; } /* BEGIN: Class for LOGIN PAGES */
.login-page {
font-size: 10px;
width:97%;
/*height:400px;*/
padding-top:0px;
margin-left: 3px;
}
.rightborder {
/*border-right: 1px solid #F2F4F7;*/
/*width: 45%;*/
}
.stdleft-padding { padding-left: 40px; } /* Following styles may need a fix*/ /* BEGIN: class for Ticket Views and Detailed Ticket Pages*/
.tickets-main {
float: none;
font-family: Verdana;
font-size: 110%;
width: 99%;
/*border-bottom: 2px solid #004092;*/
/*background: #A3B5C7;*/
background: #1474BE;
height: 24px;
text-align: left;
padding: 6px 0px 0px 20px;
color:#fff;
font-weight:bold;
text-transform: none;
letter-spacing: none;
margin-left:6px;
}
.sub-heading {
/*width: 97%;*/
height: 24px;
text-align: left;
padding: 10px 0px 0px 10px;
color:#fff;
font-weight:bold;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
text-transform: uppercase;
letter-spacing: .05em;
background: #FF6600;
font-size: 85%;
}
.tickets-heading
/* Title for tickets view page */
{
float: none;
background: #ff6600;
height: 24px;
margin-left: 6px;
text-align: left;
padding: 6px 0px 1px 40px;
color:#fff;
font-weight:bold;
}
.text {
text-indent:10px;
font-family: Verdana;
font-size: 10px;
}
.ticket_text {
font-family: Verdana;
font-size: 11px;
background-color:#bfe5f2
}
.tickets-heading a /* Linked to be sorted, no hover req */ { color:#fff; } .tickets-heading a:hover /* Linked to be sorted, no hover req */ { color:#fff; } .tickets-sort /********** prospect candidate for deletion **********/ { margin-left: 6px; text-align: left; padding: 6px 0px 1px 40px; } .tickets-box /* Defines basic boundary for ticket list */ { width:100%; padding: 2px 2px 2px 2px; } .log-box /* Defines basic boundary for log list */ { width:99%; padding: 2px 2px 2px 2px; } .log-title /* Title for log */ { float: none; background: #E5EAEF; height: 24px; margin-left: 6px; text-align: left; padding: 6px 0px 1px 40px; color:#fff; font-weight:bold; background: #ff6600; } .log-title a /* Linked to be sorted, no hover req */ { color:#fff; } .log-content { background-color: #D5D8E5; } .log-contentalt { background: #fff; }
.ticket-new /* Color property for a new ticket */ { background-color:#ffeda6;}
.ticket-open /* Color property for a open ticket */ { background-color:#bfe5f2; } .ticket-closed /* Color property for a closed ticket */ { background-color:#e5e5e5; } .ticket-hold /* Color property for a ticket ON HOLD */ { background-color:#e5f2bf; } .ticket-spam /* Color property for a spam ticket */ { background-color:#9999af; } /* BEGIN: View Ticket Display FIELD(TD) WIDTH Class */ .ticket-chkbox { width:2%; }.ticket-id a { text-decoration: none;}.ticket-id a:hover { text-decoration: none;} .ticket-id { width:18%; padding-left:5px;} .ticket-subject { width:20%; padding-left:4px; } .ticket-status { width:20%; font-weight:bold; padding-left:5px;} .ticket-priority { width:20%; padding-left:5px;}.ticket-date { width:20%; padding-left:5px;}.ticket-customer { width:20%; padding-left:5px;}/*** END OF: View Ticket Display FIELD(TD) WIDTH Class ***/ .ticket-dept { font-family: Arial; font-size:x-small; }
.ticket-content-new a {
background-color:#ffffcc;
text-decoration: none;
font-family: Verdana;
font-size: 11px;
}
.ticket-content-new {
background-color:#ffffcc;
font-family: Verdana;
font-size: 11px;
}
.ticket-content-open { background-color:#ddf2f9; } .ticket-content-closed { background-color:#f5f5f5; } .ticket-content-hold { background-color:#f1f8dc; } .ticket-content-spam { background-color:#e2e2f1; } .ticket-label{ float: left;}.ticket-data{ float: left; display: in-line;} .ticket-table { border:1px solid #fff; line-height: 19px; } .error_msg { } .tktdetail-box { width:98%; /* padding: 2px 2px 2px 0px; */ margin-bottom: -2px; margin-left: 6px; } .tktreply-content { border:1px solid #000; background-color:#99ffff; } .tktreply-contentalt { border:1px solid #eee; background-color: #99ccff; } .total-replies { color:red; font-size:x-small; } .message-padding { /*padding-left:50px;*/ } .tktrelated-box { width:100%; border:1px solid #eee; } .page-break {/* text-align:right;*/ } .tktrelated-content { width:100%; border:1px solid #eee; background: #e5eaef; } .tktrelated-contentalt { width:100%; border:1px solid #eee; background:#fff; } .reporter-box { width:10%; } .tktmain-action { font-size:xx-small; } .tkt-action { margin-left: 6px; font-size:small; }
.errormsg {
text-align: center;
width:99%;
padding: 4px 1px 4px 10px;
margin-left: 6px;
margin-top: 12px;
background-color: #ffcc00;
font-size: small;
border: 3px solid #ff6600;
font-weight: bold;
}
.searchword { font-weight: bold; font-style: italic; } .related-ticketsub { font-size:x-small; } .related-ticketdate { text-align:right; } .replied-ticketsub { font-size:x-small; } .replied-ticketdate { text-align:right; } .ticket-addnote { display:none; } .ticket-deptbox { display:none; } .problem-desc { font-size:x-small; } .closeticket-box { display:none; } .date-filter { margin-left: 6px; font-family:verdana, Helvetica, sans-serif; width:99%; } .stats /* PARENT class for tables displaying stats */ { margin-left: 6px; } .statsbox /* class for tables displaying stats */ { border: 1px solid #003366; width: 98%; } .numberfield { text-align: right; padding-right: 10px; } .custom-range { font-family:Arial; } .preset-range { margin-bottom:10px; font-family:Arial; font-size:60%; } .daterange-selection { font-family:verdana, Helvetica, sans-serif; font-size:small; } .daterange-select { font-family:verdana, Helvetica, sans-serif; font-size:x-small; } .statsbutton-field { font-family:Arial; font-size:x-small; } .news-author { text-align:right; font-size:x-small; } .report_time { font-size:x-small; } .last_updatedtimetag { font-size:85%; font-style:italic; font-family:arial, sans-serif; font-weight:bold; } .last_updatedtimedata { font-size:x-small; font-style:italic; font-family:arial, sans-serif; } .number-field { width: 50px; } .file-field { width: 250px; }/* I have taken off the href attribute from the quick reply link . so need to compensate in the style */ .quickreply { cursor:pointer; color:blue; text-decoration:none; }/* This style should compensate for the effect caused on those links which don't have href attribute defined*/
.pseudolink {
cursor:pointer;
color:blue;
text-decoration:none;
font-family: Verdana;
font-size: 11px;
}
.newstaff-alert { text-align: center; width:96%; padding: 4px 1px 4px 10px; margin-left: 6px; margin-top: 12px; background-color: #ffd; font-size: small; border: 1px solid #e5e5e5; font-weight: bold; } .ignoredwordstxt { font-size:x-small; font-weight:normal; } .searchedword { color:blue; } .unread-status { color:red; font-size:x-small; } .ticket-toplinks { width:96%; } .bk-to-ticketsview { margin-left:6px; } .install-rsltbox { width: 96%; padding-top:10px; padding-bottom: 8px; padding-left:20px; margin-top: 10px; margin-bottom: 5px; margin-left: 6px; font-family:verdana, Helvetica, sans-serif; font-size: small; background: #E5EAEF; border: 1px solid #003366; } .prefix-field { width:50px; } .mandatory-fld { color:orange; } .mandatory-txt { font-size:x-small; padding-left:20px; } .news-title { padding-left:20px; font-size:small; } .news-desc { padding-top:10px; padding-left:20px; font-size:small; } .print_ticket_main { float: none; font-family: Verdana; font-size: 110%; width: 96%; height: 24px; margin-left: 0px; text-align: left; padding: 0px 0px 0px 0px; color:#000000; font-weight:bold; text-transform: none; letter-spacing: none; } .print_tktdetail_box { width:98%; padding: 2px 2px 2px 0px; margin-left: 6px; } .print_log_title /* Title for log */ { float: none; background: #F0F0F0; height: 24px; margin-left: 6px; text-align: left; padding: 6px 0px 1px 40px; color:#000; font-weight:bold; } .anchor-hand { cursor:pointer; } .nav-sublink1 { background:#000; padding-right: 2px; } .nav-sublink { padding-right: 2px; } .nav-sublink a { color:#000; } .nav-sublink a:visited { color:#000; } .highpriority { color:red; font-weight:bold; } .assignedtome { font-size:90%; color:red; font-weight:bold; } .assignedtostaff { font-size:90%; color:#009900; font-weight:bold; } .quotedflag { color:#0066cc; cursor:pointer; } .quotedtext { color:red; } .groups{ line-height:20px; padding-left:20px;} .breadcrumb { line-height:20px; padding-left:20px; width: 96%; border-bottom: 1px dotted #ccc; padding-bottom:10px; margin-bottom:10px; } .categories { line-height:20px; padding-left:20px; } .articles { line-height:20px; padding-left:20px; } .articlebox { line-height:20px; padding-left:20px; padding-right:20px; } .kbbox { border: 1px solid #1474BE; line-height:20px; width:200px; } .kbtitle { background: #1474BE; color:#fff; } .kbcontent { font-size:90%; } .articleheading { font-weight:bold; line-height:20px; padding-left:20px; } .search_result { line-height:20px; padding-left:20px; font-weight:bold; border-bottom: 1px dotted #ccc; } .result_content { line-height:20px; padding-left:20px; } .rating { line-height:20px; padding-left:20px; } .rating_heading { font-weight:bold; border-bottom: 1px dotted #ccc; } .attachments { line-height:20px; padding-left:20px; } .attach_heading { font-weight:bold; border-bottom: 1px dotted #ccc;} .article_filter { padding: 2px 2px 2px 0px; margin-left: 6px; }.searchbox { width: 300px; padding-right: 40px ;}.privatestatus { color: green; font-size: x-small; font-weight: bold;}.deptlabel{ text-align: left; font-size: x-small; }/* Advanced search css */.advancedsearch { float: none; width: 96%; background: #c3e6f3; margin-left: 6px; text-align: left; padding: 5px 15px 15px 5px; font-size:12px; color: #333; }.advancedlinks { margin-left: 6px; padding: 5px 15px 15px 5px; } .reply-links { font-size:x-small; font-weight: bold; font-style:italic; font-family:arial, sans-serif; } .resolution_item { font-size:small; font-weight: bold; color: red; font-style:italic; font-family:arial, sans-serif; padding-right: 5px; text-align:left; display:inline; } .reply_timeinfo { float:right; display:inline; } .noticemsg { text-align: center; width:96%; padding: 4px 1px 4px 10px; margin-top: 12px; background-color: #ffcc00; font-size: small; border: 3px solid #ff6600; font-weight: bold; } .splittickettxt { font-size:x-small; font-weight:bold; font-style:italic; } .stats-report { padding: 5px 5px 5px 5px; margin-left:5px; } .stats-description { color:#333; font-size: small; font-family: Lucida Grande; padding: 10px 10px 10px 10px; } .hint { margin-left: 20px; margin-top: -20px; border: 1px solid #c93; padding: 1px 3px 2px 2px; background: #ffc; font-size: 10px; } .sub-headinglabel { text-transform: none; } .small-description { font-size: x-small; }/* code added by vijay for auto complete feature begins here */ auto_textbox { background: red; padding: 3px; width: 400px; border: 1px solid #999; font-family: verdana; arial, sans-serif; font-size: 12px; } .auto_list { background-color:#bfe5f2; text-color: white; padding: 3px; width: 375px; border: 1px solid #999; font-family: verdana, arial, sans-serif; font-size: 12px; margin: 0; } .auto_list ul{ background: red; list-style-type: none; list-style: none; font-family: verdana; arial, sans-serif; font-size: 12px; margin: 0px 0px 0px 0px;} .auto_list li {list-style-type: none; list-style: none; margin: 0 0 5px 0; cursor: default; color: black; text-align: left; line-height: 17px;} .auto_list li:hover { background: #fff; } .auto_list li.selected { background: #fff;} /* code added by vijay for auto complete feature ends here */