body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:0.8em;
    color: #000000;
    margin:0;
    width:100%;
    background-color:#eaeaea;
}

div.zt-global-container {
  width:95%;
  margin:0 auto 0 auto;
  border:1px solid #b0b0b0;
  background-color:#ffffff;
}

div.main-container {
    color: #000000;
    background-color: transparent;
    margin:0 10px 10px 10px;
}

div.zf-header {
    margin-bottom:10px;
    background-color: white;
    background-image: url(http://www.ztracker.org/zImages/header_bg.png);
    background-position: top right;
    background-repeat: no-repeat;
}

img.zf-imgclear {
    border:0px;
}

div.top-options {
    color: #000000;
    background-color:transparent;
    width: 95%;
    margin: 10px auto 0 auto;
    text-align:right;
}

div.header-top-options {
    width:100%;
    height: 29px;
    text-align:right;
    font-size:95%;
    color:#000000;;
    background-color:transparent;
    background-image: url(http://www.ztracker.org/zImages/headernav_bg_top.png);
    background-repeat: repeat-x;
    margin-bottom:0;
}

div.header-top-options div {
    padding: 5px 10px 5px 0;
    background-color:transparent;
}

a.header-top:link, a.header-top:active, a.header-top:visited {
    color: #000000;;
    /* font-weight: bold; */
}

a.header-top:hover {
    color: #B22222;
    /* font-weight: bold; */
}

a.header-bottom:link, a.header-bottom:active, a.header-bottom:visited, a.header-bottom:hover {
    color:#ffffff;;
    font-weight:bold;
}

div.header-bottom-options div {
    padding: 2px 10px 2px 0;
    background-color:transparent;
}

div.hr {
    height:1px;
    background-color:#b0b0b0;
    width:100%;
    margin:3px auto 3px auto;
}

div.hr hr {
    display: none;
}

div.zt-footer {
    width:95%;
    margin:0 auto 0 auto;
    text-align:right;
    font-size:90%;
    background-color:transparent;
}

div.zt-indent {
  margin-left:15px;
  background-color:transparent;
}

div.zt-paragraph {
  margin:10px 0 20px 0;
}

/* Main Links */

a:active, a:link, a:visited {
  color: #466dab;
  background-color:transparent;
  text-decoration:none; 
}

a:hover {
  color: #B22222;
  background-color: transparent;
  text-decoration: none;
}

/* Bold Links */

a.linkb:active, a.linkb:link, a.linkb:visited {
  font-weight:bold;
  color: #466dab;
  background-color:transparent;
  text-decoration:none; 
}

a.linkb:hover {
  font-weight:bold;
  color: #B22222;
  background-color: transparent;
  text-decoration: none;
}

a.smallb:active, a.smallb:link, a.smallb:visited {
  font-size:90%;
  font-weight:bold;
  color: #466dab;
  background-color:transparent;
  text-decoration:none; 
}

a.smallb:hover {
  font-size:90%;
  font-weight:bold;
  color: #B22222;
  background-color: transparent;
  text-decoration: none;
}

a.small:active, a.small:link, a.small:visited {
  font-size:90%;
  color: #466dab;
  background-color:transparent;
  text-decoration:none; 
}

a.small:hover {
  font-size:90%;
  color: #B22222;
  background-color: transparent;
  text-decoration: none;
}

.highlight {
  background-color:#ff8006;
}

/* Ticket Containers */

div.parent-ticket-container {
    width:100%;
    background-color:#f7f4de;;
    border-top:1px solid #b0b0b0;
    border-left:1px solid #b0b0b0;
    border-bottom:1px solid black;
    border-right:1px solid black;
    margin: 15px 0 20px 0;
}

div.ticket {
    background-color:transparent;
    padding:10px;
}

div.child-ticket-container {
    width:100%;
    background-color:#f7f7f7;
    /* border: 1px solid #b0b0b0; */
    border-top:2px solid #b0b0b0;
    border-left:2px solid #b0b0b0;
    border-bottom:2px solid black;
    border-right:2px solid black;
    margin:15px 0 25px 0;
}

div.child-ticket-container-content {
    width:100%;
    background-color:#f7f7f7;
    border: 1px solid #b0b0b0;
    margin:15px 0 0 0;
}

div.response-ticket-container {
    float:left;
    margin:20px 0 20px 0;
    background-color: #f7f7f7;
    border-top:1px solid #b0b0b0;
    border-left:1px solid #b0b0b0;
    border-bottom:1px solid black;
    border-right:1px solid black;
}

div.zt-attachment-container {
    margin:15px 0 15px 0;
    color: #000000;
    background-color: #ffffff;
    border-top:1px solid #eaeaea;
    border-left:1px solid #eaeaea;
    border-bottom:1px solid #b0b0b0;
    border-right:1px solid #b0b0b0;
}

div.attachment-title {
    border-top:1px solid #ffffff;
    border-left:1px solid #ffffff;
    background-color:#eaeaea;
    vertical-align:middle;
    border-bottom:1px solid #b0b0b0;
    text-align:center;
}

div.box-title  {
    background-color:#eaeaea;
    vertical-align:middle;
    border-bottom:1px solid #b0b0b0;
}

div.padme {
    background-color:transparent;
    padding:5px;
}

/* BreadCrumb System */

div.subnav {
  color:#000000;
  background-color:#f7f7f7;
  border:1px solid #b0b0b0;
  padding:3px;
  margin-bottom:20px;
  text-align:center;;
  font-size:90%;
  font-weight:bold;
}

div.breadcrumbs {
  font-size:90%;
  color:#000000;
  background-color:#f7f7f7;
  border-top:1px solid #b0b0b0;
  border-bottom:1px solid #b0b0b0;
  padding:3px 3px 3px 3px;
  margin-bottom:15px;
}

a.breadcrumbs:active, a.breadcrumbs:link, a.breadcrumbs:visited {
  color:#466dab;
  background-color:transparent;
  font-weight:bold;
  text-decoration:none; 
}

a.breadcrumbs:hover {
  color:#B22222;
  background-color:transparent;
  text-decoration:none;
  font-weight:bold;
}

/* Use this to anchor images, etc */

a.nolink:link, a.nolink:active, a.nolink:visited, a.nolink:hover {
  text-decoration:none;
}

/* Re-Definition for H1, H2, H3, H4 */

h1 {
  color:#000000;
  font-weight:normal;
  background-color:#ffffff;
  font-size:160%;
}

h2 {
  color:#000000;
  font-weight:normal;
  background-color:transparent;
  font-size:140%;
}

h2.fancy {
  color:#000000;
  font-weight:normal;
  background-color: #f7f4de;;
  font-size:140%;
  border-bottom:1px solid #b0b0b0;
  border-top:1px solid #b0b0b0;
  text-align:right;
  padding-right:10px;
}

h3 {
  color:#000000;
  background-color:#ffffff;
  font-weight:normal;
  font-size:130%;
}

h4 {
  color:#000000;
  background-color:#ffffff;
  font-size:110%;
}

/* Miscellaneous Mark-Ups */

.zt-small-content {
    font-size:smaller;
    color:#888888;;
}

div.fancy, div.fancy-left {
  color:#000000;
  font-size:120%;
  font-weight:normal;
  background-color: #f7f4de;;
  border-bottom:1px solid #b0b0b0;
  border-top:1px solid #b0b0b0;
  text-align:left;
  padding-left:10px;
  margin-bottom:20px;
}

div.fancy-right {
  font-size:120%;
  color:#000000;
  font-weight:normal;
  background-color: #f7f4de;;
  border-bottom:1px solid #b0b0b0;
  border-top:1px solid #b0b0b0;
  text-align:right;
  padding-right:10px;
  margin-bottom:20px;
}

/* Quotations */

div.quote {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding:10px 15px 10px 15px;
  margin:5px;
  border:1px solid #b0b0b0;
  background-color:#f7f7f7;
}

div.child-ticket-title {
    border-bottom: 1px solid #b0b0b0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #888888;;
    margin-bottom:15px;
}

/* Changelog Display */

div.changelog, div.ticket-description {
  background-color: #ffffff;  
  border-top:1px solid #b0b0b0;
  border-left:1px solid #b0b0b0;
  border-bottom:1px solid #b0b0b0;
  border-right:1px solid #b0b0b0;
  width:100%;
  margin: 5px auto 5px auto;
}

/* Code Display */

pre.code {
    color: #000000;
    background-color: #ffffff;  
    border-top:1px solid #b0b0b0;
    border-left:1px solid #b0b0b0;
    border-bottom:1px solid #b0b0b0;
    border-right:1px solid #b0b0b0;
    width:95%;
    margin:5px auto 5px auto;
    max-height:250px;
    overflow:auto;
}

div.ticket-description div {
  font-family: Courier, "Courier New", monospace;
  font-size:100%;
  color: #000000;
  padding: 5px;
  overflow:auto;
  /* white-space:pre; */
  background-color:transparent;
}


/* miscellaneous error messages */

.error, .zt-error {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:red;
    font-weight:bold;
}

.info {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:green;
    font-weight:bold;
}

.note {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #888888;;
}

/* Form Definitions */

fieldset {
  border:0;
  margin:5px 0 5px 0;
  padding:0;
}

/* Form elements */


input[type=text], input[type=password], textarea, select {
    font-size:100%;
    background-color: #f7f4de;;
    border: 1px solid #b0b0b0;
}

input[type=submit], input[type=button] {
    font-size:100%;
    background-color: #f7f4de;;
    border: 1px solid #b0b0b0;
}

/* Table Definition */

table.zt-category-table {
    border: 1px solid #b0b0b0;
}

table.zt-category-table td {
    padding:3px;
    border-bottom: 1px solid #eaeaea;
}

.even-row {
    background-color:#f7f7f7;
}

tr.title-row {
    background-image:url(http://www.ztracker.org/zImages/tablehead_bg.png);
    background-repeat:repeat-x;
    height:28px;
}

tr.title-row td {
    font-weight:bold;
    vertical-align:middle;
}

tr.highlight-in {
    background-color:#c8c8c8;
}

table.parent-ticket {
    width:100%;
}

table.parent-ticket td {
    padding:3px;
    background-color:transparent;
    border-bottom: 1px solid #eaeaea;
}

table.parent-ticket td.parent-title {
    padding:3px;
    background-color:transparent;
    border-bottom: 2px solid #b0b0b0;
}


/* Tooltips - Customize later */
.tooltip-header {
    background:#F3F0E7;
    font-size:90%;
    font-weight:bold;
    border:1px solid #C8BA92;
    padding:5px;
    width:300px;
}
         
.tooltip-body {
    background:#FFFFFF;
    font-size:90%;
    border-left:1px solid #C8BA92;
    border-right:1px solid #C8BA92;
    border-bottom:1px solid #C8BA92;
    padding:5px;
    width:300px;
}