@import url(code.css);

#content { width: 700px; max-width: 100% }

#newticket #description { width: 100% }
#newticket #properties { width: 100% }

#ticket {
 background: #eee;
 border: 1px solid #999;
 margin-top: 1em;
 padding: .5em 1em;
 position: relative;
}
#ticket h2.summary { margin: 0 }
#ticket h3.status { color: #930; font-size: 90%; font-weight: normal; margin-top: .5em; }
#ticket .date { color: #930; float: right; font-size: 85%; position: relative }
#ticket .date p { margin: 0 }

#ticket table.properties {
 border-bottom: 1px solid #aaa;
 border-top: 1px solid #aaa;
 border-collapse: collapse;
 table-layout: fixed;
 width: 100%;
}
#ticket table.properties tr { border-bottom: 1px dotted #eed }
#ticket table.properties td, #ticket table.properties th {
 font-size: 80%;
 padding: .5em 1em;
 vertical-align: top;
}
#ticket table.properties th {
 color: #620;
 font-weight: normal;
 text-align: left;
 width: 20%;
}
#ticket table.properties td { width: 30% }
#ticket table.properties .description { border-top: 1px solid #aaa }

#attachments { border: 1px outset #930; padding: 1em }
#attachments .attachments { margin-left: 2em; padding: 0 }
#attachments dt { display: list-item; list-style: square; }
#attachments dd { font-style: italic; margin-left: 0; padding-left: 0; }

#changelog { border: none; padding: 1em }
#changelog h3 {
 border-bottom: 1px solid #d7d7d7;
 color: #999;
 font-size: 100%;
 font-weight: normal;
}
#changelog .changes { list-style: square; margin-left: 2em; padding: 0 }
#changelog .comment { margin-left: 2em }

form .field { margin-top: .75em; width: 100% }
form #comment { width: 100% }

#properties { white-space: nowrap; line-height: 160%; padding: .5em }
/*#properties .main { margin-bottom: 1em }
#properties .col1 {
 border-right: 1px dotted #d7d7d7;
 float: left;
 margin-bottom: 1em;
 width: 45%;
}
#properties .col2 { margin-left: 40% }
#properties .main label, #properties .col1 label, #properties .col2 label {
 float:left;
 width: 7em;
 text-align: right;
 margin-right: .5em;
}
#properties .custom {
 clear: left;
 border-top: 1px dotted #d7d7d7;
 padding-top: 1em
}
#properties .custom .field { margin: .25em 0 }*/

#properties table { border-spacing: 0; width: 100%; }
#properties table th {
 padding: .4em;
 text-align: right;
 width: 20%;
 vertical-align: top;
}
#properties table th.col2 { border-left: 1px dotted #d7d7d7 }
#properties table td { vertical-align: middle; width: 30% }
#properties table td.fullrow { vertical-align: middle; width: 80% }

#action { line-height: 2em }

fieldset.radio { border: none; margin: 0; padding: 0 }
fieldset.radio legend {
 color: #000;
 float: left;
 font-size: 100%;
 font-weight: normal;
 padding: 0 1em 0 0;
}
fieldset.radio label { padding-right: 1em }

blockquote.citation {
  margin: 0;
  background-color: #eee;
  font-style: italic;
}
blockquote.citation p:before {
  content: '»';
}