@import url(code.css);

#content.ticket {
    width:700px;
    max-width:100%;
    margin:auto;
}

#newticket #field-description {
    width:100%;
}

#newticket #properties {
    width:100%;
}

#ticket {
    background:#ffd;
    border:1px outset #996;
    margin-top:1em;
    padding:.5em 1em;
    position:relative;
}

div#ticket.ticketdraft {
    background:#f4f4f4 url(../draft.png);
}

div#ticketchange.ticketdraft {
    padding:0 1em;
    margin:1em 0;
}

div#ticketchange.ticketdraft h3 {
    margin-top:.5em;
}

.preview-notice {
    font-weight:bold;
}

.ticketdraft {
    background:#f4f4f4 url(../draft.png);
    border:1px outset #996;
    padding:0 .2em;
}

h1 .status {
    color:#444;
}

#ticket h2.summary {
    margin:0 0 .8em;
}

#ticket .date {
    color:#996;
    float:right;
    font-size:85%;
    position:relative;
}

#ticket .date p {
    margin:.3em;
}

#ticket table.properties {
    clear:both;
    border-top:1px solid #dd9;
    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:#663;
    font-weight:normal;
    text-align:left;
    width:20%;
}

#ticket table.properties td {
    width:30%;
}

#ticket table.properties .description {
    border-top:1px solid #dd9;
}

#ticket .description h3 {
    border-bottom:1px solid #dd9;
    color:#663;
    font-size:100%;
    font-weight:normal;
}

#ticket .description h3 .lastmod {
    font-size:90%;
}

#ticket .inlinebuttons {
    float:right;
    position:relative;
    bottom:.3em;
}

#changelog {
    border:1px outset #996;
    padding:1em;
}

#preview {
    border:1px solid #d7d7d7;
    padding:1em;
}

#preview h3,#changelog h3 {
    border-bottom:1px solid #d7d7d7;
    color:#999;
    font-size:100%;
    font-weight:normal;
}

.threading,#changelog .inlinebuttons {
    float:right;
}

.threading {
    font-size:90%;
}

#preview .changes,#changelog .changes {
    list-style:square;
    margin-left:2em;
    padding:0;
}

#preview .comment,#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 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;
}