.black-border {
  border: 1px solid #000;
}
/* reset */html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
input,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* base */html,
button,
input,
select,
textarea {
  font-family: sans-serif;
  color: #222222;
  font-size: 13px;
  margin: 0;
}
/* helvetica on mac, arial on win */
body {
  min-width: 918px;
}
h1, h2 {
  font-size: 18px;
  color: #000;
  padding-top: 0px;
  padding-bottom: 10px;
  font-weight: bold;
}
h2 {
  padding-bottom: 0;
}
a {
  color: #1566ad;
  text-decoration: none;
  -webkit-transition: background-color 0.15s, color 0.15s, border 0.15s;
  -moz-transition: background-color 0.15s, color 0.15s, border 0.15s;
  transition: background-color 0.15s, color 0.15s, border 0.15s;
}
a:visited {
  color: #1566ad;
}
a:hover {
  color: #6eb2ed;
}
p {
  margin-bottom: 20px;
}
hr {
  border: none;
  height: 1px;
  background-color: #d2d5d7;
}
input[type=submit], button {
  cursor: pointer;
  height: 26px;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #000;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #ffffff;
  padding: 0 10px;
  cursor: pointer;
  margin: 0;
  margin-right: 5px;
  text-shadow: 1px 1px #444;
  background: #417197 url('../images/buttonbg.png');
  box-shadow: 0 2px 4px -2px #bbbbbb;
}
input[type=submit]:hover, button:hover {
  background-color: #417197;
  background-position: 0 52px;
}
input[type=submit]:active, button:active {
  background-color: #417197;
  background-position: 0 25px;
}
input[type="checkbox"] {
  margin-right: 4px;
  top: 3px;
  position: relative;
}
/*align check boxes with text */input[type=text],
input[type=password],
select,
textarea,
input.ac_input {
  border: 1px solid #b9bcbe;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
  background: white;
}
th {
  height: 14px;
  font-weight: bold;
  font-size: 11px;
  background-color: #eaeced;
  text-align: left;
  color: #666666;
  padding: 12px 20px 10px;
  border-top: 1px solid #f1f2f2;
  border-bottom: 1px solid #e0e0e0;
  text-shadow: 1px 1px #f1f2f2;
}
th:first-child {
  border-left: 1px solid #f1f2f2;
}
th:last-child {
  border-right: 1px solid #f1f2f2;
}
td {
  padding: 7px 20px;
}
tr:first-child td {
  padding-top: 15px;
}
tr:last-child > td {
  padding-bottom: 20px;
}
/* grey & small */.grey {
  color: #777;
  font-size: 11px !important;
}
.grey2 {
  color: #aaa;
  font-size: 9px !important;
  line-height: 12px;
}
a.grey {
  color: #777;
  font-size: 11px !important;
  text-decoration: underline;
}
a.grey2 {
  color: #aaa;
  font-size: 9px !important;
  line-height: 12px;
  text-decoration: underline;
}
a.grey:hover, a.grey2:hover {
  text-decoration: none;
}
table.grey2 td {
  padding: 2px 0;
  vertical-align: middle;
  text-align: center;
}
p {
  color: #777;
  font-size: 11px !important;
}
.newbutton, input[type=submit].newbutton {
  background: #6f9a43 url(../images/newticketbtn.png);
  padding-left: 23px;
  filter: none;
  margin-right: 0;
  box-shadow: none;
}
.newbutton:hover, input[type=submit].newbutton:hover {
  background-color: #6f9a43;
  background-position: 0px 48px;
  filter: none;
}
.newbutton:active, input[type=submit].newbutton:active {
  background-color: #6f9a43;
  background-position: 0px 24px;
}
.bluebutton, input[type=submit].bluebutton {
  color: #475665;
  border: 1px solid #9fb9c3;
  text-shadow: none;
  background: #deeef4 url('../images/buttonbluebg.png');
  height: 24px;
  line-height: 24px;
}
.bluebutton:hover, input[type=submit].bluebutton:hover {
  background-color: #afe2f5;
  background-position: 0 52px;
}
.bluebutton:active, input[type=submit].bluebutton:active {
  background-color: #afe2f5;
  background-position: 0 24px;
}
.graybutton, input[type=submit].graybutton {
  background-color: #eaeaea;
  border: 1px solid #b0b0b0;
  color: #717171;
  text-shadow: none;
  background: #eaeaea url('../images/buttongreybg.png');
}
.graybutton:hover, input[type=submit].graybutton:hover {
  background-color: #eaeaea;
  background-position: 0 52px;
}
.graybutton:active, input[type=submit].graybutton:active {
  background-color: #eaeaea;
  background-position: 0 24px;
}
.transparentbutton, input[type=submit].transparentbutton {
  color: #777;
  font-size: 11px !important;
  background: none;
  filter: none;
  text-shadow: none;
  border: none;
  font-weight: normal;
}
.transparentbutton:hover, input[type=submit].transparentbutton:hover {
  text-decoration: underline;
}
/* logo */.footer {
  color: #777;
  font-size: 11px !important;
  margin: 0px auto;
  width: 350px;
  color: #868686;
  text-align: center;
  line-height: 27px;
  clear: both;
  padding-top: 25px;
}
.footer a {
  color: #868686;
}
.footer img {
  vertical-align: middle;
  margin-right: 20px;
}
.footer .help {
  background-image: url(../images/helpBtnBg.png);
  border-radius: 4px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  padding: 0 5px 0 25px;
  color: white;
  font-weight: bold;
  margin-right: 20px;
  text-transform: uppercase;
}
.toparea {
  border: 1px solid #d2d5d7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #fafafa;
  background: #fafafa;
  margin-bottom: 20px;
  padding: 20px;
  box-shadow: 0 3px 6px -2px #dddddd;
}
/* header */#divBigHeader {
  background: #34383e;
  color: #c7d4e2;
}
#divBigHeader .topheader {
  overflow: hidden;
  padding: 0 3%;
  padding-top: 15px;
  font-size: 12px;
}
#divBigHeader .topheader a {
  color: #a2a2a2;
  text-decoration: underline;
}
#divBigHeader .topheader a:hover {
  text-decoration: none;
}
#divBigHeader .topheader #logo {
  float: left;
  margin-bottom: 15px;
}
#divBigHeader .topheader #logo img {
  height: 30px;
  vertical-align: middle;
  margin-right: 30px;
}
#divBigHeader .topheader #logo span {
  font-weight: bold;
}
#divBigHeader .topheader #userinfo {
  color: #777;
  font-size: 11px !important;
  float: right;
}
#divBigHeader .topheader #userinfo button {
  box-shadow: 0px 1px 0 0px #43464c;
  text-shadow: 0px 1px 2px #000;
  border: 1px solid #25272c;
  font-size: 8px;
  font-weight: bold;
  color: #fff;
  background: #4c4f52 url(../images/loginbuttonbg.png);
  background-position: 0 0px;
  padding: 0 6px;
  filter: none;
  text-transform: uppercase;
  margin: 0;
  height: 19px;
}
#divBigHeader .topheader #userinfo button:hover {
  background-position: 0 34px;
}
#divBigHeader .topheader #userinfo button:active {
  background-position: 0 18px;
}
#divBigHeader .topheader #divRecent {
  position: absolute;
  display: none;
  z-index: 1000;
  padding: 10px;
}
#divBigHeader .topheader #divRecent ul {
  list-style-image: url(../images/triangle.png);
  list-style-position: inside;
}
#divBigHeader .topheader #divRecent li {
  padding: 9px;
}
#divBigHeader .topheader #divRecent a {
  color: Gray;
  background: none;
  font-weight: normal;
  float: none;
  height: auto;
  text-decoration: none;
}
#divBigHeader .topheader #divRecent a:hover {
  text-decoration: underline;
}
#divBigHeader .divSearch {
  float: right;
  margin-left: 20px;
}
#divBigHeader .divSearch a {
  position: absolute;
  display: block;
  width: 26px;
  height: 26px;
  padding: 0;
}
#divBigHeader .divSearch input {
  height: 26px;
  width: 200px;
  padding: 0;
  border: none;
  background: url(../images/searchbg.png) no-repeat;
  padding: 0;
  color: #8c8c8c;
  font-size: 11px;
  padding-left: 28px;
}
#divBigHeader #newTicket {
  float: right;
}
#divBigHeader #newTicket button {
  font-size: 11px;
}
/* end header */.tabmenu {
  border-bottom: 1px solid #64778c;
  float: left;
  width: 100%;
  box-shadow: inset 1px -1px 1px #282828;
}
.tabmenu li {
  float: left;
}
.tabmenu li a {
  text-decoration: none;
  padding: 9px 20px;
  font-weight: bold;
  margin: 0;
  display: block;
  color: white;
}
.tabmenu li a:hover {
  color: #c7d4e2;
}
.tabmenu li:first-child {
  margin-left: 3%;
}
.tabmenu li:first-child a {
  padding-left: 0;
}
.tabmenu li.active a {
  padding-left: 20px;
  background-color: #4c5b6b;
  background-image: url(../images/tabsBg.png);
  position: relative;
  top: 1px;
  border: 1px solid #6c8197;
  border-bottom: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: 1px -1px 1px #282828;
}
.tabmenu li:last-child {
  padding-right: 3%;
  float: right;
}
.tabmenu2 {
  background-color: #4c5b6b;
  padding: 0 3%;
  overflow: hidden;
  min-height: 7px;
  max-height: 35px;
  font-size: 11px;
  border-bottom: 1px solid #292929;
  background-image: url(../images/tabsBg2.png);
  box-shadow: 0 1px 3px #777;
}
.tabmenu2 li {
  float: left;
  padding: 2px 13px;
  font-weight: bold;
  height: 19px;
  margin: 7px 23px 7px 0;
  line-height: 19px;
  position: relative;
}
.tabmenu2 li a {
  text-decoration: none;
  color: #c7d4e2;
}
.tabmenu2 li a:hover {
  color: white;
}
.tabmenu2 li.active2 {
  background-color: #0c131b;
  background-image: url(../images/activeSubTabBg.png);
  background-repeat: repeat-x;
  padding-left: 0;
  padding-right: 0;
  margin-left: 13px;
  margin-right: 36px;
}
.tabmenu2 li.active2:before {
  content: "";
  display: block;
  position: absolute;
  background: url(../images/activeSubTabLeft.png) no-repeat;
  width: 11px;
  height: 23px;
  top: 0;
  left: -18px;
  margin-left: 7px;
}
.tabmenu2 li.active2:after {
  content: "";
  display: block;
  position: absolute;
  background: url(../images/activeSubTabRight.png) no-repeat;
  width: 11px;
  height: 23px;
  top: 0;
  right: -18px;
  margin-right: 7px;
}
.maincontent {
  margin: 20px 3%;
}
#leftsidebar {
  width: 20%;
  max-width: 250px;
  float: left;
  margin-right: 1.5%;
  overflow: hidden;
}
#maintable {
  overflow: hidden;
}
/* to make ti take the ramaining space*/.lightbg {
  background-color: #fafafa;
}
.darkbg {
  background-color: #e9edf3;
}
.outerroundedborder {
  border: 1px solid #d2d5d7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.outerroundedbox {
  border: 1px solid #d2d5d7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #fafafa;
  background: #fafafa;
  margin-bottom: 20px;
  padding: 20px;
  box-shadow: 0 3px 6px -2px #dddddd;
}
.alert {
  background-color: #C3333D;
  text-align: center;
  font-weight: bold;
  color: #fff;
}
.alert a {
  color: white;
}
table.outerroundedborder, table.outerroundedbox {
  border-collapse: separate;
  padding: 0;
}
table.outerroundedborder th:first-child, table.outerroundedbox th:first-child {
  border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
}
table.outerroundedborder th:last-child, table.outerroundedbox th:last-child {
  border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
}
table.outerroundedborder tr:last-child td:first-child, table.outerroundedbox tr:last-child td:first-child {
  border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
}
table.outerroundedborder tr:last-child td:last-child, table.outerroundedbox tr:last-child td:last-child {
  border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
}
.roundedtable {
  border-collapse: separate;
  padding: 0;
}
.roundedtable th:first-child {
  border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
}
.roundedtable th:last-child {
  border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
}
.roundedtable tr:last-child td:first-child {
  border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
}
.roundedtable tr:last-child td:last-child {
  border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
}
table.sortable th {
  cursor: pointer;
}
table.horizseparated td {
  padding: 17px 10px;
  vertical-align: middle;
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid white;
}
table.horizseparated th {
  padding-left: 10px;
  padding-right: 9px;
  padding-top: 10px;
  border-bottom: 1px solid #e0e0e0;
}
table.horizseparated td:first-child, table.horizseparated th:first-child {
  padding-left: 20px;
}
table.horizseparated td:last-child, table.horizseparated th:last-child {
  padding-right: 20px;
}
table.horizseparated tbody tr:last-child td:first-child {
  border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
}
table.horizseparated tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
}
table.horizseparated tfoot td {
  height: 30px;
  background: #d9dcdd;
  background-image: url('../images/buttongreybg.png');
  padding-top: 0;
  padding-bottom: 0;
  border-top: 1px solid #eee;
}
table.horizseparated tfoot td a {
  color: #475665;
  font-weight: bold;
  text-decoration: none;
}
table.horizseparated tfoot td a:hover {
  text-decoration: underline;
}
table.horizseparated tfoot td ul {
  float: right;
  padding: 7px 0;
}
table.horizseparated tfoot td ul li {
  float: left;
  height: 16px;
  line-height: 16px;
  padding: 0 5px;
  border-right: 1px solid #c0ccd4;
  border-left: 1px solid #e4e7e8;
}
table.horizseparated tfoot td ul li:first-child {
  border-left: none;
}
table.horizseparated tfoot td ul li:last-child {
  border-right: none;
}
table.admintable {
  width: 100%;
}
table.admintable td {
  padding: 10px 20px;
}
table.admintable input[type=submit] {
  color: #475665;
  border: 1px solid #9fb9c3;
  text-shadow: none;
  background: #deeef4 url('../images/buttonbluebg.png');
  height: 24px;
  line-height: 24px;
}
table.admintable input[type=submit]:hover {
  background-color: #afe2f5;
  background-position: 0 52px;
}
table.admintable input[type=submit]:active {
  background-color: #afe2f5;
  background-position: 0 24px;
}
table.admintable button {
  color: #475665;
  border: 1px solid #9fb9c3;
  text-shadow: none;
  background: #deeef4 url('../images/buttonbluebg.png');
  height: 24px;
  line-height: 24px;
}
table.admintable button:hover {
  background-color: #afe2f5;
  background-position: 0 52px;
}
table.admintable button:active {
  background-color: #afe2f5;
  background-position: 0 24px;
}
.center {
  margin-left: auto;
  margin-right: auto;
}
table.menulist {
  margin-left: auto;
  margin-right: auto;
  /*the size of an image... to prevent content going outside the table*/
}
table.menulist td {
  vertical-align: middle;
  height: 78px;
}
table.menulist img {
  float: left;
  margin-right: 10px;
}
table.menulist div {
  padding-left: 43px;
}
table.menulist a {
  font-size: 18px;
  font-weight: bold;
}
.lightbg {
  background: #fafafa;
}
.alternativeLightbg {
  background: #f6f6f6;
}
.blueheader {
  color: #fff;
  border: 1px solid #312f2f;
  border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  background-color: #4d5c6d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#607286), to(#3b4755));
  background-image: -webkit-linear-gradient(top, #607286, #3b4755);
  background-image: -moz-linear-gradient(top, #607286, #3b4755);
  background-image: -o-linear-gradient(top, #607286, #3b4755);
  background-image: -ms-linear-gradient(top, #607286, #3b4755);
  background-image: linear-gradient(top, #607286, #3b4755);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#607286', EndColorStr='#3b4755');
  box-shadow: inset 0 0 2px #7890a5;
}
.tagslist {
  overflow: hidden;
  padding: 12px;
}
.tagslist h3 {
  margin-bottom: 7px;
}
.tagslist .tag {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #E2E2E2;
  display: block;
  float: left;
  padding: 3px 5px;
  text-decoration: none;
  background: #E9E9F2;
  color: gray;
  margin-right: 7px;
  margin-bottom: 7px;
}
.tagslist a {
  text-decoration: none;
}
.tagslist a:hover {
  text-decoration: underline;
}
.leftContent {
  float: left;
  width: 64.6%;
}
.rightsidebar {
  float: left;
  width: 33.5%;
  margin-left: 1.9%;
}
/* .leftKB {float: left; width: 64.8%;} */.avatar {
  background-image: url(../images/avatarbg.png);
  background-position: 0 1px;
  padding: 5px 5px;
  background-repeat: no-repeat;
  vertical-align: middle;
}
/*editor*/.editorBBCODE {
  font: 12px Consolas, Courier;
}
div.richeditor div.editbar {
  height: 27px;
  background: url(../images/editbarbg.png);
  border: 1px solid #bcc0c2;
}
div.richeditor div button {
  vertical-align: middle;
  width: 19px;
  height: 19px;
  margin-left: 5px;
  margin-right: 0;
  margin-top: 4px;
  border: none;
  background-color: Transparent;
  cursor: pointer;
  color: Black;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: none;
  filter: none;
}
div.richeditor div.container {
  border: 1px solid #bcc0c2;
  border-top: none;
  margin-bottom: 10px;
}
div.richeditor textarea {
  padding: 1%;
  border: none;
  display: block;
  width: 98% !important;
}
div.richeditor iframe {
  padding: 1%;
  background-color: #fff;
  border: none;
  display: block;
  width: 98% !important;
}
#lnkBrowse {
  color: #7195c5;
}
#lnkBrowse img {
  margin-right: 4px;
  top: 3px;
  position: relative;
}
.boldbtn {
  background-image: url('../images/boldbtn.png');
}
.italicbtn {
  background-image: url('../images/italicbtn.png');
}
.underlinebtn {
  background-image: url('../images/underlinebtn.png');
}
.hyperlinkbtn {
  background-image: url('../images/hyperlinkbtn.png');
}
.imagebtn {
  background-image: url('../images/imagebtn.png');
}
.colorbtn {
  background-image: url('../images/colorbtn.png');
}
.htmlbtn {
  background-image: url('../images/htmlbtn.png');
}
.boldbtn:hover {
  background-image: url('../images/boldbtnhover.png');
}
.italicbtn:hover {
  background-image: url('../images/italicbtnhover.png');
}
.underlinebtn:hover {
  background-image: url('../images/underlinebtnhover.png');
}
.hyperlinkbtn:hover {
  background-image: url('../images/hyperlinkbtnhover.png');
}
.imagebtn:hover {
  background-image: url('../images/imagebtnhover.png');
}
.colorbtn:hover {
  background-image: url('../images/colorbtnhover.png');
}
.htmlbtn:hover {
  background-image: url('../images/htmlbtnhover.png');
}
.attachments td {
  vertical-align: middle;
}
.attachments img {
  max-height: 80px;
  max-width: 28px;
}
.breadcrumbs {
  color: #b2b2b2;
  padding-bottom: 20px;
  padding-top: 0;
}
.breadcrumbs span {
  color: #666666;
}
.breadcrumbs a, .breadcrumbs a span {
  color: #7195c5;
}
.contentEditable {
  background: #ffffcc;
}
#outerLogin {
  width: 100%;
  text-align: center;
}
#loginContainer {
  display: inline-block;
  position: relative;
}
#loginContainer h1 {
  color: #35383e;
  font-size: 24px;
  margin: 15px 0;
}
#loginContainer #tableLoginContainer {
  padding: 0 10px;
}
#loginContainer #tableLoginContainer .tdOR {
  border-left: solid 1px #e6e6e6;
  padding: 0;
}
#loginContainer #tableLoginContainer .tdOR span {
  font-size: 21px;
  color: #fff;
  font-style: italic;
  background-color: #e1e1e1;
  padding: 5px 8px;
  padding-left: 7px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  position: absolute;
  top: 137px;
  left: 47.3%;
}
#loginContainer #tableLoginContainer table {
  min-width: 236px;
  display: block;
}
#loginContainer #tableLoginContainer table td {
  padding: 5px;
  text-align: left;
}
div.articleslist {
  padding-bottom: 20px;
  width: 40%;
  float: left;
}
div.articleslist ul {
  list-style-image: url(../images/triangle.png);
  list-style-position: inside;
}
div.articleslist li {
  margin: 10px 0;
}
div.articleslist h1 span {
  font-weight: normal;
}
tr.overdue td {
  background-color: #fff0f0;
  border-top: 1px solid transparent;
}
tr.overdue td a.ticketLink, tr.overdue td.date {
  color: #a40802;
}
tr.highlight td {
  background-color: #feffd5;
  border-top: 1px solid transparent;
}
.techComment {
  margin-bottom: -2px;
}
.publicComment {
  display: none;
}
.ticketRow {
  cursor: pointer;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.ticketRow td:first-child span {
  text-align: right;
  float: right;
}
.ticketRow td:first-child span img {
  margin-left: 3px;
}
.ticketRow:hover {
  background-color: #fff;
}
.ticketLink {
  font-weight: bold;
  text-decoration: none;
  line-height: 16px;
  font-size: 13px;
}
.ticketAttr img {
  margin-right: 2px;
  vertical-align: middle;
}
.ticketAttr img.categoryIcon {
  margin-left: 5px;
}
.userPopup {
  display: none;
}
.blueheader {
  position: relative;
  height: 12px;
  font-size: 11px;
  font-weight: bold;
  padding: 12px 10px;
  margin-bottom: 12px;
}
.categories {
  background-color: #f1f1f1;
  /*TODO: (../images/bullet.png)*/
  margin-bottom: 20px;
  /*bg = bullet-img*/
  /*first-level nesting padding*/
  /*2nd-level nesting padding*/
  /*move bullet to the right*/
}
.categories #treeList li.section {
  background-color: #f6f6f6;
  background: url(../images/bullet.png) no-repeat;
  background-position: 6px 11px;
}
.categories #treeList li {
  background-color: #f0f0f0;
  white-space: nowrap;
  position: relative;
  list-style: none;
}
.categories #treeList > li > a {
  border-top: 1px solid #dbdbdb;
}
.categories #treeList li > a {
  display: block;
  height: 27px;
  padding-left: 15px;
  line-height: 27px;
  font-size: 12px;
  font-weight: bold;
  color: #475665;
  border-bottom: 1px solid #dbdbdb;
}
.categories #treeList ul > li > a {
  padding-left: 20px;
}
.categories #treeList ul > li > ul a {
  padding-left: 27px;
}
.categories #treeList > ul > li > ul > li {
  background-color: #f0f0f0;
}
.categories #treeList span.catCount {
  height: 15px;
  line-height: 15px;
  background-color: #ffffff;
  color: #878d95;
  font-size: 11px;
  padding: 1px 7px;
  position: absolute;
  top: 6px;
  right: 10px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  box-shadow: inset 0 1px 2px #999;
  min-width: 12px;
  text-align: center;
}
.categories #treeList li.category a {
  border-bottom: none;
  font-weight: normal;
  color: #8e949b;
}
.categories #treeList > ul > li.section {
  background-position: 12px 11px;
}
.categories #treeList > ul > li.section > a span.catCount {
  background-color: #9e9e9e;
  color: #fff;
  box-shadow: inset 0 1px 2px #444;
  font-weight: bold;
  text-shadow: 0px 1px 2px #444444;
}
.categories #treeList li > a:hover {
  background-color: #fff;
  text-decoration: none;
}
.categories #treeList li > a.selected {
  background: #35afe3 url(../images/selectedcategorybg.png) repeat-x;
  border: 1px solid #3371a0;
  -webkit-box-shadow: inset 0px 1px 0px 0px #6ad2ef;
  -moz-box-shadow: inset 0px 1px 0px 0px #6ad2ef;
  box-shadow: inset 0px 1px 0px 0px #6ad2ef;
  color: #fff;
  text-decoration: none;
}
.categories #treeList li.section > a.selected span.catCount {
  background-color: #184667;
}
.menu > li > a.active {
  border-bottom: 1px solid #1a638f;
}
.filterBox {
  background-color: #fafafa;
  background: #fafafa;
  position: relative;
  padding-top: 5px;
  margin-bottom: 5px;
  margin-top: 15px;
  border: 1px solid #dbdbdb;
  border-left: none;
  border-right: none;
  box-shadow: 0 4px 4px 0 #ddd;
}
.filterBox table {
  width: 100%;
}
.filterBox td {
  padding: 4px 17px;
}
.filterBox tr td:last-child {
  padding-left: 0;
}
.filterBox .notch {
  position: absolute;
  top: -9px;
  right: 9px;
  margin: 0;
  border-bottom: 10px solid #fafafa;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 0;
  padding: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.filterBox .border-notch {
  border-bottom-color: #ccc;
  top: -10px;
}
.filterBox tr:last-child td {
  padding-bottom: 15px;
}
.filterBox tr:first-child td {
  padding-top: 10px;
}
.filterBox input[type="text"] {
  padding-left: 3px;
  font-size: 11px;
}
.filterBox input[type="checkbox"] {
  margin-right: 0;
}
#toggleFilter {
  position: absolute;
  top: 10px;
  right: 5px;
  background: #728191 url(../images/filterbg.png) repeat-x;
  width: 25px;
  height: 23px;
  margin: 0;
  border: 1px solid #312f2f;
  margin-top: -4px;
  padding: 0;
  box-shadow: inset 0px 1px #bbc2c8;
}
#ticketBody > div {
  font-size: 14px;
  line-height: 1.3em;
}
/* ViewIssue Toolbar */div#toolbar {
  height: 26px;
  margin-bottom: 20px;
}
div#toolbar ul#status {
  float: left;
}
div#toolbar ul li {
  float: left;
}
div#toolbar ul div {
  position: relative;
}
div#toolbar ul div ul {
  position: absolute;
  top: 25px;
  left: 0;
  display: none;
}
div#toolbar ul div ul li {
  width: 100%;
  border: none;
  text-align: left;
  display: block;
  margin: 2px;
}
div#toolbar ul div:hover ul {
  display: block;
}
ul.tools {
  float: right;
  border-right: 1px solid #c9c9c9;
  margin-left: 10px;
}
ul.tools li:first-child {
  overflow: hidden;
}
ul.tools li {
  margin: 0;
  float: left;
}
ul.tools button {
  height: 25px;
  width: 25px;
  margin: 0;
  padding: 0;
  border: 1px solid #c9c9c9;
  box-shadow: none;
  border-right: none;
  background: url(../images/vitoolbarbg.png) repeat-x;
  border-radius: 0;
  filter: none;
}
ul.tools button:hover {
  background: url(../images/vitoolbarbghover.png);
}
ul.tools button:active {
  background: url(../images/vitoolbaractive.png);
}
.editTable ul.tools {
  visibility: hidden;
}
tr:hover td.editCell ul.tools {
  visibility: visible;
}
.tagsinput {
  border: 1px solid #b9bcbe;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
/*to make it look like a textbox*/table.issueDetails h1 {
  color: #475665;
}
table.issueDetails .editButton {
  background-color: #eaeaea;
  border: 1px solid #b0b0b0;
  color: #717171;
  text-shadow: none;
  background: #eaeaea url('../images/buttongreybg.png');
  position: absolute;
  right: 0px;
  top: 0px;
  width: 35px;
}
table.issueDetails .editButton:hover {
  background-color: #eaeaea;
  background-position: 0 52px;
}
table.issueDetails .editButton:active {
  background-color: #eaeaea;
  background-position: 0 24px;
}
table.issueDetails td {
  vertical-align: middle;
  height: 25px;
}
table.issueDetails td:last-child {
  padding-left: 0;
}
table.issueDetails td:last-child > div {
  position: relative;
  width: 100%;
}
table.issueDetails td:first-child {
  padding-right: 0px;
}
table.issueDetails .tagsinput {
  background-color: transparent;
  border: none;
}
/*comments list */.trDay td {
  color: #bbb;
  font-size: 14px;
  border-top: 1px solid #e0e0e0;
  padding: 15px;
}
.commentsTbl td {
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  padding: 10px 10px;
}
.commentBody {
  padding: 5px 0px;
  line-height: 1.3em;
}
td.techCommentCell {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('../images/techguy_small.png');
}
/*new comment*/.commentsTbl td.tdNewComment {
  padding: 20px 15px;
}
.commentsTbl td.tdNewComment #txtNewComment {
  border: 1px solid #c1c5c8;
  height: 35px;
  font-size: 18px;
  color: #444;
  width: 100%;
  font-style: italic;
  background: #fff;
  box-shadow: inset 0 4px 5px #eeeeee;
}
.commentsTbl td.tdNewComment div#divSubscribersList div {
  float: left;
  padding: 1px 5px;
  height: 18px;
  line-height: 18px;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
/* User popup */.userPopup {
  display: none;
  min-height: 150px;
  width: 270px;
  position: absolute;
  z-index: 1000;
  white-space: normal;
}
.userPopup h3, .userPopup h4 {
  margin: 0;
}
.userPopup ul {
  padding: 0;
  list-style: none;
  overflow: hidden;
  margin: 10px 0;
}
.userPopup img {
  float: left;
  margin-right: 10px;
}
.userPopup ul.userInfo li {
  width: 140px;
  float: left;
  margin-bottom: 5px;
}
.userPopup ul.userInfo li.fullWidth {
  width: 280px;
  margin-bottom: 10px;
  clear: both;
}
.userPopup ul.userInfo li b {
  display: block;
}
.userPopup ul.ticketGrid {
  width: 100%;
}
.userPopup ul.ticketGrid li {
  padding: 5px;
}
.userPopup .notch {
  position: absolute;
  top: -11px;
  left: 10px;
  margin: 0;
  border-bottom: 12px solid #fff;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 0;
  padding: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.userPopup .border-notch {
  border-bottom-color: #ccc;
  top: -12px;
}
/* More btn */tfoot tr.trMore td {
  height: 30px;
  padding: 0;
  cursor: pointer;
  border-radius: 0 !important;
  border-top: none;
  background-color: #b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f6fa), to(#dfe8f2));
  background-image: -webkit-linear-gradient(top, #f4f6fa, #dfe8f2);
  background-image: -moz-linear-gradient(top, #f4f6fa, #dfe8f2);
  background-image: -o-linear-gradient(top, #f4f6fa, #dfe8f2);
  background-image: -ms-linear-gradient(top, #f4f6fa, #dfe8f2);
  background-image: linear-gradient(top, #f4f6fa, #dfe8f2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f4f6fa', EndColorStr='#dfe8f2');
}
tfoot tr.trMore td:hover {
  background-color: #d9e8f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf5ff), to(#c7dbf3));
  background-image: -webkit-linear-gradient(top, #ebf5ff, #c7dbf3);
  background-image: -moz-linear-gradient(top, #ebf5ff, #c7dbf3);
  background-image: -o-linear-gradient(top, #ebf5ff, #c7dbf3);
  background-image: -ms-linear-gradient(top, #ebf5ff, #c7dbf3);
  background-image: linear-gradient(top, #ebf5ff, #c7dbf3);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ebf5ff', EndColorStr='#c7dbf3');
}
tfoot tr.trMore td a {
  font-weight: bold;
  text-decoration: none;
  color: #646464;
  font-size: 10px;
}