/* All tables should take full width by default */
#logo {
  background: transparent; }
table {
  width: 100%; }

input, textarea {
  padding: 2px;
  border: 1px solid #516077; }
textarea {
  padding: 5px; }
input:focus, textarea:focus {
  border-color: #000000; }
input.button {
  padding: 0;
  background: #FFFFFF url(../../images/elements/background-button.png) repeat-x bottom center; }

#message-info {
  background: transparent url(../../images/kayako/icon-success.png) no-repeat 3px 3px;
  min-height: 20px;
  padding: 5px 5px 5px 35px;
  margin: 15px 100px 0 100px;
  width: 360px;
  border: 1px solid #A0CBA3; }
#message-error {
  background: transparent url(../../images/kayako/icon-error.png) no-repeat 3px 3px;
  min-height: 20px;
  padding: 5px 5px 5px 35px;
  margin: 15px 100px 0 100px;
  width: 360px;
  border: 1px solid #ECA29F; }

#body h1, #body h2 {
  margin-left: 11px; }
#body p {
  margin-left: 11px;
  margin-right: 11px; }


/* Front Page Widget Table */
table#widgets {
  width: 580px;
  margin-left: 10px; }
table#widgets td.icon {
  width: 96px;
  height: 96px;
  vertical-align: top;
  text-align: right;
  padding-bottom: 20px; }
table#widgets td.icon img {
  width: 96px;
  height: 96px; }
table#widgets td.description {
  height: 96px;
  width: 186px;
  font-size: 9pt;
  padding: 0 15px 0px 5px;
  text-align: justify;
  vertical-align: top; }
table#widgets h2 {
  font-size: 11pt;
  margin: 0;
  padding: 0; }
table#widgets td.description a {
  font-weight: bold; }
table#widgets td.break {
  padding-right: 0; }

/* Front Page Inputs (Search & Log In) */
#supportinput {
  padding-bottom: 20px; }

td#search {
  font-size: 9pt; }
table#searchbox {
  width: 175px;
  margin-left: 20px; }
#searchquery {
  width: 175px; }

td#login {
  width: 300px;
  padding-left: 15px;
  font-size: 9pt; }
table#login {
  width: 230px;
  margin-left: 20px; }
#loginemail, #loginpassword {
  width: 115px; }
#loginemail {
  margin-right: 5px; }

td#search td.button, td#login td.button {
  text-align: right; }

td#search #indent {
  margin-left: 20px; }

/* Front Page Quick Boxes */
table.quickbox {
  margin: 0 20px;
  width: 560px; }
table.quickbox td {
  vertical-align: top;
  font-size: 9pt; }
table.quickbox td.icon, table.quickbox td.icon img {
  height: 22px;
  width: 22px; }
table.quickbox td.name {
  padding: 2px 5px 0 5px;
}
table.quickbox td.extra {
  text-align: right;
  padding-top: 5px;
  font-size: 8pt;
  width: 135px; }

/* Slight modification for IRS system */
fieldset.ticketirs table.quickbox {
  width: 450px; }

/* Categories View (Downloads, Knowledgebase & Search) */
h2 span.count {
  font-weight: normal;
  font-size: 10pt; }
table.categories, table.items, table.results {
  width: 560px;
  margin-left: 20px; }
table.categories td.icon, table.categories td.icon img, table.items td.icon, table.items td.icon img, table.results td.icon, table.results td.icon img {
  height: 22px;
  width: 22px; }
table.categories td.name, table.items td.preview, table.results td.preview {
  padding: 3px 5px 5px 5px;
  font-size: 9pt; }
table.categories td.more {
  padding: 3px 5px 5px 5px;
  font-size: 9pt;
  text-align: left; }

table.items td.preview, table.results td.preview {
  padding-bottom: 10px; }

/* Item View (Knowledgebase and Downloads) */
#details {
  font-size: 8pt;
  margin: 0 0 35px 0;
  padding: 0 10px 0 75px;
  width: 505px; }
#details img#icon {
  display: block;
  position: absolute;
  top: 15px;
  left: 6px;
  height: 64px;
  width: 64px; }
#details h1 {
  margin: 20px 0 5px 0; }

#contents {
  width: 550px;
  margin-left: 25px; }
#contents p {
  margin-left: 0;
  margin-right: 0; }
#contents h1, #contents h2, #contents h3, #contents h4 {
  margin-left: 0; }
#contents ul {
  width: auto;
  margin-right: 20px; 
  margin-left: 35px; }
#contents li {
  margin-bottom: 0.5em; }
#contents pre, #contents p.warn, #contents p.note {
  margin-left: 20px;
  width: 500px;
  border: 1px solid #B2BECC;
  padding: 5px;
  overflow: auto; }
#contents p.note {
  padding-left: 30px;
  width: 475px;
  font-size: 9pt;
  background: transparent url(../../images/kayako/icon-info.png) no-repeat 4px 5px; }
#contents p.warn {
  padding-left: 30px;
  width: 475px;
  font-size: 9pt;
  border-color: #F6D2A9;
  background: #FEFAF5 url(../../images/kayako/icon-warning.png) no-repeat 4px 5px; }
#contents img.more-icon {
  vertical-align: bottom;
  padding-right: 3px; }

#details #icons {
  float: right;
  height: 22px; }

/* Download Control Form */
#download {
  width: 600px;
  text-align: center; }
#download input {
  padding: 1px;
  margin: 2px 0 10px 10px;
  border: 1px solid #516077; }

/* Search Extras */
#searchtime {
  margin-left: 11px;
  font-size: 8pt; }

/* Comment CSS */
#commentlinks {
  border-top: 1px dashed #B2BECC;
  width: 550px;
  margin-left: 25px; }
#commentlinks td.left {
  padding: 5px;
  text-align: left;
  font-size: 9pt; }
#commentlinks td.right {
  padding: 5px;
  text-align: right;
  font-size: 9pt; }
#commentlinks * img {
  vertical-align: middle; }

div.comment {
  width: 495px;
  margin: 10px 0 15px 50px;
  padding: 0 5px 10px 25px;
  background: transparent url(../../images/kayako/icon-comment.png) no-repeat 0px 3px; }
div.comment div.postedby {
  margin-left: 25px;
  font-size: 8pt; }

#addcomment {
  border-bottom: 1px dashed #B2BECC;
  width: 550px;
  margin-left: 25px; }
#addcomment.border {
  border: 0; }
#addcomment table {
  margin-bottom: 15px; }
#addcomment td.option {
  width: 150px;
  text-align: right;
  padding: 0 5px 0 0; }
#addcomment label {
  font-weight: bold; }
#addcomment textarea {
  width: 350px; }

/* Submit Tickets */
fieldset {
  width: 545px;
  margin-left: 15px;
  margin-bottom: 15px;
  padding: 10px;
  border: 1px solid #B2BECC;
}
fieldset legend {
  color: #55637A;
  font: normal 13pt Georgia, Garamond, Bookman Old Style, Times, Times New Roman, serif; }

label.error {
  color: #FF0000; }

#submitbuttons {
  width: 100%;
  text-align: center; }

#departmentlist select {
  margin-left: 75px; }

fieldset.general td {
  padding: 1px 0; }
fieldset.general td.option,
fieldset.details td.option,
fieldset.custom td.option {
  text-align: right;
  width: 175px;
  padding-top: 3px;
  padding-right: 5px; }
fieldset.general input,
fieldset.custom input {
  width: 200px; }
fieldset.details input {
  width: 300px; }
fieldset.details textarea {
  height: 200px;
  width: 530px; }
fieldset.general label,
fieldset.details label,
fieldset.custom label,
fieldset.custom span.label
fieldset.confirm span.label {
  font-weight: bold; }
fieldset.verify td.image {
  width: 180px;
  height: 40px; }
fieldset.verify td.verify {
  vertical-align: middle; }
fieldset.verify td.verify label {
  font-weight: bold; }
fieldset.custom td {
  padding: 1px 0; }
fieldset.confirm td {
  padding-top: 3px;
  padding-bottom: 1px; }

fieldset.conversation * {
  overflow: auto; }
fieldset.conversation div.postedby {
  font-size: 8pt;
  text-align: right;
  padding: 10px 0 0 0; }
fieldset.conversation div.postedby img {
  height: 22px;
  width: 22px;
  vertical-align: middle; }
fieldset.conversation div.attachments {
  width: 545px;
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #B2BECC; }
fieldset.conversation div.attachments img {
  height: 22px;
  width: 22px;
  vertical-align: middle; }

/* -------------------------------------------------------------------------------------------------
   View Tickets */
#ticketlist {
  width: 560px;
  margin-left: 20px; }
#ticketlist td.icon, #ticketlist td.icon img {
  width: 22px;
  height: 22px; }
#ticketlist td.ticketid {
  width: 85px;
  padding: 3px 0 0 5px; }
#ticketlist td.subject {
  padding: 3px 0 0 5px; }
#ticketlist td.status {
  font-size: 9pt;
  text-align: center;
  width: 75px; }
#ticketlist td.details {
  font-size: 8pt;
  padding: 0 0 15px 25px; }

#ticketnavigation {
  width: 100%;
  text-align: center; }
#ticketnavigation img {
  vertical-align: middle; }

#ticketnavigation td.image img {
  height: 22px;
  width: 22px; }

#ticketnavigation #first, #ticketnavigation #last {
  width: 175px; }
#ticketnavigation #previous, #ticketnavigation #next {
  width: 25px; }
#ticketnavigation #pagination {
  padding-top: 3px; }
#ticketnavigation #first, #ticketnavigation #previous {
  text-align: right; }
#ticketnavigation #next, #ticketnavigation #last {
  text-align: left; }

#addreply {
  text-align: right;
  padding-right: 35px;
  margin-bottom: 1em; }
#addreply img {
  height: 22px;
  width: 22px;
  vertical-align: middle; }
/*fieldset.ticketreply textarea {
  padding: 5px;
  width: 530px;
  height: 200px; }*/
 
div.bohdr,
div.bobdy {
  width: auto;
  border: 1px solid black;
  font-size: 8pt;
  padding: 5px;
  background: white; }

div.bohdr {
  display: none;
  border-bottom: 0; }

div.bmbdy {
  max-width: 200px; }